Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
6f3cfab6 by yangwei
Options

林权受理信息表单

1 parent 8d1b1d7f
Inline Side-by-side
Showing 3 changed files with 505 additions and 1 deletions
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;
......
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>