Merge branch 'dev'
Showing
2 changed files
with
45 additions
and
22 deletions
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-01 11:01:28 | 4 | * @LastEditTime: 2023-09-01 14:09:02 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <dialogBox | 7 | <dialogBox |
... | @@ -12,12 +12,12 @@ | ... | @@ -12,12 +12,12 @@ |
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 | ||
17 | <el-tabs v-model="activeName" @tab-click="handleClick" class="from-clues-header"> | 17 | <el-tabs v-model="activeName" @tab-click="handleClick" class="from-clues-header"> |
18 | <el-tab-pane label="基本信息" name="1"></el-tab-pane> | 18 | <el-tab-pane label="基本信息" name="1"></el-tab-pane> |
19 | <el-tab-pane label="个人信息备案" name="2"></el-tab-pane> | 19 | <el-tab-pane label="银行信息" name="2"></el-tab-pane> |
20 | <el-tab-pane label="企业信息备案" name="3"></el-tab-pane> | 20 | <el-tab-pane label="企业信息" name="3"></el-tab-pane> |
21 | </el-tabs> | 21 | </el-tabs> |
22 | 22 | ||
23 | <el-form | 23 | <el-form |
... | @@ -28,6 +28,7 @@ | ... | @@ -28,6 +28,7 @@ |
28 | label-width="120px"> | 28 | label-width="120px"> |
29 | <el-form-item label="身份证读卡器"> | 29 | <el-form-item label="身份证读卡器"> |
30 | <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> | 30 | <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> |
31 | <el-button type="primary">信息备案</el-button> | ||
31 | </el-form-item> | 32 | </el-form-item> |
32 | <el-row> | 33 | <el-row> |
33 | <el-col :span="8"> | 34 | <el-col :span="8"> |
... | @@ -252,7 +253,7 @@ | ... | @@ -252,7 +253,7 @@ |
252 | </el-col> | 253 | </el-col> |
253 | </el-row> | 254 | </el-row> |
254 | </el-form> | 255 | </el-form> |
255 | <div v-if="activeName==2"> | 256 | <div v-if="activeName==2" class="padding10"> |
256 | <el-form :model="queryForm" label-width="80px"> | 257 | <el-form :model="queryForm" label-width="80px"> |
257 | <el-row> | 258 | <el-row> |
258 | <el-col :span="8"> | 259 | <el-col :span="8"> |
... | @@ -274,8 +275,8 @@ | ... | @@ -274,8 +275,8 @@ |
274 | </el-col> | 275 | </el-col> |
275 | </el-row> | 276 | </el-row> |
276 | </el-form> | 277 | </el-form> |
277 | <el-table :data="tableDataGr.data" border v-Loading="loading" :height="368"> | 278 | <el-table :data="tableDataYh.data" border v-Loading="loading" :height="426.8"> |
278 | <el-table-column v-for="item in tableDataGr.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center"> | 279 | <el-table-column v-for="item in tableDataYh.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center"> |
279 | </el-table-column> | 280 | </el-table-column> |
280 | <el-table-column label="证件种类"> | 281 | <el-table-column label="证件种类"> |
281 | <template slot-scope="scope"> | 282 | <template slot-scope="scope"> |
... | @@ -289,18 +290,18 @@ | ... | @@ -289,18 +290,18 @@ |
289 | </el-select> | 290 | </el-select> |
290 | </template> | 291 | </template> |
291 | </el-table-column> | 292 | </el-table-column> |
292 | <el-table-column label="操作"> | 293 | <el-table-column label="操作" width="50"> |
293 | <template slot-scope="scope"> | 294 | <template slot-scope="scope"> |
294 | <el-button type="text" @click="handlesGrSelect(scope.row)">使用</el-button> | 295 | <el-button type="text" @click="handlesYhSelect(scope.row)">使用</el-button> |
295 | </template> | 296 | </template> |
296 | </el-table-column> | 297 | </el-table-column> |
297 | </el-table> | 298 | </el-table> |
298 | <el-pagination background layout="prev, pager, next,total" :total="tableDataGr.total" | 299 | <el-pagination background layout="prev, pager, next,total" :total="tableDataYh.total" |
299 | @current-change="handleCurrentChange"></el-pagination> | 300 | @current-change="handleCurrentChange"></el-pagination> |
300 | 301 | ||
301 | </div> | 302 | </div> |
302 | 303 | ||
303 | <div v-if="activeName==3"> | 304 | <div v-if="activeName==3" class="padding10"> |
304 | <el-form :model="queryForm" label-width="80px"> | 305 | <el-form :model="queryForm" label-width="80px"> |
305 | <el-row> | 306 | <el-row> |
306 | <el-col :span="8"> | 307 | <el-col :span="8"> |
... | @@ -322,7 +323,7 @@ | ... | @@ -322,7 +323,7 @@ |
322 | </el-col> | 323 | </el-col> |
323 | </el-row> | 324 | </el-row> |
324 | </el-form> | 325 | </el-form> |
325 | <el-table :data="tableDataQy.data" border v-Loading="loading" :height="368"> | 326 | <el-table :data="tableDataQy.data" border v-Loading="loading" :height="426.8"> |
326 | <el-table-column v-for="item in tableDataQy.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center"> | 327 | <el-table-column v-for="item in tableDataQy.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center"> |
327 | </el-table-column> | 328 | </el-table-column> |
328 | <el-table-column label="证件种类"> | 329 | <el-table-column label="证件种类"> |
... | @@ -337,9 +338,9 @@ | ... | @@ -337,9 +338,9 @@ |
337 | </el-select> | 338 | </el-select> |
338 | </template> | 339 | </template> |
339 | </el-table-column> | 340 | </el-table-column> |
340 | <el-table-column label="操作"> | 341 | <el-table-column label="操作" width="50"> |
341 | <template slot-scope="scope"> | 342 | <template slot-scope="scope"> |
342 | <el-button type="text" @click="handlesGrSelect(scope.row)">使用</el-button> | 343 | <el-button type="text" @click="handlesYhSelect(scope.row)">使用</el-button> |
343 | </template> | 344 | </template> |
344 | </el-table-column> | 345 | </el-table-column> |
345 | </el-table> | 346 | </el-table> |
... | @@ -352,7 +353,7 @@ | ... | @@ -352,7 +353,7 @@ |
352 | <script> | 353 | <script> |
353 | import { mapGetters } from "vuex"; | 354 | import { mapGetters } from "vuex"; |
354 | import { getIdCardInfo } from '@/utils/operation.js' | 355 | import { getIdCardInfo } from '@/utils/operation.js' |
355 | import { dataGr, dataQy, sendThis } from "../../javascript/addQlrData"; | 356 | import { dataYh, dataQy, sendThis } from "../../javascript/addQlrData"; |
356 | export default { | 357 | export default { |
357 | props: { | 358 | props: { |
358 | value: { type: Boolean, default: false }, | 359 | value: { type: Boolean, default: false }, |
... | @@ -364,6 +365,7 @@ | ... | @@ -364,6 +365,7 @@ |
364 | }, | 365 | }, |
365 | data () { | 366 | data () { |
366 | return { | 367 | return { |
368 | isShow: false, | ||
367 | activeName: '1', | 369 | activeName: '1', |
368 | loading: false, | 370 | loading: false, |
369 | myValue: this.value, | 371 | myValue: this.value, |
... | @@ -396,10 +398,18 @@ | ... | @@ -396,10 +398,18 @@ |
396 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], | 398 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], |
397 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], | 399 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], |
398 | }, | 400 | }, |
399 | tableDataGr: { | 401 | tableDataYh: { |
400 | total: 0, | 402 | total: 0, |
401 | columns: dataGr.columns(), | 403 | columns: dataYh.columns(), |
402 | data: [], | 404 | data: [ |
405 | { | ||
406 | sqrmc: '李怡然', | ||
407 | zjh: '99999999999', | ||
408 | frmc: '李怡然同学', | ||
409 | txdz: '山东日照', | ||
410 | dh: '18802933269' | ||
411 | } | ||
412 | ], | ||
403 | }, | 413 | }, |
404 | queryForm: { | 414 | queryForm: { |
405 | zjh: "", | 415 | zjh: "", |
... | @@ -418,6 +428,7 @@ | ... | @@ -418,6 +428,7 @@ |
418 | watch: { | 428 | watch: { |
419 | value (val) { | 429 | value (val) { |
420 | this.myValue = _.cloneDeep(val) | 430 | this.myValue = _.cloneDeep(val) |
431 | this.isShow = this.showButton | ||
421 | }, | 432 | }, |
422 | details: { | 433 | details: { |
423 | handler: function (val, oldVal) { | 434 | handler: function (val, oldVal) { |
... | @@ -427,8 +438,17 @@ | ... | @@ -427,8 +438,17 @@ |
427 | } | 438 | } |
428 | }, | 439 | }, |
429 | methods: { | 440 | methods: { |
430 | handleClick (event, tab) { }, | 441 | handleClick (event, tab) { |
431 | handlesGrSelect () { }, | 442 | if (this.activeName != 1) { |
443 | this.isShow = false | ||
444 | } else { | ||
445 | this.isShow = true | ||
446 | } | ||
447 | }, | ||
448 | handlesYhSelect (row) { | ||
449 | this.$emit("updateDetail", _.cloneDeep(row)); | ||
450 | this.$emit("input", false); | ||
451 | }, | ||
432 | handleSearch () { }, | 452 | handleSearch () { }, |
433 | handleCurrentChange (val) { | 453 | handleCurrentChange (val) { |
434 | console.log(val); | 454 | console.log(val); |
... | @@ -494,4 +514,7 @@ | ... | @@ -494,4 +514,7 @@ |
494 | padding-top: 10px; | 514 | padding-top: 10px; |
495 | background-color: #fff; | 515 | background-color: #fff; |
496 | } | 516 | } |
517 | .padding10 { | ||
518 | padding-bottom: 10px; | ||
519 | } | ||
497 | </style> | 520 | </style> | ... | ... |
... | @@ -71,10 +71,10 @@ class data2 extends filter { | ... | @@ -71,10 +71,10 @@ class data2 extends filter { |
71 | } | 71 | } |
72 | 72 | ||
73 | } | 73 | } |
74 | let dataGr = new data1() | 74 | let dataYh = new data1() |
75 | let dataQy = new data2() | 75 | let dataQy = new data2() |
76 | export { | 76 | export { |
77 | dataGr, | 77 | dataYh, |
78 | dataQy, | 78 | dataQy, |
79 | sendThis | 79 | sendThis |
80 | } | 80 | } | ... | ... |
-
Please register or sign in to post a comment