Merge branch 'dev'
Showing
19 changed files
with
1013 additions
and
317 deletions
| ... | @@ -27,6 +27,7 @@ | ... | @@ -27,6 +27,7 @@ |
| 27 | "print-js": "^1.6.0", | 27 | "print-js": "^1.6.0", |
| 28 | "qrcode": "^1.5.3", | 28 | "qrcode": "^1.5.3", |
| 29 | "sortablejs": "^1.15.0", | 29 | "sortablejs": "^1.15.0", |
| 30 | "tiff.js": "^1.0.0", | ||
| 30 | "vue": "2.6.10", | 31 | "vue": "2.6.10", |
| 31 | "vue-json-editor": "^1.4.3", | 32 | "vue-json-editor": "^1.4.3", |
| 32 | "vue-print-nb": "^1.7.5", | 33 | "vue-print-nb": "^1.7.5", |
| ... | @@ -35,7 +36,7 @@ | ... | @@ -35,7 +36,7 @@ |
| 35 | "vue-seamless-scroll": "^1.1.23", | 36 | "vue-seamless-scroll": "^1.1.23", |
| 36 | "vuex": "3.1.0", | 37 | "vuex": "3.1.0", |
| 37 | "x2js": "^3.4.4", | 38 | "x2js": "^3.4.4", |
| 38 | "xlsx": "^0.17.0", | 39 | "xlsx": "^0.17.5", |
| 39 | "xlsx-style": "^0.8.13" | 40 | "xlsx-style": "^0.8.13" |
| 40 | }, | 41 | }, |
| 41 | "devDependencies": { | 42 | "devDependencies": { | ... | ... |
src/api/sfxx.js
0 → 100644
| 1 | /* | ||
| 2 | * @Description: sfxx | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-12-26 16:06:35 | ||
| 5 | */ | ||
| 6 | import request from '@/utils/request'; | ||
| 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | ||
| 8 | |||
| 9 | |||
| 10 | export function getSfmxList (businessBsm) { | ||
| 11 | return request({ | ||
| 12 | url: SERVER.SERVERAPI + '/rest/sys/sf/getSfmxList', | ||
| 13 | method: 'get', | ||
| 14 | params: { | ||
| 15 | businessBsm: businessBsm | ||
| 16 | } | ||
| 17 | }) | ||
| 18 | } | ||
| 19 | |||
| 20 | export function saveSfmx (data) { | ||
| 21 | return request({ | ||
| 22 | url: SERVER.SERVERAPI + '/rest/sys/sf/saveSfmx', | ||
| 23 | method: 'post', | ||
| 24 | data | ||
| 25 | }) | ||
| 26 | } | ||
| 27 | |||
| 28 | export function deleteSfmx (bsmSf) { | ||
| 29 | return request({ | ||
| 30 | url: SERVER.SERVERAPI + '/rest/sys/sf/deleteSfmx', | ||
| 31 | method: 'get', | ||
| 32 | params: { | ||
| 33 | bsmSf: bsmSf | ||
| 34 | } | ||
| 35 | }) | ||
| 36 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/api/ycsl.js
0 → 100644
| 1 | /* | ||
| 2 | * @Description: 信息备案 | ||
| 3 | * @Autor: | ||
| 4 | * @LastEditTime: 2023-09-11 11:25:22 | ||
| 5 | */ | ||
| 6 | |||
| 7 | import request from '@/utils/request' | ||
| 8 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | ||
| 9 | |||
| 10 | /** | ||
| 11 | * @description: 添加银行 | ||
| 12 | * @author: | ||
| 13 | * @param params | ||
| 14 | */ | ||
| 15 | export function queryBj (params) { | ||
| 16 | return request({ | ||
| 17 | url: SERVER.SERVERAPI + '/rest/wwsq/queryBj', | ||
| 18 | method: 'get', | ||
| 19 | params | ||
| 20 | }) | ||
| 21 | } | ||
| 22 | |||
| 23 | /** | ||
| 24 | * @description: getSqr | ||
| 25 | * @author: | ||
| 26 | * @param ywh | ||
| 27 | */ | ||
| 28 | export function getSqr (ywh) { | ||
| 29 | return request({ | ||
| 30 | url: SERVER.SERVERAPI + '/rest/wwsq/getSqr', | ||
| 31 | method: 'get', | ||
| 32 | params: { | ||
| 33 | ywh: ywh | ||
| 34 | } | ||
| 35 | }) | ||
| 36 | } | ||
| 37 | |||
| 38 | /** | ||
| 39 | * @description: getSqr | ||
| 40 | * @author: | ||
| 41 | * @param ywh | ||
| 42 | */ | ||
| 43 | export function getBdcqk (ywh) { | ||
| 44 | return request({ | ||
| 45 | url: SERVER.SERVERAPI + '/rest/wwsq/getBdcqk', | ||
| 46 | method: 'get', | ||
| 47 | params: { | ||
| 48 | ywh: ywh | ||
| 49 | } | ||
| 50 | }) | ||
| 51 | } | ||
| 52 | |||
| 53 | /** | ||
| 54 | * @description: getSqr | ||
| 55 | * @author: | ||
| 56 | * @param ywh | ||
| 57 | */ | ||
| 58 | export function getTreeNodeList (ywh) { | ||
| 59 | return request({ | ||
| 60 | url: SERVER.SERVERAPI + '/rest/fjcl/getTreeNodeList', | ||
| 61 | method: 'get', | ||
| 62 | params: { | ||
| 63 | ywh: ywh | ||
| 64 | } | ||
| 65 | }) | ||
| 66 | } | ||
| 67 | |||
| 68 | /** | ||
| 69 | * @description: getSqr | ||
| 70 | * @author: | ||
| 71 | * @param datumId | ||
| 72 | */ | ||
| 73 | export function getFjnrById (datumId) { | ||
| 74 | return request({ | ||
| 75 | url: SERVER.SERVERAPI + '/rest/fjcl/getFjnrById', | ||
| 76 | method: 'get', | ||
| 77 | params: { | ||
| 78 | datumId: datumId | ||
| 79 | } | ||
| 80 | }) | ||
| 81 | } |
src/image/pj.jpg
0 → 100644
393 KB
| ... | @@ -58,6 +58,65 @@ export default class filter { | ... | @@ -58,6 +58,65 @@ export default class filter { |
| 58 | return name | 58 | return name |
| 59 | } | 59 | } |
| 60 | } | 60 | } |
| 61 | |||
| 62 | /** | ||
| 63 | * @description: blzt | ||
| 64 | * @param {*} val | ||
| 65 | * @author: | ||
| 66 | */ | ||
| 67 | blzt (val) { | ||
| 68 | if (val === 0) { | ||
| 69 | return "未提交" | ||
| 70 | } else if (val === 1) { | ||
| 71 | return "已提交" | ||
| 72 | } else if (val === 2) { | ||
| 73 | return "办理中" | ||
| 74 | } else if (val === 3) { | ||
| 75 | return "已办结" | ||
| 76 | } else if (val === 4) { | ||
| 77 | return "已终止" | ||
| 78 | } else if (val === 5) { | ||
| 79 | return "已退回" | ||
| 80 | } else if (val === 8) { | ||
| 81 | return "已登簿" | ||
| 82 | } | ||
| 83 | } | ||
| 84 | |||
| 85 | /** | ||
| 86 | * @description: ywlx | ||
| 87 | * @param {*} val | ||
| 88 | * @author: | ||
| 89 | */ | ||
| 90 | ywlx (val) { | ||
| 91 | if (val === "1") { | ||
| 92 | return "预售商品房买卖预告登记" | ||
| 93 | } else if (val === "2") { | ||
| 94 | return "预售商品房抵押权预告登记" | ||
| 95 | } else if (val === "3") { | ||
| 96 | return "商品房初始登记" | ||
| 97 | } else if (val === "4") { | ||
| 98 | return "不动产抵押登记" | ||
| 99 | } else if (val === "5") { | ||
| 100 | return "预购商品房预告登记/预购商品房抵押登记" | ||
| 101 | } else if (val === "6") { | ||
| 102 | return "预售商品房预告登记转房屋所有权登记/预售商品房抵押登记转抵押权登记" | ||
| 103 | } else if (val === "7") { | ||
| 104 | return "查封登记" | ||
| 105 | } else if (val === "8") { | ||
| 106 | return "解封登记" | ||
| 107 | } else if (val === "9") { | ||
| 108 | return "商品房转移登记" | ||
| 109 | } else if (val === "10") { | ||
| 110 | return "存量房转移登记" | ||
| 111 | } else if (val === "23") { | ||
| 112 | return "续封登记" | ||
| 113 | } else if (val === "41") { | ||
| 114 | return "独幢宅基地首次登记" | ||
| 115 | } else if (val === "42") { | ||
| 116 | return "多幢宅基地首次登记" | ||
| 117 | } | ||
| 118 | } | ||
| 119 | |||
| 61 | /** | 120 | /** |
| 62 | * @description: filterHtml | 121 | * @description: filterHtml |
| 63 | * @param {*} content | 122 | * @param {*} content | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-12-15 09:17:46 | 4 | * @LastEditTime: 2023-12-29 10:00:31 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <dialogBox | 7 | <dialogBox |
| ... | @@ -25,87 +25,105 @@ | ... | @@ -25,87 +25,105 @@ |
| 25 | :rules="rules" | 25 | :rules="rules" |
| 26 | ref="ruleForm" | 26 | ref="ruleForm" |
| 27 | label-width="120px"> | 27 | label-width="120px"> |
| 28 | <el-form-item label="头像"> | ||
| 29 | <el-image style="width:102px;height:126px" :src="ruleForm.avatar || avatar" fit="contain" /> | ||
| 30 | </el-form-item> | ||
| 31 | <el-form-item label="身份证读卡器"> | 28 | <el-form-item label="身份证读卡器"> |
| 32 | <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> | 29 | <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> |
| 33 | <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button> | 30 | <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button> |
| 34 | </el-form-item> | 31 | </el-form-item> |
| 35 | <el-row> | 32 | <el-row> |
| 36 | <el-col :span="8"> | 33 | <el-col :span="8"> |
| 37 | <el-form-item label="权利人类型" prop="qlrlx"> | 34 | <el-form-item label="头像"> |
| 38 | <el-select | 35 | <el-image style="width:102px;height:126px" :src="ruleForm.avatar || avatar" fit="contain" /> |
| 39 | clearable | ||
| 40 | v-model="ruleForm.qlrlx" | ||
| 41 | class="width100" | ||
| 42 | :disabled="!showButton" | ||
| 43 | placeholder="请选择"> | ||
| 44 | <el-option | ||
| 45 | v-for="item in dictData['A36']" | ||
| 46 | :key="item.dcode" | ||
| 47 | :label="item.dname" | ||
| 48 | :value="item.dcode"> | ||
| 49 | </el-option> | ||
| 50 | </el-select> | ||
| 51 | </el-form-item> | ||
| 52 | </el-col> | ||
| 53 | <el-col :span="8"> | ||
| 54 | <el-form-item label="姓名/名称" prop="qlrmc"> | ||
| 55 | <el-input | ||
| 56 | v-model="ruleForm.qlrmc" | ||
| 57 | maxlegth="15" | ||
| 58 | :disabled="!showButton"></el-input> | ||
| 59 | </el-form-item> | 36 | </el-form-item> |
| 60 | </el-col> | 37 | </el-col> |
| 61 | <el-col :span="8"> | 38 | <el-col :span="16"> |
| 62 | <el-form-item label="证件种类" prop="zjzl"> | 39 | <el-row> |
| 63 | <el-select | 40 | <el-col :span="12"> |
| 64 | clearable | 41 | <el-form-item label="姓名/名称" prop="qlrmc"> |
| 65 | v-model="ruleForm.zjzl" | 42 | <el-input |
| 66 | :disabled="!showButton" | 43 | v-model="ruleForm.qlrmc" |
| 67 | class="width100" | 44 | maxlegth="15" |
| 68 | @change="handleZjzl" | 45 | :disabled="!showButton"></el-input> |
| 69 | placeholder="请选择"> | 46 | </el-form-item> |
| 70 | <el-option | 47 | </el-col> |
| 71 | v-for="item in dictData['A30']" | 48 | <el-col :span="12"> |
| 72 | :key="item.dcode" | 49 | <el-form-item label="证件种类" prop="zjzl"> |
| 73 | :label="item.dname" | 50 | <el-select |
| 74 | :value="item.dcode"> | 51 | clearable |
| 75 | </el-option> | 52 | v-model="ruleForm.zjzl" |
| 76 | </el-select> | 53 | :disabled="!showButton" |
| 77 | </el-form-item> | 54 | class="width100" |
| 55 | @change="handleZjzl" | ||
| 56 | placeholder="请选择"> | ||
| 57 | <el-option | ||
| 58 | v-for="item in dictData['A30']" | ||
| 59 | :key="item.dcode" | ||
| 60 | :label="item.dname" | ||
| 61 | :value="item.dcode"> | ||
| 62 | </el-option> | ||
| 63 | </el-select> | ||
| 64 | </el-form-item> | ||
| 65 | </el-col> | ||
| 66 | </el-row> | ||
| 67 | <el-row> | ||
| 68 | <el-col :span="12"> | ||
| 69 | <el-form-item label="证件号" prop="zjh"> | ||
| 70 | <el-input | ||
| 71 | v-model="ruleForm.zjh" | ||
| 72 | :disabled="!showButton" | ||
| 73 | maxlength="18" | ||
| 74 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input> | ||
| 75 | </el-form-item> | ||
| 76 | </el-col> | ||
| 77 | <el-col :span="12"> | ||
| 78 | <el-form-item label="性别"> | ||
| 79 | <el-select | ||
| 80 | clearable | ||
| 81 | v-model="ruleForm.xb" | ||
| 82 | :disabled="!showButton" | ||
| 83 | class="width100" | ||
| 84 | placeholder="请选择"> | ||
| 85 | <el-option | ||
| 86 | v-for="item in dictData['A43']" | ||
| 87 | :key="item.dcode" | ||
| 88 | :label="item.dname" | ||
| 89 | :value="item.dcode"> | ||
| 90 | </el-option> | ||
| 91 | </el-select> | ||
| 92 | </el-form-item> | ||
| 93 | </el-col> | ||
| 94 | </el-row> | ||
| 95 | <el-row> | ||
| 96 | <el-col :span="12"> | ||
| 97 | <el-form-item label="联系电话" prop="dh"> | ||
| 98 | <el-input | ||
| 99 | v-model="ruleForm.dh" | ||
| 100 | :disabled="!showButton" | ||
| 101 | maxlength="11" | ||
| 102 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> | ||
| 103 | </el-form-item> | ||
| 104 | </el-col> | ||
| 105 | <el-col :span="12"> | ||
| 106 | <el-form-item label="国家/地区" prop="gj"> | ||
| 107 | <el-input | ||
| 108 | v-model="ruleForm.gj" | ||
| 109 | maxlength="3" | ||
| 110 | :disabled="!showButton"></el-input> | ||
| 111 | </el-form-item> | ||
| 112 | </el-col> | ||
| 113 | </el-row> | ||
| 78 | </el-col> | 114 | </el-col> |
| 79 | </el-row> | 115 | </el-row> |
| 80 | <el-row> | 116 | <el-row> |
| 81 | <el-col :span="8"> | 117 | <el-col :span="8"> |
| 82 | <el-form-item label="证件号" prop="zjh"> | 118 | <el-form-item label="权利人类型" prop="qlrlx"> |
| 83 | <el-input | ||
| 84 | v-model="ruleForm.zjh" | ||
| 85 | :disabled="!showButton" | ||
| 86 | maxlength="18" | ||
| 87 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input> | ||
| 88 | </el-form-item> | ||
| 89 | </el-col> | ||
| 90 | <el-col :span="8"> | ||
| 91 | <el-form-item label="联系电话" prop="dh"> | ||
| 92 | <el-input | ||
| 93 | v-model="ruleForm.dh" | ||
| 94 | :disabled="!showButton" | ||
| 95 | maxlength="11" | ||
| 96 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> | ||
| 97 | </el-form-item> | ||
| 98 | </el-col> | ||
| 99 | <el-col :span="8"> | ||
| 100 | <el-form-item label="性别"> | ||
| 101 | <el-select | 119 | <el-select |
| 102 | clearable | 120 | clearable |
| 103 | v-model="ruleForm.xb" | 121 | v-model="ruleForm.qlrlx" |
| 104 | :disabled="!showButton" | ||
| 105 | class="width100" | 122 | class="width100" |
| 123 | :disabled="!showButton" | ||
| 106 | placeholder="请选择"> | 124 | placeholder="请选择"> |
| 107 | <el-option | 125 | <el-option |
| 108 | v-for="item in dictData['A43']" | 126 | v-for="item in dictData['A36']" |
| 109 | :key="item.dcode" | 127 | :key="item.dcode" |
| 110 | :label="item.dname" | 128 | :label="item.dname" |
| 111 | :value="item.dcode"> | 129 | :value="item.dcode"> |
| ... | @@ -113,8 +131,6 @@ | ... | @@ -113,8 +131,6 @@ |
| 113 | </el-select> | 131 | </el-select> |
| 114 | </el-form-item> | 132 | </el-form-item> |
| 115 | </el-col> | 133 | </el-col> |
| 116 | </el-row> | ||
| 117 | <el-row> | ||
| 118 | <el-col :span="8"> | 134 | <el-col :span="8"> |
| 119 | <el-form-item label="权利比例"> | 135 | <el-form-item label="权利比例"> |
| 120 | <el-input | 136 | <el-input |
| ... | @@ -131,14 +147,6 @@ | ... | @@ -131,14 +147,6 @@ |
| 131 | :disabled="!showButton"></el-input> | 147 | :disabled="!showButton"></el-input> |
| 132 | </el-form-item> | 148 | </el-form-item> |
| 133 | </el-col> | 149 | </el-col> |
| 134 | <el-col :span="8"> | ||
| 135 | <el-form-item label="国家/地区" prop="gj"> | ||
| 136 | <el-input | ||
| 137 | v-model="ruleForm.gj" | ||
| 138 | maxlength="3" | ||
| 139 | :disabled="!showButton"></el-input> | ||
| 140 | </el-form-item> | ||
| 141 | </el-col> | ||
| 142 | </el-row> | 150 | </el-row> |
| 143 | <el-row> | 151 | <el-row> |
| 144 | <el-col :span="8"> | 152 | <el-col :span="8"> |
| ... | @@ -276,7 +284,7 @@ | ... | @@ -276,7 +284,7 @@ |
| 276 | </el-col> | 284 | </el-col> |
| 277 | </el-row> | 285 | </el-row> |
| 278 | </el-form> | 286 | </el-form> |
| 279 | <el-table :data="tableDataQy.data" border v-Loading="loading" :height="583"> | 287 | <el-table :data="tableDataQy.data" border v-Loading="loading" :height="483"> |
| 280 | <el-table-column label="序号" type="index" width="50" align="center"> | 288 | <el-table-column label="序号" type="index" width="50" align="center"> |
| 281 | <template slot-scope="scope"> | 289 | <template slot-scope="scope"> |
| 282 | {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}} | 290 | {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}} |
| ... | @@ -315,7 +323,7 @@ | ... | @@ -315,7 +323,7 @@ |
| 315 | </el-col> | 323 | </el-col> |
| 316 | </el-row> | 324 | </el-row> |
| 317 | </el-form> | 325 | </el-form> |
| 318 | <el-table :data="tableDataYh.data" border v-Loading="loading" :height="583"> | 326 | <el-table :data="tableDataYh.data" border v-Loading="loading" :height="483"> |
| 319 | <el-table-column label="序号" type="index" width="50" align="center"> | 327 | <el-table-column label="序号" type="index" width="50" align="center"> |
| 320 | <template slot-scope="scope"> | 328 | <template slot-scope="scope"> |
| 321 | {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}} | 329 | {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}} | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-12-15 09:18:10 | 4 | * @LastEditTime: 2023-12-29 10:04:52 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <dialogBox | 7 | <dialogBox |
| ... | @@ -25,84 +25,103 @@ | ... | @@ -25,84 +25,103 @@ |
| 25 | v-if="activeName==1" | 25 | v-if="activeName==1" |
| 26 | ref="ruleForm" | 26 | ref="ruleForm" |
| 27 | label-width="120px"> | 27 | label-width="120px"> |
| 28 | <el-form-item label="头像"> | ||
| 29 | <el-image style="width:102px;height:126px" :src="ruleForm.avatar || avatar" fit="contain" /> | ||
| 30 | </el-form-item> | ||
| 31 | <el-form-item label="身份证读卡器"> | 28 | <el-form-item label="身份证读卡器"> |
| 32 | <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> | 29 | <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> |
| 33 | <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button> | 30 | <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button> |
| 34 | </el-form-item> | 31 | </el-form-item> |
| 35 | <el-row> | 32 | <el-row> |
| 36 | <el-col :span="8"> | 33 | <el-col :span="8"> |
| 37 | <el-form-item label="义务人类型" prop="ywrlx"> | 34 | <el-form-item label="头像"> |
| 38 | <el-select | 35 | <el-image style="width:102px;height:126px" :src="ruleForm.avatar || avatar" fit="contain" /> |
| 39 | clearable | ||
| 40 | v-model="ruleForm.ywrlx" | ||
| 41 | class="width100" | ||
| 42 | :disabled="!showButton" | ||
| 43 | placeholder="请选择"> | ||
| 44 | <el-option | ||
| 45 | v-for="item in dictData['A36']" | ||
| 46 | :key="item.dcode" | ||
| 47 | :label="item.dname" | ||
| 48 | :value="item.dcode"> | ||
| 49 | </el-option> | ||
| 50 | </el-select> | ||
| 51 | </el-form-item> | 36 | </el-form-item> |
| 52 | </el-col> | 37 | </el-col> |
| 53 | <el-col :span="8"> | 38 | <el-col :span="16"> |
| 54 | <el-form-item label="姓名/名称" prop="ywrmc"> | 39 | <el-row> |
| 55 | <el-input v-model="ruleForm.ywrmc" maxlegth="15" | 40 | <el-col :span="12"> |
| 56 | :disabled="!showButton"></el-input> | 41 | <el-form-item label="姓名/名称" prop="ywrmc"> |
| 57 | </el-form-item> | 42 | <el-input v-model="ruleForm.ywrmc" maxlegth="15" |
| 58 | </el-col> | 43 | :disabled="!showButton"></el-input> |
| 59 | <el-col :span="8"> | 44 | </el-form-item> |
| 60 | <el-form-item label="证件种类" prop="zjzl"> | 45 | </el-col> |
| 61 | <el-select | 46 | <el-col :span="12"> |
| 62 | clearable | 47 | <el-form-item label="证件种类" prop="zjzl"> |
| 63 | v-model="ruleForm.zjzl" | 48 | <el-select |
| 64 | :disabled="!showButton" | 49 | clearable |
| 65 | class="width100" | 50 | v-model="ruleForm.zjzl" |
| 66 | placeholder="请选择"> | 51 | :disabled="!showButton" |
| 67 | <el-option | 52 | class="width100" |
| 68 | v-for="item in dictData['A30']" | 53 | placeholder="请选择"> |
| 69 | :key="item.dcode" | 54 | <el-option |
| 70 | :label="item.dname" | 55 | v-for="item in dictData['A30']" |
| 71 | :value="item.dcode"> | 56 | :key="item.dcode" |
| 72 | </el-option> | 57 | :label="item.dname" |
| 73 | </el-select> | 58 | :value="item.dcode"> |
| 74 | </el-form-item> | 59 | </el-option> |
| 60 | </el-select> | ||
| 61 | </el-form-item> | ||
| 62 | </el-col> | ||
| 63 | </el-row> | ||
| 64 | <el-row> | ||
| 65 | <el-col :span="12"> | ||
| 66 | <el-form-item label="证件号" prop="zjh"> | ||
| 67 | <el-input | ||
| 68 | v-model="ruleForm.zjh" | ||
| 69 | :disabled="!showButton" | ||
| 70 | maxlength="18" | ||
| 71 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input> | ||
| 72 | </el-form-item> | ||
| 73 | </el-col> | ||
| 74 | <el-col :span="12"> | ||
| 75 | <el-form-item label="性别" prop="xb"> | ||
| 76 | <el-select | ||
| 77 | clearable | ||
| 78 | v-model="ruleForm.xb" | ||
| 79 | :disabled="!showButton" | ||
| 80 | class="width100" | ||
| 81 | placeholder="请选择"> | ||
| 82 | <el-option | ||
| 83 | v-for="item in dictData['A43']" | ||
| 84 | :key="item.dcode" | ||
| 85 | :label="item.dname" | ||
| 86 | :value="item.dcode"> | ||
| 87 | </el-option> | ||
| 88 | </el-select> | ||
| 89 | </el-form-item> | ||
| 90 | </el-col> | ||
| 91 | </el-row> | ||
| 92 | <el-row> | ||
| 93 | <el-col :span="12"> | ||
| 94 | <el-form-item label="联系电话" prop="dh"> | ||
| 95 | <el-input | ||
| 96 | v-model="ruleForm.dh" | ||
| 97 | :disabled="!showButton" | ||
| 98 | maxlength="11" | ||
| 99 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> | ||
| 100 | </el-form-item> | ||
| 101 | </el-col> | ||
| 102 | <el-col :span="12"> | ||
| 103 | <el-form-item label="国家/地区" prop="gj"> | ||
| 104 | <el-input | ||
| 105 | v-model="ruleForm.gj" | ||
| 106 | maxlength="3" | ||
| 107 | :disabled="!showButton"></el-input> | ||
| 108 | </el-form-item> | ||
| 109 | </el-col> | ||
| 110 | </el-row> | ||
| 75 | </el-col> | 111 | </el-col> |
| 76 | </el-row> | 112 | </el-row> |
| 113 | |||
| 77 | <el-row> | 114 | <el-row> |
| 78 | <el-col :span="8"> | 115 | <el-col :span="8"> |
| 79 | <el-form-item label="证件号" prop="zjh"> | 116 | <el-form-item label="义务人类型" prop="ywrlx"> |
| 80 | <el-input | ||
| 81 | v-model="ruleForm.zjh" | ||
| 82 | :disabled="!showButton" | ||
| 83 | maxlength="18" | ||
| 84 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input> | ||
| 85 | </el-form-item> | ||
| 86 | </el-col> | ||
| 87 | <el-col :span="8"> | ||
| 88 | <el-form-item label="联系电话" prop="dh"> | ||
| 89 | <el-input | ||
| 90 | v-model="ruleForm.dh" | ||
| 91 | :disabled="!showButton" | ||
| 92 | maxlength="11" | ||
| 93 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> | ||
| 94 | </el-form-item> | ||
| 95 | </el-col> | ||
| 96 | <el-col :span="8"> | ||
| 97 | <el-form-item label="性别" prop="xb"> | ||
| 98 | <el-select | 117 | <el-select |
| 99 | clearable | 118 | clearable |
| 100 | v-model="ruleForm.xb" | 119 | v-model="ruleForm.ywrlx" |
| 101 | :disabled="!showButton" | ||
| 102 | class="width100" | 120 | class="width100" |
| 121 | :disabled="!showButton" | ||
| 103 | placeholder="请选择"> | 122 | placeholder="请选择"> |
| 104 | <el-option | 123 | <el-option |
| 105 | v-for="item in dictData['A43']" | 124 | v-for="item in dictData['A36']" |
| 106 | :key="item.dcode" | 125 | :key="item.dcode" |
| 107 | :label="item.dname" | 126 | :label="item.dname" |
| 108 | :value="item.dcode"> | 127 | :value="item.dcode"> |
| ... | @@ -110,8 +129,6 @@ | ... | @@ -110,8 +129,6 @@ |
| 110 | </el-select> | 129 | </el-select> |
| 111 | </el-form-item> | 130 | </el-form-item> |
| 112 | </el-col> | 131 | </el-col> |
| 113 | </el-row> | ||
| 114 | <el-row> | ||
| 115 | <el-col :span="8"> | 132 | <el-col :span="8"> |
| 116 | <el-form-item label="权利比例" prop="qlbl"> | 133 | <el-form-item label="权利比例" prop="qlbl"> |
| 117 | <el-input | 134 | <el-input |
| ... | @@ -128,14 +145,6 @@ | ... | @@ -128,14 +145,6 @@ |
| 128 | :disabled="!showButton"></el-input> | 145 | :disabled="!showButton"></el-input> |
| 129 | </el-form-item> | 146 | </el-form-item> |
| 130 | </el-col> | 147 | </el-col> |
| 131 | <el-col :span="8"> | ||
| 132 | <el-form-item label="国家/地区" prop="gj"> | ||
| 133 | <el-input | ||
| 134 | v-model="ruleForm.gj" | ||
| 135 | maxlength="3" | ||
| 136 | :disabled="!showButton"></el-input> | ||
| 137 | </el-form-item> | ||
| 138 | </el-col> | ||
| 139 | </el-row> | 148 | </el-row> |
| 140 | <el-row> | 149 | <el-row> |
| 141 | <el-col :span="8"> | 150 | <el-col :span="8"> |
| ... | @@ -274,7 +283,7 @@ | ... | @@ -274,7 +283,7 @@ |
| 274 | </el-col> | 283 | </el-col> |
| 275 | </el-row> | 284 | </el-row> |
| 276 | </el-form> | 285 | </el-form> |
| 277 | <el-table :data="tableDataQy.data" border v-Loading="loading" :height="583"> | 286 | <el-table :data="tableDataQy.data" border v-Loading="loading" :height="483"> |
| 278 | <el-table-column label="序号" type="index" width="50" align="center"> | 287 | <el-table-column label="序号" type="index" width="50" align="center"> |
| 279 | <template slot-scope="scope"> | 288 | <template slot-scope="scope"> |
| 280 | {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}} | 289 | {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}} |
| ... | @@ -313,7 +322,7 @@ | ... | @@ -313,7 +322,7 @@ |
| 313 | </el-col> | 322 | </el-col> |
| 314 | </el-row> | 323 | </el-row> |
| 315 | </el-form> | 324 | </el-form> |
| 316 | <el-table :data="tableDataYh.data" border v-Loading="loading" :height="583"> | 325 | <el-table :data="tableDataYh.data" border v-Loading="loading" :height="483"> |
| 317 | <el-table-column label="序号" type="index" width="50" align="center"> | 326 | <el-table-column label="序号" type="index" width="50" align="center"> |
| 318 | <template slot-scope="scope"> | 327 | <template slot-scope="scope"> |
| 319 | {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}} | 328 | {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}} | ... | ... |
| ... | @@ -14,6 +14,12 @@ | ... | @@ -14,6 +14,12 @@ |
| 14 | align-items: center; | 14 | align-items: center; |
| 15 | } | 15 | } |
| 16 | 16 | ||
| 17 | .homeItem { | ||
| 18 | /deep/.el-card__body { | ||
| 19 | height: 83%; | ||
| 20 | } | ||
| 21 | } | ||
| 22 | |||
| 17 | .workbench { | 23 | .workbench { |
| 18 | flex-wrap: wrap; | 24 | flex-wrap: wrap; |
| 19 | height: 100%; | 25 | height: 100%; |
| ... | @@ -21,11 +27,12 @@ | ... | @@ -21,11 +27,12 @@ |
| 21 | 27 | ||
| 22 | li { | 28 | li { |
| 23 | width: 32.5%; | 29 | width: 32.5%; |
| 24 | height: 90px; | 30 | height: calc(50% - 5px); |
| 25 | @include flex-center; | 31 | @include flex-center; |
| 26 | flex-direction: column; | 32 | flex-direction: column; |
| 27 | color: #fff; | 33 | color: #fff; |
| 28 | font-size: 14px; | 34 | font-size: 14px; |
| 35 | margin-bottom: 0; | ||
| 29 | 36 | ||
| 30 | i { | 37 | i { |
| 31 | color: #fff; | 38 | color: #fff; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-12 09:23:03 | 4 | * @LastEditTime: 2023-12-28 09:01:29 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="home"> | 7 | <div class="home"> |
| 8 | <div class="home-left"> | 8 | <div class="home-left"> |
| 9 | <el-row :gutter="8"> | 9 | <el-row :gutter="8" class="height50"> |
| 10 | <el-col :span="12"> | 10 | <el-col :span="12" class="height100"> |
| 11 | <el-card shadow="hover" :body-style="{ padding: '0' }" style="height:260px"> | 11 | <el-card shadow="hover" :body-style="{ padding: '0' }" class="height100 homeItem"> |
| 12 | <div slot="header" class="flexst"> | 12 | <div slot="header" class="flexst"> |
| 13 | <h5 class="title">常办项目</h5> | 13 | <h5 class="title">常办项目</h5> |
| 14 | <el-button type="primary" @click="setFrequencyProject">配置常办</el-button> | 14 | <el-button type="primary" @click="setFrequencyProject">配置常办</el-button> |
| 15 | </div> | 15 | </div> |
| 16 | <ul class="workbench flexst"> | 16 | <ul class="workbench flexst" style="margin:5px"> |
| 17 | <li v-for="(item, index) in projectList" @click="handleProject(item)" class="pointer" :key="index" | 17 | <li v-for="(item, index) in projectList" @click="handleProject(item)" class="pointer" :key="index" |
| 18 | :style="{ backgroundColor: newsListColor[index] }"> | 18 | :style="{ backgroundColor: newsListColor[index] }"> |
| 19 | <i class="el-icon-s-claim"></i> | 19 | <i class="el-icon-s-claim"></i> |
| ... | @@ -22,8 +22,8 @@ | ... | @@ -22,8 +22,8 @@ |
| 22 | </ul> | 22 | </ul> |
| 23 | </el-card> | 23 | </el-card> |
| 24 | </el-col> | 24 | </el-col> |
| 25 | <el-col :span="12"> | 25 | <el-col :span="12" class="height100"> |
| 26 | <el-card shadow="hover" style="height:260px"> | 26 | <el-card shadow="hover" class="height100"> |
| 27 | <div slot="header" class="flexst"> | 27 | <div slot="header" class="flexst"> |
| 28 | <h5 class="title">系统通知</h5> | 28 | <h5 class="title">系统通知</h5> |
| 29 | <el-popover placement="right" width="50" trigger="hover"> | 29 | <el-popover placement="right" width="50" trigger="hover"> |
| ... | @@ -44,9 +44,9 @@ | ... | @@ -44,9 +44,9 @@ |
| 44 | </el-card> | 44 | </el-card> |
| 45 | </el-col> | 45 | </el-col> |
| 46 | </el-row> | 46 | </el-row> |
| 47 | <el-row :gutter="8" class="marginTop10"> | 47 | <el-row :gutter="8" class="marginTop10 height50"> |
| 48 | <el-col :span="12"> | 48 | <el-col :span="12" class="height100"> |
| 49 | <el-card shadow="hover" style="height:215px"> | 49 | <el-card shadow="hover" class="height100"> |
| 50 | <div slot="header" class="flexst"> | 50 | <div slot="header" class="flexst"> |
| 51 | <h5 class="title">待办事项</h5> | 51 | <h5 class="title">待办事项</h5> |
| 52 | <i class="el-icon-s-unfold pointer"></i> | 52 | <i class="el-icon-s-unfold pointer"></i> |
| ... | @@ -59,8 +59,8 @@ | ... | @@ -59,8 +59,8 @@ |
| 59 | </ul> | 59 | </ul> |
| 60 | </el-card> | 60 | </el-card> |
| 61 | </el-col> | 61 | </el-col> |
| 62 | <el-col :span="12"> | 62 | <el-col :span="12" class="height100"> |
| 63 | <el-card shadow="hover" style="height:215px"> | 63 | <el-card shadow="hover" class="height100"> |
| 64 | <div slot="header" class="flexst"> | 64 | <div slot="header" class="flexst"> |
| 65 | <h5 class="title">政策法规</h5> | 65 | <h5 class="title">政策法规</h5> |
| 66 | <el-popover placement="right" width="50" trigger="hover"> | 66 | <el-popover placement="right" width="50" trigger="hover"> |
| ... | @@ -80,10 +80,10 @@ | ... | @@ -80,10 +80,10 @@ |
| 80 | </el-card> | 80 | </el-card> |
| 81 | </el-col> | 81 | </el-col> |
| 82 | </el-row> | 82 | </el-row> |
| 83 | <el-card shadow="hover" class="marginTop10 box-mountNode" id="mountNodeCon" | 83 | <!-- <el-card shadow="hover" class="marginTop10 box-mountNode" id="mountNodeCon" |
| 84 | :body-style="{ padding: '8px 6px 0 6px' }"> | 84 | :body-style="{ padding: '8px 6px 0 6px' }"> |
| 85 | <div id="mountNode"></div> | 85 | <div id="mountNode"></div> |
| 86 | </el-card> | 86 | </el-card> --> |
| 87 | </div> | 87 | </div> |
| 88 | <div class="home-right"> | 88 | <div class="home-right"> |
| 89 | <el-card shadow="hover"> | 89 | <el-card shadow="hover"> |
| ... | @@ -185,7 +185,7 @@ | ... | @@ -185,7 +185,7 @@ |
| 185 | } | 185 | } |
| 186 | }, | 186 | }, |
| 187 | mounted () { | 187 | mounted () { |
| 188 | this.buildChart();//构建图标 | 188 | // this.buildChart();//构建图标 |
| 189 | this.loginTimeChart() | 189 | this.loginTimeChart() |
| 190 | this.queryTodoList();//获取待办列表 | 190 | this.queryTodoList();//获取待办列表 |
| 191 | this.queryDoneList();//获取已办列表 | 191 | this.queryDoneList();//获取已办列表 |
| ... | @@ -403,6 +403,12 @@ | ... | @@ -403,6 +403,12 @@ |
| 403 | } | 403 | } |
| 404 | </script> | 404 | </script> |
| 405 | <style scoped lang="scss"> | 405 | <style scoped lang="scss"> |
| 406 | .height50 { | ||
| 407 | height: calc(50% - 4px); | ||
| 408 | } | ||
| 409 | .height100 { | ||
| 410 | height: 100%; | ||
| 411 | } | ||
| 406 | @import "~@/styles/mixin.scss"; | 412 | @import "~@/styles/mixin.scss"; |
| 407 | @import "./index.scss"; | 413 | @import "./index.scss"; |
| 408 | /deep/.el-card__header { | 414 | /deep/.el-card__header { | ... | ... |
| ... | @@ -138,9 +138,6 @@ | ... | @@ -138,9 +138,6 @@ |
| 138 | render: false, | 138 | render: false, |
| 139 | }; | 139 | }; |
| 140 | }, | 140 | }, |
| 141 | mounted () { | ||
| 142 | console.log(this.columns); | ||
| 143 | }, | ||
| 144 | methods: { | 141 | methods: { |
| 145 | getLable (prop, label) { | 142 | getLable (prop, label) { |
| 146 | const ztObj = { | 143 | const ztObj = { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-12-15 09:36:06 | 4 | * @LastEditTime: 2023-12-26 15:00:22 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <dialogBox | 7 | <dialogBox |
| ... | @@ -26,87 +26,105 @@ | ... | @@ -26,87 +26,105 @@ |
| 26 | :rules="rules" | 26 | :rules="rules" |
| 27 | ref="ruleForm" | 27 | ref="ruleForm" |
| 28 | label-width="120px"> | 28 | label-width="120px"> |
| 29 | <el-form-item label="头像"> | 29 | <el-form-item label="身份证读卡器" style="margin-top:-10px;margin-bottom:0"> |
| 30 | <el-image style="width:102px;height:126px" :src="ruleForm.avatar || avatar" fit="contain" /> | ||
| 31 | </el-form-item> | ||
| 32 | <el-form-item label="身份证读卡器" style="margin-top:-20px"> | ||
| 33 | <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> | 30 | <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> |
| 34 | <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button> | 31 | <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button> |
| 35 | </el-form-item> | 32 | </el-form-item> |
| 36 | <el-row> | 33 | <el-row> |
| 37 | <el-col :span="8"> | 34 | <el-col :span="8"> |
| 38 | <el-form-item label="权利人类型" prop="sqrlx"> | 35 | <el-form-item label="头像"> |
| 39 | <el-select | 36 | <el-image style="width:102px;height:126px" :src="ruleForm.avatar || avatar" fit="contain" /> |
| 40 | clearable | ||
| 41 | v-model="ruleForm.sqrlx" | ||
| 42 | class="width100" | ||
| 43 | :disabled="!showButton" | ||
| 44 | placeholder="请选择"> | ||
| 45 | <el-option | ||
| 46 | v-for="item in dictData['A36']" | ||
| 47 | :key="item.dcode" | ||
| 48 | :label="item.dname" | ||
| 49 | :value="item.dcode"> | ||
| 50 | </el-option> | ||
| 51 | </el-select> | ||
| 52 | </el-form-item> | ||
| 53 | </el-col> | ||
| 54 | <el-col :span="8"> | ||
| 55 | <el-form-item label="姓名/名称" prop="sqrmc"> | ||
| 56 | <el-input | ||
| 57 | v-model="ruleForm.sqrmc" | ||
| 58 | maxlegth="15" | ||
| 59 | :disabled="!showButton"></el-input> | ||
| 60 | </el-form-item> | 37 | </el-form-item> |
| 61 | </el-col> | 38 | </el-col> |
| 62 | <el-col :span="8"> | 39 | <el-col :span="16"> |
| 63 | <el-form-item label="证件种类" prop="zjzl"> | 40 | <el-row> |
| 64 | <el-select | 41 | <el-col :span="12"> |
| 65 | clearable | 42 | <el-form-item label="姓名/名称" prop="sqrmc"> |
| 66 | v-model="ruleForm.zjzl" | 43 | <el-input |
| 67 | :disabled="!showButton" | 44 | v-model="ruleForm.sqrmc" |
| 68 | @change="handleZjzl" | 45 | maxlegth="15" |
| 69 | class="width100" | 46 | :disabled="!showButton"></el-input> |
| 70 | placeholder="请选择"> | 47 | </el-form-item> |
| 71 | <el-option | 48 | </el-col> |
| 72 | v-for="item in dictData['A30']" | 49 | <el-col :span="12"> |
| 73 | :key="item.dcode" | 50 | <el-form-item label="证件种类" prop="zjzl"> |
| 74 | :label="item.dname" | 51 | <el-select |
| 75 | :value="item.dcode"> | 52 | clearable |
| 76 | </el-option> | 53 | v-model="ruleForm.zjzl" |
| 77 | </el-select> | 54 | :disabled="!showButton" |
| 78 | </el-form-item> | 55 | @change="handleZjzl" |
| 56 | class="width100" | ||
| 57 | placeholder="请选择"> | ||
| 58 | <el-option | ||
| 59 | v-for="item in dictData['A30']" | ||
| 60 | :key="item.dcode" | ||
| 61 | :label="item.dname" | ||
| 62 | :value="item.dcode"> | ||
| 63 | </el-option> | ||
| 64 | </el-select> | ||
| 65 | </el-form-item> | ||
| 66 | </el-col> | ||
| 67 | </el-row> | ||
| 68 | <el-row> | ||
| 69 | <el-col :span="12"> | ||
| 70 | <el-form-item label="证件号" prop="zjh"> | ||
| 71 | <el-input | ||
| 72 | v-model="ruleForm.zjh" | ||
| 73 | :disabled="!showButton" | ||
| 74 | maxlength="18" | ||
| 75 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input> | ||
| 76 | </el-form-item> | ||
| 77 | </el-col> | ||
| 78 | <el-col :span="12"> | ||
| 79 | <el-form-item label="性别" prop="xb"> | ||
| 80 | <el-select | ||
| 81 | clearable | ||
| 82 | v-model="ruleForm.xb" | ||
| 83 | :disabled="!showButton" | ||
| 84 | class="width100" | ||
| 85 | placeholder="请选择"> | ||
| 86 | <el-option | ||
| 87 | v-for="item in dictData['A43']" | ||
| 88 | :key="item.dcode" | ||
| 89 | :label="item.dname" | ||
| 90 | :value="item.dcode"> | ||
| 91 | </el-option> | ||
| 92 | </el-select> | ||
| 93 | </el-form-item> | ||
| 94 | </el-col> | ||
| 95 | </el-row> | ||
| 96 | <el-row> | ||
| 97 | <el-col :span="12"> | ||
| 98 | <el-form-item label="联系电话" prop="dh"> | ||
| 99 | <el-input | ||
| 100 | v-model="ruleForm.dh" | ||
| 101 | :disabled="!showButton" | ||
| 102 | maxlength="11" | ||
| 103 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> | ||
| 104 | </el-form-item> | ||
| 105 | </el-col> | ||
| 106 | <el-col :span="12"> | ||
| 107 | <el-form-item label="国家/地区" prop="gj"> | ||
| 108 | <el-input | ||
| 109 | v-model="ruleForm.gj" | ||
| 110 | maxlength="3" | ||
| 111 | :disabled="!showButton"></el-input> | ||
| 112 | </el-form-item> | ||
| 113 | </el-col> | ||
| 114 | </el-row> | ||
| 79 | </el-col> | 115 | </el-col> |
| 80 | </el-row> | 116 | </el-row> |
| 81 | <el-row> | 117 | <el-row> |
| 82 | <el-col :span="8"> | 118 | <el-col :span="8"> |
| 83 | <el-form-item label="证件号" prop="zjh"> | 119 | <el-form-item label="权利人类型" prop="sqrlx"> |
| 84 | <el-input | ||
| 85 | v-model="ruleForm.zjh" | ||
| 86 | :disabled="!showButton" | ||
| 87 | maxlength="18" | ||
| 88 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input> | ||
| 89 | </el-form-item> | ||
| 90 | </el-col> | ||
| 91 | <el-col :span="8"> | ||
| 92 | <el-form-item label="联系电话" prop="dh"> | ||
| 93 | <el-input | ||
| 94 | v-model="ruleForm.dh" | ||
| 95 | :disabled="!showButton" | ||
| 96 | maxlength="11" | ||
| 97 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> | ||
| 98 | </el-form-item> | ||
| 99 | </el-col> | ||
| 100 | <el-col :span="8"> | ||
| 101 | <el-form-item label="性别" prop="xb"> | ||
| 102 | <el-select | 120 | <el-select |
| 103 | clearable | 121 | clearable |
| 104 | v-model="ruleForm.xb" | 122 | v-model="ruleForm.sqrlx" |
| 105 | :disabled="!showButton" | ||
| 106 | class="width100" | 123 | class="width100" |
| 124 | :disabled="!showButton" | ||
| 107 | placeholder="请选择"> | 125 | placeholder="请选择"> |
| 108 | <el-option | 126 | <el-option |
| 109 | v-for="item in dictData['A43']" | 127 | v-for="item in dictData['A36']" |
| 110 | :key="item.dcode" | 128 | :key="item.dcode" |
| 111 | :label="item.dname" | 129 | :label="item.dname" |
| 112 | :value="item.dcode"> | 130 | :value="item.dcode"> |
| ... | @@ -114,16 +132,6 @@ | ... | @@ -114,16 +132,6 @@ |
| 114 | </el-select> | 132 | </el-select> |
| 115 | </el-form-item> | 133 | </el-form-item> |
| 116 | </el-col> | 134 | </el-col> |
| 117 | </el-row> | ||
| 118 | <el-row> | ||
| 119 | <el-col :span="8"> | ||
| 120 | <el-form-item label="国家/地区" prop="gj"> | ||
| 121 | <el-input | ||
| 122 | v-model="ruleForm.gj" | ||
| 123 | maxlength="3" | ||
| 124 | :disabled="!showButton"></el-input> | ||
| 125 | </el-form-item> | ||
| 126 | </el-col> | ||
| 127 | <el-col :span="8"> | 135 | <el-col :span="8"> |
| 128 | <el-form-item label="户籍所在省市" prop="hjszss"> | 136 | <el-form-item label="户籍所在省市" prop="hjszss"> |
| 129 | <el-input | 137 | <el-input |
| ... | @@ -141,7 +149,6 @@ | ... | @@ -141,7 +149,6 @@ |
| 141 | </el-form-item> | 149 | </el-form-item> |
| 142 | </el-col> | 150 | </el-col> |
| 143 | </el-row> | 151 | </el-row> |
| 144 | |||
| 145 | <el-row> | 152 | <el-row> |
| 146 | <el-col :span="8"> | 153 | <el-col :span="8"> |
| 147 | <el-form-item label="法人名称" prop="frmc"> | 154 | <el-form-item label="法人名称" prop="frmc"> |
| ... | @@ -160,7 +167,6 @@ | ... | @@ -160,7 +167,6 @@ |
| 160 | </el-form-item> | 167 | </el-form-item> |
| 161 | </el-col> | 168 | </el-col> |
| 162 | </el-row> | 169 | </el-row> |
| 163 | |||
| 164 | <el-row> | 170 | <el-row> |
| 165 | <el-col :span="8"> | 171 | <el-col :span="8"> |
| 166 | <el-form-item label="发证机关" prop="fzjg"> | 172 | <el-form-item label="发证机关" prop="fzjg"> |
| ... | @@ -188,7 +194,6 @@ | ... | @@ -188,7 +194,6 @@ |
| 188 | </el-form-item> | 194 | </el-form-item> |
| 189 | </el-col> | 195 | </el-col> |
| 190 | </el-row> | 196 | </el-row> |
| 191 | |||
| 192 | <el-row> | 197 | <el-row> |
| 193 | <el-col :span="8"> | 198 | <el-col :span="8"> |
| 194 | <el-form-item label="工作单位" prop="gzdw"> | 199 | <el-form-item label="工作单位" prop="gzdw"> |
| ... | @@ -243,7 +248,6 @@ | ... | @@ -243,7 +248,6 @@ |
| 243 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input> | 248 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input> |
| 244 | </el-form-item> | 249 | </el-form-item> |
| 245 | </el-col> | 250 | </el-col> |
| 246 | |||
| 247 | </el-row> | 251 | </el-row> |
| 248 | <el-row> | 252 | <el-row> |
| 249 | <el-col :span="8"> | 253 | <el-col :span="8"> |
| ... | @@ -674,7 +678,9 @@ | ... | @@ -674,7 +678,9 @@ |
| 674 | closeDialog () { | 678 | closeDialog () { |
| 675 | this.$emit("input", false); | 679 | this.$emit("input", false); |
| 676 | this.$nextTick(() => { | 680 | this.$nextTick(() => { |
| 677 | this.$refs["ruleForm"].resetFields(); | 681 | if (this.$refs.ruleForm !== undefined) { |
| 682 | this.$refs.ruleForm.resetFields(); | ||
| 683 | } | ||
| 678 | }) | 684 | }) |
| 679 | }, | 685 | }, |
| 680 | /** | 686 | /** |
| ... | @@ -687,7 +693,9 @@ | ... | @@ -687,7 +693,9 @@ |
| 687 | this.$emit("input", false); | 693 | this.$emit("input", false); |
| 688 | this.ruleForm.id = getUuid(16) | 694 | this.ruleForm.id = getUuid(16) |
| 689 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | 695 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); |
| 690 | this.$refs["ruleForm"].resetFields(); | 696 | if (this.$refs.ruleForm !== undefined) { |
| 697 | this.$refs.ruleForm.resetFields(); | ||
| 698 | } | ||
| 691 | } else { | 699 | } else { |
| 692 | return false; | 700 | return false; |
| 693 | } | 701 | } | ... | ... |
| 1 | <template> | ||
| 2 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> | ||
| 3 | <el-row> | ||
| 4 | <el-col :span="8"> | ||
| 5 | <el-form-item label="收费单位" prop="sfdw"> | ||
| 6 | <el-input v-model="ruleForm.sfdw"></el-input> | ||
| 7 | </el-form-item> | ||
| 8 | </el-col> | ||
| 9 | <el-col :span="8"> | ||
| 10 | <el-form-item label="是否额外收费" prop="sfewsf"> | ||
| 11 | <el-radio-group v-model="ruleForm.sfewsf"> | ||
| 12 | <el-radio :label="1">是</el-radio> | ||
| 13 | <el-radio :label="0">否</el-radio> | ||
| 14 | </el-radio-group> | ||
| 15 | </el-form-item> | ||
| 16 | </el-col> | ||
| 17 | <el-col :span="8"> | ||
| 18 | <el-form-item label="收费人员" prop="sfry"> | ||
| 19 | <el-input v-model="ruleForm.sfry"></el-input> | ||
| 20 | </el-form-item> | ||
| 21 | </el-col> | ||
| 22 | </el-row> | ||
| 23 | <el-row> | ||
| 24 | <el-col :span="8"> | ||
| 25 | <el-form-item label="实际付费人" prop="sjffr"> | ||
| 26 | <el-input v-model="ruleForm.sjffr"></el-input> | ||
| 27 | </el-form-item> | ||
| 28 | </el-col> | ||
| 29 | <el-col :span="8"> | ||
| 30 | <el-form-item label="实收金额" prop="ssje"> | ||
| 31 | <el-input v-model="ruleForm.ssje"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | <el-col :span="8"> | ||
| 35 | <el-form-item label="应收金额" prop="ysje"> | ||
| 36 | <el-input v-model="ruleForm.ysje"></el-input> | ||
| 37 | </el-form-item> | ||
| 38 | </el-col> | ||
| 39 | </el-row> | ||
| 40 | <div style="text-align:center"> | ||
| 41 | <el-button type="primary" @click="submitForm('ruleForm')">新增</el-button> | ||
| 42 | <el-button @click="resetForm('ruleForm')">取消</el-button> | ||
| 43 | </div> | ||
| 44 | </el-form> | ||
| 45 | </template> | ||
| 46 | <script> | ||
| 47 | import store from '@/store' | ||
| 48 | import { saveSfmx } from "@/api/sfxx.js"; | ||
| 49 | export default { | ||
| 50 | props: { | ||
| 51 | formData: { | ||
| 52 | type: Object, | ||
| 53 | default: () => { | ||
| 54 | return {} | ||
| 55 | } | ||
| 56 | } | ||
| 57 | }, | ||
| 58 | data () { | ||
| 59 | return { | ||
| 60 | rules: {}, | ||
| 61 | ruleForm: { | ||
| 62 | } | ||
| 63 | } | ||
| 64 | }, | ||
| 65 | methods: { | ||
| 66 | submitForm () { | ||
| 67 | store.dispatch('user/reWorkFresh', false) | ||
| 68 | saveSfmx({ ...this.ruleForm, bsmBusiness: this.formData.bsmBusiness }).then(res => { | ||
| 69 | if (res.code == 200) { | ||
| 70 | this.$message.success('保存成功'); | ||
| 71 | //刷新列表 | ||
| 72 | this.$popupCacel() | ||
| 73 | store.dispatch("user/reWorkFresh", true); | ||
| 74 | } | ||
| 75 | }) | ||
| 76 | } | ||
| 77 | } | ||
| 78 | } | ||
| 79 | </script> | ||
| 80 | <style scoped lang='scss'> | ||
| 81 | @import "~@/styles/public.scss"; | ||
| 82 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| ... | @@ -170,7 +170,7 @@ | ... | @@ -170,7 +170,7 @@ |
| 170 | .catch(error => { | 170 | .catch(error => { |
| 171 | console.error(error); | 171 | console.error(error); |
| 172 | }); | 172 | }); |
| 173 | context.fillText(this.bdcqz.bdcqzbm ? this.bdcqz.bdcqzbm : '', 745, 633); | 173 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 745, 633); |
| 174 | }; | 174 | }; |
| 175 | image.src = this.imgSrc1; | 175 | image.src = this.imgSrc1; |
| 176 | }, | 176 | }, | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-10-23 14:08:31 | 4 | * @LastEditTime: 2023-12-28 09:33:40 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class='sfxx'> | 7 | <div class='sfxx'> |
| ... | @@ -52,21 +52,30 @@ | ... | @@ -52,21 +52,30 @@ |
| 52 | <div class="sfxx-right"> | 52 | <div class="sfxx-right"> |
| 53 | <div class="slxx_title title-block"> | 53 | <div class="slxx_title title-block"> |
| 54 | 收费明细 | 54 | 收费明细 |
| 55 | <div class="triangle"></div> | 55 | <!-- <div class="triangle"></div> --> |
| 56 | <el-button type="primary" @click="hanldeAdd" style="float:right;margin-top:-5px">增加</el-button> | ||
| 56 | </div> | 57 | </div> |
| 57 | <el-table :data="tableData.data" border :height="355"> | 58 | <el-table :data="tableData.data" border :height="355"> |
| 58 | <el-table-column v-for="item in tableData.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center"> | 59 | <el-table-column v-for="item in tableData.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center"> |
| 59 | </el-table-column> | 60 | </el-table-column> |
| 60 | <el-table-column label="操作" width="50"> | 61 | <el-table-column label="操作" width="50"> |
| 61 | <template slot-scope="scope"> | 62 | <template slot-scope="scope"> |
| 62 | <el-button type="text">使用</el-button> | 63 | <el-button type="text" @click="handleDelete(scope.row)">删除</el-button> |
| 63 | </template> | 64 | </template> |
| 64 | </el-table-column> | 65 | </el-table-column> |
| 65 | </el-table> | 66 | </el-table> |
| 67 | <div class="slxx_title title-block"> | ||
| 68 | 票据 | ||
| 69 | <div style="height:250px"> | ||
| 70 | <img src="../../../image/pj.jpg" alt="" style="height:100%"> | ||
| 71 | </div> | ||
| 72 | </div> | ||
| 66 | </div> | 73 | </div> |
| 67 | </div> | 74 | </div> |
| 68 | </template> | 75 | </template> |
| 69 | <script> | 76 | <script> |
| 77 | import { mapGetters } from "vuex"; | ||
| 78 | import { getSfmxList, deleteSfmx } from "@/api/sfxx.js"; | ||
| 70 | export default { | 79 | export default { |
| 71 | components: {}, | 80 | components: {}, |
| 72 | data () { | 81 | data () { |
| ... | @@ -85,32 +94,92 @@ | ... | @@ -85,32 +94,92 @@ |
| 85 | tableData: { | 94 | tableData: { |
| 86 | columns: [ | 95 | columns: [ |
| 87 | { | 96 | { |
| 88 | prop: "sfxmmc", | 97 | prop: "sfdw", |
| 89 | label: "收费项目名称", | 98 | label: "收费单位", |
| 90 | }, | ||
| 91 | { | ||
| 92 | prop: "sl", | ||
| 93 | label: "数县", | ||
| 94 | }, | 99 | }, |
| 95 | { | 100 | { |
| 96 | prop: "je", | 101 | label: '是否额外收费', |
| 97 | label: "金额(元)", | ||
| 98 | }, | ||
| 99 | { | ||
| 100 | label: '操作', | ||
| 101 | align: 'center', | 102 | align: 'center', |
| 102 | render: (h, scope) => { | 103 | render: (h, scope) => { |
| 103 | return ( | 104 | return ( |
| 104 | <div> | 105 | <div> |
| 105 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { }}></el-button> | 106 | {scope.row.sfewsf == '1' ? <span>是</span> : <span>否</span>} |
| 106 | </div> | 107 | </div> |
| 107 | ) | 108 | ) |
| 108 | } | 109 | } |
| 110 | }, | ||
| 111 | { | ||
| 112 | prop: "sfry", | ||
| 113 | label: "收费人员", | ||
| 114 | }, | ||
| 115 | { | ||
| 116 | prop: "sjffr", | ||
| 117 | label: "实际付费人", | ||
| 118 | }, | ||
| 119 | { | ||
| 120 | prop: "ssje", | ||
| 121 | label: "实收金额", | ||
| 122 | }, | ||
| 123 | { | ||
| 124 | prop: "ysje", | ||
| 125 | label: "应收金额", | ||
| 109 | } | 126 | } |
| 110 | ], | 127 | ], |
| 111 | data: [] | 128 | data: [] |
| 112 | } | 129 | } |
| 113 | } | 130 | } |
| 131 | }, | ||
| 132 | computed: { | ||
| 133 | ...mapGetters(["workFresh"]), | ||
| 134 | }, | ||
| 135 | watch: { | ||
| 136 | workFresh: { | ||
| 137 | handler (newVal, oldVal) { | ||
| 138 | if (newVal) this.getList(); | ||
| 139 | }, | ||
| 140 | }, | ||
| 141 | }, | ||
| 142 | mounted () { | ||
| 143 | this.getList() | ||
| 144 | }, | ||
| 145 | methods: { | ||
| 146 | getList () { | ||
| 147 | getSfmxList(this.$route.query.bsmBusiness).then(res => { | ||
| 148 | this.tableData.data = res.result | ||
| 149 | }) | ||
| 150 | }, | ||
| 151 | hanldeAdd () { | ||
| 152 | this.$popupDialog('新增', 'workflow/components/dialog/xzsf', { bsmBusiness: this.$route.query.bsmBusiness }, '50%', true) | ||
| 153 | }, | ||
| 154 | handleDelete (row) { | ||
| 155 | let that = this | ||
| 156 | this.$confirm('此操作将永久删除该 是否继续?', '提示', { | ||
| 157 | confirmButtonText: '确定', | ||
| 158 | cancelButtonText: '取消', | ||
| 159 | type: 'warning' | ||
| 160 | }).then(() => { | ||
| 161 | deleteSfmx(row.bsmSf).then(res => { | ||
| 162 | if (res.code == 200) { | ||
| 163 | that.$message({ | ||
| 164 | message: '删除成功!', | ||
| 165 | type: 'success' | ||
| 166 | }) | ||
| 167 | that.getList() | ||
| 168 | } else { | ||
| 169 | that.$message({ | ||
| 170 | type: 'info', | ||
| 171 | message: res.message | ||
| 172 | }) | ||
| 173 | } | ||
| 174 | }) | ||
| 175 | }).catch(() => { | ||
| 176 | this.$message({ | ||
| 177 | type: 'info', | ||
| 178 | message: '已取消删除' | ||
| 179 | }) | ||
| 180 | }) | ||
| 181 | |||
| 182 | } | ||
| 114 | } | 183 | } |
| 115 | } | 184 | } |
| 116 | </script> | 185 | </script> | ... | ... |
src/views/ywbl/ycsl/components/addDialog.vue
0 → 100644
This diff is collapsed.
Click to expand it.
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: | ||
| 4 | * @LastEditTime: 2023-12-24 17:18:02 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="clxx"> | ||
| 8 | <div class="left"> | ||
| 9 | <div class="slxx_title title-block"> | ||
| 10 | 附件扫描信息 | ||
| 11 | <div class="triangle"></div> | ||
| 12 | </div> | ||
| 13 | <div class="preview-content"> | ||
| 14 | <img id="tifImage" alt="TIF Image"/> | ||
| 15 | </div> | ||
| 16 | |||
| 17 | </div> | ||
| 18 | <div class="right"> | ||
| 19 | <div class="slxx_title title-block"> | ||
| 20 | 收件材料 | ||
| 21 | <div class="triangle"></div> | ||
| 22 | </div> | ||
| 23 | <div class="tree-content"> | ||
| 24 | <el-tree | ||
| 25 | :data="tableData" | ||
| 26 | :props="defaultProps" | ||
| 27 | accordion | ||
| 28 | @node-click="handleNodeClick"> | ||
| 29 | </el-tree> | ||
| 30 | </div> | ||
| 31 | </div> | ||
| 32 | </div> | ||
| 33 | </template> | ||
| 34 | <script> | ||
| 35 | import 'tiff.js'; | ||
| 36 | import store from '@/store/index.js' | ||
| 37 | import { getTreeNodeList, getFjnrById } from "@/api/ycsl.js"; | ||
| 38 | export default { | ||
| 39 | components: { }, | ||
| 40 | props: { | ||
| 41 | formData: { | ||
| 42 | type: Object, | ||
| 43 | default: () => { | ||
| 44 | return {} | ||
| 45 | } | ||
| 46 | } | ||
| 47 | }, | ||
| 48 | data () { | ||
| 49 | return { | ||
| 50 | imgKey: 0, | ||
| 51 | isDialog: false, | ||
| 52 | iclass: "", | ||
| 53 | // 材料目录选中 | ||
| 54 | treeCheckIndex: 0, | ||
| 55 | treeCheckId: "", | ||
| 56 | key: 0, | ||
| 57 | tableData: [], | ||
| 58 | defaultProps: { | ||
| 59 | children: 'nodeList', | ||
| 60 | label: 'text' | ||
| 61 | }, | ||
| 62 | previewImg: { | ||
| 63 | bsmMaterial: "", | ||
| 64 | index: 0, | ||
| 65 | selectedIndex: 0, | ||
| 66 | imgList: [] | ||
| 67 | } | ||
| 68 | } | ||
| 69 | }, | ||
| 70 | computed: { | ||
| 71 | workFresh () { | ||
| 72 | return store.state.user.workFresh | ||
| 73 | } | ||
| 74 | }, | ||
| 75 | watch: {}, | ||
| 76 | created () { | ||
| 77 | |||
| 78 | }, | ||
| 79 | mounted () { | ||
| 80 | console.log(this.formData) | ||
| 81 | this.getTreeNodeList(this.formData.ywh) | ||
| 82 | }, | ||
| 83 | methods: { | ||
| 84 | handleNodeClick(data) { | ||
| 85 | console.log(data); | ||
| 86 | this.getFjnrById(data.id) | ||
| 87 | }, | ||
| 88 | /** | ||
| 89 | * @description: 获取详情信息 | ||
| 90 | * @author: | ||
| 91 | * @param ywh | ||
| 92 | */ | ||
| 93 | getTreeNodeList (ywh) { | ||
| 94 | getTreeNodeList(ywh).then(res => { | ||
| 95 | if (res.code == 200) { | ||
| 96 | this.tableData = res.result; | ||
| 97 | // this.tableData = [ | ||
| 98 | // { | ||
| 99 | // "id": "4501904998761472", | ||
| 100 | // "text": "不动产登记申请书", | ||
| 101 | // "leaf": false, | ||
| 102 | // "nodeList": [ | ||
| 103 | // { | ||
| 104 | // "id": "4501904999629824", | ||
| 105 | // "text": "001.tif", | ||
| 106 | // "leaf": true, | ||
| 107 | // "nodeList": [] | ||
| 108 | // }, | ||
| 109 | // { | ||
| 110 | // "id": "4501905001399296", | ||
| 111 | // "text": "002.tif", | ||
| 112 | // "leaf": true, | ||
| 113 | // "nodeList": [] | ||
| 114 | // }, | ||
| 115 | // { | ||
| 116 | // "id": "4501905004954624", | ||
| 117 | // "text": "003.tif", | ||
| 118 | // "leaf": true, | ||
| 119 | // "nodeList": [] | ||
| 120 | // }, | ||
| 121 | // { | ||
| 122 | // "id": "4501905007002624", | ||
| 123 | // "text": "004.tif", | ||
| 124 | // "leaf": true, | ||
| 125 | // "nodeList": [] | ||
| 126 | // } | ||
| 127 | // ] | ||
| 128 | // }, | ||
| 129 | // { | ||
| 130 | // "id": "4501905008690176", | ||
| 131 | // "text": "商品房预售合同", | ||
| 132 | // "leaf": false, | ||
| 133 | // "nodeList": [ | ||
| 134 | // { | ||
| 135 | // "id": "4501905009443840", | ||
| 136 | // "text": "005.tif", | ||
| 137 | // "leaf": true, | ||
| 138 | // "nodeList": [] | ||
| 139 | // }, | ||
| 140 | // { | ||
| 141 | // "id": "4501905011491840", | ||
| 142 | // "text": "006.tif", | ||
| 143 | // "leaf": true, | ||
| 144 | // "nodeList": [] | ||
| 145 | // }, | ||
| 146 | // { | ||
| 147 | // "id": "4501905015194624", | ||
| 148 | // "text": "007.tif", | ||
| 149 | // "leaf": true, | ||
| 150 | // "nodeList": [] | ||
| 151 | // } | ||
| 152 | // ] | ||
| 153 | // } | ||
| 154 | // ]; | ||
| 155 | console.log(this.tableData) | ||
| 156 | } | ||
| 157 | }) | ||
| 158 | }, | ||
| 159 | |||
| 160 | /** | ||
| 161 | * @description: 获取详情信息 | ||
| 162 | * @author: | ||
| 163 | * @param datumId | ||
| 164 | */ | ||
| 165 | getFjnrById (datumId) { | ||
| 166 | getFjnrById(datumId).then(res => { | ||
| 167 | if (res.code == 200) { | ||
| 168 | const tiff = new Tiff({ | ||
| 169 | buffer: res.result, | ||
| 170 | }); | ||
| 171 | //转成png格式的base64图片,将其用img标签展示即可 | ||
| 172 | console.log(tiff.toDataURL("image/png")) | ||
| 173 | } | ||
| 174 | }) | ||
| 175 | } | ||
| 176 | } | ||
| 177 | } | ||
| 178 | </script> | ||
| 179 | <style scoped lang="scss"> | ||
| 180 | @import "~@/styles/mixin.scss"; | ||
| 181 | .left { | ||
| 182 | width: 48%; | ||
| 183 | float: left; | ||
| 184 | .preview-content { | ||
| 185 | height: 500px; | ||
| 186 | border: 1px solid grey; | ||
| 187 | } | ||
| 188 | |||
| 189 | } | ||
| 190 | |||
| 191 | .right { | ||
| 192 | width: 48%; | ||
| 193 | float: right; | ||
| 194 | .tree-content { | ||
| 195 | height: 500px; | ||
| 196 | overflow-y: scroll; | ||
| 197 | } | ||
| 198 | } | ||
| 199 | |||
| 200 | </style> |
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-09-07 14:49:06 | ||
| 5 | */ | ||
| 1 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 2 | let vm = null | 7 | let vm = null |
| 3 | 8 | ||
| ... | @@ -27,65 +32,45 @@ class data extends filter { | ... | @@ -27,65 +32,45 @@ class data extends filter { |
| 27 | label: "业务号", | 32 | label: "业务号", |
| 28 | }, | 33 | }, |
| 29 | { | 34 | { |
| 30 | prop: "sqbh", | ||
| 31 | label: "申请编号", | ||
| 32 | }, | ||
| 33 | { | ||
| 34 | prop: "qlr", | 35 | prop: "qlr", |
| 35 | label: "权利人", | 36 | label: "权利人" |
| 36 | }, | 37 | }, |
| 37 | { | 38 | { |
| 38 | prop: "ywr", | 39 | prop: "blzt", |
| 39 | label: "义务人", | 40 | label: "办理状态", |
| 40 | }, | ||
| 41 | { | ||
| 42 | prop: "bdcdyh", | ||
| 43 | label: "不动产单元号", | ||
| 44 | width: 150 | ||
| 45 | }, | ||
| 46 | { | ||
| 47 | prop: "sqsj", | ||
| 48 | label: "申请时间", | ||
| 49 | width: 140 | ||
| 50 | }, | ||
| 51 | { | ||
| 52 | label: "登记类型", | ||
| 53 | render: (h, scope) => { | 41 | render: (h, scope) => { |
| 54 | return <span>{this.dicStatus(scope.row.djlx, "A21")}</span> | 42 | return <span>{this.blzt(scope.row.blzt)}</span> |
| 55 | } | 43 | } |
| 56 | }, | 44 | }, |
| 57 | { | 45 | { |
| 58 | label: "权利类型", | 46 | prop: "ywlx", |
| 47 | label: "业务类型", | ||
| 59 | render: (h, scope) => { | 48 | render: (h, scope) => { |
| 60 | return <span>{this.dicStatus(scope.row.qllx, "A8")}</span> | 49 | return <span>{this.ywlx(scope.row.ywlx)}</span> |
| 61 | } | 50 | } |
| 62 | }, | 51 | }, |
| 63 | { | 52 | { |
| 64 | label: "办理状态", | 53 | prop: "sqsj", |
| 65 | render: (h, scope) => { | 54 | label: "申请时间", |
| 66 | return <span>{this.dicStatus(scope.row.blzt, "dyblzt")}</span> | ||
| 67 | } | ||
| 68 | }, | 55 | }, |
| 69 | { | 56 | { |
| 70 | prop: "shyj", | 57 | prop: "ywr", |
| 71 | label: "审核意见" | 58 | label: "义务人", |
| 72 | }, | 59 | }, |
| 73 | { | 60 | { |
| 74 | label: "操作", | 61 | label: '操作', |
| 75 | width: 250, | 62 | width: '120', |
| 76 | fixed: 'right', | 63 | align: 'center', |
| 77 | render: (h, scope) => { | 64 | render: (h, scope) => { |
| 78 | return <div> | 65 | return ( |
| 79 | <el-button type="text" icon='el-icon-view' onClick={() => { vm.handleViewClick(scope.row) }}>详情</el-button> | 66 | <div> |
| 80 | <el-button type="text" icon="el-icon-delete" onClick={() => { vm.handleDel(scope.row) }}>删除</el-button> | 67 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.handleEdit(scope.row) }}>详情</el-button> |
| 81 | <el-button type="text" icon='el-icon-refresh-left' onClick={() => { vm.handleBack(scope.row) }}>回退</el-button> | 68 | </div> |
| 82 | <el-button type="text" icon='el-icon-document-copy' onClick={() => { vm.handleSync(scope.row) }}>数据同步</el-button> | 69 | ) |
| 83 | </div> | ||
| 84 | } | 70 | } |
| 85 | } | 71 | } |
| 86 | ] | 72 | ] |
| 87 | } | 73 | } |
| 88 | |||
| 89 | } | 74 | } |
| 90 | let datas = new data() | 75 | let datas = new data() |
| 91 | export { | 76 | export { | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <div class="duijie"> | 2 | <!-- <div class="duijie">--> |
| 3 | <img src="../../../image/duijie.png" alt=""> | 3 | <!-- <img src="../../../image/duijie.png" alt="">--> |
| 4 | <!-- </div>--> | ||
| 5 | <div class="from-clues"> | ||
| 6 | <!-- 表单部分 --> | ||
| 7 | <div class="from-clues-header"> | ||
| 8 | <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="80px"> | ||
| 9 | <el-row> | ||
| 10 | <el-col :span="5"> | ||
| 11 | <el-form-item label="业务号"> | ||
| 12 | <el-input placeholder="业务号" v-model="queryForm.ywh" clearable class="width100"> | ||
| 13 | </el-input> | ||
| 14 | </el-form-item> | ||
| 15 | </el-col> | ||
| 16 | <el-col :span="5"> | ||
| 17 | <el-form-item label="权利人"> | ||
| 18 | <el-input placeholder="权利人" v-model="queryForm.qlrmc" clearable class="width100"> | ||
| 19 | </el-input> | ||
| 20 | </el-form-item> | ||
| 21 | </el-col> | ||
| 22 | <el-col :span="5"> | ||
| 23 | <el-form-item label="义务人"> | ||
| 24 | <el-input placeholder="义务人" v-model="queryForm.ywrmc" clearable class="width100"> | ||
| 25 | </el-input> | ||
| 26 | </el-form-item> | ||
| 27 | </el-col> | ||
| 28 | <el-col :span="9" class="btnColRight"> | ||
| 29 | <el-form-item> | ||
| 30 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> | ||
| 31 | <el-button type="primary" native-type="submit" @click="handleAdd">添加</el-button> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | </el-row> | ||
| 35 | </el-form> | ||
| 36 | </div> | ||
| 37 | <div class="from-clues-content loadingtext"> | ||
| 38 | <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280" | ||
| 39 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" | ||
| 40 | :column="tableData.columns" :data="tableData.data"> | ||
| 41 | </lb-table> | ||
| 42 | </div> | ||
| 4 | </div> | 43 | </div> |
| 5 | </template> | 44 | </template> |
| 6 | 45 | ||
| 7 | <script> | 46 | <script> |
| 8 | 47 | import { mapGetters } from 'vuex' | |
| 48 | import table from "@/utils/mixin/table" | ||
| 49 | import { datas, sendThis } from "./data" | ||
| 50 | import { queryBj } from "@/api/ycsl.js"; | ||
| 9 | export default { | 51 | export default { |
| 52 | name: "cwrz", | ||
| 53 | components: {}, | ||
| 54 | mixins: [table], | ||
| 55 | mounted () { | ||
| 56 | sendThis(this); | ||
| 57 | }, | ||
| 58 | activated () { | ||
| 59 | this.queryClick() | ||
| 60 | }, | ||
| 61 | data () { | ||
| 62 | return { | ||
| 63 | queryForm: { | ||
| 64 | qymc: "", | ||
| 65 | zjh: "", | ||
| 66 | }, | ||
| 67 | tableData: { | ||
| 68 | total: 0, | ||
| 69 | columns: datas.columns(), | ||
| 70 | data: [], | ||
| 71 | }, | ||
| 72 | }; | ||
| 73 | }, | ||
| 74 | computed: { | ||
| 75 | ...mapGetters(['isRefresh']) | ||
| 76 | }, | ||
| 77 | watch: { | ||
| 78 | isRefresh: { | ||
| 79 | handler (newVal, oldVal) { | ||
| 80 | if (newVal) this.queryClick() | ||
| 81 | }, | ||
| 82 | immediate: true | ||
| 83 | } | ||
| 84 | }, | ||
| 85 | methods: { | ||
| 86 | /** | ||
| 87 | * @description: queryClick | ||
| 88 | * @author: renchao | ||
| 89 | */ | ||
| 90 | queryClick () { | ||
| 91 | this.$startLoading(); | ||
| 92 | // let data = { ...this.queryForm, ...this.pageData } | ||
| 93 | let pageInfo = { | ||
| 94 | pageNo: this.pageData.currentPage, | ||
| 95 | pageSize: this.pageData.pageSize | ||
| 96 | } | ||
| 97 | let data = { ...pageInfo } | ||
| 98 | queryBj(data).then((res) => { | ||
| 99 | this.$endLoading(); | ||
| 100 | if (res.code === 200) { | ||
| 101 | let { total, records } = res.result; | ||
| 102 | this.tableData.total = total; | ||
| 103 | this.tableData.data = records; | ||
| 104 | } | ||
| 105 | }) | ||
| 106 | }, | ||
| 107 | /** | ||
| 108 | * @description: handleSearch | ||
| 109 | * @author: renchao | ||
| 110 | */ | ||
| 111 | handleSearch () { | ||
| 112 | this.queryClick(); | ||
| 113 | }, | ||
| 114 | /** | ||
| 115 | * @description: handleAdd | ||
| 116 | * @author: renchao | ||
| 117 | */ | ||
| 118 | handleAdd () { | ||
| 119 | this.$popupDialog("添加企业", "xxba/components/addDialog", { isAdd: 1 }, "75%") | ||
| 120 | }, | ||
| 121 | /** | ||
| 122 | * @description: handleDelete | ||
| 123 | * @author: renchao | ||
| 124 | */ | ||
| 125 | handleDelete (row) { | ||
| 126 | let _this = this | ||
| 127 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | ||
| 128 | confirmButtonText: '确定', | ||
| 129 | cancelButtonText: '取消', | ||
| 130 | type: 'warning' | ||
| 131 | }).then(() => { | ||
| 132 | remove(row.bsmCompany).then(res => { | ||
| 133 | if (res.code == 200) { | ||
| 134 | _this.$message({ | ||
| 135 | type: 'success', | ||
| 136 | message: '删除成功!' | ||
| 137 | }); | ||
| 138 | } | ||
| 139 | const totalPage = Math.ceil((_this.tableData.total - 1) / _this.pageData.pageSize) // 总页数 | ||
| 140 | _this.pageData.currentPage = _this.pageData.currentPage > totalPage ? totalPage : _this.pageData.currentPage | ||
| 141 | _this.pageData.currentPage = _this.pageData.currentPage < 1 ? 1 : _this.pageData.currentPage | ||
| 10 | 142 | ||
| 143 | _this.queryClick(_this.pageData.currentPage);//重新渲染数 | ||
| 144 | }) | ||
| 145 | }).catch(() => { | ||
| 146 | this.$message({ | ||
| 147 | type: 'info', | ||
| 148 | message: '已取消删除' | ||
| 149 | }); | ||
| 150 | }); | ||
| 151 | }, | ||
| 152 | handleEdit (row) { | ||
| 153 | this.$popupDialog("编辑企业", "ywbl/ycsl/components/addDialog", { isAdd: 2, ...row }, "75%") | ||
| 154 | } | ||
| 155 | } | ||
| 11 | } | 156 | } |
| 12 | </script> | 157 | </script> |
| 13 | 158 | ||
| 14 | <style lang="scss" scoped> | 159 | <style lang="scss" scoped> |
| 15 | .duijie{ | ||
| 16 | width: 100%; | ||
| 17 | height: 100%; | ||
| 18 | margin: auto; | ||
| 19 | text-align: center | ||
| 20 | 160 | ||
| 21 | } | 161 | @import "~@/styles/public.scss"; |
| 162 | |||
| 163 | .duijie{ | ||
| 164 | width: 100%; | ||
| 165 | height: 100%; | ||
| 166 | margin: auto; | ||
| 167 | text-align: center | ||
| 168 | |||
| 169 | } | ||
| 22 | 170 | ||
| 23 | </style> | 171 | </style> | ... | ... |
-
Please register or sign in to post a comment