Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
81fa35a5 by 单帅旗
Options

新增：房屋多幢功能

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