Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
500581d5 by renchao@pashanhoo.com
Options

style:申请人信息

1 parent 19cd364f
Inline Side-by-side
Showing 4 changed files with 128 additions and 84 deletions
...@@ -40,7 +40,6 @@ export default class filter { ...@@ -40,7 +40,6 @@ export default class filter {
40 let status = { 1: '正常申请', 2: '一并申请', 3: '补录申请' } 40 let status = { 1: '正常申请', 2: '一并申请', 3: '补录申请' }
41 return status[val] 41 return status[val]
42 } 42 }
43 // 字典
44 /** 43 /**
45 * @description: 字典 44 * @description: 字典
46 * @param {*} val 45 * @param {*} val
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-01 14:09:02 4 * @LastEditTime: 2023-09-11 15:44:33
5 --> 5 -->
6 <template> 6 <template>
7 <dialogBox 7 <dialogBox
...@@ -16,8 +16,8 @@ ...@@ -16,8 +16,8 @@
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
...@@ -254,105 +254,93 @@ ...@@ -254,105 +254,93 @@
254 </el-row> 254 </el-row>
255 </el-form> 255 </el-form>
256 <div v-if="activeName==2" class="padding10"> 256 <div v-if="activeName==2" class="padding10">
257 <el-form :model="queryForm" label-width="80px"> 257 <el-form :model="queryFormQY" label-width="80px">
258 <el-row> 258 <el-row>
259 <el-col :span="8"> 259 <el-col :span="8">
260 <el-form-item label="证件号"> 260 <el-form-item label="姓名/名称">
261 <el-input placeholder="证件号" maxlength="28" v-model="queryForm.zjh" clearable class="width100"> 261 <el-input placeholder="姓名/名称" v-model="queryFormQY.qymc" clearable class="width100">
262 </el-input> 262 </el-input>
263 </el-form-item> 263 </el-form-item>
264 </el-col> 264 </el-col>
265 <el-col :span="8"> 265 <el-col :span="8">
266 <el-form-item label="姓名/名称"> 266 <el-form-item label="证件号">
267 <el-input placeholder="" v-model.trim="queryForm.sqrmc" clearable class="width100"> 267 <el-input placeholder="证件号" v-model="queryFormQY.zjh" clearable class="width100">
268 </el-input> 268 </el-input>
269 </el-form-item> 269 </el-form-item>
270 </el-col> 270 </el-col>
271 <el-col :span="8" class="btnColRight"> 271 <el-col :span="8" class="btnColRight">
272 <el-form-item> 272 <el-form-item>
273 <el-button type="primary" @click="handleSearch">查询</el-button> 273 <el-button type="primary" @click="handleSearchQY">查询</el-button>
274 </el-form-item> 274 </el-form-item>
275 </el-col> 275 </el-col>
276 </el-row> 276 </el-row>
277 </el-form> 277 </el-form>
278 <el-table :data="tableDataYh.data" border v-Loading="loading" :height="426.8"> 278 <el-table :data="tableDataQy.data" border v-Loading="loading" :height="426.8">
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 label="序号" type="index" width="50" align="center">
280 </el-table-column>
281 <el-table-column label="证件种类">
282 <template slot-scope="scope"> 280 <template slot-scope="scope">
283 <el-select v-model="scope.row.zjh" placeholder="请选择"> 281 {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}}
284 <el-option
285 v-for="item in dictData['A30']"
286 :key="item.dcode"
287 :label="item.dname"
288 :value="item.dcode">
289 </el-option>
290 </el-select>
291 </template> 282 </template>
292 </el-table-column> 283 </el-table-column>
284 <el-table-column v-for="item in tableDataQy.columns" :key="item.index" :width="item.width" :prop="item.prop" :label="item.label" align="center">
285 </el-table-column>
293 <el-table-column label="操作" width="50"> 286 <el-table-column label="操作" width="50">
294 <template slot-scope="scope"> 287 <template slot-scope="scope">
295 <el-button type="text" @click="handlesYhSelect(scope.row)">使用</el-button> 288 <el-button type="text" @click="handlesQYSelect(scope.row)">使用</el-button>
296 </template> 289 </template>
297 </el-table-column> 290 </el-table-column>
298 </el-table> 291 </el-table>
299 <el-pagination background layout="prev, pager, next,total" :total="tableDataYh.total" 292 <el-pagination background layout="prev, pager, next,total" :total="tableDataQy.total"
300 @current-change="handleCurrentChange"></el-pagination> 293 @current-change="handleQYCurrentChange"></el-pagination>
301 294
302 </div> 295 </div>
303 296
304 <div v-if="activeName==3" class="padding10"> 297 <div v-if="activeName==3" class="padding10">
305 <el-form :model="queryForm" label-width="80px"> 298 <el-form :model="queryFormYH" label-width="80px">
306 <el-row> 299 <el-row>
307 <el-col :span="8"> 300 <el-col :span="8">
308 <el-form-item label="证件号"> 301 <el-form-item label="姓名/名称">
309 <el-input placeholder="证件号" maxlength="28" v-model="queryForm.zjh" clearable class="width100"> 302 <el-input placeholder="姓名/名称" v-model="queryFormYH.qymc" clearable class="width100">
310 </el-input> 303 </el-input>
311 </el-form-item> 304 </el-form-item>
312 </el-col> 305 </el-col>
313 <el-col :span="8"> 306 <el-col :span="8">
314 <el-form-item label="姓名/名称"> 307 <el-form-item label="证件号">
315 <el-input placeholder="" v-model.trim="queryForm.sqrmc" clearable class="width100"> 308 <el-input placeholder="证件号" v-model="queryFormYH.zjh" clearable class="width100">
316 </el-input> 309 </el-input>
317 </el-form-item> 310 </el-form-item>
318 </el-col> 311 </el-col>
319 <el-col :span="8" class="btnColRight"> 312 <el-col :span="8" class="btnColRight">
320 <el-form-item> 313 <el-form-item>
321 <el-button type="primary" @click="handleSearch">查询</el-button> 314 <el-button type="primary" @click="handleSearchYH">查询</el-button>
322 </el-form-item> 315 </el-form-item>
323 </el-col> 316 </el-col>
324 </el-row> 317 </el-row>
325 </el-form> 318 </el-form>
326 <el-table :data="tableDataQy.data" border v-Loading="loading" :height="426.8"> 319 <el-table :data="tableDataYh.data" border v-Loading="loading" :height="426.8">
327 <el-table-column v-for="item in tableDataQy.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center"> 320 <el-table-column label="序号" type="index" width="50" align="center">
328 </el-table-column>
329 <el-table-column label="证件种类">
330 <template slot-scope="scope"> 321 <template slot-scope="scope">
331 <el-select v-model="scope.row.zjh" placeholder="请选择"> 322 {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}}
332 <el-option
333 v-for="item in dictData['A30']"
334 :key="item.dcode"
335 :label="item.dname"
336 :value="item.dcode">
337 </el-option>
338 </el-select>
339 </template> 323 </template>
340 </el-table-column> 324 </el-table-column>
325 <el-table-column v-for="item in tableDataYh.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center">
326 </el-table-column>
341 <el-table-column label="操作" width="50"> 327 <el-table-column label="操作" width="50">
342 <template slot-scope="scope"> 328 <template slot-scope="scope">
343 <el-button type="text" @click="handlesYhSelect(scope.row)">使用</el-button> 329 <el-button type="text" @click="handlesYHSelect(scope.row)">使用</el-button>
344 </template> 330 </template>
345 </el-table-column> 331 </el-table-column>
346 </el-table> 332 </el-table>
347 <el-pagination background layout="prev, pager, next,total" :total="tableDataQy.total" 333 <el-pagination background layout="prev, pager, next,total" :total="tableDataYh.total"
348 @current-change="handleCurrentChange"></el-pagination> 334 @current-change="handleYHCurrentChange"></el-pagination>
349 </div> 335 </div>
350 336
351 </dialogBox> 337 </dialogBox>
352 </template> 338 </template>
353 <script> 339 <script>
354 import { mapGetters } from "vuex"; 340 import { mapGetters } from "vuex";
341 import store from '@/store/index.js'
355 import { getIdCardInfo } from '@/utils/operation.js' 342 import { getIdCardInfo } from '@/utils/operation.js'
343 import { queryQyByPage, queryYhByPage } from "@/api/xxba.js";
356 import { dataYh, dataQy, sendThis } from "../../javascript/addQlrData"; 344 import { dataYh, dataQy, sendThis } from "../../javascript/addQlrData";
357 export default { 345 export default {
358 props: { 346 props: {
...@@ -398,28 +386,32 @@ ...@@ -398,28 +386,32 @@
398 zjzl: [{ required: true, message: "证件种类", trigger: "change" }], 386 zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
399 zjh: [{ required: true, message: "证件号", trigger: "blur" }], 387 zjh: [{ required: true, message: "证件号", trigger: "blur" }],
400 }, 388 },
401 tableDataYh: { 389
402 total: 0, 390 pageData: {
403 columns: dataYh.columns(), 391 currentPage: 1,
404 data: [ 392 pageSize: 8
405 {
406 sqrmc: '李怡然',
407 zjh: '99999999999',
408 frmc: '李怡然同学',
409 txdz: '山东日照',
410 dh: '18802933269'
411 }
412 ],
413 }, 393 },
414 queryForm: { 394 // 企业
415 zjh: "", 395 queryFormQY: {
416 sqrmc: "" 396 qymc: "",
397 zjh: ""
417 }, 398 },
418 tableDataQy: { 399 tableDataQy: {
419 total: 0, 400 total: 0,
420 columns: dataQy.columns(), 401 columns: dataQy.columns(),
421 data: [], 402 data: [],
422 }, 403 },
404 // 银行
405 queryFormYH: {
406 qymc: "",
407 zjh: ""
408 },
409 tableDataYh: {
410 total: 0,
411 columns: dataYh.columns(),
412 data: [
413 ],
414 },
423 } 415 }
424 }, 416 },
425 mounted () { 417 mounted () {
...@@ -450,28 +442,75 @@ ...@@ -450,28 +442,75 @@
450 } else { 442 } else {
451 this.isShow = true 443 this.isShow = true
452 } 444 }
445 this.pageData.currentPage = 1
446 if (this.activeName == 2) {
447 this.handleSearchQY()
448 } else {
449 this.handleSearchYH()
450 }
453 }, 451 },
454 /** 452 /**
455 * @description: 身份证打卡器 453 * @description:企业查询
456 * @param {*} row
457 * @author: renchao 454 * @author: renchao
458 */ 455 */
459 handlesYhSelect (row) { 456 dicStatus (val, code) {
460 this.$emit("updateDetail", _.cloneDeep(row)); 457 let data = store.getters.dictData[code],
458 name = '暂无'
459 if (data) {
460 data.map((item) => {
461 if (item.dcode == val) {
462 name = item.dname
463 }
464 })
465 return name
466 }
467 },
468 handleSearchQY () {
469 let data = { ...this.queryFormQY, ...this.pageData }
470 this.tableDataQy.data = []
471 queryQyByPage(data).then((res) => {
472 if (res.code === 200) {
473 let { total, records } = res.result;
474 this.tableDataQy.total = total;
475 this.tableDataQy.data = records;
476 this.tableDataQy.data.forEach(item => {
477 item.zjzlMc = this.dicStatus(item.zjzl, 'A30')
478 item.sqrmc = item.qymc
479 })
480 }
481 })
482 },
483 handleQYCurrentChange (val) {
484 this.pageData.currentPage = val
485 this.handleSearchQY()
486 },
487 handlesQYSelect (val) {
488 this.$emit("updateDetail", _.cloneDeep(val));
461 this.$emit("input", false); 489 this.$emit("input", false);
462 }, 490 },
463 /** 491 // 银行
464 * @description: handleSearch 492 handleSearchYH () {
465 * @author: renchao 493 let data = { ...this.queryFormYH, ...this.pageData }
466 */ 494 this.tableDataYh.data = []
467 handleSearch () { }, 495 queryYhByPage(data).then((res) => {
468 /** 496 if (res.code === 200) {
469 * @description: handleCurrentChange 497 let { total, records } = res.result;
470 * @param {*} val 498 this.tableDataYh.total = total;
471 * @author: renchao 499 this.tableDataYh.data = records;
472 */ 500 this.tableDataYh.data.forEach(item => {
473 handleCurrentChange (val) { 501 item.zjzlMc = this.dicStatus(item.zjzl, 'A30')
474 console.log(val); 502 item.sqrmc = item.qymc
503 })
504 }
505 })
506 },
507 handleYHCurrentChange (val) {
508 this.pageData.currentPage = val
509 this.handleSearchQY()
510 },
511 handlesYHSelect (val) {
512 this.$emit("updateDetail", _.cloneDeep(val));
513 this.$emit("input", false);
475 }, 514 },
476 /** 515 /**
477 * @description: 身份证打卡器 516 * @description: 身份证打卡器
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-01 10:53:12 4 * @LastEditTime: 2023-09-11 15:32:32
5 */ 5 */
6 import filter from '@/utils/filter.js' 6 import filter from '@/utils/filter.js'
7 let vm = null 7 let vm = null
...@@ -19,7 +19,10 @@ class data1 extends filter { ...@@ -19,7 +19,10 @@ class data1 extends filter {
19 prop: "sqrmc", 19 prop: "sqrmc",
20 label: "姓名/名称", 20 label: "姓名/名称",
21 }, 21 },
22 22 {
23 prop: "zjzlMc",
24 label: "证件种类"
25 },
23 { 26 {
24 prop: "zjh", 27 prop: "zjh",
25 label: "证件号", 28 label: "证件号",
...@@ -29,7 +32,7 @@ class data1 extends filter { ...@@ -29,7 +32,7 @@ class data1 extends filter {
29 label: "法人名称", 32 label: "法人名称",
30 }, 33 },
31 { 34 {
32 prop: "txdz", 35 prop: "dwdz",
33 label: "地址", 36 label: "地址",
34 }, 37 },
35 { 38 {
...@@ -43,8 +46,8 @@ class data1 extends filter { ...@@ -43,8 +46,8 @@ class data1 extends filter {
43 class data2 extends filter { 46 class data2 extends filter {
44 constructor() { 47 constructor() {
45 super() 48 super()
46 }
47 49
50 }
48 columns () { 51 columns () {
49 return [ 52 return [
50 { 53 {
...@@ -52,6 +55,10 @@ class data2 extends filter { ...@@ -52,6 +55,10 @@ class data2 extends filter {
52 label: "姓名/名称", 55 label: "姓名/名称",
53 }, 56 },
54 { 57 {
58 prop: "zjzlMc",
59 label: "证件种类",
60 },
61 {
55 prop: "zjh", 62 prop: "zjh",
56 label: "证件号", 63 label: "证件号",
57 }, 64 },
...@@ -60,7 +67,7 @@ class data2 extends filter { ...@@ -60,7 +67,7 @@ class data2 extends filter {
60 label: "法人名称", 67 label: "法人名称",
61 }, 68 },
62 { 69 {
63 prop: "txdz", 70 prop: "dwdz",
64 label: "地址", 71 label: "地址",
65 }, 72 },
66 { 73 {
......
...@@ -148,7 +148,6 @@ ...@@ -148,7 +148,6 @@
148 } 148 }
149 ], 149 ],
150 rules: { 150 rules: {
151
152 qymc: [ 151 qymc: [
153 { required: true, message: '企业名称不能为空', trigger: 'blur' } 152 { required: true, message: '企业名称不能为空', trigger: 'blur' }
154 ], 153 ],
...@@ -169,7 +168,7 @@ ...@@ -169,7 +168,7 @@
169 ], 168 ],
170 dwdz: [ 169 dwdz: [
171 { required: true, message: '请输入单位地址', trigger: 'blur' } 170 { required: true, message: '请输入单位地址', trigger: 'blur' }
172 ], 171 ]
173 } 172 }
174 } 173 }
175 }, 174 },
......