lmz
/
BOSSHAND_Android


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>添加供应商产品</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" type="text/css" href="../../../css/common/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/common/mui.picker.min.css" />
		<link rel="stylesheet" href="../../../css/common/common.css">
		<link rel="stylesheet" type="text/css" href="../../../css/index/index-procurement/procurement-details.css" />
	</head>

	<body>
		<header id="header" class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-arrowleft">
				<span class="back">返回</span>
			</a>
			<h1 class="mui-title">添加供应商产品</h1>
			<a class="right ca_right">
				确定
			</a>
		</header>
		<div class="mui-content">
			<div class="svm-details">
				<div class="svm-nav">
					<span></span>
					<span>基本信息</span>
				</div>
				<ul class="svm-con">
					<li>
						<span>供应商名称</span>
						<span class="name"><input type="text" readonly="readonly" placeholder="请选择供应商" /></span>
					</li>
					<li>
						<span>产品名称</span>
						<span class="tel"><input type="text" placeholder="请输入产品名称" /></span>
					</li>
					<li>
						<span>产品描述</span>
						<span class="people"><input type="text" placeholder="请输入产品描述" /></span>
					</li>
					<li>
						<span>产品价格</span>
						<span class="price"><input type="number" placeholder="请输入产品价格" /></span>
					</li>
					<li>
						<span>产品单位</span>
						<span class="time"><input type="text" placeholder="请输入产品单位" /></span>
					</li>
					<li>
						<span>产品备注</span>
						<span class="remark"><input type="text" placeholder="请输入备注" /></span>
					</li>
					<li>
						<span>产品图片</span>
						<span class="pro-img img"><input type="text"readonly="readonly" placeholder="请选择图片" /></span>
					</li>
				</ul>
			</div>
		</div>
		<script src="../../../libs/mui.min.js"></script>
		<script src="../../../libs/mui.picker.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			(function($, doc) {
				$.plusReady(function() {
					var str = plus.storage.getItem('user');
					var user = JSON.parse(str);
					var token = user.Data.Token;
					//查询供应商
					$('body').on('tap', '.name input', function() {
						$(this)[0].blur();
						//初始化popPicker组件
						var picker = new mui.PopPicker();
						//查询列表
						var postData = {
							"pageIndex": 1,
							"pageSize": 100,
							"exist": "", // 类型
						}
						$.ajax("http://www.bosshand.cn/api/Invoicing/GetSupplierPageList", {
							headers: {
								authorization: token,
								ContentType: 'application/x-www-form-urlencoded',
							},
							type: "post",
							data: postData,
							dataType: 'json',
							success: function(data) {
								var data = data.Data.list;
								var html = [];
								for(var i = 0; i < data.length; i++) {
									html.push({
										text: data[i].SupplierName,
										code: data[i].Code
									})
								};
								picker.setData(html);
							}
						});
						picker.show(function(selectItems) {
							$(".name input")[0].value = selectItems[0].text;
							$(".name input")[0].id = selectItems[0].code;
						});
					});
					//选择图片
					$('body').on('tap', '.img input', function() {
						galleryImgs();
					});
					//调用相册函数
					function galleryImgs() {
						// 从相册中选择图片
						mui.plusReady(function() {
							plus.gallery.pick(function(e) {
								var imghtml = '';
								imghtml += '<img class="imgs" src="' + e.files[0] + '">';
								mui('.img')[0].innerHTML = imghtml;
							}, function(e) {
								mui.toast("取消选择图片");
							}, {
								filter: "image",
								multiple: true,
								maximum: 1,
								system: false,
								onmaxed: function() {
									plus.nativeUI.alert('最多只能选择1张图片');
								}
							});
						})
					};
					//点击确定
					$('body').on('tap', '.ca_right', function() {
						if($(".tel input")[0].value != '' && $(".people input")[0].value != '' && $(".price input")[0].value != '' && $(".time input")[0].value != '' && $(".remark input")[0].value != '' && $(".name input")[0].value != '') {
							for(var i = 0; i < $('input').length; i++) {
								$('input')[i].blur();
							}
							plus.nativeUI.showWaiting("", {
								color: '#ffffff',
								background: 'rgba(0,0,0,0.5)',
							});
							updata();
						} else {
							mui.toast('请将信息填写完整')
						}
					});

					function updata() {
						var image = new Image();
						image.src = mui('.imgs')[0].src;
						var im = getBaseImage(image);
						var postDatas = {
							"": im
						}
						mui.ajax("http://www.bosshand.cn/api/Customer/Base64StringToImage", {
							data: postDatas,
							dataType: 'json',
							type: "post",
							headers: {
								authorization: token
							},
							success: function(resp) {
								if(resp.Code == 200) {
									var url = resp.Data;
									SaveInfo(url)
								}
							}
						});
					}
					/**
					 * 增加、修改保存
					 */
					function SaveInfo(url) {
						//组织post数据
						var postData = {
							Code: '',
							ProductName: $(".tel input")[0].value,
							Describe: $(".people input")[0].value,
							Price: $(".price input")[0].value,
							Img: url,
							Unit: $(".time input")[0].value,
							ReMark: $(".remark input")[0].value,
							SpulierCode: $(".name input")[0].id,
						}
						$.ajax("http://www.bosshand.cn/api/Invoicing/AddUpdateSupplierProduct", {
							dataType: 'json',
							data: postData,
							type: "post",
							headers: {
								authorization: token
							},
							success: function(resp) {
								if(resp.Code == 200) {
									plus.nativeUI.closeWaiting();
									mui.toast('发布成功');
									var old_back = mui.back;
									mui.back = function() {
										var wobj = plus.webview.getWebviewById("../home-index-procurement/SVM-product.html");
										wobj.reload(true);
										old_back();
									}
									mui.back();
								};
							}
						});
					};
					//图片转换为base64函数
					function getBaseImage(img) {
						var canvas = document.createElement("canvas");
						var width = img.width;
						var height = img.height;
						canvas.width = width; /*设置新的图片的宽度*/
						canvas.height = height; /*设置新的图片的长度*/
						var ctx = canvas.getContext("2d");
						ctx.drawImage(img, 0, 0, width, height); /*绘图*/
						var dataURL = canvas.toDataURL("image/png", 0.8);
						return dataURL.replace("data:image/png;base64,", "");
					}
				});
			})(mui, document)
		</script>
	</body>

</html>