xtywms.git - Gitblit

			@@ -13,7 +13,65 @@
			<script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script>
			<script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script>
			<style>
			.number-tool {
			margin-left: 10px;
			padding: 1px 0 1px 5px;
			display: inline-block;
			width: 120px;
			}

			.number-tool:after {
			clear: both;
			content: "";
			display: table;
			}

			.number-tool button {
			background-color: #fff;
			margin-top: 3px;
			font-size: 16px;
			height: 25px;
			float: left;
			width: 25px;
			border: 1px solid #777777;
			}

			.number-tool input {
			text-align: center;
			height: 30px;
			float: left;
			margin: 0 5px;
			width: 50px;
			padding: 0;
			}

			#confirm {
			margin: 10px 10px;
			padding: 5px 20px;
			font-weight: 600;
			}

			#remove {
			margin: 10px 10px;
			padding: 5px 20px;
			color: darkred;
			}

			.form-box span {
			font-size: 16px;
			display: inline-block;
			text-align: right;
			}

			.form-box input {
			width: 165px;
			padding-left: 5px;
			height: 30px;
			border: 1px solid #777777;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			}
			</style>
			</head>
			<body>
			@@ -62,6 +120,59 @@
			<span id="tips"></span>
			</div>
			</footer>

			<!-- 修改数量弹窗 -->
			<div id="modify" style="display: none; text-align: center;padding-top: 10px">
			<div class="form-box">
			<div class="form-item">
			<table style="display: none">
			<tr>
			<td>
			<span style="width: 35px; margin-right: 5px">物料</span>
			</td>
			<td style="text-align: left">
			<input id="matNo" type="text" disabled="disabled">
			</td>
			</tr>
			</table>
			</div>
			<div class="form-item">
			<table style="display: inline">
			<tr>
			<td style="vertical-align: top">
			<span style="width: 35px; margin-right: 5px">名称</span>
			</td>
			<td style="text-align: left">
			<textarea rows="2" style="resize: none; width: 165px" id="matName" type="text" disabled="disabled"
			readonly="readonly"></textarea>
			</td>
			</tr>
			</table>
			</div>
			<div class="form-item">
			<table style="display: inline">
			<tr>
			<td>
			<span style="width: 35px; margin-right: 5px">单号</span>
			</td>
			<td style="text-align: left">
			<input id="mnemonic" type="text" disabled="disabled">
			</td>
			</tr>
			</table>
			</div>
			</div>
			<div class="form-item" style="margin-top: 5px">
			<span style="vertical-align: middle">数量</span>
			<div class="number-tool" style="vertical-align: middle">
			<button onclick="reduce()">-</button>
			<input id="count" type="number">
			<button onclick="add()">+</button>
			</div>
			</div>
			<button id="confirm" onclick="confirm()">保存</button>
			</div>

			</body>
			<script>
			var tableIns;
			@@ -80,13 +191,36 @@
			limit: 500,
			cellMinWidth: 50,
			cols: [[
			{field: 'matNo', align: 'center', title: '物料编码'},
			{field: 'mnemonic', align: 'center', title: '生产单号'},
			{ field: 'count', align: 'center', title: '数量', style: 'color: blue', width: 50},
			{field: 'matName', align: 'center', title: '物料名称'},

			{field: 'matNo', align: 'center', title: '物料编码', event: 'modify'},
			{field: 'mnemonic', align: 'center', title: '生产单号', event: 'modify'},
			{field: 'count', align: 'center', title: '数量', style: 'color: blue', width: 50, event: 'modify'},
			{field: 'matName', align: 'center', title: '物料名称', event: 'modify'},
			]],
			done: function (res, curr, count) {
			}
			});

			// 监听行工具事件
			table.on('tool(chooseData)', function (obj) {
			var data = obj.data;
			switch (obj.event) {
			case 'modify':
			countLayer = layer.open({
			type: 1,
			offset: '20px',
			title: '修改数量',
			shadeClose: true,
			area: ['80%', '300px'],
			content: $("#modify"),
			success: function (layero, index) {
			$('#matNo').val(data.matNo);
			$('#matName').val(data.matName);
			$('#count').val(data.count);
			$('#mnemonic').val(data.mnemonic);
			maxCount = data.count;
			}
			});
			break;
			}
			});

			@@ -114,6 +248,43 @@
			}
			});
			});

			/*********************************** 数量 **************************************/
			var countDom = $('#count');
			var minCount = 1;
			var maxCount = 1;
			function add() {
			if (countDom.val() >= maxCount) {
			return;
			}
			countDom.val(Number(countDom.val()) + 1);
			}

			function reduce() {
			if (countDom.val() <= minCount) {
			return;
			}
			countDom.val(countDom.val() - 1);
			}

			// 修改数量
			function confirm() {
			var matNo = $('#matNo').val();
			var count = $('#count').val();
			var mnemonic = $("#mnemonic").val() === '' ? null : $("#mnemonic").val();
			for (var j = 0; j < matData.length; j++) {
			if (matNo === matData[j].matNo && mnemonic === matData[j].mnemonic) {
			if (count > maxCount \|\| count < minCount) {
			tips("数量不能超过范围", true);
			return;
			}
			matData[j].count = Number(count);
			}
			}
			tableIns.reload({data: matData});
			layer.close(countLayer);
			tips("修改成功");
			}

			window.onload = function () {
			document.getElementById("uuid").focus();
			@@ -260,9 +431,6 @@
			* @param warn true：红色字体
			*/
			function tips(msg, warn) {
			// var tips = $('#tips');
			// tips.html(msg);
			// tips.css("color", warn?"red":'#666');
			layer.msg(msg, {icon: warn ? 2 : 1})
			}