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