Merge branch 'dev'
Showing
57 changed files
with
5078 additions
and
625 deletions
... | @@ -131,7 +131,12 @@ export function bdcqzPreview (data) { | ... | @@ -131,7 +131,12 @@ export function bdcqzPreview (data) { |
131 | responseType: 'blob' | 131 | responseType: 'blob' |
132 | }) | 132 | }) |
133 | } | 133 | } |
134 | // 获取不动产权证详细信息 | 134 | |
135 | /** | ||
136 | * @description: 获取不动产权证详细信息 | ||
137 | * @param {*} bsmBdcqz | ||
138 | * @author: renchao | ||
139 | */ | ||
135 | export function getBdcqzDetail (bsmBdcqz) { | 140 | export function getBdcqzDetail (bsmBdcqz) { |
136 | return request({ | 141 | return request({ |
137 | url: SERVER.SERVERAPI + '/rest/ywbl/bdcqz/getBdcqzDetail', | 142 | url: SERVER.SERVERAPI + '/rest/ywbl/bdcqz/getBdcqzDetail', |
... | @@ -140,4 +145,4 @@ export function getBdcqzDetail (bsmBdcqz) { | ... | @@ -140,4 +145,4 @@ export function getBdcqzDetail (bsmBdcqz) { |
140 | bsmBdcqz: bsmBdcqz | 145 | bsmBdcqz: bsmBdcqz |
141 | } | 146 | } |
142 | }) | 147 | }) |
143 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
148 | } | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: 材料信息 | 2 | * @Description: 材料信息 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-01 15:20:21 | 4 | * @LastEditTime: 2023-09-08 13:41:46 |
5 | */ | 5 | */ |
6 | import request from '@/utils/request' | 6 | import request from '@/utils/request' |
7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
... | @@ -126,3 +126,18 @@ export function uploadUndo (data) { | ... | @@ -126,3 +126,18 @@ export function uploadUndo (data) { |
126 | data | 126 | data |
127 | }) | 127 | }) |
128 | } | 128 | } |
129 | |||
130 | /** | ||
131 | * @description: 获取材料明细集合 | ||
132 | * @param {*} bsmSj | ||
133 | * @author: renchao | ||
134 | */ | ||
135 | export function getClmxList (bsmSj) { | ||
136 | return request({ | ||
137 | url: SERVER.SERVERAPI + '/rest/ywbl/clxx/getClmxList', | ||
138 | method: 'get', | ||
139 | params: { | ||
140 | sjBsm: bsmSj | ||
141 | } | ||
142 | }) | ||
143 | } | ... | ... |
src/api/company.js
0 → 100644
1 | /* | ||
2 | * @Description: 企业银行接口 | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-09-08 09:18:45 | ||
5 | */ | ||
6 | import request from '@/utils/request' | ||
7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | ||
8 | |||
9 | |||
10 | /** | ||
11 | * @description: 获取材料目录 | ||
12 | * @author: renchao | ||
13 | */ | ||
14 | |||
15 | export function getCompanyMaterialList (bsmCompany) { | ||
16 | return request({ | ||
17 | url: SERVER.SERVERAPI + '/rest/sys/company/getCompanyMaterialList', | ||
18 | method: 'get', | ||
19 | params: { | ||
20 | bsmCompany: bsmCompany | ||
21 | } | ||
22 | }) | ||
23 | } | ||
24 | /** | ||
25 | * @description: 添加材料目录 | ||
26 | * @param {*} bsmCompany | ||
27 | * @author: renchao | ||
28 | */ | ||
29 | export function addCompanyMaterial (data) { | ||
30 | return request({ | ||
31 | url: SERVER.SERVERAPI + '/rest/sys/company/addCompanyMaterial', | ||
32 | method: 'post', | ||
33 | data | ||
34 | }) | ||
35 | } | ||
36 | |||
37 | /** | ||
38 | * @description: 获取文件材料列表 | ||
39 | * @param {*} bsmCompany | ||
40 | * @author: renchao | ||
41 | */ | ||
42 | export function getFileListByBsmMaterial (bsmMaterial) { | ||
43 | return request({ | ||
44 | url: SERVER.SERVERAPI + '/rest/sys/company/getFileListByBsmMaterial', | ||
45 | method: 'get', | ||
46 | params: { | ||
47 | bsmMaterial: bsmMaterial | ||
48 | } | ||
49 | }) | ||
50 | } | ||
51 | |||
52 | /** | ||
53 | * @description: 批量上传材料目录 | ||
54 | * @param {*} bsmCompany | ||
55 | * @author: renchao | ||
56 | */ | ||
57 | export function uploadBatch (data) { | ||
58 | return request({ | ||
59 | url: SERVER.SERVERAPI + '/rest/sys/company/uploadBatch', | ||
60 | method: 'post', | ||
61 | headers: { | ||
62 | 'Content-Type': 'multipart/form-data' | ||
63 | }, | ||
64 | data | ||
65 | }) | ||
66 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/api/v1.js
0 → 100644
1 | /* | ||
2 | * @Description: 互联共享数据 | ||
3 | * @Autor: | ||
4 | * @LastEditTime: 2023-09-06 09:47:59 | ||
5 | */ | ||
6 | |||
7 | import request from "@/utils/request"; | ||
8 | let SERVER = window.config | ||
9 | ? window.config | ||
10 | : JSON.parse(localStorage.getItem("ApiUrl")); | ||
11 | |||
12 | /** | ||
13 | * @description: 身份核查 | ||
14 | * @param {*} data | ||
15 | * @author: | ||
16 | */ | ||
17 | export function sfhc(data) { | ||
18 | return request({ | ||
19 | url: SERVER.SERVERAPI + "/v1/gab/sfhc", | ||
20 | method: "post", | ||
21 | data, | ||
22 | }); | ||
23 | } | ||
24 | /** | ||
25 | * @description: 婚姻 | ||
26 | * @param {*} data | ||
27 | * @author: | ||
28 | */ | ||
29 | export function hy(data) { | ||
30 | return request({ | ||
31 | url: SERVER.SERVERAPI + "/v1/mzb/hy", | ||
32 | method: "post", | ||
33 | data, | ||
34 | }); | ||
35 | } | ||
36 | /** | ||
37 | * @description: 金融许可证 | ||
38 | * @param {*} data | ||
39 | * @author: | ||
40 | */ | ||
41 | export function jrxkz(data) { | ||
42 | return request({ | ||
43 | url: SERVER.SERVERAPI + "/v1/ybj/jrxkz", | ||
44 | method: "post", | ||
45 | data, | ||
46 | }); | ||
47 | } | ||
48 | /** | ||
49 | * @description: 企业基本信息查询 | ||
50 | * @param {*} data | ||
51 | * @author: | ||
52 | */ | ||
53 | export function qyjbxx(data) { | ||
54 | return request({ | ||
55 | url: SERVER.SERVERAPI + "/v1/scjg/qyjbxx", | ||
56 | method: "post", | ||
57 | data, | ||
58 | }); | ||
59 | } | ||
60 | /** | ||
61 | * @description: 企业基本信息验证 | ||
62 | * @param {*} data | ||
63 | * @author: | ||
64 | */ | ||
65 | export function qyjbxxyz(data) { | ||
66 | return request({ | ||
67 | url: SERVER.SERVERAPI + "/v1/scjg/qyjbxxyz", | ||
68 | method: "post", | ||
69 | data, | ||
70 | }); | ||
71 | } | ||
72 | /** | ||
73 | * @description: 地域信息查询 | ||
74 | * @param {*} data | ||
75 | * @author: | ||
76 | */ | ||
77 | export function dm(data) { | ||
78 | return request({ | ||
79 | url: SERVER.SERVERAPI + "/v1/mzb/dm", | ||
80 | method: "post", | ||
81 | data, | ||
82 | }); | ||
83 | } | ||
84 | /** | ||
85 | * @description: 个体工商户基本信息查询 | ||
86 | * @param {*} data | ||
87 | * @author: | ||
88 | */ | ||
89 | export function gtgshjbxx(data) { | ||
90 | return request({ | ||
91 | url: SERVER.SERVERAPI + "/v1/sczj/gtgshjbxx", | ||
92 | method: "post", | ||
93 | data, | ||
94 | }); | ||
95 | } | ||
96 | /** | ||
97 | * @description: 个体工商户基本信息验证 | ||
98 | * @param {*} data | ||
99 | * @author: | ||
100 | */ | ||
101 | export function gtgshjbxxyz(data) { | ||
102 | return request({ | ||
103 | url: SERVER.SERVERAPI + "/v1/sczj/gtgshjbxxyz", | ||
104 | method: "post", | ||
105 | data, | ||
106 | }); | ||
107 | } | ||
108 | /** | ||
109 | * @description: 中编办机构信息查询 | ||
110 | * @param {*} data | ||
111 | * @author: | ||
112 | */ | ||
113 | export function xydm(data) { | ||
114 | return request({ | ||
115 | url: SERVER.SERVERAPI + "/v1/zbb/xydm", | ||
116 | method: "post", | ||
117 | data, | ||
118 | }); | ||
119 | } | ||
120 | /** | ||
121 | * @description: 机构信息查询 | ||
122 | * @param {*} data | ||
123 | * @author: | ||
124 | */ | ||
125 | export function jgxxcx(data) { | ||
126 | return request({ | ||
127 | url: SERVER.SERVERAPI + "/v1/mzb/xydm", | ||
128 | method: "post", | ||
129 | data, | ||
130 | }); | ||
131 | } | ||
132 | /** | ||
133 | * @description: 不动产登记信息查询 | ||
134 | * @param {*} data | ||
135 | * @author: | ||
136 | */ | ||
137 | export function bdcdj(data) { | ||
138 | return request({ | ||
139 | url: SERVER.SERVERAPI + "/v1/mzt/bdcdj", | ||
140 | method: "post", | ||
141 | data, | ||
142 | }); | ||
143 | } | ||
144 | /** | ||
145 | * @description: 电子营业执照 | ||
146 | * @param {*} data | ||
147 | * @author: | ||
148 | */ | ||
149 | export function dzyyzz(data) { | ||
150 | return request({ | ||
151 | url: SERVER.SERVERAPI + "/v1/sczj/dzyyzz", | ||
152 | method: "post", | ||
153 | data, | ||
154 | }); | ||
155 | } | ||
156 | /** | ||
157 | * @description: 公证书信息查询 | ||
158 | * @param {*} data | ||
159 | * @author: | ||
160 | */ | ||
161 | export function gzsxx(data) { | ||
162 | return request({ | ||
163 | url: SERVER.SERVERAPI + "/v1/sft/gzsxx", | ||
164 | method: "post", | ||
165 | data, | ||
166 | }); | ||
167 | } | ||
168 | /** | ||
169 | * @description: 判决文书 | ||
170 | * @param {*} data | ||
171 | * @author: | ||
172 | */ | ||
173 | export function pjws(data) { | ||
174 | return request({ | ||
175 | url: SERVER.SERVERAPI + "/v1/zgf/pjws", | ||
176 | method: "post", | ||
177 | data, | ||
178 | }); | ||
179 | } | ||
180 | /** | ||
181 | * @description: 判决文书二次查询 | ||
182 | * @param {*} data | ||
183 | * @author: | ||
184 | */ | ||
185 | export function pjwsDetail(data) { | ||
186 | return request({ | ||
187 | url: SERVER.SERVERAPI + "/v1/zgf/pjwsDetail", | ||
188 | method: "post", | ||
189 | data, | ||
190 | }); | ||
191 | } | ||
192 |
1 | /* | 1 | /* |
2 | * @Description: 信息备案 | 2 | * @Description: 信息备案 |
3 | * @Autor: | 3 | * @Autor: |
4 | * @LastEditTime: 2023-07-19 14:52:03 | 4 | * @LastEditTime: 2023-09-08 09:27:58 |
5 | */ | 5 | */ |
6 | 6 | ||
7 | import request from '@/utils/request' | 7 | import request from '@/utils/request' |
... | @@ -58,3 +58,17 @@ export function queryYhByPage (data) { | ... | @@ -58,3 +58,17 @@ export function queryYhByPage (data) { |
58 | }) | 58 | }) |
59 | } | 59 | } |
60 | 60 | ||
61 | /** | ||
62 | * @description: 删除列表 | ||
63 | * @param {*} companyBsm | ||
64 | * @author: renchao | ||
65 | */ | ||
66 | export function remove (companyBsm) { | ||
67 | return request({ | ||
68 | url: SERVER.SERVERAPI + '/rest/sys/company/remove', | ||
69 | method: 'get', | ||
70 | params: { | ||
71 | companyBsm: companyBsm | ||
72 | } | ||
73 | }) | ||
74 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-03 14:50:08 | 4 | * @LastEditTime: 2023-09-07 16:28:14 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <transition name="msgbox-fade"> | 7 | <transition name="msgbox-fade"> |
... | @@ -167,6 +167,7 @@ | ... | @@ -167,6 +167,7 @@ |
167 | min-height: 30%; | 167 | min-height: 30%; |
168 | max-height: 90vh; | 168 | max-height: 90vh; |
169 | overflow-y: scroll; | 169 | overflow-y: scroll; |
170 | box-sizing: border-box; | ||
170 | } | 171 | } |
171 | 172 | ||
172 | .ls-mask-footer { | 173 | .ls-mask-footer { | ... | ... |
src/image/zm-bg.png
0 → 100644

6.44 KB
src/image/zm-gray.png
0 → 100644

6.92 KB
src/image/zs-gray.png
0 → 100644

3.72 KB
src/image/zs-red.png
0 → 100644

4.72 KB
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-18 13:53:23 | 4 | * @LastEditTime: 2023-09-07 16:09:13 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="rlPopup"> | 7 | <div class="rlPopup"> |
... | @@ -28,6 +28,9 @@ | ... | @@ -28,6 +28,9 @@ |
28 | accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg"> | 28 | accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg"> |
29 | <el-button icon="el-icon-upload" type="primary" v-if="ableOperation">上传</el-button> | 29 | <el-button icon="el-icon-upload" type="primary" v-if="ableOperation">上传</el-button> |
30 | </el-upload> | 30 | </el-upload> |
31 | <!-- 左移右移 --> | ||
32 | <el-button type="primary" @click="handleMove('left')" v-if="ableOperation">左移</el-button> | ||
33 | <el-button type="primary" @click="handleMove('right')" v-if="ableOperation">右移</el-button> | ||
31 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" | 34 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" |
32 | v-if="thumbnailImages.length>0 && ableOperation">删除</el-button> | 35 | v-if="thumbnailImages.length>0 && ableOperation">删除</el-button> |
33 | <div v-if="ableOperation" class="pl-5"> | 36 | <div v-if="ableOperation" class="pl-5"> |
... | @@ -133,6 +136,10 @@ | ... | @@ -133,6 +136,10 @@ |
133 | this.scanTitle = '打开高拍仪' | 136 | this.scanTitle = '打开高拍仪' |
134 | } | 137 | } |
135 | }, | 138 | }, |
139 | // 左右移动 | ||
140 | handleMove(direction) { | ||
141 | |||
142 | }, | ||
136 | /** | 143 | /** |
137 | * @description: 拍照 | 144 | * @description: 拍照 |
138 | * @author: renchao | 145 | * @author: renchao | ... | ... |
... | @@ -477,6 +477,11 @@ | ... | @@ -477,6 +477,11 @@ |
477 | this.ssQlxxchangediolog(val); | 477 | this.ssQlxxchangediolog(val); |
478 | }, | 478 | }, |
479 | // 弹框事件 | 479 | // 弹框事件 |
480 | /** | ||
481 | * @description: 弹框事件 | ||
482 | * @param {*} val | ||
483 | * @author: renchao | ||
484 | */ | ||
480 | ssQlxxchangediolog (val) { | 485 | ssQlxxchangediolog (val) { |
481 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | 486 | this.$confirm("是否将上手权利信息同步到表单", "提示", { |
482 | iconClass: "el-icon-question", //自定义图标样式 | 487 | iconClass: "el-icon-question", //自定义图标样式 | ... | ... |
... | @@ -494,6 +494,11 @@ | ... | @@ -494,6 +494,11 @@ |
494 | this.ssQlxxchangediolog(val); | 494 | this.ssQlxxchangediolog(val); |
495 | }, | 495 | }, |
496 | // 弹框事件 | 496 | // 弹框事件 |
497 | /** | ||
498 | * @description: 弹框事件 | ||
499 | * @param {*} val | ||
500 | * @author: renchao | ||
501 | */ | ||
497 | ssQlxxchangediolog (val) { | 502 | ssQlxxchangediolog (val) { |
498 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | 503 | this.$confirm("是否将上手权利信息同步到表单", "提示", { |
499 | iconClass: "el-icon-question", //自定义图标样式 | 504 | iconClass: "el-icon-question", //自定义图标样式 | ... | ... |
... | @@ -397,6 +397,11 @@ | ... | @@ -397,6 +397,11 @@ |
397 | this.ssQlxxchangediolog(val); | 397 | this.ssQlxxchangediolog(val); |
398 | }, | 398 | }, |
399 | // 弹框事件 | 399 | // 弹框事件 |
400 | /** | ||
401 | * @description: 弹框事件 | ||
402 | * @param {*} val | ||
403 | * @author: renchao | ||
404 | */ | ||
400 | ssQlxxchangediolog (val) { | 405 | ssQlxxchangediolog (val) { |
401 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | 406 | this.$confirm("是否将上手权利信息同步到表单", "提示", { |
402 | iconClass: "el-icon-question", //自定义图标样式 | 407 | iconClass: "el-icon-question", //自定义图标样式 | ... | ... |
... | @@ -512,6 +512,11 @@ export default { | ... | @@ -512,6 +512,11 @@ export default { |
512 | this.ssQlxxchangediolog(val); | 512 | this.ssQlxxchangediolog(val); |
513 | }, | 513 | }, |
514 | // 弹框事件 | 514 | // 弹框事件 |
515 | /** | ||
516 | * @description: 弹框事件 | ||
517 | * @param {*} val | ||
518 | * @author: renchao | ||
519 | */ | ||
515 | ssQlxxchangediolog(val) { | 520 | ssQlxxchangediolog(val) { |
516 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | 521 | this.$confirm("是否将上手权利信息同步到表单", "提示", { |
517 | iconClass: "el-icon-question", //自定义图标样式 | 522 | iconClass: "el-icon-question", //自定义图标样式 | ... | ... |
... | @@ -506,6 +506,11 @@ | ... | @@ -506,6 +506,11 @@ |
506 | this.ssQlxxchangediolog(val); | 506 | this.ssQlxxchangediolog(val); |
507 | }, | 507 | }, |
508 | // 弹框事件 | 508 | // 弹框事件 |
509 | /** | ||
510 | * @description: 弹框事件 | ||
511 | * @param {*} val | ||
512 | * @author: renchao | ||
513 | */ | ||
509 | ssQlxxchangediolog (val) { | 514 | ssQlxxchangediolog (val) { |
510 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | 515 | this.$confirm("是否将上手权利信息同步到表单", "提示", { |
511 | iconClass: "el-icon-question", //自定义图标样式 | 516 | iconClass: "el-icon-question", //自定义图标样式 | ... | ... |
... | @@ -43,14 +43,27 @@ export default { | ... | @@ -43,14 +43,27 @@ export default { |
43 | }, | 43 | }, |
44 | 44 | ||
45 | methods: { | 45 | methods: { |
46 | /** | ||
47 | * @description: closeDialog | ||
48 | * @author: renchao | ||
49 | */ | ||
46 | closeDialog() { | 50 | closeDialog() { |
47 | this.dialogVisible = false; | 51 | this.dialogVisible = false; |
48 | }, | 52 | }, |
49 | 53 | ||
54 | /** | ||
55 | * @description: clicksss | ||
56 | * @param {*} el | ||
57 | * @author: renchao | ||
58 | */ | ||
50 | clicksss(el){ | 59 | clicksss(el){ |
51 | console.log("elllllllllllllllllllll",el); | 60 | console.log("elllllllllllllllllllll",el); |
52 | this.qllx=el | 61 | this.qllx=el |
53 | }, | 62 | }, |
63 | /** | ||
64 | * @description: handleSubmit | ||
65 | * @author: renchao | ||
66 | */ | ||
54 | handleSubmit() { | 67 | handleSubmit() { |
55 | 68 | ||
56 | if(this.qllx){ | 69 | if(this.qllx){ | ... | ... |
1 | <!-- | ||
2 | * @Author: yangwei | ||
3 | * @Date: 2023-09-06 09:00:34 | ||
4 | * @LastEditors: yangwei | ||
5 | * @LastEditTime: 2023-09-07 10:17:08 | ||
6 | * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\bdcdjxxcx.vue | ||
7 | * @Description: | ||
8 | * | ||
9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. | ||
10 | --> | ||
11 | <template> | ||
12 | <div class="check-result"> | ||
13 | <div class="from-clues"> | ||
14 | <div class="from-clues-header"> | ||
15 | <el-form | ||
16 | :model="queryForm" | ||
17 | ref="queryForm" | ||
18 | @submit.native.prevent | ||
19 | label-width="110px" | ||
20 | > | ||
21 | <el-row> | ||
22 | <el-col :span="7"> | ||
23 | <el-form-item label="业务号"> | ||
24 | <el-input | ||
25 | placeholder="业务号" | ||
26 | v-model="queryForm.businessNumber" | ||
27 | clearable | ||
28 | class="width100" | ||
29 | > | ||
30 | </el-input> | ||
31 | </el-form-item> | ||
32 | </el-col> | ||
33 | <el-col :span="7"> | ||
34 | <el-form-item label="名称"> | ||
35 | <el-input | ||
36 | placeholder="名称" | ||
37 | v-model="queryForm.certCode" | ||
38 | clearable | ||
39 | class="width100" | ||
40 | > | ||
41 | </el-input> | ||
42 | </el-form-item> | ||
43 | </el-col> | ||
44 | <el-col :span="7"> | ||
45 | <el-form-item label="证件类型编码"> | ||
46 | <el-input | ||
47 | placeholder="证件类型编码" | ||
48 | v-model="queryForm.certCode" | ||
49 | clearable | ||
50 | class="width100" | ||
51 | > | ||
52 | </el-input> | ||
53 | </el-form-item> | ||
54 | </el-col> | ||
55 | <el-col :span="3" class="btnColRight"> | ||
56 | <el-button | ||
57 | type="primary" | ||
58 | native-type="submit" | ||
59 | @click="handleSearch" | ||
60 | >查询</el-button | ||
61 | > | ||
62 | </el-col> </el-row | ||
63 | ><el-row> | ||
64 | <el-col :span="7"> | ||
65 | <el-form-item label="证件号码"> | ||
66 | <el-input | ||
67 | placeholder="证件号码" | ||
68 | v-model="queryForm.businessNumber" | ||
69 | clearable | ||
70 | class="width100" | ||
71 | > | ||
72 | </el-input> | ||
73 | </el-form-item> | ||
74 | </el-col> | ||
75 | <el-col :span="8"> | ||
76 | <el-form-item class="wide" label="行政区划地市代码"> | ||
77 | <el-input | ||
78 | placeholder="行政区划地市代码" | ||
79 | v-model="queryForm.certCode" | ||
80 | clearable | ||
81 | class="width100" | ||
82 | > | ||
83 | </el-input> | ||
84 | </el-form-item> | ||
85 | </el-col> | ||
86 | <el-col :span="9"> | ||
87 | <el-form-item class="wide" label="行政区划地县代码"> | ||
88 | <el-input | ||
89 | placeholder="行政区划地县代码" | ||
90 | v-model="queryForm.certCode" | ||
91 | clearable | ||
92 | class="width100" | ||
93 | > | ||
94 | </el-input> | ||
95 | </el-form-item> | ||
96 | </el-col> | ||
97 | </el-row> | ||
98 | </el-form> | ||
99 | </div> | ||
100 | <div class="from-clues-content"> | ||
101 | <el-table | ||
102 | :data="checkResult" | ||
103 | border | ||
104 | style="width: 100%" | ||
105 | :header-cell-style="{ 'text-align': 'center' }" | ||
106 | :cell-style="{ 'text-align': 'center' }" | ||
107 | > | ||
108 | <el-table-column prop="tdfwzl" label="土地房屋坐落" width="150"> | ||
109 | </el-table-column> | ||
110 | <el-table-column prop="fwlx" label="房屋类型" width="150"> | ||
111 | </el-table-column> | ||
112 | <el-table-column prop="jd" label="街道" width="150"> | ||
113 | </el-table-column> | ||
114 | <el-table-column prop="mph" label="门牌号" width="120"> | ||
115 | </el-table-column> | ||
116 | <el-table-column prop="fh" label="附号" width="160"> | ||
117 | </el-table-column> | ||
118 | <el-table-column prop="dh" label="栋号" width="120"> | ||
119 | </el-table-column> | ||
120 | <el-table-column prop="dyh" label="单元号" width="120"> | ||
121 | </el-table-column> | ||
122 | <el-table-column prop="lc" label="楼层" width="80"> | ||
123 | </el-table-column> | ||
124 | <el-table-column prop="fwbh" label="房屋编号" width="120"> | ||
125 | </el-table-column> | ||
126 | <el-table-column prop="mj" label="面积" width="120"> | ||
127 | </el-table-column> | ||
128 | </el-table> | ||
129 | </div> | ||
130 | </div> | ||
131 | </div> | ||
132 | </template> | ||
133 | |||
134 | <script> | ||
135 | import { bdcdj } from "@/api/v1.js"; | ||
136 | export default { | ||
137 | name: "BdcdjWebSfhc", | ||
138 | data() { | ||
139 | return { | ||
140 | queryForm: {}, | ||
141 | checkResult: [], | ||
142 | }; | ||
143 | }, | ||
144 | mounted() {}, | ||
145 | methods: { | ||
146 | handleSearch() { | ||
147 | bdcdj(this.queryForm).then((res) => { | ||
148 | if (res.status == "OK") { | ||
149 | this.checkResult = res.body; | ||
150 | } | ||
151 | }); | ||
152 | }, | ||
153 | }, | ||
154 | }; | ||
155 | </script> | ||
156 | |||
157 | <style lang="scss" scoped> | ||
158 | .wide { | ||
159 | /deep/ label { | ||
160 | width: 140px !important; | ||
161 | } | ||
162 | } | ||
163 | </style> |
1 | <!-- | ||
2 | * @Author: yangwei | ||
3 | * @Date: 2023-09-06 09:00:34 | ||
4 | * @LastEditors: yangwei | ||
5 | * @LastEditTime: 2023-09-06 17:09:26 | ||
6 | * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\dyxxcx.vue | ||
7 | * @Description: | ||
8 | * | ||
9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. | ||
10 | --> | ||
11 | <template> | ||
12 | <div class="check-result"> | ||
13 | <div class="from-clues"> | ||
14 | <div class="from-clues-header"> | ||
15 | <el-form | ||
16 | :model="queryForm" | ||
17 | ref="queryForm" | ||
18 | @submit.native.prevent | ||
19 | label-width="90px" | ||
20 | > | ||
21 | <el-row> | ||
22 | <el-col :span="7"> | ||
23 | <el-form-item label="业务号"> | ||
24 | <el-input | ||
25 | placeholder="业务号" | ||
26 | v-model="queryForm.businessNumber" | ||
27 | clearable | ||
28 | class="width100" | ||
29 | > | ||
30 | </el-input> | ||
31 | </el-form-item> | ||
32 | </el-col> | ||
33 | <el-col :span="7"> | ||
34 | <el-form-item label="6位区划代码"> | ||
35 | <el-input | ||
36 | placeholder="6位区划代码" | ||
37 | v-model="queryForm.placeCode" | ||
38 | clearable | ||
39 | class="width100" | ||
40 | > | ||
41 | </el-input> | ||
42 | </el-form-item> | ||
43 | </el-col> | ||
44 | <el-col :span="7"> | ||
45 | <el-form-item label="地名"> | ||
46 | <el-input | ||
47 | placeholder="地名" | ||
48 | v-model="queryForm.standardName" | ||
49 | clearable | ||
50 | class="width100" | ||
51 | > | ||
52 | </el-input> | ||
53 | </el-form-item> | ||
54 | </el-col> | ||
55 | <el-col :span="3" class="btnColRight"> | ||
56 | <el-button | ||
57 | type="primary" | ||
58 | native-type="submit" | ||
59 | @click="handleSearch" | ||
60 | >查询</el-button | ||
61 | > | ||
62 | </el-col> | ||
63 | </el-row> | ||
64 | </el-form> | ||
65 | </div> | ||
66 | <div class="from-clues-content"> | ||
67 | <el-form | ||
68 | :model="checkResult" | ||
69 | ref="checkResult" | ||
70 | @submit.native.prevent | ||
71 | label-width="110px" | ||
72 | > | ||
73 | <el-row> | ||
74 | <el-col :span="12"> | ||
75 | <el-form-item label="区划代码 :"> | ||
76 | <el-input | ||
77 | v-model="checkResult.uniscid" | ||
78 | disabled | ||
79 | class="width100" | ||
80 | > | ||
81 | </el-input> | ||
82 | </el-form-item> | ||
83 | </el-col> | ||
84 | <el-col :span="12"> | ||
85 | <el-form-item label="地名 :"> | ||
86 | <el-input | ||
87 | v-model="checkResult.place_code" | ||
88 | disabled | ||
89 | class="width100" | ||
90 | > | ||
91 | </el-input> | ||
92 | </el-form-item> | ||
93 | </el-col> | ||
94 | </el-row> | ||
95 | <el-row> | ||
96 | <el-col :span="12"> | ||
97 | <el-form-item label="罗马字母拼音 :"> | ||
98 | <el-input | ||
99 | v-model="checkResult.roman_alphabet_spelling" | ||
100 | disabled | ||
101 | class="width100" | ||
102 | > | ||
103 | </el-input> | ||
104 | </el-form-item> | ||
105 | </el-col> | ||
106 | <el-col :span="12"> | ||
107 | <el-form-item label="地名类别 :"> | ||
108 | <el-input | ||
109 | v-model="checkResult.place_type" | ||
110 | disabled | ||
111 | class="width100" | ||
112 | > | ||
113 | </el-input> | ||
114 | </el-form-item> | ||
115 | </el-col> | ||
116 | </el-row> | ||
117 | <el-row> | ||
118 | <el-col :span="24"> | ||
119 | <el-form-item label="地名含义 :"> | ||
120 | <el-input | ||
121 | type="textarea" | ||
122 | class="width100" | ||
123 | disabled | ||
124 | v-model="checkResult.place_meaning" | ||
125 | ></el-input> | ||
126 | </el-form-item> | ||
127 | </el-col> | ||
128 | </el-row> | ||
129 | <el-row> | ||
130 | <el-col :span="24"> | ||
131 | <el-form-item label="地名来历 :"> | ||
132 | <el-input | ||
133 | type="textarea" | ||
134 | class="width100" | ||
135 | disabled | ||
136 | v-model="checkResult.place_origin" | ||
137 | ></el-input> | ||
138 | </el-form-item> | ||
139 | </el-col> | ||
140 | </el-row> | ||
141 | <el-row> | ||
142 | <el-col :span="24"> | ||
143 | <el-form-item label="历史沿革 :"> | ||
144 | <el-input | ||
145 | type="textarea" | ||
146 | class="width100" | ||
147 | disabled | ||
148 | v-model="checkResult.place_history" | ||
149 | ></el-input> | ||
150 | </el-form-item> | ||
151 | </el-col> | ||
152 | </el-row> | ||
153 | </el-form> | ||
154 | </div> | ||
155 | </div> | ||
156 | </div> | ||
157 | </template> | ||
158 | |||
159 | <script> | ||
160 | import { dm } from "@/api/v1.js"; | ||
161 | export default { | ||
162 | name: "BdcdjWebSfhc", | ||
163 | data() { | ||
164 | return { | ||
165 | queryForm: {}, | ||
166 | checkResult: {}, | ||
167 | }; | ||
168 | }, | ||
169 | mounted() {}, | ||
170 | methods: { | ||
171 | handleSearch() { | ||
172 | dm(this.queryForm).then((res) => { | ||
173 | if (res.status == "OK") { | ||
174 | this.checkResult = res.data.rows[0]; | ||
175 | } | ||
176 | }); | ||
177 | }, | ||
178 | }, | ||
179 | }; | ||
180 | </script> | ||
181 | |||
182 | <style lang="scss" scoped> | ||
183 | </style> | ||
184 | |||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | <!-- | ||
2 | * @Author: yangwei | ||
3 | * @Date: 2023-09-06 09:00:34 | ||
4 | * @LastEditors: yangwei | ||
5 | * @LastEditTime: 2023-09-07 10:58:32 | ||
6 | * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\dzyyzzcx.vue | ||
7 | * @Description: | ||
8 | * | ||
9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. | ||
10 | --> | ||
11 | <template> | ||
12 | <div class="check-result"> | ||
13 | <div class="from-clues"> | ||
14 | <div class="from-clues-header"> | ||
15 | <el-form | ||
16 | :model="queryForm" | ||
17 | ref="queryForm" | ||
18 | @submit.native.prevent | ||
19 | label-width="90px" | ||
20 | > | ||
21 | <el-row> | ||
22 | <el-col :span="8"> | ||
23 | <el-form-item label="业务号"> | ||
24 | <el-input | ||
25 | placeholder="业务号" | ||
26 | v-model="queryForm.businessNumber" | ||
27 | clearable | ||
28 | class="width100" | ||
29 | > | ||
30 | </el-input> | ||
31 | </el-form-item> | ||
32 | </el-col> | ||
33 | <el-col :span="12"> | ||
34 | <el-form-item class="wide" label="唯一标识(随机码)"> | ||
35 | <el-input | ||
36 | placeholder="唯一标识(随机码)" | ||
37 | v-model="queryForm.qrid" | ||
38 | clearable | ||
39 | class="width100" | ||
40 | > | ||
41 | </el-input> | ||
42 | </el-form-item> | ||
43 | </el-col> | ||
44 | <el-col :span="4" class="btnColRight"> | ||
45 | <el-button | ||
46 | type="primary" | ||
47 | native-type="submit" | ||
48 | @click="handleSearch" | ||
49 | >查询</el-button | ||
50 | > | ||
51 | </el-col> | ||
52 | </el-row> | ||
53 | </el-form> | ||
54 | </div> | ||
55 | <div class="from-clues-content"> | ||
56 | <el-form | ||
57 | :model="checkResult" | ||
58 | ref="checkResult" | ||
59 | @submit.native.prevent | ||
60 | label-width="110px" | ||
61 | > | ||
62 | <el-row> | ||
63 | <el-col :span="12"> | ||
64 | <el-form-item label="登记机关 :"> | ||
65 | <el-input | ||
66 | v-model="checkResult.regorg_cn" | ||
67 | disabled | ||
68 | class="width100" | ||
69 | > | ||
70 | </el-input> | ||
71 | </el-form-item> | ||
72 | </el-col> | ||
73 | <el-col :span="12"> | ||
74 | <el-form-item label="登记日期 :"> | ||
75 | <el-input | ||
76 | v-model="checkResult.apprdate" | ||
77 | disabled | ||
78 | class="width100" | ||
79 | > | ||
80 | </el-input> | ||
81 | </el-form-item> | ||
82 | </el-col> | ||
83 | </el-row> | ||
84 | <el-row> | ||
85 | <el-col :span="12"> | ||
86 | <el-form-item label="注册资本 :"> | ||
87 | <el-input | ||
88 | v-model="checkResult.regcap" | ||
89 | disabled | ||
90 | class="width100" | ||
91 | > | ||
92 | </el-input> | ||
93 | </el-form-item> | ||
94 | </el-col> | ||
95 | <el-col :span="12"> | ||
96 | <el-form-item label="成立日期 :"> | ||
97 | <el-input | ||
98 | v-model="checkResult.esdate" | ||
99 | disabled | ||
100 | class="width100" | ||
101 | > | ||
102 | </el-input> | ||
103 | </el-form-item> | ||
104 | </el-col> | ||
105 | </el-row> | ||
106 | <el-row> | ||
107 | <el-col :span="12"> | ||
108 | <el-form-item label="经营期限 :"> | ||
109 | <el-input | ||
110 | v-model="checkResult.opfrom" | ||
111 | disabled | ||
112 | class="width100" | ||
113 | > | ||
114 | </el-input> | ||
115 | </el-form-item> | ||
116 | </el-col> | ||
117 | <el-col :span="12"> | ||
118 | <el-form-item label="期限至 :"> | ||
119 | <el-input | ||
120 | v-model="checkResult.opto" | ||
121 | disabled | ||
122 | class="width100" | ||
123 | > | ||
124 | </el-input> | ||
125 | </el-form-item> | ||
126 | </el-col> | ||
127 | </el-row> | ||
128 | <el-row> | ||
129 | <el-col :span="12"> | ||
130 | <el-form-item label="组成形式 :"> | ||
131 | <el-input | ||
132 | v-model="checkResult.compform" | ||
133 | disabled | ||
134 | class="width100" | ||
135 | > | ||
136 | </el-input> | ||
137 | </el-form-item> | ||
138 | </el-col> | ||
139 | <el-col :span="12"> | ||
140 | <el-form-item label="注册号 :"> | ||
141 | <el-input | ||
142 | v-model="checkResult.regno" | ||
143 | disabled | ||
144 | class="width100" | ||
145 | > | ||
146 | </el-input> | ||
147 | </el-form-item> | ||
148 | </el-col> | ||
149 | </el-row> | ||
150 | <el-row> | ||
151 | <el-col :span="24"> | ||
152 | <el-form-item label="住所 :"> | ||
153 | <el-input | ||
154 | type="textarea" | ||
155 | v-model="checkResult.dom" | ||
156 | disabled | ||
157 | class="width100" | ||
158 | > | ||
159 | </el-input> | ||
160 | </el-form-item> | ||
161 | </el-col> | ||
162 | </el-row> | ||
163 | <el-row> | ||
164 | <el-col :span="24"> | ||
165 | <el-form-item label="经营范围 :"> | ||
166 | <el-input | ||
167 | type="textarea" | ||
168 | v-model="checkResult.opscope" | ||
169 | disabled | ||
170 | class="width100" | ||
171 | > | ||
172 | </el-input> | ||
173 | </el-form-item> | ||
174 | </el-col> | ||
175 | </el-row> | ||
176 | </el-form> | ||
177 | </div> | ||
178 | </div> | ||
179 | </div> | ||
180 | </template> | ||
181 | |||
182 | <script> | ||
183 | import { dzyyzz } from "@/api/v1.js"; | ||
184 | export default { | ||
185 | name: "BdcdjWebSfhc", | ||
186 | data() { | ||
187 | return { | ||
188 | queryForm: {}, | ||
189 | checkResult: {}, | ||
190 | }; | ||
191 | }, | ||
192 | mounted() {}, | ||
193 | methods: { | ||
194 | handleSearch() { | ||
195 | dzyyzz(this.queryForm).then((res) => { | ||
196 | if (res.status == "OK") { | ||
197 | this.checkResult = res.data.rows[0]; | ||
198 | } | ||
199 | }); | ||
200 | }, | ||
201 | }, | ||
202 | }; | ||
203 | </script> | ||
204 | |||
205 | <style lang="scss" scoped> | ||
206 | .wide { | ||
207 | /deep/ label { | ||
208 | width: 140px !important; | ||
209 | } | ||
210 | } | ||
211 | </style> |
1 | <!-- | ||
2 | * @Author: yangwei | ||
3 | * @Date: 2023-09-06 09:00:34 | ||
4 | * @LastEditors: yangwei | ||
5 | * @LastEditTime: 2023-09-06 17:18:33 | ||
6 | * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\gtgshjbxxcx.vue | ||
7 | * @Description: | ||
8 | * | ||
9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. | ||
10 | --> | ||
11 | <template> | ||
12 | <div class="check-result"> | ||
13 | <div class="from-clues"> | ||
14 | <div class="from-clues-header"> | ||
15 | <el-form | ||
16 | :model="queryForm" | ||
17 | ref="queryForm" | ||
18 | @submit.native.prevent | ||
19 | label-width="160px" | ||
20 | > | ||
21 | <el-row> | ||
22 | <el-col :span="10"> | ||
23 | <el-form-item label="业务号"> | ||
24 | <el-input | ||
25 | placeholder="业务号" | ||
26 | v-model="queryForm.businessNumber" | ||
27 | clearable | ||
28 | class="width100" | ||
29 | > | ||
30 | </el-input> | ||
31 | </el-form-item> | ||
32 | </el-col> | ||
33 | <el-col :span="10"> | ||
34 | <el-form-item label="个体工商户经营者姓名"> | ||
35 | <el-input | ||
36 | placeholder="个体工商户经营者姓名" | ||
37 | v-model="queryForm.entname" | ||
38 | clearable | ||
39 | class="width100" | ||
40 | > | ||
41 | </el-input> | ||
42 | </el-form-item> | ||
43 | </el-col> | ||
44 | <el-col :span="4" class="btnColRight"> | ||
45 | <el-button | ||
46 | type="primary" | ||
47 | native-type="submit" | ||
48 | @click="handleSearch" | ||
49 | >查询</el-button | ||
50 | > | ||
51 | </el-col> | ||
52 | </el-row> | ||
53 | <el-row> | ||
54 | <el-col :span="10"> | ||
55 | <el-form-item label="个体工商户名称"> | ||
56 | <el-input | ||
57 | placeholder="个体工商户名称" | ||
58 | v-model="queryForm.uniscid" | ||
59 | clearable | ||
60 | class="width100" | ||
61 | > | ||
62 | </el-input> | ||
63 | </el-form-item> | ||
64 | </el-col> | ||
65 | <el-col :span="14"> | ||
66 | <el-form-item | ||
67 | class="wide" | ||
68 | label="个体工商户统一社会信用代码或注册号" | ||
69 | > | ||
70 | <el-input | ||
71 | placeholder="个体工商户统一社会信用代码或注册号" | ||
72 | v-model="queryForm.uniscid" | ||
73 | clearable | ||
74 | class="width100" | ||
75 | > | ||
76 | </el-input> | ||
77 | </el-form-item> | ||
78 | </el-col> | ||
79 | </el-row> | ||
80 | </el-form> | ||
81 | </div> | ||
82 | <div class="from-clues-content"> | ||
83 | <el-form | ||
84 | :model="checkResult" | ||
85 | ref="checkResult" | ||
86 | @submit.native.prevent | ||
87 | label-width="140px" | ||
88 | > | ||
89 | <el-row> | ||
90 | <el-col :span="12"> | ||
91 | <el-form-item label="统一社会信用代码 :"> | ||
92 | <el-input v-model="checkResult.uniscid" disabled class="width100"> | ||
93 | </el-input> | ||
94 | </el-form-item> | ||
95 | </el-col> | ||
96 | <el-col :span="12"> | ||
97 | <el-form-item label="个体名称 :"> | ||
98 | <el-input | ||
99 | v-model="checkResult.traname" | ||
100 | disabled | ||
101 | class="width100" | ||
102 | > | ||
103 | </el-input> | ||
104 | </el-form-item> | ||
105 | </el-col> | ||
106 | </el-row> | ||
107 | <el-row> | ||
108 | <el-col :span="12"> | ||
109 | <el-form-item label="类型 :"> | ||
110 | <el-input | ||
111 | v-model="checkResult.enttype" | ||
112 | disabled | ||
113 | class="width100" | ||
114 | > | ||
115 | </el-input> | ||
116 | </el-form-item> | ||
117 | </el-col> | ||
118 | <el-col :span="12"> | ||
119 | <el-form-item label="注册号 :"> | ||
120 | <el-input | ||
121 | v-model="checkResult.regno" | ||
122 | disabled | ||
123 | class="width100" | ||
124 | > | ||
125 | </el-input> | ||
126 | </el-form-item> | ||
127 | </el-col> | ||
128 | </el-row> | ||
129 | <el-row> | ||
130 | <el-col :span="12"> | ||
131 | <el-form-item label="经营者 :"> | ||
132 | <el-input | ||
133 | v-model="checkResult.name" | ||
134 | disabled | ||
135 | class="width100" | ||
136 | > | ||
137 | </el-input> | ||
138 | </el-form-item> | ||
139 | </el-col> | ||
140 | <el-col :span="12"> | ||
141 | <el-form-item label="经营场所 :"> | ||
142 | <el-input | ||
143 | v-model="checkResult.oploc" | ||
144 | disabled | ||
145 | class="width100" | ||
146 | > | ||
147 | </el-input> | ||
148 | </el-form-item> | ||
149 | </el-col> | ||
150 | </el-row> | ||
151 | <el-row> | ||
152 | <el-col :span="12"> | ||
153 | <el-form-item label="注册日期: :"> | ||
154 | <el-input | ||
155 | v-model="checkResult.estdate" | ||
156 | disabled | ||
157 | class="width100" | ||
158 | > | ||
159 | </el-input> | ||
160 | </el-form-item> | ||
161 | </el-col> | ||
162 | <el-col :span="12"> | ||
163 | <el-form-item label="核准日期: :"> | ||
164 | <el-input | ||
165 | v-model="checkResult.apprdate" | ||
166 | disabled | ||
167 | class="width100" | ||
168 | > | ||
169 | </el-input> | ||
170 | </el-form-item> | ||
171 | </el-col> | ||
172 | </el-row> | ||
173 | <el-row> | ||
174 | <el-col :span="12"> | ||
175 | <el-form-item label="组成形式 :"> | ||
176 | <el-input | ||
177 | v-model="checkResult.compformcn" | ||
178 | disabled | ||
179 | class="width100" | ||
180 | > | ||
181 | </el-input> | ||
182 | </el-form-item> | ||
183 | </el-col> | ||
184 | <el-col :span="12"> | ||
185 | <el-form-item label="数据更新时间 :"> | ||
186 | <el-input | ||
187 | v-model="checkResult.updatetime" | ||
188 | disabled | ||
189 | class="width100" | ||
190 | > | ||
191 | </el-input> | ||
192 | </el-form-item> | ||
193 | </el-col> | ||
194 | </el-row> | ||
195 | <el-row> | ||
196 | <el-col :span="12"> | ||
197 | <el-form-item label="登记机关 :"> | ||
198 | <el-input | ||
199 | v-model="checkResult.regorgcn" | ||
200 | disabled | ||
201 | class="width100" | ||
202 | > | ||
203 | </el-input> | ||
204 | </el-form-item> | ||
205 | </el-col> | ||
206 | <el-col :span="12"> | ||
207 | <el-form-item label="登记状态 :"> | ||
208 | <el-input | ||
209 | v-model="checkResult.regstatecn" | ||
210 | disabled | ||
211 | class="width100" | ||
212 | > | ||
213 | </el-input> | ||
214 | </el-form-item> | ||
215 | </el-col> | ||
216 | </el-row> | ||
217 | <el-row> | ||
218 | <el-col :span="24"> | ||
219 | <el-form-item label="经营范围 :"> | ||
220 | <el-input | ||
221 | type="textarea" | ||
222 | class="width100" | ||
223 | disabled | ||
224 | v-model="checkResult.opscope" | ||
225 | ></el-input> | ||
226 | </el-form-item> | ||
227 | </el-col> | ||
228 | </el-row> | ||
229 | </el-form> | ||
230 | </div> | ||
231 | </div> | ||
232 | </div> | ||
233 | </template> | ||
234 | |||
235 | <script> | ||
236 | import { gtgshjbxx } from "@/api/v1.js"; | ||
237 | export default { | ||
238 | name: "BdcdjWebSfhc", | ||
239 | data() { | ||
240 | return { | ||
241 | queryForm: {}, | ||
242 | checkResult: {}, | ||
243 | }; | ||
244 | }, | ||
245 | mounted() {}, | ||
246 | methods: { | ||
247 | handleSearch() { | ||
248 | gtgshjbxx(this.queryForm).then((res) => { | ||
249 | if (res.status == "OK") { | ||
250 | this.checkResult = res.body; | ||
251 | } | ||
252 | }); | ||
253 | }, | ||
254 | }, | ||
255 | }; | ||
256 | </script> | ||
257 | |||
258 | <style lang="scss" scoped> | ||
259 | .wide { | ||
260 | /deep/ label { | ||
261 | width: 258px !important; | ||
262 | } | ||
263 | } | ||
264 | </style> |
1 | <!-- | ||
2 | * @Author: yangwei | ||
3 | * @Date: 2023-09-06 09:00:34 | ||
4 | * @LastEditors: yangwei | ||
5 | * @LastEditTime: 2023-09-06 17:26:49 | ||
6 | * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\gtgshjbxxyz.vue | ||
7 | * @Description: | ||
8 | * | ||
9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. | ||
10 | --> | ||
11 | <template> | ||
12 | <div class="check-result"> | ||
13 | <div class="from-clues"> | ||
14 | <div class="from-clues-header"> | ||
15 | <el-form | ||
16 | :model="queryForm" | ||
17 | ref="queryForm" | ||
18 | @submit.native.prevent | ||
19 | label-width="160px" | ||
20 | > | ||
21 | <el-row> | ||
22 | <el-col :span="20"> | ||
23 | <el-form-item | ||
24 | class="wide" | ||
25 | label="个体工商户统一社会信用代码或注册号" | ||
26 | > | ||
27 | <el-input | ||
28 | placeholder="个体工商户统一社会信用代码或注册号" | ||
29 | v-model="queryForm.epbno" | ||
30 | clearable | ||
31 | class="width100" | ||
32 | > | ||
33 | </el-input> | ||
34 | </el-form-item> | ||
35 | </el-col> | ||
36 | <el-col :span="4" class="btnColRight"> | ||
37 | <el-button | ||
38 | type="primary" | ||
39 | native-type="submit" | ||
40 | @click="handleSearch" | ||
41 | >查询</el-button | ||
42 | > | ||
43 | </el-col> | ||
44 | </el-row> | ||
45 | <el-row> | ||
46 | <el-col :span="12"> | ||
47 | <el-form-item label="个体工商户经营者姓名"> | ||
48 | <el-input | ||
49 | placeholder="个体工商户经营者姓名" | ||
50 | v-model="queryForm.name" | ||
51 | clearable | ||
52 | class="width100" | ||
53 | > | ||
54 | </el-input> | ||
55 | </el-form-item> | ||
56 | </el-col> | ||
57 | <el-col :span="12"> | ||
58 | <el-form-item label="个体工商户名称"> | ||
59 | <el-input | ||
60 | placeholder="个体工商户名称" | ||
61 | v-model="queryForm.traname" | ||
62 | clearable | ||
63 | class="width100" | ||
64 | > | ||
65 | </el-input> | ||
66 | </el-form-item> | ||
67 | </el-col> | ||
68 | </el-row> | ||
69 | <el-row> | ||
70 | <el-col :span="12"> | ||
71 | <el-form-item label="业务号"> | ||
72 | <el-input | ||
73 | placeholder="业务号" | ||
74 | v-model="queryForm.businessNumber" | ||
75 | clearable | ||
76 | class="width100" | ||
77 | > | ||
78 | </el-input> | ||
79 | </el-form-item> | ||
80 | </el-col> | ||
81 | <el-col :span="12"> | ||
82 | <el-form-item label="核准日期"> | ||
83 | <el-date-picker | ||
84 | type="date" | ||
85 | placeholder="核准日期" | ||
86 | v-model="queryForm.apprdate" | ||
87 | clearable | ||
88 | class="width100" | ||
89 | > | ||
90 | </el-date-picker> | ||
91 | </el-form-item> | ||
92 | </el-col> | ||
93 | </el-row> | ||
94 | <el-row> | ||
95 | <el-col :span="12"> | ||
96 | <el-form-item label="组成形式"> | ||
97 | <el-input | ||
98 | placeholder="组成形式" | ||
99 | v-model="queryForm.compformcn" | ||
100 | clearable | ||
101 | class="width100" | ||
102 | > | ||
103 | </el-input> | ||
104 | </el-form-item> | ||
105 | </el-col> | ||
106 | <el-col :span="12"> | ||
107 | <el-form-item label="成立日期"> | ||
108 | <el-date-picker | ||
109 | type="date" | ||
110 | placeholder="成立日期" | ||
111 | v-model="queryForm.estdate" | ||
112 | clearable | ||
113 | class="width100" | ||
114 | > | ||
115 | </el-date-picker> | ||
116 | </el-form-item> | ||
117 | </el-col> | ||
118 | </el-row> | ||
119 | <el-row> | ||
120 | <el-col :span="12"> | ||
121 | <el-form-item label="经营场所"> | ||
122 | <el-input | ||
123 | placeholder="经营场所" | ||
124 | v-model="queryForm.oploc" | ||
125 | clearable | ||
126 | class="width100" | ||
127 | > | ||
128 | </el-input> | ||
129 | </el-form-item> | ||
130 | </el-col> | ||
131 | <el-col :span="12"> | ||
132 | <el-form-item label="经营范围"> | ||
133 | <el-input | ||
134 | placeholder="经营范围" | ||
135 | v-model="queryForm.opscope" | ||
136 | clearable | ||
137 | class="width100" | ||
138 | > | ||
139 | </el-input> | ||
140 | </el-form-item> | ||
141 | </el-col> | ||
142 | </el-row> | ||
143 | </el-form> | ||
144 | </div> | ||
145 | <div class="from-clues-content"> | ||
146 | <p>验证结果:<span></span></p> | ||
147 | </div> | ||
148 | </div> | ||
149 | </div> | ||
150 | </template> | ||
151 | |||
152 | <script> | ||
153 | import { gtgshjbxxyz } from "@/api/v1.js"; | ||
154 | export default { | ||
155 | name: "BdcdjWebSfhc", | ||
156 | data() { | ||
157 | return { | ||
158 | queryForm: {}, | ||
159 | checkResult: {}, | ||
160 | }; | ||
161 | }, | ||
162 | mounted() {}, | ||
163 | methods: { | ||
164 | handleSearch() { | ||
165 | gtgshjbxxyz(this.queryForm).then((res) => { | ||
166 | if (res.status == "OK") { | ||
167 | this.checkResult = res.body; | ||
168 | } | ||
169 | }); | ||
170 | }, | ||
171 | }, | ||
172 | }; | ||
173 | </script> | ||
174 | |||
175 | <style lang="scss" scoped> | ||
176 | .wide { | ||
177 | /deep/ label { | ||
178 | width: 258px !important; | ||
179 | } | ||
180 | } | ||
181 | .from-clues-content { | ||
182 | margin-left: 40px; | ||
183 | p { | ||
184 | margin-top: 20px; | ||
185 | color: grey; | ||
186 | } | ||
187 | } | ||
188 | </style> |
1 | <!-- | ||
2 | * @Author: yangwei | ||
3 | * @Date: 2023-09-06 09:00:34 | ||
4 | * @LastEditors: yangwei | ||
5 | * @LastEditTime: 2023-09-07 11:11:32 | ||
6 | * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\gzsxxcx.vue | ||
7 | * @Description: | ||
8 | * | ||
9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. | ||
10 | --> | ||
11 | <template> | ||
12 | <div class="check-result"> | ||
13 | <div class="from-clues"> | ||
14 | <div class="from-clues-header"> | ||
15 | <el-form | ||
16 | :model="queryForm" | ||
17 | ref="queryForm" | ||
18 | @submit.native.prevent | ||
19 | label-width="80px" | ||
20 | > | ||
21 | <el-row> | ||
22 | <el-col :span="9"> | ||
23 | <el-form-item label="业务号"> | ||
24 | <el-input | ||
25 | placeholder="业务号" | ||
26 | v-model="queryForm.businessNumber" | ||
27 | clearable | ||
28 | class="width100" | ||
29 | > | ||
30 | </el-input> | ||
31 | </el-form-item> | ||
32 | </el-col> | ||
33 | <el-col :span="9"> | ||
34 | <el-form-item label="证件号码"> | ||
35 | <el-input | ||
36 | placeholder="证件号码" | ||
37 | v-model="queryForm.certCode" | ||
38 | clearable | ||
39 | class="width100" | ||
40 | > | ||
41 | </el-input> | ||
42 | </el-form-item> | ||
43 | </el-col> | ||
44 | <el-col :span="6" class="btnColRight"> | ||
45 | <el-button | ||
46 | type="primary" | ||
47 | native-type="submit" | ||
48 | @click="handleSearch" | ||
49 | >查询</el-button | ||
50 | > | ||
51 | </el-col> | ||
52 | </el-row> | ||
53 | </el-form> | ||
54 | </div> | ||
55 | <div class="from-clues-content"> | ||
56 | <el-table | ||
57 | :data="checkResult" | ||
58 | border | ||
59 | style="width: 100%" | ||
60 | :header-cell-style="{ 'text-align': 'center' }" | ||
61 | :cell-style="{ 'text-align': 'center' }" | ||
62 | > | ||
63 | <el-table-column prop="apply_name" label="当事人姓名" width="150"> | ||
64 | </el-table-column> | ||
65 | <el-table-column prop="apply_card_num" label="证件号码" width="150"> | ||
66 | </el-table-column> | ||
67 | <el-table-column prop="notary_type" label="公证业务类别" width="150"> | ||
68 | </el-table-column> | ||
69 | <el-table-column prop="notary_num" label="公证书编号" width="120"> | ||
70 | </el-table-column> | ||
71 | <el-table-column prop="notary_content" label="公证书内容" width="160"> | ||
72 | </el-table-column> | ||
73 | <el-table-column prop="org_name" label="公证机构名称" width="160"> | ||
74 | </el-table-column> | ||
75 | <el-table-column prop="notary_name" label="公证员" width="120"> | ||
76 | </el-table-column> | ||
77 | <el-table-column prop="accept_date" label="公证日期" width="120"> </el-table-column> | ||
78 | <el-table-column prop="fwbh" label="房屋编号" width="120"> | ||
79 | </el-table-column> | ||
80 | <el-table-column prop="mj" label="面积" width="120"> | ||
81 | </el-table-column> | ||
82 | <el-table-column prop="sfdy" label="是否抵押" width="120"> | ||
83 | </el-table-column> | ||
84 | <el-table-column prop="sfcf" label="是否查封" width="120"> | ||
85 | </el-table-column> | ||
86 | </el-table> | ||
87 | </div> | ||
88 | </div> | ||
89 | </div> | ||
90 | </template> | ||
91 | |||
92 | <script> | ||
93 | import { gzsxx } from "@/api/v1.js"; | ||
94 | export default { | ||
95 | name: "BdcdjWebSfhc", | ||
96 | data() { | ||
97 | return { | ||
98 | queryForm: {}, | ||
99 | checkResult: [], | ||
100 | }; | ||
101 | }, | ||
102 | mounted() {}, | ||
103 | methods: { | ||
104 | handleSearch() { | ||
105 | gzsxx(this.queryForm).then((res) => { | ||
106 | if (res.status == "OK") { | ||
107 | this.checkResult = res.body; | ||
108 | } | ||
109 | }); | ||
110 | }, | ||
111 | }, | ||
112 | }; | ||
113 | </script> | ||
114 | |||
115 | <style lang="scss" scoped> | ||
116 | .wide { | ||
117 | /deep/ label { | ||
118 | width: 140px !important; | ||
119 | } | ||
120 | } | ||
121 | </style> |
1 | <!-- | ||
2 | * @Author: yangwei | ||
3 | * @Date: 2023-09-06 09:00:34 | ||
4 | * @LastEditors: yangwei | ||
5 | * @LastEditTime: 2023-09-06 10:03:23 | ||
6 | * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\hydjxxhy.vue | ||
7 | * @Description: | ||
8 | * | ||
9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. | ||
10 | --> | ||
11 | <template> | ||
12 | <div class="check-result"> | ||
13 | <el-table :data="checkResult" border style="width: 100%" :header-cell-style="{ 'text-align': 'center'}" :cell-style="{ 'text-align': 'center' }"> | ||
14 | <el-table-column prop="op_type" label="婚姻登记业务类型" width="150"> | ||
15 | </el-table-column> | ||
16 | <el-table-column prop="dept_code" label="登记机关代码" width="150"> | ||
17 | </el-table-column> | ||
18 | <el-table-column prop="dept_name" label="登记机关名称" width="150"> | ||
19 | </el-table-column> | ||
20 | <el-table-column prop="op_date" label="登记日期" width="120"> | ||
21 | </el-table-column> | ||
22 | <el-table-column prop="cert_no" label="结婚证/离婚证字号" width="160"> | ||
23 | </el-table-column> | ||
24 | <el-table-column prop="name_woman" label="女方姓名" width="120"> | ||
25 | </el-table-column> | ||
26 | <el-table-column prop="cert_num_woman" label="女方身份证件号" width="140"> | ||
27 | </el-table-column> | ||
28 | <el-table-column prop="birth_woman" label="女方出生日期" width="120"> | ||
29 | </el-table-column> | ||
30 | <el-table-column prop="nation_woman" label="女方国籍" width="80"> | ||
31 | </el-table-column> | ||
32 | <el-table-column prop="name_man" label="男方姓名" width="120"> | ||
33 | </el-table-column> | ||
34 | <el-table-column prop="cert_num_man" label="男方身份证件号" width="140"> | ||
35 | </el-table-column> | ||
36 | <el-table-column prop="birth_man" label="男方出生日期" width="120"> | ||
37 | </el-table-column> | ||
38 | <el-table-column prop="nation_man" label="男方国籍" width="80"> | ||
39 | </el-table-column> | ||
40 | </el-table> | ||
41 | </div> | ||
42 | </template> | ||
43 | |||
44 | <script> | ||
45 | import { hy } from "@/api/v1.js"; | ||
46 | export default { | ||
47 | name: "BdcdjWebSfhc", | ||
48 | prop: { | ||
49 | condition: { | ||
50 | type: Object, | ||
51 | default: () => { | ||
52 | return {}; | ||
53 | }, | ||
54 | }, | ||
55 | }, | ||
56 | data() { | ||
57 | return { | ||
58 | checkResult: [], | ||
59 | }; | ||
60 | }, | ||
61 | |||
62 | mounted() { | ||
63 | hy(this.condition).then((res) => { | ||
64 | if (res.status == 'OK') { | ||
65 | this.checkResult = res.data.rows | ||
66 | } | ||
67 | }); | ||
68 | }, | ||
69 | |||
70 | methods: {}, | ||
71 | }; | ||
72 | </script> | ||
73 | |||
74 | <style lang="scss" scoped></style> |
1 | <!-- | ||
2 | * @Author: yangwei | ||
3 | * @Date: 2023-09-06 09:00:34 | ||
4 | * @LastEditors: yangwei | ||
5 | * @LastEditTime: 2023-09-07 09:14:22 | ||
6 | * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\jgxxcx.vue | ||
7 | * @Description: | ||
8 | * | ||
9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. | ||
10 | --> | ||
11 | <template> | ||
12 | <div class="check-result"> | ||
13 | <div class="from-clues"> | ||
14 | <div class="from-clues-header"> | ||
15 | <el-form | ||
16 | :model="queryForm" | ||
17 | ref="queryForm" | ||
18 | @submit.native.prevent | ||
19 | label-width="124px" | ||
20 | > | ||
21 | <el-row> | ||
22 | <el-col :span="10"> | ||
23 | <el-form-item label="业务号"> | ||
24 | <el-input | ||
25 | placeholder="业务号" | ||
26 | v-model="queryForm.businessNumber" | ||
27 | clearable | ||
28 | class="width100" | ||
29 | > | ||
30 | </el-input> | ||
31 | </el-form-item> | ||
32 | </el-col> | ||
33 | <el-col :span="10"> | ||
34 | <el-form-item label="社会组织名称"> | ||
35 | <el-input | ||
36 | placeholder="社会组织名称" | ||
37 | v-model="queryForm.name" | ||
38 | clearable | ||
39 | class="width100" | ||
40 | > | ||
41 | </el-input> | ||
42 | </el-form-item> | ||
43 | </el-col> | ||
44 | <el-col :span="4" class="btnColRight"> | ||
45 | <el-button | ||
46 | type="primary" | ||
47 | native-type="submit" | ||
48 | @click="handleSearch" | ||
49 | >查询</el-button | ||
50 | > | ||
51 | </el-col> | ||
52 | </el-row> | ||
53 | <el-row> | ||
54 | <el-col :span="10"> | ||
55 | <el-form-item label="统一社会信用代码"> | ||
56 | <el-input | ||
57 | placeholder="统一社会信用代码" | ||
58 | v-model="queryForm.tyshxydm" | ||
59 | clearable | ||
60 | class="width100" | ||
61 | > | ||
62 | </el-input> | ||
63 | </el-form-item> | ||
64 | </el-col> | ||
65 | <el-col :span="14"> | ||
66 | <el-form-item class="wide" label="社会组织信息查询服务"> | ||
67 | <el-input | ||
68 | placeholder="社会组织信息查询服务" | ||
69 | v-model="queryForm.searchType" | ||
70 | clearable | ||
71 | class="width100" | ||
72 | > | ||
73 | </el-input> | ||
74 | </el-form-item> | ||
75 | </el-col> | ||
76 | </el-row> | ||
77 | </el-form> | ||
78 | </div> | ||
79 | <div class="from-clues-content"> | ||
80 | <el-form | ||
81 | :model="checkResult" | ||
82 | ref="checkResult" | ||
83 | @submit.native.prevent | ||
84 | label-width="140px" | ||
85 | > | ||
86 | <el-row> | ||
87 | <el-col :span="12"> | ||
88 | <el-form-item label="统一社会信用代码 :"> | ||
89 | <el-input | ||
90 | v-model="checkResult.usc_code" | ||
91 | disabled | ||
92 | class="width100" | ||
93 | > | ||
94 | </el-input> | ||
95 | </el-form-item> | ||
96 | </el-col> | ||
97 | <el-col :span="12"> | ||
98 | <el-form-item label="社会组织名称 :"> | ||
99 | <el-input v-model="checkResult.org_name" disabled class="width100"> | ||
100 | </el-input> | ||
101 | </el-form-item> | ||
102 | </el-col> | ||
103 | </el-row> | ||
104 | <el-row> | ||
105 | <el-col :span="12"> | ||
106 | <el-form-item label="法定代表人 :"> | ||
107 | <el-input v-model="checkResult.legal_name" disabled class="width100"> | ||
108 | </el-input> | ||
109 | </el-form-item> | ||
110 | </el-col> | ||
111 | <el-col :span="12"> | ||
112 | <el-form-item label="注册资金 :"> | ||
113 | <el-input | ||
114 | v-model="checkResult.registered_capital" | ||
115 | disabled | ||
116 | class="width100" | ||
117 | > | ||
118 | </el-input> | ||
119 | </el-form-item> | ||
120 | </el-col> | ||
121 | </el-row> | ||
122 | <el-row> | ||
123 | <el-col :span="12"> | ||
124 | <el-form-item label="住所具体地址 :"> | ||
125 | <el-input v-model="checkResult.domicile_addres" disabled class="width100"> | ||
126 | </el-input> | ||
127 | </el-form-item> | ||
128 | </el-col> | ||
129 | <el-col :span="12"> | ||
130 | <el-form-item label="证书有效期起 :"> | ||
131 | <el-input v-model="checkResult.valid_from" disabled class="width100"> | ||
132 | </el-input> | ||
133 | </el-form-item> | ||
134 | </el-col> | ||
135 | </el-row> | ||
136 | <el-row> | ||
137 | <el-col :span="12"> | ||
138 | <el-form-item label="证书有效期止 :"> | ||
139 | <el-input v-model="checkResult.valid_to" disabled class="width100"> | ||
140 | </el-input> | ||
141 | </el-form-item> | ||
142 | </el-col> | ||
143 | <el-col :span="12"> | ||
144 | <el-form-item label="发证机关 :"> | ||
145 | <el-input v-model="checkResult.issue_certificate_dept" disabled class="width100"> | ||
146 | </el-input> | ||
147 | </el-form-item> | ||
148 | </el-col> | ||
149 | </el-row> | ||
150 | <el-row> | ||
151 | <el-col :span="12"> | ||
152 | <el-form-item label="活动地域 :"> | ||
153 | <el-input v-model="checkResult.activity_range" disabled class="width100"> | ||
154 | </el-input> | ||
155 | </el-form-item> | ||
156 | </el-col> | ||
157 | <el-col :span="12"> | ||
158 | <el-form-item label="发证日期 :"> | ||
159 | <el-input v-model="checkResult.registration_date" disabled class="width100"> | ||
160 | </el-input> | ||
161 | </el-form-item> | ||
162 | </el-col> | ||
163 | </el-row> | ||
164 | <el-row> | ||
165 | <el-col :span="12"> | ||
166 | <el-form-item label="主管单位 :"> | ||
167 | <el-input v-model="checkResult.manager_dept" disabled class="width100"> | ||
168 | </el-input> | ||
169 | </el-form-item> | ||
170 | </el-col> | ||
171 | <el-col :span="12"> | ||
172 | <el-form-item label="是否慈善组织 :"> | ||
173 | <el-input v-model="checkResult.ifcharity" disabled class="width100"> | ||
174 | </el-input> | ||
175 | </el-form-item> | ||
176 | </el-col> | ||
177 | </el-row> | ||
178 | <el-row> | ||
179 | <el-col :span="24"> | ||
180 | <el-form-item label="业务范围 :"> | ||
181 | <el-input | ||
182 | type="textarea" | ||
183 | v-model="checkResult.business_scope" | ||
184 | disabled | ||
185 | class="width100" | ||
186 | > | ||
187 | </el-input> | ||
188 | </el-form-item> | ||
189 | </el-col> | ||
190 | </el-row> | ||
191 | </el-form> | ||
192 | </div> | ||
193 | </div> | ||
194 | </div> | ||
195 | </template> | ||
196 | |||
197 | <script> | ||
198 | import { jgxxcx } from "@/api/v1.js"; | ||
199 | export default { | ||
200 | name: "BdcdjWebSfhc", | ||
201 | data() { | ||
202 | return { | ||
203 | queryForm: {}, | ||
204 | checkResult: {}, | ||
205 | }; | ||
206 | }, | ||
207 | mounted() {}, | ||
208 | methods: { | ||
209 | handleSearch() { | ||
210 | jgxxcx(this.queryForm).then((res) => { | ||
211 | if (res.status == "OK") { | ||
212 | this.checkResult = res.data.rows[0]; | ||
213 | } | ||
214 | }); | ||
215 | }, | ||
216 | }, | ||
217 | }; | ||
218 | </script> | ||
219 | |||
220 | <style lang="scss" scoped> | ||
221 | .wide { | ||
222 | /deep/ label { | ||
223 | width: 180px !important; | ||
224 | } | ||
225 | } | ||
226 | </style> |
1 | <!-- | ||
2 | * @Author: yangwei | ||
3 | * @Date: 2023-09-06 09:00:34 | ||
4 | * @LastEditors: yangwei | ||
5 | * @LastEditTime: 2023-09-06 11:19:07 | ||
6 | * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\jrxkcx.vue | ||
7 | * @Description: | ||
8 | * | ||
9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. | ||
10 | --> | ||
11 | <template> | ||
12 | <div class="check-result"> | ||
13 | <div class="from-clues"> | ||
14 | <div class="from-clues-header"> | ||
15 | <el-form | ||
16 | :model="queryForm" | ||
17 | ref="queryForm" | ||
18 | @submit.native.prevent | ||
19 | label-width="80px" | ||
20 | > | ||
21 | <el-row> | ||
22 | <el-col :span="7"> | ||
23 | <el-form-item label="业务号"> | ||
24 | <el-input | ||
25 | placeholder="业务号" | ||
26 | v-model="queryForm.businessNumber" | ||
27 | clearable | ||
28 | class="width100" | ||
29 | > | ||
30 | </el-input> | ||
31 | </el-form-item> | ||
32 | </el-col> | ||
33 | <el-col :span="7"> | ||
34 | <el-form-item label="机构编码"> | ||
35 | <el-input | ||
36 | placeholder="机构编码" | ||
37 | v-model="queryForm.certCode" | ||
38 | clearable | ||
39 | class="width100" | ||
40 | > | ||
41 | </el-input> | ||
42 | </el-form-item> | ||
43 | </el-col> | ||
44 | <el-col :span="6"> | ||
45 | <el-form-item label="查询类型"> | ||
46 | <el-select | ||
47 | v-model="queryForm.typeId" | ||
48 | class="width100" | ||
49 | filterable | ||
50 | clearable | ||
51 | placeholder="查询类型" | ||
52 | > | ||
53 | <el-option | ||
54 | v-for="item in typeList" | ||
55 | :key="item.code" | ||
56 | :label="item.name" | ||
57 | :value="item.code" | ||
58 | > | ||
59 | </el-option> | ||
60 | </el-select> | ||
61 | </el-form-item> | ||
62 | </el-col> | ||
63 | <el-col :span="4" class="btnColRight"> | ||
64 | <el-button | ||
65 | type="primary" | ||
66 | native-type="submit" | ||
67 | @click="handleSearch" | ||
68 | >查询</el-button | ||
69 | > | ||
70 | </el-col> | ||
71 | </el-row> | ||
72 | </el-form> | ||
73 | </div> | ||
74 | <div class="from-clues-content"> | ||
75 | <el-form | ||
76 | :model="checkResult" | ||
77 | ref="checkResult" | ||
78 | @submit.native.prevent | ||
79 | label-width="120px" | ||
80 | > | ||
81 | <el-row> | ||
82 | <el-col :span="12"> | ||
83 | <el-form-item label="金融许可证id :"> | ||
84 | <el-input v-model="checkResult.id" disabled class="width100"> | ||
85 | </el-input> | ||
86 | </el-form-item> | ||
87 | </el-col> | ||
88 | <el-col :span="12"> | ||
89 | <el-form-item label="流水号 :"> | ||
90 | <el-input | ||
91 | v-model="checkResult.certFlowNo" | ||
92 | disabled | ||
93 | class="width100" | ||
94 | > | ||
95 | </el-input> | ||
96 | </el-form-item> | ||
97 | </el-col> | ||
98 | </el-row> | ||
99 | <el-row> | ||
100 | <el-col :span="12"> | ||
101 | <el-form-item label="机构编码 :"> | ||
102 | <el-input | ||
103 | v-model="checkResult.certCode" | ||
104 | disabled | ||
105 | class="width100" | ||
106 | > | ||
107 | </el-input> | ||
108 | </el-form-item> | ||
109 | </el-col> | ||
110 | <el-col :span="12"> | ||
111 | <el-form-item label="机构全称 :"> | ||
112 | <el-input | ||
113 | v-model="checkResult.fullName" | ||
114 | disabled | ||
115 | class="width100" | ||
116 | > | ||
117 | </el-input> | ||
118 | </el-form-item> | ||
119 | </el-col> | ||
120 | </el-row> | ||
121 | <el-row> | ||
122 | <el-col :span="12"> | ||
123 | <el-form-item label="机构简称 :"> | ||
124 | <el-input | ||
125 | v-model="checkResult.simpleName" | ||
126 | disabled | ||
127 | class="width100" | ||
128 | > | ||
129 | </el-input> | ||
130 | </el-form-item> | ||
131 | </el-col> | ||
132 | <el-col :span="12"> | ||
133 | <el-form-item label="英文名称 :"> | ||
134 | <el-input | ||
135 | v-model="checkResult.englishName" | ||
136 | disabled | ||
137 | class="width100" | ||
138 | > | ||
139 | </el-input> | ||
140 | </el-form-item> | ||
141 | </el-col> | ||
142 | </el-row> | ||
143 | <el-row> | ||
144 | <el-col :span="12"> | ||
145 | <el-form-item label="设立日期 :"> | ||
146 | <el-input v-model="checkResult.setDate" disabled class="width100"> | ||
147 | </el-input> | ||
148 | </el-form-item> | ||
149 | </el-col> | ||
150 | <el-col :span="12"> | ||
151 | <el-form-item label="打印日期 :"> | ||
152 | <el-input | ||
153 | v-model="checkResult.printDate" | ||
154 | disabled | ||
155 | class="width100" | ||
156 | > | ||
157 | </el-input> | ||
158 | </el-form-item> | ||
159 | </el-col> | ||
160 | </el-row> | ||
161 | <el-row> | ||
162 | <el-col :span="12"> | ||
163 | <el-form-item label="类型 :"> | ||
164 | <el-select | ||
165 | v-model="checkResult.typeId" | ||
166 | class="width100" | ||
167 | placeholder="" | ||
168 | disabled | ||
169 | > | ||
170 | <el-option | ||
171 | v-for="item in typeList" | ||
172 | :key="item.code" | ||
173 | :label="item.name" | ||
174 | :value="item.code" | ||
175 | > | ||
176 | </el-option> | ||
177 | </el-select> | ||
178 | </el-form-item> | ||
179 | </el-col> | ||
180 | <el-col :span="12"> | ||
181 | <el-form-item label="监管机构名称 :"> | ||
182 | <el-input | ||
183 | v-model="checkResult.organName" | ||
184 | disabled | ||
185 | class="width100" | ||
186 | > | ||
187 | </el-input> | ||
188 | </el-form-item> | ||
189 | </el-col> | ||
190 | </el-row> | ||
191 | <el-row> | ||
192 | <el-col :span="24"> | ||
193 | <el-form-item label="经营范围 :"> | ||
194 | <el-input | ||
195 | type="textarea" | ||
196 | class="width100" | ||
197 | disabled | ||
198 | v-model="checkResult.scope" | ||
199 | ></el-input> | ||
200 | </el-form-item> | ||
201 | </el-col> | ||
202 | </el-row> | ||
203 | <el-row> | ||
204 | <el-col :span="24"> | ||
205 | <el-form-item label="机构地址 :"> | ||
206 | <el-input | ||
207 | type="textarea" | ||
208 | class="width100" | ||
209 | disabled | ||
210 | v-model="checkResult.address" | ||
211 | ></el-input> | ||
212 | </el-form-item> | ||
213 | </el-col> | ||
214 | </el-row> | ||
215 | </el-form> | ||
216 | </div> | ||
217 | </div> | ||
218 | </div> | ||
219 | </template> | ||
220 | |||
221 | <script> | ||
222 | import { jrxkz } from "@/api/v1.js"; | ||
223 | export default { | ||
224 | name: "BdcdjWebSfhc", | ||
225 | data() { | ||
226 | return { | ||
227 | queryForm: {}, | ||
228 | checkResult: {}, | ||
229 | typeList: [ | ||
230 | { name: "银行", code: "01" }, | ||
231 | { name: "保险", code: "02" }, | ||
232 | ], | ||
233 | }; | ||
234 | }, | ||
235 | mounted() {}, | ||
236 | methods: { | ||
237 | handleSearch() { | ||
238 | jrxkz(this.queryForm).then((res) => { | ||
239 | if (res.status == "OK") { | ||
240 | this.checkResult = res.data; | ||
241 | } | ||
242 | }); | ||
243 | }, | ||
244 | }, | ||
245 | }; | ||
246 | </script> | ||
247 | |||
248 | <style lang="scss" scoped></style> |
1 | <!-- | ||
2 | * @Author: yangwei | ||
3 | * @Date: 2023-09-06 09:00:34 | ||
4 | * @LastEditors: yangwei | ||
5 | * @LastEditTime: 2023-09-06 15:32:14 | ||
6 | * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\qyjbxxcx.vue | ||
7 | * @Description: | ||
8 | * | ||
9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. | ||
10 | --> | ||
11 | <template> | ||
12 | <div class="check-result"> | ||
13 | <div class="from-clues"> | ||
14 | <div class="from-clues-header"> | ||
15 | <el-form | ||
16 | :model="queryForm" | ||
17 | ref="queryForm" | ||
18 | @submit.native.prevent | ||
19 | label-width="124px" | ||
20 | > | ||
21 | <el-row> | ||
22 | <el-col :span="10"> | ||
23 | <el-form-item label="业务号"> | ||
24 | <el-input | ||
25 | placeholder="业务号" | ||
26 | v-model="queryForm.businessNumber" | ||
27 | clearable | ||
28 | class="width100" | ||
29 | > | ||
30 | </el-input> | ||
31 | </el-form-item> | ||
32 | </el-col> | ||
33 | <el-col :span="10"> | ||
34 | <el-form-item label="主体名称"> | ||
35 | <el-input | ||
36 | placeholder="主体名称" | ||
37 | v-model="queryForm.entname" | ||
38 | clearable | ||
39 | class="width100" | ||
40 | > | ||
41 | </el-input> | ||
42 | </el-form-item> | ||
43 | </el-col> | ||
44 | <el-col :span="4" class="btnColRight"> | ||
45 | <el-button | ||
46 | type="primary" | ||
47 | native-type="submit" | ||
48 | @click="handleSearch" | ||
49 | >查询</el-button | ||
50 | > | ||
51 | </el-col> | ||
52 | </el-row> | ||
53 | <el-row> | ||
54 | <el-col :span="10"> | ||
55 | <el-form-item label="统一社会信用代码"> | ||
56 | <el-input | ||
57 | placeholder="统一社会信用代码" | ||
58 | v-model="queryForm.uniscid" | ||
59 | clearable | ||
60 | class="width100" | ||
61 | > | ||
62 | </el-input> | ||
63 | </el-form-item> | ||
64 | </el-col> | ||
65 | </el-row> | ||
66 | </el-form> | ||
67 | </div> | ||
68 | <div class="from-clues-content"> | ||
69 | <el-form | ||
70 | :model="checkResult" | ||
71 | ref="checkResult" | ||
72 | @submit.native.prevent | ||
73 | label-width="140px" | ||
74 | > | ||
75 | <el-row> | ||
76 | <el-col :span="12"> | ||
77 | <el-form-item label="统一社会信用代码 :"> | ||
78 | <el-input v-model="checkResult.uniscid" disabled class="width100"> | ||
79 | </el-input> | ||
80 | </el-form-item> | ||
81 | </el-col> | ||
82 | <el-col :span="12"> | ||
83 | <el-form-item label="企业类型(中文) :"> | ||
84 | <el-input | ||
85 | v-model="checkResult.enttypeCn" | ||
86 | disabled | ||
87 | class="width100" | ||
88 | > | ||
89 | </el-input> | ||
90 | </el-form-item> | ||
91 | </el-col> | ||
92 | </el-row> | ||
93 | <el-row> | ||
94 | <el-col :span="12"> | ||
95 | <el-form-item label="主体名称 :"> | ||
96 | <el-input | ||
97 | v-model="checkResult.entname" | ||
98 | disabled | ||
99 | class="width100" | ||
100 | > | ||
101 | </el-input> | ||
102 | </el-form-item> | ||
103 | </el-col> | ||
104 | <el-col :span="12"> | ||
105 | <el-form-item label="法定代表人 :"> | ||
106 | <el-input | ||
107 | v-model="checkResult.name" | ||
108 | disabled | ||
109 | class="width100" | ||
110 | > | ||
111 | </el-input> | ||
112 | </el-form-item> | ||
113 | </el-col> | ||
114 | </el-row> | ||
115 | <el-row> | ||
116 | <el-col :span="12"> | ||
117 | <el-form-item label="成立日期 :"> | ||
118 | <el-input | ||
119 | v-model="checkResult.estdate" | ||
120 | disabled | ||
121 | class="width100" | ||
122 | > | ||
123 | </el-input> | ||
124 | </el-form-item> | ||
125 | </el-col> | ||
126 | <el-col :span="12"> | ||
127 | <el-form-item label="核准日期 :"> | ||
128 | <el-input | ||
129 | v-model="checkResult.apprdate" | ||
130 | disabled | ||
131 | class="width100" | ||
132 | > | ||
133 | </el-input> | ||
134 | </el-form-item> | ||
135 | </el-col> | ||
136 | </el-row> | ||
137 | <el-row> | ||
138 | <el-col :span="12"> | ||
139 | <el-form-item label="经营期限自 :"> | ||
140 | <el-input v-model="checkResult.opfrom" disabled class="width100"> | ||
141 | </el-input> | ||
142 | </el-form-item> | ||
143 | </el-col> | ||
144 | <el-col :span="12"> | ||
145 | <el-form-item label="经营期限至 :"> | ||
146 | <el-input | ||
147 | v-model="checkResult.opto" | ||
148 | disabled | ||
149 | class="width100" | ||
150 | > | ||
151 | </el-input> | ||
152 | </el-form-item> | ||
153 | </el-col> | ||
154 | </el-row> | ||
155 | <el-row> | ||
156 | <el-col :span="12"> | ||
157 | <el-form-item label="注册资本 :"> | ||
158 | <el-input v-model="checkResult.regcap" disabled class="width100"> | ||
159 | </el-input> | ||
160 | </el-form-item> | ||
161 | </el-col> | ||
162 | <el-col :span="12"> | ||
163 | <el-form-item label="注册资本币种 :"> | ||
164 | <el-input | ||
165 | v-model="checkResult.regcapcurCn" | ||
166 | disabled | ||
167 | class="width100" | ||
168 | > | ||
169 | </el-input> | ||
170 | </el-form-item> | ||
171 | </el-col> | ||
172 | </el-row> | ||
173 | <el-row> | ||
174 | <el-col :span="12"> | ||
175 | <el-form-item label="注册号 :"> | ||
176 | <el-input v-model="checkResult.regno" disabled class="width100"> | ||
177 | </el-input> | ||
178 | </el-form-item> | ||
179 | </el-col> | ||
180 | <el-col :span="12"> | ||
181 | <el-form-item label="登记机关(中文) :"> | ||
182 | <el-input | ||
183 | v-model="checkResult.regorgCn" | ||
184 | disabled | ||
185 | class="width100" | ||
186 | > | ||
187 | </el-input> | ||
188 | </el-form-item> | ||
189 | </el-col> | ||
190 | </el-row> | ||
191 | <el-row> | ||
192 | <el-col :span="12"> | ||
193 | <el-form-item label="登记状态(中文) :"> | ||
194 | <el-input | ||
195 | v-model="checkResult.regstateCn" | ||
196 | disabled | ||
197 | class="width100" | ||
198 | > | ||
199 | </el-input> | ||
200 | </el-form-item> | ||
201 | </el-col> | ||
202 | </el-row> | ||
203 | <el-row> | ||
204 | <el-col :span="24"> | ||
205 | <el-form-item label="经营范围 :"> | ||
206 | <el-input | ||
207 | type="textarea" | ||
208 | class="width100" | ||
209 | disabled | ||
210 | v-model="checkResult.opscope" | ||
211 | ></el-input> | ||
212 | </el-form-item> | ||
213 | </el-col> | ||
214 | </el-row> | ||
215 | <el-row> | ||
216 | <el-col :span="24"> | ||
217 | <el-form-item label="住所 :"> | ||
218 | <el-input | ||
219 | type="textarea" | ||
220 | class="width100" | ||
221 | disabled | ||
222 | v-model="checkResult.dom" | ||
223 | ></el-input> | ||
224 | </el-form-item> | ||
225 | </el-col> | ||
226 | </el-row> | ||
227 | </el-form> | ||
228 | </div> | ||
229 | </div> | ||
230 | </div> | ||
231 | </template> | ||
232 | |||
233 | <script> | ||
234 | import { qyjbxx } from "@/api/v1.js"; | ||
235 | export default { | ||
236 | name: "BdcdjWebSfhc", | ||
237 | data() { | ||
238 | return { | ||
239 | queryForm: {}, | ||
240 | checkResult: {}, | ||
241 | }; | ||
242 | }, | ||
243 | mounted() {}, | ||
244 | methods: { | ||
245 | handleSearch() { | ||
246 | qyjbxx(this.queryForm).then((res) => { | ||
247 | if (res.status == "OK") { | ||
248 | this.checkResult = res.body; | ||
249 | } | ||
250 | }); | ||
251 | }, | ||
252 | }, | ||
253 | }; | ||
254 | </script> | ||
255 | |||
256 | <style lang="scss" scoped></style> |
1 | <!-- | ||
2 | * @Author: yangwei | ||
3 | * @Date: 2023-09-06 09:00:34 | ||
4 | * @LastEditors: yangwei | ||
5 | * @LastEditTime: 2023-09-06 16:25:19 | ||
6 | * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\qyjbxxyz.vue | ||
7 | * @Description: | ||
8 | * | ||
9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. | ||
10 | --> | ||
11 | <template> | ||
12 | <div class="check-result"> | ||
13 | <div class="from-clues"> | ||
14 | <div class="from-clues-header"> | ||
15 | <el-form | ||
16 | :model="queryForm" | ||
17 | ref="queryForm" | ||
18 | @submit.native.prevent | ||
19 | label-width="124px" | ||
20 | > | ||
21 | <el-row> | ||
22 | <el-col :span="10"> | ||
23 | <el-form-item label="业务号"> | ||
24 | <el-input | ||
25 | placeholder="业务号" | ||
26 | v-model="queryForm.businessNumber" | ||
27 | clearable | ||
28 | class="width100" | ||
29 | > | ||
30 | </el-input> | ||
31 | </el-form-item> | ||
32 | </el-col> | ||
33 | <el-col :span="10"> | ||
34 | <el-form-item label="主体名称"> | ||
35 | <el-input | ||
36 | placeholder="主体名称" | ||
37 | v-model="queryForm.entname" | ||
38 | clearable | ||
39 | class="width100" | ||
40 | > | ||
41 | </el-input> | ||
42 | </el-form-item> | ||
43 | </el-col> | ||
44 | <el-col :span="4" class="btnColRight"> | ||
45 | <el-button | ||
46 | type="primary" | ||
47 | native-type="submit" | ||
48 | @click="handleSearch" | ||
49 | >查询</el-button | ||
50 | > | ||
51 | </el-col> | ||
52 | </el-row> | ||
53 | <el-row> | ||
54 | <el-col :span="10"> | ||
55 | <el-form-item label="统一社会信用代码"> | ||
56 | <el-input | ||
57 | placeholder="统一社会信用代码" | ||
58 | v-model="queryForm.uniscid" | ||
59 | clearable | ||
60 | class="width100" | ||
61 | > | ||
62 | </el-input> | ||
63 | </el-form-item> | ||
64 | </el-col> | ||
65 | <el-col :span="10"> | ||
66 | <el-form-item label="注册号"> | ||
67 | <el-input | ||
68 | placeholder="注册号" | ||
69 | v-model="queryForm.uniscid" | ||
70 | clearable | ||
71 | class="width100" | ||
72 | > | ||
73 | </el-input> | ||
74 | </el-form-item> | ||
75 | </el-col> | ||
76 | </el-row> | ||
77 | </el-form> | ||
78 | </div> | ||
79 | <div class="from-clues-content"> | ||
80 | <p>验证结果:<span></span></p> | ||
81 | </div> | ||
82 | </div> | ||
83 | </div> | ||
84 | </template> | ||
85 | |||
86 | <script> | ||
87 | import { qyjbxxyz } from "@/api/v1.js"; | ||
88 | export default { | ||
89 | name: "BdcdjWebSfhc", | ||
90 | data() { | ||
91 | return { | ||
92 | queryForm: {}, | ||
93 | checkResult: {}, | ||
94 | }; | ||
95 | }, | ||
96 | mounted() {}, | ||
97 | methods: { | ||
98 | handleSearch() { | ||
99 | qyjbxxyz(this.queryForm).then((res) => { | ||
100 | if (res.status == "OK") { | ||
101 | this.checkResult = res.body; | ||
102 | } | ||
103 | }); | ||
104 | }, | ||
105 | }, | ||
106 | }; | ||
107 | </script> | ||
108 | |||
109 | <style lang="scss" scoped> | ||
110 | .from-clues-content{ | ||
111 | margin-left: 40px; | ||
112 | p{ | ||
113 | margin-top: 20px; | ||
114 | color: grey; | ||
115 | } | ||
116 | } | ||
117 | </style> |
1 | <!-- | ||
2 | * @Author: yangwei | ||
3 | * @Date: 2023-09-06 09:00:34 | ||
4 | * @LastEditors: yangwei | ||
5 | * @LastEditTime: 2023-09-06 09:41:07 | ||
6 | * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\sfhc.vue | ||
7 | * @Description: | ||
8 | * | ||
9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. | ||
10 | --> | ||
11 | <template> | ||
12 | <div class="check-result"></div> | ||
13 | </template> | ||
14 | |||
15 | <script> | ||
16 | import { sfhc } from "@/api/v1.js"; | ||
17 | export default { | ||
18 | name: "BdcdjWebSfhc", | ||
19 | prop: { | ||
20 | condition: { | ||
21 | type: Object, | ||
22 | default: () => { | ||
23 | return {}; | ||
24 | }, | ||
25 | }, | ||
26 | }, | ||
27 | data() { | ||
28 | return { | ||
29 | checkResult: {}, | ||
30 | }; | ||
31 | }, | ||
32 | |||
33 | mounted() { | ||
34 | sfhc(this.condition).then((res) => { | ||
35 | |||
36 | }); | ||
37 | }, | ||
38 | |||
39 | methods: {}, | ||
40 | }; | ||
41 | </script> | ||
42 | |||
43 | <style lang="scss" scoped></style> |
1 | <!-- | ||
2 | * @Author: yangwei | ||
3 | * @Date: 2023-09-06 09:00:34 | ||
4 | * @LastEditors: yangwei | ||
5 | * @LastEditTime: 2023-09-07 09:03:14 | ||
6 | * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\zbbjbxxcx.vue | ||
7 | * @Description: | ||
8 | * | ||
9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. | ||
10 | --> | ||
11 | <template> | ||
12 | <div class="check-result"> | ||
13 | <div class="from-clues"> | ||
14 | <div class="from-clues-header"> | ||
15 | <el-form | ||
16 | :model="queryForm" | ||
17 | ref="queryForm" | ||
18 | @submit.native.prevent | ||
19 | label-width="124px" | ||
20 | > | ||
21 | <el-row> | ||
22 | <el-col :span="10"> | ||
23 | <el-form-item label="业务号"> | ||
24 | <el-input | ||
25 | placeholder="业务号" | ||
26 | v-model="queryForm.businessNumber" | ||
27 | clearable | ||
28 | class="width100" | ||
29 | > | ||
30 | </el-input> | ||
31 | </el-form-item> | ||
32 | </el-col> | ||
33 | <el-col :span="10"> | ||
34 | <el-form-item label="社会组织名称"> | ||
35 | <el-input | ||
36 | placeholder="社会组织名称" | ||
37 | v-model="queryForm.name" | ||
38 | clearable | ||
39 | class="width100" | ||
40 | > | ||
41 | </el-input> | ||
42 | </el-form-item> | ||
43 | </el-col> | ||
44 | <el-col :span="4" class="btnColRight"> | ||
45 | <el-button | ||
46 | type="primary" | ||
47 | native-type="submit" | ||
48 | @click="handleSearch" | ||
49 | >查询</el-button | ||
50 | > | ||
51 | </el-col> | ||
52 | </el-row> | ||
53 | <el-row> | ||
54 | <el-col :span="10"> | ||
55 | <el-form-item label="统一社会信用代码"> | ||
56 | <el-input | ||
57 | placeholder="统一社会信用代码" | ||
58 | v-model="queryForm.tyshxydm" | ||
59 | clearable | ||
60 | class="width100" | ||
61 | > | ||
62 | </el-input> | ||
63 | </el-form-item> | ||
64 | </el-col> | ||
65 | </el-row> | ||
66 | </el-form> | ||
67 | </div> | ||
68 | <div class="from-clues-content"> | ||
69 | <el-form | ||
70 | :model="checkResult" | ||
71 | ref="checkResult" | ||
72 | @submit.native.prevent | ||
73 | label-width="140px" | ||
74 | > | ||
75 | <el-row> | ||
76 | <el-col :span="12"> | ||
77 | <el-form-item label="统一社会信用代码 :"> | ||
78 | <el-input | ||
79 | v-model="checkResult.tyshxydm" | ||
80 | disabled | ||
81 | class="width100" | ||
82 | > | ||
83 | </el-input> | ||
84 | </el-form-item> | ||
85 | </el-col> | ||
86 | <el-col :span="12"> | ||
87 | <el-form-item label="第一名称 :"> | ||
88 | <el-input | ||
89 | v-model="checkResult.onemc" | ||
90 | disabled | ||
91 | class="width100" | ||
92 | > | ||
93 | </el-input> | ||
94 | </el-form-item> | ||
95 | </el-col> | ||
96 | </el-row> | ||
97 | <el-row> | ||
98 | <el-col :span="12"> | ||
99 | <el-form-item label="第二名称 :"> | ||
100 | <el-input | ||
101 | v-model="checkResult.twomc" | ||
102 | disabled | ||
103 | class="width100" | ||
104 | > | ||
105 | </el-input> | ||
106 | </el-form-item> | ||
107 | </el-col> | ||
108 | <el-col :span="12"> | ||
109 | <el-form-item label="第三名称 :"> | ||
110 | <el-input v-model="checkResult.threemc" disabled class="width100"> | ||
111 | </el-input> | ||
112 | </el-form-item> | ||
113 | </el-col> | ||
114 | </el-row> | ||
115 | <el-row> | ||
116 | <el-col :span="12"> | ||
117 | <el-form-item label="其他名称 :"> | ||
118 | <el-input | ||
119 | v-model="checkResult.qtmc" | ||
120 | disabled | ||
121 | class="width100" | ||
122 | > | ||
123 | </el-input> | ||
124 | </el-form-item> | ||
125 | </el-col> | ||
126 | <el-col :span="12"> | ||
127 | <el-form-item label="负责人 :"> | ||
128 | <el-input | ||
129 | v-model="checkResult.fzr" | ||
130 | disabled | ||
131 | class="width100" | ||
132 | > | ||
133 | </el-input> | ||
134 | </el-form-item> | ||
135 | </el-col> | ||
136 | </el-row> | ||
137 | <el-row> | ||
138 | <el-col :span="12"> | ||
139 | <el-form-item label="数据日期 :"> | ||
140 | <el-input | ||
141 | v-model="checkResult.sjrq" | ||
142 | disabled | ||
143 | class="width100" | ||
144 | > | ||
145 | </el-input> | ||
146 | </el-form-item> | ||
147 | </el-col> | ||
148 | <el-col :span="12"> | ||
149 | <el-form-item label="颁发日期 :"> | ||
150 | <el-input v-model="checkResult.bfrq" disabled class="width100"> | ||
151 | </el-input> | ||
152 | </el-form-item> | ||
153 | </el-col> | ||
154 | </el-row> | ||
155 | <el-row> | ||
156 | <el-col :span="12"> | ||
157 | <el-form-item label="机构地址 :"> | ||
158 | <el-input | ||
159 | v-model="checkResult.jgdz" | ||
160 | disabled | ||
161 | class="width100" | ||
162 | > | ||
163 | </el-input> | ||
164 | </el-form-item> | ||
165 | </el-col> | ||
166 | <el-col :span="12"> | ||
167 | <el-form-item label="机构性质 :"> | ||
168 | <el-input | ||
169 | v-model="checkResult.jgxz" | ||
170 | disabled | ||
171 | class="width100" | ||
172 | > | ||
173 | </el-input> | ||
174 | </el-form-item> | ||
175 | </el-col> | ||
176 | </el-row> | ||
177 | <el-row> | ||
178 | <el-col :span="12"> | ||
179 | <el-form-item label="赋码机关 :"> | ||
180 | <el-input v-model="checkResult.fmjg" disabled class="width100"> | ||
181 | </el-input> | ||
182 | </el-form-item> | ||
183 | </el-col> | ||
184 | <el-col :span="12"> | ||
185 | <el-form-item label="权力标识 :"> | ||
186 | <el-input | ||
187 | v-model="checkResult.qlbs" | ||
188 | disabled | ||
189 | class="width100" | ||
190 | > | ||
191 | </el-input> | ||
192 | </el-form-item> | ||
193 | </el-col> | ||
194 | </el-row> | ||
195 | <el-row> | ||
196 | <el-col :span="12"> | ||
197 | <el-form-item label="状态 :"> | ||
198 | <el-input | ||
199 | v-model="checkResult.zt" | ||
200 | disabled | ||
201 | class="width100" | ||
202 | > | ||
203 | </el-input> | ||
204 | </el-form-item> | ||
205 | </el-col> | ||
206 | </el-row> | ||
207 | </el-form> | ||
208 | </div> | ||
209 | </div> | ||
210 | </div> | ||
211 | </template> | ||
212 | |||
213 | <script> | ||
214 | import { xydm } from "@/api/v1.js"; | ||
215 | export default { | ||
216 | name: "BdcdjWebSfhc", | ||
217 | data() { | ||
218 | return { | ||
219 | queryForm: {}, | ||
220 | checkResult: {}, | ||
221 | }; | ||
222 | }, | ||
223 | mounted() {}, | ||
224 | methods: { | ||
225 | handleSearch() { | ||
226 | xydm(this.queryForm).then((res) => { | ||
227 | if (res.status == "OK") { | ||
228 | this.checkResult = res.data.rows[0]; | ||
229 | } | ||
230 | }); | ||
231 | }, | ||
232 | }, | ||
233 | }; | ||
234 | </script> | ||
235 | |||
236 | <style lang="scss" scoped></style> |
1 | <!-- | ||
2 | * @Author: yangwei | ||
3 | * @Date: 2023-09-06 09:04:36 | ||
4 | * @LastEditors: yangwei | ||
5 | * @LastEditTime: 2023-09-07 14:12:23 | ||
6 | * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\zgfbm.vue | ||
7 | * @Description: | ||
8 | * | ||
9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. | ||
10 | --> | ||
11 | <template> | ||
12 | <div class="check-result"> | ||
13 | <p>获取查询请求单号</p> | ||
14 | <div class="from-clues"> | ||
15 | <div class="from-clues-header"> | ||
16 | <el-form | ||
17 | :model="queryForm" | ||
18 | ref="queryForm" | ||
19 | @submit.native.prevent | ||
20 | label-width="124px" | ||
21 | > | ||
22 | <el-row> | ||
23 | <el-col :span="10"> | ||
24 | <el-form-item label="案件编号"> | ||
25 | <el-input | ||
26 | placeholder="案件编号" | ||
27 | v-model="queryForm.ajbh" | ||
28 | clearable | ||
29 | class="width100" | ||
30 | > | ||
31 | </el-input> | ||
32 | </el-form-item> | ||
33 | </el-col> | ||
34 | <el-col :span="10"> | ||
35 | <el-form-item label="查询人姓名"> | ||
36 | <el-input | ||
37 | placeholder="查询人姓名" | ||
38 | v-model="queryForm.cxr" | ||
39 | clearable | ||
40 | class="width100" | ||
41 | > | ||
42 | </el-input> | ||
43 | </el-form-item> | ||
44 | </el-col> | ||
45 | </el-row> | ||
46 | <el-row> | ||
47 | <el-col :span="10"> | ||
48 | <el-form-item label="业务号"> | ||
49 | <el-input | ||
50 | placeholder="业务号" | ||
51 | v-model="queryForm.businessNumber" | ||
52 | clearable | ||
53 | class="width100" | ||
54 | > | ||
55 | </el-input> | ||
56 | </el-form-item> | ||
57 | </el-col> | ||
58 | <el-col :span="10"> | ||
59 | <el-form-item label="查询人编号/证号"> | ||
60 | <el-input | ||
61 | placeholder="查询人编号/证号" | ||
62 | v-model="queryForm.cxrbh" | ||
63 | clearable | ||
64 | class="width100" | ||
65 | > | ||
66 | </el-input> | ||
67 | </el-form-item> | ||
68 | </el-col> | ||
69 | <el-col :span="4" class="btnColRight"> | ||
70 | <el-button | ||
71 | type="primary" | ||
72 | native-type="submit" | ||
73 | @click="handleSearch" | ||
74 | >查询</el-button | ||
75 | > | ||
76 | </el-col> | ||
77 | </el-row> | ||
78 | </el-form> | ||
79 | </div> | ||
80 | </div> | ||
81 | |||
82 | <p>第二次查询</p> | ||
83 | <el-form | ||
84 | :model="queryForm" | ||
85 | ref="queryForm" | ||
86 | @submit.native.prevent | ||
87 | label-width="124px" | ||
88 | > | ||
89 | <el-row> | ||
90 | <el-col :span="10"> | ||
91 | <el-form-item label="查询请求单号"> | ||
92 | <el-input | ||
93 | placeholder="查询请求单号" | ||
94 | v-model="queryForm.cxqqdh" | ||
95 | disabled | ||
96 | class="width100" | ||
97 | > | ||
98 | </el-input> | ||
99 | </el-form-item> | ||
100 | </el-col> | ||
101 | <el-col :span="10"> | ||
102 | <el-form-item label="业务号"> | ||
103 | <el-input | ||
104 | placeholder="业务号" | ||
105 | v-model="queryForm.businessNumber" | ||
106 | clearable | ||
107 | class="width100" | ||
108 | > | ||
109 | </el-input> | ||
110 | </el-form-item> | ||
111 | </el-col> | ||
112 | <el-col :span="4" class="btnColRight"> | ||
113 | <el-button type="primary" native-type="submit" @click="searchSecond" | ||
114 | >查询</el-button | ||
115 | > | ||
116 | </el-col> | ||
117 | </el-row> | ||
118 | </el-form> | ||
119 | <p>返回内容</p> | ||
120 | <el-form | ||
121 | :model="queryForm" | ||
122 | ref="queryForm" | ||
123 | @submit.native.prevent | ||
124 | label-width="124px" | ||
125 | > | ||
126 | <el-row> | ||
127 | <el-col :span="10"> | ||
128 | <el-form-item label="实体码 :"> | ||
129 | <el-input | ||
130 | placeholder="实体码" | ||
131 | v-model="queryForm.c_stm" | ||
132 | disabled | ||
133 | class="width100" | ||
134 | > | ||
135 | </el-input> | ||
136 | </el-form-item> | ||
137 | </el-col> | ||
138 | <el-col :span="10"> | ||
139 | <el-form-item label="文书内容 :"> | ||
140 | <el-input | ||
141 | placeholder="文书内容" | ||
142 | v-model="queryForm.c_nr" | ||
143 | clearable | ||
144 | class="width100" | ||
145 | > | ||
146 | </el-input> | ||
147 | </el-form-item> | ||
148 | </el-col> | ||
149 | </el-row> | ||
150 | <el-row> | ||
151 | <el-col :span="10"> | ||
152 | <el-form-item label="案号 :"> | ||
153 | <el-input | ||
154 | placeholder="案号" | ||
155 | v-model="queryForm.c_ah" | ||
156 | disabled | ||
157 | class="width100" | ||
158 | > | ||
159 | </el-input> | ||
160 | </el-form-item> | ||
161 | </el-col> | ||
162 | </el-row> | ||
163 | </el-form> | ||
164 | </div> | ||
165 | </template> | ||
166 | |||
167 | <script> | ||
168 | import { pjws,pjwsDetail } from "@/api/v1.js"; | ||
169 | export default { | ||
170 | name: "BdcdjWebSfhc", | ||
171 | |||
172 | data() { | ||
173 | return { | ||
174 | queryForm: {}, | ||
175 | checkResult: {}, | ||
176 | }; | ||
177 | }, | ||
178 | |||
179 | mounted() {}, | ||
180 | |||
181 | methods: { | ||
182 | handleSearch() { | ||
183 | pjws(this.queryForm).then((res) => { | ||
184 | if (res.status == "OK") { | ||
185 | this.queryForm.cxqqdh = res.cxqqdh; | ||
186 | } | ||
187 | }); | ||
188 | }, | ||
189 | searchSecond() { | ||
190 | pjwsDetail(this.queryForm).then((res) => { | ||
191 | if (res.status == "OK") { | ||
192 | this.checkResult = res.body; | ||
193 | } | ||
194 | }); | ||
195 | }, | ||
196 | }, | ||
197 | }; | ||
198 | </script> | ||
199 | |||
200 | <style lang="scss" scoped> | ||
201 | .check-result { | ||
202 | > p { | ||
203 | color: #050505; | ||
204 | font-size: 16px; | ||
205 | margin-bottom: 20px; | ||
206 | &:before { | ||
207 | content: ""; | ||
208 | display: inline-block; | ||
209 | width: 3px; | ||
210 | background-color: #659bfe; | ||
211 | height: 16px; | ||
212 | position: relative; | ||
213 | left: -4px; | ||
214 | top: 3px; | ||
215 | } | ||
216 | } | ||
217 | } | ||
218 | </style> |
src/views/sjgx/gbmhlgxsjgx/gbmhlgxsjgx.vue
0 → 100644
1 | <!-- | ||
2 | * @Author: yangwei | ||
3 | * @Date: 2023-09-01 10:39:03 | ||
4 | * @LastEditors: yangwei | ||
5 | * @LastEditTime: 2023-09-07 09:00:17 | ||
6 | * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\gbmhlgxsjgx.vue | ||
7 | * @Description: | ||
8 | * | ||
9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. | ||
10 | --> | ||
11 | |||
12 | <template> | ||
13 | <div class="from-clues"> | ||
14 | <div class="from-clues-header"> | ||
15 | <el-form | ||
16 | :model="queryForm" | ||
17 | ref="queryForm" | ||
18 | @submit.native.prevent | ||
19 | label-width="100px" | ||
20 | > | ||
21 | <el-row> | ||
22 | <el-col :span="5"> | ||
23 | <el-form-item label="身份证号"> | ||
24 | <el-input | ||
25 | placeholder="身份证号" | ||
26 | v-model="queryForm.gmsfhm" | ||
27 | clearable | ||
28 | class="width100" | ||
29 | > | ||
30 | </el-input> | ||
31 | </el-form-item> | ||
32 | </el-col> | ||
33 | <el-col :span="5"> | ||
34 | <el-form-item label="姓名"> | ||
35 | <el-input | ||
36 | placeholder="姓名" | ||
37 | v-model="queryForm.xm" | ||
38 | clearable | ||
39 | class="width100" | ||
40 | > | ||
41 | </el-input> | ||
42 | </el-form-item> | ||
43 | </el-col> | ||
44 | <el-col :span="5"> | ||
45 | <el-form-item label="证件种类"> | ||
46 | <el-select | ||
47 | v-model="queryForm.qllx" | ||
48 | class="width100" | ||
49 | filterable | ||
50 | clearable | ||
51 | placeholder="证件种类" | ||
52 | > | ||
53 | <el-option | ||
54 | v-for="item in dictData['A30']" | ||
55 | :key="item.dcode" | ||
56 | :label="item.dname" | ||
57 | :value="item.dcode" | ||
58 | > | ||
59 | </el-option> | ||
60 | </el-select> | ||
61 | </el-form-item> | ||
62 | </el-col> | ||
63 | <el-col :span="5"> | ||
64 | <el-form-item label="不动产单元号"> | ||
65 | <el-input | ||
66 | placeholder="不动产单元号" | ||
67 | v-model="queryForm.bdcdyh" | ||
68 | clearable | ||
69 | class="width100" | ||
70 | > | ||
71 | </el-input> | ||
72 | </el-form-item> | ||
73 | </el-col> | ||
74 | </el-row> | ||
75 | </el-form> | ||
76 | </div> | ||
77 | <div class="from-clues-content"> | ||
78 | <div | ||
79 | v-for="item in searchType" | ||
80 | :key="item.name" | ||
81 | @click="openDialog(item)" | ||
82 | class="search-type" | ||
83 | > | ||
84 | <div | ||
85 | :style="{ | ||
86 | backgroundColor: item.bgColor, | ||
87 | 'box-shadow': '0px 5px 9px -1px ' + item.bgColor, | ||
88 | }" | ||
89 | > | ||
90 | <i class="el-icon-s-claim"></i> | ||
91 | </div> | ||
92 | <p>{{ item.name }}</p> | ||
93 | </div> | ||
94 | </div> | ||
95 | <el-dialog | ||
96 | :close-on-click-modal="false" | ||
97 | :title="dialogTitle" | ||
98 | :visible.sync="dialogVisible" | ||
99 | custom-class="insetDialog" | ||
100 | append-to-body | ||
101 | width="50%" | ||
102 | > | ||
103 | <component :is="dialogComp" v-if="dialogVisible" :condition="queryForm" /> | ||
104 | <div class="text-center pt-10 pb-20"> | ||
105 | <el-button @click="dialogVisible = false">关 闭</el-button> | ||
106 | </div> | ||
107 | </el-dialog> | ||
108 | </div> | ||
109 | </template> | ||
110 | <script> | ||
111 | import { mapGetters } from "vuex"; | ||
112 | export default { | ||
113 | name: "BdcdjWebGbmhlgxsjgx", | ||
114 | data() { | ||
115 | return { | ||
116 | queryForm: {}, | ||
117 | searchType: [ | ||
118 | { name: "身份核查", bgColor: "#486DCA", comp: "sfhc" }, | ||
119 | { name: "婚姻登记信息核验", bgColor: "#AA47AF", comp: "hydjxxhy" }, | ||
120 | { name: "金融许可查询", bgColor: "#E1943F", comp: "jrxkcx" }, | ||
121 | { name: "企业基本信息查询", bgColor: "#D35450", comp: "qyjbxxcx" }, | ||
122 | { name: "企业基本信息验证", bgColor: "#486DCA", comp: "qyjbxxyz" }, | ||
123 | { name: "地域信息查询", bgColor: "#AA47AF", comp: "dyxxcx" }, | ||
124 | { | ||
125 | name: "个体工商户基本信息查询", | ||
126 | bgColor: "#E1943F", | ||
127 | comp: "gtgshjbxxcx", | ||
128 | }, | ||
129 | { | ||
130 | name: "个体工商户基本信息验证", | ||
131 | bgColor: "#486DCA", | ||
132 | comp: "gtgshjbxxyz", | ||
133 | }, | ||
134 | { name: "中编办机构信息查询", bgColor: "#D35450", comp: "zbbjbxxcx" }, | ||
135 | { name: "机构信息查询", bgColor: "#E1943F", comp: "jgxxcx" }, | ||
136 | { name: "不动产登记信息查询", bgColor: "#486DCA", comp: "bdcdjxxcx" }, | ||
137 | { name: "电子营业执照查询", bgColor: "#AA47AF", comp: "dzyyzzcx" }, | ||
138 | { name: "公证书信息查询", bgColor: "#E1943F", comp: "gzsxxcx" }, | ||
139 | { name: "最高法部门", bgColor: "#D35450", comp: "zgfbm" }, | ||
140 | ], | ||
141 | dialogVisible: false, | ||
142 | dialogTitle: "", | ||
143 | dialogComp: null, | ||
144 | }; | ||
145 | }, | ||
146 | |||
147 | mounted() {}, | ||
148 | |||
149 | methods: { | ||
150 | /** | ||
151 | * @description: openDialog 打开弹框窗口 | ||
152 | * @param {*} item | ||
153 | * @author: renchao | ||
154 | */ | ||
155 | openDialog(item) { | ||
156 | this.dialogTitle = item.name; | ||
157 | this.dialogVisible = true; | ||
158 | this.dialogComp = (r) => | ||
159 | require.ensure([], () => r(require(`./components/${item.comp}.vue`))); | ||
160 | }, | ||
161 | }, | ||
162 | computed: { | ||
163 | ...mapGetters(["dictData"]), | ||
164 | }, | ||
165 | }; | ||
166 | </script> | ||
167 | <style scoped lang="scss"> | ||
168 | @import "~@/styles/public.scss"; | ||
169 | .from-clues-content { | ||
170 | height: calc(100% - 70px); | ||
171 | } | ||
172 | .search-type { | ||
173 | float: left; | ||
174 | width: 12.5%; | ||
175 | text-align: center; | ||
176 | height: 160px; | ||
177 | box-sizing: border-box; | ||
178 | padding: 32px 0; | ||
179 | > div { | ||
180 | width: 60px; | ||
181 | height: 60px; | ||
182 | border-radius: 50%; | ||
183 | margin: 0 auto; | ||
184 | cursor: pointer; | ||
185 | i { | ||
186 | text-align: center; | ||
187 | line-height: 60px; | ||
188 | font-size: 26px; | ||
189 | color: #fff; | ||
190 | } | ||
191 | } | ||
192 | p { | ||
193 | margin-top: 20px; | ||
194 | cursor: pointer; | ||
195 | font-size: 16px; | ||
196 | } | ||
197 | } | ||
198 | /deep/.el-dialog__header { | ||
199 | text-align: center; | ||
200 | } | ||
201 | /deep/ .check-result { | ||
202 | min-height: 200px; | ||
203 | box-sizing: border-box; | ||
204 | padding: 20px 0 0; | ||
205 | } | ||
206 | .pb-20 { | ||
207 | padding-bottom: 20px; | ||
208 | /deep/ .el-button { | ||
209 | cursor: pointer; | ||
210 | } | ||
211 | } | ||
212 | </style> |
... | @@ -96,8 +96,8 @@ export default { | ... | @@ -96,8 +96,8 @@ export default { |
96 | 96 | ||
97 | methods: { | 97 | methods: { |
98 | /** | 98 | /** |
99 | * 初始数据集 | 99 | * @description: 初始数据集 |
100 | * @returns {*[]} | 100 | * @author: renchao |
101 | */ | 101 | */ |
102 | generateData() { | 102 | generateData() { |
103 | const data = []; | 103 | const data = []; |
... | @@ -130,7 +130,8 @@ export default { | ... | @@ -130,7 +130,8 @@ export default { |
130 | }); | 130 | }); |
131 | }, | 131 | }, |
132 | /** | 132 | /** |
133 | * 确定选择 | 133 | * @description: 确定选择 |
134 | * @author: renchao | ||
134 | */ | 135 | */ |
135 | submitForm() { | 136 | submitForm() { |
136 | this.value.forEach((item) => { | 137 | this.value.forEach((item) => { |
... | @@ -153,13 +154,18 @@ export default { | ... | @@ -153,13 +154,18 @@ export default { |
153 | }); | 154 | }); |
154 | }, | 155 | }, |
155 | /** | 156 | /** |
156 | * 监听右侧选中 | 157 | * @description: 监听右侧选中 |
158 | * @param {*} value | ||
159 | * @author: renchao | ||
157 | */ | 160 | */ |
158 | choose(value) { | 161 | choose(value) { |
159 | this.item = value; | 162 | this.item = value; |
160 | }, | 163 | }, |
161 | /** | 164 | /** |
162 | * 右侧数据点击排序 | 165 | * @description: 右侧数据点击排序 |
166 | * @param {*} direction | ||
167 | * @param {*} key | ||
168 | * @author: renchao | ||
163 | */ | 169 | */ |
164 | publicMobileMethod(direction, key) { | 170 | publicMobileMethod(direction, key) { |
165 | const self = this; | 171 | const self = this; | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-04 17:09:21 | 4 | * @LastEditTime: 2023-09-08 14:18:42 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="clxx"> | 7 | <div class="clxx"> |
... | @@ -34,7 +34,7 @@ | ... | @@ -34,7 +34,7 @@ |
34 | @click="treeClick(item, index)"> | 34 | @click="treeClick(item, index)"> |
35 | <span v-if="item.isrequired == 1" class="required">必选</span> | 35 | <span v-if="item.isrequired == 1" class="required">必选</span> |
36 | {{ item.sjmc }} | 36 | {{ item.sjmc }} |
37 | <span class="cl_number" :key="key">({{ item.children ? item.children.length : 0 }})</span> | 37 | <span class="cl_number" :key="key">({{ item.ys ? item.ys : 0 }})</span> |
38 | </div> | 38 | </div> |
39 | </div> | 39 | </div> |
40 | </div> | 40 | </div> |
... | @@ -63,7 +63,7 @@ | ... | @@ -63,7 +63,7 @@ |
63 | import clxxAddDialog from "../dialog/clxxAddDialog.vue"; | 63 | import clxxAddDialog from "../dialog/clxxAddDialog.vue"; |
64 | import clxxDetailDialog from "../dialog/clxxDetailDialog.vue"; | 64 | import clxxDetailDialog from "../dialog/clxxDetailDialog.vue"; |
65 | import imagePreview from "@/views/components/imagePreview.vue"; | 65 | import imagePreview from "@/views/components/imagePreview.vue"; |
66 | import { InitClml, saveClml } from "@/api/clxx.js"; | 66 | import { InitClml, saveClml, getClmxList } from "@/api/clxx.js"; |
67 | export default { | 67 | export default { |
68 | components: { clxxAddDialog, imagePreview, clxxDetailDialog }, | 68 | components: { clxxAddDialog, imagePreview, clxxDetailDialog }, |
69 | data () { | 69 | data () { |
... | @@ -107,7 +107,6 @@ | ... | @@ -107,7 +107,6 @@ |
107 | this.ableOperation = this.$parent.ableOperation; | 107 | this.ableOperation = this.$parent.ableOperation; |
108 | }, | 108 | }, |
109 | methods: { | 109 | methods: { |
110 | // 自动预览 | ||
111 | /** | 110 | /** |
112 | * @description: 自动预览 | 111 | * @description: 自动预览 |
113 | * @author: renchao | 112 | * @author: renchao |
... | @@ -115,10 +114,23 @@ | ... | @@ -115,10 +114,23 @@ |
115 | nextPriview () { | 114 | nextPriview () { |
116 | if (this.treeCheckIndex < this.tableData.length) { | 115 | if (this.treeCheckIndex < this.tableData.length) { |
117 | this.treeCheckIndex++; | 116 | this.treeCheckIndex++; |
118 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj; | 117 | if (this.tableData[this.treeCheckIndex]) { |
119 | this.previewImg.index = 0; | 118 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj; |
120 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children; | 119 | // 判断页数 |
121 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj; | 120 | let ys = this.tableData[this.treeCheckIndex].ys |
121 | this.previewImg.index = 0; | ||
122 | // 获取材料明细 | ||
123 | if (ys > 0) { | ||
124 | getClmxList(this.treeCheckId).then(res => { | ||
125 | this.previewImg.imgList = res.result ? res.result : []; | ||
126 | }) | ||
127 | } else { | ||
128 | this.previewImg.imgList = [] | ||
129 | } | ||
130 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj; | ||
131 | } else { | ||
132 | this.$message.error('没有最后一张了'); | ||
133 | } | ||
122 | } | 134 | } |
123 | }, | 135 | }, |
124 | /** | 136 | /** |
... | @@ -129,9 +141,21 @@ | ... | @@ -129,9 +141,21 @@ |
129 | if (this.treeCheckIndex >= 1) { | 141 | if (this.treeCheckIndex >= 1) { |
130 | this.treeCheckIndex--; | 142 | this.treeCheckIndex--; |
131 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj; | 143 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj; |
132 | this.previewImg.index = this.previewImg.imgList.length; | 144 | // 判断页数 |
133 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children; | 145 | let ys = this.tableData[this.treeCheckIndex].ys |
146 | if (ys > 0) { | ||
147 | // 获取材料明细 | ||
148 | getClmxList(this.treeCheckId).then(res => { | ||
149 | this.previewImg.imgList = res.result ? res.result : []; | ||
150 | this.previewImg.index = this.previewImg.imgList.length - 1; | ||
151 | }) | ||
152 | } else { | ||
153 | this.previewImg.imgList = []; | ||
154 | this.previewImg.index = 0 | ||
155 | } | ||
134 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj; | 156 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj; |
157 | } else { | ||
158 | this.$message.error('没有第一张了'); | ||
135 | } | 159 | } |
136 | }, | 160 | }, |
137 | /** | 161 | /** |
... | @@ -149,7 +173,8 @@ | ... | @@ -149,7 +173,8 @@ |
149 | formdata.append("bsmSldy", this.$parent.bsmRepair); | 173 | formdata.append("bsmSldy", this.$parent.bsmRepair); |
150 | formdata.append("clfl", 3); | 174 | formdata.append("clfl", 3); |
151 | } else { | 175 | } else { |
152 | formdata.append("bsmSldy", this.unitData[0]?.bsmSldy); | 176 | //formdata.append("bsmSldy", this.unitData[0]?.bsmSldy); |
177 | formdata.append("bsmSldy", this.$parent.currentSelectProps.bsmSldy); | ||
153 | formdata.append("clfl", 2); | 178 | formdata.append("clfl", 2); |
154 | } | 179 | } |
155 | 180 | ||
... | @@ -198,7 +223,7 @@ | ... | @@ -198,7 +223,7 @@ |
198 | //删除最后一张图片时 val=null | 223 | //删除最后一张图片时 val=null |
199 | this.tableData.forEach((item) => { | 224 | this.tableData.forEach((item) => { |
200 | if (item.bsmSj === val.bsmSj) { | 225 | if (item.bsmSj === val.bsmSj) { |
201 | item.children = val.children; | 226 | item.ys = val.children.length; |
202 | } | 227 | } |
203 | }); | 228 | }); |
204 | this.previewImg.imgList = _.cloneDeep(val.children); | 229 | this.previewImg.imgList = _.cloneDeep(val.children); |
... | @@ -216,7 +241,6 @@ | ... | @@ -216,7 +241,6 @@ |
216 | }); | 241 | }); |
217 | } | 242 | } |
218 | }, | 243 | }, |
219 | // 添加材料目录 | ||
220 | /** | 244 | /** |
221 | * @description: 添加材料目录 | 245 | * @description: 添加材料目录 |
222 | * @author: renchao | 246 | * @author: renchao |
... | @@ -224,7 +248,6 @@ | ... | @@ -224,7 +248,6 @@ |
224 | handleAdd () { | 248 | handleAdd () { |
225 | this.isDialog = true; | 249 | this.isDialog = true; |
226 | }, | 250 | }, |
227 | // 新增弹窗保存 | ||
228 | /** | 251 | /** |
229 | * @description: 新增弹窗保存 | 252 | * @description: 新增弹窗保存 |
230 | * @param {*} data | 253 | * @param {*} data |
... | @@ -240,7 +263,12 @@ | ... | @@ -240,7 +263,12 @@ |
240 | ys: 0, | 263 | ys: 0, |
241 | sjlx: data.cllx, | 264 | sjlx: data.cllx, |
242 | sfxjcl: "1", // 是否必选 | 265 | sfxjcl: "1", // 是否必选 |
266 | sfggcl: data.sfggcl, | ||
243 | }; | 267 | }; |
268 | //是否公共材料 | ||
269 | if (data.sfggcl == "0") { | ||
270 | obj["bsmSldy"] = this.$parent.currentSelectProps.bsmSldy; | ||
271 | } | ||
244 | if (this.$route.query.sqywbm == "DJBBL") { | 272 | if (this.$route.query.sqywbm == "DJBBL") { |
245 | obj.bsmSldy = this.$parent.bsmRepair | 273 | obj.bsmSldy = this.$parent.bsmRepair |
246 | } | 274 | } |
... | @@ -255,7 +283,6 @@ | ... | @@ -255,7 +283,6 @@ |
255 | } | 283 | } |
256 | }); | 284 | }); |
257 | }, | 285 | }, |
258 | // 材料目录点击选中 | ||
259 | /** | 286 | /** |
260 | * @description: 材料目录点击选中 | 287 | * @description: 材料目录点击选中 |
261 | * @param {*} item | 288 | * @param {*} item |
... | @@ -266,10 +293,12 @@ | ... | @@ -266,10 +293,12 @@ |
266 | this.previewImg.index = 0; | 293 | this.previewImg.index = 0; |
267 | this.treeCheckId = item?.bsmSj; | 294 | this.treeCheckId = item?.bsmSj; |
268 | this.treeCheckIndex = index; | 295 | this.treeCheckIndex = index; |
269 | this.previewImg.imgList = item.children ? item.children : []; | 296 | // 获取材料明细 |
297 | getClmxList(item.bsmSj).then(res => { | ||
298 | this.previewImg.imgList = res.result ? res.result : []; | ||
299 | }) | ||
270 | this.previewImg.bsmSj = item?.bsmSj; | 300 | this.previewImg.bsmSj = item?.bsmSj; |
271 | }, | 301 | }, |
272 | // 小图片点击 | ||
273 | /** | 302 | /** |
274 | * @description: 小图片点击 | 303 | * @description: 小图片点击 |
275 | * @param {*} item | 304 | * @param {*} item |
... | @@ -280,7 +309,6 @@ | ... | @@ -280,7 +309,6 @@ |
280 | this.showImg = item; | 309 | this.showImg = item; |
281 | this.titleYs = index + 1; | 310 | this.titleYs = index + 1; |
282 | }, | 311 | }, |
283 | // 字典 | ||
284 | /** | 312 | /** |
285 | * @description: 字典 | 313 | * @description: 字典 |
286 | * @param {*} val | 314 | * @param {*} val |
... | @@ -319,9 +347,9 @@ | ... | @@ -319,9 +347,9 @@ |
319 | setTableData (tableData) { | 347 | setTableData (tableData) { |
320 | this.$nextTick((res) => { | 348 | this.$nextTick((res) => { |
321 | this.tableData = tableData; | 349 | this.tableData = tableData; |
322 | }); | 350 | }) |
323 | }, | 351 | } |
324 | }, | 352 | } |
325 | }; | 353 | }; |
326 | </script> | 354 | </script> |
327 | <style scoped lang="scss"> | 355 | <style scoped lang="scss"> | ... | ... |
... | @@ -438,6 +438,12 @@ | ... | @@ -438,6 +438,12 @@ |
438 | } | 438 | } |
439 | }, | 439 | }, |
440 | methods: { | 440 | methods: { |
441 | /** | ||
442 | * @description: handleClick | ||
443 | * @param {*} event | ||
444 | * @param {*} tab | ||
445 | * @author: renchao | ||
446 | */ | ||
441 | handleClick (event, tab) { | 447 | handleClick (event, tab) { |
442 | if (this.activeName != 1) { | 448 | if (this.activeName != 1) { |
443 | this.isShow = false | 449 | this.isShow = false |
... | @@ -445,17 +451,30 @@ | ... | @@ -445,17 +451,30 @@ |
445 | this.isShow = true | 451 | this.isShow = true |
446 | } | 452 | } |
447 | }, | 453 | }, |
454 | /** | ||
455 | * @description: 身份证打卡器 | ||
456 | * @param {*} row | ||
457 | * @author: renchao | ||
458 | */ | ||
448 | handlesYhSelect (row) { | 459 | handlesYhSelect (row) { |
449 | this.$emit("updateDetail", _.cloneDeep(row)); | 460 | this.$emit("updateDetail", _.cloneDeep(row)); |
450 | this.$emit("input", false); | 461 | this.$emit("input", false); |
451 | }, | 462 | }, |
463 | /** | ||
464 | * @description: handleSearch | ||
465 | * @author: renchao | ||
466 | */ | ||
452 | handleSearch () { }, | 467 | handleSearch () { }, |
468 | /** | ||
469 | * @description: handleCurrentChange | ||
470 | * @param {*} val | ||
471 | * @author: renchao | ||
472 | */ | ||
453 | handleCurrentChange (val) { | 473 | handleCurrentChange (val) { |
454 | console.log(val); | 474 | console.log(val); |
455 | }, | 475 | }, |
456 | /** | 476 | /** |
457 | * @description: 身份证打卡器 | 477 | * @description: 身份证打卡器 |
458 | * @param {*} row | ||
459 | * @author: renchao | 478 | * @author: renchao |
460 | */ | 479 | */ |
461 | readClick () { | 480 | readClick () { | ... | ... |
... | @@ -6,7 +6,7 @@ | ... | @@ -6,7 +6,7 @@ |
6 | <template> | 6 | <template> |
7 | <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" | 7 | <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" |
8 | :isFullscreen="false"> | 8 | :isFullscreen="false"> |
9 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px"> | 9 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> |
10 | <el-row> | 10 | <el-row> |
11 | <el-col :span="24"> | 11 | <el-col :span="24"> |
12 | <el-form-item label="材料类型" prop="cllx"> | 12 | <el-form-item label="材料类型" prop="cllx"> |
... | @@ -24,6 +24,20 @@ | ... | @@ -24,6 +24,20 @@ |
24 | </el-form-item> | 24 | </el-form-item> |
25 | </el-col> | 25 | </el-col> |
26 | </el-row> | 26 | </el-row> |
27 | <el-row :gutter="20"> | ||
28 | <el-col :span="24"> | ||
29 | <el-form-item | ||
30 | label="是否公共材料" | ||
31 | > | ||
32 | <el-radio-group | ||
33 | v-model="ruleForm.sfggcl" | ||
34 | > | ||
35 | <el-radio label="1">是</el-radio> | ||
36 | <el-radio label="0">否</el-radio> | ||
37 | </el-radio-group> | ||
38 | </el-form-item> | ||
39 | </el-col> | ||
40 | </el-row> | ||
27 | </el-form> | 41 | </el-form> |
28 | </dialogBox> | 42 | </dialogBox> |
29 | </template> | 43 | </template> |
... | @@ -40,6 +54,7 @@ | ... | @@ -40,6 +54,7 @@ |
40 | ruleForm: { | 54 | ruleForm: { |
41 | cllx: "", | 55 | cllx: "", |
42 | clmc: "", | 56 | clmc: "", |
57 | sfggcl:"0" | ||
43 | }, | 58 | }, |
44 | rules: { | 59 | rules: { |
45 | cllx: [ | 60 | cllx: [ |
... | @@ -82,6 +97,7 @@ | ... | @@ -82,6 +97,7 @@ |
82 | this.ruleForm = { | 97 | this.ruleForm = { |
83 | cllx: "", | 98 | cllx: "", |
84 | clmc: "", | 99 | clmc: "", |
100 | sfggcl:"0" | ||
85 | } | 101 | } |
86 | this.$emit("input", false); | 102 | this.$emit("input", false); |
87 | } else { | 103 | } else { | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-15 09:43:46 | 4 | * @LastEditTime: 2023-09-07 16:01:19 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="clmlmx-box"> | 7 | <div class="clmlmx-box"> |
... | @@ -31,9 +31,23 @@ | ... | @@ -31,9 +31,23 @@ |
31 | loading: false, | 31 | loading: false, |
32 | column: [ | 32 | column: [ |
33 | { | 33 | { |
34 | width: "50", | 34 | width: '50', |
35 | label: '序号', | 35 | renderHeader: (h, scope) => { |
36 | type: 'index' | 36 | return <div> { |
37 | !this.formData.ableOperation ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> | ||
38 | } | ||
39 | </div> | ||
40 | }, | ||
41 | render: (h, scope) => { | ||
42 | return ( | ||
43 | <div> | ||
44 | { | ||
45 | !this.formData.ableOperation ? <span>{scope.$index + 1}</span> : | ||
46 | <i class="el-icon-minus pointer" onClick={() => { this.handleDelete(scope.$index, scope.row) }}></i> | ||
47 | } | ||
48 | </div> | ||
49 | ) | ||
50 | } | ||
37 | }, | 51 | }, |
38 | { | 52 | { |
39 | prop: "isrequired", | 53 | prop: "isrequired", |
... | @@ -90,12 +104,11 @@ | ... | @@ -90,12 +104,11 @@ |
90 | width: "50", | 104 | width: "50", |
91 | render: (h, scope) => { | 105 | render: (h, scope) => { |
92 | return ( | 106 | return ( |
93 | <div> | 107 | (this.formData.ableOperation && scope.row.isrequired != '1') ? |
94 | { | 108 | <el-input value={scope.row.sjsl} onInput={(val) => { scope.row.sjsl = val }}></el-input> : <span>{ |
95 | scope.row.sjsl ? | 109 | scope.row.sjsl ? |
96 | <span>{scope.row.sjsl}</span> : 1 | 110 | <span>{scope.row.sjsl}</span> : 1 |
97 | } | 111 | }</span> |
98 | </div> | ||
99 | ) | 112 | ) |
100 | } | 113 | } |
101 | }, | 114 | }, |
... | @@ -162,9 +175,7 @@ | ... | @@ -162,9 +175,7 @@ |
162 | > | 175 | > |
163 | 下移 | 176 | 下移 |
164 | </el-button> | 177 | </el-button> |
165 | <i v-show={scope.row.isrequired != '1' && this.formData.ableOperation} onClick={() => { | 178 | |
166 | this.handleDelete(scope.$index, scope.row); | ||
167 | }} class="el-icon-delete pointer" style="color:#409EFF;margin-left:5px;position: relative;top: 1px;"></i> | ||
168 | </div > | 179 | </div > |
169 | ) | 180 | ) |
170 | } | 181 | } |
... | @@ -291,6 +302,10 @@ | ... | @@ -291,6 +302,10 @@ |
291 | * @author: renchao | 302 | * @author: renchao |
292 | */ | 303 | */ |
293 | handleDelete (index, row) { | 304 | handleDelete (index, row) { |
305 | if (row.children.length > 0) { | ||
306 | this.$message.error('页数存在不可删除'); | ||
307 | return | ||
308 | } | ||
294 | let that = this | 309 | let that = this |
295 | this.$confirm('此操作将永久删除该 是否继续?', '提示', { | 310 | this.$confirm('此操作将永久删除该 是否继续?', '提示', { |
296 | confirmButtonText: '确定', | 311 | confirmButtonText: '确定', | ... | ... |
... | @@ -144,6 +144,11 @@ | ... | @@ -144,6 +144,11 @@ |
144 | } | 144 | } |
145 | }) | 145 | }) |
146 | }, | 146 | }, |
147 | /** | ||
148 | * @description: handleSelect | ||
149 | * @param {*} val | ||
150 | * @author: renchao | ||
151 | */ | ||
147 | handleSelect (val) { | 152 | handleSelect (val) { |
148 | this.bdcqz.ysxlh = this.ruleForm.ysxlh | 153 | this.bdcqz.ysxlh = this.ruleForm.ysxlh |
149 | if (this.bdcqz.bdcqzlx == 1) { | 154 | if (this.bdcqz.bdcqzlx == 1) { |
... | @@ -160,6 +165,10 @@ | ... | @@ -160,6 +165,10 @@ |
160 | this.zfyy = ""; | 165 | this.zfyy = ""; |
161 | this.invalidDiglog = false | 166 | this.invalidDiglog = false |
162 | }, | 167 | }, |
168 | /** | ||
169 | * @description: handleZF | ||
170 | * @author: renchao | ||
171 | */ | ||
163 | handleZF () { | 172 | handleZF () { |
164 | this.invalidDiglog = true | 173 | this.invalidDiglog = true |
165 | }, | 174 | }, |
... | @@ -580,6 +589,10 @@ | ... | @@ -580,6 +589,10 @@ |
580 | image.src = this.bdczmSrc; | 589 | image.src = this.bdczmSrc; |
581 | }, | 590 | }, |
582 | // 打印 | 591 | // 打印 |
592 | /** | ||
593 | * @description: 打印 | ||
594 | * @author: renchao | ||
595 | */ | ||
583 | handlePrint () { | 596 | handlePrint () { |
584 | if (this.ruleForm.ysxlh == '') { | 597 | if (this.ruleForm.ysxlh == '') { |
585 | this.$message.error('请选择印刷序列号'); | 598 | this.$message.error('请选择印刷序列号'); | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-05 14:28:25 | 4 | * @LastEditTime: 2023-09-08 16:38:43 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="szxx"> | 7 | <div class="szxx"> |
8 | <el-card :class="item.szcs == 0 ? 'box-card':'box-card bg-red'" v-for="(item, index) in tableData" :key="index"> | 8 | <el-card |
9 | :class="classJudge(item)" | ||
10 | v-for="(item, index) in tableData" | ||
11 | :key="index" | ||
12 | > | ||
9 | <div slot="header" class="szxx_header"> | 13 | <div slot="header" class="szxx_header"> |
10 | <span class="header_type">{{ | 14 | <span class="header_type">{{ |
11 | item.bdcqzlx == 1 ? "不动产权证书" : "不动产登记证明" | 15 | item.bdcqzlx == 1 ? "不动产权证书" : "不动产登记证明" |
12 | }}</span> | 16 | }}</span> |
13 | <div class="header_text">{{ item.bdcqzh }}</div> | 17 | <div class="header_text">{{ item.bdcqzh }}</div> |
14 | </div> | 18 | </div> |
... | @@ -17,7 +21,8 @@ | ... | @@ -17,7 +21,8 @@ |
17 | <span>{{ item.qllx }}</span> | 21 | <span>{{ item.qllx }}</span> |
18 | </div> | 22 | </div> |
19 | <div class="text color_red"> | 23 | <div class="text color_red"> |
20 | <span>{{ item.qlr }}</span> | 24 | <span>{{ item.qlr }}</span |
25 | ><span class="color_iray">({{ item.qllx }})</span> | ||
21 | </div> | 26 | </div> |
22 | <div class="text color_iray"> | 27 | <div class="text color_iray"> |
23 | <span>{{ item.gyqk }}</span> | 28 | <span>{{ item.gyqk }}</span> |
... | @@ -43,15 +48,33 @@ | ... | @@ -43,15 +48,33 @@ |
43 | </div> | 48 | </div> |
44 | <div class="card_padding" v-if="viewEdit"> | 49 | <div class="card_padding" v-if="viewEdit"> |
45 | <div class="top_line middle_margin"></div> | 50 | <div class="top_line middle_margin"></div> |
46 | <div class="text" v-if="item.ysxlh"> | 51 | <div class="text tac" v-if="item.ysxlh"> |
47 | <el-button class="operation_button" type="text" @click="openInvalidDiglog(item)">再次打印({{ item.szcs | 52 | <el-button |
48 | }})</el-button> | 53 | class="operation_button" |
49 | <el-button class="operation_button" type="text" @click="openRecordPop(item)">缮证记录</el-button> | 54 | type="text" |
55 | @click="openInvalidDiglog(item)" | ||
56 | >再次打印({{ item.szcs }})</el-button | ||
57 | > | ||
58 | <el-button | ||
59 | class="operation_button" | ||
60 | type="text" | ||
61 | @click="openRecordPop(item)" | ||
62 | >缮证记录</el-button | ||
63 | > | ||
50 | </div> | 64 | </div> |
51 | <div class="text" v-else> | 65 | <div class="text tac" v-else> |
52 | <el-button class="operation_button" type="text" @click="openZsylDialog(item, 2)">证书打印({{ item.szcs | 66 | <el-button |
53 | }})</el-button> | 67 | class="operation_button" |
54 | <el-button class="operation_button" type="text" @click="openRecordPop(item)">缮证记录</el-button> | 68 | type="text" |
69 | @click="openZsylDialog(item, 2)" | ||
70 | >证书打印({{ item.szcs }})</el-button | ||
71 | > | ||
72 | <el-button | ||
73 | class="operation_button" | ||
74 | type="text" | ||
75 | @click="openRecordPop(item)" | ||
76 | >缮证记录</el-button | ||
77 | > | ||
55 | </div> | 78 | </div> |
56 | </div> | 79 | </div> |
57 | </el-card> | 80 | </el-card> |
... | @@ -60,178 +83,263 @@ | ... | @@ -60,178 +83,263 @@ |
60 | </div> | 83 | </div> |
61 | </template> | 84 | </template> |
62 | <script> | 85 | <script> |
63 | import { mapGetters } from 'vuex' | 86 | import { mapGetters } from "vuex"; |
64 | import store from '@/store/index.js' | 87 | import store from "@/store/index.js"; |
65 | import { getSlsqBdcqzList } from "@/api/bdcqz.js"; | 88 | import { getSlsqBdcqzList } from "@/api/bdcqz.js"; |
66 | export default { | 89 | export default { |
67 | props: {}, | 90 | props: {}, |
68 | data () { | 91 | data() { |
69 | return { | 92 | return { |
70 | //表单是否可操作 | 93 | //表单是否可操作 |
71 | viewEdit: false, | 94 | viewEdit: false, |
72 | dialog: false, | 95 | dialog: false, |
73 | tableData: [], | 96 | tableData: [], |
74 | bdcqzlx: 1, | 97 | bdcqzlx: 1, |
75 | bdcqz: {} | 98 | bdcqz: {}, |
76 | } | 99 | }; |
100 | }, | ||
101 | computed: { | ||
102 | ...mapGetters(["workFresh"]), | ||
103 | }, | ||
104 | watch: { | ||
105 | workFresh: { | ||
106 | handler(newVal, oldVal) { | ||
107 | console.log(newVal, "newVal"); | ||
108 | if (newVal) this.list(); | ||
109 | }, | ||
77 | }, | 110 | }, |
78 | computed: { | 111 | }, |
79 | ...mapGetters(['workFresh']) | 112 | created() { |
113 | this.list(); | ||
114 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | ||
115 | }, | ||
116 | methods: { | ||
117 | /** | ||
118 | * @description: 初始化列表 | ||
119 | * @author: renchao | ||
120 | */ | ||
121 | list() { | ||
122 | return new Promise((resolve, reject) => { | ||
123 | var bsmSlsq = this.$route.query.bsmSlsq; | ||
124 | getSlsqBdcqzList({ bsmSlsq: bsmSlsq }).then((res) => { | ||
125 | resolve(res.code); | ||
126 | if (res.code === 200) { | ||
127 | this.tableData = res.result; | ||
128 | if (res.result) { | ||
129 | this.bdcqz = res.result[0]; | ||
130 | } | ||
131 | } | ||
132 | }); | ||
133 | }); | ||
80 | }, | 134 | }, |
81 | watch: { | 135 | /** |
82 | workFresh: { | 136 | * @description: 打开证书预览弹窗 |
83 | handler (newVal, oldVal) { | 137 | * @param {*} item |
84 | console.log(newVal, 'newVal'); | 138 | * @param {*} type |
85 | if (newVal) this.list() | 139 | * @author: renchao |
86 | } | 140 | */ |
141 | openZsylDialog(item, type) { | ||
142 | store.dispatch("user/reWorkFresh", false); | ||
143 | if (type == 1) { | ||
144 | //证书证明预览 | ||
145 | this.$popupDialog( | ||
146 | "证书证明预览", | ||
147 | "workflow/components/dialog/zsyl", | ||
148 | { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, | ||
149 | "76%", | ||
150 | true | ||
151 | ); | ||
152 | } else { | ||
153 | this.$popupDialog( | ||
154 | "证书证明打印", | ||
155 | "workflow/components/dialog/zsdy", | ||
156 | { ...item }, | ||
157 | "76%", | ||
158 | true | ||
159 | ); | ||
87 | } | 160 | } |
88 | }, | 161 | }, |
89 | created () { | 162 | /** |
90 | this.list() | 163 | * @description: 再次打印 |
91 | this.viewEdit = this.$parent.currentSelectTab.ableOperation | 164 | * @param {*} item |
165 | * @author: renchao | ||
166 | */ | ||
167 | openInvalidDiglog(item) { | ||
168 | this.$popupDialog( | ||
169 | "证书证明打印", | ||
170 | "workflow/components/dialog/zsdy", | ||
171 | { ...item }, | ||
172 | "76%", | ||
173 | true | ||
174 | ); | ||
92 | }, | 175 | }, |
93 | methods: { | 176 | /** |
94 | /** | 177 | * @description: openRecordPop |
95 | * @description: 初始化列表 | 178 | * @param {*} item |
96 | * @author: renchao | 179 | * @author: renchao |
97 | */ | 180 | */ |
98 | list () { | 181 | openRecordPop(item) { |
99 | return new Promise((resolve, reject) => { | 182 | this.$popupDialog( |
100 | var bsmSlsq = this.$route.query.bsmSlsq; | 183 | "缮证记录", |
101 | getSlsqBdcqzList({ bsmSlsq: bsmSlsq }).then((res) => { | 184 | "workflow/components/dialog/szRecord", |
102 | resolve(res.code); | 185 | { bsmBdcqz: item.bsmBdcqz }, |
103 | if (res.code === 200) { | 186 | "60%", |
104 | this.tableData = res.result; | 187 | true |
105 | if (res.result) { | 188 | ); |
106 | this.bdcqz = res.result[0]; | 189 | }, |
107 | } | 190 | /** |
108 | } | 191 | * @description: classJudge 判断class |
109 | }) | 192 | * @param {*} item |
110 | }) | 193 | * @author: renchao |
111 | }, | 194 | */ |
112 | /** | 195 | classJudge(item) { |
113 | * @description: 打开证书预览弹窗 | 196 | let className = "box-card"; |
114 | * @param {*} item | 197 | if (item.bdcqzlx == 1) { |
115 | * @param {*} type | 198 | className += " zs-card"; |
116 | * @author: renchao | 199 | } else { |
117 | */ | 200 | className += " zm-card"; |
118 | openZsylDialog (item, type) { | 201 | } |
119 | store.dispatch('user/reWorkFresh', false) | 202 | if (item.szcs == 0) { |
120 | if (type == 1) { | 203 | className += " no-print"; |
121 | //证书证明预览 | ||
122 | this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); | ||
123 | } else { | ||
124 | this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { ...item }, "76%", true); | ||
125 | } | ||
126 | }, | ||
127 | /** | ||
128 | * @description: 再次打印 | ||
129 | * @param {*} item | ||
130 | * @author: renchao | ||
131 | */ | ||
132 | openInvalidDiglog (item) { | ||
133 | this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { ...item }, "76%", true); | ||
134 | }, | ||
135 | /** | ||
136 | * @description: openRecordPop | ||
137 | * @param {*} item | ||
138 | * @author: renchao | ||
139 | */ | ||
140 | openRecordPop (item) { | ||
141 | this.$popupDialog("缮证记录", "workflow/components/dialog/szRecord", { bsmBdcqz: item.bsmBdcqz }, '60%', true) | ||
142 | } | 204 | } |
205 | return className; | ||
143 | }, | 206 | }, |
144 | }; | 207 | }, |
208 | }; | ||
145 | </script> | 209 | </script> |
146 | <style scoped lang='scss'> | 210 | <style scoped lang="scss"> |
147 | @import "~@/styles/public.scss"; | 211 | @import "~@/styles/public.scss"; |
148 | .szxx { | 212 | .szxx { |
149 | box-sizing: border-box; | 213 | box-sizing: border-box; |
150 | padding-right: 15px; | 214 | padding-right: 15px; |
151 | width: 100%; | 215 | width: 100%; |
152 | height: 100%; | 216 | height: 100%; |
153 | overflow-y: scroll; | 217 | overflow-y: scroll; |
154 | padding-bottom: 55px; | 218 | padding-bottom: 55px; |
155 | 219 | ||
156 | .box-card { | 220 | .box-card { |
157 | float: left; | 221 | float: left; |
158 | width: 300px; | 222 | width: 350px; |
159 | margin-top: 10px; | 223 | margin: 10px; |
160 | margin-right: 10px; | 224 | box-shadow: none; |
161 | // .szxx_body { | 225 | background-image: url("~@/image/zm-bg.png"); |
162 | // height: 240px; | 226 | background-size: 100% 100%; |
163 | // } | 227 | border: 1px solid transparent; |
228 | /deep/ .el-card__header { | ||
229 | padding: 12px 66px; | ||
230 | background-size: auto; | ||
231 | border-bottom: 0; | ||
232 | position: relative; | ||
233 | } | ||
234 | .szxx_header { | ||
235 | color: #8b4534; | ||
236 | } | ||
237 | .szxx_body { | ||
238 | height: 280px; | ||
164 | } | 239 | } |
165 | } | 240 | } |
166 | 241 | .zs-card { | |
167 | .szxx_header { | 242 | border: 1px solid #a6b0be; |
168 | // color: #ffffff; | 243 | background-image: none; |
169 | font-weight: bolder; | 244 | /deep/ .el-card__header { |
170 | font-size: 16px; | 245 | background-image: url("~@/image/zs-red.png"); |
171 | 246 | .szxx_header { | |
172 | .header_type { | 247 | color: #ffe47c; |
173 | display: flex; | 248 | } |
174 | justify-content: center; | ||
175 | align-content: center; | ||
176 | } | 249 | } |
177 | 250 | .top_line { | |
178 | .header_text { | 251 | border-top: 1px solid #d3dbe5; |
179 | text-align: center; | 252 | width: 330px; |
180 | margin-top: 10px; | 253 | margin: 0 auto 10px; |
181 | line-height: 30px; | ||
182 | } | 254 | } |
183 | } | 255 | } |
184 | 256 | .zm-card { | |
185 | .top_line { | 257 | /deep/ .el-card__header { |
186 | border-top: 2px solid rgb(222, 222, 222); | 258 | &:after { |
259 | content: ""; | ||
260 | display: inline-block; | ||
261 | width: 330px; | ||
262 | height: 1px; | ||
263 | background-color: #b28676; | ||
264 | position: absolute; | ||
265 | left: 10px; | ||
266 | bottom: 0; | ||
267 | } | ||
268 | } | ||
187 | } | 269 | } |
188 | 270 | .zm-card.no-print { | |
189 | .text { | 271 | background-image: url("~@/image/zm-gray.png"); |
190 | margin-bottom: 10px; | 272 | |
191 | text-align: center; | 273 | /deep/ .el-card__header { |
274 | &:after { | ||
275 | background-color: #6d7278; | ||
276 | } | ||
277 | } | ||
278 | .szxx_header { | ||
279 | color: #6d7278; | ||
280 | } | ||
192 | } | 281 | } |
193 | 282 | .zs-card.no-print { | |
194 | .color_iray { | 283 | /deep/ .el-card__header { |
195 | color: rgb(153, 153, 153); | 284 | background-image: url("~@/image/zs-gray.png"); |
285 | .szxx_header { | ||
286 | color: #ffffff; | ||
287 | } | ||
288 | } | ||
196 | } | 289 | } |
290 | } | ||
197 | 291 | ||
198 | .color_red { | 292 | .szxx_header { |
199 | color: rgb(255, 89, 24); | 293 | // color: #ffffff; |
200 | } | 294 | // font-weight: bolder; |
295 | font-size: 16px; | ||
201 | 296 | ||
202 | .middle_margin { | 297 | .header_type { |
203 | margin-bottom: 10px; | 298 | display: flex; |
299 | justify-content: center; | ||
300 | align-content: center; | ||
204 | } | 301 | } |
205 | 302 | ||
206 | .operation_button { | 303 | .header_text { |
207 | border: 1px solid rgb(0, 121, 254); | ||
208 | padding: 5px; | ||
209 | text-align: center; | 304 | text-align: center; |
305 | margin-top: 2px; | ||
306 | line-height: 22px; | ||
210 | } | 307 | } |
308 | } | ||
211 | 309 | ||
212 | .card_padding { | 310 | .text { |
213 | padding-top: 8px; | 311 | margin-bottom: 8px; |
214 | font-size: 16px; | 312 | text-align: left; |
215 | } | 313 | text-indent: 16px; |
216 | .box-card { | 314 | } |
217 | .szxx_header { | 315 | .text.tac { |
218 | color: #303133; | 316 | text-align: center; |
219 | } | 317 | } |
220 | // 证书背景色 | ||
221 | /deep/.el-card__header { | ||
222 | background-color: #e2dfe0; | ||
223 | } | ||
224 | } | ||
225 | .bg-red { | ||
226 | .szxx_header { | ||
227 | color: #fff; | ||
228 | } | ||
229 | /deep/.el-card__header { | ||
230 | background-color: rgb(198, 67, 83); | ||
231 | } | ||
232 | } | ||
233 | 318 | ||
234 | /deep/.el-card__body { | 319 | .color_iray { |
235 | padding: 0px; | 320 | color: #6d7278; |
236 | } | 321 | } |
322 | |||
323 | .color_red { | ||
324 | color: #ab0c0c; | ||
325 | } | ||
326 | |||
327 | .middle_margin { | ||
328 | margin-bottom: 10px; | ||
329 | } | ||
330 | |||
331 | .operation_button { | ||
332 | border: 1px solid #5c95e5; | ||
333 | padding: 5px; | ||
334 | text-align: center; | ||
335 | } | ||
336 | |||
337 | .card_padding { | ||
338 | padding-top: 8px; | ||
339 | font-size: 14px; | ||
340 | line-height: 22px; | ||
341 | } | ||
342 | /deep/.el-card__body { | ||
343 | padding: 0px; | ||
344 | } | ||
237 | </style> | 345 | </style> | ... | ... |
1 | <template> | 1 | <template> |
2 | <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> | 2 | <div style="height:650px"> |
3 | <el-row> | 3 | <el-tabs v-model="activeName" @tab-click="handleClick"> |
4 | <el-col :span="12"> | 4 | <el-tab-pane label="企业信息" name="1"></el-tab-pane> |
5 | <el-form-item label="企业名称:" prop="qymc"> | 5 | <el-tab-pane label="材料信息" v-if="formData.isAdd==2" name="2"></el-tab-pane> |
6 | <el-input v-model="ruleForm.qymc"></el-input> | 6 | </el-tabs> |
7 | </el-form-item> | 7 | <el-form ref="ruleForm" :model="ruleForm" label-width="100px" style="height:90%" v-if="activeName==1" :rules="rules"> |
8 | </el-col> | 8 | <div style="height:90%"> |
9 | <el-col :span="12"> | 9 | <el-row> |
10 | <el-form-item label="电话:" prop="dh"> | 10 | <el-col :span="12"> |
11 | <el-input v-model="ruleForm.dh"></el-input> | 11 | <el-form-item label="企业名称:" prop="qymc"> |
12 | </el-form-item> | 12 | <el-input v-model="ruleForm.qymc"></el-input> |
13 | </el-col> | 13 | </el-form-item> |
14 | </el-row> | 14 | </el-col> |
15 | <el-row> | 15 | <el-col :span="12"> |
16 | <el-col :span="12"> | 16 | <el-form-item label="电话:" prop="dh"> |
17 | <el-form-item label="证件种类:"> | 17 | <el-input v-model.number="ruleForm.dh" maxlength="11"></el-input> |
18 | <el-input v-model="ruleForm.zjzl"></el-input> | 18 | </el-form-item> |
19 | </el-form-item> | 19 | </el-col> |
20 | </el-col> | 20 | </el-row> |
21 | <el-col :span="12"> | 21 | <el-row> |
22 | <el-form-item label="证件号:" prop="zjh"> | 22 | <el-col :span="12"> |
23 | <el-input v-model="ruleForm.zjh"></el-input> | 23 | <el-form-item label="证件种类" prop="zjzl"> |
24 | </el-form-item> | 24 | <el-select |
25 | </el-col> | 25 | clearable |
26 | </el-row> | 26 | v-model="ruleForm.zjzl" |
27 | class="width100" | ||
28 | placeholder="请选择"> | ||
29 | <el-option | ||
30 | v-for="item in zjzlList" | ||
31 | :key="item.dcode" | ||
32 | :label="item.dname" | ||
33 | :value="item.dcode"> | ||
34 | </el-option> | ||
35 | </el-select> | ||
36 | </el-form-item> | ||
37 | </el-col> | ||
38 | <el-col :span="12"> | ||
39 | <el-form-item label="证件号:" prop="zjh"> | ||
40 | <el-input v-model="ruleForm.zjh"></el-input> | ||
41 | </el-form-item> | ||
42 | </el-col> | ||
43 | </el-row> | ||
27 | 44 | ||
28 | <el-row> | 45 | <el-row> |
29 | <el-col :span="12"> | 46 | <el-col :span="12"> |
30 | <el-form-item label="法人名称:" prop="frmc"> | 47 | <el-form-item label="法人名称:" prop="frmc"> |
31 | <el-input v-model="ruleForm.frmc"></el-input> | 48 | <el-input v-model="ruleForm.frmc"></el-input> |
32 | </el-form-item> | 49 | </el-form-item> |
33 | </el-col> | 50 | </el-col> |
34 | <el-col :span="12"> | 51 | <el-col :span="12"> |
35 | <el-form-item label="法人电话:" prop="frdh"> | 52 | <el-form-item label="法人电话:" prop="frdh"> |
36 | <el-input v-model="ruleForm.frdh"></el-input> | 53 | <el-input v-model="ruleForm.frdh"></el-input> |
37 | </el-form-item> | 54 | </el-form-item> |
38 | </el-col> | 55 | </el-col> |
39 | </el-row> | 56 | </el-row> |
40 | <el-row> | 57 | <el-row> |
41 | <el-col :span="12"> | 58 | <el-col :span="12"> |
42 | <el-form-item label="单位地址:"> | 59 | <el-form-item label="单位地址:"> |
43 | <el-input v-model="ruleForm.dwdz"></el-input> | 60 | <el-input v-model="ruleForm.dwdz"></el-input> |
44 | </el-form-item> | 61 | </el-form-item> |
45 | </el-col> | 62 | </el-col> |
46 | <el-col :span="12"> | 63 | <el-col :span="12"> |
47 | <el-form-item label="邮编:" prop="yb"> | 64 | <el-form-item label="邮编:" prop="yb"> |
48 | <el-input v-model="ruleForm.yb"></el-input> | 65 | <el-input v-model="ruleForm.yb"></el-input> |
49 | </el-form-item> | 66 | </el-form-item> |
50 | </el-col> | 67 | </el-col> |
51 | </el-row> | 68 | </el-row> |
52 | <el-form-item style="text-align:center"> | 69 | </div> |
53 | <el-button @click="closeDialog">取消</el-button> | 70 | <el-form-item style="text-align:center"> |
54 | <el-button type="primary" @click="submitForm">保存</el-button> | 71 | <el-button @click="closeDialog">取消</el-button> |
55 | </el-form-item> | 72 | <el-button type="primary" @click="submitForm">保存</el-button> |
56 | </el-form> | 73 | </el-form-item> |
74 | </el-form> | ||
75 | <clxx v-if="activeName==2" :formData="formData" /> | ||
76 | </div> | ||
57 | </template> | 77 | </template> |
58 | 78 | ||
59 | <script> | 79 | <script> |
60 | import store from '@/store/index.js' | 80 | import store from '@/store/index.js' |
61 | import { addQy } from "@/api/xxba.js" | 81 | import { addQy } from "@/api/xxba.js" |
82 | import clxx from './clxx/index.vue' | ||
62 | export default { | 83 | export default { |
63 | props: { | 84 | props: { |
64 | formData: { | 85 | formData: { |
... | @@ -66,8 +87,13 @@ | ... | @@ -66,8 +87,13 @@ |
66 | default: () => { }, | 87 | default: () => { }, |
67 | }, | 88 | }, |
68 | }, | 89 | }, |
90 | components: { | ||
91 | clxx | ||
92 | }, | ||
69 | data () { | 93 | data () { |
70 | return { | 94 | return { |
95 | zjzlList: store.getters.dictData['A30'], | ||
96 | activeName: "1", | ||
71 | DJJGLIST: store.getters.dictData['ywly'], | 97 | DJJGLIST: store.getters.dictData['ywly'], |
72 | readOnly: false, | 98 | readOnly: false, |
73 | //表单提交数据 | 99 | //表单提交数据 |
... | @@ -129,6 +155,7 @@ | ... | @@ -129,6 +155,7 @@ |
129 | } else { } | 155 | } else { } |
130 | }, | 156 | }, |
131 | methods: { | 157 | methods: { |
158 | handleClick () { }, | ||
132 | /** | 159 | /** |
133 | * @description: 表单提交 | 160 | * @description: 表单提交 |
134 | * @author: renchao | 161 | * @author: renchao |
... | @@ -173,48 +200,6 @@ | ... | @@ -173,48 +200,6 @@ |
173 | }) | 200 | }) |
174 | }, | 201 | }, |
175 | /** | 202 | /** |
176 | * @description: 印刷序列号处理 | ||
177 | * @param {*} item | ||
178 | * @author: renchao | ||
179 | */ | ||
180 | ysxlhDeal (item) { | ||
181 | if (item.ksysxlh && item.jsysxlh) { | ||
182 | if (item.ksysxlh.length == item.jsysxlh.length) { | ||
183 | if (item.ksysxlh.length != 11) { | ||
184 | item.bs = -1; | ||
185 | return; | ||
186 | } | ||
187 | if (item.ksysxlh > item.jsysxlh) { | ||
188 | item.bs = -1; | ||
189 | return; | ||
190 | } | ||
191 | item.bs = item.jsysxlh - item.ksysxlh + 1; | ||
192 | if (item.zslx == 1) { | ||
193 | this.ruleForm.zsstarno = item.ksysxlh; | ||
194 | this.ruleForm.zsendno = item.jsysxlh; | ||
195 | this.ruleForm.zsnum = item.bs | ||
196 | } else if (item.zslx == 2) { | ||
197 | this.ruleForm.zmstarno = item.ksysxlh; | ||
198 | this.ruleForm.zmendno = item.jsysxlh; | ||
199 | this.ruleForm.zmnum = item.bs | ||
200 | } | ||
201 | } else { | ||
202 | item.bs = -1; | ||
203 | } | ||
204 | } else { | ||
205 | item.bs = 0; | ||
206 | if (item.zslx == 1) { | ||
207 | this.ruleForm.zsstarno = ''; | ||
208 | this.ruleForm.zsendno = ''; | ||
209 | this.ruleForm.zsnum = item.bs | ||
210 | } else if (item.zslx == 2) { | ||
211 | this.ruleForm.zmstarno = ''; | ||
212 | this.ruleForm.zmendno = ''; | ||
213 | this.ruleForm.zmnum = item.bs | ||
214 | } | ||
215 | } | ||
216 | }, | ||
217 | /** | ||
218 | * @description: resetTableFields | 203 | * @description: resetTableFields |
219 | * @author: renchao | 204 | * @author: renchao |
220 | */ | 205 | */ | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-09-07 15:04:46 | ||
5 | --> | ||
6 | <template> | ||
7 | <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" | ||
8 | :isFullscreen="false"> | ||
9 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px"> | ||
10 | <el-row> | ||
11 | <el-col :span="24"> | ||
12 | <el-form-item label="材料类型" prop="cllx"> | ||
13 | <el-select v-model="ruleForm.cllx" class="width100" placeholder="请选择"> | ||
14 | <el-option v-for="item in cllxList" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
15 | </el-option> | ||
16 | </el-select> | ||
17 | </el-form-item> | ||
18 | </el-col> | ||
19 | </el-row> | ||
20 | <el-row :gutter="20"> | ||
21 | <el-col :span="24"> | ||
22 | <el-form-item label="材料名称" prop="clmc"> | ||
23 | <el-input v-model="ruleForm.clmc"></el-input> | ||
24 | </el-form-item> | ||
25 | </el-col> | ||
26 | </el-row> | ||
27 | </el-form> | ||
28 | </dialogBox> | ||
29 | </template> | ||
30 | <script> | ||
31 | import store from '@/store/index.js' | ||
32 | export default { | ||
33 | props: { | ||
34 | value: { type: Boolean, default: false }, | ||
35 | }, | ||
36 | data () { | ||
37 | return { | ||
38 | cllxList: store.getters.dictData['A40'], | ||
39 | myValue: this.value, | ||
40 | ruleForm: { | ||
41 | cllx: "", | ||
42 | clmc: "", | ||
43 | }, | ||
44 | rules: { | ||
45 | cllx: [ | ||
46 | { required: true, message: '请选择材料类型', trigger: 'change' } | ||
47 | ], | ||
48 | clmc: [ | ||
49 | { required: true, message: '请输入材料名称', trigger: 'blur' } | ||
50 | ] | ||
51 | } | ||
52 | } | ||
53 | }, | ||
54 | watch: { | ||
55 | value (val) { | ||
56 | this.myValue = val; | ||
57 | }, | ||
58 | }, | ||
59 | methods: { | ||
60 | /** | ||
61 | * @description: closeDialog | ||
62 | * @author: renchao | ||
63 | */ | ||
64 | closeDialog () { | ||
65 | this.$emit("input", false); | ||
66 | this.ruleForm = { | ||
67 | cllx: "", | ||
68 | clmc: "", | ||
69 | } | ||
70 | }, | ||
71 | /** | ||
72 | * @description: handleSubmit | ||
73 | * @author: renchao | ||
74 | */ | ||
75 | handleSubmit () { | ||
76 | this.$refs['ruleForm'].validate((valid) => { | ||
77 | if (valid) { | ||
78 | this.$parent.addSave(this.ruleForm); | ||
79 | this.ruleForm = { | ||
80 | cllx: "", | ||
81 | clmc: "", | ||
82 | } | ||
83 | this.$emit("input", false); | ||
84 | } else { | ||
85 | return false; | ||
86 | } | ||
87 | }) | ||
88 | } | ||
89 | } | ||
90 | }; | ||
91 | </script> | ||
92 | <style scoped lang="scss"> | ||
93 | .submit-button { | ||
94 | text-align: center; | ||
95 | height: 52px; | ||
96 | padding-top: 10px; | ||
97 | background-color: #fff; | ||
98 | } | ||
99 | </style> |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-09-07 16:13:07 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="clmlmx-box"> | ||
8 | <lb-table :column="column" :key="key" :heightNumSetting="true" :calcHeight="600" :pagination="false" :data="tableData"> | ||
9 | </lb-table> | ||
10 | <div class="text-center"> | ||
11 | <el-button @click="$popupCacel">取消</el-button> | ||
12 | <el-button type="primary" @click="handleSubmit" :loading="loading" v-if="formData.ableOperation && tableData.length>0">保存</el-button> | ||
13 | </div> | ||
14 | </div> | ||
15 | </template> | ||
16 | <script> | ||
17 | import Vue from 'vue' | ||
18 | import store from '@/store/index.js' | ||
19 | import { InitClml, updateClml, deleteSjClml, moveClml } from "@/api/clxx.js"; | ||
20 | export default { | ||
21 | props: { | ||
22 | formData: { | ||
23 | type: Object, | ||
24 | default: () => { | ||
25 | return {} | ||
26 | } | ||
27 | } | ||
28 | }, | ||
29 | data () { | ||
30 | return { | ||
31 | loading: false, | ||
32 | column: [ | ||
33 | { | ||
34 | width: "50", | ||
35 | label: '序号', | ||
36 | type: 'index' | ||
37 | }, | ||
38 | { | ||
39 | prop: "isrequired", | ||
40 | label: "是否必选", | ||
41 | width: "80", | ||
42 | render: (h, scope) => { | ||
43 | if (scope.row.isrequired === "1") { | ||
44 | return ( | ||
45 | <div> | ||
46 | <span>必选</span> | ||
47 | </div> | ||
48 | ); | ||
49 | } | ||
50 | else { | ||
51 | return ( | ||
52 | <div> | ||
53 | <span>可选</span> | ||
54 | </div> | ||
55 | ) | ||
56 | } | ||
57 | } | ||
58 | }, | ||
59 | { | ||
60 | label: "材料名称", | ||
61 | render: (h, scope) => { | ||
62 | return ( | ||
63 | (this.formData.ableOperation && scope.row.isrequired != '1') ? | ||
64 | <el-input value={scope.row.sjmc} onInput={(val) => { scope.row.sjmc = val }}></el-input> : <span>{scope.row.sjmc}</span> | ||
65 | ) | ||
66 | } | ||
67 | }, | ||
68 | { | ||
69 | label: "材料类型", | ||
70 | width: "110", | ||
71 | render: (h, scope) => { | ||
72 | return ( | ||
73 | this.formData.ableOperation ? | ||
74 | <el-select value={scope.row.sjlx} | ||
75 | onChange={(val) => { scope.row.sjlx = val }}> | ||
76 | { | ||
77 | store.getters.dictData['A40'].map(option => { | ||
78 | return ( | ||
79 | <el-option label={option.dname} value={option.dcode}></el-option> | ||
80 | ) | ||
81 | }) | ||
82 | } | ||
83 | </el-select> : <span>{this.dicStatus(scope.row.sjlx, "A40")}</span> | ||
84 | ) | ||
85 | } | ||
86 | }, | ||
87 | { | ||
88 | prop: "sjsl", | ||
89 | label: "份数", | ||
90 | width: "50", | ||
91 | render: (h, scope) => { | ||
92 | return ( | ||
93 | <div> | ||
94 | { | ||
95 | scope.row.sjsl ? | ||
96 | <span>{scope.row.sjsl}</span> : 1 | ||
97 | } | ||
98 | </div> | ||
99 | ) | ||
100 | } | ||
101 | }, | ||
102 | { | ||
103 | prop: "smzt", | ||
104 | label: "扫描状态", | ||
105 | width: "80", | ||
106 | render: (h, scope) => { | ||
107 | if (scope.row.children && scope.row.children.length > 0) { | ||
108 | return ( | ||
109 | <div> | ||
110 | <span>已扫描</span> | ||
111 | </div> | ||
112 | ); | ||
113 | } else { | ||
114 | return ( | ||
115 | <div> | ||
116 | <span>未扫描</span> | ||
117 | </div> | ||
118 | ); | ||
119 | } | ||
120 | }, | ||
121 | }, | ||
122 | { | ||
123 | label: "扫描页数", | ||
124 | width: "80", | ||
125 | render: (h, scope) => { | ||
126 | if (scope.row.children && scope.row.children.length > 0) { | ||
127 | return ( | ||
128 | <div> | ||
129 | <span>{scope.row.children.length}</span> | ||
130 | </div> | ||
131 | ); | ||
132 | } else { | ||
133 | return ( | ||
134 | <div> | ||
135 | <span>0</span> | ||
136 | </div> | ||
137 | ); | ||
138 | } | ||
139 | }, | ||
140 | }, | ||
141 | { | ||
142 | label: "操作", | ||
143 | width: "100", | ||
144 | render: (h, scope) => { | ||
145 | return ( | ||
146 | <div> | ||
147 | <el-button | ||
148 | type="text" | ||
149 | disabled={scope.$index == 0 || !this.formData.ableOperation} | ||
150 | onClick={() => { | ||
151 | this.moveUpward(scope.$index, scope.row); | ||
152 | }} | ||
153 | > | ||
154 | 上移 | ||
155 | </el-button> | ||
156 | <el-button | ||
157 | type="text" | ||
158 | disabled={scope.$index + 1 == this.tableData.length || !this.formData.ableOperation} | ||
159 | onClick={() => { | ||
160 | this.moveDown(scope.$index, scope.row); | ||
161 | }} | ||
162 | > | ||
163 | 下移 | ||
164 | </el-button> | ||
165 | <i v-show={scope.row.isrequired != '1' && this.formData.ableOperation} onClick={() => { | ||
166 | this.handleDelete(scope.$index, scope.row); | ||
167 | }} class="el-icon-delete pointer" style="color:#409EFF;margin-left:5px;position: relative;top: 1px;"></i> | ||
168 | </div > | ||
169 | ) | ||
170 | } | ||
171 | } | ||
172 | ], | ||
173 | key: 0, | ||
174 | tableData: [] | ||
175 | } | ||
176 | }, | ||
177 | watch: { | ||
178 | 'formData.data': { | ||
179 | handler: function (val, oldVal) { | ||
180 | this.tableData = _.cloneDeep(val) | ||
181 | }, | ||
182 | immediate: true, | ||
183 | deep: true | ||
184 | } | ||
185 | }, | ||
186 | methods: { | ||
187 | handleSubmit () { | ||
188 | this.loading = true | ||
189 | updateClml(this.tableData).then(res => { | ||
190 | this.loading = false | ||
191 | if (res.code == 200) { | ||
192 | this.$message({ | ||
193 | message: '保存成功', | ||
194 | type: 'success' | ||
195 | }) | ||
196 | this.$popupCacel() | ||
197 | store.dispatch('user/reWorkFresh', true) | ||
198 | } | ||
199 | }).catch(() => { | ||
200 | this.loading = false | ||
201 | }) | ||
202 | }, | ||
203 | /** | ||
204 | * @description: 材料目录明细初始化 | ||
205 | * @author: renchao | ||
206 | */ | ||
207 | clmlInitList () { | ||
208 | return new Promise(resolve => { | ||
209 | this.unitData = this.$parent.unitData; | ||
210 | var formdata = new FormData(); | ||
211 | formdata.append("bsmSlsq", Vue.prototype.$currentRoute.query.bsmSlsq); | ||
212 | InitClml(formdata).then((res) => { | ||
213 | if (res.code == 200) { | ||
214 | resolve(res.code) | ||
215 | if (res.result && res.result.length > 0) { | ||
216 | this.tableData = res.result; | ||
217 | } else { | ||
218 | this.tableData = [] | ||
219 | } | ||
220 | } else { | ||
221 | this.$message.error(res.message) | ||
222 | } | ||
223 | }) | ||
224 | }) | ||
225 | }, | ||
226 | /** | ||
227 | * @description: 上移 | ||
228 | * @param {*} index | ||
229 | * @param {*} row | ||
230 | * @author: renchao | ||
231 | */ | ||
232 | moveUpward (index, row) { | ||
233 | let obj = { | ||
234 | xh: row.xh, | ||
235 | bsmSlsq: row.bsmSlsq, | ||
236 | moveDirection: "UP", | ||
237 | }; | ||
238 | // 接口待调 | ||
239 | moveClml(obj).then(async (res) => { | ||
240 | if (res.code == 200) { | ||
241 | let res = await this.clmlInitList() | ||
242 | if (res == 200) { | ||
243 | this.$message({ | ||
244 | message: '上移成功', | ||
245 | type: 'success' | ||
246 | }) | ||
247 | } | ||
248 | } else { | ||
249 | this.$message.error(res.message); | ||
250 | } | ||
251 | }) | ||
252 | }, | ||
253 | /** | ||
254 | * @description: 下移 | ||
255 | * @param {*} index | ||
256 | * @param {*} row | ||
257 | * @author: renchao | ||
258 | */ | ||
259 | moveDown (index, row) { | ||
260 | let obj = { | ||
261 | xh: row.xh, | ||
262 | bsmSlsq: row.bsmSlsq, | ||
263 | moveDirection: "DOWN", | ||
264 | } | ||
265 | // 接口待调 | ||
266 | moveClml(obj).then(async (res) => { | ||
267 | if (res.code == 200) { | ||
268 | let res = await this.clmlInitList() | ||
269 | if (res == 200) { | ||
270 | this.$message({ | ||
271 | message: '下移成功', | ||
272 | type: 'success' | ||
273 | }) | ||
274 | } | ||
275 | } else { | ||
276 | this.$message.error(res.message); | ||
277 | } | ||
278 | }) | ||
279 | }, | ||
280 | /** | ||
281 | * @description: 材料目录删除 | ||
282 | * @param {*} index | ||
283 | * @param {*} row | ||
284 | * @author: renchao | ||
285 | */ | ||
286 | handleDelete (index, row) { | ||
287 | let that = this | ||
288 | this.$confirm('此操作将永久删除该 是否继续?', '提示', { | ||
289 | confirmButtonText: '确定', | ||
290 | cancelButtonText: '取消', | ||
291 | type: 'warning' | ||
292 | }).then(() => { | ||
293 | deleteSjClml({ sjBsm: row.bsmSj }).then(async (res) => { | ||
294 | if (res.code == 200) { | ||
295 | let res = await that.clmlInitList() | ||
296 | if (res == 200) { | ||
297 | that.$message({ | ||
298 | message: "删除成功", | ||
299 | type: "success" | ||
300 | }) | ||
301 | } | ||
302 | } | ||
303 | }) | ||
304 | }).catch(() => { | ||
305 | this.$message({ | ||
306 | type: 'info', | ||
307 | message: '已取消删除' | ||
308 | }) | ||
309 | }) | ||
310 | }, | ||
311 | // 字典 | ||
312 | /** | ||
313 | * @description: 字典 | ||
314 | * @param {*} val | ||
315 | * @param {*} code | ||
316 | * @author: renchao | ||
317 | */ | ||
318 | dicStatus (val, code) { | ||
319 | let data = store.getters.dictData[code], | ||
320 | name = "暂无"; | ||
321 | if (data) { | ||
322 | data.map((item) => { | ||
323 | if (item.dcode == val) { | ||
324 | name = item.dname; | ||
325 | } | ||
326 | }); | ||
327 | return name; | ||
328 | } | ||
329 | } | ||
330 | } | ||
331 | } | ||
332 | </script> | ||
333 | <style scoped lang='scss'> | ||
334 | @import "~@/styles/mixin.scss"; | ||
335 | .clmlmx-box { | ||
336 | margin: 0 auto; | ||
337 | .title { | ||
338 | text-align: center; | ||
339 | height: 60px; | ||
340 | line-height: 60px; | ||
341 | border: 1px solid #dfe6ec; | ||
342 | font-size: 20px; | ||
343 | background: #81d3f81a; | ||
344 | margin-bottom: -1px; | ||
345 | } | ||
346 | } | ||
347 | </style> |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-09-08 14:49:24 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="rlPopup"> | ||
8 | <div class="prev handle-btn" v-if="!isScan" @click="prev()"> | ||
9 | <i class="el-icon-arrow-left"></i> | ||
10 | </div> | ||
11 | <div class="next handle-btn" v-if="!isScan" @click="next()"> | ||
12 | <i class="el-icon-arrow-right"></i> | ||
13 | </div> | ||
14 | <div class="img-list-wrap"> | ||
15 | <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan" alt="高拍仪"> | ||
16 | <div v-for="(img, i) in previewImg.imgList" :key="i" v-else> | ||
17 | <photo-zoom :url="img.fjurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2" | ||
18 | overlayStyle="width: 100%;height:100%"> | ||
19 | </photo-zoom> | ||
20 | </div> | ||
21 | </div> | ||
22 | <!--缩略图--> | ||
23 | <div class="thumb-wrap"> | ||
24 | <div class="thumb-wrap-button"> | ||
25 | <el-button type="primary" @click="clickImage" v-if="previewImg.imgList.length>0">(放大) 显示(缩小)</el-button> | ||
26 | <el-upload class="fileUpdate" ref="upload" :key="key" action="" :show-file-list="false" :multiple="true" :auto-upload="false" | ||
27 | :on-change="handleChange" | ||
28 | accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg"> | ||
29 | <el-button icon="el-icon-upload" type="primary" v-if="ableOperation">上传</el-button> | ||
30 | </el-upload> | ||
31 | <!-- 左移右移 --> | ||
32 | <el-button type="primary" @click="handleMove('left')" v-if="ableOperation">左移</el-button> | ||
33 | <el-button type="primary" @click="handleMove('right')" v-if="ableOperation">右移</el-button> | ||
34 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" | ||
35 | v-if="thumbnailImages.length>0 && ableOperation">删除</el-button> | ||
36 | <div v-if="ableOperation" class="pl-5"> | ||
37 | <el-button type="primary" @click="handleOpenScan" v-if="ableOperation">{{scanTitle}}</el-button> | ||
38 | <el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button> | ||
39 | </div> | ||
40 | </div> | ||
41 | <ul> | ||
42 | <li v-for="(img, index) in thumbnailImages" :key="index" :class="{ active: previewImg.index === index }" | ||
43 | @click="showCurrent(index)"> | ||
44 | <img :src="img.fileurl"> | ||
45 | </li> | ||
46 | </ul> | ||
47 | </div> | ||
48 | <!-- 点开后的视图 --> | ||
49 | <publicPicture v-if="showViewer" :url-list="allLi" :initialIndex="initialIndex" @close-viewer="closeViewer"> | ||
50 | </publicPicture> | ||
51 | </div> | ||
52 | </template> | ||
53 | <script> | ||
54 | import PhotoZoom from '@/components/PhotoZoom' | ||
55 | import { getAltimeterInfo, getUuid } from '@/utils/operation.js' | ||
56 | import { uploadBatch, deleteClmx } from "@/api/company.js" | ||
57 | import publicPicture from '@/components/publicPicture/index.vue' | ||
58 | export default { | ||
59 | name: 'PreviewImage', | ||
60 | props: { | ||
61 | previewImg: { | ||
62 | type: Object, | ||
63 | default: () => { } | ||
64 | }, | ||
65 | ableOperation: { | ||
66 | type: Boolean, | ||
67 | default: true | ||
68 | } | ||
69 | }, | ||
70 | components: { | ||
71 | PhotoZoom, | ||
72 | publicPicture | ||
73 | }, | ||
74 | data () { | ||
75 | return { | ||
76 | key: 0, | ||
77 | isScan: false, | ||
78 | // 打开高拍仪 | ||
79 | scanTitle: '打开高拍仪', | ||
80 | transform: { | ||
81 | scale: 1, | ||
82 | degree: 0 | ||
83 | }, | ||
84 | maxFileLength: 0, | ||
85 | // 缩略图 | ||
86 | thumbnailImages: [], | ||
87 | showViewer: false, | ||
88 | initialIndex: undefined, | ||
89 | allLi: [], | ||
90 | } | ||
91 | }, | ||
92 | watch: { | ||
93 | previewImg: { | ||
94 | handler (newValue, oldValue) { | ||
95 | if (newValue.imgList && newValue.imgList.length > 0) { | ||
96 | this.allLi = _.cloneDeep(newValue.imgList).map(item => item.fjurl) | ||
97 | this.thumbnailImages = newValue.imgList | ||
98 | this.thumbnailImages.forEach(item => { | ||
99 | item.fjurl = item.fileurl | ||
100 | }) | ||
101 | } else { | ||
102 | this.allLi = [] | ||
103 | this.thumbnailImages = [] | ||
104 | } | ||
105 | }, | ||
106 | deep: true, | ||
107 | immediate: true | ||
108 | } | ||
109 | }, | ||
110 | created () { | ||
111 | this.maxLength = 0; | ||
112 | this.allLi = _.cloneDeep(this.previewImg.imgList).map(item => item.fjurl) | ||
113 | this.thumbnailImages = this.previewImg.imgList | ||
114 | this.thumbnailImages.forEach(item => { | ||
115 | item.fjurl = item.fileurl | ||
116 | }) | ||
117 | }, | ||
118 | computed: { | ||
119 | isFirst () { | ||
120 | return this.previewImg.index === 0 | ||
121 | }, | ||
122 | isLast () { | ||
123 | return this.previewImg.index === this.previewImg.imgList.length - 1 | ||
124 | } | ||
125 | }, | ||
126 | methods: { | ||
127 | /** | ||
128 | * @description: 打开高拍仪 | ||
129 | * @author: renchao | ||
130 | */ | ||
131 | handleOpenScan () { | ||
132 | this.isScan = !this.isScan | ||
133 | if (this.isScan) { | ||
134 | this.$message({ | ||
135 | message: '正在启动程序请稍等', | ||
136 | type: 'success' | ||
137 | }) | ||
138 | setTimeout(() => { | ||
139 | this.scanTitle = '关闭高拍仪' | ||
140 | }, 4000) | ||
141 | } else { | ||
142 | this.scanTitle = '打开高拍仪' | ||
143 | } | ||
144 | }, | ||
145 | // 左右移动 | ||
146 | handleMove (direction) { | ||
147 | |||
148 | }, | ||
149 | /** | ||
150 | * @description: 拍照 | ||
151 | * @author: renchao | ||
152 | */ | ||
153 | handleViewScan () { | ||
154 | function dataURLtoBlob (base64String) { | ||
155 | const arr = base64String.split(','); | ||
156 | if (arr.length !== 2) { | ||
157 | throw new Error('Invalid Base64 format'); | ||
158 | } | ||
159 | const mime = arr[0].match(/:(.*?);/)[1]; | ||
160 | if (!mime) { | ||
161 | throw new Error('Cannot retrieve MIME type'); | ||
162 | } | ||
163 | const bstr = atob(arr[1]); | ||
164 | const n = bstr.length; | ||
165 | const u8arr = new Uint8Array(n); | ||
166 | for (let i = 0; i < n; i++) { | ||
167 | u8arr[i] = bstr.charCodeAt(i); | ||
168 | } | ||
169 | return new Blob([u8arr], { type: mime }); | ||
170 | } | ||
171 | function blobToFile (blob) { | ||
172 | let name = getUuid(8) + '.jpg' | ||
173 | const file = new File([blob], name); | ||
174 | return file; | ||
175 | } | ||
176 | getAltimeterInfo().then(res => { | ||
177 | let blob = dataURLtoBlob('data:image/png;base64,' + res.data.photoBase64); | ||
178 | let file = blobToFile(blob); | ||
179 | var formData = new FormData(); | ||
180 | formData.append('file', file) | ||
181 | formData.append("bsmMaterial ", this.previewImg.bsmMaterial); | ||
182 | formData.append("bsmSlsq", this.previewImg.bsmSlsq); | ||
183 | uploadSjClmx(formData).then((res) => { | ||
184 | if (res.code == 200) { | ||
185 | this.$emit('updateList', res.result) | ||
186 | this.$message({ | ||
187 | message: '上传成功!', | ||
188 | type: 'success' | ||
189 | }) | ||
190 | } | ||
191 | }) | ||
192 | }) | ||
193 | }, | ||
194 | /** | ||
195 | * @description: prev | ||
196 | * @author: renchao | ||
197 | */ | ||
198 | prev () { | ||
199 | let len = this.previewImg.imgList.length | ||
200 | if (this.isFirst || len == 0) { | ||
201 | this.$emit('prevPriview') | ||
202 | } else { | ||
203 | this.$parent.previewImg.index = (this.$parent.previewImg.index - 1 + len) % len | ||
204 | } | ||
205 | }, | ||
206 | /** | ||
207 | * @description: next | ||
208 | * @author: renchao | ||
209 | */ | ||
210 | next () { | ||
211 | let len = this.previewImg.imgList.length | ||
212 | if (this.isLast || len == 0) { | ||
213 | this.$emit('nextPriview') | ||
214 | } else { | ||
215 | this.$parent.previewImg.index = (this.$parent.previewImg.index + 1) % len | ||
216 | } | ||
217 | }, | ||
218 | /** | ||
219 | * @description: showCurrent | ||
220 | * @param {*} index | ||
221 | * @author: renchao | ||
222 | */ | ||
223 | showCurrent (index) { | ||
224 | this.previewImg.index = index | ||
225 | }, | ||
226 | /** | ||
227 | * @description: closeViewer | ||
228 | * @author: renchao | ||
229 | */ | ||
230 | closeViewer () { | ||
231 | this.showViewer = false | ||
232 | }, | ||
233 | /** | ||
234 | * @description: clickImage | ||
235 | * @author: renchao | ||
236 | */ | ||
237 | clickImage () { | ||
238 | this.showViewer = true | ||
239 | }, | ||
240 | /** | ||
241 | * @description: handleChange | ||
242 | * @param {*} file | ||
243 | * @param {*} files | ||
244 | * @author: renchao | ||
245 | */ | ||
246 | async handleChange (file, fileList) { | ||
247 | let length = fileList.length; | ||
248 | this.maxFileLength = Math.max(length, this.maxFileLength) | ||
249 | var formData = new FormData(); | ||
250 | setTimeout(() => { | ||
251 | if (this.maxFileLength !== length) { | ||
252 | return | ||
253 | } | ||
254 | let num = 0, max = 0; | ||
255 | const isLt5M = file.size / 1024 / 1024 < 5; | ||
256 | fileList.forEach(item => { | ||
257 | if (!isLt5M) { | ||
258 | max++ | ||
259 | } | ||
260 | if (!['image/jpeg', 'image/png', 'image/jpg', 'image/gif'].includes(item.raw.type)) { | ||
261 | num++ | ||
262 | } else { | ||
263 | formData.append('file', item.raw) | ||
264 | } | ||
265 | }) | ||
266 | if (num >= 1) { | ||
267 | this.$message.error("请选择jpeg/png/jpg/bmp/gif格式的图片后重试") | ||
268 | // 移除不支持的文件类型 | ||
269 | this.key++ | ||
270 | return; | ||
271 | } | ||
272 | if (max >= 1) { | ||
273 | this.$message.error('上传图片大小不能超过 5MB!'); | ||
274 | this.key++ | ||
275 | return; | ||
276 | } | ||
277 | formData.append("bsmMaterial", this.previewImg.bsmMaterial); | ||
278 | uploadBatch(formData).then((res) => { | ||
279 | if (res.code == 200) { | ||
280 | this.$emit('updateList', res.result) | ||
281 | this.$message({ | ||
282 | message: '上传成功!', | ||
283 | type: 'success' | ||
284 | }) | ||
285 | this.$refs.upload.clearFiles(); | ||
286 | this.maxFileLength = 0 | ||
287 | } | ||
288 | }) | ||
289 | }, 0) | ||
290 | }, | ||
291 | /** | ||
292 | * @description: handleDelete | ||
293 | * @author: renchao | ||
294 | */ | ||
295 | handleDelete () { | ||
296 | let that = this | ||
297 | this.$confirm('此操作将永久删除, 是否继续?', '提示', { | ||
298 | confirmButtonText: '确定', | ||
299 | cancelButtonText: '取消', | ||
300 | type: 'warning' | ||
301 | }).then(async () => { | ||
302 | let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
303 | let bsmMaterial = this.previewImg.imgList[this.previewImg.index].bsmMaterial | ||
304 | this.previewImg.imgList = this.previewImg.imgList.filter(item => item.bsmClmx != bsmClmx) | ||
305 | deleteClmx(bsmClmx).then(res => { | ||
306 | if (res.code == 200) { | ||
307 | that.$emit('updateList', { children: this.previewImg.imgList, bsmMaterial: bsmMaterial }) | ||
308 | that.$message({ | ||
309 | message: '删除成功!', | ||
310 | type: 'success' | ||
311 | }) | ||
312 | } | ||
313 | }) | ||
314 | }).catch(() => { | ||
315 | this.$message({ | ||
316 | type: 'info', | ||
317 | message: '已取消删除' | ||
318 | }) | ||
319 | }) | ||
320 | } | ||
321 | } | ||
322 | } | ||
323 | </script> | ||
324 | <style lang="scss" scoped> | ||
325 | // 查看大图 | ||
326 | .rlPopup { | ||
327 | position: relative; | ||
328 | width: 100%; | ||
329 | text-align: center; | ||
330 | height: 100%; | ||
331 | |||
332 | .handle-btn { | ||
333 | position: absolute; | ||
334 | top: 50%; | ||
335 | transform: translateY(-100%); | ||
336 | width: 66px; | ||
337 | height: 66px; | ||
338 | line-height: 75px; | ||
339 | color: #fff; | ||
340 | background-color: rgb(239, 239, 239); | ||
341 | border-radius: 50%; | ||
342 | cursor: pointer; | ||
343 | text-align: center; | ||
344 | transition: all 0.3s; | ||
345 | |||
346 | i { | ||
347 | font-size: 24px; | ||
348 | } | ||
349 | } | ||
350 | |||
351 | .handle-btn:hover { | ||
352 | background-color: rgb(185, 183, 183); | ||
353 | } | ||
354 | |||
355 | .prev { | ||
356 | left: 1%; | ||
357 | } | ||
358 | |||
359 | .next { | ||
360 | right: 1%; | ||
361 | } | ||
362 | |||
363 | .img-list-wrap { | ||
364 | width: 100%; | ||
365 | display: flex; | ||
366 | justify-content: center; | ||
367 | height: calc(100% - 80px); | ||
368 | align-items: center; | ||
369 | background: rgba(194, 190, 190, 0.1); | ||
370 | overflow: scroll; | ||
371 | |||
372 | img { | ||
373 | display: block; | ||
374 | object-fit: scale-down; | ||
375 | transition: all 0.3s; | ||
376 | max-width: 100%; | ||
377 | } | ||
378 | } | ||
379 | |||
380 | .thumb-wrap { | ||
381 | &-button { | ||
382 | display: flex; | ||
383 | justify-content: center; | ||
384 | |||
385 | .fileUpdate { | ||
386 | margin: 0 10px; | ||
387 | } | ||
388 | } | ||
389 | |||
390 | li { | ||
391 | float: left; | ||
392 | width: 60px; | ||
393 | height: 45px; | ||
394 | border: solid 1px #ececec; | ||
395 | position: relative; | ||
396 | margin-right: 5px; | ||
397 | cursor: pointer; | ||
398 | |||
399 | &:last-child { | ||
400 | margin-right: 0; | ||
401 | } | ||
402 | |||
403 | img { | ||
404 | max-width: 57px; | ||
405 | max-height: 42px; | ||
406 | display: block; | ||
407 | object-fit: scale-down; | ||
408 | position: absolute; | ||
409 | top: 50%; | ||
410 | left: 50%; | ||
411 | transform: translate(-50%, -50%); | ||
412 | } | ||
413 | } | ||
414 | |||
415 | .active { | ||
416 | border-color: #409eff; | ||
417 | } | ||
418 | } | ||
419 | } | ||
420 | </style> | ||
421 | <style> | ||
422 | .zoom-on-hover { | ||
423 | position: relative; | ||
424 | overflow: hidden; | ||
425 | } | ||
426 | |||
427 | .zoom-on-hover .normal { | ||
428 | width: 100%; | ||
429 | } | ||
430 | |||
431 | .zoom-on-hover .zoom { | ||
432 | position: absolute; | ||
433 | opacity: 0; | ||
434 | transform-origin: top left; | ||
435 | } | ||
436 | |||
437 | .zoom-on-hover.zoomed .zoom { | ||
438 | opacity: 1; | ||
439 | } | ||
440 | |||
441 | .zoom-on-hover.zoomed .normal { | ||
442 | opacity: 0; | ||
443 | } | ||
444 | </style> |
src/views/xxba/components/clxx/index.vue
0 → 100644
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-09-08 15:02:18 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="clxx"> | ||
8 | <div class="right"> | ||
9 | <!-- 材料预览 --> | ||
10 | <div class="clyl-box"> | ||
11 | <div class="menu-tree"> | ||
12 | <el-button | ||
13 | type="primary" | ||
14 | native-type="submit" | ||
15 | @click="viewDetail" | ||
16 | style="width: 100%; margin-top: 10px" v-if="tableData.length > 0">申请材料目录</el-button> | ||
17 | <div class="item"> | ||
18 | 材料目录({{ tableData.length }}) | ||
19 | <div style="margin-top: 10px"> | ||
20 | <div | ||
21 | style=" | ||
22 | text-align: center; | ||
23 | line-height: 20px; | ||
24 | color: black; | ||
25 | font-size: 14px; | ||
26 | " | ||
27 | v-if="tableData.length == 0"> | ||
28 | 暂无数据 | ||
29 | </div> | ||
30 | <div | ||
31 | v-for="(item, index) in tableData" | ||
32 | :key="item.bsmMaterial" | ||
33 | :class="['child', treeCheckId == item.bsmMaterial ? 'checked' : '']" | ||
34 | @click="treeClick(item, index)"> | ||
35 | {{ item.clmc }} | ||
36 | <span class="cl_number" :key="key">({{ item.sxh }})</span> | ||
37 | </div> | ||
38 | </div> | ||
39 | </div> | ||
40 | <el-button | ||
41 | type="primary" | ||
42 | native-type="submit" | ||
43 | style="width: 100%" | ||
44 | @click="handleAdd()">新增</el-button> | ||
45 | </div> | ||
46 | <image-preview | ||
47 | ref="imageRef" | ||
48 | v-if="tableData.length > 0" | ||
49 | :previewImg="previewImg" | ||
50 | @updateList="updateList" | ||
51 | @nextPriview="nextPriview" | ||
52 | @prevPriview="prevPriview" /> | ||
53 | </div> | ||
54 | </div> | ||
55 | <clxxAddDialog v-model="isDialog" /> | ||
56 | </div> | ||
57 | </template> | ||
58 | <script> | ||
59 | import store from '@/store/index.js' | ||
60 | import clxxAddDialog from "./dialog/clxxAddDialog.vue"; | ||
61 | import clxxDetailDialog from "./dialog/clxxDetailDialog.vue"; | ||
62 | import imagePreview from "./dialog/imagePreview.vue"; | ||
63 | import { getCompanyMaterialList, addCompanyMaterial, getFileListByBsmMaterial } from "@/api/company.js"; | ||
64 | export default { | ||
65 | components: { clxxAddDialog, imagePreview, clxxDetailDialog }, | ||
66 | props: { | ||
67 | formData: { | ||
68 | type: Object, | ||
69 | default: () => { | ||
70 | return {} | ||
71 | } | ||
72 | } | ||
73 | }, | ||
74 | data () { | ||
75 | return { | ||
76 | isDialog: false, | ||
77 | iclass: "", | ||
78 | // 材料目录选中 | ||
79 | treeCheckIndex: 0, | ||
80 | treeCheckId: "", | ||
81 | key: 0, | ||
82 | tableData: [], | ||
83 | previewImg: { | ||
84 | bsmMaterial: "", | ||
85 | index: 0, | ||
86 | selectedIndex: 0, | ||
87 | imgList: [], | ||
88 | }, | ||
89 | }; | ||
90 | }, | ||
91 | created () { | ||
92 | this.clmlInitList(); | ||
93 | }, | ||
94 | methods: { | ||
95 | /** | ||
96 | * @description: 自动预览 | ||
97 | * @author: renchao | ||
98 | */ | ||
99 | nextPriview () { | ||
100 | if (this.treeCheckIndex < this.tableData.length) { | ||
101 | this.treeCheckIndex++; | ||
102 | if (this.tableData[this.treeCheckIndex]) { | ||
103 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmMaterial; | ||
104 | // 判断页数 | ||
105 | let ys = this.tableData[this.treeCheckIndex].ys | ||
106 | this.previewImg.index = 0; | ||
107 | // 获取材料明细 | ||
108 | if (ys > 0) { | ||
109 | getFileListByBsmMaterial(this.treeCheckId).then(res => { | ||
110 | this.previewImg.imgList = res.result ? res.result : [] | ||
111 | }) | ||
112 | } else { | ||
113 | this.previewImg.imgList = [] | ||
114 | } | ||
115 | this.previewImg.bsmMaterial = this.tableData[this.treeCheckIndex].bsmMaterial; | ||
116 | } else { | ||
117 | this.$message.error('没有最后一张了'); | ||
118 | } | ||
119 | } | ||
120 | }, | ||
121 | /** | ||
122 | * @description: prevPriview | ||
123 | * @author: renchao | ||
124 | */ | ||
125 | prevPriview () { | ||
126 | if (this.treeCheckIndex >= 1) { | ||
127 | this.treeCheckIndex--; | ||
128 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmMaterial; | ||
129 | // 判断页数 | ||
130 | let ys = this.tableData[this.treeCheckIndex].ys | ||
131 | if (ys > 0) { | ||
132 | getFileListByBsmMaterial(this.treeCheckId).then(res => { | ||
133 | this.previewImg.imgList = res.result ? res.result : [] | ||
134 | this.previewImg.index = this.previewImg.imgList.length - 1; | ||
135 | }) | ||
136 | } else { | ||
137 | this.previewImg.imgList = []; | ||
138 | this.previewImg.index = 0 | ||
139 | } | ||
140 | this.previewImg.bsmMaterial = this.tableData[this.treeCheckIndex].bsmMaterial; | ||
141 | } else { | ||
142 | this.$message.error('没有第一张了'); | ||
143 | } | ||
144 | }, | ||
145 | /** | ||
146 | * @description: 材料目录明细初始化 | ||
147 | * @param {*} type | ||
148 | * @author: renchao | ||
149 | */ | ||
150 | clmlInitList (type) { | ||
151 | // 1:列表初始化 2:新增材料 | ||
152 | return new Promise((resolve) => { | ||
153 | getCompanyMaterialList(this.formData.bsmCompany).then((res) => { | ||
154 | if (res.code == 200) { | ||
155 | resolve(res.code); | ||
156 | if (res.result && res.result.length > 0) { | ||
157 | this.tableData = res.result; | ||
158 | if (type == 1) { | ||
159 | this.treeClick(this.tableData[0], 0); | ||
160 | } else { | ||
161 | //新增材料后刷新列表焦点置于新增的对象上 | ||
162 | this.treeClick( | ||
163 | this.tableData[this.tableData.length - 1], | ||
164 | this.tableData.length - 1 | ||
165 | ); | ||
166 | } | ||
167 | } | ||
168 | } else { | ||
169 | this.$message.error(res.message); | ||
170 | } | ||
171 | }) | ||
172 | }) | ||
173 | }, | ||
174 | /** | ||
175 | * @description: setChecked | ||
176 | * @param {*} item | ||
177 | * @author: renchao | ||
178 | */ | ||
179 | setChecked (item) { | ||
180 | this.treeCheckId = item.bsmMaterial; | ||
181 | this.title = item.sjmc; | ||
182 | this.titleYs = 1; | ||
183 | this.titleNum = item.children.length; | ||
184 | // this.previewImg.imgList = item.children; | ||
185 | this.previewImg.bsmMaterial = item.bsmMaterial; | ||
186 | }, | ||
187 | /** | ||
188 | * @description: updateList | ||
189 | * @param {*} val | ||
190 | * @author: renchao | ||
191 | */ | ||
192 | updateList (val) { | ||
193 | let that = this; | ||
194 | if (val.length != 0) { | ||
195 | //删除最后一张图片时 val=null | ||
196 | this.tableData.forEach((item) => { | ||
197 | if (item.bsmMaterial === val.bsmMaterial) { | ||
198 | item.ys = val.length | ||
199 | } | ||
200 | }); | ||
201 | this.previewImg.imgList = _.cloneDeep(val); | ||
202 | if (this.previewImg.index == this.previewImg.imgList.length) { | ||
203 | this.previewImg.index = this.previewImg.index - 1; | ||
204 | } | ||
205 | this.key++ | ||
206 | } else { | ||
207 | this.previewImg.imgList = []; | ||
208 | this.tableData.forEach((item, index) => { | ||
209 | if (this.treeCheckId == item.bsmMaterial) { | ||
210 | item.ys = 0; | ||
211 | that.treeCheckIndex = index; | ||
212 | } | ||
213 | }) | ||
214 | } | ||
215 | }, | ||
216 | /** | ||
217 | * @description: 添加材料目录 | ||
218 | * @author: renchao | ||
219 | */ | ||
220 | handleAdd () { | ||
221 | this.isDialog = true; | ||
222 | }, | ||
223 | /** | ||
224 | * @description: 新增弹窗保存 | ||
225 | * @param {*} data | ||
226 | * @author: renchao | ||
227 | */ | ||
228 | addSave (data) { | ||
229 | let obj = { | ||
230 | bsmCompany: this.formData.bsmCompany, | ||
231 | clmc: data.clmc, | ||
232 | cllx: data.cllx | ||
233 | }; | ||
234 | addCompanyMaterial(obj).then(async (res) => { | ||
235 | if (res.code == 200) { | ||
236 | let res = await this.clmlInitList(2); | ||
237 | if (res == 200) | ||
238 | this.$message({ | ||
239 | message: "新增成功", | ||
240 | type: "success" | ||
241 | }) | ||
242 | } | ||
243 | }) | ||
244 | }, | ||
245 | /** | ||
246 | * @description: 材料目录点击选中 | ||
247 | * @param {*} item | ||
248 | * @param {*} index | ||
249 | * @author: renchao | ||
250 | */ | ||
251 | treeClick (item, index) { | ||
252 | this.previewImg.index = 0; | ||
253 | this.treeCheckId = item?.bsmMaterial; | ||
254 | this.treeCheckIndex = index; | ||
255 | getFileListByBsmMaterial(item.bsmMaterial).then(res => { | ||
256 | this.previewImg.imgList = res.result ? res.result : [] | ||
257 | }) | ||
258 | this.previewImg.bsmMaterial = item?.bsmMaterial; | ||
259 | }, | ||
260 | /** | ||
261 | * @description: 小图片点击 | ||
262 | * @param {*} item | ||
263 | * @param {*} index | ||
264 | * @author: renchao | ||
265 | */ | ||
266 | imgClick (item, index) { | ||
267 | this.showImg = item; | ||
268 | this.titleYs = index + 1; | ||
269 | }, | ||
270 | //查看明细 | ||
271 | viewDetail () { | ||
272 | store.dispatch("user/reWorkFresh", false); | ||
273 | this.$popupDialog( | ||
274 | "申请材料目录", | ||
275 | "workflow/components/dialog/clxxDetailDialog", | ||
276 | { | ||
277 | data: this.tableData, | ||
278 | }, | ||
279 | "60%", | ||
280 | true | ||
281 | ); | ||
282 | }, | ||
283 | //设置tableData | ||
284 | setTableData (tableData) { | ||
285 | this.$nextTick((res) => { | ||
286 | this.tableData = tableData; | ||
287 | }) | ||
288 | } | ||
289 | } | ||
290 | } | ||
291 | </script> | ||
292 | <style scoped lang="scss"> | ||
293 | @import "~@/styles/mixin.scss"; | ||
294 | .active { | ||
295 | background: $light-blue !important; | ||
296 | color: #fff; | ||
297 | } | ||
298 | |||
299 | .required { | ||
300 | font-size: 12px; | ||
301 | color: $pink; | ||
302 | float: left; | ||
303 | } | ||
304 | |||
305 | .cl_number { | ||
306 | float: right; | ||
307 | } | ||
308 | |||
309 | .clxx { | ||
310 | width: 100%; | ||
311 | height: 94%; | ||
312 | display: flex; | ||
313 | padding-left: 5px; | ||
314 | .left { | ||
315 | display: flex; | ||
316 | flex-direction: column; | ||
317 | justify-content: space-between; | ||
318 | |||
319 | .item { | ||
320 | width: 28px; | ||
321 | height: 49%; | ||
322 | @include flex-center; | ||
323 | background-color: #e4e7ed; | ||
324 | border-bottom-right-radius: 10px; | ||
325 | padding: 5px; | ||
326 | cursor: pointer; | ||
327 | transition: all 0.3s; | ||
328 | |||
329 | &:hover { | ||
330 | @extend .active; | ||
331 | } | ||
332 | } | ||
333 | } | ||
334 | |||
335 | .right { | ||
336 | width: 100%; | ||
337 | height: 100%; | ||
338 | |||
339 | .clmlmx-box { | ||
340 | margin: 0 auto; | ||
341 | |||
342 | .title { | ||
343 | text-align: center; | ||
344 | height: 60px; | ||
345 | line-height: 60px; | ||
346 | border: 1px solid #dfe6ec; | ||
347 | font-size: 20px; | ||
348 | background: #81d3f81a; | ||
349 | margin-bottom: -1px; | ||
350 | } | ||
351 | } | ||
352 | |||
353 | .clyl-box { | ||
354 | width: 100%; | ||
355 | height: 100%; | ||
356 | display: flex; | ||
357 | |||
358 | .menu-tree { | ||
359 | width: 20%; | ||
360 | min-width: 160px; | ||
361 | height: 100%; | ||
362 | margin-right: 10px; | ||
363 | border-right: 1px dotted #d9d9d9; | ||
364 | padding: 0 15px; | ||
365 | |||
366 | .item { | ||
367 | line-height: 30px; | ||
368 | padding-top: 5px; | ||
369 | border-bottom: 1px solid #e8e8e8; | ||
370 | font-size: 16px; | ||
371 | text-align: center; | ||
372 | color: $light-blue; | ||
373 | |||
374 | .itemIcon { | ||
375 | float: right; | ||
376 | line-height: 60px; | ||
377 | cursor: pointer; | ||
378 | } | ||
379 | |||
380 | .child { | ||
381 | line-height: 32px; | ||
382 | border-bottom: 1px solid #e8e8e8; | ||
383 | padding-left: 10px; | ||
384 | color: #6b6b6b; | ||
385 | cursor: pointer; | ||
386 | box-sizing: border-box; | ||
387 | border-radius: 6px; | ||
388 | line-height: 20px; | ||
389 | transition: all 0.3s; | ||
390 | padding: 8px 0; | ||
391 | } | ||
392 | |||
393 | .child:hover { | ||
394 | color: $light-blue; | ||
395 | transform: scale(1.1); | ||
396 | } | ||
397 | |||
398 | .checked { | ||
399 | border: 1px solid $light-blue; | ||
400 | color: $light-blue; | ||
401 | } | ||
402 | } | ||
403 | } | ||
404 | |||
405 | .clyl-img { | ||
406 | width: 75%; | ||
407 | height: 100%; | ||
408 | background: #f3f4f7; | ||
409 | margin: 0 auto; | ||
410 | position: relative; | ||
411 | } | ||
412 | } | ||
413 | } | ||
414 | } | ||
415 | </style> |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-06 16:10:25 | 4 | * @LastEditTime: 2023-09-07 14:49:06 |
5 | */ | 5 | */ |
6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
7 | let vm = null | 7 | let vm = null |
... | @@ -56,12 +56,13 @@ class data extends filter { | ... | @@ -56,12 +56,13 @@ class data extends filter { |
56 | }, | 56 | }, |
57 | { | 57 | { |
58 | label: '操作', | 58 | label: '操作', |
59 | width: '80', | 59 | width: '120', |
60 | align: 'center', | 60 | align: 'center', |
61 | render: (h, scope) => { | 61 | render: (h, scope) => { |
62 | return ( | 62 | return ( |
63 | <div> | 63 | <div> |
64 | <el-button type="text" onClick={() => { vm.handleDelete(scope.row) }}>删除</el-button> | 64 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.handleEdit(scope.row) }}>编辑</el-button> |
65 | <el-button type="text" icon="el-icon-delete" onClick={() => { vm.handleDelete(scope.row) }}>删除</el-button> | ||
65 | </div> | 66 | </div> |
66 | ) | 67 | ) |
67 | } | 68 | } | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-06 16:08:08 | 4 | * @LastEditTime: 2023-09-08 09:30:08 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -42,7 +42,7 @@ | ... | @@ -42,7 +42,7 @@ |
42 | import { mapGetters } from 'vuex' | 42 | import { mapGetters } from 'vuex' |
43 | import table from "@/utils/mixin/table" | 43 | import table from "@/utils/mixin/table" |
44 | import { datas, sendThis } from "./data" | 44 | import { datas, sendThis } from "./data" |
45 | import { queryQyByPage, addQy } from "@/api/xxba.js"; | 45 | import { queryQyByPage, addQy, remove } from "@/api/xxba.js"; |
46 | export default { | 46 | export default { |
47 | name: "cwrz", | 47 | name: "cwrz", |
48 | components: {}, | 48 | components: {}, |
... | @@ -80,6 +80,7 @@ | ... | @@ -80,6 +80,7 @@ |
80 | methods: { | 80 | methods: { |
81 | /** | 81 | /** |
82 | * @description: queryClick | 82 | * @description: queryClick |
83 | * @author: renchao | ||
83 | */ | 84 | */ |
84 | queryClick () { | 85 | queryClick () { |
85 | this.$startLoading(); | 86 | this.$startLoading(); |
... | @@ -93,28 +94,53 @@ | ... | @@ -93,28 +94,53 @@ |
93 | } | 94 | } |
94 | }) | 95 | }) |
95 | }, | 96 | }, |
97 | /** | ||
98 | * @description: handleSearch | ||
99 | * @author: renchao | ||
100 | */ | ||
96 | handleSearch () { | 101 | handleSearch () { |
97 | this.queryClick(); | 102 | this.queryClick(); |
98 | }, | 103 | }, |
104 | /** | ||
105 | * @description: handleAdd | ||
106 | * @author: renchao | ||
107 | */ | ||
99 | handleAdd () { | 108 | handleAdd () { |
100 | this.$popupDialog("添加企业", "xxba/qyxxba/components/addDialog", {}, "50%") | 109 | this.$popupDialog("添加企业", "xxba/components/addDialog", { isAdd: 1, }, "75%") |
101 | }, | 110 | }, |
102 | handleDelete () { | 111 | /** |
112 | * @description: handleDelete | ||
113 | * @author: renchao | ||
114 | */ | ||
115 | handleDelete (row) { | ||
116 | let _this = this | ||
103 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | 117 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { |
104 | confirmButtonText: '确定', | 118 | confirmButtonText: '确定', |
105 | cancelButtonText: '取消', | 119 | cancelButtonText: '取消', |
106 | type: 'warning' | 120 | type: 'warning' |
107 | }).then(() => { | 121 | }).then(() => { |
108 | this.$message({ | 122 | remove(row.bsmCompany).then(res => { |
109 | type: 'success', | 123 | if (res.code == 200) { |
110 | message: '删除成功!' | 124 | _this.$message({ |
111 | }); | 125 | type: 'success', |
126 | message: '删除成功!' | ||
127 | }); | ||
128 | } | ||
129 | const totalPage = Math.ceil((_this.tableData.total - 1) / _this.pageData.pageSize) // 总页数 | ||
130 | _this.pageData.currentPage = _this.pageData.currentPage > totalPage ? totalPage : _this.pageData.currentPage | ||
131 | _this.pageData.currentPage = _this.pageData.currentPage < 1 ? 1 : _this.pageData.currentPage | ||
132 | |||
133 | _this.queryClick(_this.pageData.currentPage);//重新渲染数 | ||
134 | }) | ||
112 | }).catch(() => { | 135 | }).catch(() => { |
113 | this.$message({ | 136 | this.$message({ |
114 | type: 'info', | 137 | type: 'info', |
115 | message: '已取消删除' | 138 | message: '已取消删除' |
116 | }); | 139 | }); |
117 | }); | 140 | }); |
141 | }, | ||
142 | handleEdit (row) { | ||
143 | this.$popupDialog("编辑企业", "xxba/components/addDialog", { isAdd: 2, ...row }, "75%") | ||
118 | } | 144 | } |
119 | } | 145 | } |
120 | } | 146 | } | ... | ... |
1 | <template> | ||
2 | <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> | ||
3 | <el-row> | ||
4 | <el-col :span="12"> | ||
5 | <el-form-item label="企业名称:" prop="qymc"> | ||
6 | <el-input v-model="ruleForm.qymc"></el-input> | ||
7 | </el-form-item> | ||
8 | </el-col> | ||
9 | <el-col :span="12"> | ||
10 | <el-form-item label="电话:" prop="dh"> | ||
11 | <el-input v-model="ruleForm.dh"></el-input> | ||
12 | </el-form-item> | ||
13 | </el-col> | ||
14 | </el-row> | ||
15 | <el-row> | ||
16 | <el-col :span="12"> | ||
17 | <el-form-item label="证件种类:"> | ||
18 | <el-input v-model="ruleForm.zjzl"></el-input> | ||
19 | </el-form-item> | ||
20 | </el-col> | ||
21 | <el-col :span="12"> | ||
22 | <el-form-item label="证件号:" prop="zjh"> | ||
23 | <el-input v-model="ruleForm.zjh"></el-input> | ||
24 | </el-form-item> | ||
25 | </el-col> | ||
26 | </el-row> | ||
27 | |||
28 | <el-row> | ||
29 | <el-col :span="12"> | ||
30 | <el-form-item label="法人名称:" prop="frmc"> | ||
31 | <el-input v-model="ruleForm.frmc"></el-input> | ||
32 | </el-form-item> | ||
33 | </el-col> | ||
34 | <el-col :span="12"> | ||
35 | <el-form-item label="法人电话:" prop="frdh"> | ||
36 | <el-input v-model="ruleForm.frdh"></el-input> | ||
37 | </el-form-item> | ||
38 | </el-col> | ||
39 | </el-row> | ||
40 | <el-row> | ||
41 | <el-col :span="12"> | ||
42 | <el-form-item label="单位地址:"> | ||
43 | <el-input v-model="ruleForm.dwdz"></el-input> | ||
44 | </el-form-item> | ||
45 | </el-col> | ||
46 | <el-col :span="12"> | ||
47 | <el-form-item label="邮编:" prop="yb"> | ||
48 | <el-input v-model="ruleForm.yb"></el-input> | ||
49 | </el-form-item> | ||
50 | </el-col> | ||
51 | </el-row> | ||
52 | <el-form-item style="text-align:center"> | ||
53 | <el-button type="primary" @click="submitForm">保存</el-button> | ||
54 | <el-button @click="closeDialog">取消</el-button> | ||
55 | </el-form-item> | ||
56 | </el-form> | ||
57 | </template> | ||
58 | |||
59 | <script> | ||
60 | import store from '@/store/index.js' | ||
61 | import { addYh } from "@/api/xxba.js" | ||
62 | export default { | ||
63 | props: { | ||
64 | formData: { | ||
65 | type: Object, | ||
66 | default: () => { }, | ||
67 | }, | ||
68 | }, | ||
69 | data () { | ||
70 | return { | ||
71 | DJJGLIST: store.getters.dictData['ywly'], | ||
72 | readOnly: false, | ||
73 | //表单提交数据 | ||
74 | ruleForm: { | ||
75 | batchno: '', | ||
76 | djjg: '', | ||
77 | operator: '超级管理员', | ||
78 | operationtime: '', | ||
79 | bz: '', | ||
80 | zsstarno: '', | ||
81 | zsendno: '', | ||
82 | zsnum: '', | ||
83 | zmstarno: '', | ||
84 | zmendno: '', | ||
85 | zmnum: '' | ||
86 | }, | ||
87 | //表格数据 | ||
88 | tableForm: [ | ||
89 | { | ||
90 | name: '不动产权证书', | ||
91 | ksysxlh: '', | ||
92 | jsysxlh: '', | ||
93 | bs: 0, | ||
94 | zslx: 1 | ||
95 | }, | ||
96 | { | ||
97 | name: '不动产登记证明', | ||
98 | ksysxlh: '', | ||
99 | jsysxlh: '', | ||
100 | bs: 0, | ||
101 | zslx: 2 | ||
102 | } | ||
103 | ], | ||
104 | //证书入库业务号参数 | ||
105 | ywhQueryForm: { | ||
106 | serialtype: 'zsrkbh', | ||
107 | serialname: '证书入库编号', | ||
108 | serialcode: 'zsrk', | ||
109 | digit: '5' | ||
110 | }, | ||
111 | rules: { | ||
112 | batchNo: [ | ||
113 | { required: true, message: '入库编号不能为空', trigger: 'blur' } | ||
114 | ], | ||
115 | djjg: [ | ||
116 | { required: true, message: '请选择登记机构', trigger: 'change' } | ||
117 | ], | ||
118 | rksj: [ | ||
119 | { required: true, message: '请选择入库时间', trigger: 'change' } | ||
120 | ], | ||
121 | }, | ||
122 | } | ||
123 | }, | ||
124 | mounted () { | ||
125 | if (this.formData.bsmBatch) { | ||
126 | this.tableForm[0].bs = null; | ||
127 | this.tableForm[1].bs = null; | ||
128 | this.getDetailInfo(this.formData.bsmBatch); | ||
129 | } | ||
130 | }, | ||
131 | methods: { | ||
132 | /** | ||
133 | * @description: 表单提交 | ||
134 | * @author: renchao | ||
135 | */ | ||
136 | submitForm () { | ||
137 | this.tableForm.forEach((item, index) => { | ||
138 | if (item.bs < 0) { | ||
139 | return; | ||
140 | } | ||
141 | }) | ||
142 | addYh(this.ruleForm).then(res => { | ||
143 | if (res.code == 200) { | ||
144 | this.$message.success('保存成功') | ||
145 | this.$emit("input", false); | ||
146 | this.$refs['ruleForm'].resetFields(); | ||
147 | this.resetTableFields(); | ||
148 | this.closeDialog(); | ||
149 | //刷新列表 | ||
150 | store.dispatch('user/reWorkFresh', true) | ||
151 | } else { | ||
152 | this.$message.error(res.message); | ||
153 | } | ||
154 | }) | ||
155 | }, | ||
156 | /** | ||
157 | * @description: 获取详情信息 | ||
158 | * @param {*} bsmBatch | ||
159 | * @author: renchao | ||
160 | */ | ||
161 | getDetailInfo (bsmBatch) { | ||
162 | getZsglInfo({ "bsmBatch": bsmBatch }).then(res => { | ||
163 | if (res.code == 200) { | ||
164 | this.ruleForm = res.result; | ||
165 | this.readOnly = false; | ||
166 | this.tableForm[0].ksysxlh = res.result.zsstarno; | ||
167 | this.tableForm[0].jsysxlh = res.result.zsendno; | ||
168 | this.tableForm[0].bs = res.result.zsnum; | ||
169 | this.tableForm[1].ksysxlh = res.result.zmstarno; | ||
170 | this.tableForm[1].jsysxlh = res.result.zmendno; | ||
171 | this.tableForm[1].bs = res.result.zmnum; | ||
172 | } | ||
173 | }) | ||
174 | }, | ||
175 | /** | ||
176 | * @description: 印刷序列号处理 | ||
177 | * @param {*} item | ||
178 | * @author: renchao | ||
179 | */ | ||
180 | ysxlhDeal (item) { | ||
181 | if (item.ksysxlh && item.jsysxlh) { | ||
182 | if (item.ksysxlh.length == item.jsysxlh.length) { | ||
183 | if (item.ksysxlh.length != 11) { | ||
184 | item.bs = -1; | ||
185 | return; | ||
186 | } | ||
187 | if (item.ksysxlh > item.jsysxlh) { | ||
188 | item.bs = -1; | ||
189 | return; | ||
190 | } | ||
191 | item.bs = item.jsysxlh - item.ksysxlh + 1; | ||
192 | if (item.zslx == 1) { | ||
193 | this.ruleForm.zsstarno = item.ksysxlh; | ||
194 | this.ruleForm.zsendno = item.jsysxlh; | ||
195 | this.ruleForm.zsnum = item.bs | ||
196 | } else if (item.zslx == 2) { | ||
197 | this.ruleForm.zmstarno = item.ksysxlh; | ||
198 | this.ruleForm.zmendno = item.jsysxlh; | ||
199 | this.ruleForm.zmnum = item.bs | ||
200 | } | ||
201 | } else { | ||
202 | item.bs = -1; | ||
203 | } | ||
204 | } else { | ||
205 | item.bs = 0; | ||
206 | if (item.zslx == 1) { | ||
207 | this.ruleForm.zsstarno = ''; | ||
208 | this.ruleForm.zsendno = ''; | ||
209 | this.ruleForm.zsnum = item.bs | ||
210 | } else if (item.zslx == 2) { | ||
211 | this.ruleForm.zmstarno = ''; | ||
212 | this.ruleForm.zmendno = ''; | ||
213 | this.ruleForm.zmnum = item.bs | ||
214 | } | ||
215 | } | ||
216 | }, | ||
217 | /** | ||
218 | * @description: resetTableFields | ||
219 | * @author: renchao | ||
220 | */ | ||
221 | resetTableFields () { | ||
222 | this.tableForm = [ | ||
223 | { | ||
224 | name: '不动产权证书', | ||
225 | ksysxlh: '', | ||
226 | jsysxlh: '', | ||
227 | bs: 0, | ||
228 | zslx: 1 | ||
229 | }, | ||
230 | { | ||
231 | name: '不动产权登记证明', | ||
232 | ksysxlh: '', | ||
233 | jsysxlh: '', | ||
234 | bs: 0, | ||
235 | zslx: 2 | ||
236 | } | ||
237 | ] | ||
238 | }, | ||
239 | /** | ||
240 | * @description: closeDialog | ||
241 | * @author: renchao | ||
242 | */ | ||
243 | closeDialog () { | ||
244 | this.$popupCacel() | ||
245 | this.$refs['ruleForm'].resetFields(); | ||
246 | this.resetTableFields(); | ||
247 | } | ||
248 | } | ||
249 | } | ||
250 | </script> | ||
251 | <style scoped lang="scss"> | ||
252 | @import "~@/styles/mixin.scss"; | ||
253 | @import "~@/styles/dialogBoxheader.scss"; | ||
254 | |||
255 | .font-red { | ||
256 | color: red; | ||
257 | } | ||
258 | |||
259 | .middle-margin-bottom { | ||
260 | margin-top: 20px; | ||
261 | } | ||
262 | </style> |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-06 16:12:16 | 4 | * @LastEditTime: 2023-09-07 14:52:10 |
5 | */ | 5 | */ |
6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
7 | let vm = null | 7 | let vm = null |
... | @@ -56,12 +56,13 @@ class data extends filter { | ... | @@ -56,12 +56,13 @@ class data extends filter { |
56 | }, | 56 | }, |
57 | { | 57 | { |
58 | label: '操作', | 58 | label: '操作', |
59 | width: '80', | 59 | width: '120', |
60 | align: 'center', | 60 | align: 'center', |
61 | render: (h, scope) => { | 61 | render: (h, scope) => { |
62 | return ( | 62 | return ( |
63 | <div> | 63 | <div> |
64 | <el-button type="text" onClick={() => { vm.handleDelete(scope.row) }}>删除</el-button> | 64 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.handleEdit(scope.row) }}>编辑</el-button> |
65 | <el-button type="text" icon="el-icon-delete" onClick={() => { vm.handleDelete(scope.row) }}>删除</el-button> | ||
65 | </div> | 66 | </div> |
66 | ) | 67 | ) |
67 | } | 68 | } | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-06 16:08:32 | 4 | * @LastEditTime: 2023-09-07 14:30:50 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -42,7 +42,7 @@ | ... | @@ -42,7 +42,7 @@ |
42 | import { mapGetters } from 'vuex' | 42 | import { mapGetters } from 'vuex' |
43 | import table from "@/utils/mixin/table" | 43 | import table from "@/utils/mixin/table" |
44 | import { datas, sendThis } from "./data" | 44 | import { datas, sendThis } from "./data" |
45 | import { queryYhByPage, addYh } from "@/api/xxba.js"; | 45 | import { queryYhByPage, addYh, remove } from "@/api/xxba.js"; |
46 | export default { | 46 | export default { |
47 | name: "cwrz", | 47 | name: "cwrz", |
48 | components: {}, | 48 | components: {}, |
... | @@ -80,6 +80,7 @@ | ... | @@ -80,6 +80,7 @@ |
80 | methods: { | 80 | methods: { |
81 | /** | 81 | /** |
82 | * @description: queryClick | 82 | * @description: queryClick |
83 | * @author: renchao | ||
83 | */ | 84 | */ |
84 | queryClick () { | 85 | queryClick () { |
85 | this.$startLoading(); | 86 | this.$startLoading(); |
... | @@ -93,28 +94,50 @@ | ... | @@ -93,28 +94,50 @@ |
93 | } | 94 | } |
94 | }); | 95 | }); |
95 | }, | 96 | }, |
97 | /** | ||
98 | * @description: handleSearch | ||
99 | * @author: renchao | ||
100 | */ | ||
96 | handleSearch () { | 101 | handleSearch () { |
97 | this.queryClick(); | 102 | this.queryClick(); |
98 | }, | 103 | }, |
104 | /** | ||
105 | * @description: handleAdd | ||
106 | * @author: renchao | ||
107 | */ | ||
99 | handleAdd () { | 108 | handleAdd () { |
100 | this.$popupDialog("添加企业", "xxba/yhjgba/components/addDialog", {}, "50%") | 109 | this.$popupDialog("添加企业", "xxba/components/addDialog", {}, "75%") |
101 | }, | 110 | }, |
102 | handleDelete () { | 111 | /** |
112 | * @description: handleDelete | ||
113 | * @author: renchao | ||
114 | */ | ||
115 | handleDelete (row) { | ||
116 | let _this = this | ||
103 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | 117 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { |
104 | confirmButtonText: '确定', | 118 | confirmButtonText: '确定', |
105 | cancelButtonText: '取消', | 119 | cancelButtonText: '取消', |
106 | type: 'warning' | 120 | type: 'warning' |
107 | }).then(() => { | 121 | }).then(() => { |
108 | this.$message({ | 122 | remove(row.bsmCompany).then(res => { |
109 | type: 'success', | 123 | if (res.code == 200) { |
110 | message: '删除成功!' | 124 | _this.$message({ |
111 | }); | 125 | type: 'success', |
126 | message: '删除成功!' | ||
127 | }); | ||
128 | } | ||
129 | const totalPage = Math.ceil((_this.tableData.total - 1) / _this.pageData.pageSize) // 总页数 | ||
130 | _this.pageData.currentPage = _this.pageData.currentPage > totalPage ? totalPage : _this.pageData.currentPage | ||
131 | _this.pageData.currentPage = _this.pageData.currentPage < 1 ? 1 : _this.pageData.currentPage | ||
132 | |||
133 | _this.queryClick(_this.pageData.currentPage);//重新渲染数 | ||
134 | }) | ||
112 | }).catch(() => { | 135 | }).catch(() => { |
113 | this.$message({ | 136 | this.$message({ |
114 | type: 'info', | 137 | type: 'info', |
115 | message: '已取消删除' | 138 | message: '已取消删除' |
116 | }); | 139 | }) |
117 | }); | 140 | }) |
118 | } | 141 | } |
119 | } | 142 | } |
120 | } | 143 | } | ... | ... |
... | @@ -19,10 +19,24 @@ | ... | @@ -19,10 +19,24 @@ |
19 | </el-row> | 19 | </el-row> |
20 | <el-row :gutter="20"> | 20 | <el-row :gutter="20"> |
21 | <el-col :span="24"> | 21 | <el-col :span="24"> |
22 | <el-form-item label="材料名称"> | 22 | <el-form-item label="材料名称1"> |
23 | <el-input v-model="ruleForm.clmc"></el-input> | 23 | <el-input v-model="ruleForm.clmc"></el-input> |
24 | </el-form-item> | 24 | </el-form-item> |
25 | </el-col> | 25 | </el-col> |
26 | </el-row> | ||
27 | <el-row :gutter="20"> | ||
28 | <el-col :span="8"> | ||
29 | <el-form-item | ||
30 | label="是否公共材料" | ||
31 | > | ||
32 | <el-radio-group | ||
33 | v-model="ruleForm.sfggcl" | ||
34 | > | ||
35 | <el-radio label="1">是</el-radio> | ||
36 | <el-radio label="0">否</el-radio> | ||
37 | </el-radio-group> | ||
38 | </el-form-item> | ||
39 | </el-col> | ||
26 | </el-row> | 40 | </el-row> |
27 | </el-form> | 41 | </el-form> |
28 | </dialogBox> | 42 | </dialogBox> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
3 | * @Autor: ssq | 3 | * @Autor: ssq |
4 | * @LastEditTime: 2023-09-01 13:42:05 | 4 | * @LastEditTime: 2023-09-07 17:04:32 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
... | @@ -71,24 +71,24 @@ | ... | @@ -71,24 +71,24 @@ |
71 | <el-row :gutter="10"> | 71 | <el-row :gutter="10"> |
72 | <el-col :span="8"> | 72 | <el-col :span="8"> |
73 | <el-form-item label="发包方:"> | 73 | <el-form-item label="发包方:"> |
74 | <el-input v-model="ruleForm.lq.fbf"></el-input> | 74 | <el-input v-model="ruleForm.lq.fbf" :disabled="!viewEdit"></el-input> |
75 | </el-form-item> | 75 | </el-form-item> |
76 | </el-col> | 76 | </el-col> |
77 | <el-col :span="8"> | 77 | <el-col :span="8"> |
78 | <el-form-item label="发包方代码:"> | 78 | <el-form-item label="发包方代码:"> |
79 | <el-input v-model="ruleForm.lq.fbfdm"></el-input> | 79 | <el-input v-model="ruleForm.lq.fbfdm" :disabled="!viewEdit"></el-input> |
80 | </el-form-item> | 80 | </el-form-item> |
81 | </el-col> | 81 | </el-col> |
82 | <el-col :span="8"> | 82 | <el-col :span="8"> |
83 | <el-form-item label="使用权(承包)面积:"> | 83 | <el-form-item label="使用权(承包)面积:"> |
84 | <el-input v-model="ruleForm.lq.syqmj"></el-input> | 84 | <el-input v-model="ruleForm.lq.syqmj" :disabled="!viewEdit"></el-input> |
85 | </el-form-item> | 85 | </el-form-item> |
86 | </el-col> | 86 | </el-col> |
87 | </el-row> | 87 | </el-row> |
88 | <el-row :gutter="10"> | 88 | <el-row :gutter="10"> |
89 | <el-col :span="8"> | 89 | <el-col :span="8"> |
90 | <el-form-item label="林地所有权性质:"> | 90 | <el-form-item label="林地所有权性质:"> |
91 | <el-select v-model="ruleForm.lq.ldsyqxz"> | 91 | <el-select v-model="ruleForm.lq.ldsyqxz" :disabled="!viewEdit"> |
92 | <el-option | 92 | <el-option |
93 | v-for="item in dictData['A45']" | 93 | v-for="item in dictData['A45']" |
94 | :key="item.dcode" | 94 | :key="item.dcode" |
... | @@ -100,24 +100,24 @@ | ... | @@ -100,24 +100,24 @@ |
100 | </el-col> | 100 | </el-col> |
101 | <el-col :span="8"> | 101 | <el-col :span="8"> |
102 | <el-form-item label="森林类别:"> | 102 | <el-form-item label="森林类别:"> |
103 | <el-input v-model="ruleForm.lq.sllb"></el-input> | 103 | <el-input v-model="ruleForm.lq.sllb" :disabled="!viewEdit"></el-input> |
104 | </el-form-item> | 104 | </el-form-item> |
105 | </el-col> | 105 | </el-col> |
106 | <el-col :span="8"> | 106 | <el-col :span="8"> |
107 | <el-form-item label="主要树种:"> | 107 | <el-form-item label="主要树种:"> |
108 | <el-input v-model="ruleForm.lq.zysz"></el-input> | 108 | <el-input v-model="ruleForm.lq.zysz" :disabled="!viewEdit"></el-input> |
109 | </el-form-item> | 109 | </el-form-item> |
110 | </el-col> | 110 | </el-col> |
111 | </el-row> | 111 | </el-row> |
112 | <el-row :gutter="10"> | 112 | <el-row :gutter="10"> |
113 | <el-col :span="8"> | 113 | <el-col :span="8"> |
114 | <el-form-item label="株数:"> | 114 | <el-form-item label="株数:"> |
115 | <el-input v-model="ruleForm.lq.zs"></el-input> | 115 | <el-input v-model="ruleForm.lq.zs" :disabled="!viewEdit"></el-input> |
116 | </el-form-item> | 116 | </el-form-item> |
117 | </el-col> | 117 | </el-col> |
118 | <el-col :span="8"> | 118 | <el-col :span="8"> |
119 | <el-form-item label="林种:"> | 119 | <el-form-item label="林种:"> |
120 | <el-select v-model="ruleForm.lq.lz"> | 120 | <el-select v-model="ruleForm.lq.lz" :disabled="!viewEdit"> |
121 | <el-option | 121 | <el-option |
122 | v-for="item in dictData['A26']" | 122 | v-for="item in dictData['A26']" |
123 | :key="item.dcode" | 123 | :key="item.dcode" |
... | @@ -129,7 +129,7 @@ | ... | @@ -129,7 +129,7 @@ |
129 | </el-col> | 129 | </el-col> |
130 | <el-col :span="8"> | 130 | <el-col :span="8"> |
131 | <el-form-item label="起源:"> | 131 | <el-form-item label="起源:"> |
132 | <el-select v-model="ruleForm.lq.qy"> | 132 | <el-select v-model="ruleForm.lq.qy" :disabled="!viewEdit"> |
133 | <el-option | 133 | <el-option |
134 | v-for="item in dictData['A52']" | 134 | v-for="item in dictData['A52']" |
135 | :key="item.dcode" | 135 | :key="item.dcode" |
... | @@ -146,36 +146,50 @@ | ... | @@ -146,36 +146,50 @@ |
146 | <!-- <el-input v-model="ruleForm.lq.zlnd"></el-input> --> | 146 | <!-- <el-input v-model="ruleForm.lq.zlnd"></el-input> --> |
147 | <el-date-picker | 147 | <el-date-picker |
148 | class="width100" | 148 | class="width100" |
149 | value-format="yyyy" | ||
149 | v-model="ruleForm.lq.zlnd" | 150 | v-model="ruleForm.lq.zlnd" |
151 | :disabled="!viewEdit" | ||
150 | type="year"> | 152 | type="year"> |
151 | </el-date-picker> | 153 | </el-date-picker> |
152 | </el-form-item> | 154 | </el-form-item> |
153 | </el-col> | 155 | </el-col> |
154 | <el-col :span="8"> | 156 | <el-col :span="8"> |
155 | <el-form-item label="林班:"> | 157 | <el-form-item label="林班:"> |
156 | <el-input v-model="ruleForm.lq.lb"></el-input> | 158 | <el-input v-model="ruleForm.lq.lb" :disabled="!viewEdit"></el-input> |
157 | </el-form-item> | 159 | </el-form-item> |
158 | </el-col> | 160 | </el-col> |
159 | <el-col :span="8"> | 161 | <el-col :span="8"> |
160 | <el-form-item label="小班:"> | 162 | <el-form-item label="小班:"> |
161 | <el-input v-model="ruleForm.lq.xb"></el-input> | 163 | <el-input v-model="ruleForm.lq.xb" :disabled="!viewEdit"></el-input> |
162 | </el-form-item> | 164 | </el-form-item> |
163 | </el-col> | 165 | </el-col> |
164 | </el-row> | 166 | </el-row> |
165 | <el-row :gutter="10"> | 167 | <el-row :gutter="10"> |
166 | <el-col :span="8"> | 168 | <el-col :span="8"> |
167 | <el-form-item label="小地名:"> | 169 | <el-form-item label="小地名:"> |
168 | <el-input v-model="ruleForm.lq.xdm"></el-input> | 170 | <el-input v-model="ruleForm.lq.xdm" :disabled="!viewEdit"></el-input> |
169 | </el-form-item> | 171 | </el-form-item> |
170 | </el-col> | 172 | </el-col> |
171 | <el-col :span="8"> | 173 | <el-col :span="8"> |
172 | <el-form-item label="林地使用(承包)起始时间:"> | 174 | <el-form-item label="林地使用(承包)起始时间:"> |
173 | <el-input v-model="ruleForm.lq.ldsyqssj"></el-input> | 175 | <!-- <el-input v-model="ruleForm.lq.ldsyqssj"></el-input> --> |
176 | <el-date-picker | ||
177 | class="width100" | ||
178 | value-format="yyyy-MM-dd HH:mm:ss" | ||
179 | v-model="ruleForm.lq.ldsyqssj" | ||
180 | :disabled="!viewEdit" | ||
181 | type="date"></el-date-picker> | ||
174 | </el-form-item> | 182 | </el-form-item> |
175 | </el-col> | 183 | </el-col> |
176 | <el-col :span="8"> | 184 | <el-col :span="8"> |
177 | <el-form-item label="林地使用(承包)结束时间:"> | 185 | <el-form-item label="林地使用(承包)结束时间:"> |
178 | <el-input v-model="ruleForm.lq.ldsyjssj"></el-input> | 186 | <!-- <el-input v-model="ruleForm.lq.ldsyjssj"></el-input> --> |
187 | <el-date-picker | ||
188 | class="width100" | ||
189 | value-format="yyyy-MM-dd HH:mm:ss" | ||
190 | v-model="ruleForm.lq.ldsyjssj" | ||
191 | :disabled="!viewEdit" | ||
192 | type="date"></el-date-picker> | ||
179 | </el-form-item> | 193 | </el-form-item> |
180 | </el-col> | 194 | </el-col> |
181 | </el-row> | 195 | </el-row> |
... | @@ -187,7 +201,7 @@ | ... | @@ -187,7 +201,7 @@ |
187 | </el-col> --> | 201 | </el-col> --> |
188 | <el-col :span="8"> | 202 | <el-col :span="8"> |
189 | <el-form-item label="林地使用 (承包)期限:"> | 203 | <el-form-item label="林地使用 (承包)期限:"> |
190 | <el-input v-model="ruleForm.lq.ldsyqx"></el-input> | 204 | <el-input v-model="ruleForm.lq.ldsyqx" :disabled="!viewEdit"></el-input> |
191 | </el-form-item> | 205 | </el-form-item> |
192 | </el-col> | 206 | </el-col> |
193 | </el-row> | 207 | </el-row> |
... | @@ -196,6 +210,7 @@ | ... | @@ -196,6 +210,7 @@ |
196 | <el-form-item label="附记:"> | 210 | <el-form-item label="附记:"> |
197 | <el-input | 211 | <el-input |
198 | v-model="ruleForm.lq.fj" | 212 | v-model="ruleForm.lq.fj" |
213 | :disabled="!viewEdit" | ||
199 | type="textarea" | 214 | type="textarea" |
200 | maxlength="500" | 215 | maxlength="500" |
201 | show-word-limit></el-input> | 216 | show-word-limit></el-input> |
... | @@ -352,6 +367,9 @@ | ... | @@ -352,6 +367,9 @@ |
352 | czrOptions: [], | 367 | czrOptions: [], |
353 | czr: "", | 368 | czr: "", |
354 | ruleForm: { | 369 | ruleForm: { |
370 | lq:{ | ||
371 | |||
372 | }, | ||
355 | flow: { | 373 | flow: { |
356 | ywh: "", | 374 | ywh: "", |
357 | }, | 375 | }, | ... | ... |
... | @@ -70,24 +70,24 @@ | ... | @@ -70,24 +70,24 @@ |
70 | <el-row :gutter="10"> | 70 | <el-row :gutter="10"> |
71 | <el-col :span="8"> | 71 | <el-col :span="8"> |
72 | <el-form-item label="发包方:"> | 72 | <el-form-item label="发包方:"> |
73 | <el-input v-model="ruleForm.lq.fbf"></el-input> | 73 | <el-input v-model="ruleForm.lq.fbf" :disabled="!viewEdit"></el-input> |
74 | </el-form-item> | 74 | </el-form-item> |
75 | </el-col> | 75 | </el-col> |
76 | <el-col :span="8"> | 76 | <el-col :span="8"> |
77 | <el-form-item label="发包方代码:"> | 77 | <el-form-item label="发包方代码:"> |
78 | <el-input v-model="ruleForm.lq.fbfdm"></el-input> | 78 | <el-input v-model="ruleForm.lq.fbfdm" :disabled="!viewEdit"></el-input> |
79 | </el-form-item> | 79 | </el-form-item> |
80 | </el-col> | 80 | </el-col> |
81 | <el-col :span="8"> | 81 | <el-col :span="8"> |
82 | <el-form-item label="使用权(承包)面积:"> | 82 | <el-form-item label="使用权(承包)面积:"> |
83 | <el-input maxlength="12" v-model="ruleForm.lq.syqmj"></el-input> | 83 | <el-input maxlength="12" v-model="ruleForm.lq.syqmj" :disabled="!viewEdit"></el-input> |
84 | </el-form-item> | 84 | </el-form-item> |
85 | </el-col> | 85 | </el-col> |
86 | </el-row> | 86 | </el-row> |
87 | <el-row :gutter="10"> | 87 | <el-row :gutter="10"> |
88 | <el-col :span="8"> | 88 | <el-col :span="8"> |
89 | <el-form-item label="林地所有权性质:"> | 89 | <el-form-item label="林地所有权性质:"> |
90 | <el-select v-model="ruleForm.lq.ldsyqxz"> | 90 | <el-select v-model="ruleForm.lq.ldsyqxz" :disabled="!viewEdit"> |
91 | <el-option | 91 | <el-option |
92 | v-for="item in dictData['A45']" | 92 | v-for="item in dictData['A45']" |
93 | :key="item.dcode" | 93 | :key="item.dcode" |
... | @@ -99,24 +99,24 @@ | ... | @@ -99,24 +99,24 @@ |
99 | </el-col> | 99 | </el-col> |
100 | <el-col :span="8"> | 100 | <el-col :span="8"> |
101 | <el-form-item label="森林类别:"> | 101 | <el-form-item label="森林类别:"> |
102 | <el-input v-model="ruleForm.lq.sllb"></el-input> | 102 | <el-input v-model="ruleForm.lq.sllb" :disabled="!viewEdit"></el-input> |
103 | </el-form-item> | 103 | </el-form-item> |
104 | </el-col> | 104 | </el-col> |
105 | <el-col :span="8"> | 105 | <el-col :span="8"> |
106 | <el-form-item label="主要树种:"> | 106 | <el-form-item label="主要树种:"> |
107 | <el-input v-model="ruleForm.lq.zysz"></el-input> | 107 | <el-input v-model="ruleForm.lq.zysz" :disabled="!viewEdit"></el-input> |
108 | </el-form-item> | 108 | </el-form-item> |
109 | </el-col> | 109 | </el-col> |
110 | </el-row> | 110 | </el-row> |
111 | <el-row :gutter="10"> | 111 | <el-row :gutter="10"> |
112 | <el-col :span="8"> | 112 | <el-col :span="8"> |
113 | <el-form-item label="株数:"> | 113 | <el-form-item label="株数:"> |
114 | <el-input v-model="ruleForm.lq.zs"></el-input> | 114 | <el-input v-model="ruleForm.lq.zs" :disabled="!viewEdit"></el-input> |
115 | </el-form-item> | 115 | </el-form-item> |
116 | </el-col> | 116 | </el-col> |
117 | <el-col :span="8"> | 117 | <el-col :span="8"> |
118 | <el-form-item label="林种:"> | 118 | <el-form-item label="林种:"> |
119 | <el-select v-model="ruleForm.lq.lz"> | 119 | <el-select v-model="ruleForm.lq.lz" :disabled="!viewEdit"> |
120 | <el-option | 120 | <el-option |
121 | v-for="item in dictData['A26']" | 121 | v-for="item in dictData['A26']" |
122 | :key="item.dcode" | 122 | :key="item.dcode" |
... | @@ -128,7 +128,7 @@ | ... | @@ -128,7 +128,7 @@ |
128 | </el-col> | 128 | </el-col> |
129 | <el-col :span="8"> | 129 | <el-col :span="8"> |
130 | <el-form-item label="起源:"> | 130 | <el-form-item label="起源:"> |
131 | <el-select v-model="ruleForm.lq.qy"> | 131 | <el-select v-model="ruleForm.lq.qy" :disabled="!viewEdit"> |
132 | <el-option | 132 | <el-option |
133 | v-for="item in dictData['A52']" | 133 | v-for="item in dictData['A52']" |
134 | :key="item.dcode" | 134 | :key="item.dcode" |
... | @@ -145,36 +145,48 @@ | ... | @@ -145,36 +145,48 @@ |
145 | <!-- <el-input v-model="ruleForm.lq.zlnd"></el-input> --> | 145 | <!-- <el-input v-model="ruleForm.lq.zlnd"></el-input> --> |
146 | <el-date-picker | 146 | <el-date-picker |
147 | class="width100" | 147 | class="width100" |
148 | value-format="yyyy" | ||
148 | v-model="ruleForm.lq.zlnd" | 149 | v-model="ruleForm.lq.zlnd" |
150 | :disabled="!viewEdit" | ||
149 | type="year"> | 151 | type="year"> |
150 | </el-date-picker> | 152 | </el-date-picker> |
151 | </el-form-item> | 153 | </el-form-item> |
152 | </el-col> | 154 | </el-col> |
153 | <el-col :span="8"> | 155 | <el-col :span="8"> |
154 | <el-form-item label="林班:"> | 156 | <el-form-item label="林班:"> |
155 | <el-input v-model="ruleForm.lq.lb"></el-input> | 157 | <el-input v-model="ruleForm.lq.lb" :disabled="!viewEdit"></el-input> |
156 | </el-form-item> | 158 | </el-form-item> |
157 | </el-col> | 159 | </el-col> |
158 | <el-col :span="8"> | 160 | <el-col :span="8"> |
159 | <el-form-item label="小班:"> | 161 | <el-form-item label="小班:"> |
160 | <el-input v-model="ruleForm.lq.xb"></el-input> | 162 | <el-input v-model="ruleForm.lq.xb" :disabled="!viewEdit"></el-input> |
161 | </el-form-item> | 163 | </el-form-item> |
162 | </el-col> | 164 | </el-col> |
163 | </el-row> | 165 | </el-row> |
164 | <el-row :gutter="10"> | 166 | <el-row :gutter="10"> |
165 | <el-col :span="8"> | 167 | <el-col :span="8"> |
166 | <el-form-item label="小地名:"> | 168 | <el-form-item label="小地名:"> |
167 | <el-input v-model="ruleForm.lq.xdm"></el-input> | 169 | <el-input v-model="ruleForm.lq.xdm" :disabled="!viewEdit"></el-input> |
168 | </el-form-item> | 170 | </el-form-item> |
169 | </el-col> | 171 | </el-col> |
170 | <el-col :span="8"> | 172 | <el-col :span="8"> |
171 | <el-form-item label="林地使用(承包)起始时间:"> | 173 | <el-form-item label="林地使用(承包)起始时间:"> |
172 | <el-input v-model="ruleForm.lq.ldsyqssj"></el-input> | 174 | <el-date-picker |
175 | class="width100" | ||
176 | value-format="yyyy-MM-dd HH:mm:ss" | ||
177 | v-model="ruleForm.lq.ldsyqssj" | ||
178 | :disabled="!viewEdit" | ||
179 | type="date"></el-date-picker> | ||
173 | </el-form-item> | 180 | </el-form-item> |
174 | </el-col> | 181 | </el-col> |
175 | <el-col :span="8"> | 182 | <el-col :span="8"> |
176 | <el-form-item label="林地使用(承包)结束时间:"> | 183 | <el-form-item label="林地使用(承包)结束时间:"> |
177 | <el-input v-model="ruleForm.lq.ldsyjssj"></el-input> | 184 | <el-date-picker |
185 | class="width100" | ||
186 | value-format="yyyy-MM-dd HH:mm:ss" | ||
187 | v-model="ruleForm.lq.ldsyjssj" | ||
188 | :disabled="!viewEdit" | ||
189 | type="date"></el-date-picker> | ||
178 | </el-form-item> | 190 | </el-form-item> |
179 | </el-col> | 191 | </el-col> |
180 | </el-row> | 192 | </el-row> |
... | @@ -186,7 +198,7 @@ | ... | @@ -186,7 +198,7 @@ |
186 | </el-col> --> | 198 | </el-col> --> |
187 | <el-col :span="8"> | 199 | <el-col :span="8"> |
188 | <el-form-item label="林地使用 (承包)期限:"> | 200 | <el-form-item label="林地使用 (承包)期限:"> |
189 | <el-input v-model="ruleForm.lq.ldsyqx"></el-input> | 201 | <el-input v-model="ruleForm.lq.ldsyqx" :disabled="!viewEdit"></el-input> |
190 | </el-form-item> | 202 | </el-form-item> |
191 | </el-col> | 203 | </el-col> |
192 | </el-row> | 204 | </el-row> |
... | @@ -195,6 +207,7 @@ | ... | @@ -195,6 +207,7 @@ |
195 | <el-form-item label="附记:"> | 207 | <el-form-item label="附记:"> |
196 | <el-input | 208 | <el-input |
197 | v-model="ruleForm.lq.fj" | 209 | v-model="ruleForm.lq.fj" |
210 | :disabled="!viewEdit" | ||
198 | type="textarea" | 211 | type="textarea" |
199 | maxlength="500" | 212 | maxlength="500" |
200 | show-word-limit></el-input> | 213 | show-word-limit></el-input> | ... | ... |
... | @@ -61,7 +61,7 @@ | ... | @@ -61,7 +61,7 @@ |
61 | type="index" | 61 | type="index" |
62 | width="50" | 62 | width="50" |
63 | align="center"> | 63 | align="center"> |
64 | <template scope="scope"> | 64 | <template slot-scope="scope"> |
65 | {{ scope.$index + (pageData.currentPage - 1) * pageData.pageSize + 1 }} | 65 | {{ scope.$index + (pageData.currentPage - 1) * pageData.pageSize + 1 }} |
66 | </template> | 66 | </template> |
67 | </el-table-column> | 67 | </el-table-column> |
... | @@ -207,6 +207,11 @@ | ... | @@ -207,6 +207,11 @@ |
207 | sendThis(this) | 207 | sendThis(this) |
208 | }, | 208 | }, |
209 | methods: { | 209 | methods: { |
210 | /** | ||
211 | * @description: clickChange | ||
212 | * @param {*} row | ||
213 | * @author: renchao | ||
214 | */ | ||
210 | clickChange (row) { | 215 | clickChange (row) { |
211 | this.getCurrentRow(row) | 216 | this.getCurrentRow(row) |
212 | }, | 217 | }, |
... | @@ -241,6 +246,11 @@ | ... | @@ -241,6 +246,11 @@ |
241 | } | 246 | } |
242 | }) | 247 | }) |
243 | }, | 248 | }, |
249 | /** | ||
250 | * @description: handleCurrentChange | ||
251 | * @param {*} val | ||
252 | * @author: renchao | ||
253 | */ | ||
244 | handleCurrentChange (val) { | 254 | handleCurrentChange (val) { |
245 | this.pageData.currentPage = val | 255 | this.pageData.currentPage = val |
246 | this.queryClick() | 256 | this.queryClick() | ... | ... |
... | @@ -215,6 +215,11 @@ | ... | @@ -215,6 +215,11 @@ |
215 | sendThis(this) | 215 | sendThis(this) |
216 | }, | 216 | }, |
217 | methods: { | 217 | methods: { |
218 | /** | ||
219 | * @description: clickChange | ||
220 | * @param {*} row | ||
221 | * @author: renchao | ||
222 | */ | ||
218 | clickChange (row) { | 223 | clickChange (row) { |
219 | this.getCurrentRow(row) | 224 | this.getCurrentRow(row) |
220 | }, | 225 | }, |
... | @@ -249,6 +254,11 @@ | ... | @@ -249,6 +254,11 @@ |
249 | } | 254 | } |
250 | }) | 255 | }) |
251 | }, | 256 | }, |
257 | /** | ||
258 | * @description: handleCurrentChange | ||
259 | * @param {*} val | ||
260 | * @author: renchao | ||
261 | */ | ||
252 | handleCurrentChange (val) { | 262 | handleCurrentChange (val) { |
253 | this.pageData.currentPage = val | 263 | this.pageData.currentPage = val |
254 | this.queryClick() | 264 | this.queryClick() | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-07 09:50:26 | 4 | * @LastEditTime: 2023-09-07 13:59:44 |
5 | */ | 5 | */ |
6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
7 | let vm = null | 7 | let vm = null |
... | @@ -91,8 +91,15 @@ class data extends filter { | ... | @@ -91,8 +91,15 @@ class data extends filter { |
91 | } | 91 | } |
92 | }, | 92 | }, |
93 | { | 93 | { |
94 | prop: "ywrmc", | ||
95 | label: "抵押人", | 94 | label: "抵押人", |
95 | minWidth: '100', | ||
96 | render: (h, scope) => { | ||
97 | return ( | ||
98 | <el-tooltip effect="dark" content={scope.row.ywrmc} placement="top" popper-class="tooltip-width "> | ||
99 | <span class="ellipsis-table"> {scope.row.ywrmc}</span> | ||
100 | </el-tooltip> | ||
101 | ) | ||
102 | } | ||
96 | }, | 103 | }, |
97 | { | 104 | { |
98 | label: "抵押人证件号", | 105 | label: "抵押人证件号", | ... | ... |
-
Please register or sign in to post a comment