style:补录信息义务人信息模块的开发
Showing
7 changed files
with
523 additions
and
160 deletions
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-04-26 16:05:28 | 4 | * @LastEditTime: 2023-09-22 13:38:52 |
5 | --> | 5 | --> |
6 | <!-- 批量删除弹框 --> | 6 | <!-- 批量删除弹框 --> |
7 | <template> | 7 | <template> |
... | @@ -52,7 +52,6 @@ | ... | @@ -52,7 +52,6 @@ |
52 | } | 52 | } |
53 | }, | 53 | }, |
54 | methods: { | 54 | methods: { |
55 | // 批量删除确定按钮 | ||
56 | /** | 55 | /** |
57 | * @description: 批量删除确定按钮 | 56 | * @description: 批量删除确定按钮 |
58 | * @author: renchao | 57 | * @author: renchao | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-21 16:03:36 | 4 | * @LastEditTime: 2023-09-22 13:49:53 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <dialogBox | 7 | <dialogBox |
... | @@ -541,7 +541,7 @@ | ... | @@ -541,7 +541,7 @@ |
541 | cancelButtonText: '取消', | 541 | cancelButtonText: '取消', |
542 | }).then(() => { | 542 | }).then(() => { |
543 | replace(val.bsmCompany, this.$route.query.bsmSlsq, bsmSldy).then(res => { | 543 | replace(val.bsmCompany, this.$route.query.bsmSlsq, bsmSldy).then(res => { |
544 | that.$emit("updateDetail", _.cloneDeep({ ...val, sqrlx: '2' })); | 544 | that.$emit("updateDetail", _.cloneDeep({ ...val, qlrlx: '2' })); |
545 | that.$emit("input", false); | 545 | that.$emit("input", false); |
546 | if (res.code == 200) { | 546 | if (res.code == 200) { |
547 | that.$message({ | 547 | that.$message({ | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-17 10:39:47 | 4 | * @LastEditTime: 2023-09-22 13:51:38 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <dialogBox | 7 | <dialogBox |
8 | title="申请人信息" | 8 | title="申请人信息" |
9 | width="60%" | 9 | width="75%" |
10 | isMain | 10 | isMain |
11 | v-model="myValue" | 11 | v-model="myValue" |
12 | :isFullscreen="false" | 12 | :isFullscreen="false" |
13 | @submitForm="submitForm" | 13 | @submitForm="submitForm" |
14 | @closeDialog="closeDialog" | 14 | @closeDialog="closeDialog" |
15 | :isButton="showButton" | 15 | :isButton="isShow"> |
16 | > | 16 | <el-tabs v-model="activeName" @tab-click="handleClick" class="from-clues-header"> |
17 | <el-tab-pane label="基本信息" name="1"></el-tab-pane> | ||
18 | <el-tab-pane label="企业信息" v-if="showButton" name="2"></el-tab-pane> | ||
19 | <el-tab-pane label="银行机构" v-if="showButton" name="3"></el-tab-pane> | ||
20 | </el-tabs> | ||
21 | |||
17 | <el-form | 22 | <el-form |
18 | :model="ruleForm" | 23 | :model="ruleForm" |
19 | :rules="rules" | 24 | :rules="rules" |
25 | v-if="activeName==1" | ||
20 | ref="ruleForm" | 26 | ref="ruleForm" |
21 | label-width="120px" | 27 | label-width="120px"> |
22 | > | 28 | <el-form-item label="身份证读卡器"> |
29 | <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> | ||
30 | <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button> | ||
31 | </el-form-item> | ||
23 | <el-row> | 32 | <el-row> |
24 | <el-col :span="8"> | 33 | <el-col :span="8"> |
25 | <el-form-item label="义务人类型" prop="ywrlx"> | 34 | <el-form-item label="义务人类型" prop="ywrlx"> |
... | @@ -28,14 +37,12 @@ | ... | @@ -28,14 +37,12 @@ |
28 | v-model="ruleForm.ywrlx" | 37 | v-model="ruleForm.ywrlx" |
29 | class="width100" | 38 | class="width100" |
30 | :disabled="!showButton" | 39 | :disabled="!showButton" |
31 | placeholder="请选择" | 40 | placeholder="请选择"> |
32 | > | ||
33 | <el-option | 41 | <el-option |
34 | v-for="item in dictData['A36']" | 42 | v-for="item in dictData['A36']" |
35 | :key="item.dcode" | 43 | :key="item.dcode" |
36 | :label="item.dname" | 44 | :label="item.dname" |
37 | :value="item.dcode" | 45 | :value="item.dcode"> |
38 | > | ||
39 | </el-option> | 46 | </el-option> |
40 | </el-select> | 47 | </el-select> |
41 | </el-form-item> | 48 | </el-form-item> |
... | @@ -53,14 +60,12 @@ | ... | @@ -53,14 +60,12 @@ |
53 | v-model="ruleForm.zjzl" | 60 | v-model="ruleForm.zjzl" |
54 | :disabled="!showButton" | 61 | :disabled="!showButton" |
55 | class="width100" | 62 | class="width100" |
56 | placeholder="请选择" | 63 | placeholder="请选择"> |
57 | > | ||
58 | <el-option | 64 | <el-option |
59 | v-for="item in dictData['A30']" | 65 | v-for="item in dictData['A30']" |
60 | :key="item.dcode" | 66 | :key="item.dcode" |
61 | :label="item.dname" | 67 | :label="item.dname" |
62 | :value="item.dcode" | 68 | :value="item.dcode"> |
63 | > | ||
64 | </el-option> | 69 | </el-option> |
65 | </el-select> | 70 | </el-select> |
66 | </el-form-item> | 71 | </el-form-item> |
... | @@ -73,8 +78,7 @@ | ... | @@ -73,8 +78,7 @@ |
73 | v-model="ruleForm.zjh" | 78 | v-model="ruleForm.zjh" |
74 | :disabled="!showButton" | 79 | :disabled="!showButton" |
75 | maxlength="18" | 80 | maxlength="18" |
76 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" | 81 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input> |
77 | ></el-input> | ||
78 | </el-form-item> | 82 | </el-form-item> |
79 | </el-col> | 83 | </el-col> |
80 | <el-col :span="8"> | 84 | <el-col :span="8"> |
... | @@ -83,8 +87,7 @@ | ... | @@ -83,8 +87,7 @@ |
83 | v-model="ruleForm.dh" | 87 | v-model="ruleForm.dh" |
84 | :disabled="!showButton" | 88 | :disabled="!showButton" |
85 | maxlength="11" | 89 | maxlength="11" |
86 | oninput="value=value.replace(/[^\d]/g,'')" | 90 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> |
87 | ></el-input> | ||
88 | </el-form-item> | 91 | </el-form-item> |
89 | </el-col> | 92 | </el-col> |
90 | <el-col :span="8"> | 93 | <el-col :span="8"> |
... | @@ -92,8 +95,7 @@ | ... | @@ -92,8 +95,7 @@ |
92 | <el-input | 95 | <el-input |
93 | v-model="ruleForm.qlbl" | 96 | v-model="ruleForm.qlbl" |
94 | maxlength="32" | 97 | maxlength="32" |
95 | :disabled="!showButton || this.ruleForm.gyfs == 1" | 98 | :disabled="!showButton || this.ruleForm.gyfs == 1"></el-input> |
96 | ></el-input> | ||
97 | </el-form-item> | 99 | </el-form-item> |
98 | </el-col> | 100 | </el-col> |
99 | </el-row> | 101 | </el-row> |
... | @@ -103,8 +105,7 @@ | ... | @@ -103,8 +105,7 @@ |
103 | <el-input | 105 | <el-input |
104 | v-model="ruleForm.frmc" | 106 | v-model="ruleForm.frmc" |
105 | maxlength="32" | 107 | maxlength="32" |
106 | :disabled="!showButton" | 108 | :disabled="!showButton"></el-input> |
107 | ></el-input> | ||
108 | </el-form-item> | 109 | </el-form-item> |
109 | </el-col> | 110 | </el-col> |
110 | <el-col :span="8"> | 111 | <el-col :span="8"> |
... | @@ -112,8 +113,7 @@ | ... | @@ -112,8 +113,7 @@ |
112 | <el-input | 113 | <el-input |
113 | v-model="ruleForm.gj" | 114 | v-model="ruleForm.gj" |
114 | maxlength="3" | 115 | maxlength="3" |
115 | :disabled="!showButton" | 116 | :disabled="!showButton"></el-input> |
116 | ></el-input> | ||
117 | </el-form-item> | 117 | </el-form-item> |
118 | </el-col> | 118 | </el-col> |
119 | <el-col :span="8"> | 119 | <el-col :span="8"> |
... | @@ -121,8 +121,7 @@ | ... | @@ -121,8 +121,7 @@ |
121 | <el-input | 121 | <el-input |
122 | v-model="ruleForm.hjszss" | 122 | v-model="ruleForm.hjszss" |
123 | maxlength="3" | 123 | maxlength="3" |
124 | :disabled="!showButton" | 124 | :disabled="!showButton"></el-input> |
125 | ></el-input> | ||
126 | </el-form-item> | 125 | </el-form-item> |
127 | </el-col> | 126 | </el-col> |
128 | </el-row> | 127 | </el-row> |
... | @@ -133,8 +132,7 @@ | ... | @@ -133,8 +132,7 @@ |
133 | <el-input | 132 | <el-input |
134 | v-model="ruleForm.txdz" | 133 | v-model="ruleForm.txdz" |
135 | maxlength="100" | 134 | maxlength="100" |
136 | :disabled="!showButton" | 135 | :disabled="!showButton"></el-input> |
137 | ></el-input> | ||
138 | </el-form-item> | 136 | </el-form-item> |
139 | </el-col> | 137 | </el-col> |
140 | </el-row> | 138 | </el-row> |
... | @@ -145,8 +143,7 @@ | ... | @@ -145,8 +143,7 @@ |
145 | <el-input | 143 | <el-input |
146 | v-model="ruleForm.fzjg" | 144 | v-model="ruleForm.fzjg" |
147 | maxlength="10" | 145 | maxlength="10" |
148 | :disabled="!showButton" | 146 | :disabled="!showButton"></el-input> |
149 | ></el-input> | ||
150 | </el-form-item> | 147 | </el-form-item> |
151 | </el-col> | 148 | </el-col> |
152 | <el-col :span="8"> | 149 | <el-col :span="8"> |
... | @@ -154,8 +151,7 @@ | ... | @@ -154,8 +151,7 @@ |
154 | <el-input | 151 | <el-input |
155 | v-model="ruleForm.dzyj" | 152 | v-model="ruleForm.dzyj" |
156 | :disabled="!showButton" | 153 | :disabled="!showButton" |
157 | maxlength="25" | 154 | maxlength="25"></el-input> |
158 | ></el-input> | ||
159 | </el-form-item> | 155 | </el-form-item> |
160 | </el-col> | 156 | </el-col> |
161 | <el-col :span="8"> | 157 | <el-col :span="8"> |
... | @@ -164,8 +160,7 @@ | ... | @@ -164,8 +160,7 @@ |
164 | v-model.number="ruleForm.yb" | 160 | v-model.number="ruleForm.yb" |
165 | :disabled="!showButton" | 161 | :disabled="!showButton" |
166 | maxlength="6" | 162 | maxlength="6" |
167 | oninput="value=value.replace(/[^\d]/g,'')" | 163 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> |
168 | ></el-input> | ||
169 | </el-form-item> | 164 | </el-form-item> |
170 | </el-col> | 165 | </el-col> |
171 | </el-row> | 166 | </el-row> |
... | @@ -176,8 +171,7 @@ | ... | @@ -176,8 +171,7 @@ |
176 | <el-input | 171 | <el-input |
177 | v-model="ruleForm.gzdw" | 172 | v-model="ruleForm.gzdw" |
178 | maxlength="32" | 173 | maxlength="32" |
179 | :disabled="!showButton" | 174 | :disabled="!showButton"></el-input> |
180 | ></el-input> | ||
181 | </el-form-item> | 175 | </el-form-item> |
182 | </el-col> | 176 | </el-col> |
183 | <el-col :span="16"> | 177 | <el-col :span="16"> |
... | @@ -185,8 +179,7 @@ | ... | @@ -185,8 +179,7 @@ |
185 | <el-input | 179 | <el-input |
186 | v-model="ruleForm.dlrjg" | 180 | v-model="ruleForm.dlrjg" |
187 | maxlength="32" | 181 | maxlength="32" |
188 | :disabled="!showButton" | 182 | :disabled="!showButton"></el-input> |
189 | ></el-input> | ||
190 | </el-form-item> | 183 | </el-form-item> |
191 | </el-col> | 184 | </el-col> |
192 | </el-row> | 185 | </el-row> |
... | @@ -198,8 +191,7 @@ | ... | @@ -198,8 +191,7 @@ |
198 | v-model="ruleForm.dlrdh" | 191 | v-model="ruleForm.dlrdh" |
199 | :disabled="!showButton" | 192 | :disabled="!showButton" |
200 | maxlength="11" | 193 | maxlength="11" |
201 | oninput="value=value.replace(/[^\d]/g,'')" | 194 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> |
202 | ></el-input> | ||
203 | </el-form-item> | 195 | </el-form-item> |
204 | </el-col> | 196 | </el-col> |
205 | <el-col :span="8"> | 197 | <el-col :span="8"> |
... | @@ -207,8 +199,7 @@ | ... | @@ -207,8 +199,7 @@ |
207 | <el-input | 199 | <el-input |
208 | v-model="ruleForm.dlrmc" | 200 | v-model="ruleForm.dlrmc" |
209 | maxlength="15" | 201 | maxlength="15" |
210 | :disabled="!showButton" | 202 | :disabled="!showButton"></el-input> |
211 | ></el-input> | ||
212 | </el-form-item> | 203 | </el-form-item> |
213 | </el-col> | 204 | </el-col> |
214 | <el-col :span="8"> | 205 | <el-col :span="8"> |
... | @@ -218,14 +209,12 @@ | ... | @@ -218,14 +209,12 @@ |
218 | v-model="ruleForm.dlrzjlx" | 209 | v-model="ruleForm.dlrzjlx" |
219 | :disabled="!showButton" | 210 | :disabled="!showButton" |
220 | class="width100" | 211 | class="width100" |
221 | placeholder="请选择" | 212 | placeholder="请选择"> |
222 | > | ||
223 | <el-option | 213 | <el-option |
224 | v-for="item in dictData['A30']" | 214 | v-for="item in dictData['A30']" |
225 | :key="item.dcode" | 215 | :key="item.dcode" |
226 | :label="item.dname" | 216 | :label="item.dname" |
227 | :value="item.dcode" | 217 | :value="item.dcode"> |
228 | > | ||
229 | </el-option> | 218 | </el-option> |
230 | </el-select> | 219 | </el-select> |
231 | </el-form-item> | 220 | </el-form-item> |
... | @@ -239,14 +228,12 @@ | ... | @@ -239,14 +228,12 @@ |
239 | v-model="ruleForm.xb" | 228 | v-model="ruleForm.xb" |
240 | :disabled="!showButton" | 229 | :disabled="!showButton" |
241 | class="width100" | 230 | class="width100" |
242 | placeholder="请选择" | 231 | placeholder="请选择"> |
243 | > | ||
244 | <el-option | 232 | <el-option |
245 | v-for="item in dictData['A43']" | 233 | v-for="item in dictData['A43']" |
246 | :key="item.dcode" | 234 | :key="item.dcode" |
247 | :label="item.dname" | 235 | :label="item.dname" |
248 | :value="item.dcode" | 236 | :value="item.dcode"> |
249 | > | ||
250 | </el-option> | 237 | </el-option> |
251 | </el-select> | 238 | </el-select> |
252 | </el-form-item> | 239 | </el-form-item> |
... | @@ -257,100 +244,397 @@ | ... | @@ -257,100 +244,397 @@ |
257 | v-model="ruleForm.dlrzjh" | 244 | v-model="ruleForm.dlrzjh" |
258 | :disabled="!showButton" | 245 | :disabled="!showButton" |
259 | maxlength="18" | 246 | maxlength="18" |
260 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" | 247 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input> |
261 | ></el-input> | ||
262 | </el-form-item> | 248 | </el-form-item> |
263 | </el-col> | 249 | </el-col> |
264 | </el-row> | 250 | </el-row> |
265 | </el-form> | 251 | </el-form> |
252 | |||
253 | <div v-if="activeName==2" class="padding10"> | ||
254 | <el-form :model="queryFormQY" label-width="80px"> | ||
255 | <el-row> | ||
256 | <el-col :span="8"> | ||
257 | <el-form-item label="姓名/名称"> | ||
258 | <el-input placeholder="姓名/名称" v-model="queryFormQY.qymc" clearable class="width100"> | ||
259 | </el-input> | ||
260 | </el-form-item> | ||
261 | </el-col> | ||
262 | <el-col :span="8"> | ||
263 | <el-form-item label="证件号"> | ||
264 | <el-input placeholder="证件号" v-model="queryFormQY.zjh" clearable class="width100"> | ||
265 | </el-input> | ||
266 | </el-form-item> | ||
267 | </el-col> | ||
268 | <el-col :span="8" class="btnColRight"> | ||
269 | <el-form-item> | ||
270 | <el-button type="primary" @click="handleSearchQY">查询</el-button> | ||
271 | </el-form-item> | ||
272 | </el-col> | ||
273 | </el-row> | ||
274 | </el-form> | ||
275 | <el-table :data="tableDataQy.data" border v-Loading="loading" :height="426.8"> | ||
276 | <el-table-column label="序号" type="index" width="50" align="center"> | ||
277 | <template slot-scope="scope"> | ||
278 | {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}} | ||
279 | </template> | ||
280 | </el-table-column> | ||
281 | <el-table-column v-for="item in tableDataQy.columns" :key="item.index" :width="item.width" :prop="item.prop" :label="item.label" align="center"> | ||
282 | </el-table-column> | ||
283 | <el-table-column label="操作" width="50"> | ||
284 | <template slot-scope="scope"> | ||
285 | <el-button type="text" @click="handleSelect(scope.row)">使用</el-button> | ||
286 | </template> | ||
287 | </el-table-column> | ||
288 | </el-table> | ||
289 | <el-pagination background layout="prev, pager, next,total" :total="tableDataQy.total" | ||
290 | @current-change="handleQYCurrentChange"></el-pagination> | ||
291 | </div> | ||
292 | <div v-if="activeName==3" class="padding10"> | ||
293 | <el-form :model="queryFormYH" label-width="80px"> | ||
294 | <el-row> | ||
295 | <el-col :span="8"> | ||
296 | <el-form-item label="姓名/名称"> | ||
297 | <el-input placeholder="姓名/名称" v-model="queryFormYH.qymc" clearable class="width100"> | ||
298 | </el-input> | ||
299 | </el-form-item> | ||
300 | </el-col> | ||
301 | <el-col :span="8"> | ||
302 | <el-form-item label="证件号"> | ||
303 | <el-input placeholder="证件号" v-model="queryFormYH.zjh" clearable class="width100"> | ||
304 | </el-input> | ||
305 | </el-form-item> | ||
306 | </el-col> | ||
307 | <el-col :span="8" class="btnColRight"> | ||
308 | <el-form-item> | ||
309 | <el-button type="primary" @click="handleSearchYH">查询</el-button> | ||
310 | </el-form-item> | ||
311 | </el-col> | ||
312 | </el-row> | ||
313 | </el-form> | ||
314 | <el-table :data="tableDataYh.data" border v-Loading="loading" :height="426.8"> | ||
315 | <el-table-column label="序号" type="index" width="50" align="center"> | ||
316 | <template slot-scope="scope"> | ||
317 | {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}} | ||
318 | </template> | ||
319 | </el-table-column> | ||
320 | <el-table-column v-for="item in tableDataYh.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center"> | ||
321 | </el-table-column> | ||
322 | <el-table-column label="操作" width="50"> | ||
323 | <template slot-scope="scope"> | ||
324 | <el-button type="text" @click="handleSelect(scope.row)">使用</el-button> | ||
325 | </template> | ||
326 | </el-table-column> | ||
327 | </el-table> | ||
328 | <el-pagination background layout="prev, pager, next,total" :total="tableDataYh.total" | ||
329 | @current-change="handleYHCurrentChange"></el-pagination> | ||
330 | </div> | ||
266 | </dialogBox> | 331 | </dialogBox> |
267 | </template> | 332 | </template> |
268 | <script> | 333 | <script> |
269 | import { mapGetters } from "vuex"; | 334 | import { mapGetters } from "vuex"; |
270 | export default { | 335 | import store from '@/store/index.js' |
271 | props: { | 336 | import { replace } from "@/api/company.js" |
272 | value: { type: Boolean, default: false }, | 337 | import { getUuid } from "@/utils/operation.js" |
273 | details: { type: Object, default: {} }, | 338 | import { getIdCardInfo } from '@/utils/operation.js' |
274 | showButton: { type: Boolean, default: false }, | 339 | import { queryQyByPage, queryYhByPage, addQy } from "@/api/xxba.js"; |
275 | }, | 340 | import { dataYh, dataQy, sendThis } from "./addYwrData"; |
276 | computed: { | 341 | export default { |
277 | ...mapGetters(["dictData"]), | 342 | props: { |
278 | }, | 343 | value: { type: Boolean, default: false }, |
279 | data() { | 344 | details: { type: Object, default: {} }, |
280 | return { | 345 | showButton: { type: Boolean, default: false }, |
281 | myValue: this.value, | ||
282 | ruleForm: { | ||
283 | ywrlx: "", | ||
284 | ywrmc: "", | ||
285 | zjzl: "", | ||
286 | zjh: "", | ||
287 | dh: "", | ||
288 | xb: "", | ||
289 | frmc: "", | ||
290 | gjdq: "", | ||
291 | szss: "", | ||
292 | txdz: "", | ||
293 | yb: "", | ||
294 | fzjg: "", | ||
295 | dzyj: "", | ||
296 | qlbl: "", | ||
297 | gzdw: "", | ||
298 | dljg: "", | ||
299 | dlrxm: "", | ||
300 | dlrzjlx: "", | ||
301 | dlrzjh: "", | ||
302 | }, | ||
303 | rules: { | ||
304 | ywrlx: [{ required: true, message: "义务人类型", trigger: "change" }], | ||
305 | ywrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], | ||
306 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], | ||
307 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], | ||
308 | }, | ||
309 | }; | ||
310 | }, | ||
311 | watch: { | ||
312 | value(val) { | ||
313 | this.myValue = _.cloneDeep(val); | ||
314 | }, | 346 | }, |
315 | details: { | 347 | computed: { |
316 | handler: function (val, oldVal) { | 348 | ...mapGetters(["dictData"]) |
317 | this.ruleForm = val; | ||
318 | }, | ||
319 | deep: true, | ||
320 | }, | 349 | }, |
321 | }, | 350 | mounted () { |
322 | methods: { | 351 | sendThis(this) |
323 | /** | ||
324 | * @description: closeDialog | ||
325 | * @author: renchao | ||
326 | */ | ||
327 | closeDialog() { | ||
328 | this.$emit("input", false); | ||
329 | this.$refs["ruleForm"].resetFields(); | ||
330 | }, | 352 | }, |
331 | /** | 353 | data () { |
332 | * @description: submitForm | 354 | return { |
333 | * @author: renchao | 355 | isShow: false, |
334 | */ | 356 | isBz: false, |
335 | submitForm() { | 357 | activeName: '1', |
336 | this.$refs.ruleForm.validate((valid) => { | 358 | loading: false, |
337 | if (valid) { | 359 | myValue: this.value, |
338 | this.$emit("input", false); | 360 | ruleForm: { |
339 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | 361 | ywrlx: "", |
340 | } else { | 362 | ywrmc: "", |
341 | return false; | 363 | zjzl: "", |
364 | zjh: "", | ||
365 | dh: "", | ||
366 | xb: "", | ||
367 | frmc: "", | ||
368 | gjdq: "", | ||
369 | szss: "", | ||
370 | txdz: "", | ||
371 | yb: "", | ||
372 | fzjg: "", | ||
373 | dzyj: "", | ||
374 | qlbl: "", | ||
375 | gzdw: "", | ||
376 | dljg: "", | ||
377 | dlrxm: "", | ||
378 | dlrzjlx: "", | ||
379 | dlrzjh: "", | ||
380 | }, | ||
381 | rules: { | ||
382 | ywrlx: [{ required: true, message: "义务人类型", trigger: "change" }], | ||
383 | ywrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], | ||
384 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], | ||
385 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], | ||
386 | }, | ||
387 | pageData: { | ||
388 | currentPage: 1, | ||
389 | pageSize: 8 | ||
390 | }, | ||
391 | // 企业 | ||
392 | queryFormQY: { | ||
393 | qymc: "", | ||
394 | zjh: "" | ||
395 | }, | ||
396 | tableDataQy: { | ||
397 | total: 0, | ||
398 | columns: dataQy.columns(), | ||
399 | data: [], | ||
400 | }, | ||
401 | // 银行 | ||
402 | queryFormYH: { | ||
403 | qymc: "", | ||
404 | zjh: "" | ||
405 | }, | ||
406 | tableDataYh: { | ||
407 | total: 0, | ||
408 | columns: dataYh.columns(), | ||
409 | data: [ | ||
410 | ] | ||
342 | } | 411 | } |
343 | }); | 412 | } |
344 | }, | 413 | }, |
345 | }, | 414 | watch: { |
346 | }; | 415 | value (val) { |
416 | this.myValue = _.cloneDeep(val); | ||
417 | if (val && Object.keys(this.details).length > 0) { | ||
418 | this.activeName = '1' | ||
419 | } | ||
420 | this.isShow = this.showButton | ||
421 | }, | ||
422 | details: { | ||
423 | handler: function (val, oldVal) { | ||
424 | this.ruleForm = val; | ||
425 | }, | ||
426 | deep: true | ||
427 | } | ||
428 | }, | ||
429 | methods: { | ||
430 | handleZjzl (val) { | ||
431 | if (['6', '7', '8'].includes(val)) { | ||
432 | this.isBz = true | ||
433 | } else { | ||
434 | this.isBz = false | ||
435 | } | ||
436 | }, | ||
437 | /** | ||
438 | * @description: 信息备案 | ||
439 | * @author: renchao | ||
440 | */ | ||
441 | handleFilings () { | ||
442 | this.ruleForm.qymc = this.ruleForm.ywrlx | ||
443 | this.ruleForm.dwdz = this.ruleForm.txdz | ||
444 | addQy(this.ruleForm).then(res => { | ||
445 | if (res.code == 200) { | ||
446 | this.$message.success('备案成功') | ||
447 | } else { | ||
448 | this.$message.error(res.message); | ||
449 | } | ||
450 | }) | ||
451 | }, | ||
452 | /** | ||
453 | * @description: handleClick | ||
454 | * @author: renchao | ||
455 | */ | ||
456 | handleClick (event, tab) { | ||
457 | if (this.activeName != 1) { | ||
458 | this.isShow = false | ||
459 | } else { | ||
460 | this.isShow = true | ||
461 | } | ||
462 | this.pageData.currentPage = 1 | ||
463 | if (this.activeName == 2) { | ||
464 | this.handleSearchQY() | ||
465 | } else { | ||
466 | this.handleSearchYH() | ||
467 | } | ||
468 | }, | ||
469 | /** | ||
470 | * @description:企业查询 | ||
471 | * @param {*} val | ||
472 | * @param {*} code | ||
473 | * @author: renchao | ||
474 | */ | ||
475 | dicStatus (val, code) { | ||
476 | let data = store.getters.dictData[code], | ||
477 | name = '暂无' | ||
478 | if (data) { | ||
479 | data.map((item) => { | ||
480 | if (item.dcode == val) { | ||
481 | name = item.dname | ||
482 | } | ||
483 | }) | ||
484 | return name | ||
485 | } | ||
486 | }, | ||
487 | /** | ||
488 | * @description: 企业信息搜索 | ||
489 | * @author: renchao | ||
490 | */ | ||
491 | handleSearchQY () { | ||
492 | let data = { ...this.queryFormQY, ...this.pageData } | ||
493 | this.tableDataQy.data = [] | ||
494 | queryQyByPage(data).then((res) => { | ||
495 | if (res.code === 200) { | ||
496 | let { total, records } = res.result; | ||
497 | this.tableDataQy.total = total; | ||
498 | this.tableDataQy.data = records; | ||
499 | this.tableDataQy.data.forEach(item => { | ||
500 | item.zjzlMc = this.dicStatus(item.zjzl, 'A30') | ||
501 | item.ywrmc = item.qymc | ||
502 | item.txdz = item.dwdz | ||
503 | item.id = getUuid(16) | ||
504 | }) | ||
505 | } | ||
506 | }) | ||
507 | }, | ||
508 | /** | ||
509 | * @description: handleQYCurrentChange | ||
510 | * @param {*} val | ||
511 | * @author: renchao | ||
512 | */ | ||
513 | handleQYCurrentChange (val) { | ||
514 | this.pageData.currentPage = val | ||
515 | this.handleSearchQY() | ||
516 | }, | ||
517 | /** | ||
518 | * @description: handlesQYSelect | ||
519 | * @param {*} val | ||
520 | * @author: renchao | ||
521 | */ | ||
522 | handleSelect (val) { | ||
523 | let that = this | ||
524 | let bsmSldy = window.currentSelect.bsmSldy ? window.currentSelect.bsmSldy : '' | ||
525 | this.$confirm('是否同步材料信息?', '提示', { | ||
526 | confirmButtonText: '确定', | ||
527 | cancelButtonText: '取消', | ||
528 | }).then(() => { | ||
529 | replace(val.bsmCompany, this.$route.query.bsmSlsq, bsmSldy).then(res => { | ||
530 | that.$emit("updateDetail", _.cloneDeep({ ...val, ywrlx: '2' })); | ||
531 | that.$emit("input", false); | ||
532 | if (res.code == 200) { | ||
533 | that.$message({ | ||
534 | type: 'success', | ||
535 | message: '同步成功!' | ||
536 | }) | ||
537 | } else { | ||
538 | this.$message.error(res.message) | ||
539 | } | ||
540 | }) | ||
541 | }).catch(() => { | ||
542 | this.$message({ | ||
543 | type: 'info', | ||
544 | message: '已取消' | ||
545 | }) | ||
546 | }) | ||
547 | }, | ||
548 | /** | ||
549 | * @description: 银行信息搜索 | ||
550 | * @author: renchao | ||
551 | */ | ||
552 | handleSearchYH () { | ||
553 | let data = { ...this.queryFormYH, ...this.pageData } | ||
554 | this.tableDataYh.data = [] | ||
555 | queryYhByPage(data).then((res) => { | ||
556 | if (res.code === 200) { | ||
557 | let { total, records } = res.result; | ||
558 | this.tableDataYh.total = total; | ||
559 | this.tableDataYh.data = records; | ||
560 | this.tableDataYh.data.forEach(item => { | ||
561 | item.zjzlMc = this.dicStatus(item.zjzl, 'A30') | ||
562 | item.ywrmc = item.qymc | ||
563 | item.txdz = item.dwdz | ||
564 | item.id = getUuid(16) | ||
565 | }) | ||
566 | } | ||
567 | }) | ||
568 | }, | ||
569 | /** | ||
570 | * @description: handleYHCurrentChange | ||
571 | * @param {*} val | ||
572 | * @author: renchao | ||
573 | */ | ||
574 | handleYHCurrentChange (val) { | ||
575 | this.pageData.currentPage = val | ||
576 | this.handleSearchQY() | ||
577 | }, | ||
578 | /** | ||
579 | * @description: 身份证打卡器 | ||
580 | * @author: renchao | ||
581 | */ | ||
582 | readClick () { | ||
583 | getIdCardInfo().then(res => { | ||
584 | if (res.data.code == 0) { | ||
585 | let data = res.data.IDCardInfo | ||
586 | this.ruleForm.ywrmc = data.name | ||
587 | this.ruleForm.zjzl = '1' | ||
588 | this.ruleForm.zjh = data.cardID | ||
589 | this.ruleForm.xb = data.sexCode | ||
590 | this.ruleForm.txdz = data.address | ||
591 | this.ruleForm.fzjg = data.issueOrgan | ||
592 | this.$message({ | ||
593 | message: '读取成功!', | ||
594 | type: 'success' | ||
595 | }) | ||
596 | } else { | ||
597 | this.$message({ | ||
598 | message: res.data.message, | ||
599 | type: 'warning' | ||
600 | }) | ||
601 | } | ||
602 | }) | ||
603 | }, | ||
604 | /** | ||
605 | * @description: closeDialog | ||
606 | * @author: renchao | ||
607 | */ | ||
608 | closeDialog () { | ||
609 | this.$emit("input", false); | ||
610 | this.$refs["ruleForm"].resetFields(); | ||
611 | }, | ||
612 | /** | ||
613 | * @description: submitForm | ||
614 | * @author: renchao | ||
615 | */ | ||
616 | submitForm () { | ||
617 | this.$refs.ruleForm.validate((valid) => { | ||
618 | if (valid) { | ||
619 | this.$emit("input", false); | ||
620 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | ||
621 | } else { | ||
622 | return false; | ||
623 | } | ||
624 | }) | ||
625 | } | ||
626 | } | ||
627 | } | ||
347 | </script> | 628 | </script> |
348 | <style scoped lang="scss"> | 629 | <style scoped lang="scss"> |
349 | @import "~@/styles/dialogBoxheader.scss"; | 630 | @import "~@/styles/dialogBoxheader.scss"; |
350 | .submit-button { | 631 | .submit-button { |
351 | text-align: center; | 632 | text-align: center; |
352 | height: 52px; | 633 | height: 52px; |
353 | padding-top: 10px; | 634 | padding-top: 10px; |
354 | background-color: #fff; | 635 | background-color: #fff; |
355 | } | 636 | } |
637 | .padding10 { | ||
638 | padding-bottom: 10px; | ||
639 | } | ||
356 | </style> | 640 | </style> | ... | ... |
1 | /* | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-09-22 13:42:40 | ||
5 | */ | ||
6 | import filter from '@/utils/filter.js' | ||
7 | let vm = null | ||
8 | |||
9 | const sendThis = (_this) => { | ||
10 | vm = _this | ||
11 | } | ||
12 | class data1 extends filter { | ||
13 | constructor() { | ||
14 | super() | ||
15 | } | ||
16 | columns () { | ||
17 | return [ | ||
18 | { | ||
19 | prop: "ywrmc", | ||
20 | label: "姓名/名称", | ||
21 | }, | ||
22 | { | ||
23 | prop: "zjzlMc", | ||
24 | label: "证件种类" | ||
25 | }, | ||
26 | { | ||
27 | prop: "zjh", | ||
28 | label: "证件号", | ||
29 | }, | ||
30 | { | ||
31 | prop: "frmc", | ||
32 | label: "法人名称", | ||
33 | }, | ||
34 | { | ||
35 | prop: "txdz", | ||
36 | label: "地址", | ||
37 | }, | ||
38 | { | ||
39 | prop: "dh", | ||
40 | label: "联系电话", | ||
41 | } | ||
42 | ] | ||
43 | } | ||
44 | |||
45 | } | ||
46 | class data2 extends filter { | ||
47 | constructor() { | ||
48 | super() | ||
49 | |||
50 | } | ||
51 | columns () { | ||
52 | return [ | ||
53 | { | ||
54 | prop: "ywrmc", | ||
55 | label: "姓名/名称", | ||
56 | }, | ||
57 | { | ||
58 | prop: "zjzlMc", | ||
59 | label: "证件种类", | ||
60 | }, | ||
61 | { | ||
62 | prop: "zjh", | ||
63 | label: "证件号", | ||
64 | }, | ||
65 | { | ||
66 | prop: "frmc", | ||
67 | label: "法人名称", | ||
68 | }, | ||
69 | { | ||
70 | prop: "txdz", | ||
71 | label: "地址", | ||
72 | }, | ||
73 | { | ||
74 | prop: "dh", | ||
75 | label: "联系电话", | ||
76 | }, | ||
77 | ] | ||
78 | } | ||
79 | |||
80 | } | ||
81 | let dataYh = new data1() | ||
82 | let dataQy = new data2() | ||
83 | export { | ||
84 | dataYh, | ||
85 | dataQy, | ||
86 | sendThis | ||
87 | } |
... | @@ -211,16 +211,15 @@ | ... | @@ -211,16 +211,15 @@ |
211 | if (!this.supplementarylist.length) { | 211 | if (!this.supplementarylist.length) { |
212 | getdjblist() | 212 | getdjblist() |
213 | } | 213 | } |
214 | 214 | }) | |
215 | }); | 215 | }) |
216 | }); | ||
217 | }) | 216 | }) |
218 | .catch(() => { | 217 | .catch(() => { |
219 | this.$message({ | 218 | this.$message({ |
220 | type: "info", | 219 | type: "info", |
221 | message: "已取消删除", | 220 | message: "已取消删除" |
222 | }); | 221 | }) |
223 | }); | 222 | }) |
224 | }, | 223 | }, |
225 | /** | 224 | /** |
226 | * @description: 补录信息点击事件默认展示第一条补录记录 | 225 | * @description: 补录信息点击事件默认展示第一条补录记录 |
... | @@ -228,7 +227,7 @@ | ... | @@ -228,7 +227,7 @@ |
228 | */ | 227 | */ |
229 | blxxClick () { | 228 | blxxClick () { |
230 | if (this.supplementarylist.length) { | 229 | if (this.supplementarylist.length) { |
231 | this.unitClick(0); | 230 | this.unitClick(0) |
232 | } | 231 | } |
233 | } | 232 | } |
234 | } | 233 | } | ... | ... |
1 | /* | 1 | /* |
2 | * @Description:workFramezu.vue组件的方法 头部按钮弹框方法 | 2 | * @Description:workFramezu.vue组件的方法 头部按钮弹框方法 |
3 | * @Autor: miaofang | 3 | * @Autor: miaofang |
4 | * @LastEditTime: 2023-09-18 11:06:44 | 4 | * @LastEditTime: 2023-09-22 13:34:56 |
5 | */ | 5 | */ |
6 | import { getPrintTemplateByCode } from "@/api/print"; | 6 | import { getPrintTemplateByCode } from "@/api/print"; |
7 | import { getQllxByBdcdyid } from "@/api/djbDetail.js"; | 7 | import { getQllxByBdcdyid } from "@/api/djbDetail.js"; |
... | @@ -49,9 +49,8 @@ export default { | ... | @@ -49,9 +49,8 @@ export default { |
49 | */ | 49 | */ |
50 | flowInitParam () { | 50 | flowInitParam () { |
51 | var formdata = new FormData(); | 51 | var formdata = new FormData(); |
52 | 52 | formdata.append("bsmSlsq", this.bsmSlsq) | |
53 | formdata.append("bsmSlsq", this.bsmSlsq); | 53 | formdata.append("bestepid", this.bestepid ? this.bestepid : '') |
54 | formdata.append("bestepid", this.bestepid); | ||
55 | if (this.type) { | 54 | if (this.type) { |
56 | formdata.append("type", "READ_ONLY"); | 55 | formdata.append("type", "READ_ONLY"); |
57 | } | 56 | } |
... | @@ -74,7 +73,6 @@ export default { | ... | @@ -74,7 +73,6 @@ export default { |
74 | }) | 73 | }) |
75 | 74 | ||
76 | }, | 75 | }, |
77 | //流程环节操作按钮 | ||
78 | /** | 76 | /** |
79 | * @description: 流程环节操作按钮 | 77 | * @description: 流程环节操作按钮 |
80 | * @param {*} item | 78 | * @param {*} item |
... | @@ -92,7 +90,7 @@ export default { | ... | @@ -92,7 +90,7 @@ export default { |
92 | }) | 90 | }) |
93 | break; | 91 | break; |
94 | case "B1": | 92 | case "B1": |
95 | getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then(res => { | 93 | getWorkFlowImage(this.bsmSlsq, this.bestepid ? this.bestepid : '').then(res => { |
96 | let { result } = res | 94 | let { result } = res |
97 | this.$popupDialog("流程图", "workflow/components/processViewer", { | 95 | this.$popupDialog("流程图", "workflow/components/processViewer", { |
98 | xml: result.xml, | 96 | xml: result.xml, |
... | @@ -179,13 +177,13 @@ export default { | ... | @@ -179,13 +177,13 @@ export default { |
179 | case "back": //退回按钮 | 177 | case "back": //退回按钮 |
180 | this.$popupDialog("退回", "workflow/components/th", { | 178 | this.$popupDialog("退回", "workflow/components/th", { |
181 | bsmSlsq: this.bsmSlsq, | 179 | bsmSlsq: this.bsmSlsq, |
182 | bestepid: this.bestepid | 180 | bestepid: this.bestepid ? this.bestepid : '' |
183 | }, '800px', true) | 181 | }, '800px', true) |
184 | break; | 182 | break; |
185 | case "transfer": //转件按钮 | 183 | case "transfer": //转件按钮 |
186 | getNextLinkInfo({ | 184 | getNextLinkInfo({ |
187 | bsmSlsq: this.bsmSlsq, | 185 | bsmSlsq: this.bsmSlsq, |
188 | bestepid: this.bestepid, | 186 | bestepid: this.bestepid ? this.bestepid : '' |
189 | }).then((res) => { | 187 | }).then((res) => { |
190 | if (res.code === 200) { | 188 | if (res.code === 200) { |
191 | if (res.result) { | 189 | if (res.result) { |
... | @@ -199,18 +197,18 @@ export default { | ... | @@ -199,18 +197,18 @@ export default { |
199 | case "stop": //终止按钮 | 197 | case "stop": //终止按钮 |
200 | this.$popupDialog("终止", "workflow/components/stop", { | 198 | this.$popupDialog("终止", "workflow/components/stop", { |
201 | bsmSlsq: this.bsmSlsq, | 199 | bsmSlsq: this.bsmSlsq, |
202 | bestepid: this.bestepid, | 200 | bestepid: this.bestepid ? this.bestepid : '' |
203 | }, '600px', true) | 201 | }, '600px', true) |
204 | break; | 202 | break; |
205 | case "signout": | 203 | case "signout": |
206 | window.close(); | 204 | window.close(); |
207 | //取消认领 | 205 | //取消认领 |
208 | unClaimTask(this.bsmSlsq, this.bestepid) | 206 | unClaimTask(this.bsmSlsq, this.bestepid ? this.bestepid : '') |
209 | break; | 207 | break; |
210 | case "B9": | 208 | case "B9": |
211 | var formdata = new FormData(); | 209 | var formdata = new FormData(); |
212 | formdata.append("bsmSlsq", this.bsmSlsq); | 210 | formdata.append("bsmSlsq", this.bsmSlsq); |
213 | formdata.append("bestepid", this.bestepid); | 211 | formdata.append("bestepid", this.bestepid ? this.bestepid : ''); |
214 | this.$confirm("请确认是否登簿", "提示", { | 212 | this.$confirm("请确认是否登簿", "提示", { |
215 | iconClass: "el-icon-question", //自定义图标样式 | 213 | iconClass: "el-icon-question", //自定义图标样式 |
216 | confirmButtonText: "确认", //确认按钮文字更换 | 214 | confirmButtonText: "确认", //确认按钮文字更换 |
... | @@ -272,7 +270,6 @@ export default { | ... | @@ -272,7 +270,6 @@ export default { |
272 | }); | 270 | }); |
273 | }); | 271 | }); |
274 | }, | 272 | }, |
275 | //发送下一个环节 | ||
276 | /** | 273 | /** |
277 | * @description: 发送下一个环节 | 274 | * @description: 发送下一个环节 |
278 | * @param {*} obj | 275 | * @param {*} obj |
... | @@ -286,7 +283,6 @@ export default { | ... | @@ -286,7 +283,6 @@ export default { |
286 | tshowidea: this.showidea | 283 | tshowidea: this.showidea |
287 | }, '600px', true) | 284 | }, '600px', true) |
288 | }, | 285 | }, |
289 | //转出最后一个流程 | ||
290 | /** | 286 | /** |
291 | * @description: 转出最后一个流程 | 287 | * @description: 转出最后一个流程 |
292 | * @author: renchao | 288 | * @author: renchao |
... | @@ -300,8 +296,6 @@ export default { | ... | @@ -300,8 +296,6 @@ export default { |
300 | 296 | ||
301 | }, '600px', true) | 297 | }, '600px', true) |
302 | }, | 298 | }, |
303 | |||
304 | //批量操作 | ||
305 | /** | 299 | /** |
306 | * @description: 批量操作 | 300 | * @description: 批量操作 |
307 | * @author: renchao | 301 | * @author: renchao | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: workFrame左侧菜单列表-普通 | 2 | * @Description: workFrame左侧菜单列表-普通 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-21 14:40:30 | 4 | * @LastEditTime: 2023-09-22 10:12:37 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
... | @@ -215,7 +215,7 @@ | ... | @@ -215,7 +215,7 @@ |
215 | this.$popupDialog("批量删除", "workflow/components/batchDel", { | 215 | this.$popupDialog("批量删除", "workflow/components/batchDel", { |
216 | bsmSlsq: this.bsmSlsq, | 216 | bsmSlsq: this.bsmSlsq, |
217 | dataList: this.unitData, | 217 | dataList: this.unitData, |
218 | }, '50%', true) | 218 | }, '55%', true) |
219 | }, | 219 | }, |
220 | /** | 220 | /** |
221 | * @description: 申请单元点击事件 | 221 | * @description: 申请单元点击事件 | ... | ... |
-
Please register or sign in to post a comment