checkDetails.html 8.92 KB
<!--盘点详情  - 详情页 - yuweI-->
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="import" href="./detail_tpl.html" id="acc_detail_tpl"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link href="../../css/themes.css" rel="stylesheet" />
		<link href="../../css/index_view.css" rel="stylesheet" />
		<link href="../../css/check.css"  rel="stylesheet"/>
		
	</head>

	<body>
		
		<!--<header class="mui-bar mui-bar-nav theme_back">
		   	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		   	<a class="mui-pull-left theme_back_font">返回</a>
		    <h1 class="mui-title">详情</h1>
		</header>-->
		
		<div class="mui-content detailRow">
			<!--<div class="detail-header-flex">
				<div class="am-action">
					<a class="mui-icon mui-icon-arrowleft"></a>
					<a class="theme_back_font">上一个</a>
				</div>
				<div>1/12</div>
				<div class="am-action">
					<a class="theme_next_font">下一个</a>
					<a class="mui-icon mui-icon-arrowright"></a>
				</div>
			</div>-->
			<form class="mui-input-group" id="detailContent" style="background:none;">
				<ul class="mui-table-view" style="margin-bottom:12px;">
					<li class="mui-table-view-cell mui-collapse">
						<a class="mui-navigate-right" href="#">产品信息</a>
						<div class="mui-collapse-content">
								
						</div>
					</li>
				</ul>
			</form>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/template-web.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/utils.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/request.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			

			(function($) {
				
			$.init()
			
			// 模板加载
			$.plusReady (function(){
				//console.log("当前页面URL:"+plus.webview.currentWebview().getURL());
				var self = plus.webview.currentWebview();
				var details = JSON.parse(self.details);//获得参数
				console.log(details,'details')
				var data = {}, checkUrl = '/a/checkbill/submitCheck';
				data.list = [];
				data.list.push(details);
				if(details.checkDetailStatus === 1){
						var node = '<div id="List"></div><div id="addBtn"><button class="mui-btn mui-btn-block btn">+ 增加批号</button></div>';
						var acceptanceBtn = '<button type="button" id="checkBtn" class="mui-btn mui-btn-warning mui-btn-block" style="margin-bottom: 20px;" data-loading-text = "提交中" data-loading-icon-position="right">确认提交</button>'
						document.querySelector('#detailContent').insertAdjacentHTML('afterEnd',node);
						document.querySelector('.detailRow').insertAdjacentHTML("beforeEnd",acceptanceBtn);
					}
				
				var utils = new Utils();
				utils.appendModule('#acc_detail_tpl');
				var html = template('detail_tpl', data);
				document.getElementById('detailContent').innerHTML = html;
				
				
				/*
			 *2 点击添加按钮 增加选填项    开始
			 * 
			 * 拖拽后显示操作图标,点击操作图标删除元素
			 */
			var itemNum = 0;
			
			
			function addSlideDelete() {
				mui('.slide-main').off('tap', '.mui-btn').on('tap', '.mui-btn', function(event) {
					var elem = this;
					var li = elem.parentNode.parentNode;
					var btnArray = ['确认', '取消'];
					mui.confirm('确认删除该条记录?', '操作提醒', btnArray, function(e) {
						if(e.index == 0) {
							itemNum--;
							li.parentNode.removeChild(li);
							//if(orderList.length==orderListArray.length){
							var index = li.getAttribute('data-index');
							//获取该删除的子项的index
//							orderList.splice(index, 1);
//							orderListArray.splice(index, 1);
						} else {
							setTimeout(function() {
								mui.swipeoutClose(li);
							}, 0);
						}
					},'div');
				});
			}
			if(details.checkDetailStatus === 1){
				mui("#addBtn").on('tap', '.mui-btn', function() {
					var ParentDiv = document.createElement("div")
					ParentDiv.className = "mui-table-view-cell slide-main";
					ParentDiv.setAttribute('data-index', itemNum);
					ParentDiv.innerHTML = '<div class="mui-slider-handle">' +
						'<div class="mui-input-group">' +
						'<div class="mui-input-row">' +
						'<label class="font-warning">生产批号</label>' +
						'<input type="text" name="buycontent" class="mui-input-clear mui-input mui-input-ph" placeholder="请输入" >' +
						'</div>' +
						'<div class="mui-input-row">' +
						'<label class="font-warning">数量</label>' +
						'<input type="text" name="buycontent" class="mui-input-clear mui-input mui-input-num" placeholder="请输入" >' +
						'</div>' +
						'</div>' +
						'</div>' +
						'<div class="mui-slider-right mui-disabled">' +
						'<a class="mui-btn mui-btn-red">删除</a>' +
						'</div>';
					document.getElementById("List").appendChild(ParentDiv);
					itemNum++;
					addSlideDelete(); //添加侧滑删除
				});
			}
			var accountStoreNumNode = document.querySelector('#accountStoreNum');
			var checkNumNode = document.querySelector('#checkNum');// 实际数量
			var accountNum = document.querySelector('#accountNum');// 账面库存
			var total = document.querySelector('#total');
			var referencePrice = document.querySelector('#referencePrice');
			accountStoreNumNode.onkeyup = function(e){
				console.log(e.target.value);
				console.log(accountNum.innerHTML)
				let amount = e.target.value - (accountNum.innerHTML * 1);
				checkNumNode.innerHTML = amount;
				total.innerHTML = (amount * (referencePrice.innerHTML *1)).toFixed(4);
				
			}
				mui('.detailRow').on('tap','#checkBtn',function(event){
					
					var phList = document.querySelector('#List').querySelectorAll('.mui-input-ph'); // 新增批号数据
					var numList = document.querySelector('#List').querySelectorAll('.mui-input-num'); // 批号对应的数值
					
					var practicalRepertory = document.querySelector('.practicalRepertory').value;
					var realProductTime = document.querySelector('.realProductTime').value;
					var practicalBatch = document.querySelector('.practicalBatch').value;
					var validEndTime = document.querySelector('.validEndTime').value;
					var currData = data.list[0];
					var postData = {}, detailList = [], submitData = {};
					
					postData.practicalRepertory = practicalRepertory;
					postData.realProductTime = realProductTime;
					postData.practicalBatch = practicalBatch;
					postData.validEndTime = validEndTime;
					postData.accountBatchNo = currData.accountBatchNo;
					postData.accountEndTime = currData.accountEndTime;
					postData.accountProductTime = currData.accountProductTime;
					postData.accountStoreNum = currData.accountStoreNum;
					postData.id = currData.id;
					postData.pId = currData.pId;
					detailList.push(postData);
					if(phList.length){
						for (let i =0 ;i < phList.length; i++) {
							let values = {};
							values.accountBatchNo = null;
							values.accountEndTime = null;
							values.accountProductTime = null;
							values.accountStoreNum = 0;
							values.id = null;
							values.pId = currData.id;
							values.practicalBatch = phList[i].value;
							values.practicalRepertory = numList[i].value;
							
							detailList.push(values);
						}
					}
					console.log(detailList,'detailList')
					mui.each(detailList,function(index,item){
						item.locCode = currData.locCode;
						item.bigDrugCode = currData.bigDrugCode;
						item.drugCode = currData.drugCode;
						item.referencePrice = currData.referencePrice;
						item.supplierCode = currData.supplierCode;
						item.unitCode = currData.unitCode;
						item.supplierCode = currData.supplierCode;
						item.validEndTime = validEndTime;
					})
					submitData.detailList = detailList;
					submitData.checkBillNo = details.checkBillNo;
					console.log(submitData);
					document.activeElement.blur(); // 隐藏软键盘
					var btnArray = ['否', '是'];
					mui.confirm('是否确认提交?','警告',btnArray,function(e){
						if (e.index == 1) {
							mui.ajaxRequest(checkUrl,{
								type: 'POST',
								data: submitData,
								showWaiting: true,
								contentType: "application/json",
								success: function(data){
									if(data.code === 200){
										mui.toast('提交成功');
										var parmasData = {};
										parmasData.finishUrl = '../check/index';
										parmasData.keepUrl = 'checkList';
										parmasData.resultType = 'check';
										parmasData.itemData = details.orderInfo;
										common.openwin('../result/index',{ parmas: JSON.stringify(parmasData) },{
											titleText: '结果',
											autoBackButton: false
										})
									}
								},
								error: function(xhr,type,errorThrown){
									console.log(xhr)
		                		}
							})
						}
					},'div')
					
				})
				
			});
			
		})(mui);
		
		
		
		
		</script>
	</body>

</html>