|
@@ -33,6 +33,7 @@
|
33
|
33
|
<label class="layui-form-label " style="width: 70px">单页费用</label>
|
34
|
34
|
<div class="layui-input-inline" style="width: 270px">
|
35
|
35
|
<select name="dcfy" id="dcfy" lay-filter="dcfy">
|
|
36
|
+ <option value="null" selected disabled hidden>请选择单价</option>
|
36
|
37
|
<option value="0.12">0.12</option>
|
37
|
38
|
<option value="0.96">0.96</option>
|
38
|
39
|
<option value="7.68">7.68</option>
|
|
@@ -42,7 +43,7 @@
|
42
|
43
|
<div class="layui-form-item layui-inline" style="width: 100%">
|
43
|
44
|
<label class="layui-form-label required" style="width: 70px">合计</label>
|
44
|
45
|
<div class="layui-input-inline" style="width: 270px">
|
45
|
|
- <input type="number" id="hj" name="hj" autocomplete="off" class="layui-input" readonly placeholder="系统自动计算">
|
|
46
|
+ <input type="number" id="hj" name="hj" value="hj" autocomplete="off" class="layui-input" readonly >
|
46
|
47
|
</div>
|
47
|
48
|
</div>
|
48
|
49
|
|
|
@@ -67,27 +68,39 @@
|
67
|
68
|
|
68
|
69
|
<script type="text/javascript" th:inline="javascript">
|
69
|
70
|
AjaxUtil.ctx = /*[[@{/}]]*/'';
|
|
71
|
+
|
|
72
|
+
|
70
|
73
|
layui.use(['form', 'tableSelect'], function () {
|
71
|
74
|
var form = layui.form;
|
72
|
|
-
|
73
|
75
|
var dcysInput = document.getElementById('dcys');
|
74
|
76
|
var dycsInput = document.getElementById('dycs');
|
75
|
77
|
var hjInput = document.getElementById('hj');
|
76
|
|
-
|
77
|
78
|
dcysInput.addEventListener('input', updateHj);
|
78
|
79
|
dycsInput.addEventListener('input', updateHj);
|
79
|
80
|
var dcysValue;
|
80
|
81
|
var dycsValue;
|
81
|
82
|
function updateHj() {
|
82
|
|
- dcysValue = parseFloat(dcysInput.value) || 0;
|
83
|
|
- dycsValue = parseFloat(dycsInput.value) || 0;
|
|
83
|
+
|
|
84
|
+ var dcysValue = parseFloat(document.getElementById('dcys').value) || 0;
|
|
85
|
+ var dycsValue = parseFloat(document.getElementById('dycs').value) || 0;
|
|
86
|
+ var dcfyValue = parseFloat($("#dcfy").val()) || 0; // 获取当前选中的单页费用
|
|
87
|
+ if(dcysValue > 0 && dycsValue > 0 && dcfyValue > 0) {
|
|
88
|
+ $("#hj").val(dcysValue * dycsValue * dcfyValue); // 计算并更新合计值
|
|
89
|
+ }
|
84
|
90
|
}
|
85
|
91
|
|
86
|
|
- form.on('select(dcfy)',function (data){
|
87
|
|
- if(dcysValue!=undefined&&dycsValue!=undefined){
|
88
|
|
- hjInput.value = dcysValue * dycsValue * data.value;
|
|
92
|
+
|
|
93
|
+ form.on('select(dcfy)', function(data) {
|
|
94
|
+ var dcysValue = document.getElementById('dcys').value;
|
|
95
|
+ var dycsValue = document.getElementById('dycs').value;
|
|
96
|
+ if (!dcysValue || !dycsValue) {
|
|
97
|
+ alert("请先填写单册页数和打印册数!");
|
|
98
|
+ this.value = ''; // 重置下拉框的选中项
|
|
99
|
+ form.render('select'); // 重新渲染select
|
|
100
|
+ } else {
|
|
101
|
+ updateHj(); // 更新合计值
|
89
|
102
|
}
|
90
|
|
- })
|
|
103
|
+ });
|
91
|
104
|
|
92
|
105
|
//监听提交
|
93
|
106
|
form.on('submit(saveBtn)', function (data) {
|
|
@@ -102,6 +115,9 @@
|
102
|
115
|
var iframeIndex = parent.layer.getFrameIndex(window.name);
|
103
|
116
|
parent.layer.close(iframeIndex);
|
104
|
117
|
});
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
|
105
|
121
|
});
|
106
|
122
|
</script>
|
107
|
123
|
</body>
|