Merge remote-tracking branch 'origin/dev' into dev
Showing
21 changed files
with
1396 additions
and
756 deletions
1 | /* | 1 | /* |
2 | * @Description: 不动产权证 | 2 | * @Description: 不动产权证 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-16 14:04:18 | 4 | * @LastEditTime: 2023-09-05 13:24:14 |
5 | */ | 5 | */ |
6 | import request from '@/utils/request'; | 6 | import request from '@/utils/request'; |
7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
... | @@ -131,3 +131,13 @@ export function bdcqzPreview (data) { | ... | @@ -131,3 +131,13 @@ export function bdcqzPreview (data) { |
131 | responseType: 'blob' | 131 | responseType: 'blob' |
132 | }) | 132 | }) |
133 | } | 133 | } |
134 | // 获取不动产权证详细信息 | ||
135 | export function getBdcqzDetail (bsmBdcqz) { | ||
136 | return request({ | ||
137 | url: SERVER.SERVERAPI + '/rest/ywbl/bdcqz/getBdcqzDetail', | ||
138 | method: 'get', | ||
139 | params: { | ||
140 | bsmBdcqz: bsmBdcqz | ||
141 | } | ||
142 | }) | ||
143 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -9,11 +9,14 @@ | ... | @@ -9,11 +9,14 @@ |
9 | <el-form | 9 | <el-form |
10 | :model="ruleForm" | 10 | :model="ruleForm" |
11 | :rules="rules" | 11 | :rules="rules" |
12 | v-Loading="loading" | 12 | :class="{ readonly: editDisabled }" |
13 | class="loadingtext" | ||
13 | ref="ruleForm" | 14 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
16 | :show-message="false" | ||
15 | :inline="flag" | 17 | :inline="flag" |
16 | label-width="190px"> | 18 | label-width="190px" |
19 | > | ||
17 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
18 | <div class="slxx_title title-block"> | 21 | <div class="slxx_title title-block"> |
19 | 申请业务信息 | 22 | 申请业务信息 |
... | @@ -42,21 +45,25 @@ | ... | @@ -42,21 +45,25 @@ |
42 | <el-form-item | 45 | <el-form-item |
43 | label="上手权利信息:" | 46 | label="上手权利信息:" |
44 | prop="ssQlxx.bdcqzh" | 47 | prop="ssQlxx.bdcqzh" |
45 | :rules="rules.ssQlxxrules"> | 48 | :rules="rules.ssQlxxrules" |
49 | > | ||
46 | <select-table | 50 | <select-table |
47 | v-model="ruleForm.ssQlxx" | 51 | v-model="ruleForm.ssQlxx" |
48 | :table-width="730" | 52 | :table-width="730" |
49 | :tableData="ssQlxxList" | 53 | :tableData="ssQlxxList" |
50 | :props="props" | 54 | :props="props" |
51 | @change="ssQlxxchange"> | 55 | @change="ssQlxxchange" |
56 | > | ||
52 | <el-table-column | 57 | <el-table-column |
53 | prop="qllxmc" | 58 | prop="qllxmc" |
54 | width="130" | 59 | width="130" |
55 | label="权利类型"></el-table-column> | 60 | label="权利类型" |
61 | ></el-table-column> | ||
56 | <el-table-column | 62 | <el-table-column |
57 | prop="bdcqzh" | 63 | prop="bdcqzh" |
58 | width="160" | 64 | width="160" |
59 | label="不动产权证书"></el-table-column> | 65 | label="不动产权证书" |
66 | ></el-table-column> | ||
60 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 67 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
61 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 68 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
62 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 69 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
... | @@ -76,8 +83,13 @@ | ... | @@ -76,8 +83,13 @@ |
76 | <el-form-item | 83 | <el-form-item |
77 | label="业务号:" | 84 | label="业务号:" |
78 | prop="qlxx.ywh" | 85 | prop="qlxx.ywh" |
79 | :rules="rules.ywhrules"> | 86 | :rules="rules.ywhrules" |
80 | <el-input maxlength="20" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');" v-model="ruleForm.qlxx.ywh"></el-input> | 87 | > |
88 | <el-input | ||
89 | maxlength="20" | ||
90 | onkeyup="this.value=this.value.replace(/[^\w_]/g,'');" | ||
91 | v-model="ruleForm.qlxx.ywh" | ||
92 | ></el-input> | ||
81 | </el-form-item> | 93 | </el-form-item> |
82 | </el-col> | 94 | </el-col> |
83 | <el-col :span="8"> | 95 | <el-col :span="8"> |
... | @@ -96,13 +108,15 @@ | ... | @@ -96,13 +108,15 @@ |
96 | <el-form-item | 108 | <el-form-item |
97 | label="登记类型:" | 109 | label="登记类型:" |
98 | prop="qlxx.djlx" | 110 | prop="qlxx.djlx" |
99 | :rules="rules.djlxrules"> | 111 | :rules="rules.djlxrules" |
112 | > | ||
100 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 113 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
101 | <el-option | 114 | <el-option |
102 | v-for="item in djlxlist" | 115 | v-for="item in djlxlist" |
103 | :key="item.dcode" | 116 | :key="item.dcode" |
104 | :label="item.dname" | 117 | :label="item.dname" |
105 | :value="item.dcode"> | 118 | :value="item.dcode" |
119 | > | ||
106 | </el-option> | 120 | </el-option> |
107 | </el-select> | 121 | </el-select> |
108 | </el-form-item> | 122 | </el-form-item> |
... | @@ -114,35 +128,119 @@ | ... | @@ -114,35 +128,119 @@ |
114 | v-for="item in qsztlist" | 128 | v-for="item in qsztlist" |
115 | :key="item.dcode" | 129 | :key="item.dcode" |
116 | :label="item.dname" | 130 | :label="item.dname" |
117 | :value="item.dcode"> | 131 | :value="item.dcode" |
132 | > | ||
118 | </el-option> | 133 | </el-option> |
119 | </el-select> | 134 | </el-select> |
120 | </el-form-item> | 135 | </el-form-item> |
121 | </el-col> | 136 | </el-col> |
122 | 137 | ||
123 | <el-col :span="8"> | 138 | <el-col :span="8"> |
124 | <el-form-item label="登记原因:"> | 139 | <el-form-item label="发包方"> |
125 | <el-input v-model="ruleForm.jsydsyq.djyy"></el-input> | 140 | <el-input v-model="ruleForm.lq.fbf"></el-input> |
141 | </el-form-item> | ||
142 | </el-col> | ||
143 | <el-col :span="8"> | ||
144 | <el-form-item label="发包方代码"> | ||
145 | <el-input v-model="ruleForm.lq.fbfdm"></el-input> | ||
146 | </el-form-item> | ||
147 | </el-col> | ||
148 | <el-col :span="8"> | ||
149 | <el-form-item label="林地使用(承包)起始时间"> | ||
150 | <el-input v-model="ruleForm.lq.ldsyqssj"></el-input> | ||
151 | </el-form-item> | ||
152 | </el-col> | ||
153 | <el-col :span="8"> | ||
154 | <el-form-item label="林地使用(承包)结束时间"> | ||
155 | <el-input v-model="ruleForm.lq.ldsyjssj"></el-input> | ||
156 | </el-form-item> | ||
157 | </el-col> | ||
158 | <el-col :span="8"> | ||
159 | <el-form-item label="林地使用(承包)期限"> | ||
160 | <el-input v-model="ruleForm.lq.ldsyqx"></el-input> | ||
161 | </el-form-item> | ||
162 | </el-col> | ||
163 | <el-col :span="8"> | ||
164 | <el-form-item label="林地所有权性质"> | ||
165 | <el-input v-model="ruleForm.lq.ldsyqxz"></el-input> | ||
166 | </el-form-item> | ||
167 | </el-col> | ||
168 | <el-col :span="8"> | ||
169 | <el-form-item label="森林类别"> | ||
170 | <el-input v-model="ruleForm.lq.sllb"></el-input> | ||
171 | </el-form-item> | ||
172 | </el-col> | ||
173 | <el-col :span="8"> | ||
174 | <el-form-item label="森林林木所有权人"> | ||
175 | <el-input v-model="ruleForm.lq.sllmsyqr1"></el-input> | ||
176 | </el-form-item> | ||
177 | </el-col> | ||
178 | <el-col :span="8"> | ||
179 | <el-form-item label="森林林木使用权人"> | ||
180 | <el-input v-model="ruleForm.lq.sllmsyqr2"></el-input> | ||
181 | </el-form-item> | ||
182 | </el-col> | ||
183 | <el-col :span="8"> | ||
184 | <el-form-item label="主要树种"> | ||
185 | <el-input v-model="ruleForm.lq.zysz"></el-input> | ||
186 | </el-form-item> | ||
187 | </el-col> | ||
188 | <el-col :span="8"> | ||
189 | <el-form-item label="株数"> | ||
190 | <el-input v-model="ruleForm.lq.sllb"></el-input> | ||
191 | </el-form-item> | ||
192 | </el-col> | ||
193 | <el-col :span="8"> | ||
194 | <el-form-item label="林种"> | ||
195 | <el-input v-model="ruleForm.lq.sllb"></el-input> | ||
196 | </el-form-item> | ||
197 | </el-col> | ||
198 | <el-col :span="8"> | ||
199 | <el-form-item label="起源"> | ||
200 | <el-input v-model="ruleForm.lq.sllb"></el-input> | ||
201 | </el-form-item> | ||
202 | </el-col> | ||
203 | <el-col :span="8"> | ||
204 | <el-form-item label="造林年度"> | ||
205 | <el-input v-model="ruleForm.lq.sllb"></el-input> | ||
206 | </el-form-item> | ||
207 | </el-col> | ||
208 | <el-col :span="8"> | ||
209 | <el-form-item label="林班"> | ||
210 | <el-input v-model="ruleForm.lq.lb"></el-input> | ||
211 | </el-form-item> | ||
212 | </el-col> | ||
213 | <el-col :span="8"> | ||
214 | <el-form-item label="小班"> | ||
215 | <el-input v-model="ruleForm.lq.xb"></el-input> | ||
126 | </el-form-item> | 216 | </el-form-item> |
127 | </el-col> | 217 | </el-col> |
218 | <el-col :span="8"> | ||
219 | <el-form-item label="小地名"> | ||
220 | <el-input v-model="ruleForm.lq.xdm"></el-input> | ||
221 | </el-form-item> | ||
222 | </el-col> | ||
223 | |||
128 | <!-- <el-col :span="8"> | 224 | <!-- <el-col :span="8"> |
129 | <el-form-item label="房地坐落:"> | 225 | <el-form-item label="房地坐落:"> |
130 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | 226 | <el-input v-model="ruleForm.qlxx.zl"></el-input> |
131 | </el-form-item> | 227 | </el-form-item> |
132 | </el-col> --> | 228 | </el-col> --> |
133 | <el-col :span="8"> | 229 | <el-col :span="8"> |
134 | <el-form-item label="使用权面积:"> | 230 | <el-form-item label="使用(承包)面积"> |
135 | <div class="flex"> | 231 | <div class="flex"> |
136 | <el-input | 232 | <el-input |
137 | maxlength="12" | 233 | maxlength="12" |
138 | v-model="ruleForm.jsydsyq.syqmj" | 234 | v-model="ruleForm.lq.syqmj" |
139 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 235 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
236 | ></el-input> | ||
140 | <el-select disabled v-model="mjdw" style="width: 68px"> | 237 | <el-select disabled v-model="mjdw" style="width: 68px"> |
141 | <el-option | 238 | <el-option |
142 | v-for="item in dictData['A7']" | 239 | v-for="item in dictData['A7']" |
143 | :key="item.dcode" | 240 | :key="item.dcode" |
144 | :label="item.dname" | 241 | :label="item.dname" |
145 | :value="item.dcode"> | 242 | :value="item.dcode" |
243 | > | ||
146 | </el-option> | 244 | </el-option> |
147 | </el-select> | 245 | </el-select> |
148 | </div> | 246 | </div> |
... | @@ -150,12 +248,12 @@ | ... | @@ -150,12 +248,12 @@ |
150 | </el-col> | 248 | </el-col> |
151 | <el-col :span="8"> | 249 | <el-col :span="8"> |
152 | <el-form-item label="使用权起止时间:"> | 250 | <el-form-item label="使用权起止时间:"> |
153 | <el-input maxlength="20" v-model="ruleForm.jsydsyq.syqqzsj"></el-input> | 251 | <el-input maxlength="20" v-model="ruleForm.lq.syqqzsj"></el-input> |
154 | </el-form-item> | 252 | </el-form-item> |
155 | </el-col> | 253 | </el-col> |
156 | <el-col :span="8"> | 254 | <el-col :span="8"> |
157 | <el-form-item label="土地使用期限:"> | 255 | <el-form-item label="土地使用期限:"> |
158 | <el-input maxlength="10" v-model="ruleForm.jsydsyq.tdsyqx"></el-input> | 256 | <el-input maxlength="10" v-model="ruleForm.lq.tdsyqx"></el-input> |
159 | </el-form-item> | 257 | </el-form-item> |
160 | </el-col> | 258 | </el-col> |
161 | <el-col :span="8"> | 259 | <el-col :span="8"> |
... | @@ -163,14 +261,16 @@ | ... | @@ -163,14 +261,16 @@ |
163 | <div style="display: flex"> | 261 | <div style="display: flex"> |
164 | <el-input | 262 | <el-input |
165 | maxlength="11" | 263 | maxlength="11" |
166 | v-model="ruleForm.jsydsyq.qdjg" | 264 | v-model="ruleForm.lq.qdjg" |
167 | style="width: 500%"></el-input> | 265 | style="width: 500%" |
168 | <el-select v-model="ruleForm.jsydsyq.jedw"> | 266 | ></el-input> |
267 | <el-select v-model="ruleForm.lq.jedw"> | ||
169 | <el-option | 268 | <el-option |
170 | v-for="item in dictData['A57']" | 269 | v-for="item in dictData['A57']" |
171 | :key="item.dcode" | 270 | :key="item.dcode" |
172 | :label="item.dname" | 271 | :label="item.dname" |
173 | :value="item.dcode"> | 272 | :value="item.dcode" |
273 | > | ||
174 | </el-option> | 274 | </el-option> |
175 | </el-select> | 275 | </el-select> |
176 | </div> | 276 | </div> |
... | @@ -181,7 +281,8 @@ | ... | @@ -181,7 +281,8 @@ |
181 | <el-form-item | 281 | <el-form-item |
182 | label="不动产权证号:" | 282 | label="不动产权证号:" |
183 | prop="qlxx.bdcqzh" | 283 | prop="qlxx.bdcqzh" |
184 | :rules="rules.bdcqzhrules"> | 284 | :rules="rules.bdcqzhrules" |
285 | > | ||
185 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 286 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
186 | </el-form-item> | 287 | </el-form-item> |
187 | </el-col> | 288 | </el-col> |
... | @@ -198,7 +299,8 @@ | ... | @@ -198,7 +299,8 @@ |
198 | <el-form-item | 299 | <el-form-item |
199 | label="登记机构:" | 300 | label="登记机构:" |
200 | prop="qlxx.djjg" | 301 | prop="qlxx.djjg" |
201 | :rules="rules.djjgrules"> | 302 | :rules="rules.djjgrules" |
303 | > | ||
202 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 304 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
203 | </el-form-item> | 305 | </el-form-item> |
204 | </el-col> | 306 | </el-col> |
... | @@ -206,7 +308,8 @@ | ... | @@ -206,7 +308,8 @@ |
206 | <el-form-item | 308 | <el-form-item |
207 | label="登簿人:" | 309 | label="登簿人:" |
208 | prop="qlxx.dbr" | 310 | prop="qlxx.dbr" |
209 | :rules="rules.dbrrules"> | 311 | :rules="rules.dbrrules" |
312 | > | ||
210 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 313 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
211 | </el-form-item> | 314 | </el-form-item> |
212 | </el-col> | 315 | </el-col> |
... | @@ -214,14 +317,16 @@ | ... | @@ -214,14 +317,16 @@ |
214 | <el-form-item | 317 | <el-form-item |
215 | label="登记时间:" | 318 | label="登记时间:" |
216 | prop="qlxx.djsj" | 319 | prop="qlxx.djsj" |
217 | :rules="rules.djsjrules"> | 320 | :rules="rules.djsjrules" |
321 | > | ||
218 | <el-date-picker | 322 | <el-date-picker |
219 | v-model="ruleForm.qlxx.djsj" | 323 | v-model="ruleForm.qlxx.djsj" |
220 | type="date" | 324 | type="date" |
221 | class="width100" | 325 | class="width100" |
222 | placeholder="选择日期" | 326 | placeholder="选择日期" |
223 | value-format="yyyy-MM-dd HH:mm:ss" | 327 | value-format="yyyy-MM-dd HH:mm:ss" |
224 | format="yyyy-MM-dd"> | 328 | format="yyyy-MM-dd" |
329 | > | ||
225 | </el-date-picker> | 330 | </el-date-picker> |
226 | </el-form-item> | 331 | </el-form-item> |
227 | </el-col> | 332 | </el-col> |
... | @@ -229,7 +334,12 @@ | ... | @@ -229,7 +334,12 @@ |
229 | <el-row> | 334 | <el-row> |
230 | <el-col :span="24"> | 335 | <el-col :span="24"> |
231 | <el-form-item label="附记:"> | 336 | <el-form-item label="附记:"> |
232 | <el-input v-model="ruleForm.jsydsyq.fj" type="textarea" maxlength="500" show-word-limit></el-input> | 337 | <el-input |
338 | v-model="ruleForm.lq.fj" | ||
339 | type="textarea" | ||
340 | maxlength="500" | ||
341 | show-word-limit | ||
342 | ></el-input> | ||
233 | </el-form-item> | 343 | </el-form-item> |
234 | </el-col> | 344 | </el-col> |
235 | </el-row> | 345 | </el-row> |
... | @@ -240,7 +350,8 @@ | ... | @@ -240,7 +350,8 @@ |
240 | <tdytTable | 350 | <tdytTable |
241 | :tableData="ruleForm.tdytqxList" | 351 | :tableData="ruleForm.tdytqxList" |
242 | @upDateTdytxxList="upDateTdytxxList" | 352 | @upDateTdytxxList="upDateTdytxxList" |
243 | :ableOperation="ableOperation" /> | 353 | :ableOperation="ableOperation" |
354 | /> | ||
244 | <div class="slxx_title title-block"> | 355 | <div class="slxx_title title-block"> |
245 | 权利人信息 | 356 | 权利人信息 |
246 | <div class="triangle"></div> | 357 | <div class="triangle"></div> |
... | @@ -250,7 +361,8 @@ | ... | @@ -250,7 +361,8 @@ |
250 | <el-form-item label="共有方式:"> | 361 | <el-form-item label="共有方式:"> |
251 | <el-radio-group | 362 | <el-radio-group |
252 | :disabled="!ableOperation" | 363 | :disabled="!ableOperation" |
253 | v-model="ruleForm.qlxx.gyfs"> | 364 | v-model="ruleForm.qlxx.gyfs" |
365 | > | ||
254 | <el-radio label="0">单独所有</el-radio> | 366 | <el-radio label="0">单独所有</el-radio> |
255 | <el-radio label="1">共同共有</el-radio> | 367 | <el-radio label="1">共同共有</el-radio> |
256 | <el-radio label="2">按份所有</el-radio> | 368 | <el-radio label="2">按份所有</el-radio> |
... | @@ -264,7 +376,8 @@ | ... | @@ -264,7 +376,8 @@ |
264 | @upDateQlrxxList="upDateQlrxxList" | 376 | @upDateQlrxxList="upDateQlrxxList" |
265 | :key="key" | 377 | :key="key" |
266 | :ableOperation="ableOperation" | 378 | :ableOperation="ableOperation" |
267 | :gyfs="ruleForm.qlxx.gyfs" /> | 379 | :gyfs="ruleForm.qlxx.gyfs" |
380 | /> | ||
268 | </div> | 381 | </div> |
269 | <el-row class="btn" v-if="ableOperation"> | 382 | <el-row class="btn" v-if="ableOperation"> |
270 | <el-form-item> | 383 | <el-form-item> |
... | @@ -275,161 +388,162 @@ | ... | @@ -275,161 +388,162 @@ |
275 | </div> | 388 | </div> |
276 | </template> | 389 | </template> |
277 | <script> | 390 | <script> |
278 | import { mapGetters } from "vuex"; | 391 | import { mapGetters } from "vuex"; |
279 | import store from "@/store/index.js"; | 392 | import store from "@/store/index.js"; |
280 | import ywmix from "@/views/ywbl/mixin/index"; | 393 | import ywmix from "@/views/ywbl/mixin/index"; |
281 | import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; | 394 | import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
282 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 395 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
283 | import tdytTable from "@/views/workflow/components/tdytTable"; | 396 | import tdytTable from "@/views/workflow/components/tdytTable"; |
284 | import selectTable from "@/components/selectTable/index.vue"; | 397 | import selectTable from "@/components/selectTable/index.vue"; |
285 | export default { | 398 | export default { |
286 | mixins: [ywmix], | 399 | mixins: [ywmix], |
287 | components: { qlrCommonTable, tdytTable, selectTable }, | 400 | components: { qlrCommonTable, tdytTable, selectTable }, |
288 | computed: { | 401 | computed: { |
289 | ...mapGetters(["dictData", "flag"]), | 402 | ...mapGetters(["dictData", "flag"]), |
290 | // 根据流程判断表单是否为只读 | 403 | // 根据流程判断表单是否为只读 |
291 | editDisabled () { | 404 | editDisabled() { |
292 | if (!this.ableOperation) { | 405 | if (!this.ableOperation) { |
293 | //只读状态 | 406 | //只读状态 |
294 | return true; | 407 | return true; |
408 | } | ||
409 | return false; | ||
410 | }, | ||
411 | }, | ||
412 | data() { | ||
413 | return { | ||
414 | mjdw: "1", | ||
415 | ssqlxxshow: true, | ||
416 | props: { | ||
417 | label: "bdcqzh", | ||
418 | value: "bdcdyid", | ||
419 | }, | ||
420 | // 键名转换,方法默认是label和children进行树状渲染 | ||
421 | normalizer(node) { | ||
422 | //方法 | ||
423 | if (node.children == null || node.children == "null") { | ||
424 | delete node.children; | ||
295 | } | 425 | } |
296 | return false; | 426 | return { |
427 | id: node.dcode, | ||
428 | label: node.dname, | ||
429 | }; | ||
297 | }, | 430 | }, |
298 | }, | 431 | //表单是否可操作 |
299 | data () { | 432 | propsParam: this.$attrs, |
300 | return { | 433 | ableOperation: false, |
301 | mjdw: "1", | 434 | key: 0, |
302 | ssqlxxshow: true, | 435 | ssQlxxList: [], |
303 | props: { | 436 | // 登记类型 |
304 | label: "bdcqzh", | 437 | djlxlist: [ |
305 | value: "bdcdyid", | 438 | { |
439 | dcode: "100", | ||
440 | dname: "首次登记", | ||
306 | }, | 441 | }, |
307 | // 键名转换,方法默认是label和children进行树状渲染 | 442 | { |
308 | normalizer (node) { | 443 | dcode: "200", |
309 | //方法 | 444 | dname: "转移登记", |
310 | if (node.children == null || node.children == "null") { | 445 | }, |
311 | delete node.children; | 446 | { |
312 | } | 447 | dcode: "300", |
313 | return { | 448 | dname: "变更登记", |
314 | id: node.dcode, | 449 | }, |
315 | label: node.dname, | 450 | { |
316 | }; | 451 | dcode: "500", |
452 | dname: "更正登记", | ||
317 | }, | 453 | }, |
318 | //表单是否可操作 | ||
319 | propsParam: this.$attrs, | ||
320 | ableOperation: false, | ||
321 | key: 0, | ||
322 | ssQlxxList: [], | ||
323 | // 登记类型 | ||
324 | djlxlist: [ | ||
325 | { | ||
326 | dcode: "100", | ||
327 | dname: "首次登记", | ||
328 | }, | ||
329 | { | ||
330 | dcode: "200", | ||
331 | dname: "转移登记", | ||
332 | }, | ||
333 | { | ||
334 | dcode: "300", | ||
335 | dname: "变更登记", | ||
336 | }, | ||
337 | { | ||
338 | dcode: "500", | ||
339 | dname: "更正登记", | ||
340 | }, | ||
341 | 454 | ||
342 | { | 455 | { |
343 | dcode: "901", | 456 | dcode: "901", |
344 | dname: "补证", | 457 | dname: "补证", |
345 | }, | 458 | }, |
346 | { | 459 | { |
347 | dcode: "902", | 460 | dcode: "902", |
348 | dname: "换证", | 461 | dname: "换证", |
349 | }, | 462 | }, |
463 | ], | ||
464 | // 权属状态 | ||
465 | qsztlist: [ | ||
466 | { | ||
467 | dcode: "1", | ||
468 | dname: "现势", | ||
469 | }, | ||
470 | { | ||
471 | dcode: "2", | ||
472 | dname: "历史", | ||
473 | }, | ||
474 | ], | ||
475 | tdxz: null, | ||
476 | isShow: false, | ||
477 | disabled: true, | ||
478 | czrOptions: [], | ||
479 | ruleForm: {}, | ||
480 | //传递参数\ | ||
481 | rules: { | ||
482 | ssQlxxrules: [ | ||
483 | { required: true, message: "上手权利信息", trigger: "blur" }, | ||
350 | ], | 484 | ], |
351 | // 权属状态 | 485 | bdcqzhrules: [ |
352 | qsztlist: [ | 486 | { required: true, message: "不动产权证号:", trigger: "blur" }, |
353 | { | ||
354 | dcode: "1", | ||
355 | dname: "现势", | ||
356 | }, | ||
357 | { | ||
358 | dcode: "2", | ||
359 | dname: "历史", | ||
360 | }, | ||
361 | ], | 487 | ], |
362 | tdxz: null, | 488 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
363 | isShow: false, | 489 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
364 | disabled: true, | 490 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
365 | czrOptions: [], | 491 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
366 | ruleForm: {}, | 492 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
367 | //传递参数\ | 493 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], |
368 | rules: { | ||
369 | ssQlxxrules: [ | ||
370 | { required: true, message: "上手权利信息", trigger: "blur" }, | ||
371 | ], | ||
372 | bdcqzhrules: [ | ||
373 | { required: true, message: "不动产权证号:", trigger: "blur" }, | ||
374 | ], | ||
375 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | ||
376 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | ||
377 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | ||
378 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | ||
379 | djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }], | ||
380 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | ||
381 | }, | ||
382 | }; | ||
383 | }, | ||
384 | created () { | ||
385 | this.loadData(); | ||
386 | }, | ||
387 | mounted () { | ||
388 | this.ableOperation = this.$parent.ableOperation; | ||
389 | }, | ||
390 | methods: { | ||
391 | /** | ||
392 | * @description: ssQlxxchange | ||
393 | * @param {*} val | ||
394 | * @author: renchao | ||
395 | */ | ||
396 | ssQlxxchange (val) { | ||
397 | this.ruleForm.ssQlxx = val; | ||
398 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
399 | this.ssQlxxchangediolog(val); | ||
400 | }, | 494 | }, |
401 | // 弹框事件 | 495 | }; |
402 | ssQlxxchangediolog (val) { | 496 | }, |
403 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | 497 | created() { |
404 | iconClass: "el-icon-question", //自定义图标样式 | 498 | this.loadData(); |
405 | confirmButtonText: "确认", //确认按钮文字更换 | 499 | }, |
406 | cancelButtonText: "取消", //取消按钮文字更换 | 500 | mounted() { |
407 | showClose: true, //是否显示右上角关闭按钮 | 501 | this.ableOperation = this.$parent.ableOperation; |
408 | type: "warning", | 502 | }, |
409 | }).then(() => { | 503 | methods: { |
504 | /** | ||
505 | * @description: ssQlxxchange | ||
506 | * @param {*} val | ||
507 | * @author: renchao | ||
508 | */ | ||
509 | ssQlxxchange(val) { | ||
510 | this.ruleForm.ssQlxx = val; | ||
511 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
512 | this.ssQlxxchangediolog(val); | ||
513 | }, | ||
514 | // 弹框事件 | ||
515 | ssQlxxchangediolog(val) { | ||
516 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | ||
517 | iconClass: "el-icon-question", //自定义图标样式 | ||
518 | confirmButtonText: "确认", //确认按钮文字更换 | ||
519 | cancelButtonText: "取消", //取消按钮文字更换 | ||
520 | showClose: true, //是否显示右上角关闭按钮 | ||
521 | type: "warning", | ||
522 | }) | ||
523 | .then(() => { | ||
410 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | 524 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { |
411 | if (res.code == 200) { | 525 | if (res.code == 200) { |
412 | this.nowlist = res.result; | 526 | this.nowlist = res.result; |
413 | for (var key in this.ruleForm.jsydsyq) { | 527 | for (var key in this.ruleForm.lq) { |
414 | if ( | 528 | if ( |
415 | this.ruleForm.jsydsyq[key] == "" || | 529 | this.ruleForm.lq[key] == "" || |
416 | this.ruleForm.jsydsyq[key] == null | 530 | this.ruleForm.lq[key] == null |
417 | ) { | 531 | ) { |
418 | this.ruleForm.jsydsyq[key] = this.nowlist.jsydsyq[key]; | 532 | this.ruleForm.lq[key] = this.nowlist.lq[key]; |
419 | } | 533 | } |
420 | } | 534 | } |
421 | for (var key in this.ruleForm.qlxx) { | 535 | for (var key in this.ruleForm.qlxx) { |
422 | if ( | 536 | if ( |
423 | this.ruleForm.qlxx[key] == "" || | 537 | this.ruleForm.qlxx[key] == "" || |
424 | this.ruleForm.qlxx[key] == null && | 538 | (this.ruleForm.qlxx[key] == null && |
425 | key != "ywh" && | 539 | key != "ywh" && |
426 | key != "dbr" && | 540 | key != "dbr" && |
427 | key != "djsj" && | 541 | key != "djsj" && |
428 | key != "ssywh" && | 542 | key != "ssywh" && |
429 | key != "ssywh" && | 543 | key != "ssywh" && |
430 | key != "bdcqzh") { | 544 | key != "bdcqzh") |
545 | ) { | ||
431 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; | 546 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; |
432 | |||
433 | } | 547 | } |
434 | } | 548 | } |
435 | if (!this.ruleForm.tdytqxList.length) { | 549 | if (!this.ruleForm.tdytqxList.length) { |
... | @@ -447,158 +561,160 @@ | ... | @@ -447,158 +561,160 @@ |
447 | }); | 561 | }); |
448 | } | 562 | } |
449 | }); | 563 | }); |
450 | }).catch(() => { | 564 | }) |
565 | .catch(() => { | ||
451 | this.$message({ | 566 | this.$message({ |
452 | type: "info", | 567 | type: "info", |
453 | message: "已取消同步", | 568 | message: "已取消同步", |
454 | }); | 569 | }); |
455 | }); | 570 | }); |
456 | }, | 571 | }, |
457 | /** | 572 | /** |
458 | * @description: djlxchange | 573 | * @description: djlxchange |
459 | * @param {*} val | 574 | * @param {*} val |
460 | * @author: renchao | 575 | * @author: renchao |
461 | */ | 576 | */ |
462 | djlxchange (val) { | 577 | djlxchange(val) { |
463 | if (val == null || val == 100) { | 578 | if (val == null || val == 100) { |
464 | this.ssqlxxshow = false; | 579 | this.ssqlxxshow = false; |
465 | } else { | 580 | } else { |
466 | this.ssqlxxshow = true; | 581 | this.ssqlxxshow = true; |
467 | } | 582 | } |
468 | }, | 583 | }, |
469 | // 字典 | 584 | // 字典 |
470 | /** | 585 | /** |
471 | * @description: 字典 | 586 | * @description: 字典 |
472 | * @param {*} val | 587 | * @param {*} val |
473 | * @author: renchao | 588 | * @author: renchao |
474 | */ | 589 | */ |
475 | getDictData (val) { | 590 | getDictData(val) { |
476 | return store.getters.dictData[val]; | 591 | return store.getters.dictData[val]; |
477 | }, | 592 | }, |
478 | /** | 593 | /** |
479 | * @description: loadData | 594 | * @description: loadData |
480 | * @author: renchao | 595 | * @author: renchao |
481 | */ | 596 | */ |
482 | loadData () { | 597 | loadData() { |
483 | this.$startLoading(); | 598 | this.$startLoading(); |
484 | this.propsParam.isEdit = this.$parent.isEdit; | 599 | this.propsParam.isEdit = this.$parent.isEdit; |
485 | init(this.propsParam).then((res) => { | 600 | init(this.propsParam).then((res) => { |
486 | if (res.code == 200) { | 601 | if (res.code == 200) { |
487 | this.ruleForm = res.result; | 602 | this.ruleForm = res.result; |
488 | let djlx = this.ruleForm.qlxx.djlx; | 603 | let djlx = this.ruleForm.qlxx.djlx; |
489 | if (djlx == null || djlx == 100) { | 604 | if (djlx == null || djlx == 100) { |
490 | this.ssqlxxshow = false; | 605 | this.ssqlxxshow = false; |
491 | } | 606 | } |
492 | this.$endLoading(); | 607 | this.$endLoading(); |
493 | if (this.ruleForm.tdytqxList.length > 0) { | 608 | if (this.ruleForm.tdytqxList.length > 0) { |
494 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; | 609 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; |
495 | } else { | 610 | } else { |
496 | this.tdxz = null; | 611 | this.tdxz = null; |
612 | } | ||
613 | this.isShow = true; | ||
614 | //获取主体信息 | ||
615 | getSsQlxx({ | ||
616 | bdcdyid: this.propsParam.bdcdyid, | ||
617 | qllx: this.propsParam.qllx, | ||
618 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
619 | }).then((res) => { | ||
620 | if (res.code == 200) { | ||
621 | this.ssQlxxList = res.result; | ||
497 | } | 622 | } |
498 | this.isShow = true; | 623 | }); |
499 | //获取主体信息 | 624 | } |
500 | getSsQlxx({ | 625 | }); |
501 | bdcdyid: this.propsParam.bdcdyid, | 626 | }, |
502 | qllx: this.propsParam.qllx, | 627 | /** |
503 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | 628 | * @description: 更新土地用途信息 |
504 | }).then((res) => { | 629 | * @param {*} val |
505 | if (res.code == 200) { | 630 | * @author: renchao |
506 | this.ssQlxxList = res.result; | 631 | */ |
507 | } | 632 | upDateTdytxxList(val) { |
633 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
634 | this.key++; | ||
635 | }, | ||
636 | // 更新权利人信息 | ||
637 | /** | ||
638 | * @description: 更新权利人信息 | ||
639 | * @param {*} val | ||
640 | * @author: renchao | ||
641 | */ | ||
642 | upDateQlrxxList(val) { | ||
643 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
644 | this.czrOptions = this.ruleForm.qlrData; | ||
645 | this.key++; | ||
646 | }, | ||
647 | // 保存 | ||
648 | /** | ||
649 | * @description: onSubmit | ||
650 | * @author: renchao | ||
651 | */ | ||
652 | onSubmit() { | ||
653 | this.$refs.ruleForm.validate((valid) => { | ||
654 | if (valid) { | ||
655 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | ||
656 | if (arr.length > 0) { | ||
657 | this.$message({ | ||
658 | showClose: true, | ||
659 | message: "土地用途不能为空", | ||
660 | type: "error", | ||
508 | }); | 661 | }); |
662 | return false; | ||
509 | } | 663 | } |
510 | }); | 664 | if (this.ruleForm.qlrData.length == 0) { |
511 | }, | 665 | this.$message({ |
512 | /** | 666 | showClose: true, |
513 | * @description: 更新土地用途信息 | 667 | message: "请确认权利人信息", |
514 | * @param {*} val | 668 | type: "error", |
515 | * @author: renchao | 669 | }); |
516 | */ | 670 | return false; |
517 | upDateTdytxxList (val) { | 671 | } |
518 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 672 | if (this.ruleForm.qlxx.gyfs == "0") { |
519 | this.key++; | 673 | if (this.ruleForm.qlrData.length > 1) { |
520 | }, | ||
521 | // 更新权利人信息 | ||
522 | /** | ||
523 | * @description: 更新权利人信息 | ||
524 | * @param {*} val | ||
525 | * @author: renchao | ||
526 | */ | ||
527 | upDateQlrxxList (val) { | ||
528 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
529 | this.czrOptions = this.ruleForm.qlrData; | ||
530 | this.key++; | ||
531 | }, | ||
532 | // 保存 | ||
533 | /** | ||
534 | * @description: onSubmit | ||
535 | * @author: renchao | ||
536 | */ | ||
537 | onSubmit () { | ||
538 | this.$refs.ruleForm.validate((valid) => { | ||
539 | if (valid) { | ||
540 | let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) | ||
541 | if (arr.length > 0) { | ||
542 | this.$message({ | 674 | this.$message({ |
543 | showClose: true, | 675 | showClose: true, |
544 | message: "土地用途不能为空", | 676 | message: "共有方式:单独所有,权利人只能是一个人", |
545 | type: "error", | 677 | type: "error", |
546 | }); | 678 | }); |
547 | return false; | 679 | return false; |
548 | } | 680 | } |
549 | if (this.ruleForm.qlrData.length == 0) { | 681 | } else { |
682 | if (this.ruleForm.qlrData.length <= 1) { | ||
550 | this.$message({ | 683 | this.$message({ |
551 | showClose: true, | 684 | showClose: true, |
552 | message: "请确认权利人信息", | 685 | message: |
686 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
553 | type: "error", | 687 | type: "error", |
554 | }); | 688 | }); |
555 | return false; | 689 | return false; |
556 | } | 690 | } |
557 | if (this.ruleForm.qlxx.gyfs == "0") { | 691 | } |
558 | if (this.ruleForm.qlrData.length > 1) { | 692 | save(this.ruleForm).then((res) => { |
559 | this.$message({ | 693 | if (res.code === 200) { |
560 | showClose: true, | 694 | this.$message({ |
561 | message: "共有方式:单独所有,权利人只能是一个人", | 695 | showClose: true, |
562 | type: "error", | 696 | message: "保存成功!", |
563 | }); | 697 | type: "success", |
564 | return false; | 698 | }); |
565 | } | 699 | this.$parent.changeywh(); |
700 | this.$store.dispatch("user/refreshPage", true); | ||
566 | } else { | 701 | } else { |
567 | if (this.ruleForm.qlrData.length <= 1) { | 702 | this.$message({ |
568 | this.$message({ | 703 | showClose: true, |
569 | showClose: true, | 704 | message: res.message, |
570 | message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | 705 | type: "error", |
571 | type: "error", | 706 | }); |
572 | }); | ||
573 | return false; | ||
574 | } | ||
575 | } | 707 | } |
576 | save(this.ruleForm).then((res) => { | 708 | }); |
577 | if (res.code === 200) { | 709 | } else { |
578 | this.$message({ | 710 | return false; |
579 | showClose: true, | 711 | } |
580 | message: "保存成功!", | 712 | }); |
581 | type: "success", | 713 | }, |
582 | }); | 714 | }, |
583 | this.$parent.changeywh(); | 715 | }; |
584 | this.$store.dispatch("user/refreshPage", true); | ||
585 | } else { | ||
586 | this.$message({ | ||
587 | showClose: true, | ||
588 | message: res.message, | ||
589 | type: "error", | ||
590 | }); | ||
591 | } | ||
592 | }); | ||
593 | } else { | ||
594 | return false; | ||
595 | } | ||
596 | }); | ||
597 | } | ||
598 | } | ||
599 | } | ||
600 | </script> | 716 | </script> |
601 | <style scoped lang="scss"> | 717 | <style scoped lang="scss"> |
602 | @import "~@/styles/public.scss"; | 718 | @import "~@/styles/public.scss"; |
603 | @import "~@/styles/slxx/slxx.scss"; | 719 | @import "~@/styles/slxx/slxx.scss"; |
604 | </style> | 720 | </style> | ... | ... |
... | @@ -51,17 +51,26 @@ | ... | @@ -51,17 +51,26 @@ |
51 | </el-form-item> | 51 | </el-form-item> |
52 | </el-col> | 52 | </el-col> |
53 | <el-col :span="8"> | 53 | <el-col :span="8"> |
54 | <el-form-item label="是否效验土地确权" prop="enabled" v-if="form.sqdjyw"> | ||
55 | <el-radio-group v-model="form.sqdjyw.sfjytd"> | ||
56 | <el-radio label="1">是</el-radio> | ||
57 | <el-radio label="0">否</el-radio> | ||
58 | </el-radio-group> | ||
59 | </el-form-item> | ||
60 | </el-col> | ||
61 | </el-row> | ||
62 | <el-row> | ||
63 | <el-col :span="8"> | ||
54 | <el-form-item label="业务流程ID" prop="flowid" v-if="form.sqdjyw"> | 64 | <el-form-item label="业务流程ID" prop="flowid" v-if="form.sqdjyw"> |
55 | <el-input v-model="form.sqdjyw.flowid"></el-input> | 65 | <el-input v-model="form.sqdjyw.flowid"></el-input> |
56 | </el-form-item> | 66 | </el-form-item> |
57 | </el-col> | 67 | </el-col> |
58 | <el-col :span="24"> | 68 | <el-col :span="16"> |
59 | <el-form-item label="流程参数" prop="flowparams" v-if="form.sqdjyw"> | 69 | <el-form-item label="流程参数" prop="flowparams" v-if="form.sqdjyw"> |
60 | <el-input v-model="form.sqdjyw.flowparams"></el-input> | 70 | <el-input v-model="form.sqdjyw.flowparams"></el-input> |
61 | </el-form-item> | 71 | </el-form-item> |
62 | </el-col> | 72 | </el-col> |
63 | </el-row> | 73 | </el-row> |
64 | |||
65 | <el-row> | 74 | <el-row> |
66 | <el-col :span="8"> | 75 | <el-col :span="8"> |
67 | <el-form-item label="登记原因设置" prop="sfqydjyymb" v-if="form.sqdjyw"> | 76 | <el-form-item label="登记原因设置" prop="sfqydjyymb" v-if="form.sqdjyw"> |
... | @@ -93,7 +102,11 @@ | ... | @@ -93,7 +102,11 @@ |
93 | </el-row> | 102 | </el-row> |
94 | </el-form> | 103 | </el-form> |
95 | <el-collapse class="modifycollapse" accordion> | 104 | <el-collapse class="modifycollapse" accordion> |
96 | <el-collapse-item title="登记情形设置" name="1"> | 105 | <el-collapse-item title="登记类型" name="0" v-if="form.sqdjyw.sqfl=='2'"> |
106 | <lb-table :column="djqxCol" :pagination="false" heightNumSetting :minHeight="160" :data="form.djlx"> | ||
107 | </lb-table> | ||
108 | </el-collapse-item> | ||
109 | <el-collapse-item title="登记情形设置" name="1" v-if="form.sqdjyw.sqfl=='1'"> | ||
97 | <lb-table :column="djqxCol" :pagination="false" heightNumSetting :minHeight="160" :data="form.djqx"> | 110 | <lb-table :column="djqxCol" :pagination="false" heightNumSetting :minHeight="160" :data="form.djqx"> |
98 | </lb-table> | 111 | </lb-table> |
99 | </el-collapse-item> | 112 | </el-collapse-item> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-30 17:33:06 | 4 | * @LastEditTime: 2023-09-05 16:40:43 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
8 | <div class="zsdy-content" v-Loading="loading"> | 8 | <div class="zsdy-content" v-Loading="loading"> |
9 | <el-form | 9 | <el-form |
10 | :model="ruleForm" | 10 | :model="ruleForm" |
11 | :rules="rules" | ||
12 | ref="ruleForm" | 11 | ref="ruleForm" |
13 | label-width="120px"> | 12 | label-width="120px"> |
14 | <el-form-item label="印刷序列号:" prop="ysxlh"> | 13 | <el-form-item label="印刷序列号:" prop="ysxlh"> |
15 | <el-select v-model="ruleForm.ysxlh" placeholder="请选择"> | 14 | <el-row> |
16 | <el-option | 15 | <el-col :span="22"> |
17 | v-for="item in ysxlh" | 16 | <el-select v-model="ruleForm.ysxlh" @change="handleSelect" :disabled="disabled" placeholder="请选择"> |
18 | :key="item.ysxlh" | 17 | <el-option |
19 | :label="item.ysxlh" | 18 | v-for="item in ysxlh" |
20 | :value="item.ysxlh"> | 19 | :key="item.ysxlh" |
21 | </el-option> | 20 | :label="item.ysxlh" |
22 | </el-select> | 21 | :value="item.ysxlh"> |
22 | </el-option> | ||
23 | </el-select> | ||
24 | </el-col> | ||
25 | <el-col :span="2" v-if="this.formData.ysxlh"> | ||
26 | <el-button type="primary" @click="handleZF" v-if="disabled">作废</el-button> | ||
27 | </el-col> | ||
28 | </el-row> | ||
29 | |||
23 | </el-form-item> | 30 | </el-form-item> |
24 | </el-form> | 31 | </el-form> |
25 | <div class="zs-content"> | 32 | <div class="zs-content"> |
26 | <canvas ref="zs" width="1000" v-show="this.formData.bdcqz.bdcqzlx==1" height="700"></canvas> | 33 | <canvas ref="zs" width="1000" v-show="this.formData.bdcqzlx==1" height="700"></canvas> |
27 | <canvas ref="zm" width="1180" v-show="this.formData.bdcqz.bdcqzlx==2" height="780"></canvas> | 34 | <canvas ref="zm" width="1180" v-show="this.formData.bdcqzlx==2" height="780"></canvas> |
28 | </div> | 35 | </div> |
29 | </div> | 36 | </div> |
30 | <!-- 打印模板需要此模块 --> | 37 | <!-- 打印模板需要此模块 --> |
... | @@ -33,8 +40,24 @@ | ... | @@ -33,8 +40,24 @@ |
33 | </object> | 40 | </object> |
34 | <div class="text-center pt-10"> | 41 | <div class="text-center pt-10"> |
35 | <el-button @click="$popupCacel">取消</el-button> | 42 | <el-button @click="$popupCacel">取消</el-button> |
36 | <el-button type="primary" @click="handleSubmit">确定</el-button> | 43 | <el-button type="primary" @click="handlePrint" v-if="disabled">打印</el-button> |
44 | <el-button type="primary" @click="handleSubmit" v-else>确定</el-button> | ||
37 | </div> | 45 | </div> |
46 | |||
47 | <el-dialog title="证书作废" :visible.sync="invalidDiglog" width="40%" :modal-append-to-body="false" top="30vh"> | ||
48 | <div class="invalid-diglog"> | ||
49 | <div class="invalid-title"> | ||
50 | <i class="el-icon-question invalid-icon"></i> | ||
51 | <div class="invalid-body">您确定作废证书并再次打印?印刷序列号{{bdcqz.ysxlh}}</div> | ||
52 | </div> | ||
53 | <div class="invalid-reson">作废原因:</div> | ||
54 | <el-input v-model="zfyy" placeholder="请输入作废原因" type="textarea" :rows="4"></el-input> | ||
55 | <div class="text-center pt-10"> | ||
56 | <el-button @click="closeInvalidDiglog">取 消</el-button> | ||
57 | <el-button type="primary" @click="confirmInvalid">确 定</el-button> | ||
58 | </div> | ||
59 | </div> | ||
60 | </el-dialog> | ||
38 | </div> | 61 | </div> |
39 | </template> | 62 | </template> |
40 | 63 | ||
... | @@ -43,7 +66,7 @@ | ... | @@ -43,7 +66,7 @@ |
43 | import { datas } from "../../javascript/zsyl.js"; | 66 | import { datas } from "../../javascript/zsyl.js"; |
44 | import { getPrintTemplateByCode } from "@/api/print"; | 67 | import { getPrintTemplateByCode } from "@/api/print"; |
45 | import { getLodop } from "@/utils/LodopFuncs" | 68 | import { getLodop } from "@/utils/LodopFuncs" |
46 | import { readYsxlh, certificate, getSlsqBdcqzList } from "@/api/bdcqz.js"; | 69 | import { readYsxlh, certificate, getBdcqzDetail, invalidCertificate } from "@/api/bdcqz.js"; |
47 | export default { | 70 | export default { |
48 | props: { | 71 | props: { |
49 | formData: { | 72 | formData: { |
... | @@ -55,29 +78,28 @@ | ... | @@ -55,29 +78,28 @@ |
55 | }, | 78 | }, |
56 | data () { | 79 | data () { |
57 | return { | 80 | return { |
81 | // 详细信息 | ||
82 | bdcqz: {}, | ||
58 | key: 0, | 83 | key: 0, |
84 | disabled: false, | ||
59 | // 不动产证书图片地址 | 85 | // 不动产证书图片地址 |
60 | imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'), | 86 | imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'), |
61 | bdczmSrc: require('@/image/bdcqz/bdczm.jpg'), | 87 | bdczmSrc: require('@/image/bdcqz/bdczm.jpg'), |
62 | loading: false, | 88 | loading: false, |
63 | bdcqz: [], | ||
64 | //印刷序列号集合 | 89 | //印刷序列号集合 |
65 | ysxlh: [], | 90 | ysxlh: [], |
66 | //列名称对象 | 91 | //列名称对象 |
67 | columns: [], | 92 | columns: [], |
68 | //tab选择绑定值 | 93 | //tab选择绑定值 |
69 | activeName: '', | 94 | activeName: '', |
95 | invalidDiglog: false, | ||
96 | zfyy: "", | ||
70 | ruleForm: { | 97 | ruleForm: { |
71 | bsmBdcqz: "", | 98 | bsmBdcqz: "", |
72 | szmc: "不动产权证书", | 99 | szmc: "不动产权证书", |
73 | bdcqzlx: "", | 100 | bdcqzlx: "", |
74 | szzh: "", | 101 | szzh: "", |
75 | ysxlh: "" | 102 | ysxlh: "" |
76 | }, | ||
77 | rules: { | ||
78 | ysxlh: [ | ||
79 | { required: true, message: "请选择印刷序列号", trigger: "change" } | ||
80 | ] | ||
81 | } | 103 | } |
82 | } | 104 | } |
83 | }, | 105 | }, |
... | @@ -85,24 +107,87 @@ | ... | @@ -85,24 +107,87 @@ |
85 | store.dispatch('user/refreshPage', false) | 107 | store.dispatch('user/refreshPage', false) |
86 | this.columns = datas.columns() | 108 | this.columns = datas.columns() |
87 | this.ysxlhList() | 109 | this.ysxlhList() |
88 | if (this.formData.bdcqz.bdcqzlx == 1) { | 110 | // 获取详细信息 |
89 | this.drawTextOnImage() | 111 | this.getDetail() |
112 | if (this.formData.ysxlh) { | ||
113 | this.disabled = true | ||
90 | } else { | 114 | } else { |
91 | this.drawTextzmImage() | 115 | this.disabled = false |
92 | } | 116 | } |
93 | }, | 117 | }, |
94 | methods: { | 118 | methods: { |
95 | /** | 119 | /** |
120 | * @description: 获取详细信息 | ||
121 | * @author: renchao | ||
122 | */ | ||
123 | getDetail () { | ||
124 | this.loading = true | ||
125 | getBdcqzDetail(this.formData.bsmBdcqz).then(res => { | ||
126 | this.bdcqz = res.result | ||
127 | this.loading = false | ||
128 | if (this.bdcqz.ysxlh) this.ruleForm.ysxlh = this.bdcqz.ysxlh | ||
129 | if (this.bdcqz.bdcqzlx == 1) { | ||
130 | this.drawTextOnImage() | ||
131 | } else { | ||
132 | this.drawTextzmImage() | ||
133 | } | ||
134 | }) | ||
135 | }, | ||
136 | /** | ||
96 | * @description: 获取印刷序列号列表 | 137 | * @description: 获取印刷序列号列表 |
97 | * @author: renchao | 138 | * @author: renchao |
98 | */ | 139 | */ |
99 | ysxlhList () { | 140 | ysxlhList () { |
100 | readYsxlh({ zslx: this.formData.bdcqz.bdcqzlx }).then((res) => { | 141 | readYsxlh({ zslx: this.formData.bdcqzlx }).then((res) => { |
101 | if (res.code === 200) { | 142 | if (res.code === 200) { |
102 | this.ysxlh = res.result; | 143 | this.ysxlh = res.result; |
103 | } | 144 | } |
104 | }) | 145 | }) |
105 | }, | 146 | }, |
147 | handleSelect (val) { | ||
148 | this.bdcqz.ysxlh = this.ruleForm.ysxlh | ||
149 | if (this.bdcqz.bdcqzlx == 1) { | ||
150 | this.drawTextOnImage() | ||
151 | } else { | ||
152 | this.drawTextzmImage() | ||
153 | } | ||
154 | }, | ||
155 | /** | ||
156 | * @description: closeInvalidDiglog | ||
157 | * @author: renchao | ||
158 | */ | ||
159 | closeInvalidDiglog () { | ||
160 | this.zfyy = ""; | ||
161 | this.invalidDiglog = false | ||
162 | }, | ||
163 | handleZF () { | ||
164 | this.invalidDiglog = true | ||
165 | }, | ||
166 | /** | ||
167 | * @description: 作废缮证信息 | ||
168 | * @author: renchao | ||
169 | */ | ||
170 | confirmInvalid () { | ||
171 | store.dispatch('user/reWorkFresh', false) | ||
172 | invalidCertificate({ bsmBdcqz: this.bdcqz.bsmBdcqz, zfyy: this.zfyy }).then((res) => { | ||
173 | if (res.code === 200) { | ||
174 | this.$message.success("作废成功"); | ||
175 | this.disabled = false | ||
176 | this.invalidDiglog = false; | ||
177 | this.zfyy = '' | ||
178 | this.ruleForm.ysxlh = '' | ||
179 | this.bdcqz.ysxlh = '' | ||
180 | if (this.bdcqz.bdcqzlx == 1) { | ||
181 | this.drawTextOnImage() | ||
182 | } else { | ||
183 | this.drawTextzmImage() | ||
184 | } | ||
185 | store.dispatch('user/reWorkFresh', true) | ||
186 | } else { | ||
187 | this.$message.error(res.message); | ||
188 | } | ||
189 | }) | ||
190 | }, | ||
106 | /** | 191 | /** |
107 | * @description: 不动产证书 | 192 | * @description: 不动产证书 |
108 | * @author: renchao | 193 | * @author: renchao |
... | @@ -128,25 +213,24 @@ | ... | @@ -128,25 +213,24 @@ |
128 | context.drawImage(image, 0, 0); | 213 | context.drawImage(image, 0, 0); |
129 | context.font = '16px 楷体'; | 214 | context.font = '16px 楷体'; |
130 | context.fillStyle = '#000000'; | 215 | context.fillStyle = '#000000'; |
131 | context.fillText(this.formData.bdcqz.sjjc ? this.formData.bdcqz.sjjc : '', 60, 56); | 216 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56); |
132 | context.fillText(this.formData.bdcqz.djnd ? this.formData.bdcqz.djnd : '', 113, 56); | 217 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); |
133 | context.fillText(this.formData.bdcqz.sxqc ? this.formData.bdcqz.sxqc : '', 180, 56); | 218 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56); |
134 | context.fillText(this.formData.bdcqz.sxh ? this.formData.bdcqz.sxh : '', 370, 56); | 219 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 370, 56); |
135 | context.fillText(this.formData.bdcqz.qlr ? this.formData.bdcqz.qlr : '', 129, 97); | 220 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 129, 97); |
136 | context.fillText(this.formData.bdcqz.gyqk ? this.formData.bdcqz.gyqk : '', 129, 136); | 221 | context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 129, 136); |
137 | 222 | ||
138 | this.bdcdyh = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' + | 223 | this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + |
139 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) | 224 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) |
140 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 129, 223); | 225 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 129, 223); |
141 | 226 | ||
142 | 227 | ||
143 | 228 | ||
144 | context.fillText(this.formData.bdcqz.qllx ? this.formData.bdcqz.qllx : '', 129, 263); | 229 | context.fillText(this.bdcqz.qllx ? this.bdcqz.qllx : '', 129, 263); |
145 | context.fillText(this.formData.bdcqz.qlxz ? this.formData.bdcqz.qlxz : '', 129, 303); | 230 | context.fillText(this.bdcqz.qlxz ? this.bdcqz.qlxz : '', 129, 303); |
146 | context.fillText(this.formData.bdcqz.yt ? this.formData.bdcqz.yt : '', 129, 346); | 231 | context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 129, 346); |
147 | // context.fillText(this.formData.bdcqz.mj ? this.formData.bdcqz.mj : '', 129, 386); | 232 | let lines6 = this.bdcqz.mj ? this.bdcqz.mj.split(' ') : []; |
148 | let lines6 = this.formData.bdcqz.mj ? this.formData.bdcqz.mj.split(' ') : []; | 233 | if (getByteLen(this.bdcqz.mj) > 41) { |
149 | if (getByteLen(this.formData.bdcqz.mj) > 41) { | ||
150 | lines6.forEach((line, index) => { | 234 | lines6.forEach((line, index) => { |
151 | const y = 378 + (index * 27); // 每行文本的垂直位置 | 235 | const y = 378 + (index * 27); // 每行文本的垂直位置 |
152 | let currentLine = ''; | 236 | let currentLine = ''; |
... | @@ -189,7 +273,7 @@ | ... | @@ -189,7 +273,7 @@ |
189 | } | 273 | } |
190 | // 权利其他状态 | 274 | // 权利其他状态 |
191 | const maxWidth = 332; // 最大宽度限制 | 275 | const maxWidth = 332; // 最大宽度限制 |
192 | let lines = this.formData.bdcqz.qlqtzk ? this.formData.bdcqz.qlqtzk.split('\n') : []; | 276 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; |
193 | for (let i = 0; i < lines.length; i++) { | 277 | for (let i = 0; i < lines.length; i++) { |
194 | let num = Math.ceil(getByteLen(lines[i]) / 41) | 278 | let num = Math.ceil(getByteLen(lines[i]) / 41) |
195 | if (getByteLen(lines[i]) > 41) { | 279 | if (getByteLen(lines[i]) > 41) { |
... | @@ -224,7 +308,7 @@ | ... | @@ -224,7 +308,7 @@ |
224 | } | 308 | } |
225 | } | 309 | } |
226 | 310 | ||
227 | let lines1 = this.formData.bdcqz.fj ? this.formData.bdcqz.fj.split('\n') : []; | 311 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; |
228 | lines1.forEach((line, index) => { | 312 | lines1.forEach((line, index) => { |
229 | const y = 100 + (index * 30); // 每行文本的垂直位置 | 313 | const y = 100 + (index * 30); // 每行文本的垂直位置 |
230 | let currentLine = ''; | 314 | let currentLine = ''; |
... | @@ -244,8 +328,8 @@ | ... | @@ -244,8 +328,8 @@ |
244 | context.fillText(line, 580, y + (index * 30)); // 调整行高 | 328 | context.fillText(line, 580, y + (index * 30)); // 调整行高 |
245 | }) | 329 | }) |
246 | }) | 330 | }) |
247 | let lines3 = this.formData.bdcqz.syqx ? this.formData.bdcqz.syqx.split(' ') : []; | 331 | let lines3 = this.bdcqz.syqx ? this.bdcqz.syqx.split(' ') : []; |
248 | if (getByteLen(this.formData.bdcqz.syqx) > 41) { | 332 | if (getByteLen(this.bdcqz.syqx) > 41) { |
249 | lines3.forEach((line, index) => { | 333 | lines3.forEach((line, index) => { |
250 | const y = 423 + (index * 27); // 每行文本的垂直位置 | 334 | const y = 423 + (index * 27); // 每行文本的垂直位置 |
251 | let currentLine = ''; | 335 | let currentLine = ''; |
... | @@ -287,8 +371,8 @@ | ... | @@ -287,8 +371,8 @@ |
287 | }) | 371 | }) |
288 | } | 372 | } |
289 | 373 | ||
290 | let lines2 = this.formData.bdcqz.zl ? this.formData.bdcqz.zl.split(' ') : []; | 374 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; |
291 | if (getByteLen(this.formData.bdcqz.zl) > 41) { | 375 | if (getByteLen(this.bdcqz.zl) > 41) { |
292 | lines2.forEach((line, index) => { | 376 | lines2.forEach((line, index) => { |
293 | const y = 170 + (index * 20); // 每行文本的垂直位置 | 377 | const y = 170 + (index * 20); // 每行文本的垂直位置 |
294 | let currentLine = ''; | 378 | let currentLine = ''; |
... | @@ -359,25 +443,24 @@ | ... | @@ -359,25 +443,24 @@ |
359 | context.font = '16px 楷体'; | 443 | context.font = '16px 楷体'; |
360 | context.fillStyle = '#000000'; | 444 | context.fillStyle = '#000000'; |
361 | // ysxlh | 445 | // ysxlh |
362 | context.fillText(this.formData.bdcqz.ysxlh ? this.formData.bdcqz.ysxlh : '', 280, 712); | 446 | context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712); |
363 | // djsj | 447 | // djsj |
364 | if (this.formData.bdcqz.djsj) { | 448 | if (this.bdcqz.djsj) { |
365 | let djsjList = this.formData.bdcqz.djsj.split(' ')[0].split('/') | 449 | let djsjList = this.bdcqz.djsj.split(' ')[0].split('/') |
366 | context.fillText(djsjList[0] ? djsjList[0] : '', 327, 580); | 450 | context.fillText(djsjList[0] ? djsjList[0] : '', 327, 580); |
367 | context.fillText(djsjList[1] ? djsjList[1] : '', 393, 580); | 451 | context.fillText(djsjList[1] ? djsjList[1] : '', 393, 580); |
368 | context.fillText(djsjList[2] ? djsjList[2] : '', 443, 580); | 452 | context.fillText(djsjList[2] ? djsjList[2] : '', 443, 580); |
369 | } | 453 | } |
370 | context.fillText(this.formData.bdcqz.sjjc ? this.formData.bdcqz.sjjc : '', 620, 125); | 454 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); |
371 | context.fillText(this.formData.bdcqz.djnd ? this.formData.bdcqz.djnd : '', 665, 125); | 455 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); |
372 | context.fillText(this.formData.bdcqz.sxqc ? this.formData.bdcqz.sxqc : '', 750, 125); | 456 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); |
373 | context.fillText(this.formData.bdcqz.sxh ? this.formData.bdcqz.sxh : '', 960, 123); | 457 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 960, 123); |
374 | context.fillText(this.formData.bdcqz.zmqlhsx ? this.formData.bdcqz.zmqlhsx : '', 775, 180); | 458 | context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180); |
375 | context.fillText(this.formData.bdcqz.qlr ? this.formData.bdcqz.qlr : '', 775, 228); | 459 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228); |
376 | // 义务人 | 460 | // 义务人 |
377 | context.fillText(this.formData.bdcqz.ywr ? this.formData.bdcqz.ywr : '', 775, 275); | 461 | context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275); |
378 | // context.fillText(this.formData.bdcqz.zl ? this.formData.bdcqz.zl : '', 775, 325); | 462 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; |
379 | let lines2 = this.formData.bdcqz.zl ? this.formData.bdcqz.zl.split(' ') : []; | 463 | if (getByteLen(this.bdcqz.zl) > 41) { |
380 | if (getByteLen(this.formData.bdcqz.zl) > 41) { | ||
381 | lines2.forEach((line, index) => { | 464 | lines2.forEach((line, index) => { |
382 | const y = 315 + (index * 20); // 每行文本的垂直位置 | 465 | const y = 315 + (index * 20); // 每行文本的垂直位置 |
383 | let currentLine = ''; | 466 | let currentLine = ''; |
... | @@ -419,15 +502,15 @@ | ... | @@ -419,15 +502,15 @@ |
419 | }) | 502 | }) |
420 | } | 503 | } |
421 | // bdcdyh | 504 | // bdcdyh |
422 | this.bdcdyh = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' + | 505 | this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + |
423 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) | 506 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) |
424 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373); | 507 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373); |
425 | // qlqtzk | 508 | // qlqtzk |
426 | const maxWidth = 295; // 最大宽度限制 | 509 | const maxWidth = 290; // 最大宽度限制 |
427 | let lines = this.formData.bdcqz.qlqtzk ? this.formData.bdcqz.qlqtzk.split('\n') : []; | 510 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; |
428 | for (let i = 0; i < lines.length; i++) { | 511 | for (let i = 0; i < lines.length; i++) { |
429 | let num = Math.ceil(getByteLen(lines[i]) / 41) | 512 | let num = Math.ceil(getByteLen(lines[i]) / 37) |
430 | if (getByteLen(lines[i]) > 41) { | 513 | if (getByteLen(lines[i]) > 37) { |
431 | let currentLine = ''; | 514 | let currentLine = ''; |
432 | let arr = []; | 515 | let arr = []; |
433 | for (let word of lines[i]) { | 516 | for (let word of lines[i]) { |
... | @@ -459,10 +542,10 @@ | ... | @@ -459,10 +542,10 @@ |
459 | } | 542 | } |
460 | } | 543 | } |
461 | // fj | 544 | // fj |
462 | let lines1 = this.formData.bdcqz.fj ? this.formData.bdcqz.fj.split('\n') : []; | 545 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; |
463 | for (let i = 0; i < lines1.length; i++) { | 546 | for (let i = 0; i < lines1.length; i++) { |
464 | let num = Math.ceil(getByteLen(lines1[i]) / 41) | 547 | let num = Math.ceil(getByteLen(lines1[i]) / 37) |
465 | if (getByteLen(lines1[i]) > 41) { | 548 | if (getByteLen(lines1[i]) > 37) { |
466 | let currentLine = ''; | 549 | let currentLine = ''; |
467 | let arr = []; | 550 | let arr = []; |
468 | for (let word of lines1[i]) { | 551 | for (let word of lines1[i]) { |
... | @@ -494,77 +577,87 @@ | ... | @@ -494,77 +577,87 @@ |
494 | } | 577 | } |
495 | } | 578 | } |
496 | } | 579 | } |
497 | |||
498 | image.src = this.bdczmSrc; | 580 | image.src = this.bdczmSrc; |
499 | }, | 581 | }, |
500 | /** | 582 | // 打印 |
501 | * @description: handleSubmit | 583 | handlePrint () { |
502 | * @author: renchao | 584 | if (this.ruleForm.ysxlh == '') { |
503 | */ | 585 | this.$message.error('请选择印刷序列号'); |
504 | handleSubmit () { | 586 | return; |
505 | this.savePrintRecord() | 587 | } |
588 | store.dispatch('user/reWorkFresh', false) | ||
589 | let that = this | ||
590 | if (this.bdcqz.bdcqzlx == 1) { | ||
591 | getPrintTemplateByCode({ tmpno: 'zsdy' }).then(resInfo => { | ||
592 | if (resInfo.code == 200) { | ||
593 | //打开模板设计 | ||
594 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
595 | LODOP.ADD_PRINT_DATA("ProgramData", resInfo.result.tmpcontent); //装载模板 | ||
596 | |||
597 | this.bdcqz.bdcdyh1 = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + | ||
598 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) | ||
599 | //todo 调取后端接口获取数据 循环set | ||
600 | for (let key in this.bdcqz) { | ||
601 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[key]); | ||
602 | } | ||
603 | LODOP.PREVIEW(); | ||
604 | } else { | ||
605 | this.$message.error(resInfo.message) | ||
606 | } | ||
607 | that.$popupCacel() | ||
608 | //刷新列表 | ||
609 | store.dispatch('user/reWorkFresh', true) | ||
610 | }) | ||
611 | } else { | ||
612 | getPrintTemplateByCode({ tmpno: 'zmdy' }).then(resInfo => { | ||
613 | if (resInfo.code == 200) { | ||
614 | //打开模板设计 | ||
615 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
616 | LODOP.ADD_PRINT_DATA("ProgramData", resInfo.result.tmpcontent); //装载模板 | ||
617 | |||
618 | // 年月日 | ||
619 | this.bdcqz.nian = this.bdcqz.djsj.split(' ')[0].split('/')[0] | ||
620 | this.bdcqz.yue = this.bdcqz.djsj.split(' ')[0].split('/')[1] | ||
621 | this.bdcqz.ri = this.bdcqz.djsj.split(' ')[0].split('/')[1] | ||
622 | this.bdcqz.bdcdyh1 = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + | ||
623 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) | ||
624 | //todo 调取后端接口获取数据 循环set | ||
625 | for (let key in this.bdcqz) { | ||
626 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[key]); | ||
627 | } | ||
628 | LODOP.PREVIEW(); | ||
629 | } else { | ||
630 | this.$message.error(resInfo.message) | ||
631 | } | ||
632 | that.$popupCacel() | ||
633 | //刷新列表 | ||
634 | store.dispatch('user/reWorkFresh', true) | ||
635 | }) | ||
636 | } | ||
506 | }, | 637 | }, |
507 | /** | 638 | /** |
508 | * @description: 保存打印记录 | 639 | * @description: 保存打印记录 |
509 | * @author: renchao | 640 | * @author: renchao |
510 | */ | 641 | */ |
511 | savePrintRecord () { | 642 | handleSubmit () { |
512 | let that = this | 643 | let that = this |
513 | this.ruleForm.bsmBdcqz = this.formData.bdcqz.bsmBdcqz; | 644 | if (this.ruleForm.ysxlh == '') { |
514 | this.ruleForm.bdcqzlx = this.formData.bdcqz.bdcqzlx; | 645 | this.$message.error('请选择印刷序列号'); |
515 | this.ruleForm.szzh = this.formData.bdcqz.bdcqzh; | 646 | return; |
647 | } | ||
648 | store.dispatch('user/reWorkFresh', false) | ||
649 | this.ruleForm.bsmBdcqz = this.bdcqz.bsmBdcqz; | ||
650 | this.ruleForm.bdcqzlx = this.bdcqz.bdcqzlx; | ||
651 | this.ruleForm.szzh = this.bdcqz.bdcqzh; | ||
652 | this.bdcqz.ysxlh = this.ruleForm.ysxlh | ||
516 | certificate(this.ruleForm).then((res) => { | 653 | certificate(this.ruleForm).then((res) => { |
517 | if (res.code === 200) { | 654 | if (res.code === 200) { |
518 | that.$popupCacel() | 655 | that.$popupCacel() |
519 | if (this.formData.bdcqz.bdcqzlx == 1) { | 656 | this.handlePrint() |
520 | getPrintTemplateByCode({ tmpno: 'zsdy' }).then(res => { | ||
521 | if (res.code == 200) { | ||
522 | //打开模板设计 | ||
523 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
524 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 | ||
525 | |||
526 | this.formData.bdcqz.bdcdyh1 = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' + | ||
527 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) | ||
528 | //todo 调取后端接口获取数据 循环set | ||
529 | for (let key in this.formData.bdcqz) { | ||
530 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.formData.bdcqz[key]); | ||
531 | } | ||
532 | LODOP.PREVIEW(); | ||
533 | that.$popupCacel() | ||
534 | } else { | ||
535 | this.$message.error(res.message) | ||
536 | } | ||
537 | }) | ||
538 | } else { | ||
539 | getPrintTemplateByCode({ tmpno: 'zmdy' }).then(res => { | ||
540 | if (res.code == 200) { | ||
541 | //打开模板设计 | ||
542 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
543 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 | ||
544 | |||
545 | // 年月日 | ||
546 | this.formData.bdcqz.nian = this.formData.bdcqz.djsj.split(' ')[0].split('/')[0] | ||
547 | this.formData.bdcqz.yue = this.formData.bdcqz.djsj.split(' ')[0].split('/')[1] | ||
548 | this.formData.bdcqz.ri = this.formData.bdcqz.djsj.split(' ')[0].split('/')[1] | ||
549 | this.formData.bdcqz.bdcdyh1 = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' + | ||
550 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) | ||
551 | //todo 调取后端接口获取数据 循环set | ||
552 | for (let key in this.formData.bdcqz) { | ||
553 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.formData.bdcqz[key]); | ||
554 | } | ||
555 | LODOP.PREVIEW(); | ||
556 | that.$popupCacel() | ||
557 | } else { | ||
558 | this.$message.error(res.message) | ||
559 | } | ||
560 | }) | ||
561 | } | ||
562 | |||
563 | //刷新列表 | ||
564 | store.dispatch('user/reWorkFresh', true) | ||
565 | } else { | 657 | } else { |
566 | this.$message.error(res.message) | 658 | this.$message.error(res.message) |
567 | } | 659 | } |
660 | store.dispatch('user/reWorkFresh', true) | ||
568 | }) | 661 | }) |
569 | } | 662 | } |
570 | } | 663 | } |
... | @@ -579,4 +672,36 @@ | ... | @@ -579,4 +672,36 @@ |
579 | .zs-content { | 672 | .zs-content { |
580 | text-align: center; | 673 | text-align: center; |
581 | } | 674 | } |
675 | .invalid-diglog { | ||
676 | padding-bottom: 20px; | ||
677 | font-size: 16px; | ||
678 | font-weight: bold; | ||
679 | color: rgb(99, 99, 99); | ||
680 | |||
681 | .invalid-title { | ||
682 | display: flex; | ||
683 | align-content: center; | ||
684 | |||
685 | .invalid-icon { | ||
686 | color: rgb(254, 148, 0); | ||
687 | font-size: 34px; | ||
688 | margin-right: 10px; | ||
689 | } | ||
690 | |||
691 | .invalid-body { | ||
692 | line-height: 40px; | ||
693 | margin-bottom: 10px; | ||
694 | } | ||
695 | } | ||
696 | |||
697 | .invalid-reson { | ||
698 | margin-bottom: 10px; | ||
699 | } | ||
700 | |||
701 | .dialog-footer { | ||
702 | margin-top: 10px; | ||
703 | display: flex; | ||
704 | justify-content: flex-end; | ||
705 | } | ||
706 | } | ||
582 | </style> | 707 | </style> | ... | ... |
src/views/workflow/components/sdqxx.vue
0 → 100644
src/views/workflow/components/sfxx.vue
0 → 100644
src/views/workflow/components/swxx.vue
0 → 100644
1 | <template> | ||
2 | <div class="slxx swxx"> | ||
3 | <el-form | ||
4 | :model="ruleForm" | ||
5 | ref="ruleForm" | ||
6 | v-Loading="loading" | ||
7 | :label-position="flag ? 'top' : ''" | ||
8 | :inline="flag" | ||
9 | label-width="120px"> | ||
10 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | ||
11 | <div class="slxx_title title-block"> | ||
12 | 不动产信息 | ||
13 | <div class="triangle"></div> | ||
14 | </div> | ||
15 | <el-row :gutter="10"> | ||
16 | <el-col :span="8"> | ||
17 | <el-form-item label="不动产单元号:"> | ||
18 | <el-input disabled v-model="ruleForm.bdcdyh"></el-input> | ||
19 | </el-form-item> | ||
20 | </el-col> | ||
21 | <el-col :span="8"> | ||
22 | <el-form-item label="原产证号:"> | ||
23 | <el-input disabled v-model="ruleForm.yfczh"></el-input> | ||
24 | </el-form-item> | ||
25 | </el-col> | ||
26 | <el-col :span="8"> | ||
27 | <el-form-item label="面积(m3):"> | ||
28 | <el-input disabled v-model="ruleForm.mj"></el-input> | ||
29 | </el-form-item> | ||
30 | </el-col> | ||
31 | </el-row> | ||
32 | <el-row :gutter="10"> | ||
33 | <el-col :span="8"> | ||
34 | <el-form-item label="权利类型:"> | ||
35 | <el-input disabled v-model="ruleForm.qllxmc"></el-input> | ||
36 | </el-form-item> | ||
37 | </el-col> | ||
38 | <el-col :span="8"> | ||
39 | <el-form-item label="用途:"> | ||
40 | <el-input disabled v-model="ruleForm.yt"></el-input> | ||
41 | </el-form-item> | ||
42 | </el-col> | ||
43 | <el-col :span="8"> | ||
44 | <el-form-item label="坐落:"> | ||
45 | <el-input disabled v-model="ruleForm.zl"></el-input> | ||
46 | </el-form-item> | ||
47 | </el-col> | ||
48 | </el-row> | ||
49 | <div class="slxx_title title-block"> | ||
50 | 买方信息 | ||
51 | <div class="triangle"></div> | ||
52 | </div> | ||
53 | <lb-table :column="column" :pagination="false" :heightNumSetting="true" | ||
54 | :data="ruleForm.tableDataList"> | ||
55 | </lb-table> | ||
56 | <div class="slxx_title title-block"> | ||
57 | 卖方信息 | ||
58 | <div class="triangle"></div> | ||
59 | </div> | ||
60 | <lb-table :column="column1" :pagination="false" :heightNumSetting="true" | ||
61 | :data="ruleForm.tableDataList"> | ||
62 | </lb-table> | ||
63 | <div class="slxx_title title-block"> | ||
64 | 合同信息 | ||
65 | <div class="triangle"></div> | ||
66 | </div> | ||
67 | <el-row :gutter="10"> | ||
68 | <el-col :span="8"> | ||
69 | <el-form-item label="合同编号:"> | ||
70 | <el-input v-model="ruleForm.htbh"></el-input> | ||
71 | </el-form-item> | ||
72 | </el-col> | ||
73 | <el-col :span="8"> | ||
74 | <el-form-item label="合同金额(万元):"> | ||
75 | <el-input v-model="ruleForm.htje"></el-input> | ||
76 | </el-form-item> | ||
77 | </el-col> | ||
78 | <el-col :span="8"> | ||
79 | <el-form-item label="签订时间:"> | ||
80 | <el-date-picker | ||
81 | class="width100" | ||
82 | v-model="ruleForm.qdsj" | ||
83 | type="date" | ||
84 | placeholder="选择日期" | ||
85 | value-format="yyyy-MM-dd HH:mm:ss" | ||
86 | format="yyyy-MM-dd"> | ||
87 | </el-date-picker> | ||
88 | </el-form-item> | ||
89 | </el-col> | ||
90 | </el-row> | ||
91 | <div class="slxx_title title-block"> | ||
92 | 缴税信息 | ||
93 | <div class="triangle"></div> | ||
94 | </div> | ||
95 | <lb-table :column="column2" :pagination="false" :heightNumSetting="true" | ||
96 | :data="ruleForm.tableDataList"> | ||
97 | </lb-table> | ||
98 | </div> | ||
99 | <el-row class="btn" v-if="viewEdit"> | ||
100 | <el-form-item> | ||
101 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
102 | </el-form-item> | ||
103 | </el-row> | ||
104 | </el-form> | ||
105 | </div> | ||
106 | </template> | ||
107 | <script> | ||
108 | import { mapGetters } from "vuex"; | ||
109 | export default { | ||
110 | computed: { | ||
111 | ...mapGetters(["dictData", "flag"]), | ||
112 | }, | ||
113 | mounted () { | ||
114 | // this.loading = true | ||
115 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | ||
116 | this.propsParam = this.$attrs; | ||
117 | var formdata = new FormData(); | ||
118 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
119 | formdata.append("djlx", this.propsParam.djlx); | ||
120 | formdata.append("isEdit", this.viewEdit); | ||
121 | // Init(formdata).then((res) => { | ||
122 | // if (res.code === 200 && res.result) { | ||
123 | // } | ||
124 | // }); | ||
125 | }, | ||
126 | data () { | ||
127 | return { | ||
128 | loading: false, | ||
129 | //表单是否可操作 | ||
130 | viewEdit: false, | ||
131 | column: [ | ||
132 | { | ||
133 | prop: "qlrxm", | ||
134 | label: "权利人姓名" | ||
135 | }, | ||
136 | { | ||
137 | prop: "gyqk", | ||
138 | label: "共有情况" | ||
139 | }, | ||
140 | { | ||
141 | prop: "zjzl", | ||
142 | label: "身份证号种类" | ||
143 | }, | ||
144 | { | ||
145 | prop: "zjhm", | ||
146 | label: "证件号码" | ||
147 | }, | ||
148 | ], | ||
149 | column1: [{ | ||
150 | prop: "ywrxm", | ||
151 | label: "义务人姓名" | ||
152 | }, | ||
153 | { | ||
154 | prop: "zjzl", | ||
155 | label: "身份证号种类" | ||
156 | }, | ||
157 | { | ||
158 | prop: "zjhm", | ||
159 | label: "证件号码" | ||
160 | }], | ||
161 | column2: [{ | ||
162 | type: 'index', | ||
163 | label: "序号", | ||
164 | width: '50' | ||
165 | }, | ||
166 | { | ||
167 | prop: "nsr", | ||
168 | label: "纳税人" | ||
169 | }, | ||
170 | { | ||
171 | prop: "sz", | ||
172 | label: "税种" | ||
173 | }, | ||
174 | { | ||
175 | prop: "jsyj", | ||
176 | label: "计税依据" | ||
177 | }, | ||
178 | { | ||
179 | prop: "sl", | ||
180 | label: "税率" | ||
181 | }, | ||
182 | { | ||
183 | prop: "jsje", | ||
184 | label: "计税金额" | ||
185 | }], | ||
186 | ruleForm: { | ||
187 | tableDataList: [] | ||
188 | } | ||
189 | } | ||
190 | }, | ||
191 | methods: { | ||
192 | onSubmit () { } | ||
193 | } | ||
194 | } | ||
195 | </script> | ||
196 | <style scoped lang="scss"> | ||
197 | @import "~@/styles/public.scss"; | ||
198 | @import "~@/styles/slxx/slxx.scss"; | ||
199 | </style> |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-04 17:12:05 | 4 | * @LastEditTime: 2023-09-05 14:28:25 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="szxx"> | 7 | <div class="szxx"> |
... | @@ -55,28 +55,14 @@ | ... | @@ -55,28 +55,14 @@ |
55 | </div> | 55 | </div> |
56 | </div> | 56 | </div> |
57 | </el-card> | 57 | </el-card> |
58 | <el-dialog title="证书作废" :visible.sync="invalidDiglog" width="30%" :modal-append-to-body="false" top="30vh"> | 58 | |
59 | <div class="invalid-diglog"> | ||
60 | <div class="invalid-title"> | ||
61 | <i class="el-icon-question invalid-icon"></i> | ||
62 | <div class="invalid-body">您确定作废证书并再次打印?印刷序列号{{ysxlh}}</div> | ||
63 | </div> | ||
64 | <div class="invalid-reson">作废原因:</div> | ||
65 | <el-input v-model="zfyy" placeholder="请输入作废原因" type="textarea" :rows="4"></el-input> | ||
66 | <div class="text-center pt-10"> | ||
67 | <el-button @click="closeInvalidDiglog">取 消</el-button> | ||
68 | <el-button type="primary" @click="confirmInvalid">确 定</el-button> | ||
69 | </div> | ||
70 | </div> | ||
71 | </el-dialog> | ||
72 | <el-empty description="暂无数据" v-if="tableData.length == 0"></el-empty> | 59 | <el-empty description="暂无数据" v-if="tableData.length == 0"></el-empty> |
73 | </div> | 60 | </div> |
74 | </template> | 61 | </template> |
75 | <script> | 62 | <script> |
76 | import { mapGetters } from 'vuex' | 63 | import { mapGetters } from 'vuex' |
77 | import store from '@/store/index.js' | 64 | import store from '@/store/index.js' |
78 | import { getPrintTemplateByCode } from "@/api/print"; | 65 | import { getSlsqBdcqzList } from "@/api/bdcqz.js"; |
79 | import { getSlsqBdcqzList, invalidCertificate } from "@/api/bdcqz.js"; | ||
80 | export default { | 66 | export default { |
81 | props: {}, | 67 | props: {}, |
82 | data () { | 68 | data () { |
... | @@ -86,13 +72,8 @@ | ... | @@ -86,13 +72,8 @@ |
86 | dialog: false, | 72 | dialog: false, |
87 | tableData: [], | 73 | tableData: [], |
88 | bdcqzlx: 1, | 74 | bdcqzlx: 1, |
89 | bdcqz: {}, | 75 | bdcqz: {} |
90 | zfyy: "", | 76 | } |
91 | invalidDiglog: false, | ||
92 | bsmSz: "", | ||
93 | bsmBdcqz: "", | ||
94 | ysxlh: "" | ||
95 | }; | ||
96 | }, | 77 | }, |
97 | computed: { | 78 | computed: { |
98 | ...mapGetters(['workFresh']) | 79 | ...mapGetters(['workFresh']) |
... | @@ -100,6 +81,7 @@ | ... | @@ -100,6 +81,7 @@ |
100 | watch: { | 81 | watch: { |
101 | workFresh: { | 82 | workFresh: { |
102 | handler (newVal, oldVal) { | 83 | handler (newVal, oldVal) { |
84 | console.log(newVal, 'newVal'); | ||
103 | if (newVal) this.list() | 85 | if (newVal) this.list() |
104 | } | 86 | } |
105 | } | 87 | } |
... | @@ -135,12 +117,11 @@ | ... | @@ -135,12 +117,11 @@ |
135 | */ | 117 | */ |
136 | openZsylDialog (item, type) { | 118 | openZsylDialog (item, type) { |
137 | store.dispatch('user/reWorkFresh', false) | 119 | store.dispatch('user/reWorkFresh', false) |
138 | |||
139 | if (type == 1) { | 120 | if (type == 1) { |
140 | //证书证明预览 | 121 | //证书证明预览 |
141 | this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); | 122 | this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); |
142 | } else { | 123 | } else { |
143 | this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); | 124 | this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { ...item }, "76%", true); |
144 | } | 125 | } |
145 | }, | 126 | }, |
146 | /** | 127 | /** |
... | @@ -149,38 +130,7 @@ | ... | @@ -149,38 +130,7 @@ |
149 | * @author: renchao | 130 | * @author: renchao |
150 | */ | 131 | */ |
151 | openInvalidDiglog (item) { | 132 | openInvalidDiglog (item) { |
152 | this.bdcqz = item | 133 | this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { ...item }, "76%", true); |
153 | this.ysxlh = item.ysxlh | ||
154 | this.bsmSz = item.bsmSz; | ||
155 | this.invalidDiglog = true; | ||
156 | this.bsmBdcqz = item.bsmBdcqz | ||
157 | }, | ||
158 | /** | ||
159 | * @description: closeInvalidDiglog | ||
160 | * @author: renchao | ||
161 | */ | ||
162 | closeInvalidDiglog () { | ||
163 | this.invalidDiglog = false; | ||
164 | this.bsmSz = ""; | ||
165 | this.zfyy = ""; | ||
166 | }, | ||
167 | /** | ||
168 | * @description: 作废缮证信息 | ||
169 | * @author: renchao | ||
170 | */ | ||
171 | confirmInvalid () { | ||
172 | invalidCertificate({ bsmBdcqz: this.bsmBdcqz, zfyy: this.zfyy }).then(async (res) => { | ||
173 | if (res.code === 200) { | ||
174 | this.list(); | ||
175 | this.$message.success("作废成功"); | ||
176 | this.invalidDiglog = false; | ||
177 | this.zfyy = '' | ||
178 | let res = await this.list() | ||
179 | if (res && res == 200) this.openZsylDialog(this.bdcqz); | ||
180 | } else { | ||
181 | this.$message.error(res.message); | ||
182 | } | ||
183 | }) | ||
184 | }, | 134 | }, |
185 | /** | 135 | /** |
186 | * @description: openRecordPop | 136 | * @description: openRecordPop |
... | @@ -263,39 +213,6 @@ | ... | @@ -263,39 +213,6 @@ |
263 | padding-top: 8px; | 213 | padding-top: 8px; |
264 | font-size: 16px; | 214 | font-size: 16px; |
265 | } | 215 | } |
266 | |||
267 | .invalid-diglog { | ||
268 | padding-bottom: 20px; | ||
269 | font-size: 16px; | ||
270 | font-weight: bold; | ||
271 | color: rgb(99, 99, 99); | ||
272 | |||
273 | .invalid-title { | ||
274 | display: flex; | ||
275 | align-content: center; | ||
276 | |||
277 | .invalid-icon { | ||
278 | color: rgb(254, 148, 0); | ||
279 | font-size: 34px; | ||
280 | margin-right: 10px; | ||
281 | } | ||
282 | |||
283 | .invalid-body { | ||
284 | line-height: 40px; | ||
285 | margin-bottom: 10px; | ||
286 | } | ||
287 | } | ||
288 | |||
289 | .invalid-reson { | ||
290 | margin-bottom: 10px; | ||
291 | } | ||
292 | |||
293 | .dialog-footer { | ||
294 | margin-top: 10px; | ||
295 | display: flex; | ||
296 | justify-content: flex-end; | ||
297 | } | ||
298 | } | ||
299 | .box-card { | 216 | .box-card { |
300 | .szxx_header { | 217 | .szxx_header { |
301 | color: #303133; | 218 | color: #303133; | ... | ... |
... | @@ -66,6 +66,15 @@ export function getForm(tabName, djywbm) { | ... | @@ -66,6 +66,15 @@ export function getForm(tabName, djywbm) { |
66 | case "spyj": | 66 | case "spyj": |
67 | form = require("@/views/workflow/components/spyj.vue"); | 67 | form = require("@/views/workflow/components/spyj.vue"); |
68 | break; | 68 | break; |
69 | case "swxx": | ||
70 | form = require("@/views/workflow/components/swxx.vue"); | ||
71 | break; | ||
72 | case "sfxx": | ||
73 | form = require("@/views/workflow/components/sfxx.vue"); | ||
74 | break; | ||
75 | case "sdqxx": | ||
76 | form = require("@/views/workflow/components/sdqxx.vue"); | ||
77 | break; | ||
69 | case "zdjbxx": | 78 | case "zdjbxx": |
70 | form = require("@/views/registerBook/zdjbxx.vue"); | 79 | form = require("@/views/registerBook/zdjbxx.vue"); |
71 | break; | 80 | break; | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-11 13:59:14 | 4 | * @LastEditTime: 2023-09-05 15:05:56 |
5 | */ | 5 | */ |
6 | import { getForm } from "../flowform"; | 6 | import { getForm } from "../flowform"; |
7 | import { getHomeNoticeList } from "@/api/home.js" | 7 | import { getHomeNoticeList } from "@/api/home.js" |
... | @@ -49,7 +49,6 @@ export default { | ... | @@ -49,7 +49,6 @@ export default { |
49 | * @author: renchao | 49 | * @author: renchao |
50 | */ | 50 | */ |
51 | getFromRouter (tabname) { | 51 | getFromRouter (tabname) { |
52 | console.log(tabname, 'tabnametabnametabnametabnametabname'); | ||
53 | //根据tabname获取选中的表单 此操作为了获取后端返回的表单对象,使用里面的是否可操作的属性 | 52 | //根据tabname获取选中的表单 此操作为了获取后端返回的表单对象,使用里面的是否可操作的属性 |
54 | for (let item of this.tabList) { | 53 | for (let item of this.tabList) { |
55 | if (item.value === tabname) { | 54 | if (item.value === tabname) { | ... | ... |
... | @@ -13,8 +13,7 @@ | ... | @@ -13,8 +13,7 @@ |
13 | ref="ruleForm" | 13 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 15 | :inline="flag" |
16 | label-width="180px" | 16 | label-width="180px"> |
17 | > | ||
18 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 17 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
19 | <div class="slxx_title title-block"> | 18 | <div class="slxx_title title-block"> |
20 | 申请业务信息 | 19 | 申请业务信息 |
... | @@ -117,7 +116,7 @@ | ... | @@ -117,7 +116,7 @@ |
117 | </div> | 116 | </div> |
118 | 117 | ||
119 | <el-row :gutter="10"> | 118 | <el-row :gutter="10"> |
120 | <el-col :span="8" > | 119 | <el-col :span="8"> |
121 | <el-form-item label="原不动产证号:"> | 120 | <el-form-item label="原不动产证号:"> |
122 | <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> | 121 | <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> |
123 | </el-form-item> | 122 | </el-form-item> |
... | @@ -148,17 +147,15 @@ | ... | @@ -148,17 +147,15 @@ |
148 | </div> | 147 | </div> |
149 | </el-form-item> | 148 | </el-form-item> |
150 | </el-col> | 149 | </el-col> |
151 | </el-row> | 150 | </el-row> |
152 | <el-row :gutter="10"> | 151 | <el-row :gutter="10"> |
153 | <el-col :span="8"> | 152 | <el-col :span="8"> |
154 | <el-form-item | 153 | <el-form-item |
155 | label="是否禁止或者限制转让的约定:" | 154 | label="是否禁止或者限制转让的约定:" |
156 | label-width="200px" | 155 | label-width="200px"> |
157 | > | ||
158 | <el-radio-group | 156 | <el-radio-group |
159 | v-model="ruleForm.diyaq.sfczjzhxz" | 157 | v-model="ruleForm.diyaq.sfczjzhxz" |
160 | :disabled="!viewEdit || isJfOperation" | 158 | :disabled="!viewEdit || isJfOperation"> |
161 | > | ||
162 | <el-radio label="1">是</el-radio> | 159 | <el-radio label="1">是</el-radio> |
163 | <el-radio label="0">否</el-radio> | 160 | <el-radio label="0">否</el-radio> |
164 | </el-radio-group> | 161 | </el-radio-group> |
... | @@ -166,20 +163,18 @@ | ... | @@ -166,20 +163,18 @@ |
166 | </el-col> | 163 | </el-col> |
167 | <el-col :span="8"> | 164 | <el-col :span="8"> |
168 | <el-form-item | 165 | <el-form-item |
169 | label="是否预告登记:" | 166 | label="是否预告登记:"> |
170 | > | ||
171 | <el-radio-group v-model="ruleForm.diyaq.sfygdj" disabled> | 167 | <el-radio-group v-model="ruleForm.diyaq.sfygdj" disabled> |
172 | <el-radio label="1">是</el-radio> | 168 | <el-radio label="1">是</el-radio> |
173 | <el-radio label="0">否</el-radio> | 169 | <el-radio label="0">否</el-radio> |
174 | </el-radio-group> | 170 | </el-radio-group> |
175 | </el-form-item> | 171 | </el-form-item> |
176 | </el-col> | 172 | </el-col> |
177 | <el-col :span="8"> | 173 | <el-col :span="8"> |
178 | <el-form-item label="债务履行期限:"> | 174 | <el-form-item label="债务履行期限:"> |
179 | <el-input | 175 | <el-input |
180 | v-model="ruleForm.diyaq.dyqx" | 176 | v-model="ruleForm.diyaq.dyqx" |
181 | :disabled="!viewEdit || isJfOperation" | 177 | :disabled="!viewEdit || isJfOperation"></el-input> |
182 | ></el-input> | ||
183 | </el-form-item> | 178 | </el-form-item> |
184 | </el-col> | 179 | </el-col> |
185 | </el-row> | 180 | </el-row> |
... | @@ -191,18 +186,15 @@ | ... | @@ -191,18 +186,15 @@ |
191 | <el-input | 186 | <el-input |
192 | v-model="ruleForm.diyaq.bdbzzqse" | 187 | v-model="ruleForm.diyaq.bdbzzqse" |
193 | :disabled="!viewEdit || isJfOperation" | 188 | :disabled="!viewEdit || isJfOperation" |
194 | style="width: 500%" | 189 | style="width: 500%"></el-input> |
195 | ></el-input> | ||
196 | <el-select | 190 | <el-select |
197 | v-model="ruleForm.diyaq.jedw" | 191 | v-model="ruleForm.diyaq.jedw" |
198 | :disabled="!viewEdit || isJfOperation" | 192 | :disabled="!viewEdit || isJfOperation"> |
199 | > | ||
200 | <el-option | 193 | <el-option |
201 | v-for="item in dictData['A57']" | 194 | v-for="item in dictData['A57']" |
202 | :key="item.dcode" | 195 | :key="item.dcode" |
203 | :label="item.dname" | 196 | :label="item.dname" |
204 | :value="item.dcode" | 197 | :value="item.dcode"> |
205 | > | ||
206 | </el-option> | 198 | </el-option> |
207 | </el-select> | 199 | </el-select> |
208 | </div> | 200 | </div> |
... | @@ -213,8 +205,7 @@ | ... | @@ -213,8 +205,7 @@ |
213 | <el-form-item label="最高债权额:"> | 205 | <el-form-item label="最高债权额:"> |
214 | <el-input | 206 | <el-input |
215 | v-model="ruleForm.diyaq.zgzqse" | 207 | v-model="ruleForm.diyaq.zgzqse" |
216 | :disabled="!viewEdit || isJfOperation" | 208 | :disabled="!viewEdit || isJfOperation"></el-input> |
217 | ></el-input> | ||
218 | </el-form-item> | 209 | </el-form-item> |
219 | </el-col> | 210 | </el-col> |
220 | 211 | ||
... | @@ -223,8 +214,7 @@ | ... | @@ -223,8 +214,7 @@ |
223 | <el-date-picker | 214 | <el-date-picker |
224 | v-model="ruleForm.diyaq.zwlxqssj" | 215 | v-model="ruleForm.diyaq.zwlxqssj" |
225 | :disabled="!viewEdit || isJfOperation" | 216 | :disabled="!viewEdit || isJfOperation" |
226 | type="date" | 217 | type="date"> |
227 | > | ||
228 | </el-date-picker> | 218 | </el-date-picker> |
229 | </el-form-item> | 219 | </el-form-item> |
230 | </el-col> | 220 | </el-col> |
... | @@ -233,8 +223,7 @@ | ... | @@ -233,8 +223,7 @@ |
233 | <el-date-picker | 223 | <el-date-picker |
234 | v-model="ruleForm.diyaq.zwlxjssj" | 224 | v-model="ruleForm.diyaq.zwlxjssj" |
235 | :disabled="!viewEdit || isJfOperation" | 225 | :disabled="!viewEdit || isJfOperation" |
236 | type="date" | 226 | type="date"> |
237 | > | ||
238 | </el-date-picker> | 227 | </el-date-picker> |
239 | </el-form-item> | 228 | </el-form-item> |
240 | </el-col> | 229 | </el-col> |
... | @@ -246,8 +235,7 @@ | ... | @@ -246,8 +235,7 @@ |
246 | v-model="ruleForm.diyaq.dbfw" | 235 | v-model="ruleForm.diyaq.dbfw" |
247 | :disabled=" | 236 | :disabled=" |
248 | (ruleForm.sldy.djlx == '300' && !viewEdit) || isJfOperation | 237 | (ruleForm.sldy.djlx == '300' && !viewEdit) || isJfOperation |
249 | " | 238 | "></el-input> |
250 | ></el-input> | ||
251 | </el-form-item> | 239 | </el-form-item> |
252 | </el-col> | 240 | </el-col> |
253 | </el-row> | 241 | </el-row> |
... | @@ -256,8 +244,7 @@ | ... | @@ -256,8 +244,7 @@ |
256 | <el-form-item label="最高债权确定事实和数额:"> | 244 | <el-form-item label="最高债权确定事实和数额:"> |
257 | <el-input | 245 | <el-input |
258 | v-model="ruleForm.diyaq.zgzqqdss" | 246 | v-model="ruleForm.diyaq.zgzqqdss" |
259 | :disabled="!viewEdit || isJfOperation" | 247 | :disabled="!viewEdit || isJfOperation"></el-input> |
260 | ></el-input> | ||
261 | </el-form-item> | 248 | </el-form-item> |
262 | </el-col> | 249 | </el-col> |
263 | </el-row> | 250 | </el-row> |
... | @@ -269,8 +256,7 @@ | ... | @@ -269,8 +256,7 @@ |
269 | maxlength="500" | 256 | maxlength="500" |
270 | show-word-limit | 257 | show-word-limit |
271 | v-model="ruleForm.diyaq.fj" | 258 | v-model="ruleForm.diyaq.fj" |
272 | :disabled="!viewEdit || isJfOperation" | 259 | :disabled="!viewEdit || isJfOperation"></el-input> |
273 | ></el-input> | ||
274 | </el-form-item> | 260 | </el-form-item> |
275 | </el-col> | 261 | </el-col> |
276 | </el-row> | 262 | </el-row> |
... | @@ -284,8 +270,7 @@ | ... | @@ -284,8 +270,7 @@ |
284 | <el-form-item label="共有方式:"> | 270 | <el-form-item label="共有方式:"> |
285 | <el-radio-group | 271 | <el-radio-group |
286 | :disabled="!viewEdit" | 272 | :disabled="!viewEdit" |
287 | v-model="ruleForm.sldy.gyfs" | 273 | v-model="ruleForm.sldy.gyfs"> |
288 | > | ||
289 | <el-radio label="0">单独所有</el-radio> | 274 | <el-radio label="0">单独所有</el-radio> |
290 | <el-radio label="1">共同共有</el-radio> | 275 | <el-radio label="1">共同共有</el-radio> |
291 | <el-radio label="2">按份所有</el-radio> | 276 | <el-radio label="2">按份所有</el-radio> |
... | @@ -298,8 +283,7 @@ | ... | @@ -298,8 +283,7 @@ |
298 | <el-radio-group | 283 | <el-radio-group |
299 | v-model="ruleForm.sldy.sqfbcz" | 284 | v-model="ruleForm.sldy.sqfbcz" |
300 | :disabled="!viewEdit" | 285 | :disabled="!viewEdit" |
301 | @input="updaterow()" | 286 | @input="updaterow()"> |
302 | > | ||
303 | <el-radio :label="1">是</el-radio> | 287 | <el-radio :label="1">是</el-radio> |
304 | <el-radio :label="0">否</el-radio> | 288 | <el-radio :label="0">否</el-radio> |
305 | </el-radio-group> | 289 | </el-radio-group> |
... | @@ -307,20 +291,17 @@ | ... | @@ -307,20 +291,17 @@ |
307 | </el-col> | 291 | </el-col> |
308 | <el-col | 292 | <el-col |
309 | :span="6" | 293 | :span="6" |
310 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" | 294 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
311 | > | ||
312 | <el-form-item label="持证人:"> | 295 | <el-form-item label="持证人:"> |
313 | <el-select | 296 | <el-select |
314 | v-model="czr" | 297 | v-model="czr" |
315 | placeholder="持证人" | 298 | placeholder="持证人" |
316 | :disabled="!viewEdit" | 299 | :disabled="!viewEdit"> |
317 | > | ||
318 | <el-option | 300 | <el-option |
319 | v-for="item in czrOptions" | 301 | v-for="item in czrOptions" |
320 | :key="item.zjh" | 302 | :key="item.zjh" |
321 | :label="item.sqrmc" | 303 | :label="item.sqrmc" |
322 | :value="item.zjh" | 304 | :value="item.zjh"> |
323 | > | ||
324 | </el-option> | 305 | </el-option> |
325 | </el-select> | 306 | </el-select> |
326 | </el-form-item> | 307 | </el-form-item> |
... | @@ -330,8 +311,7 @@ | ... | @@ -330,8 +311,7 @@ |
330 | :tableData="ruleForm.qlrList" | 311 | :tableData="ruleForm.qlrList" |
331 | :disabled="viewEdit" | 312 | :disabled="viewEdit" |
332 | @upDateQlrxxList="upDateQlrxxList" | 313 | @upDateQlrxxList="upDateQlrxxList" |
333 | :gyfs="ruleForm.sldy.gyfs" | 314 | :gyfs="ruleForm.sldy.gyfs" /> |
334 | /> | ||
335 | <div class="slxx_title title-block"> | 315 | <div class="slxx_title title-block"> |
336 | 抵押人信息 | 316 | 抵押人信息 |
337 | <div class="triangle"></div> | 317 | <div class="triangle"></div> |
... | @@ -339,8 +319,7 @@ | ... | @@ -339,8 +319,7 @@ |
339 | <qlrCommonTable | 319 | <qlrCommonTable |
340 | :tableData="ruleForm.ywrList" | 320 | :tableData="ruleForm.ywrList" |
341 | :disabled="viewEdit" | 321 | :disabled="viewEdit" |
342 | @upDateQlrxxList="upDateYwrxxList" | 322 | @upDateQlrxxList="upDateYwrxxList" /> |
343 | /> | ||
344 | 323 | ||
345 | <div class="slxx_title title-block"> | 324 | <div class="slxx_title title-block"> |
346 | 登记原因 | 325 | 登记原因 |
... | @@ -351,14 +330,12 @@ | ... | @@ -351,14 +330,12 @@ |
351 | <el-form-item | 330 | <el-form-item |
352 | v-if="ruleForm.sldy.djlx == '400'" | 331 | v-if="ruleForm.sldy.djlx == '400'" |
353 | label="注销抵押原因:" | 332 | label="注销抵押原因:" |
354 | prop="djyy" | 333 | prop="djyy"> |
355 | > | ||
356 | <el-input | 334 | <el-input |
357 | class="textArea" | 335 | class="textArea" |
358 | type="textarea" | 336 | type="textarea" |
359 | :disabled="!viewEdit" | 337 | :disabled="!viewEdit" |
360 | v-model="ruleForm.diyaq.zxdyyy" | 338 | v-model="ruleForm.diyaq.zxdyyy"> |
361 | > | ||
362 | </el-input> | 339 | </el-input> |
363 | </el-form-item> | 340 | </el-form-item> |
364 | <el-form-item v-else label="登记原因:" prop="djyy"> | 341 | <el-form-item v-else label="登记原因:" prop="djyy"> |
... | @@ -368,8 +345,7 @@ | ... | @@ -368,8 +345,7 @@ |
368 | maxlength="500" | 345 | maxlength="500" |
369 | show-word-limit | 346 | show-word-limit |
370 | :disabled="!viewEdit" | 347 | :disabled="!viewEdit" |
371 | v-model="ruleForm.diyaq.djyy" | 348 | v-model="ruleForm.diyaq.djyy"> |
372 | > | ||
373 | </el-input> | 349 | </el-input> |
374 | </el-form-item> | 350 | </el-form-item> |
375 | </el-col> | 351 | </el-col> |
... | @@ -384,169 +360,169 @@ | ... | @@ -384,169 +360,169 @@ |
384 | </div> | 360 | </div> |
385 | </template> | 361 | </template> |
386 | <script> | 362 | <script> |
387 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 363 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
388 | import { Init, saveData } from "@/api/workflow/diyaqFlow.js"; | 364 | import { Init, saveData } from "@/api/workflow/diyaqFlow.js"; |
389 | import { mapGetters } from "vuex"; | 365 | import { mapGetters } from "vuex"; |
390 | export default { | 366 | export default { |
391 | mounted() { | 367 | mounted () { |
392 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 368 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
393 | this.propsParam = this.$attrs; | 369 | this.propsParam = this.$attrs; |
394 | var formdata = new FormData(); | 370 | var formdata = new FormData(); |
395 | if (this.propsParam.djlx == "400") { | 371 | if (this.propsParam.djlx == "400") { |
396 | this.isJfOperation = true; | 372 | this.isJfOperation = true; |
397 | } | ||
398 | this.$startLoading(); | ||
399 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
400 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | ||
401 | formdata.append("djlx", this.propsParam.djlx); | ||
402 | formdata.append("isEdit", this.viewEdit); | ||
403 | Init(formdata).then((res) => { | ||
404 | if (res.code === 200 && res.result) { | ||
405 | this.ruleForm = res.result; | ||
406 | this.czrOptions = this.ruleForm.qlrList; | ||
407 | } | 373 | } |
408 | this.ruleForm.qlrList.forEach((item) => { | 374 | this.$startLoading(); |
409 | if (item.sfczr == 1) { | 375 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
410 | this.czr = item.sqrmc; | 376 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); |
377 | formdata.append("djlx", this.propsParam.djlx); | ||
378 | formdata.append("isEdit", this.viewEdit); | ||
379 | Init(formdata).then((res) => { | ||
380 | if (res.code === 200 && res.result) { | ||
381 | this.ruleForm = res.result; | ||
382 | this.czrOptions = this.ruleForm.qlrList; | ||
411 | } | 383 | } |
412 | }); | 384 | this.ruleForm.qlrList.forEach((item) => { |
413 | this.$endLoading(); | 385 | if (item.sfczr == 1) { |
414 | }); | 386 | this.czr = item.sqrmc; |
415 | }, | 387 | } |
416 | components: { qlrCommonTable }, | ||
417 | computed: { | ||
418 | ...mapGetters(["dictData", "flag"]), | ||
419 | }, | ||
420 | data() { | ||
421 | return { | ||
422 | //表单是否可操作 | ||
423 | viewEdit: true, | ||
424 | disabled: true, | ||
425 | czrOptions: [], | ||
426 | czr: "", | ||
427 | ruleForm: { | ||
428 | slsq: {}, | ||
429 | ssQlxx: {}, | ||
430 | diyaq: {}, | ||
431 | gyfs: "", | ||
432 | }, | ||
433 | isJfOperation: false, | ||
434 | //传递参数 | ||
435 | propsParam: {}, | ||
436 | rules: {}, | ||
437 | }; | ||
438 | }, | ||
439 | methods: { | ||
440 | /** | ||
441 | * @description: onSubmitClick | ||
442 | * @author: renchao | ||
443 | */ | ||
444 | onSubmitClick() { | ||
445 | let that = this; | ||
446 | if (this.ruleForm.qlrList.length == 0) { | ||
447 | this.$message({ | ||
448 | showClose: true, | ||
449 | message: "请确认抵押权人信息", | ||
450 | type: "error", | ||
451 | }); | 388 | }); |
452 | return false; | 389 | this.$endLoading(); |
453 | } | 390 | }); |
454 | if (this.ruleForm.sldy.gyfs == "0") { | 391 | }, |
455 | if (this.ruleForm.qlrList.length > 1) { | 392 | components: { qlrCommonTable }, |
456 | this.$message({ | 393 | computed: { |
457 | showClose: true, | 394 | ...mapGetters(["dictData", "flag"]), |
458 | message: "共有方式:单独所有,权利人只能是一个人", | 395 | }, |
459 | type: "error", | 396 | data () { |
460 | }); | 397 | return { |
461 | return false; | 398 | //表单是否可操作 |
462 | } | 399 | viewEdit: true, |
463 | this.ruleForm.qlrList[0].sfczr = "1"; | 400 | disabled: true, |
464 | } else { | 401 | czrOptions: [], |
465 | if (this.ruleForm.qlrList.length <= 1) { | 402 | czr: "", |
403 | ruleForm: { | ||
404 | slsq: {}, | ||
405 | ssQlxx: {}, | ||
406 | diyaq: {}, | ||
407 | gyfs: "", | ||
408 | }, | ||
409 | isJfOperation: false, | ||
410 | //传递参数 | ||
411 | propsParam: {}, | ||
412 | rules: {}, | ||
413 | }; | ||
414 | }, | ||
415 | methods: { | ||
416 | /** | ||
417 | * @description: onSubmitClick | ||
418 | * @author: renchao | ||
419 | */ | ||
420 | onSubmitClick () { | ||
421 | let that = this; | ||
422 | if (this.ruleForm.qlrList.length == 0) { | ||
466 | this.$message({ | 423 | this.$message({ |
467 | showClose: true, | 424 | showClose: true, |
468 | message: | 425 | message: "请确认抵押权人信息", |
469 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
470 | type: "error", | 426 | type: "error", |
471 | }); | 427 | }); |
472 | return false; | 428 | return false; |
473 | } | 429 | } |
474 | //是否分别持证 | 430 | if (this.ruleForm.sldy.gyfs == "0") { |
475 | if (this.ruleForm.sldy.sqfbcz == "1") { | 431 | if (this.ruleForm.qlrList.length > 1) { |
476 | //是 | 432 | this.$message({ |
477 | this.ruleForm.qlrList.forEach((item, index) => { | 433 | showClose: true, |
478 | item.sfczr = "1"; | 434 | message: "共有方式:单独所有,权利人只能是一个人", |
479 | }); | 435 | type: "error", |
436 | }); | ||
437 | return false; | ||
438 | } | ||
439 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
480 | } else { | 440 | } else { |
481 | if (!that.czr) { | 441 | if (this.ruleForm.qlrList.length <= 1) { |
482 | that.$message({ | 442 | this.$message({ |
483 | showClose: true, | 443 | showClose: true, |
484 | message: "请选择持证人", | 444 | message: |
445 | "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上", | ||
485 | type: "error", | 446 | type: "error", |
486 | }); | 447 | }); |
487 | return false; | 448 | return false; |
488 | } | 449 | } |
489 | this.ruleForm.qlrList.forEach((item, index) => { | 450 | //是否分别持证 |
490 | if (item.zjh == this.czr) { | 451 | if (this.ruleForm.sldy.sqfbcz == "1") { |
452 | //是 | ||
453 | this.ruleForm.qlrList.forEach((item, index) => { | ||
491 | item.sfczr = "1"; | 454 | item.sfczr = "1"; |
492 | } else { | 455 | }); |
493 | item.sfczr = "0"; | 456 | } else { |
457 | if (!that.czr) { | ||
458 | that.$message({ | ||
459 | showClose: true, | ||
460 | message: "请选择持证人", | ||
461 | type: "error", | ||
462 | }); | ||
463 | return false; | ||
494 | } | 464 | } |
495 | }); | 465 | this.ruleForm.qlrList.forEach((item, index) => { |
466 | if (item.zjh == this.czr) { | ||
467 | item.sfczr = "1"; | ||
468 | } else { | ||
469 | item.sfczr = "0"; | ||
470 | } | ||
471 | }); | ||
472 | } | ||
496 | } | 473 | } |
497 | } | ||
498 | 474 | ||
499 | saveData(this.ruleForm, this.propsParam.djlx).then((res) => { | 475 | saveData(this.ruleForm, this.propsParam.djlx).then((res) => { |
500 | if (res.code === 200) { | 476 | if (res.code === 200) { |
501 | this.$message({ | 477 | this.$message({ |
502 | showClose: true, | 478 | showClose: true, |
503 | message: "保存成功!", | 479 | message: "保存成功!", |
504 | type: "success", | 480 | type: "success", |
505 | }); | 481 | }); |
506 | this.$store.dispatch("user/refreshPage", true); | 482 | this.$store.dispatch("user/refreshPage", true); |
507 | } else { | 483 | } else { |
508 | this.$message({ | 484 | this.$message({ |
509 | showClose: true, | 485 | showClose: true, |
510 | message: res.message, | 486 | message: res.message, |
511 | type: "error", | 487 | type: "error", |
512 | }); | 488 | }); |
489 | } | ||
490 | }); | ||
491 | }, | ||
492 | /** | ||
493 | * @description: 更新权利人信息 | ||
494 | * @param {*} val | ||
495 | * @author: renchao | ||
496 | */ | ||
497 | upDateQlrxxList (val) { | ||
498 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | ||
499 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
500 | this.czrOptions = this.ruleForm.qlrList; | ||
513 | } | 501 | } |
514 | }); | 502 | }, |
515 | }, | 503 | // 是否持证人变化 |
516 | /** | 504 | /** |
517 | * @description: 更新权利人信息 | 505 | * @description: 是否持证人变化 |
518 | * @param {*} val | 506 | * @param {*} val |
519 | * @author: renchao | 507 | * @author: renchao |
520 | */ | 508 | */ |
521 | upDateQlrxxList(val) { | 509 | updaterow () { |
522 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | 510 | this.czr = ""; |
523 | this.ruleForm.qlrList = _.cloneDeep(val); | 511 | }, |
524 | this.czrOptions = this.ruleForm.qlrList; | 512 | /** |
525 | } | 513 | * @description: 更新义务人信息 |
526 | }, | 514 | * @param {*} val |
527 | // 是否持证人变化 | 515 | * @author: renchao |
528 | /** | 516 | */ |
529 | * @description: 是否持证人变化 | 517 | upDateYwrxxList (val) { |
530 | * @param {*} val | 518 | if (!_.isEqual(val, this.ruleForm.ywrList)) { |
531 | * @author: renchao | 519 | this.ruleForm.ywrList = _.cloneDeep(val); |
532 | */ | 520 | } |
533 | updaterow() { | 521 | }, |
534 | this.czr = ""; | ||
535 | }, | ||
536 | /** | ||
537 | * @description: 更新义务人信息 | ||
538 | * @param {*} val | ||
539 | * @author: renchao | ||
540 | */ | ||
541 | upDateYwrxxList(val) { | ||
542 | if (!_.isEqual(val, this.ruleForm.ywrList)) { | ||
543 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
544 | } | ||
545 | }, | 522 | }, |
546 | }, | 523 | }; |
547 | }; | ||
548 | </script> | 524 | </script> |
549 | <style scoped lang="scss"> | 525 | <style scoped lang="scss"> |
550 | @import "~@/styles/public.scss"; | 526 | @import "~@/styles/public.scss"; |
551 | @import "~@/styles/slxx/slxx.scss"; | 527 | @import "~@/styles/slxx/slxx.scss"; |
552 | </style> | 528 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
3 | * @Autor: ssq | 3 | * @Autor: ssq |
4 | * @LastEditTime: 2023-09-01 13:23:30 | 4 | * @LastEditTime: 2023-09-05 15:48:55 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
... | @@ -353,8 +353,6 @@ | ... | @@ -353,8 +353,6 @@ |
353 | this.czrOptions = this.ruleForm.qlrList; | 353 | this.czrOptions = this.ruleForm.qlrList; |
354 | this.key++; | 354 | this.key++; |
355 | }, | 355 | }, |
356 | |||
357 | // 是否持证人变化 | ||
358 | /** | 356 | /** |
359 | * @description: 是否持证人变化 | 357 | * @description: 是否持证人变化 |
360 | * @param {*} val | 358 | * @param {*} val | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-01 13:40:52 | 4 | * @LastEditTime: 2023-09-05 15:53:51 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
... | @@ -369,7 +369,7 @@ | ... | @@ -369,7 +369,7 @@ |
369 | :disabled="viewEdit" | 369 | :disabled="viewEdit" |
370 | :gyfs="ruleForm.sldy.gyfs" /> | 370 | :gyfs="ruleForm.sldy.gyfs" /> |
371 | 371 | ||
372 | <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'"> | 372 | <div v-if="ruleForm.qlxx.djlx == '200'"> |
373 | <div class="slxx_title title-block"> | 373 | <div class="slxx_title title-block"> |
374 | 义务人信息 | 374 | 义务人信息 |
375 | <div class="triangle"></div> | 375 | <div class="triangle"></div> |
... | @@ -378,8 +378,7 @@ | ... | @@ -378,8 +378,7 @@ |
378 | v-if="ruleForm.qlxx" | 378 | v-if="ruleForm.qlxx" |
379 | @upDateQlrxxList="upDateYwrxxList" | 379 | @upDateQlrxxList="upDateYwrxxList" |
380 | :tableData="ruleForm.ywrList" | 380 | :tableData="ruleForm.ywrList" |
381 | :disabled="viewEdit" | 381 | :disabled="viewEdit" /> |
382 | :gyfs="ruleForm.sldy.gyfs" /> | ||
383 | </div> | 382 | </div> |
384 | <div class="slxx_title title-block"> | 383 | <div class="slxx_title title-block"> |
385 | 登记原因 | 384 | 登记原因 |
... | @@ -443,7 +442,7 @@ | ... | @@ -443,7 +442,7 @@ |
443 | } | 442 | } |
444 | }); | 443 | }); |
445 | }, | 444 | }, |
446 | components: { qlrCommonTable, tdytTable }, | 445 | components: { qlrCommonTable, tdytTable, ywrCommonTable }, |
447 | computed: { | 446 | computed: { |
448 | ...mapGetters(["dictData", "flag"]), | 447 | ...mapGetters(["dictData", "flag"]), |
449 | }, | 448 | }, | ... | ... |
... | @@ -82,7 +82,7 @@ | ... | @@ -82,7 +82,7 @@ |
82 | </el-col> | 82 | </el-col> |
83 | <el-col :span="8"> | 83 | <el-col :span="8"> |
84 | <el-form-item label="房屋性质:"> | 84 | <el-form-item label="房屋性质:"> |
85 | <el-select v-model="ruleForm.ygdj.fwxz"> | 85 | <el-select v-model="ruleForm.ygdj.fwxz" :disabled="!viewEdit"> |
86 | <el-option | 86 | <el-option |
87 | v-for="item in dictData['A19']" | 87 | v-for="item in dictData['A19']" |
88 | :key="item.dcode" | 88 | :key="item.dcode" |
... | @@ -108,12 +108,13 @@ | ... | @@ -108,12 +108,13 @@ |
108 | </el-col> | 108 | </el-col> |
109 | <el-col :span="8"> | 109 | <el-col :span="8"> |
110 | <el-form-item label="所在层:"> | 110 | <el-form-item label="所在层:"> |
111 | <el-input maxlength="20" v-model="ruleForm.ygdj.szc"></el-input> | 111 | <el-input maxlength="20" :disabled="!viewEdit" v-model="ruleForm.ygdj.szc"></el-input> |
112 | </el-form-item> | 112 | </el-form-item> |
113 | </el-col> | 113 | </el-col> |
114 | <el-col :span="8"> | 114 | <el-col :span="8"> |
115 | <el-form-item label="总层数:"> | 115 | <el-form-item label="总层数:"> |
116 | <el-input | 116 | <el-input |
117 | :disabled="!viewEdit" | ||
117 | maxlength="4" | 118 | maxlength="4" |
118 | v-model.number="ruleForm.ygdj.zcs" | 119 | v-model.number="ruleForm.ygdj.zcs" |
119 | oninput="value=value.replace(/[^0-9]/g,'')"></el-input> | 120 | oninput="value=value.replace(/[^0-9]/g,'')"></el-input> |
... | @@ -123,7 +124,7 @@ | ... | @@ -123,7 +124,7 @@ |
123 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | 124 | <el-row :gutter="10" v-if="ruleForm.qlxx"> |
124 | <el-col :span="8"> | 125 | <el-col :span="8"> |
125 | <el-form-item label="房屋结构:"> | 126 | <el-form-item label="房屋结构:"> |
126 | <el-select v-model="ruleForm.ygdj.fwjg"> | 127 | <el-select v-model="ruleForm.ygdj.fwjg" :disabled="!viewEdit"> |
127 | <el-option | 128 | <el-option |
128 | v-for="item in dictData['A46']" | 129 | v-for="item in dictData['A46']" |
129 | :key="item.dcode" | 130 | :key="item.dcode" |
... | @@ -157,6 +158,7 @@ | ... | @@ -157,6 +158,7 @@ |
157 | <el-form-item label="取得价格:"> | 158 | <el-form-item label="取得价格:"> |
158 | <div class="flex"> | 159 | <div class="flex"> |
159 | <el-input | 160 | <el-input |
161 | :disabled="!viewEdit" | ||
160 | maxlength="11" | 162 | maxlength="11" |
161 | v-model="ruleForm.ygdj.qdjg" | 163 | v-model="ruleForm.ygdj.qdjg" |
162 | style="width: 500%" | 164 | style="width: 500%" |
... | @@ -253,7 +255,17 @@ | ... | @@ -253,7 +255,17 @@ |
253 | </div> | 255 | </div> |
254 | <el-row :gutter="10"> | 256 | <el-row :gutter="10"> |
255 | <el-col> | 257 | <el-col> |
256 | <el-form-item label="登记原因:" prop="djyy"> | 258 | <el-form-item v-if="ruleForm.sldy.djlx=='400'" label="注销登记原因:" prop="djyy"> |
259 | <el-input | ||
260 | class="textArea" | ||
261 | type="textarea" | ||
262 | maxlength="500" | ||
263 | show-word-limit | ||
264 | :disabled="!viewEdit" | ||
265 | v-model="ruleForm.ygdj.zxyy"> | ||
266 | </el-input> | ||
267 | </el-form-item> | ||
268 | <el-form-item v-else label="登记原因:" prop="djyy"> | ||
257 | <el-input | 269 | <el-input |
258 | class="textArea" | 270 | class="textArea" |
259 | type="textarea" | 271 | type="textarea" | ... | ... |
... | @@ -268,14 +268,25 @@ | ... | @@ -268,14 +268,25 @@ |
268 | </div> | 268 | </div> |
269 | <el-row :gutter="10"> | 269 | <el-row :gutter="10"> |
270 | <el-col> | 270 | <el-col> |
271 | <el-form-item label="登记原因:" prop="djyy"> | 271 | <el-form-item v-if="ruleForm.sldy.djlx=='400'" label="注销登记原因:" prop="djyy"> |
272 | <el-input | 272 | <el-input |
273 | class="textArea" | 273 | class="textArea" |
274 | type="textarea" | 274 | type="textarea" |
275 | maxlength="500" | 275 | maxlength="500" |
276 | show-word-limit | 276 | show-word-limit |
277 | :disabled="!viewEdit" | 277 | :disabled="!viewEdit" |
278 | v-model="ruleForm.ygdj.djyy"></el-input> | 278 | v-model="ruleForm.ygdj.zxyy"> |
279 | </el-input> | ||
280 | </el-form-item> | ||
281 | <el-form-item v-else label="登记原因:" prop="djyy"> | ||
282 | <el-input | ||
283 | class="textArea" | ||
284 | type="textarea" | ||
285 | maxlength="500" | ||
286 | show-word-limit | ||
287 | :disabled="!viewEdit" | ||
288 | v-model="ruleForm.ygdj.djyy"> | ||
289 | </el-input> | ||
279 | </el-form-item> | 290 | </el-form-item> |
280 | </el-col> | 291 | </el-col> |
281 | </el-row> | 292 | </el-row> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-29 08:52:44 | 4 | * @LastEditTime: 2023-09-05 11:32:50 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -58,7 +58,7 @@ | ... | @@ -58,7 +58,7 @@ |
58 | import { ywPopupDialog } from "@/utils/popup.js"; | 58 | import { ywPopupDialog } from "@/utils/popup.js"; |
59 | import { selectLq } from "@/api/ywsq.js"; | 59 | import { selectLq } from "@/api/ywsq.js"; |
60 | import { startBusinessFlow } from "@/api/workFlow.js"; | 60 | import { startBusinessFlow } from "@/api/workFlow.js"; |
61 | import { datas, sendThis } from "../javascript/selectQjlqxx.js"; | 61 | import { datas, sendThis } from "../javascript/selectQjlqxxQt.js"; |
62 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 62 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
63 | export default { | 63 | export default { |
64 | mixins: [table, jump], | 64 | mixins: [table, jump], |
... | @@ -75,7 +75,7 @@ | ... | @@ -75,7 +75,7 @@ |
75 | columns: datas.columns(), | 75 | columns: datas.columns(), |
76 | data: [], | 76 | data: [], |
77 | }, | 77 | }, |
78 | bdcdysz: [], | 78 | bdcdysz: [], |
79 | }; | 79 | }; |
80 | }, | 80 | }, |
81 | mounted () { | 81 | mounted () { | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-17 16:09:12 | 4 | * @LastEditTime: 2023-09-05 13:10:53 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -58,7 +58,7 @@ | ... | @@ -58,7 +58,7 @@ |
58 | import { ywPopupDialog } from "@/utils/popup.js"; | 58 | import { ywPopupDialog } from "@/utils/popup.js"; |
59 | import { selectLq } from "@/api/ywsq.js"; | 59 | import { selectLq } from "@/api/ywsq.js"; |
60 | import { startBusinessFlow } from "@/api/workFlow.js"; | 60 | import { startBusinessFlow } from "@/api/workFlow.js"; |
61 | import { datas, sendThis } from "../javascript/selectQjzdjbxx.js"; | 61 | import { datas, sendThis } from "../javascript/selectSllmqt.js"; |
62 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 62 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
63 | export default { | 63 | export default { |
64 | mixins: [table, jump], | 64 | mixins: [table, jump], | ... | ... |
1 | /* | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-09-05 11:33:36 | ||
5 | */ | ||
6 | import filter from '@/utils/filter.js' | ||
7 | let vm = null | ||
8 | |||
9 | const sendThis = (_this) => { | ||
10 | vm = _this | ||
11 | } | ||
12 | class data extends filter { | ||
13 | constructor() { | ||
14 | super() | ||
15 | } | ||
16 | columns () { | ||
17 | return [ | ||
18 | { | ||
19 | type: 'selection', | ||
20 | label: '全选', | ||
21 | selectable: this.selected | ||
22 | }, | ||
23 | { | ||
24 | label: '序号', | ||
25 | type: 'index', | ||
26 | width: '50', | ||
27 | render: (h, scope) => { | ||
28 | return ( | ||
29 | <div> | ||
30 | {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1} | ||
31 | </div> | ||
32 | ) | ||
33 | } | ||
34 | }, | ||
35 | { | ||
36 | label: "状态", | ||
37 | width: '130', | ||
38 | render: (h, scope) => { | ||
39 | return ( | ||
40 | <div> | ||
41 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a> | ||
42 | <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span> | ||
43 | </div> | ||
44 | ) | ||
45 | } | ||
46 | }, | ||
47 | { | ||
48 | prop: "qllxmc", | ||
49 | label: "权利类型", | ||
50 | }, | ||
51 | { | ||
52 | prop: "bdcdyh", | ||
53 | label: "不动产单元号", | ||
54 | minWidth: '150' | ||
55 | }, | ||
56 | { | ||
57 | prop: "bdcqzh", | ||
58 | label: "不动产权证号", | ||
59 | render: (h, scope) => { | ||
60 | return ( | ||
61 | <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width "> | ||
62 | <span class="ellipsis-table"> {scope.row.bdcqzh}</span> | ||
63 | </el-tooltip> | ||
64 | ) | ||
65 | }, | ||
66 | width: '150' | ||
67 | }, | ||
68 | { | ||
69 | prop: "gyqk", | ||
70 | label: "共有方式", | ||
71 | }, | ||
72 | { | ||
73 | prop: "qlrmc", | ||
74 | label: "使用权人", | ||
75 | }, | ||
76 | { | ||
77 | prop: "qlrzjhm", | ||
78 | label: "证件号", | ||
79 | }, | ||
80 | { | ||
81 | prop: "qlxzmc", | ||
82 | width: '80', | ||
83 | label: "权利性质", | ||
84 | }, | ||
85 | { | ||
86 | prop: "qlmjmc", | ||
87 | width: '100', | ||
88 | label: "使用权面积", | ||
89 | }, | ||
90 | { | ||
91 | prop: "qlytmc", | ||
92 | label: "土地用途", | ||
93 | }, | ||
94 | { | ||
95 | prop: "qdjgmc", | ||
96 | width: '100', | ||
97 | label: "取得价格", | ||
98 | }, | ||
99 | { | ||
100 | prop: "zl", | ||
101 | label: "坐落", | ||
102 | minWidth: '150' | ||
103 | },{ | ||
104 | label: '操作', | ||
105 | width: '80', | ||
106 | align: 'center', | ||
107 | fixed: 'right', | ||
108 | render: (h, scope) => { | ||
109 | return ( | ||
110 | <div> | ||
111 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> | ||
112 | </div> | ||
113 | ) | ||
114 | } | ||
115 | } | ||
116 | ] | ||
117 | } | ||
118 | |||
119 | |||
120 | } | ||
121 | let datas = new data() | ||
122 | export { | ||
123 | datas, | ||
124 | sendThis | ||
125 | } |
1 | /* | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-09-05 13:10:31 | ||
5 | */ | ||
6 | import filter from '@/utils/filter.js' | ||
7 | let vm = null | ||
8 | |||
9 | const sendThis = (_this) => { | ||
10 | vm = _this | ||
11 | } | ||
12 | class data extends filter { | ||
13 | constructor() { | ||
14 | super() | ||
15 | } | ||
16 | columns () { | ||
17 | return [ | ||
18 | { | ||
19 | type: 'selection', | ||
20 | label: '全选', | ||
21 | selectable: this.selected | ||
22 | }, | ||
23 | { | ||
24 | label: '序号', | ||
25 | type: 'index', | ||
26 | width: '50', | ||
27 | render: (h, scope) => { | ||
28 | return ( | ||
29 | <div> | ||
30 | {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1} | ||
31 | </div> | ||
32 | ) | ||
33 | } | ||
34 | }, | ||
35 | { | ||
36 | label: "状态", | ||
37 | render: (h, scope) => { | ||
38 | return ( | ||
39 | <div> | ||
40 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a> | ||
41 | <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span> | ||
42 | {/* <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> | ||
43 | <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> | ||
44 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
45 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
46 | <span v-show={scope.row.cfzt == 1}>,已查封</span> | ||
47 | <span v-show={scope.row.diyizt == 1}>,已地役</span> | ||
48 | <span v-show={scope.row.yyzt == 1}>,异议中</span> | ||
49 | <span v-show={scope.row.xzzt == 1}>,已限制</span> | ||
50 | <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span> | ||
51 | <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span> | ||
52 | <span v-show={scope.row.dyzt == 1}>,已抵押</span> */} | ||
53 | </div> | ||
54 | ) | ||
55 | } | ||
56 | }, | ||
57 | { | ||
58 | prop: "qllxmc", | ||
59 | label: "权利类型", | ||
60 | }, | ||
61 | { | ||
62 | prop: "zddm", | ||
63 | label: "宗地代码", | ||
64 | }, | ||
65 | { | ||
66 | prop: "bdcdyh", | ||
67 | label: "不动产单元号", | ||
68 | minWidth: '110' | ||
69 | }, | ||
70 | { | ||
71 | prop: "showQlxz", | ||
72 | label: "权利性质", | ||
73 | }, | ||
74 | { | ||
75 | prop: "zdmj", | ||
76 | label: "宗地面积(㎡)", | ||
77 | }, | ||
78 | { | ||
79 | prop: "qlsdfsmc", | ||
80 | label: "权利设定方式", | ||
81 | }, | ||
82 | { | ||
83 | prop: "showTdyt", | ||
84 | label: "土地用途", | ||
85 | }, | ||
86 | { | ||
87 | prop: "tfh", | ||
88 | label: "图幅号", | ||
89 | }, | ||
90 | { | ||
91 | prop: "djh", | ||
92 | label: "地籍号", | ||
93 | }, | ||
94 | { | ||
95 | prop: "zl", | ||
96 | label: "坐落", | ||
97 | minWidth: '110' | ||
98 | },{ | ||
99 | label: '操作', | ||
100 | width: '80', | ||
101 | align: 'center', | ||
102 | fixed: 'right', | ||
103 | render: (h, scope) => { | ||
104 | return ( | ||
105 | <div> | ||
106 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> | ||
107 | </div> | ||
108 | ) | ||
109 | } | ||
110 | } | ||
111 | ] | ||
112 | } | ||
113 | |||
114 | |||
115 | } | ||
116 | let datas = new data() | ||
117 | export { | ||
118 | datas, | ||
119 | sendThis | ||
120 | } |
... | @@ -45,9 +45,9 @@ class data extends filter { | ... | @@ -45,9 +45,9 @@ class data extends filter { |
45 | } | 45 | } |
46 | }, | 46 | }, |
47 | { | 47 | { |
48 | prop: "bdcqzh", | 48 | prop: "ygdjzlmc", |
49 | label: "不动产登记证明号", | 49 | label: "预告登记种类", |
50 | minWidth: '150' | 50 | minWidth: '100' |
51 | }, | 51 | }, |
52 | { | 52 | { |
53 | prop: "bdcdyh", | 53 | prop: "bdcdyh", |
... | @@ -55,41 +55,34 @@ class data extends filter { | ... | @@ -55,41 +55,34 @@ class data extends filter { |
55 | minWidth: '150' | 55 | minWidth: '150' |
56 | }, | 56 | }, |
57 | { | 57 | { |
58 | prop: "dyfs", | 58 | prop: "bdcqzh", |
59 | label: "抵押方式", | 59 | label: "不动产登记证明号", |
60 | render: (h, scope) => { | 60 | minWidth: '150' |
61 | switch (scope.row.dyfs) { | 61 | }, |
62 | case '1': | ||
63 | return <span>一般抵押</span> | ||
64 | case '2': | ||
65 | return <span>最高额抵押</span> | ||
66 | } | ||
67 | } | ||
68 | }, | ||
69 | { | 62 | { |
70 | prop: "qlrmc", | 63 | prop: "qlrmc", |
71 | label: "抵押权人", | 64 | label: "权利人", |
72 | }, | 65 | }, |
73 | { | 66 | { |
74 | prop: "qlrzjhm", | 67 | prop: "qlrzjhm", |
75 | label: "抵押权人证件号", | 68 | label: "证件号码", |
76 | }, | 69 | }, |
77 | { | 70 | { |
78 | prop: "ywrmc", | 71 | prop: "ywrmc", |
79 | label: "抵押人", | 72 | label: "义务人", |
80 | }, | 73 | }, |
81 | { | 74 | { |
82 | prop: "ywrzjhm", | 75 | prop: "ywrzjhm", |
83 | label: "抵押人证件号", | 76 | label: "证件号码", |
84 | }, | 77 | }, |
85 | { | 78 | { |
86 | prop: "dyje", | 79 | prop: "jzmj", |
87 | label: "抵押金额(万元)", | 80 | label: "建筑面积", |
88 | }, | 81 | }, |
89 | { | 82 | { |
90 | prop: "dymj", | 83 | prop: "qdjg", |
91 | label: "抵押面积", | 84 | label: "被担保主债权数额", |
92 | }, | 85 | }, |
93 | { | 86 | { |
94 | prop: "dyqx", | 87 | prop: "dyqx", |
95 | label: "债务履行期限", | 88 | label: "债务履行期限", | ... | ... |
-
Please register or sign in to post a comment