fd491555 by renchao@pashanhoo.com

style:证书入库

1 parent 57e2866a
...@@ -29,32 +29,38 @@ ...@@ -29,32 +29,38 @@
29 </el-form-item> 29 </el-form-item>
30 </el-col> 30 </el-col>
31 </el-row> 31 </el-row>
32 <div> 32 <el-table :data="ruleForm.tableForm" border style="width: 100%"
33 <el-table :data="tableForm" border style="width: 100%" 33 :header-cell-style="{ 'text-align': 'center', background: 'rgb(236, 245, 255)' }"
34 :header-cell-style="{ 'text-align': 'center', background: 'rgb(236, 245, 255)' }" 34 :cell-style="{ 'text-align': 'center' }">
35 :cell-style="{ 'text-align': 'center' }"> 35 <el-table-column prop="name" label="纸质证书类型" width="200"></el-table-column>
36 <el-table-column prop="name" label="纸质证书类型" width="200"></el-table-column> 36 <el-table-column prop="ksysxlh" label="开始印刷序列号" width="200">
37 <el-table-column prop="ksysxlh" label="开始印刷序列号" width="200"> 37 <template slot-scope="scope">
38 <template slot-scope="scope"> 38 <el-form-item
39 :prop="'tableForm.' + scope.$index + '.ksysxlh'"
40 :rules="rules.ksysxlh">
39 <el-input v-model="scope.row.ksysxlh" @blur="ysxlhDeal(scope.row)" maxlength="11" 41 <el-input v-model="scope.row.ksysxlh" @blur="ysxlhDeal(scope.row)" maxlength="11"
40 oninput="value=value.replace(/[^\d.]/g,'')" :disabled="!readOnly"></el-input> 42 oninput="value=value.replace(/[^\d.]/g,'')" :disabled="!readOnly"></el-input>
41 </template> 43 </el-form-item>
42 </el-table-column> 44 </template>
43 <el-table-column prop="jsysxlh" label="结束印刷序列号" width="200"> 45 </el-table-column>
44 <template slot-scope="scope"> 46 <el-table-column prop="jsysxlh" label="结束印刷序列号" width="200">
47 <template slot-scope="scope">
48 <el-form-item
49 :prop="'tableForm.' + scope.$index + '.jsysxlh'"
50 :rules="rules.jsysxlh">
45 <el-input v-model="scope.row.jsysxlh" @blur="ysxlhDeal(scope.row)" maxlength="11" 51 <el-input v-model="scope.row.jsysxlh" @blur="ysxlhDeal(scope.row)" maxlength="11"
46 oninput="value=value.replace(/[^\d.]/g,'')" :disabled="!readOnly"></el-input> 52 oninput="value=value.replace(/[^\d.]/g,'')" :disabled="!readOnly"></el-input>
47 </template> 53 </el-form-item>
48 </el-table-column> 54 </template>
49 <el-table-column prop="bs" label="本数"> 55 </el-table-column>
50 <template slot-scope="scope"> 56 <el-table-column prop="bs" label="本数">
51 <span v-if="scope.row.bs == 0" class="font-red">系统计算</span> 57 <template slot-scope="scope">
52 <span v-else-if="scope.row.bs < 0" class="font-red">印刷序列号有误</span> 58 <span v-if="scope.row.bs == 0" class="font-red">系统计算</span>
53 <span v-else>{{ scope.row.bs }}</span> 59 <span v-else-if="scope.row.bs < 0" class="font-red">印刷序列号有误</span>
54 </template> 60 <span v-else>{{ scope.row.bs }}</span>
55 </el-table-column> 61 </template>
56 </el-table> 62 </el-table-column>
57 </div> 63 </el-table>
58 <el-form-item label="备注" class="middle-margin-bottom"> 64 <el-form-item label="备注" class="middle-margin-bottom">
59 <el-input type="textarea" v-model="ruleForm.bz" :rows="4" :disabled="!readOnly"></el-input> 65 <el-input type="textarea" v-model="ruleForm.bz" :rows="4" :disabled="!readOnly"></el-input>
60 </el-form-item> 66 </el-form-item>
...@@ -92,25 +98,25 @@ ...@@ -92,25 +98,25 @@
92 zsnum: '', 98 zsnum: '',
93 zmstarno: '', 99 zmstarno: '',
94 zmendno: '', 100 zmendno: '',
95 zmnum: '' 101 zmnum: '',
102 //表格数据
103 tableForm: [
104 {
105 name: '不动产权证书',
106 ksysxlh: '',
107 jsysxlh: '',
108 bs: 0,
109 zslx: 1
110 },
111 {
112 name: '不动产登记证明',
113 ksysxlh: '',
114 jsysxlh: '',
115 bs: 0,
116 zslx: 2
117 }
118 ]
96 }, 119 },
97 //表格数据
98 tableForm: [
99 {
100 name: '不动产权证书',
101 ksysxlh: '',
102 jsysxlh: '',
103 bs: 0,
104 zslx: 1
105 },
106 {
107 name: '不动产登记证明',
108 ksysxlh: '',
109 jsysxlh: '',
110 bs: 0,
111 zslx: 2
112 }
113 ],
114 //证书入库业务号参数 120 //证书入库业务号参数
115 ywhQueryForm: { 121 ywhQueryForm: {
116 serialtype: 'zsrkbh', 122 serialtype: 'zsrkbh',
...@@ -128,13 +134,19 @@ ...@@ -128,13 +134,19 @@
128 rksj: [ 134 rksj: [
129 { required: true, message: '请选择入库时间', trigger: 'change' } 135 { required: true, message: '请选择入库时间', trigger: 'change' }
130 ], 136 ],
137 ksysxlh: [
138 { required: true, message: '开始印刷序列号不能为空', trigger: 'blur' }
139 ],
140 jsysxlh: [
141 { required: true, message: '结束印刷序列号不能为空', trigger: 'blur' }
142 ]
131 }, 143 },
132 } 144 }
133 }, 145 },
134 mounted () { 146 mounted () {
135 if (this.formData.bsmBatch) { 147 if (this.formData.bsmBatch) {
136 this.tableForm[0].bs = null; 148 this.ruleForm.tableForm[0].bs = null;
137 this.tableForm[1].bs = null; 149 this.ruleForm.tableForm[1].bs = null;
138 this.getDetailInfo(this.formData.bsmBatch); 150 this.getDetailInfo(this.formData.bsmBatch);
139 } else { 151 } else {
140 this.ywhSerial(); 152 this.ywhSerial();
...@@ -146,21 +158,28 @@ ...@@ -146,21 +158,28 @@
146 * @author: renchao 158 * @author: renchao
147 */ 159 */
148 submitForm () { 160 submitForm () {
149 this.tableForm.forEach((item, index) => { 161 let that = this
150 if (item.bs < 0) { 162 this.$refs['ruleForm'].validate((valid) => {
151 return; 163 if (valid) {
152 } 164 let arr = this.ruleForm.tableForm.filter(item => item.bs > 0)
153 }) 165 if (arr.length < 2) {
154 store.dispatch("user/refreshPage", false); 166 that.$message.error('本书必须大于0,请检查印刷序列号');
155 zsrk(this.ruleForm).then(res => { 167 return
156 if (res.code == 200) { 168 }
157 this.$message.success('保存成功') 169 store.dispatch("user/refreshPage", false);
158 this.$popupCacel() 170 zsrk(this.ruleForm).then(res => {
159 this.$refs['ruleForm'].resetFields() 171 if (res.code == 200) {
160 this.resetTableFields() 172 that.$message.success('保存成功')
161 store.dispatch("user/refreshPage", true) 173 that.$popupCacel()
174 that.$refs['ruleForm'].resetFields()
175 that.resetTableFields()
176 that.dispatch("user/refreshPage", true)
177 } else {
178 that.$message.error(res.message);
179 }
180 })
162 } else { 181 } else {
163 this.$message.error(res.message); 182 return false;
164 } 183 }
165 }) 184 })
166 }, 185 },
...@@ -187,12 +206,12 @@ ...@@ -187,12 +206,12 @@
187 this.ruleForm = res.result; 206 this.ruleForm = res.result;
188 this.$refs.ruleForm.resetFields() 207 this.$refs.ruleForm.resetFields()
189 this.readOnly = false; 208 this.readOnly = false;
190 this.tableForm[0].ksysxlh = res.result.zsstarno; 209 this.ruleForm.tableForm[0].ksysxlh = res.result.zsstarno;
191 this.tableForm[0].jsysxlh = res.result.zsendno; 210 this.ruleForm.tableForm[0].jsysxlh = res.result.zsendno;
192 this.tableForm[0].bs = res.result.zsnum; 211 this.ruleForm.tableForm[0].bs = res.result.zsnum;
193 this.tableForm[1].ksysxlh = res.result.zmstarno; 212 this.ruleForm.tableForm[1].ksysxlh = res.result.zmstarno;
194 this.tableForm[1].jsysxlh = res.result.zmendno; 213 this.ruleForm.tableForm[1].jsysxlh = res.result.zmendno;
195 this.tableForm[1].bs = res.result.zmnum; 214 this.ruleForm.tableForm[1].bs = res.result.zmnum;
196 } 215 }
197 }) 216 })
198 }, 217 },
...@@ -243,7 +262,7 @@ ...@@ -243,7 +262,7 @@
243 * @author: renchao 262 * @author: renchao
244 */ 263 */
245 resetTableFields () { 264 resetTableFields () {
246 this.tableForm = [ 265 this.ruleForm.tableForm = [
247 { 266 {
248 name: '不动产权证书', 267 name: '不动产权证书',
249 ksysxlh: '', 268 ksysxlh: '',
......