Merge branch 'dev'
Showing
19 changed files
with
1395 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
1 | <template> | ||
2 | <div style="height: 600px;overflow-y: scroll;"> | ||
3 | <el-tabs v-model="activeName" @tab-click="handleClick"> | ||
4 | <el-tab-pane label="不动产单元申请书" name="1"></el-tab-pane> | ||
5 | <el-tab-pane label="附件" v-if="formData.isAdd==2" name="2"></el-tab-pane> | ||
6 | </el-tabs> | ||
7 | <el-form ref="ruleForm" :model="ruleForm" label-width="100px" style="height:90%" v-if="activeName==1" :rules="rules"> | ||
8 | <div v-for="item in sqrList"> | ||
9 | <div class="slxx_title title-block"> | ||
10 | 申请人信息 | ||
11 | <div class="triangle"></div> | ||
12 | </div> | ||
13 | <el-row> | ||
14 | <el-col :span="8"> | ||
15 | <el-form-item label="权利人名称:" prop="mc"> | ||
16 | <el-input v-model="item.mc"></el-input> | ||
17 | </el-form-item> | ||
18 | </el-col> | ||
19 | <el-col :span="8"> | ||
20 | <el-form-item label="证件种类:" prop="zjzl"> | ||
21 | <el-input v-model.number="item.zjzl"></el-input> | ||
22 | </el-form-item> | ||
23 | </el-col> | ||
24 | <el-col :span="8"> | ||
25 | <el-form-item label="证件号:" prop="zjh"> | ||
26 | <el-input v-model.number="item.zjh"></el-input> | ||
27 | </el-form-item> | ||
28 | </el-col> | ||
29 | </el-row> | ||
30 | <el-row> | ||
31 | <el-col :span="8"> | ||
32 | <el-form-item label="通讯地址:" prop="txdz"> | ||
33 | <el-input v-model="item.txdz"></el-input> | ||
34 | </el-form-item> | ||
35 | </el-col> | ||
36 | <el-col :span="8"> | ||
37 | <el-form-item label="邮编:" prop="yb"> | ||
38 | <el-input v-model.number="item.yb"></el-input> | ||
39 | </el-form-item> | ||
40 | </el-col> | ||
41 | <el-col :span="8"> | ||
42 | <el-form-item label="共有比例:" prop="gyqk"> | ||
43 | <el-input v-model.number="item.gyqk"></el-input> | ||
44 | </el-form-item> | ||
45 | </el-col> | ||
46 | </el-row> | ||
47 | |||
48 | <el-row> | ||
49 | <el-col :span="6"> | ||
50 | <el-form-item label="法人名称:" prop="frmc"> | ||
51 | <el-input v-model="ruleForm.frmc"></el-input> | ||
52 | </el-form-item> | ||
53 | </el-col> | ||
54 | <el-col :span="6"> | ||
55 | <el-form-item label="联系电话:" prop="frdh"> | ||
56 | <el-input v-model.number="ruleForm.frdh"></el-input> | ||
57 | </el-form-item> | ||
58 | </el-col> | ||
59 | <el-col :span="6"> | ||
60 | <el-form-item label="代理人名称:" prop="dlrmc"> | ||
61 | <el-input v-model.number="ruleForm.dlrmc"></el-input> | ||
62 | </el-form-item> | ||
63 | </el-col> | ||
64 | <el-col :span="6"> | ||
65 | <el-form-item label="联系电话:" prop="dlrdh"> | ||
66 | <el-input v-model.number="ruleForm.dlrdh"></el-input> | ||
67 | </el-form-item> | ||
68 | </el-col> | ||
69 | </el-row> | ||
70 | <el-row> | ||
71 | <el-col :span="24"> | ||
72 | <el-form-item label="代理机构:" prop="dljg"> | ||
73 | <el-input v-model="ruleForm.dljg"></el-input> | ||
74 | </el-form-item> | ||
75 | </el-col> | ||
76 | </el-row> | ||
77 | </div> | ||
78 | |||
79 | <div> | ||
80 | <div class="slxx_title title-block"> | ||
81 | 不动产情况 | ||
82 | <div class="triangle"></div> | ||
83 | </div> | ||
84 | <el-row> | ||
85 | <el-col :span="12"> | ||
86 | <el-form-item label="坐落:" prop="zl"> | ||
87 | <el-input v-model="bdcqk.zl"></el-input> | ||
88 | </el-form-item> | ||
89 | </el-col> | ||
90 | <el-col :span="12"> | ||
91 | <el-form-item label="不动产单元号:" prop="bdcdyh"> | ||
92 | <el-input v-model.number="bdcqk.bdcdyh"></el-input> | ||
93 | </el-form-item> | ||
94 | </el-col> | ||
95 | </el-row> | ||
96 | <el-row> | ||
97 | <el-col :span="6"> | ||
98 | <el-form-item label="宗地/宗海面积:" prop="zdzhmj"> | ||
99 | <el-input v-model="bdcqk.zdzhmj"></el-input> | ||
100 | </el-form-item> | ||
101 | </el-col> | ||
102 | <el-col :span="6"> | ||
103 | <el-form-item label="定着物面积:" prop="dzwmj"> | ||
104 | <el-input v-model.number="bdcqk.dzwmj"></el-input> | ||
105 | </el-form-item> | ||
106 | </el-col> | ||
107 | <el-col :span="6"> | ||
108 | <el-form-item label="宗地/宗海用途:" prop="zdzhyt"> | ||
109 | <el-input v-model.number="bdcqk.zdzhyt"></el-input> | ||
110 | </el-form-item> | ||
111 | </el-col> | ||
112 | <el-col :span="6"> | ||
113 | <el-form-item label="定着物用途:" prop="dzwyt"> | ||
114 | <el-input v-model.number="bdcqk.dzwyt"></el-input> | ||
115 | </el-form-item> | ||
116 | </el-col> | ||
117 | </el-row> | ||
118 | |||
119 | <el-row> | ||
120 | <el-col :span="12"> | ||
121 | <el-form-item label="不动产类型:" prop="bdclx"> | ||
122 | <el-input v-model="bdcqk.bdclx"></el-input> | ||
123 | </el-form-item> | ||
124 | </el-col> | ||
125 | <el-col :span="12"> | ||
126 | <el-form-item label="宗地/宗海权力类型:" prop="zdzhqllx"> | ||
127 | <el-input v-model="bdcqk.zdzhqllx"></el-input> | ||
128 | </el-form-item> | ||
129 | </el-col> | ||
130 | </el-row> | ||
131 | <el-row> | ||
132 | <el-col :span="6"> | ||
133 | <el-form-item label="用海类型:" prop="yhlx"> | ||
134 | <el-input v-model="bdcqk.yhlx"></el-input> | ||
135 | </el-form-item> | ||
136 | </el-col> | ||
137 | <el-col :span="6"> | ||
138 | <el-form-item label="构筑物类型:" prop="gzwlx"> | ||
139 | <el-input v-model.number="bdcqk.gzwlx"></el-input> | ||
140 | </el-form-item> | ||
141 | </el-col> | ||
142 | <el-col :span="6"> | ||
143 | <el-form-item label="林种:" prop="lz"> | ||
144 | <el-input v-model.number="bdcqk.lz"></el-input> | ||
145 | </el-form-item> | ||
146 | </el-col> | ||
147 | <el-col :span="6"> | ||
148 | <el-form-item label="原不动产单元号:" prop="ybdcdyh"> | ||
149 | <el-input v-model.number="bdcqk.ybdcdyh"></el-input> | ||
150 | </el-form-item> | ||
151 | </el-col> | ||
152 | </el-row> | ||
153 | </div> | ||
154 | |||
155 | <div> | ||
156 | <div class="slxx_title title-block"> | ||
157 | 抵押情况 | ||
158 | <div class="triangle"></div> | ||
159 | </div> | ||
160 | <el-row> | ||
161 | <el-col :span="12"> | ||
162 | <el-form-item label="被担保主债权数额:" prop="bdbzzqse"> | ||
163 | <el-input v-model="bdcqk.bdbzzqse"></el-input> | ||
164 | </el-form-item> | ||
165 | </el-col> | ||
166 | <el-col :span="12"> | ||
167 | <el-form-item label="在建建筑物抵押范围:" prop="zjjzwdyfw"> | ||
168 | <el-input v-model.number="bdcqk.zjjzwdyfw"></el-input> | ||
169 | </el-form-item> | ||
170 | </el-col> | ||
171 | </el-row> | ||
172 | <el-row> | ||
173 | <el-col :span="12"> | ||
174 | <el-form-item label="债务履行起始时间:" prop="zwlxqssj"> | ||
175 | <el-input v-model="bdcqk.zwlxqssj"></el-input> | ||
176 | </el-form-item> | ||
177 | </el-col> | ||
178 | <el-col :span="12"> | ||
179 | <el-form-item label="债务履行结束时间:" prop="zwlxjssj"> | ||
180 | <el-input v-model="bdcqk.zwlxjssj"></el-input> | ||
181 | </el-form-item> | ||
182 | </el-col> | ||
183 | </el-row> | ||
184 | </div> | ||
185 | |||
186 | <el-form-item style="text-align:center"> | ||
187 | <!-- <el-button type="primary" @click="closeDialog">关闭</el-button>--> | ||
188 | <!-- <el-button type="primary" @click="submitForm">保存</el-button>--> | ||
189 | </el-form-item> | ||
190 | </el-form> | ||
191 | <clxx v-if="activeName==2" :formData="formData" /> | ||
192 | </div> | ||
193 | </template> | ||
194 | |||
195 | <script> | ||
196 | import store from '@/store/index.js' | ||
197 | import { getSqr, getBdcqk } from "@/api/ycsl.js" | ||
198 | import clxx from './clxx/index.vue' | ||
199 | export default { | ||
200 | props: { | ||
201 | formData: { | ||
202 | type: Object, | ||
203 | default: () => { }, | ||
204 | }, | ||
205 | }, | ||
206 | components: { | ||
207 | clxx | ||
208 | }, | ||
209 | data () { | ||
210 | return { | ||
211 | zjzlList: store.getters.dictData['A30'], | ||
212 | activeName: "1", | ||
213 | DJJGLIST: store.getters.dictData['ywly'], | ||
214 | readOnly: false, | ||
215 | sqrList:[{}], | ||
216 | bdcqk: {}, | ||
217 | //表单提交数据 | ||
218 | ruleForm: {}, | ||
219 | //表格数据 | ||
220 | tableForm: [ | ||
221 | { | ||
222 | name: '不动产权证书', | ||
223 | ksysxlh: '', | ||
224 | jsysxlh: '', | ||
225 | bs: 0, | ||
226 | zslx: 1 | ||
227 | }, | ||
228 | { | ||
229 | name: '不动产登记证明', | ||
230 | ksysxlh: '', | ||
231 | jsysxlh: '', | ||
232 | bs: 0, | ||
233 | zslx: 2 | ||
234 | } | ||
235 | ], | ||
236 | rules: { | ||
237 | } | ||
238 | } | ||
239 | }, | ||
240 | mounted () { | ||
241 | console.log(this.formData, "ffffffffffffff") | ||
242 | if (this.formData.ywh) { | ||
243 | this.getSqr(this.formData.ywh) | ||
244 | this.getBdcqk(this.formData.ywh) | ||
245 | } | ||
246 | let list = Object.keys(this.formData).length | ||
247 | if (list > 0) { | ||
248 | this.ruleForm = this.formData | ||
249 | } | ||
250 | }, | ||
251 | methods: { | ||
252 | handleClick () { }, | ||
253 | /** | ||
254 | * @description: 表单提交 | ||
255 | * @author: | ||
256 | */ | ||
257 | submitForm () { | ||
258 | let that = this | ||
259 | this.tableForm.forEach((item, index) => { | ||
260 | if (item.bs < 0) { | ||
261 | return; | ||
262 | } | ||
263 | }) | ||
264 | if (this.formData.isAdd != 1) { | ||
265 | store.dispatch("user/refreshPage", false); | ||
266 | update(this.ruleForm).then(res => { | ||
267 | if (res.code == 200) { | ||
268 | this.$message.success('保存成功') | ||
269 | this.$emit("input", false); | ||
270 | this.$refs['ruleForm'].resetFields(); | ||
271 | this.resetTableFields(); | ||
272 | this.closeDialog(); | ||
273 | //刷新列表 | ||
274 | store.dispatch("user/refreshPage", true); | ||
275 | } else { | ||
276 | this.$message.error(res.message); | ||
277 | } | ||
278 | }) | ||
279 | } else { | ||
280 | that.$refs['ruleForm'].validate((valid) => { | ||
281 | if (valid) { | ||
282 | store.dispatch("user/refreshPage", false); | ||
283 | addQy(this.ruleForm).then(res => { | ||
284 | if (res.code == 200) { | ||
285 | that.$message.success('保存成功') | ||
286 | that.$emit("input", false); | ||
287 | that.$refs['ruleForm'].resetFields(); | ||
288 | that.resetTableFields(); | ||
289 | that.closeDialog(); | ||
290 | //刷新列表 | ||
291 | store.dispatch("user/refreshPage", true); | ||
292 | } else { | ||
293 | that.$message.error(res.message); | ||
294 | } | ||
295 | }) | ||
296 | } else { | ||
297 | this.$message.error('请完善表单'); | ||
298 | return false; | ||
299 | } | ||
300 | }) | ||
301 | } | ||
302 | }, | ||
303 | /** | ||
304 | * @description: 获取详情信息 | ||
305 | * @author: | ||
306 | * @param ywh | ||
307 | */ | ||
308 | getSqr (ywh) { | ||
309 | getSqr(ywh ).then(res => { | ||
310 | if (res.code == 200) { | ||
311 | this.sqrList = res.result; | ||
312 | } | ||
313 | }) | ||
314 | }, | ||
315 | /** | ||
316 | * @description: 获取详情信息 | ||
317 | * @author: | ||
318 | * @param ywh | ||
319 | */ | ||
320 | getBdcqk (ywh) { | ||
321 | getBdcqk(ywh ).then(res => { | ||
322 | if (res.code == 200) { | ||
323 | this.bdcqk = res.result; | ||
324 | } | ||
325 | }) | ||
326 | }, | ||
327 | /** | ||
328 | * @description: resetTableFields | ||
329 | * @author: | ||
330 | */ | ||
331 | resetTableFields () { | ||
332 | this.tableForm = [ | ||
333 | { | ||
334 | name: '不动产权证书', | ||
335 | ksysxlh: '', | ||
336 | jsysxlh: '', | ||
337 | bs: 0, | ||
338 | zslx: 1 | ||
339 | }, | ||
340 | { | ||
341 | name: '不动产权登记证明', | ||
342 | ksysxlh: '', | ||
343 | jsysxlh: '', | ||
344 | bs: 0, | ||
345 | zslx: 2 | ||
346 | } | ||
347 | ] | ||
348 | }, | ||
349 | /** | ||
350 | * @description: closeDialog | ||
351 | * @author: | ||
352 | */ | ||
353 | closeDialog () { | ||
354 | this.$popupCacel() | ||
355 | this.$refs['ruleForm'].resetFields(); | ||
356 | this.resetTableFields(); | ||
357 | } | ||
358 | } | ||
359 | } | ||
360 | </script> | ||
361 | <style scoped lang="scss"> | ||
362 | @import "~@/styles/mixin.scss"; | ||
363 | @import "~@/styles/dialogBoxheader.scss"; | ||
364 | @import "~@/styles/slxx/slxx.scss"; | ||
365 | |||
366 | .font-red { | ||
367 | color: red; | ||
368 | } | ||
369 | |||
370 | .middle-margin-bottom { | ||
371 | margin-top: 20px; | ||
372 | } | ||
373 | |||
374 | form /deep/ .el-form-item__label { | ||
375 | width: 150px !important; | ||
376 | overflow: hidden; | ||
377 | white-space: nowrap; | ||
378 | text-overflow: ellipsis; | ||
379 | height: 32px; | ||
380 | float: none; | ||
381 | } | ||
382 | </style> |
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