Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
3 changed files
with
505 additions
and
1 deletions
src/api/workflow/lqFlow.js
0 → 100644
1 | /* | ||
2 | * @Description: 房地产权多幢接口 | ||
3 | * @Autor: ssq | ||
4 | * @LastEditTime: 2023-08-02 17:28:21 | ||
5 | */ | ||
6 | import request from '@/utils/request' | ||
7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | ||
8 | |||
9 | /** | ||
10 | * @description: 初始化内容 | ||
11 | * @param {*} data | ||
12 | * @author: 单帅旗 | ||
13 | */ | ||
14 | export function Init (data) { | ||
15 | let apiUrl = ""; | ||
16 | switch (data.get("djlx")) { | ||
17 | case "100": | ||
18 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/lqlr/fristInit"; | ||
19 | break; | ||
20 | case "200": | ||
21 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/lqlr/transferInit"; | ||
22 | break; | ||
23 | case "300": | ||
24 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/lqlr/changeInit"; | ||
25 | break; | ||
26 | case "400": | ||
27 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/lqlr/logoutInit"; | ||
28 | break; | ||
29 | case "500": | ||
30 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/lqlr/riviseInit"; | ||
31 | break; | ||
32 | case "901": | ||
33 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/lqlr/renewalInit"; | ||
34 | break; | ||
35 | case "902": | ||
36 | apiUrl = SERVER.SERVERAPI + "/rest/ywbl/lqlr/replaceInit"; | ||
37 | break; | ||
38 | } | ||
39 | return request({ | ||
40 | url: apiUrl, | ||
41 | method: 'post', | ||
42 | data | ||
43 | }) | ||
44 | } | ||
45 | /** | ||
46 | * @description: 首次登记提交 | ||
47 | * @param {*} data | ||
48 | * @author: ssq | ||
49 | */ | ||
50 | export function saveBatchData (data) { | ||
51 | return request({ | ||
52 | url: SERVER.SERVERAPI + "/rest/ywbl/lqlr/saveBatchData", | ||
53 | method: 'post', | ||
54 | data | ||
55 | }) | ||
56 | } | ||
57 | |||
58 | /** | ||
59 | * @description: 保存 | ||
60 | * @param {*} data | ||
61 | * @author: ssq | ||
62 | */ | ||
63 | export function saveData (data) { | ||
64 | return request({ | ||
65 | url: SERVER.SERVERAPI + "/rest/ywbl/lqlr/saveData", | ||
66 | method: 'post', | ||
67 | data | ||
68 | }) | ||
69 | } | ||
70 |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-06-19 13:16:53 | 4 | * @LastEditTime: 2023-08-02 17:16:44 |
5 | */ | 5 | */ |
6 | //流程环节操作按钮 | 6 | //流程环节操作按钮 |
7 | /** | 7 | /** |
... | @@ -107,6 +107,10 @@ export function getForm(tabName, djywbm) { | ... | @@ -107,6 +107,10 @@ export function getForm(tabName, djywbm) { |
107 | case "zdjbxxImg": | 107 | case "zdjbxxImg": |
108 | form = require("@/views/workflow/components/zdt.vue"); | 108 | form = require("@/views/workflow/components/zdt.vue"); |
109 | break; | 109 | break; |
110 | //林地使用权 | ||
111 | case "lqslxx": | ||
112 | form = require("@/views/ywbl/slsqxx/lqslxx"); | ||
113 | break; | ||
110 | default: | 114 | default: |
111 | form = require("@/views/error-page/404.vue"); | 115 | form = require("@/views/error-page/404.vue"); |
112 | break; | 116 | break; | ... | ... |
src/views/ywbl/slsqxx/lqslxx/index.vue
0 → 100644
1 | <!-- | ||
2 | * @Description: 房屋多幢受理信息 | ||
3 | * @Autor: ssq | ||
4 | * @LastEditTime: 2023-08-03 09:02:02 | ||
5 | --> | ||
6 | <template> | ||
7 | <div class="slxx"> | ||
8 | <el-form | ||
9 | :model="ruleForm" | ||
10 | :rules="rules" | ||
11 | ref="ruleForm" | ||
12 | :label-position="flag ? 'top' : ''" | ||
13 | :inline="flag" | ||
14 | label-width="120px" | ||
15 | > | ||
16 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | ||
17 | <div class="slxx_title title-block"> | ||
18 | 受理信息 | ||
19 | <div class="triangle"></div> | ||
20 | </div> | ||
21 | <el-row :gutter="10" v-if="ruleForm.slsq"> | ||
22 | <el-col :span="8"> | ||
23 | <el-form-item label="业务号:"> | ||
24 | <el-input disabled v-model="ruleForm.flow.ywh"></el-input> | ||
25 | </el-form-item> | ||
26 | </el-col> | ||
27 | <el-col :span="8"> | ||
28 | <el-form-item label="受理人员:"> | ||
29 | <el-input disabled v-model="ruleForm.slsq.slry"></el-input> | ||
30 | </el-form-item> | ||
31 | </el-col> | ||
32 | <el-col :span="8"> | ||
33 | <el-form-item label="受理时间:"> | ||
34 | <el-input disabled v-model="ruleForm.slsq.slsj"></el-input> | ||
35 | </el-form-item> | ||
36 | </el-col> | ||
37 | </el-row> | ||
38 | <el-row :gutter="10" v-if="ruleForm.slsq"> | ||
39 | <el-col :span="8"> | ||
40 | <el-form-item label="权利类型:"> | ||
41 | <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input> | ||
42 | </el-form-item> | ||
43 | </el-col> | ||
44 | <el-col :span="8"> | ||
45 | <el-form-item label="登记类型:"> | ||
46 | <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input> | ||
47 | </el-form-item> | ||
48 | </el-col> | ||
49 | <el-col :span="8"> | ||
50 | <el-form-item label="登记情形:"> | ||
51 | <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input> | ||
52 | </el-form-item> | ||
53 | </el-col> | ||
54 | </el-row> | ||
55 | <!-- <div class="slxx_title title-block"> | ||
56 | 不动产单元情况 | ||
57 | <div class="triangle"></div> | ||
58 | </div> | ||
59 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | ||
60 | <el-col :span="8"> | ||
61 | <el-form-item label="不动产单元号:"> | ||
62 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
63 | </el-form-item> | ||
64 | </el-col> | ||
65 | <el-col :span="16"> | ||
66 | <el-form-item label="坐落:"> | ||
67 | <el-input disabled v-model="ruleForm.qlxx.zl"></el-input> | ||
68 | </el-form-item> | ||
69 | </el-col> | ||
70 | </el-row> | ||
71 | <el-row :gutter="10" v-if="ruleForm.fdcq2"> | ||
72 | <el-col :span="8"> | ||
73 | <el-form-item label="土地使用期限:"> | ||
74 | <el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input> | ||
75 | </el-form-item> | ||
76 | </el-col> | ||
77 | <el-col :span="8"> | ||
78 | <el-form-item label="规划用途名称:"> | ||
79 | <el-input disabled v-model="ruleForm.zdjbxx.ghytmc"></el-input> | ||
80 | </el-form-item> | ||
81 | </el-col> | ||
82 | <el-col :span="8"> | ||
83 | <el-form-item label="房屋性质:"> | ||
84 | <el-input disabled v-model="ruleForm.fdcq2.fwxzmc"></el-input> | ||
85 | </el-form-item> | ||
86 | </el-col> | ||
87 | </el-row> | ||
88 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | ||
89 | <el-col :span="8"> | ||
90 | <el-form-item label="房屋结构:"> | ||
91 | <el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input> | ||
92 | </el-form-item> | ||
93 | </el-col> | ||
94 | <el-col :span="8"> | ||
95 | <el-form-item label="所在层:"> | ||
96 | <el-input disabled v-model="ruleForm.fdcq2.szc"></el-input> | ||
97 | </el-form-item> | ||
98 | </el-col> | ||
99 | <el-col :span="8"> | ||
100 | <el-form-item label="总层数:"> | ||
101 | <el-input disabled v-model="ruleForm.fdcq2.zcs"></el-input> | ||
102 | </el-form-item> | ||
103 | </el-col> | ||
104 | </el-row> | ||
105 | <el-row :gutter="10" v-if="ruleForm.fdcq2"> | ||
106 | <el-col :span="8"> | ||
107 | <el-form-item label="竣工时间:"> | ||
108 | <el-input disabled v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
109 | </el-form-item> | ||
110 | </el-col> | ||
111 | <el-col :span="8"> | ||
112 | <el-form-item label="建筑面积:"> | ||
113 | <el-input disabled v-model="ruleForm.qlxx.mj"></el-input> | ||
114 | </el-form-item> | ||
115 | </el-col> | ||
116 | <el-col :span="8"> | ||
117 | <el-form-item label="专有建筑面积:"> | ||
118 | <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"></el-input> | ||
119 | </el-form-item> | ||
120 | </el-col> | ||
121 | </el-row> | ||
122 | <el-row :gutter="10"> | ||
123 | <el-col :span="8"> | ||
124 | <el-form-item label="分摊建筑面积:"> | ||
125 | <el-input disabled v-model="ruleForm.fdcq2.ftjzmj"></el-input> | ||
126 | </el-form-item> | ||
127 | </el-col> | ||
128 | </el-row> --> | ||
129 | <div class="slxx_title title-block"> | ||
130 | 土地用途 | ||
131 | <div class="triangle"></div> | ||
132 | </div> | ||
133 | <tdytTable | ||
134 | :ableOperation="ableOperation" | ||
135 | :tableData="ruleForm.tdytqxList" | ||
136 | @upDateTdytxxList="upDateTdytxxList" | ||
137 | /> | ||
138 | <div class="slxx_title title-block"> | ||
139 | 权利人信息 | ||
140 | <div class="triangle"></div> | ||
141 | </div> | ||
142 | <el-row :gutter="10"> | ||
143 | <el-col :span="12" v-if="ruleForm.qlxx"> | ||
144 | <el-form-item label="共有方式:"> | ||
145 | <el-radio-group | ||
146 | :disabled="!ableOperation" | ||
147 | v-model="ruleForm.sldy.gyfs" | ||
148 | > | ||
149 | <el-radio label="0">单独所有</el-radio> | ||
150 | <el-radio label="1">共同共有</el-radio> | ||
151 | <el-radio label="2">按份所有</el-radio> | ||
152 | <el-radio label="3">其它共有</el-radio> | ||
153 | </el-radio-group> | ||
154 | </el-form-item> | ||
155 | </el-col> | ||
156 | <!-- <el-col :span="5"> | ||
157 | <el-form-item label="发证方式:"> | ||
158 | <el-radio-group v-model="ruleForm.slsq.fzfs" :disabled="!ableOperation"> | ||
159 | <el-radio label="1">小证</el-radio> | ||
160 | <el-radio label="2">大证</el-radio> | ||
161 | </el-radio-group> | ||
162 | </el-form-item> | ||
163 | </el-col> --> | ||
164 | |||
165 | <el-col :span="6" v-show="ruleForm.sldy.gyfs == '2'"> | ||
166 | <el-form-item label="是否分别持证:"> | ||
167 | <el-radio-group | ||
168 | v-model="ruleForm.sldy.sqfbcz" | ||
169 | :disabled="!ableOperation" | ||
170 | > | ||
171 | <el-radio label="1">是</el-radio> | ||
172 | <el-radio label="0">否</el-radio> | ||
173 | </el-radio-group> | ||
174 | </el-form-item> | ||
175 | </el-col> | ||
176 | <el-col :span="6" v-show="ruleForm.sldy.gyfs == '2'"> | ||
177 | <el-form-item label="持证人:"> | ||
178 | <el-select | ||
179 | v-model="ruleForm.slsq.czr" | ||
180 | placeholder="持证人" | ||
181 | :disabled="!ableOperation" | ||
182 | > | ||
183 | <el-option | ||
184 | v-for="item in czrOptions" | ||
185 | :key="item.value" | ||
186 | :label="item.label" | ||
187 | :value="item.value" | ||
188 | > | ||
189 | </el-option> | ||
190 | </el-select> | ||
191 | </el-form-item> | ||
192 | </el-col> | ||
193 | </el-row> | ||
194 | <qlrCommonTable | ||
195 | @upDateQlrxxList="upDateQlrxxList" | ||
196 | :tableData="ruleForm.qlrList" | ||
197 | :disabled="!ableOperation" | ||
198 | :gyfs="ruleForm.slsq.gyfs" | ||
199 | /> | ||
200 | |||
201 | <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> | ||
202 | <div class="slxx_title title-block"> | ||
203 | 义务人信息 | ||
204 | <div class="triangle"></div> | ||
205 | </div> | ||
206 | <qlrCommonTable | ||
207 | v-if="ruleForm.qlxx" | ||
208 | @upDateQlrxxList="upDateYwrxxList" | ||
209 | :tableData="ruleForm.ywrList" | ||
210 | :gyfs="ruleForm.qlxx.gyfs" | ||
211 | /> | ||
212 | </div> | ||
213 | <div class="slxx_title title-block"> | ||
214 | 登记原因 | ||
215 | <div class="triangle"></div> | ||
216 | </div> | ||
217 | <!-- <el-row :gutter="10"> | ||
218 | <el-col> | ||
219 | <el-form-item v-if="ruleForm.sldy" label="登记原因:" prop="djyy"> | ||
220 | <el-input | ||
221 | class="textArea" | ||
222 | type="textarea" | ||
223 | :disabled="!ableOperation" | ||
224 | v-model="ruleForm.fdcq2.djyy" | ||
225 | > | ||
226 | </el-input> | ||
227 | </el-form-item> | ||
228 | </el-col> | ||
229 | </el-row> --> | ||
230 | </div> | ||
231 | <el-row class="btn" v-if="ableOperation"> | ||
232 | <el-form-item> | ||
233 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
234 | </el-form-item> | ||
235 | </el-row> | ||
236 | </el-form> | ||
237 | </div> | ||
238 | </template> | ||
239 | <script> | ||
240 | import ywmix from "@/views/ywbl/mixin/index"; | ||
241 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | ||
242 | import tdytTable from "@/views/workflow/components/tdytTable"; | ||
243 | import { Init, saveData } from "@/api/workflow/lqFlow.js"; | ||
244 | import { mapGetters } from "vuex"; | ||
245 | export default { | ||
246 | mixins: [ywmix], | ||
247 | mounted() { | ||
248 | this.ableOperation = this.$parent.currentSelectTab.ableOperation; | ||
249 | this.propsParam = this.$attrs; | ||
250 | var formdata = new FormData(); | ||
251 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
252 | formdata.append("djlx", this.propsParam.djlx); | ||
253 | formdata.append("isEdit", this.ableOperation); | ||
254 | Init(formdata).then((res) => { | ||
255 | if (res.code === 200 && res.result) { | ||
256 | this.ruleForm = { | ||
257 | ...res.result, | ||
258 | ...res.result.qlxxdatas, | ||
259 | }; | ||
260 | //初始化发证方式,1:小证,2:大正 | ||
261 | this.ruleForm.slsq.fzfs == null | ||
262 | ? (this.ruleForm.slsq.fzfs = "1") | ||
263 | : this.ruleForm.slsq.fzfs; | ||
264 | } | ||
265 | }); | ||
266 | }, | ||
267 | components: { qlrCommonTable, tdytTable }, | ||
268 | computed: { | ||
269 | ...mapGetters(["dictData", "flag"]), | ||
270 | }, | ||
271 | data() { | ||
272 | return { | ||
273 | disabled: true, | ||
274 | tdytOption: [], | ||
275 | czrOptions: [], | ||
276 | ruleForm: { | ||
277 | flow: { | ||
278 | ywh: "", | ||
279 | }, | ||
280 | qlxx: { | ||
281 | mj: "", | ||
282 | }, | ||
283 | sldy: { | ||
284 | gyfs: "", | ||
285 | }, | ||
286 | slsq: {}, | ||
287 | fdcq2: { | ||
288 | zyjzmj: "", | ||
289 | ftjzmj: "", | ||
290 | }, | ||
291 | zdjbxx: { | ||
292 | ghytmc: "", | ||
293 | }, | ||
294 | }, | ||
295 | //传递参数 | ||
296 | propsParam: this.$attrs, | ||
297 | //表单是否可操作 | ||
298 | ableOperation: true, | ||
299 | rules: {}, | ||
300 | }; | ||
301 | }, | ||
302 | methods: { | ||
303 | // 更新土地用途信息 | ||
304 | /** | ||
305 | * @description: 更新土地用途信息 | ||
306 | * @param {*} val | ||
307 | * @author: renchao | ||
308 | */ | ||
309 | upDateTdytxxList(val) { | ||
310 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
311 | this.key++; | ||
312 | }, | ||
313 | // 更新权利人信息 | ||
314 | /** | ||
315 | * @description: 更新权利人信息 | ||
316 | * @param {*} val | ||
317 | * @author: renchao | ||
318 | */ | ||
319 | upDateQlrxxList(val) { | ||
320 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
321 | }, | ||
322 | // 更新权利人信息 | ||
323 | /** | ||
324 | * @description: 更新权利人信息 | ||
325 | * @param {*} val | ||
326 | * @author: renchao | ||
327 | */ | ||
328 | upDateYwrxxList(val) { | ||
329 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
330 | }, | ||
331 | /** | ||
332 | * @description: onSubmit | ||
333 | * @author: renchao | ||
334 | */ | ||
335 | onSubmit() { | ||
336 | saveData(this.ruleForm).then((res) => { | ||
337 | if (res.code === 200) { | ||
338 | this.$message({ | ||
339 | showClose: true, | ||
340 | message: "保存成功!", | ||
341 | type: "success", | ||
342 | }); | ||
343 | this.$store.dispatch("user/refreshPage", true); | ||
344 | } else { | ||
345 | this.$message({ | ||
346 | showClose: true, | ||
347 | message: res.message, | ||
348 | type: "error", | ||
349 | }); | ||
350 | } | ||
351 | }); | ||
352 | }, | ||
353 | }, | ||
354 | }; | ||
355 | </script> | ||
356 | <style scoped lang="scss"> | ||
357 | @import "~@/styles/public.scss"; | ||
358 | |||
359 | /deep/.el-form { | ||
360 | display: flex; | ||
361 | flex-direction: column; | ||
362 | height: calc(100vh - 130px); | ||
363 | } | ||
364 | |||
365 | /deep/.el-form-item__label { | ||
366 | padding: 0; | ||
367 | } | ||
368 | |||
369 | /deep/.el-radio { | ||
370 | margin-right: 10px; | ||
371 | } | ||
372 | |||
373 | /deep/.el-select { | ||
374 | width: 100%; | ||
375 | } | ||
376 | |||
377 | /deep/.el-form-item { | ||
378 | margin-bottom: 8px; | ||
379 | } | ||
380 | |||
381 | .marginBot0 { | ||
382 | margin-bottom: 0 !important; | ||
383 | } | ||
384 | |||
385 | .slxx { | ||
386 | box-sizing: border-box; | ||
387 | } | ||
388 | |||
389 | .slxx_con { | ||
390 | flex: 1; | ||
391 | height: 100%; | ||
392 | background-color: #ffffff; | ||
393 | overflow-y: auto; | ||
394 | padding-right: 3px; | ||
395 | overflow-x: hidden; | ||
396 | } | ||
397 | |||
398 | .submit_btn { | ||
399 | height: 50px; | ||
400 | } | ||
401 | |||
402 | .slxx_title { | ||
403 | border-bottom: 1px solid $borderColor; | ||
404 | padding-left: 10px; | ||
405 | padding-bottom: 5px; | ||
406 | margin-bottom: 10px; | ||
407 | margin-top: 5px; | ||
408 | font-size: 16px; | ||
409 | font-weight: 500; | ||
410 | color: #4a4a4a; | ||
411 | } | ||
412 | |||
413 | .btn { | ||
414 | text-align: center; | ||
415 | padding-top: 10px; | ||
416 | height: 36px; | ||
417 | background-color: #ffffff; | ||
418 | padding: 5px 0; | ||
419 | } | ||
420 | |||
421 | .textArea { | ||
422 | /deep/.el-textarea__inner { | ||
423 | min-height: 90px !important; | ||
424 | } | ||
425 | } | ||
426 | |||
427 | /deep/.el-form-item__label { | ||
428 | padding-bottom: 0px; | ||
429 | } | ||
430 | </style> |
-
Please register or sign in to post a comment