Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
11 changed files
with
279 additions
and
352 deletions
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-22 16:27:35 | 4 | * @LastEditTime: 2023-08-30 15:52:11 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
... | @@ -10,7 +10,6 @@ | ... | @@ -10,7 +10,6 @@ |
10 | :model="ruleForm" | 10 | :model="ruleForm" |
11 | :rules="rules" | 11 | :rules="rules" |
12 | :class="{ readonly: editDisabled }" | 12 | :class="{ readonly: editDisabled }" |
13 | class="loadingtext" | ||
14 | ref="ruleForm" | 13 | ref="ruleForm" |
15 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
16 | :inline="flag" | 15 | :inline="flag" |
... | @@ -313,20 +312,6 @@ | ... | @@ -313,20 +312,6 @@ |
313 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | 312 | <el-input v-model="ruleForm.qlxx.zl"></el-input> |
314 | </el-form-item> | 313 | </el-form-item> |
315 | </el-col> | 314 | </el-col> |
316 | <!-- <el-col :span="8"> | ||
317 | <el-form-item label="不动产登记证明号:" prop="bdcqzh"> | ||
318 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
319 | </el-form-item> | ||
320 | </el-col> --> | ||
321 | <!-- <el-col :span="8"> | ||
322 | <el-form-item | ||
323 | label="区县代码:" | ||
324 | prop="qlxx.qxdm" | ||
325 | :rules="rules.qxdmrules" | ||
326 | > | ||
327 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
328 | </el-form-item> | ||
329 | </el-col> --> | ||
330 | <el-col :span="8"> | 315 | <el-col :span="8"> |
331 | <el-form-item label="在建建筑物抵押范围:"> | 316 | <el-form-item label="在建建筑物抵押范围:"> |
332 | <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input> | 317 | <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input> |
... | @@ -401,24 +386,6 @@ | ... | @@ -401,24 +386,6 @@ |
401 | </el-date-picker> | 386 | </el-date-picker> |
402 | </el-form-item> | 387 | </el-form-item> |
403 | </el-col> | 388 | </el-col> |
404 | |||
405 | <!-- <el-col :span="8"> | ||
406 | <el-form-item label="是否预告登记:"> | ||
407 | <el-select v-model="ruleForm.diyaq.sfygdj"> | ||
408 | <el-option | ||
409 | v-for="item in dictData['A6']" | ||
410 | :key="item.dcode" | ||
411 | :label="item.dname" | ||
412 | :value="item.dcode"></el-option> | ||
413 | </el-select> | ||
414 | </el-form-item> | ||
415 | </el-col> --> | ||
416 | <!-- <el-col :span="8"> | ||
417 | <el-form-item label="在建建筑物坐落:"> | ||
418 | <el-input v-model="ruleForm.diyaq.zjzzwzl"></el-input> | ||
419 | </el-form-item> | ||
420 | </el-col> --> | ||
421 | |||
422 | <el-col :span="24"> | 389 | <el-col :span="24"> |
423 | <el-form-item label="登记原因:"> | 390 | <el-form-item label="登记原因:"> |
424 | <el-input v-model="ruleForm.diyaq.djyy"></el-input> | 391 | <el-input v-model="ruleForm.diyaq.djyy"></el-input> | ... | ... |
1 | /* | 1 | /* |
2 | * @Description:workFramezu.vue组件的方法 头部按钮弹框方法 | 2 | * @Description:workFramezu.vue组件的方法 头部按钮弹框方法 |
3 | * @Autor: miaofang | 3 | * @Autor: miaofang |
4 | * @LastEditTime: 2023-08-10 13:41:26 | 4 | * @LastEditTime: 2023-08-30 15:52:01 |
5 | */ | 5 | */ |
6 | import { getPrintTemplateByCode } from "@/api/print"; | 6 | import { getPrintTemplateByCode } from "@/api/print"; |
7 | import { getQllxByBdcdyid } from "@/api/djbDetail.js"; | 7 | import { getQllxByBdcdyid } from "@/api/djbDetail.js"; |
... | @@ -44,7 +44,6 @@ export default { | ... | @@ -44,7 +44,6 @@ export default { |
44 | this.flowInitParam(); | 44 | this.flowInitParam(); |
45 | }, | 45 | }, |
46 | methods: { | 46 | methods: { |
47 | //加载流程初始参数 | ||
48 | /** | 47 | /** |
49 | * @description: 加载流程初始参数 | 48 | * @description: 加载流程初始参数 |
50 | * @author: renchao | 49 | * @author: renchao | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-16 16:45:42 | 4 | * @LastEditTime: 2023-08-30 16:14:24 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <dialogBox | 7 | <dialogBox |
... | @@ -12,14 +12,15 @@ | ... | @@ -12,14 +12,15 @@ |
12 | :isFullscreen="false" | 12 | :isFullscreen="false" |
13 | @submitForm="submitForm" | 13 | @submitForm="submitForm" |
14 | @closeDialog="closeDialog" | 14 | @closeDialog="closeDialog" |
15 | :isButton="showButton" | 15 | :isButton="showButton"> |
16 | > | ||
17 | <el-form | 16 | <el-form |
18 | :model="ruleForm" | 17 | :model="ruleForm" |
19 | :rules="rules" | 18 | :rules="rules" |
20 | ref="ruleForm" | 19 | ref="ruleForm" |
21 | label-width="120px" | 20 | label-width="120px"> |
22 | > | 21 | <el-form-item label="身份证读卡器"> |
22 | <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> | ||
23 | </el-form-item> | ||
23 | <el-row> | 24 | <el-row> |
24 | <el-col :span="8"> | 25 | <el-col :span="8"> |
25 | <el-form-item label="权利人类型" prop="sqrlx"> | 26 | <el-form-item label="权利人类型" prop="sqrlx"> |
... | @@ -28,14 +29,12 @@ | ... | @@ -28,14 +29,12 @@ |
28 | v-model="ruleForm.sqrlx" | 29 | v-model="ruleForm.sqrlx" |
29 | class="width100" | 30 | class="width100" |
30 | :disabled="!showButton" | 31 | :disabled="!showButton" |
31 | placeholder="请选择" | 32 | placeholder="请选择"> |
32 | > | ||
33 | <el-option | 33 | <el-option |
34 | v-for="item in dictData['A36']" | 34 | v-for="item in dictData['A36']" |
35 | :key="item.dcode" | 35 | :key="item.dcode" |
36 | :label="item.dname" | 36 | :label="item.dname" |
37 | :value="item.dcode" | 37 | :value="item.dcode"> |
38 | > | ||
39 | </el-option> | 38 | </el-option> |
40 | </el-select> | 39 | </el-select> |
41 | </el-form-item> | 40 | </el-form-item> |
... | @@ -45,8 +44,7 @@ | ... | @@ -45,8 +44,7 @@ |
45 | <el-input | 44 | <el-input |
46 | v-model="ruleForm.sqrmc" | 45 | v-model="ruleForm.sqrmc" |
47 | maxlegth="15" | 46 | maxlegth="15" |
48 | :disabled="!showButton" | 47 | :disabled="!showButton"></el-input> |
49 | ></el-input> | ||
50 | </el-form-item> | 48 | </el-form-item> |
51 | </el-col> | 49 | </el-col> |
52 | <el-col :span="8"> | 50 | <el-col :span="8"> |
... | @@ -56,14 +54,12 @@ | ... | @@ -56,14 +54,12 @@ |
56 | v-model="ruleForm.zjzl" | 54 | v-model="ruleForm.zjzl" |
57 | :disabled="!showButton" | 55 | :disabled="!showButton" |
58 | class="width100" | 56 | class="width100" |
59 | placeholder="请选择" | 57 | placeholder="请选择"> |
60 | > | ||
61 | <el-option | 58 | <el-option |
62 | v-for="item in dictData['A30']" | 59 | v-for="item in dictData['A30']" |
63 | :key="item.dcode" | 60 | :key="item.dcode" |
64 | :label="item.dname" | 61 | :label="item.dname" |
65 | :value="item.dcode" | 62 | :value="item.dcode"> |
66 | > | ||
67 | </el-option> | 63 | </el-option> |
68 | </el-select> | 64 | </el-select> |
69 | </el-form-item> | 65 | </el-form-item> |
... | @@ -76,8 +72,7 @@ | ... | @@ -76,8 +72,7 @@ |
76 | v-model="ruleForm.zjh" | 72 | v-model="ruleForm.zjh" |
77 | :disabled="!showButton" | 73 | :disabled="!showButton" |
78 | maxlength="18" | 74 | maxlength="18" |
79 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" | 75 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input> |
80 | ></el-input> | ||
81 | </el-form-item> | 76 | </el-form-item> |
82 | </el-col> | 77 | </el-col> |
83 | <el-col :span="8"> | 78 | <el-col :span="8"> |
... | @@ -86,37 +81,34 @@ | ... | @@ -86,37 +81,34 @@ |
86 | v-model="ruleForm.dh" | 81 | v-model="ruleForm.dh" |
87 | :disabled="!showButton" | 82 | :disabled="!showButton" |
88 | maxlength="11" | 83 | maxlength="11" |
89 | oninput="value=value.replace(/[^\d]/g,'')" | 84 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> |
90 | ></el-input> | ||
91 | </el-form-item> | 85 | </el-form-item> |
92 | </el-col> | 86 | </el-col> |
93 | <el-col :span="8"> | 87 | <el-col :span="8"> |
94 | <el-form-item label="权利比例" prop="qlbl"> | 88 | <el-form-item label="性别" prop="xb"> |
95 | <el-input | 89 | <el-select |
96 | v-model="ruleForm.qlbl" | 90 | clearable |
97 | maxlength="32" | 91 | v-model="ruleForm.xb" |
98 | :disabled="!showButton || this.ruleForm.gyfs == 1" | 92 | :disabled="!showButton" |
99 | ></el-input> | 93 | class="width100" |
94 | placeholder="请选择"> | ||
95 | <el-option | ||
96 | v-for="item in dictData['A43']" | ||
97 | :key="item.dcode" | ||
98 | :label="item.dname" | ||
99 | :value="item.dcode"> | ||
100 | </el-option> | ||
101 | </el-select> | ||
100 | </el-form-item> | 102 | </el-form-item> |
101 | </el-col> | 103 | </el-col> |
102 | </el-row> | 104 | </el-row> |
103 | <el-row> | 105 | <el-row> |
104 | <el-col :span="8"> | 106 | <el-col :span="8"> |
105 | <el-form-item label="法人名称" prop="frmc"> | ||
106 | <el-input | ||
107 | v-model="ruleForm.frmc" | ||
108 | maxlength="32" | ||
109 | :disabled="!showButton" | ||
110 | ></el-input> | ||
111 | </el-form-item> | ||
112 | </el-col> | ||
113 | <el-col :span="8"> | ||
114 | <el-form-item label="国家/地区" prop="gj"> | 107 | <el-form-item label="国家/地区" prop="gj"> |
115 | <el-input | 108 | <el-input |
116 | v-model="ruleForm.gj" | 109 | v-model="ruleForm.gj" |
117 | maxlength="3" | 110 | maxlength="3" |
118 | :disabled="!showButton" | 111 | :disabled="!showButton"></el-input> |
119 | ></el-input> | ||
120 | </el-form-item> | 112 | </el-form-item> |
121 | </el-col> | 113 | </el-col> |
122 | <el-col :span="8"> | 114 | <el-col :span="8"> |
... | @@ -124,20 +116,34 @@ | ... | @@ -124,20 +116,34 @@ |
124 | <el-input | 116 | <el-input |
125 | v-model="ruleForm.hjszss" | 117 | v-model="ruleForm.hjszss" |
126 | maxlength="3" | 118 | maxlength="3" |
127 | :disabled="!showButton" | 119 | :disabled="!showButton"></el-input> |
128 | ></el-input> | 120 | </el-form-item> |
121 | </el-col> | ||
122 | <el-col :span="8"> | ||
123 | <el-form-item label="权利比例" prop="qlbl"> | ||
124 | <el-input | ||
125 | v-model="ruleForm.qlbl" | ||
126 | maxlength="32" | ||
127 | :disabled="!showButton || this.ruleForm.gyfs == 1"></el-input> | ||
129 | </el-form-item> | 128 | </el-form-item> |
130 | </el-col> | 129 | </el-col> |
131 | </el-row> | 130 | </el-row> |
132 | 131 | ||
133 | <el-row> | 132 | <el-row> |
134 | <el-col :span="24"> | 133 | <el-col :span="8"> |
134 | <el-form-item label="法人名称" prop="frmc"> | ||
135 | <el-input | ||
136 | v-model="ruleForm.frmc" | ||
137 | maxlength="32" | ||
138 | :disabled="!showButton"></el-input> | ||
139 | </el-form-item> | ||
140 | </el-col> | ||
141 | <el-col :span="16"> | ||
135 | <el-form-item label="地址" prop="txdz"> | 142 | <el-form-item label="地址" prop="txdz"> |
136 | <el-input | 143 | <el-input |
137 | v-model="ruleForm.txdz" | 144 | v-model="ruleForm.txdz" |
138 | maxlength="100" | 145 | maxlength="100" |
139 | :disabled="!showButton" | 146 | :disabled="!showButton"></el-input> |
140 | ></el-input> | ||
141 | </el-form-item> | 147 | </el-form-item> |
142 | </el-col> | 148 | </el-col> |
143 | </el-row> | 149 | </el-row> |
... | @@ -148,8 +154,7 @@ | ... | @@ -148,8 +154,7 @@ |
148 | <el-input | 154 | <el-input |
149 | v-model="ruleForm.fzjg" | 155 | v-model="ruleForm.fzjg" |
150 | maxlength="10" | 156 | maxlength="10" |
151 | :disabled="!showButton" | 157 | :disabled="!showButton"></el-input> |
152 | ></el-input> | ||
153 | </el-form-item> | 158 | </el-form-item> |
154 | </el-col> | 159 | </el-col> |
155 | <el-col :span="8"> | 160 | <el-col :span="8"> |
... | @@ -157,8 +162,7 @@ | ... | @@ -157,8 +162,7 @@ |
157 | <el-input | 162 | <el-input |
158 | v-model="ruleForm.dzyj" | 163 | v-model="ruleForm.dzyj" |
159 | :disabled="!showButton" | 164 | :disabled="!showButton" |
160 | maxlength="25" | 165 | maxlength="25"></el-input> |
161 | ></el-input> | ||
162 | </el-form-item> | 166 | </el-form-item> |
163 | </el-col> | 167 | </el-col> |
164 | <el-col :span="8"> | 168 | <el-col :span="8"> |
... | @@ -167,8 +171,7 @@ | ... | @@ -167,8 +171,7 @@ |
167 | v-model.number="ruleForm.yb" | 171 | v-model.number="ruleForm.yb" |
168 | :disabled="!showButton" | 172 | :disabled="!showButton" |
169 | maxlength="6" | 173 | maxlength="6" |
170 | oninput="value=value.replace(/[^\d]/g,'')" | 174 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> |
171 | ></el-input> | ||
172 | </el-form-item> | 175 | </el-form-item> |
173 | </el-col> | 176 | </el-col> |
174 | </el-row> | 177 | </el-row> |
... | @@ -179,8 +182,7 @@ | ... | @@ -179,8 +182,7 @@ |
179 | <el-input | 182 | <el-input |
180 | v-model="ruleForm.gzdw" | 183 | v-model="ruleForm.gzdw" |
181 | maxlength="32" | 184 | maxlength="32" |
182 | :disabled="!showButton" | 185 | :disabled="!showButton"></el-input> |
183 | ></el-input> | ||
184 | </el-form-item> | 186 | </el-form-item> |
185 | </el-col> | 187 | </el-col> |
186 | <el-col :span="16"> | 188 | <el-col :span="16"> |
... | @@ -188,8 +190,7 @@ | ... | @@ -188,8 +190,7 @@ |
188 | <el-input | 190 | <el-input |
189 | v-model="ruleForm.dlrjg" | 191 | v-model="ruleForm.dlrjg" |
190 | maxlength="32" | 192 | maxlength="32" |
191 | :disabled="!showButton" | 193 | :disabled="!showButton"></el-input> |
192 | ></el-input> | ||
193 | </el-form-item> | 194 | </el-form-item> |
194 | </el-col> | 195 | </el-col> |
195 | </el-row> | 196 | </el-row> |
... | @@ -201,8 +202,7 @@ | ... | @@ -201,8 +202,7 @@ |
201 | v-model="ruleForm.dlrdh" | 202 | v-model="ruleForm.dlrdh" |
202 | :disabled="!showButton" | 203 | :disabled="!showButton" |
203 | maxlength="11" | 204 | maxlength="11" |
204 | oninput="value=value.replace(/[^\d]/g,'')" | 205 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> |
205 | ></el-input> | ||
206 | </el-form-item> | 206 | </el-form-item> |
207 | </el-col> | 207 | </el-col> |
208 | <el-col :span="8"> | 208 | <el-col :span="8"> |
... | @@ -210,8 +210,7 @@ | ... | @@ -210,8 +210,7 @@ |
210 | <el-input | 210 | <el-input |
211 | v-model="ruleForm.dlrmc" | 211 | v-model="ruleForm.dlrmc" |
212 | maxlength="15" | 212 | maxlength="15" |
213 | :disabled="!showButton" | 213 | :disabled="!showButton"></el-input> |
214 | ></el-input> | ||
215 | </el-form-item> | 214 | </el-form-item> |
216 | </el-col> | 215 | </el-col> |
217 | <el-col :span="8"> | 216 | <el-col :span="8"> |
... | @@ -221,47 +220,26 @@ | ... | @@ -221,47 +220,26 @@ |
221 | v-model="ruleForm.dlrzjlx" | 220 | v-model="ruleForm.dlrzjlx" |
222 | :disabled="!showButton" | 221 | :disabled="!showButton" |
223 | class="width100" | 222 | class="width100" |
224 | placeholder="请选择" | 223 | placeholder="请选择"> |
225 | > | ||
226 | <el-option | 224 | <el-option |
227 | v-for="item in dictData['A30']" | 225 | v-for="item in dictData['A30']" |
228 | :key="item.dcode" | 226 | :key="item.dcode" |
229 | :label="item.dname" | 227 | :label="item.dname" |
230 | :value="item.dcode" | 228 | :value="item.dcode"> |
231 | > | ||
232 | </el-option> | 229 | </el-option> |
233 | </el-select> | 230 | </el-select> |
234 | </el-form-item> | 231 | </el-form-item> |
235 | </el-col> | 232 | </el-col> |
236 | </el-row> | 233 | </el-row> |
237 | <el-row> | 234 | <el-row> |
238 | <el-col :span="8"> | 235 | |
239 | <el-form-item label="性别" prop="xb"> | ||
240 | <el-select | ||
241 | clearable | ||
242 | v-model="ruleForm.xb" | ||
243 | :disabled="!showButton" | ||
244 | class="width100" | ||
245 | placeholder="请选择" | ||
246 | > | ||
247 | <el-option | ||
248 | v-for="item in dictData['A43']" | ||
249 | :key="item.dcode" | ||
250 | :label="item.dname" | ||
251 | :value="item.dcode" | ||
252 | > | ||
253 | </el-option> | ||
254 | </el-select> | ||
255 | </el-form-item> | ||
256 | </el-col> | ||
257 | <el-col :span="8"> | 236 | <el-col :span="8"> |
258 | <el-form-item label="代理人证件号" prop="dlrzjh"> | 237 | <el-form-item label="代理人证件号" prop="dlrzjh"> |
259 | <el-input | 238 | <el-input |
260 | v-model="ruleForm.dlrzjh" | 239 | v-model="ruleForm.dlrzjh" |
261 | :disabled="!showButton" | 240 | :disabled="!showButton" |
262 | maxlength="18" | 241 | maxlength="18" |
263 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" | 242 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input> |
264 | ></el-input> | ||
265 | </el-form-item> | 243 | </el-form-item> |
266 | </el-col> | 244 | </el-col> |
267 | </el-row> | 245 | </el-row> |
... | @@ -269,8 +247,9 @@ | ... | @@ -269,8 +247,9 @@ |
269 | </dialogBox> | 247 | </dialogBox> |
270 | </template> | 248 | </template> |
271 | <script> | 249 | <script> |
272 | import { mapGetters } from "vuex"; | 250 | import { mapGetters } from "vuex"; |
273 | export default { | 251 | import { getIdCardInfo } from '@/utils/operation.js' |
252 | export default { | ||
274 | props: { | 253 | props: { |
275 | value: { type: Boolean, default: false }, | 254 | value: { type: Boolean, default: false }, |
276 | details: { type: Object, default: {} }, | 255 | details: { type: Object, default: {} }, |
... | @@ -279,7 +258,7 @@ export default { | ... | @@ -279,7 +258,7 @@ export default { |
279 | computed: { | 258 | computed: { |
280 | ...mapGetters(["dictData"]), | 259 | ...mapGetters(["dictData"]), |
281 | }, | 260 | }, |
282 | data() { | 261 | data () { |
283 | return { | 262 | return { |
284 | myValue: this.value, | 263 | myValue: this.value, |
285 | ruleForm: { | 264 | ruleForm: { |
... | @@ -314,22 +293,49 @@ export default { | ... | @@ -314,22 +293,49 @@ export default { |
314 | }; | 293 | }; |
315 | }, | 294 | }, |
316 | watch: { | 295 | watch: { |
317 | value(val) { | 296 | value (val) { |
318 | this.myValue = _.cloneDeep(val); | 297 | this.myValue = _.cloneDeep(val) |
319 | }, | 298 | }, |
320 | details: { | 299 | details: { |
321 | handler: function (val, oldVal) { | 300 | handler: function (val, oldVal) { |
322 | this.ruleForm = val; | 301 | this.ruleForm = val; |
323 | }, | 302 | }, |
324 | deep: true, | 303 | deep: true |
325 | }, | 304 | } |
326 | }, | 305 | }, |
327 | methods: { | 306 | methods: { |
328 | /** | 307 | /** |
308 | * @description: 身份证打卡器 | ||
309 | * @param {*} row | ||
310 | * @author: renchao | ||
311 | */ | ||
312 | readClick () { | ||
313 | getIdCardInfo().then(res => { | ||
314 | if (res.data.code == 0) { | ||
315 | let data = res.data.IDCardInfo | ||
316 | this.ruleForm.sqrmc = data.name | ||
317 | this.ruleForm.zjzl = '1' | ||
318 | this.ruleForm.zjh = data.cardID | ||
319 | this.ruleForm.xb = data.sexCode | ||
320 | this.ruleForm.txdz = data.address | ||
321 | this.ruleForm.fzjg = data.issueOrgan | ||
322 | this.$message({ | ||
323 | message: '读取成功!', | ||
324 | type: 'success' | ||
325 | }) | ||
326 | } else { | ||
327 | this.$message({ | ||
328 | message: res.data.message, | ||
329 | type: 'warning' | ||
330 | }) | ||
331 | } | ||
332 | }) | ||
333 | }, | ||
334 | /** | ||
329 | * @description: closeDialog | 335 | * @description: closeDialog |
330 | * @author: renchao | 336 | * @author: renchao |
331 | */ | 337 | */ |
332 | closeDialog() { | 338 | closeDialog () { |
333 | this.$emit("input", false); | 339 | this.$emit("input", false); |
334 | this.$refs["ruleForm"].resetFields(); | 340 | this.$refs["ruleForm"].resetFields(); |
335 | }, | 341 | }, |
... | @@ -337,7 +343,7 @@ export default { | ... | @@ -337,7 +343,7 @@ export default { |
337 | * @description: submitForm | 343 | * @description: submitForm |
338 | * @author: renchao | 344 | * @author: renchao |
339 | */ | 345 | */ |
340 | submitForm() { | 346 | submitForm () { |
341 | this.$refs.ruleForm.validate((valid) => { | 347 | this.$refs.ruleForm.validate((valid) => { |
342 | if (valid) { | 348 | if (valid) { |
343 | this.$emit("input", false); | 349 | this.$emit("input", false); |
... | @@ -346,17 +352,17 @@ export default { | ... | @@ -346,17 +352,17 @@ export default { |
346 | } else { | 352 | } else { |
347 | return false; | 353 | return false; |
348 | } | 354 | } |
349 | }); | 355 | }) |
350 | }, | 356 | } |
351 | }, | 357 | } |
352 | }; | 358 | } |
353 | </script> | 359 | </script> |
354 | <style scoped lang="scss"> | 360 | <style scoped lang="scss"> |
355 | @import "~@/styles/dialogBoxheader.scss"; | 361 | @import "~@/styles/dialogBoxheader.scss"; |
356 | .submit-button { | 362 | .submit-button { |
357 | text-align: center; | 363 | text-align: center; |
358 | height: 52px; | 364 | height: 52px; |
359 | padding-top: 10px; | 365 | padding-top: 10px; |
360 | background-color: #fff; | 366 | background-color: #fff; |
361 | } | 367 | } |
362 | </style> | 368 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-30 10:36:11 | 4 | * @LastEditTime: 2023-08-30 17:18:41 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
... | @@ -22,17 +22,9 @@ | ... | @@ -22,17 +22,9 @@ |
22 | </el-select> | 22 | </el-select> |
23 | </el-form-item> | 23 | </el-form-item> |
24 | </el-form> | 24 | </el-form> |
25 | |||
26 | <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length >1"> | ||
27 | <el-tab-pane :label="item.qlr + (item.bdcqzh !== null ? '(' + item.bdcqzh + ')' : '')" :name="item.bsmBdcqz" | ||
28 | v-for="(item, index) in headTabBdcqz" :key="index"> | ||
29 | </el-tab-pane> | ||
30 | </el-tabs> | ||
31 | <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty> | ||
32 | |||
33 | <div class="zs-content"> | 25 | <div class="zs-content"> |
34 | <canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas> | 26 | <canvas ref="zs" width="1000" v-show="this.formData.bdcqz.bdcqzlx==1" height="700"></canvas> |
35 | <canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas> | 27 | <canvas ref="zm" width="1180" v-show="this.formData.bdcqz.bdcqzlx==2" height="780"></canvas> |
36 | </div> | 28 | </div> |
37 | </div> | 29 | </div> |
38 | <!-- 打印模板需要此模块 --> | 30 | <!-- 打印模板需要此模块 --> |
... | @@ -65,7 +57,6 @@ | ... | @@ -65,7 +57,6 @@ |
65 | return { | 57 | return { |
66 | key: 0, | 58 | key: 0, |
67 | // 不动产证书图片地址 | 59 | // 不动产证书图片地址 |
68 | noData: false, | ||
69 | imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'), | 60 | imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'), |
70 | bdczmSrc: require('@/image/bdcqz/bdczm.jpg'), | 61 | bdczmSrc: require('@/image/bdcqz/bdczm.jpg'), |
71 | loading: false, | 62 | loading: false, |
... | @@ -74,8 +65,6 @@ | ... | @@ -74,8 +65,6 @@ |
74 | ysxlh: [], | 65 | ysxlh: [], |
75 | //列名称对象 | 66 | //列名称对象 |
76 | columns: [], | 67 | columns: [], |
77 | //tab切换栏数组 | ||
78 | headTabBdcqz: [], | ||
79 | //tab选择绑定值 | 68 | //tab选择绑定值 |
80 | activeName: '', | 69 | activeName: '', |
81 | ruleForm: { | 70 | ruleForm: { |
... | @@ -92,11 +81,15 @@ | ... | @@ -92,11 +81,15 @@ |
92 | } | 81 | } |
93 | } | 82 | } |
94 | }, | 83 | }, |
95 | created () { | 84 | mounted () { |
96 | store.dispatch('user/refreshPage', false) | 85 | store.dispatch('user/refreshPage', false) |
97 | this.columns = datas.columns() | 86 | this.columns = datas.columns() |
98 | this.ysxlhList() | 87 | this.ysxlhList() |
99 | this.getHeadTabBdcqz() | 88 | if (this.formData.bdcqz.bdcqzlx == 1) { |
89 | this.drawTextOnImage() | ||
90 | } else { | ||
91 | this.drawTextzmImage() | ||
92 | } | ||
100 | }, | 93 | }, |
101 | methods: { | 94 | methods: { |
102 | /** | 95 | /** |
... | @@ -111,43 +104,6 @@ | ... | @@ -111,43 +104,6 @@ |
111 | }) | 104 | }) |
112 | }, | 105 | }, |
113 | /** | 106 | /** |
114 | * @description: 获取受理申请下全部不动产权证 | ||
115 | * @author: renchao | ||
116 | */ | ||
117 | getHeadTabBdcqz () { | ||
118 | this.loading = true | ||
119 | getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => { | ||
120 | if (res.code == 200) { | ||
121 | this.noData = true | ||
122 | if (res.result && res.result.length > 0) { | ||
123 | this.activeName = res.result[0].bsmBdcqz | ||
124 | this.bdcqz = res.result[0] | ||
125 | this.headTabBdcqz = res.result | ||
126 | if (res.result[0].bdcqzlx == 1) { | ||
127 | this.drawTextOnImage() | ||
128 | } else { | ||
129 | this.drawTextzmImage() | ||
130 | } | ||
131 | } | ||
132 | } | ||
133 | this.loading = false | ||
134 | }) | ||
135 | }, | ||
136 | /** | ||
137 | * @description: tab表头切换方法 | ||
138 | * @param {*} e | ||
139 | * @author: renchao | ||
140 | */ | ||
141 | handleClick (e) { | ||
142 | this.bdcqz = this.headTabBdcqz[e.index - 0] | ||
143 | this.activeName = this.headTabBdcqz.bsmBdcqz | ||
144 | if (this.bdcqz.bdcqzlx == 1) { | ||
145 | this.drawTextOnImage() | ||
146 | } else { | ||
147 | this.drawTextzmImage() | ||
148 | } | ||
149 | }, | ||
150 | /** | ||
151 | * @description: 不动产证书 | 107 | * @description: 不动产证书 |
152 | * @author: renchao | 108 | * @author: renchao |
153 | */ | 109 | */ |
... | @@ -172,25 +128,25 @@ | ... | @@ -172,25 +128,25 @@ |
172 | context.drawImage(image, 0, 0); | 128 | context.drawImage(image, 0, 0); |
173 | context.font = '16px 楷体'; | 129 | context.font = '16px 楷体'; |
174 | context.fillStyle = '#000000'; | 130 | context.fillStyle = '#000000'; |
175 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56); | 131 | context.fillText(this.formData.bdcqz.sjjc ? this.formData.bdcqz.sjjc : '', 60, 56); |
176 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); | 132 | context.fillText(this.formData.bdcqz.djnd ? this.formData.bdcqz.djnd : '', 113, 56); |
177 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56); | 133 | context.fillText(this.formData.bdcqz.sxqc ? this.formData.bdcqz.sxqc : '', 180, 56); |
178 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 370, 56); | 134 | context.fillText(this.formData.bdcqz.sxh ? this.formData.bdcqz.sxh : '', 370, 56); |
179 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 129, 97); | 135 | context.fillText(this.formData.bdcqz.qlr ? this.formData.bdcqz.qlr : '', 129, 97); |
180 | context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 129, 136); | 136 | context.fillText(this.formData.bdcqz.gyqk ? this.formData.bdcqz.gyqk : '', 129, 136); |
181 | 137 | ||
182 | this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + | 138 | this.bdcdyh = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' + |
183 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) | 139 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) |
184 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 129, 223); | 140 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 129, 223); |
185 | 141 | ||
186 | 142 | ||
187 | 143 | ||
188 | context.fillText(this.bdcqz.qllx ? this.bdcqz.qllx : '', 129, 263); | 144 | context.fillText(this.formData.bdcqz.qllx ? this.formData.bdcqz.qllx : '', 129, 263); |
189 | context.fillText(this.bdcqz.qlxz ? this.bdcqz.qlxz : '', 129, 303); | 145 | context.fillText(this.formData.bdcqz.qlxz ? this.formData.bdcqz.qlxz : '', 129, 303); |
190 | context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 129, 346); | 146 | context.fillText(this.formData.bdcqz.yt ? this.formData.bdcqz.yt : '', 129, 346); |
191 | // context.fillText(this.bdcqz.mj ? this.bdcqz.mj : '', 129, 386); | 147 | // context.fillText(this.formData.bdcqz.mj ? this.formData.bdcqz.mj : '', 129, 386); |
192 | let lines6 = this.bdcqz.mj ? this.bdcqz.mj.split(' ') : []; | 148 | let lines6 = this.formData.bdcqz.mj ? this.formData.bdcqz.mj.split(' ') : []; |
193 | if (getByteLen(this.bdcqz.mj) > 41) { | 149 | if (getByteLen(this.formData.bdcqz.mj) > 41) { |
194 | lines6.forEach((line, index) => { | 150 | lines6.forEach((line, index) => { |
195 | const y = 378 + (index * 27); // 每行文本的垂直位置 | 151 | const y = 378 + (index * 27); // 每行文本的垂直位置 |
196 | let currentLine = ''; | 152 | let currentLine = ''; |
... | @@ -233,7 +189,7 @@ | ... | @@ -233,7 +189,7 @@ |
233 | } | 189 | } |
234 | // 权利其他状态 | 190 | // 权利其他状态 |
235 | const maxWidth = 332; // 最大宽度限制 | 191 | const maxWidth = 332; // 最大宽度限制 |
236 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 192 | let lines = this.formData.bdcqz.qlqtzk ? this.formData.bdcqz.qlqtzk.split('\n') : []; |
237 | for (let i = 0; i < lines.length; i++) { | 193 | for (let i = 0; i < lines.length; i++) { |
238 | let num = Math.ceil(getByteLen(lines[i]) / 41) | 194 | let num = Math.ceil(getByteLen(lines[i]) / 41) |
239 | if (getByteLen(lines[i]) > 41) { | 195 | if (getByteLen(lines[i]) > 41) { |
... | @@ -268,7 +224,7 @@ | ... | @@ -268,7 +224,7 @@ |
268 | } | 224 | } |
269 | } | 225 | } |
270 | 226 | ||
271 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; | 227 | let lines1 = this.formData.bdcqz.fj ? this.formData.bdcqz.fj.split('\n') : []; |
272 | lines1.forEach((line, index) => { | 228 | lines1.forEach((line, index) => { |
273 | const y = 100 + (index * 30); // 每行文本的垂直位置 | 229 | const y = 100 + (index * 30); // 每行文本的垂直位置 |
274 | let currentLine = ''; | 230 | let currentLine = ''; |
... | @@ -288,8 +244,8 @@ | ... | @@ -288,8 +244,8 @@ |
288 | context.fillText(line, 580, y + (index * 30)); // 调整行高 | 244 | context.fillText(line, 580, y + (index * 30)); // 调整行高 |
289 | }) | 245 | }) |
290 | }) | 246 | }) |
291 | let lines3 = this.bdcqz.syqx ? this.bdcqz.syqx.split(' ') : []; | 247 | let lines3 = this.formData.bdcqz.syqx ? this.formData.bdcqz.syqx.split(' ') : []; |
292 | if (getByteLen(this.bdcqz.syqx) > 41) { | 248 | if (getByteLen(this.formData.bdcqz.syqx) > 41) { |
293 | lines3.forEach((line, index) => { | 249 | lines3.forEach((line, index) => { |
294 | const y = 423 + (index * 27); // 每行文本的垂直位置 | 250 | const y = 423 + (index * 27); // 每行文本的垂直位置 |
295 | let currentLine = ''; | 251 | let currentLine = ''; |
... | @@ -331,8 +287,8 @@ | ... | @@ -331,8 +287,8 @@ |
331 | }) | 287 | }) |
332 | } | 288 | } |
333 | 289 | ||
334 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; | 290 | let lines2 = this.formData.bdcqz.zl ? this.formData.bdcqz.zl.split(' ') : []; |
335 | if (getByteLen(this.bdcqz.zl) > 41) { | 291 | if (getByteLen(this.formData.bdcqz.zl) > 41) { |
336 | lines2.forEach((line, index) => { | 292 | lines2.forEach((line, index) => { |
337 | const y = 170 + (index * 20); // 每行文本的垂直位置 | 293 | const y = 170 + (index * 20); // 每行文本的垂直位置 |
338 | let currentLine = ''; | 294 | let currentLine = ''; |
... | @@ -403,25 +359,25 @@ | ... | @@ -403,25 +359,25 @@ |
403 | context.font = '16px 楷体'; | 359 | context.font = '16px 楷体'; |
404 | context.fillStyle = '#000000'; | 360 | context.fillStyle = '#000000'; |
405 | // ysxlh | 361 | // ysxlh |
406 | context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712); | 362 | context.fillText(this.formData.bdcqz.ysxlh ? this.formData.bdcqz.ysxlh : '', 280, 712); |
407 | // djsj | 363 | // djsj |
408 | if (this.bdcqz.djsj) { | 364 | if (this.formData.bdcqz.djsj) { |
409 | let djsjList = this.bdcqz.djsj.split(' ')[0].split('/') | 365 | let djsjList = this.formData.bdcqz.djsj.split(' ')[0].split('/') |
410 | context.fillText(djsjList[0] ? djsjList[0] : '', 327, 580); | 366 | context.fillText(djsjList[0] ? djsjList[0] : '', 327, 580); |
411 | context.fillText(djsjList[1] ? djsjList[1] : '', 393, 580); | 367 | context.fillText(djsjList[1] ? djsjList[1] : '', 393, 580); |
412 | context.fillText(djsjList[2] ? djsjList[2] : '', 443, 580); | 368 | context.fillText(djsjList[2] ? djsjList[2] : '', 443, 580); |
413 | } | 369 | } |
414 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); | 370 | context.fillText(this.formData.bdcqz.sjjc ? this.formData.bdcqz.sjjc : '', 620, 125); |
415 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); | 371 | context.fillText(this.formData.bdcqz.djnd ? this.formData.bdcqz.djnd : '', 665, 125); |
416 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); | 372 | context.fillText(this.formData.bdcqz.sxqc ? this.formData.bdcqz.sxqc : '', 750, 125); |
417 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 960, 123); | 373 | context.fillText(this.formData.bdcqz.sxh ? this.formData.bdcqz.sxh : '', 960, 123); |
418 | context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180); | 374 | context.fillText(this.formData.bdcqz.zmqlhsx ? this.formData.bdcqz.zmqlhsx : '', 775, 180); |
419 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228); | 375 | context.fillText(this.formData.bdcqz.qlr ? this.formData.bdcqz.qlr : '', 775, 228); |
420 | // 义务人 | 376 | // 义务人 |
421 | context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275); | 377 | context.fillText(this.formData.bdcqz.ywr ? this.formData.bdcqz.ywr : '', 775, 275); |
422 | // context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 775, 325); | 378 | // context.fillText(this.formData.bdcqz.zl ? this.formData.bdcqz.zl : '', 775, 325); |
423 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; | 379 | let lines2 = this.formData.bdcqz.zl ? this.formData.bdcqz.zl.split(' ') : []; |
424 | if (getByteLen(this.bdcqz.zl) > 41) { | 380 | if (getByteLen(this.formData.bdcqz.zl) > 41) { |
425 | lines2.forEach((line, index) => { | 381 | lines2.forEach((line, index) => { |
426 | const y = 315 + (index * 20); // 每行文本的垂直位置 | 382 | const y = 315 + (index * 20); // 每行文本的垂直位置 |
427 | let currentLine = ''; | 383 | let currentLine = ''; |
... | @@ -463,12 +419,12 @@ | ... | @@ -463,12 +419,12 @@ |
463 | }) | 419 | }) |
464 | } | 420 | } |
465 | // bdcdyh | 421 | // bdcdyh |
466 | this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + | 422 | this.bdcdyh = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' + |
467 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) | 423 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) |
468 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373); | 424 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373); |
469 | // qlqtzk | 425 | // qlqtzk |
470 | const maxWidth = 295; // 最大宽度限制 | 426 | const maxWidth = 295; // 最大宽度限制 |
471 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 427 | let lines = this.formData.bdcqz.qlqtzk ? this.formData.bdcqz.qlqtzk.split('\n') : []; |
472 | for (let i = 0; i < lines.length; i++) { | 428 | for (let i = 0; i < lines.length; i++) { |
473 | let num = Math.ceil(getByteLen(lines[i]) / 41) | 429 | let num = Math.ceil(getByteLen(lines[i]) / 41) |
474 | if (getByteLen(lines[i]) > 41) { | 430 | if (getByteLen(lines[i]) > 41) { |
... | @@ -503,7 +459,7 @@ | ... | @@ -503,7 +459,7 @@ |
503 | } | 459 | } |
504 | } | 460 | } |
505 | // fj | 461 | // fj |
506 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; | 462 | let lines1 = this.formData.bdcqz.fj ? this.formData.bdcqz.fj.split('\n') : []; |
507 | for (let i = 0; i < lines1.length; i++) { | 463 | for (let i = 0; i < lines1.length; i++) { |
508 | let num = Math.ceil(getByteLen(lines1[i]) / 41) | 464 | let num = Math.ceil(getByteLen(lines1[i]) / 41) |
509 | if (getByteLen(lines1[i]) > 41) { | 465 | if (getByteLen(lines1[i]) > 41) { |
... | @@ -560,18 +516,18 @@ | ... | @@ -560,18 +516,18 @@ |
560 | certificate(this.ruleForm).then((res) => { | 516 | certificate(this.ruleForm).then((res) => { |
561 | if (res.code === 200) { | 517 | if (res.code === 200) { |
562 | that.$popupCacel() | 518 | that.$popupCacel() |
563 | if (this.bdcqz.bdcqzlx == 1) { | 519 | if (this.formData.bdcqz.bdcqzlx == 1) { |
564 | getPrintTemplateByCode({ tmpno: 'zsdy' }).then(res => { | 520 | getPrintTemplateByCode({ tmpno: 'zsdy' }).then(res => { |
565 | if (res.code == 200) { | 521 | if (res.code == 200) { |
566 | //打开模板设计 | 522 | //打开模板设计 |
567 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | 523 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); |
568 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 | 524 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 |
569 | 525 | ||
570 | this.bdcqz.bdcdyh1 = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + | 526 | this.formData.bdcqz.bdcdyh1 = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' + |
571 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) | 527 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) |
572 | //todo 调取后端接口获取数据 循环set | 528 | //todo 调取后端接口获取数据 循环set |
573 | for (let key in this.bdcqz) { | 529 | for (let key in this.formData.bdcqz) { |
574 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[key]); | 530 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.formData.bdcqz[key]); |
575 | } | 531 | } |
576 | LODOP.PREVIEW(); | 532 | LODOP.PREVIEW(); |
577 | that.$popupCacel() | 533 | that.$popupCacel() |
... | @@ -587,14 +543,14 @@ | ... | @@ -587,14 +543,14 @@ |
587 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 | 543 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 |
588 | 544 | ||
589 | // 年月日 | 545 | // 年月日 |
590 | this.bdcqz.nian = this.bdcqz.djsj.split(' ')[0].split('/')[0] | 546 | this.formData.bdcqz.nian = this.formData.bdcqz.djsj.split(' ')[0].split('/')[0] |
591 | this.bdcqz.yue = this.bdcqz.djsj.split(' ')[0].split('/')[1] | 547 | this.formData.bdcqz.yue = this.formData.bdcqz.djsj.split(' ')[0].split('/')[1] |
592 | this.bdcqz.ri = this.bdcqz.djsj.split(' ')[0].split('/')[1] | 548 | this.formData.bdcqz.ri = this.formData.bdcqz.djsj.split(' ')[0].split('/')[1] |
593 | this.bdcqz.bdcdyh1 = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + | 549 | this.formData.bdcqz.bdcdyh1 = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' + |
594 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) | 550 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) |
595 | //todo 调取后端接口获取数据 循环set | 551 | //todo 调取后端接口获取数据 循环set |
596 | for (let key in this.bdcqz) { | 552 | for (let key in this.formData.bdcqz) { |
597 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[key]); | 553 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.formData.bdcqz[key]); |
598 | } | 554 | } |
599 | LODOP.PREVIEW(); | 555 | LODOP.PREVIEW(); |
600 | that.$popupCacel() | 556 | that.$popupCacel() | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-30 10:33:52 | 4 | * @LastEditTime: 2023-08-30 17:07:26 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> | 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> |
... | @@ -13,8 +13,8 @@ | ... | @@ -13,8 +13,8 @@ |
13 | </el-tabs> | 13 | </el-tabs> |
14 | <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty> | 14 | <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty> |
15 | <div style="width:1180px;"> | 15 | <div style="width:1180px;"> |
16 | <canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas> | 16 | <canvas ref="zs" width="1000" v-show="this.bdcqz.bdcqzlx==1" height="700"></canvas> |
17 | <canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas> | 17 | <canvas ref="zm" width="1180" v-show="this.bdcqz.bdcqzlx==2" height="780"></canvas> |
18 | </div> | 18 | </div> |
19 | </div> | 19 | </div> |
20 | </template> | 20 | </template> |
... | @@ -93,7 +93,7 @@ | ... | @@ -93,7 +93,7 @@ |
93 | this.activeName = res.result[0].bsmBdcqz | 93 | this.activeName = res.result[0].bsmBdcqz |
94 | this.bdcqz = res.result[0] | 94 | this.bdcqz = res.result[0] |
95 | this.headTabBdcqz = res.result | 95 | this.headTabBdcqz = res.result |
96 | if (res.result[0].bdcqzlx == 1) { | 96 | if (this.bdcqz.bdcqzlx == 1) { |
97 | this.drawTextOnImage() | 97 | this.drawTextOnImage() |
98 | } else { | 98 | } else { |
99 | this.drawTextzmImage() | 99 | this.drawTextzmImage() |
... | @@ -108,9 +108,8 @@ | ... | @@ -108,9 +108,8 @@ |
108 | * @param {*} e | 108 | * @param {*} e |
109 | * @author: renchao | 109 | * @author: renchao |
110 | */ | 110 | */ |
111 | handleClick (e) { | 111 | handleClick (tab, event) { |
112 | this.bdcqz = this.headTabBdcqz[e.index - 0] | 112 | this.bdcqz = this.headTabBdcqz[tab.index] |
113 | this.activeName = this.headTabBdcqz.bsmBdcqz | ||
114 | if (this.bdcqz.bdcqzlx == 1) { | 113 | if (this.bdcqz.bdcqzlx == 1) { |
115 | this.drawTextOnImage() | 114 | this.drawTextOnImage() |
116 | } else { | 115 | } else { |
... | @@ -461,19 +460,20 @@ | ... | @@ -461,19 +460,20 @@ |
461 | arr.push(currentLine); | 460 | arr.push(currentLine); |
462 | if (i > 0) { | 461 | if (i > 0) { |
463 | arr.forEach((line, index) => { | 462 | arr.forEach((line, index) => { |
464 | context.fillText(line, 770, 438 + (23 * (i - 1)) + 5 * num + (index * 18)); // 调整行高 | 463 | context.fillText(line, 770, 428 + (23 * (i - 1)) + 5 * num + (index * 14)); // 调整行高 |
465 | }) | 464 | }) |
466 | } else { | 465 | } else { |
467 | arr.forEach((line, index) => { | 466 | arr.forEach((line, index) => { |
468 | context.fillText(line, 770, 438 + (23 * (i - 1)) + (index * 18)); // 调整行高 | 467 | context.fillText(line, 770, 428 + (23 * (i - 1)) + (index * 14)); // 调整行高 |
469 | }) | 468 | }) |
470 | } | 469 | } |
471 | } else { | 470 | } else { |
472 | if (i > 0) { | 471 | context.fillText(lines[i] ? lines[i] : '', 770, 440 + 4 * num + (22 * (i - 1))); |
473 | context.fillText(lines[i] ? lines[i] : '', 770, 450 + 5 * num + (23 * (i - 1))); | 472 | // if (i > 0) { |
474 | } else { | 473 | // context.fillText(lines[i] ? lines[i] : '', 770, 440 + 5 * num + (23 * (i - 1))); |
475 | context.fillText(lines[i] ? lines[i] : '', 770, 450 + (23 * (i - 1))); | 474 | // } else { |
476 | } | 475 | // context.fillText(lines[i] ? lines[i] : '', 770, 440 + (23 * (i - 1))); |
476 | // } | ||
477 | } | 477 | } |
478 | } | 478 | } |
479 | // fj | 479 | // fj | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-25 09:53:27 | 4 | * @LastEditTime: 2023-08-30 16:03:09 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
... | @@ -66,13 +66,13 @@ | ... | @@ -66,13 +66,13 @@ |
66 | ) | 66 | ) |
67 | } | 67 | } |
68 | }, | 68 | }, |
69 | { | 69 | // { |
70 | label: '身份证读卡器', | 70 | // label: '身份证读卡器', |
71 | align: 'center', | 71 | // align: 'center', |
72 | render: (h, scope) => { | 72 | // render: (h, scope) => { |
73 | return <el-button type="text" icon="el-icon-tickets" disabled={!this.disabled} onClick={() => { this.readClick(scope.row) }}>读取</el-button> | 73 | // return <el-button type="text" icon="el-icon-tickets" disabled={!this.disabled} onClick={() => { this.readClick(scope.row) }}>读取</el-button> |
74 | } | 74 | // } |
75 | }, | 75 | // }, |
76 | { | 76 | { |
77 | prop: "sqrmc", | 77 | prop: "sqrmc", |
78 | label: "姓名/名称" | 78 | label: "姓名/名称" |
... | @@ -124,12 +124,12 @@ | ... | @@ -124,12 +124,12 @@ |
124 | let that = this | 124 | let that = this |
125 | this.$nextTick(() => { | 125 | this.$nextTick(() => { |
126 | if (val.length == 0 || !val) { | 126 | if (val.length == 0 || !val) { |
127 | that.tableDataList = _.cloneDeep([{ | 127 | // that.tableDataList = _.cloneDeep([{ |
128 | sqrmc: '', | 128 | // sqrmc: '', |
129 | dlrzjlx: '', | 129 | // dlrzjlx: '', |
130 | dlrzjh: '', | 130 | // dlrzjh: '', |
131 | fr: '' | 131 | // fr: '' |
132 | }]) | 132 | // }]) |
133 | } else { | 133 | } else { |
134 | that.tableDataList = _.cloneDeep(val) | 134 | that.tableDataList = _.cloneDeep(val) |
135 | } | 135 | } |
... | @@ -174,7 +174,7 @@ | ... | @@ -174,7 +174,7 @@ |
174 | this.$message.error('证件号不能重复'); | 174 | this.$message.error('证件号不能重复'); |
175 | } | 175 | } |
176 | } else { | 176 | } else { |
177 | if (!arr.includes(value.zjh)||this.tableData[this.dataIndex].zjh==value.zjh) { | 177 | if (!arr.includes(value.zjh) || this.tableData[this.dataIndex].zjh == value.zjh) { |
178 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); | 178 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); |
179 | this.$emit('upDateQlrxxList', this.tableDataList) | 179 | this.$emit('upDateQlrxxList', this.tableDataList) |
180 | } else { | 180 | } else { |
... | @@ -207,7 +207,6 @@ | ... | @@ -207,7 +207,6 @@ |
207 | deleClick (index, row) { | 207 | deleClick (index, row) { |
208 | this.tableData.splice(index, 1) | 208 | this.tableData.splice(index, 1) |
209 | }, | 209 | }, |
210 | |||
211 | /** | 210 | /** |
212 | * @description: 身份证读取 | 211 | * @description: 身份证读取 |
213 | * @param {*} row | 212 | * @param {*} row |
... | @@ -244,7 +243,7 @@ | ... | @@ -244,7 +243,7 @@ |
244 | */ | 243 | */ |
245 | editClick (index, row) { | 244 | editClick (index, row) { |
246 | this.details = row | 245 | this.details = row |
247 | this.details.gyfs=this.gyfs | 246 | this.details.gyfs = this.gyfs |
248 | this.dataIndex = index | 247 | this.dataIndex = index |
249 | this.dialog = true | 248 | this.dialog = true |
250 | 249 | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-29 10:03:25 | 4 | * @LastEditTime: 2023-08-30 16:54:26 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="szxx"> | 7 | <div class="szxx"> |
... | @@ -136,7 +136,7 @@ | ... | @@ -136,7 +136,7 @@ |
136 | store.dispatch('user/reWorkFresh', false) | 136 | store.dispatch('user/reWorkFresh', false) |
137 | if (type == 1) { | 137 | if (type == 1) { |
138 | //证书预览 | 138 | //证书预览 |
139 | this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); | 139 | this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); |
140 | } else { | 140 | } else { |
141 | this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); | 141 | this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); |
142 | } | 142 | } | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
3 | * @Autor: ssq | 3 | * @Autor: ssq |
4 | * @LastEditTime: 2023-08-22 16:27:16 | 4 | * @LastEditTime: 2023-08-30 15:47:48 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
... | @@ -11,8 +11,8 @@ | ... | @@ -11,8 +11,8 @@ |
11 | ref="ruleForm" | 11 | ref="ruleForm" |
12 | :label-position="flag ? 'top' : ''" | 12 | :label-position="flag ? 'top' : ''" |
13 | :inline="flag" | 13 | :inline="flag" |
14 | label-width="120px" | 14 | v-Loading="loading" |
15 | > | 15 | label-width="120px"> |
16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
17 | <div class="slxx_title title-block"> | 17 | <div class="slxx_title title-block"> |
18 | 申请业务信息 | 18 | 申请业务信息 |
... | @@ -81,14 +81,12 @@ | ... | @@ -81,14 +81,12 @@ |
81 | <el-select | 81 | <el-select |
82 | disabled | 82 | disabled |
83 | v-model="ruleForm.zdjbxx.mjdw" | 83 | v-model="ruleForm.zdjbxx.mjdw" |
84 | style="width: 20%" | 84 | style="width: 20%"> |
85 | > | ||
86 | <el-option | 85 | <el-option |
87 | v-for="item in dictData['A7']" | 86 | v-for="item in dictData['A7']" |
88 | :key="item.dcode" | 87 | :key="item.dcode" |
89 | :label="item.dname" | 88 | :label="item.dname" |
90 | :value="item.dcode" | 89 | :value="item.dcode"></el-option> |
91 | ></el-option> | ||
92 | </el-select> | 90 | </el-select> |
93 | </div> | 91 | </div> |
94 | </el-form-item> | 92 | </el-form-item> |
... | @@ -124,15 +122,13 @@ | ... | @@ -124,15 +122,13 @@ |
124 | :disabled="!viewEdit" | 122 | :disabled="!viewEdit" |
125 | v-model="ruleForm.fdcq1.fdcjyjg" | 123 | v-model="ruleForm.fdcq1.fdcjyjg" |
126 | style="width: 500%" | 124 | style="width: 500%" |
127 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 125 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
128 | ></el-input> | ||
129 | <el-select :disabled="!viewEdit" v-model="ruleForm.fdcq1.jedw"> | 126 | <el-select :disabled="!viewEdit" v-model="ruleForm.fdcq1.jedw"> |
130 | <el-option | 127 | <el-option |
131 | v-for="item in dictData['A57']" | 128 | v-for="item in dictData['A57']" |
132 | :key="item.dcode" | 129 | :key="item.dcode" |
133 | :label="item.dname" | 130 | :label="item.dname" |
134 | :value="item.dcode" | 131 | :value="item.dcode"></el-option> |
135 | ></el-option> | ||
136 | </el-select> | 132 | </el-select> |
137 | </div> | 133 | </div> |
138 | </el-form-item> | 134 | </el-form-item> |
... | @@ -146,8 +142,7 @@ | ... | @@ -146,8 +142,7 @@ |
146 | v-model="ruleForm.fdcq1.fj" | 142 | v-model="ruleForm.fdcq1.fj" |
147 | type="textarea" | 143 | type="textarea" |
148 | maxlength="500" | 144 | maxlength="500" |
149 | show-word-limit | 145 | show-word-limit></el-input> |
150 | ></el-input> | ||
151 | </el-form-item> | 146 | </el-form-item> |
152 | </el-col> | 147 | </el-col> |
153 | </el-row> | 148 | </el-row> |
... | @@ -157,8 +152,7 @@ | ... | @@ -157,8 +152,7 @@ |
157 | <fdcqxmTable | 152 | <fdcqxmTable |
158 | :ableOperation="viewEdit" | 153 | :ableOperation="viewEdit" |
159 | :tableData="ruleForm.fdcqxm" | 154 | :tableData="ruleForm.fdcqxm" |
160 | @updateFdcwxmList="updateFdcwxmList" | 155 | @updateFdcwxmList="updateFdcwxmList" /> |
161 | /> | ||
162 | <div class="slxx_title title-block"> | 156 | <div class="slxx_title title-block"> |
163 | 土地用途 | 157 | 土地用途 |
164 | <div class="triangle"></div> | 158 | <div class="triangle"></div> |
... | @@ -166,8 +160,7 @@ | ... | @@ -166,8 +160,7 @@ |
166 | <tdytTable | 160 | <tdytTable |
167 | :ableOperation="viewEdit" | 161 | :ableOperation="viewEdit" |
168 | :tableData="ruleForm.tdytqxList" | 162 | :tableData="ruleForm.tdytqxList" |
169 | @upDateTdytxxList="upDateTdytxxList" | 163 | @upDateTdytxxList="upDateTdytxxList" /> |
170 | /> | ||
171 | <div class="slxx_title title-block"> | 164 | <div class="slxx_title title-block"> |
172 | 权利人信息 | 165 | 权利人信息 |
173 | <div class="triangle"></div> | 166 | <div class="triangle"></div> |
... | @@ -177,8 +170,7 @@ | ... | @@ -177,8 +170,7 @@ |
177 | <el-form-item label="共有方式:"> | 170 | <el-form-item label="共有方式:"> |
178 | <el-radio-group | 171 | <el-radio-group |
179 | :disabled="!viewEdit" | 172 | :disabled="!viewEdit" |
180 | v-model="ruleForm.sldy.gyfs" | 173 | v-model="ruleForm.sldy.gyfs"> |
181 | > | ||
182 | <el-radio label="0">单独所有</el-radio> | 174 | <el-radio label="0">单独所有</el-radio> |
183 | <el-radio label="1">共同共有</el-radio> | 175 | <el-radio label="1">共同共有</el-radio> |
184 | <el-radio label="2">按份所有</el-radio> | 176 | <el-radio label="2">按份所有</el-radio> |
... | @@ -191,8 +183,7 @@ | ... | @@ -191,8 +183,7 @@ |
191 | <el-radio-group | 183 | <el-radio-group |
192 | v-model="ruleForm.sldy.sqfbcz" | 184 | v-model="ruleForm.sldy.sqfbcz" |
193 | :disabled="!viewEdit" | 185 | :disabled="!viewEdit" |
194 | @input="updaterow()" | 186 | @input="updaterow()"> |
195 | > | ||
196 | <el-radio :label="1">是</el-radio> | 187 | <el-radio :label="1">是</el-radio> |
197 | <el-radio :label="0">否</el-radio> | 188 | <el-radio :label="0">否</el-radio> |
198 | </el-radio-group> | 189 | </el-radio-group> |
... | @@ -200,20 +191,17 @@ | ... | @@ -200,20 +191,17 @@ |
200 | </el-col> | 191 | </el-col> |
201 | <el-col | 192 | <el-col |
202 | :span="5" | 193 | :span="5" |
203 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" | 194 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
204 | > | ||
205 | <el-form-item label="持证人1:"> | 195 | <el-form-item label="持证人1:"> |
206 | <el-select | 196 | <el-select |
207 | v-model="czr" | 197 | v-model="czr" |
208 | placeholder="持证人" | 198 | placeholder="持证人" |
209 | :disabled="!viewEdit" | 199 | :disabled="!viewEdit"> |
210 | > | ||
211 | <el-option | 200 | <el-option |
212 | v-for="item in czrOptions" | 201 | v-for="item in czrOptions" |
213 | :key="item.zjh" | 202 | :key="item.zjh" |
214 | :label="item.sqrmc" | 203 | :label="item.sqrmc" |
215 | :value="item.zjh" | 204 | :value="item.zjh"></el-option> |
216 | ></el-option> | ||
217 | </el-select> | 205 | </el-select> |
218 | </el-form-item> | 206 | </el-form-item> |
219 | </el-col> | 207 | </el-col> |
... | @@ -222,8 +210,7 @@ | ... | @@ -222,8 +210,7 @@ |
222 | @upDateQlrxxList="upDateQlrxxList" | 210 | @upDateQlrxxList="upDateQlrxxList" |
223 | :disabled="viewEdit" | 211 | :disabled="viewEdit" |
224 | :tableData="ruleForm.qlrList" | 212 | :tableData="ruleForm.qlrList" |
225 | :gyfs="ruleForm.sldy.gyfs" | 213 | :gyfs="ruleForm.sldy.gyfs" /> |
226 | /> | ||
227 | 214 | ||
228 | <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'"> | 215 | <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'"> |
229 | <div class="slxx_title title-block"> | 216 | <div class="slxx_title title-block"> |
... | @@ -235,8 +222,7 @@ | ... | @@ -235,8 +222,7 @@ |
235 | :disabled="viewEdit" | 222 | :disabled="viewEdit" |
236 | @upDateQlrxxList="upDateYwrxxList" | 223 | @upDateQlrxxList="upDateYwrxxList" |
237 | :tableData="ruleForm.ywrList" | 224 | :tableData="ruleForm.ywrList" |
238 | :gyfs="ruleForm.qlxx.gyfs" | 225 | :gyfs="ruleForm.qlxx.gyfs" /> |
239 | /> | ||
240 | </div> | 226 | </div> |
241 | <div class="slxx_title title-block"> | 227 | <div class="slxx_title title-block"> |
242 | 登记原因 | 228 | 登记原因 |
... | @@ -251,8 +237,7 @@ | ... | @@ -251,8 +237,7 @@ |
251 | maxlength="500" | 237 | maxlength="500" |
252 | show-word-limit | 238 | show-word-limit |
253 | :disabled="!viewEdit" | 239 | :disabled="!viewEdit" |
254 | v-model="ruleForm.fdcq1.djyy" | 240 | v-model="ruleForm.fdcq1.djyy"></el-input> |
255 | ></el-input> | ||
256 | </el-form-item> | 241 | </el-form-item> |
257 | </el-col> | 242 | </el-col> |
258 | </el-row> | 243 | </el-row> |
... | @@ -267,15 +252,16 @@ | ... | @@ -267,15 +252,16 @@ |
267 | </div> | 252 | </div> |
268 | </template> | 253 | </template> |
269 | <script> | 254 | <script> |
270 | import ywmix from "@/views/ywbl/mixin/index"; | 255 | import ywmix from "@/views/ywbl/mixin/index"; |
271 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 256 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
272 | import fdcqxmTable from "@/views/workflow/components/fdcqxmTable"; | 257 | import fdcqxmTable from "@/views/workflow/components/fdcqxmTable"; |
273 | import tdytTable from "@/views/workflow/components/tdytTable"; | 258 | import tdytTable from "@/views/workflow/components/tdytTable"; |
274 | import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js"; | 259 | import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js"; |
275 | import { mapGetters } from "vuex"; | 260 | import { mapGetters } from "vuex"; |
276 | export default { | 261 | export default { |
277 | mixins: [ywmix], | 262 | mixins: [ywmix], |
278 | mounted() { | 263 | mounted () { |
264 | this.loading = true | ||
279 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 265 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
280 | this.propsParam = this.$attrs; | 266 | this.propsParam = this.$attrs; |
281 | var formdata = new FormData(); | 267 | var formdata = new FormData(); |
... | @@ -293,6 +279,9 @@ export default { | ... | @@ -293,6 +279,9 @@ export default { |
293 | this.czr = item.sqrmc; | 279 | this.czr = item.sqrmc; |
294 | } | 280 | } |
295 | }); | 281 | }); |
282 | setTimeout(() => { | ||
283 | this.loading = false | ||
284 | }, 200) | ||
296 | //初始化发证方式,1:小证,2:大正 | 285 | //初始化发证方式,1:小证,2:大正 |
297 | this.ruleForm.slsq.fzfs == null | 286 | this.ruleForm.slsq.fzfs == null |
298 | ? (this.ruleForm.slsq.fzfs = "1") | 287 | ? (this.ruleForm.slsq.fzfs = "1") |
... | @@ -305,8 +294,9 @@ export default { | ... | @@ -305,8 +294,9 @@ export default { |
305 | computed: { | 294 | computed: { |
306 | ...mapGetters(["dictData", "flag"]), | 295 | ...mapGetters(["dictData", "flag"]), |
307 | }, | 296 | }, |
308 | data() { | 297 | data () { |
309 | return { | 298 | return { |
299 | loading: false, | ||
310 | disabled: true, | 300 | disabled: true, |
311 | tdytOption: [], | 301 | tdytOption: [], |
312 | czrOptions: [], | 302 | czrOptions: [], |
... | @@ -338,7 +328,7 @@ export default { | ... | @@ -338,7 +328,7 @@ export default { |
338 | }; | 328 | }; |
339 | }, | 329 | }, |
340 | methods: { | 330 | methods: { |
341 | updateFdcwxmList(val) { | 331 | updateFdcwxmList (val) { |
342 | this.ruleForm.fdcqxm && (this.ruleForm.fdcqxm = _.cloneDeep(val)); | 332 | this.ruleForm.fdcqxm && (this.ruleForm.fdcqxm = _.cloneDeep(val)); |
343 | this.key++; | 333 | this.key++; |
344 | }, | 334 | }, |
... | @@ -347,7 +337,7 @@ export default { | ... | @@ -347,7 +337,7 @@ export default { |
347 | * @param {*} val | 337 | * @param {*} val |
348 | * @author: renchao | 338 | * @author: renchao |
349 | */ | 339 | */ |
350 | upDateTdytxxList(val) { | 340 | upDateTdytxxList (val) { |
351 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 341 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
352 | this.key++; | 342 | this.key++; |
353 | }, | 343 | }, |
... | @@ -356,7 +346,7 @@ export default { | ... | @@ -356,7 +346,7 @@ export default { |
356 | * @param {*} val | 346 | * @param {*} val |
357 | * @author: renchao | 347 | * @author: renchao |
358 | */ | 348 | */ |
359 | upDateQlrxxList(val) { | 349 | upDateQlrxxList (val) { |
360 | this.ruleForm.qlrList = _.cloneDeep(val); | 350 | this.ruleForm.qlrList = _.cloneDeep(val); |
361 | this.czrOptions = this.ruleForm.qlrList; | 351 | this.czrOptions = this.ruleForm.qlrList; |
362 | this.key++; | 352 | this.key++; |
... | @@ -368,7 +358,7 @@ export default { | ... | @@ -368,7 +358,7 @@ export default { |
368 | * @param {*} val | 358 | * @param {*} val |
369 | * @author: renchao | 359 | * @author: renchao |
370 | */ | 360 | */ |
371 | updaterow() { | 361 | updaterow () { |
372 | this.czr = ""; | 362 | this.czr = ""; |
373 | }, | 363 | }, |
374 | // 更新权利人信息 | 364 | // 更新权利人信息 |
... | @@ -377,14 +367,14 @@ export default { | ... | @@ -377,14 +367,14 @@ export default { |
377 | * @param {*} val | 367 | * @param {*} val |
378 | * @author: renchao | 368 | * @author: renchao |
379 | */ | 369 | */ |
380 | upDateYwrxxList(val) { | 370 | upDateYwrxxList (val) { |
381 | this.ruleForm.ywrList = _.cloneDeep(val); | 371 | this.ruleForm.ywrList = _.cloneDeep(val); |
382 | }, | 372 | }, |
383 | /** | 373 | /** |
384 | * @description: onSubmit | 374 | * @description: onSubmit |
385 | * @author: renchao | 375 | * @author: renchao |
386 | */ | 376 | */ |
387 | onSubmit() { | 377 | onSubmit () { |
388 | let that = this; | 378 | let that = this; |
389 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | 379 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); |
390 | if (arr.length > 0) { | 380 | if (arr.length > 0) { |
... | @@ -466,55 +456,55 @@ export default { | ... | @@ -466,55 +456,55 @@ export default { |
466 | }); | 456 | }); |
467 | }, | 457 | }, |
468 | }, | 458 | }, |
469 | }; | 459 | }; |
470 | </script> | 460 | </script> |
471 | <style scoped lang="scss"> | 461 | <style scoped lang="scss"> |
472 | @import "~@/styles/public.scss"; | 462 | @import "~@/styles/public.scss"; |
473 | 463 | ||
474 | /deep/.el-form { | 464 | /deep/.el-form { |
475 | display: flex; | 465 | display: flex; |
476 | flex-direction: column; | 466 | flex-direction: column; |
477 | height: calc(100vh - 130px); | 467 | height: calc(100vh - 130px); |
478 | } | 468 | } |
479 | 469 | ||
480 | /deep/.el-form-item__label { | 470 | /deep/.el-form-item__label { |
481 | padding: 0; | 471 | padding: 0; |
482 | } | 472 | } |
483 | 473 | ||
484 | /deep/.el-radio { | 474 | /deep/.el-radio { |
485 | margin-right: 10px; | 475 | margin-right: 10px; |
486 | } | 476 | } |
487 | 477 | ||
488 | /deep/.el-select { | 478 | /deep/.el-select { |
489 | width: 100%; | 479 | width: 100%; |
490 | } | 480 | } |
491 | 481 | ||
492 | /deep/.el-form-item { | 482 | /deep/.el-form-item { |
493 | margin-bottom: 8px; | 483 | margin-bottom: 8px; |
494 | } | 484 | } |
495 | 485 | ||
496 | .marginBot0 { | 486 | .marginBot0 { |
497 | margin-bottom: 0 !important; | 487 | margin-bottom: 0 !important; |
498 | } | 488 | } |
499 | 489 | ||
500 | .slxx { | 490 | .slxx { |
501 | box-sizing: border-box; | 491 | box-sizing: border-box; |
502 | } | 492 | } |
503 | 493 | ||
504 | .slxx_con { | 494 | .slxx_con { |
505 | flex: 1; | 495 | flex: 1; |
506 | height: 100%; | 496 | height: 100%; |
507 | background-color: #ffffff; | 497 | background-color: #ffffff; |
508 | overflow-y: auto; | 498 | overflow-y: auto; |
509 | padding-right: 3px; | 499 | padding-right: 3px; |
510 | overflow-x: hidden; | 500 | overflow-x: hidden; |
511 | } | 501 | } |
512 | 502 | ||
513 | .submit_btn { | 503 | .submit_btn { |
514 | height: 50px; | 504 | height: 50px; |
515 | } | 505 | } |
516 | 506 | ||
517 | .slxx_title { | 507 | .slxx_title { |
518 | border-bottom: 1px solid $borderColor; | 508 | border-bottom: 1px solid $borderColor; |
519 | padding-left: 10px; | 509 | padding-left: 10px; |
520 | padding-bottom: 5px; | 510 | padding-bottom: 5px; |
... | @@ -523,23 +513,23 @@ export default { | ... | @@ -523,23 +513,23 @@ export default { |
523 | font-size: 16px; | 513 | font-size: 16px; |
524 | font-weight: 500; | 514 | font-weight: 500; |
525 | color: #4a4a4a; | 515 | color: #4a4a4a; |
526 | } | 516 | } |
527 | 517 | ||
528 | .btn { | 518 | .btn { |
529 | text-align: center; | 519 | text-align: center; |
530 | padding-top: 10px; | 520 | padding-top: 10px; |
531 | height: 36px; | 521 | height: 36px; |
532 | background-color: #ffffff; | 522 | background-color: #ffffff; |
533 | padding: 5px 0; | 523 | padding: 5px 0; |
534 | } | 524 | } |
535 | 525 | ||
536 | .textArea { | 526 | .textArea { |
537 | /deep/.el-textarea__inner { | 527 | /deep/.el-textarea__inner { |
538 | min-height: 90px !important; | 528 | min-height: 90px !important; |
539 | } | 529 | } |
540 | } | 530 | } |
541 | 531 | ||
542 | /deep/.el-form-item__label { | 532 | /deep/.el-form-item__label { |
543 | padding-bottom: 0px; | 533 | padding-bottom: 0px; |
544 | } | 534 | } |
545 | </style> | 535 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
3 | * @Autor: ssq | 3 | * @Autor: ssq |
4 | * @LastEditTime: 2023-08-30 14:57:39 | 4 | * @LastEditTime: 2023-08-30 15:53:18 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
8 | <el-form | 8 | <el-form |
9 | :model="ruleForm" | 9 | :model="ruleForm" |
10 | :rules="rules" | 10 | :rules="rules" |
11 | v-Loading="loading" | ||
11 | ref="ruleForm" | 12 | ref="ruleForm" |
12 | :label-position="flag ? 'top' : ''" | 13 | :label-position="flag ? 'top' : ''" |
13 | :inline="flag" | 14 | :inline="flag" |
... | @@ -285,6 +286,7 @@ | ... | @@ -285,6 +286,7 @@ |
285 | export default { | 286 | export default { |
286 | mixins: [ywmix], | 287 | mixins: [ywmix], |
287 | mounted () { | 288 | mounted () { |
289 | this.loading = true | ||
288 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 290 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
289 | this.propsParam = this.$attrs; | 291 | this.propsParam = this.$attrs; |
290 | var formdata = new FormData(); | 292 | var formdata = new FormData(); |
... | @@ -307,15 +309,19 @@ | ... | @@ -307,15 +309,19 @@ |
307 | ? (this.ruleForm.slsq.fzfs = "1") | 309 | ? (this.ruleForm.slsq.fzfs = "1") |
308 | : this.ruleForm.slsq.fzfs; | 310 | : this.ruleForm.slsq.fzfs; |
309 | this.czrOptions = this.ruleForm.qlrList; | 311 | this.czrOptions = this.ruleForm.qlrList; |
312 | setTimeout(() => { | ||
313 | this.loading = false | ||
314 | }, 200) | ||
310 | } | 315 | } |
311 | }); | 316 | }) |
312 | }, | 317 | }, |
313 | components: { qlrCommonTable, tdytTable }, | 318 | components: { qlrCommonTable, tdytTable }, |
314 | computed: { | 319 | computed: { |
315 | ...mapGetters(["dictData", "flag"]), | 320 | ...mapGetters(["dictData", "flag"]) |
316 | }, | 321 | }, |
317 | data () { | 322 | data () { |
318 | return { | 323 | return { |
324 | loading: false, | ||
319 | disabled: true, | 325 | disabled: true, |
320 | tdytOption: [], | 326 | tdytOption: [], |
321 | czrOptions: [], | 327 | czrOptions: [], | ... | ... |
... | @@ -4,7 +4,7 @@ | ... | @@ -4,7 +4,7 @@ |
4 | <el-form | 4 | <el-form |
5 | :model="ruleForm" | 5 | :model="ruleForm" |
6 | :rules="rules" | 6 | :rules="rules" |
7 | class="loadingtext" | 7 | v-Loading="loading" |
8 | ref="ruleForm" | 8 | ref="ruleForm" |
9 | :label-position="flag ? 'top' : ''" | 9 | :label-position="flag ? 'top' : ''" |
10 | :inline="flag" | 10 | :inline="flag" |
... | @@ -284,7 +284,7 @@ | ... | @@ -284,7 +284,7 @@ |
284 | mounted () { | 284 | mounted () { |
285 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 285 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
286 | this.propsParam = this.$attrs; | 286 | this.propsParam = this.$attrs; |
287 | this.$startLoading(); | 287 | this.loading = true |
288 | var formdata = new FormData(); | 288 | var formdata = new FormData(); |
289 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 289 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
290 | formdata.append("djlx", this.propsParam.djlx); | 290 | formdata.append("djlx", this.propsParam.djlx); |
... | @@ -293,12 +293,14 @@ | ... | @@ -293,12 +293,14 @@ |
293 | if (res.code === 200 && res.result) { | 293 | if (res.code === 200 && res.result) { |
294 | this.ruleForm = res.result; | 294 | this.ruleForm = res.result; |
295 | this.czrOptions = this.ruleForm.qlrList; | 295 | this.czrOptions = this.ruleForm.qlrList; |
296 | this.$endLoading(); | ||
297 | this.ruleForm.qlrList.forEach((item) => { | 296 | this.ruleForm.qlrList.forEach((item) => { |
298 | if (item.sfczr == 1) { | 297 | if (item.sfczr == 1) { |
299 | this.czr = item.sqrmc | 298 | this.czr = item.sqrmc |
300 | } | 299 | } |
301 | }) | 300 | }) |
301 | setTimeout(() => { | ||
302 | this.loading = false | ||
303 | }, 200) | ||
302 | } | 304 | } |
303 | }) | 305 | }) |
304 | }, | 306 | }, |
... | @@ -308,6 +310,7 @@ | ... | @@ -308,6 +310,7 @@ |
308 | }, | 310 | }, |
309 | data () { | 311 | data () { |
310 | return { | 312 | return { |
313 | loading: false, | ||
311 | mjdw: "1", | 314 | mjdw: "1", |
312 | //表单是否可操作 | 315 | //表单是否可操作 |
313 | viewEdit: true, | 316 | viewEdit: true, | ... | ... |
... | @@ -286,7 +286,7 @@ | ... | @@ -286,7 +286,7 @@ |
286 | import { mapGetters } from "vuex"; | 286 | import { mapGetters } from "vuex"; |
287 | export default { | 287 | export default { |
288 | mixins: [ywmix], | 288 | mixins: [ywmix], |
289 | created () { | 289 | mounted () { |
290 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 290 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
291 | this.propsParam = this.$attrs; | 291 | this.propsParam = this.$attrs; |
292 | var formdata = new FormData(); | 292 | var formdata = new FormData(); |
... | @@ -298,7 +298,6 @@ | ... | @@ -298,7 +298,6 @@ |
298 | formdata.append("isEdit", this.viewEdit); | 298 | formdata.append("isEdit", this.viewEdit); |
299 | Init(formdata).then((res) => { | 299 | Init(formdata).then((res) => { |
300 | if (res.code === 200 && res.result) { | 300 | if (res.code === 200 && res.result) { |
301 | console.log(res.result, 'res.result'); | ||
302 | that.ruleForm = res.result; | 301 | that.ruleForm = res.result; |
303 | this.czrOptions = this.ruleForm.qlrList; | 302 | this.czrOptions = this.ruleForm.qlrList; |
304 | this.ruleForm.qlrList.forEach((item) => { | 303 | this.ruleForm.qlrList.forEach((item) => { |
... | @@ -306,7 +305,9 @@ | ... | @@ -306,7 +305,9 @@ |
306 | this.czr = item.sqrmc; | 305 | this.czr = item.sqrmc; |
307 | } | 306 | } |
308 | }); | 307 | }); |
309 | that.loading = false | 308 | setTimeout(() => { |
309 | this.loading = false | ||
310 | }, 200) | ||
310 | } | 311 | } |
311 | }) | 312 | }) |
312 | }, | 313 | }, | ... | ... |
-
Please register or sign in to post a comment