sailun
/
sailun-shop


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423
							<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
		<title>发货单号</title>
		<link rel="stylesheet" href="../../css/api.css"/>
		<link rel="stylesheet" href="../../css/aui.css"/>
		<link rel="stylesheet" href="../../css/weui.min.css"/>
		<link rel="stylesheet" href="../../css/order.css"/>
		<link rel="stylesheet" href="../../css/element-ui.css"/>
		<link rel="stylesheet" href="../../css/html.css"/>
		<!--<script type="text/javascript" src="../../script/rem.js"></script>-->
		<style>
			.xunjia-box .inner .item-value input[type=text] {
				border: 0px solid #fff;
			}
			.detail-add {
				width: 80%;
				background-color: #007f86 !important;
				padding: 5px 0;
				text-align: center;
				color: #fff;
				border-radius: 5px;
				margin-left: 10%;
			}
			.zmq-text-msg, .zmq-input-border-read {
				padding: 3px 0;
			}
			.detail-wrap span {
				line-height: 1.5 rem;
			}
		</style>
	</head>
	<body>
		<div id="app" v-cloak>
			<article style="bottom: 0;">
				<ul class="xunjia-box" >
					<li class="inner" v-show = "frameType == 0">
						<div class="item-name">
							供&#12288;应&#12288;商：
						</div>
						<div class="item-value zmq-text-black zmq-text-font-06" style="padding-left : 0px;" v-on:click="chooseSupplier">
							{{supplier.name}} <!--<el-form>
							<el-form-item>
							<el-select v-model="region" placeholder="请选择供应商">
							<el-option v-for="(supplier,index) in list" v-bind:label="supplier.supplierName" v-bind:value="supplier.id + ',' + supplier.supplierName"></el-option>
							</el-select>
							</el-form-item>
							</el-form>-->
						</div>
					</li>
					<li class="inner" v-show = "frameType == 1">
						<div class="item-name">
							出 库 客 户：
						</div>
						<div class="item-value">
							{{kehu}}
						</div>
					</li>
					<li class="inner">
						<div class="item-name">
							支  付  方  式：
						</div>
						<div class="item-value zmq-text-black zmq-text-font-06" v-on:click="choosePayType">
							{{payType.name}} <!--<el-form>
							<el-form-item>
							<el-select v-model="payType" placeholder="请选择支付方式">
							<el-option v-for="(payItem,index) in payList" v-bind:label="payItem" v-bind:value="payItem"></el-option>
							</el-select>
							</el-form-item>
							</el-form>-->
						</div>
					</li>
					<li class="inner">
						<div class="item-name">
							总支付金额：
						</div>
						<div class="item-value" style="height: 100%">
							<input class="zmq-text-font-06" type="tel" placeholder="请输入支付金额" v-model = "payAmount" style="width: 80%;height: 90%;padding-top: 2px;"/>
						</div>
					</li>
				</ul>
				<!--				<div class="details" v-if ="page != 'nnn'">
				<div class="detail-box">
				<div class="detail-warp">
				{{nnd.comName}}
				</div>
				<div class="detail-wrap">
				<span class="left">条形码号：</span>
				<span class="left green">{{nnd.serialNumber}}</span>
				</div>
				<div class="detail-wrap">
				<span class="left">规格：</span>
				<span class="left green">{{nnd.spec}}</span>
				<span class="right red num">{{nnd.goodsType}}</span>
				<span class="right">分类：</span>
				</div>
				<div class="detail-wrap">
				<span class="left">剩余库存：</span>
				<span class="left">{{nnd.bizRetailerStockDto.tatalStock}}</span>
				<input class="right" v-model = "nnd.amount">
				<span class="right">库存：</span>
				</div>
				<div class="detail-wrap">
				<input class="left" v-model = "nnd.bid" style="border: 1px solid#ddd;padding: 3px 0;">
				<span class="left">销售单价：</span>
				</div>
				</div>
				</div>-->
				<!--		<div class="details zmq-radius-5" v-show="nnds.length > 0" v-for="(sto,index) in nnds">
				<div class="detail-box zmq-radius-5">
				<div class="detail-warp zmq-text-explain zmq-padding-vertical-5">
				{{sto.bizGoodsDto.comName}}
				</div>
				<div class="detail-wrap zmq-flex zmq-width-100">
				<div class="zmq-flex-1">
				规格：{{sto.bizGoodsDto.spec}}
				</div>
				<div class="zmq-flex-1">
				分类：{{sto.bizGoodsDto.goodsType}}
				</div>
				<div class="zmq-flex-1">
				剩余库存：{{sto.tatalStock}}
				</div>
				</div>
				<div class="zmq-flex zmq-margin-vertical-5">
				<div class="detail-wrap zmq-flex-1">
				<span >销售单价：</span>
				<input v-model = "sto.bizGoodsDto.bid" class="zmq-input-border-read zmq-width-50 zmq-textAlign-center zmq-text-white" readonly = "readonly">
				</div>
				<div class="detail-wrap zmq-flex-1">
				<span >{{frameType == 0 ? '入库数' : '出库数'}}：</span>
				<input v-if="sto.i == 'scan'" id="isis" v-model = "sto.bizGoodsDto.amount" readonly="readonly" class="zmq-input-border zmq-width-50 zmq-textAlign-center zmq-text-explain">
				<input v-else id="isis" v-model = "sto.bizGoodsDto.amount" v-on:input="judgeAmount(index)" class="zmq-input-border zmq-width-50 zmq-textAlign-center zmq-text-msg">
				</div>
				</div>
				</div>
				</div>-->
				<div class="details zmq-radius-5" v-show="nnds.length > 0" v-for="(sto,index) in nnds">
					<div class="detail-box zmq-radius-5">
						<div class="detail-warp zmq-text-explain zmq-padding-vertical-5">
							{{sto.bizGoodsDto.materialName}}
						</div>
						<div class="detail-wrap zmq-flex zmq-width-100">
							<div class="zmq-flex-1">
								规格：{{sto.bizGoodsDto.specs}}
							</div>
							<div class="zmq-flex-1">
								花纹：{{sto.bizGoodsDto.pattern}}
							</div>
							<div class="zmq-flex-1">
								品牌：{{sto.bizGoodsDto.brand}}
							</div>
						</div>
						<!--<div class="zmq-flex zmq-margin-vertical-5">
							<div class="detail-wrap zmq-flex-1">
								<span >销售单价：</span>
								<input v-model = "sto.bizGoodsDto.bid" class="zmq-input-border-read zmq-width-50 zmq-textAlign-center zmq-text-white" readonly = "readonly">
							</div>
							<div class="detail-wrap zmq-flex-1">
								<span >{{frameType == 0 ? '入库数' : '出库数'}}：</span>
								<input v-if="sto.i == 'scan'" id="isis" v-model = "sto.bizGoodsDto.amount" readonly="readonly" class="zmq-input-border zmq-width-50 zmq-textAlign-center zmq-text-explain">
								<input v-else id="isis" v-model = "sto.bizGoodsDto.amount" v-on:input="judgeAmount(index)" class="zmq-input-border zmq-width-50 zmq-textAlign-center zmq-text-msg">
							</div>
						</div>-->
					</div>
				</div>
				<img class="zmq-img-nodata" v-show="nnds.length == 0" src="../../image/nodata.png" />
			</article>
			<footer>
				<div class="button zmq-bg-white zmq-padding-vertical-5">
					<div class="bd">
						<a href="javascript:void(0);" class="zmq-textAlign-center zmq-text-white zmq-width-90 zmq-btn-img zmq-padding-btn" v-on:click="sumbilt">提交{{frameType == 0 ? '入库' : '出库'}}单</a>
					</div>
				</div>
			</footer>
		</div>
	</body>
	<script src="../../script/api.js" type="text/javascript"></script>
	<script type="text/javascript" src="../../script/aui-scroll.js"></script>
	<script type="text/javascript" src="../../script/vue.js"></script>
	<script type="text/javascript" src="../../script/elememt-ui.js"></script>
	<script type="text/javascript" src="../../script/httpRequest.js"></script>
	<script type="text/javascript" src="../../script/vue_plugins.js"></script>
	<script type="text/javascript">
		apiready = function() {
			var supplierid = api.pageParam.content;
			var type1 = api.pageParam.type;
			var nnn = api.pageParam.nnn;
			var i = api.pageParam.i;
			new Vue({
				el : '#app',
				data : {
					page : nnn,
					frameType : type1,
					// 根据条形码获取商品
					retariler_id : '',
					getUrl : 'addOrgoScanUrl',
					outUrl : 'outScanUrl',
					nnds : [], // 商品详情
					nnd : '',
					region : '', // 供应商信息
					// 获取供应商列表
					getSupplierUrl : 'getSupplierUrl',
					list : '', // 供应商列表
					//  付款方式
					payList : [{
						name : "现金",
						id : '0'
					}, {
						name : "银行卡",
						id : '1'
					}, {
						name : "微信",
						id : '2'
					}, {
						name : "支付宝",
						id : '3'
					}],
					payAmount : '', // 支付金额
					//  客户，默认为散客
					kehu : "散客",
					//  进货出货url
					buyStoreUrl : 'buyStoreUrl',
					// 配置底部选择器
					UIActionSelector : '',
					FNScanner : '',
					//  配置选择
					supplier : {
						name : '点击选择供应商',
						id : ''
					},
					payType : {
						name : '请选择支付方式',
						id : ''
					},
				},
				methods : {
					init : function() {
						var _this = this;
						this.retariler_id = $api.getStorage("retailerid");
						this.UIActionSelector = api.require('UIActionSelector');
						this.xwScanner = api.require('xwScanner');
						this.FNScanner = api.require('FNScanner');
						if (type1 == 0) {
							this.getSupplierList();
						} else {
							this.region = '' + ',' + "散客";
						}
						if (nnn == "nnn") {
							this.nnds = new Array();
						} else {
							this.getStoreBySupplier(supplierid);
						}
						this.addEvent("startScan", function() {
							_this.addDetail();
						})
					},
					//  判断出库的数量
					judgeAmount : function(i) {
						if (type1 == 1) {
							if (parseInt(this.nnds[i].bizGoodsDto.amount) > parseInt(this.nnds[i].tatalStock)) {
								this.$set(this.nnds[i].bizGoodsDto, "amount", this.nnds[i].tatalStock);
								$api.val($api.byId('isis'), this.nnds[i].tatalStock);
							}
						}
					},
					//  点击选择供应商
					chooseSupplier : function() {
						var _this = this;
						this.chooseRegion(this.UIActionSelector, 1, this.list, function(ret) {
							if (ret.eventType == 'ok') {
								_this.supplier = ret.selectedInfo[0];
							}
						});
					},
					// 点击选择支付方式
					choosePayType : function() {
						var _this = this;
						this.chooseRegion(this.UIActionSelector, 1, this.payList, function(ret) {
							if (ret.eventType == 'ok') {
								_this.payType = ret.selectedInfo[0];
							}
						});
					},
					//  获取供应商列表
					getSupplierList : function() {
						var data = {
							retailer_id : this.retariler_id,
							url : 'json',
							type : 'body'
						}, url = this.getSupplierUrl, _this = this;
						this.$post(url, data, function(ret) {
							if (ret.code == 0) {
								var list = new Array()
								ret.list.map(function(item, index) {
									var option = {
										name : item.supplierName,
										id : item.id
									}
									list.push(option);
								})
								_this.list = list;
							}
						})
					},
					//  获取商品详情
					getStoreBySupplier : function(id) {
						var data = {
							serialNumber : id,
							retailerId : this.retariler_id,
							type : 'body',
							url : 'json'
						}, _this = this;
						var url = type1 == 0 ? this.getUrl : this.outUrl;
						this.$post(url, data, function(ret) {
							if (ret.code == 0) {
								if (ret.data == null) {
									_this.showAlert("未获取相关商品", function() {
									});
								} else {
									var isok = true;
									_this.nnds.map(function(item, index) {
										if (item.bizGoodsDto.id == ret.data.id) {
											api.toast({
												msg : '该商品已添加'
											});
											isok = false;
										}
									})
									if (isok == true) {
										var option = {
											materialCode : ret.data.materialCode,
											serialNumber : id,
											bizGoodsDto : ret.data,
											i : 'scan'
										}
										option.bizGoodsDto.amount = 1;
										_this.nnds.push(option);
									}
								}
							}
						})
					},
					//  点击的继续扫码
					addDetail : function() {
						var _this = this;
						//						_this.scan(this.FNScanner, function(content) {
						//							//  根据获取到的内容获取商品信息
						//							_this.getStoreBySupplier(content);
						//						})
						this.scant(this.xwScanner, function(ret) {
							_this.getStoreBySupplier(ret);
						});
					},
					//  提交出入库
					sumbilt : function() {
						//  支付方式和支付金额
						var _this = this, storeArr = new Array(), others = new Array();
						if (type1 == 0 && this.supplier.id == '') {
							api.toast({
								msg : '请完善供应商信息'
							});
							return;
						}
						if (this.payType.id == '') {
							api.toast({
								msg : '请完善支付方式信息'
							});
							return;
						}
						if (this.nnds.length == 0) {
							api.toast({
								msg : '请添加商品信息'
							});
							return;
						}
						if (this.page == 'nnn') {
							this.nnds.map(function(store, index) {
								var option = {
								    serialNumber : store.serialNumber,
								    materialCode : store.materialCode,
								}
								storeArr.push(option);
								others.push(store);
							})
						} else {
							this.nnds.map(function(store, index) {
								var option = {
								    serialNumber : store.serialNumber,
								    materialCode : store.materialCode,
								}
								storeArr.push(option);
								others.push(store);
							})
						}
						var data = {
							operatingPer : type1 == 0 ? this.supplier.name : this.kehu,
							operatingId : this.supplier.id,
							payType : this.payType.name,
							payAmount : this.payAmount,
							bizBillsInfoDtoList : storeArr,
							retailerId : _this.retariler_id,
							others : others,
							billType : type1 == 0 ? 1 : 2, // 1进货单
							type : 'body',
							url : 'json'
						}, url = this.buyStoreUrl, _this = this;
						var pageParam = {
							type : type1 == 0 ? '入库' : '出库',
							store : JSON.stringify(data)
						}
						this.goWin('bill_win', 'bill_win.html', pageParam);
					}
				},
				mounted : function() {
					this.init();
				}
			})
		}
	</script>
</html>