Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
633385d8 by 夏齐
Options

首次登记和注销登记代码优化

1 parent 6920a538
Inline Side-by-side
Showing 7 changed files with 15 additions and 1109 deletions
...@@ -32,22 +32,6 @@ export function Init(data) { ...@@ -32,22 +32,6 @@ export function Init(data) {
32 data 32 data
33 }) 33 })
34 } 34 }
35 // 初始化内容
36 export function saveData (data) {
37 return request({
38 url: SERVER.SERVERAPI + '/rest/ywbl/fdcq2lr/saveData',
39 method: 'post',
40 data
41 })
42 }
43 // 注销登记提交数据
44 export function saveLogoutData(data) {
45 return request({
46 url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveLogoutData",
47 method: 'post',
48 data
49 })
50 }
51 // 首次登记提交 35 // 首次登记提交
52 export function saveBatchData(data) { 36 export function saveBatchData(data) {
53 return request({ 37 return request({
...@@ -56,20 +40,5 @@ export function saveBatchData(data) { ...@@ -56,20 +40,5 @@ export function saveBatchData(data) {
56 data 40 data
57 }) 41 })
58 } 42 }
59 // 更正/变更登记提交 43
60 export function saveGZBatchData(data) {
61 return request({
62 url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveGZBatchData",
63 method: 'post',
64 data
65 })
66 }
67 // 更正/变更登记提交
68 export function saveBHZData(data) {
69 return request({
70 url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveBHZData",
71 method: 'post',
72 data
73 })
74 }
75 44
......
...@@ -41,36 +41,5 @@ export function saveData (data) { ...@@ -41,36 +41,5 @@ export function saveData (data) {
41 data 41 data
42 }) 42 })
43 } 43 }
44 // 注销登记提交数据 44
45 export function saveLogoutData(data) {
46 return request({
47 url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveLogoutData",
48 method: 'post',
49 data
50 })
51 }
52 // 首次登记提交
53 export function saveBatchData(data) {
54 return request({
55 url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveBatchData",
56 method: 'post',
57 data
58 })
59 }
60 // 更正/变更登记提交
61 export function saveGZBatchData(data) {
62 return request({
63 url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveGZBatchData",
64 method: 'post',
65 data
66 })
67 }
68 // 更正/变更登记提交
69 export function saveBHZData(data) {
70 return request({
71 url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveBHZData",
72 method: 'post',
73 data
74 })
75 }
76 45
......
...@@ -12,18 +12,9 @@ export function getForm(tabName, djywbm) { ...@@ -12,18 +12,9 @@ export function getForm(tabName, djywbm) {
12 case "fwsyqslxx100": 12 case "fwsyqslxx100":
13 form = require("@/views/ywbl/fdcq2/slxx.vue"); 13 form = require("@/views/ywbl/fdcq2/slxx.vue");
14 break; 14 break;
15 case "fwsyqslxx200":
16 form = require("@/views/ywbl/fdcq2/slxx200.vue");
17 break;
18 case "fwsyqslxx300": 15 case "fwsyqslxx300":
19 form = require("@/views/ywbl/fdcq2/slxx300.vue"); 16 form = require("@/views/ywbl/fdcq2/slxx300.vue");
20 break; 17 break;
21 case "fwsyqslxx400":
22 form = require("@/views/ywbl/fdcq2/slxx400.vue");
23 break;
24 case "fwsyqslxx900":
25 form = require("@/views/ywbl/fdcq2/slxx900.vue");
26 break;
27 case "nydsyqslxx100": 18 case "nydsyqslxx100":
28 form = require("@/views/ywbl/nydsyq/slxx.vue"); 19 form = require("@/views/ywbl/nydsyq/slxx.vue");
29 break; 20 break;
......
...@@ -134,9 +134,10 @@ ...@@ -134,9 +134,10 @@
134 <el-col :span="14" v-if="ruleForm.qlxx"> 134 <el-col :span="14" v-if="ruleForm.qlxx">
135 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式："> 135 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
136 <el-radio-group :disabled="$route.query.viewtype==1" @change="showCZInfo" v-model="ruleForm.slywxx.gyfs"> 136 <el-radio-group :disabled="$route.query.viewtype==1" @change="showCZInfo" v-model="ruleForm.slywxx.gyfs">
137 <el-radio label="1">单独所有</el-radio> 137 <el-radio label="0">单独所有</el-radio>
138 <el-radio label="2">共同共有</el-radio> 138 <el-radio label="1">共同共有</el-radio>
139 <el-radio label="3">按份所有</el-radio> 139 <el-radio label="2">按份所有</el-radio>
140 <el-radio label="3">其它共有</el-radio>
140 </el-radio-group> 141 </el-radio-group>
141 </el-form-item> 142 </el-form-item>
142 </el-col> 143 </el-col>
...@@ -168,6 +169,15 @@ ...@@ -168,6 +169,15 @@
168 </el-row> 169 </el-row>
169 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" 170 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
170 :gyfs="ruleForm.qlxx.gyfs" /> 171 :gyfs="ruleForm.qlxx.gyfs" />
172
173 <div v-if="ruleForm.ywrList.length>0">
174 <div class="slxx_title title-block">
175 义务人信息
176 <div class="triangle"></div>
177 </div>
178 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
179 :gyfs="ruleForm.qlxx.gyfs" />
180 </div>
171 <div class="slxx_title title-block"> 181 <div class="slxx_title title-block">
172 登记原因 182 登记原因
173 <div class="triangle"></div> 183 <div class="triangle"></div>
......
1 <template>
2 <!-- 受理信息 -->
3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
5 label-width="120px">
6 <div class="slxx_con">
7 <div class="slxx_title title-block">
8 受理信息
9 <div class="triangle"></div>
10 </div>
11 <el-row :gutter="10" v-if="ruleForm.slywxx">
12 <el-col :span="8">
13 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：">
14 <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
15 </el-form-item>
16 </el-col>
17 <el-col :span="8">
18 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：">
19 <el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="8">
23 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：">
24 <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row :gutter="10" v-if="ruleForm.slywxx">
29 <el-col :span="8">
30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
31 <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：">
36 <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：">
41 <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
42 </el-form-item>
43 </el-col>
44 </el-row>
45 <div class="slxx_title title-block">
46 不动产单元情况
47 <div class="triangle"></div>
48 </div>
49 <el-row :gutter="10" v-if="ruleForm.qlxx">
50 <el-col :span="8">
51 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：">
52 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="16">
56 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
57 <el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10" v-if="ruleForm.fdcq2">
62 <el-col :span="8">
63 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途：">
64 <el-input disabled v-model="ruleForm.fdcq2.yt"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用起止时间：">
69 <el-input disabled v-model="ruleForm.fdcq2.tdsyqzsj"></el-input>
70 </el-form-item>
71 </el-col>
72 <el-col :span="8">
73 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用期限：">
74 <el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input>
75 </el-form-item>
76 </el-col>
77 </el-row>
78 <el-row :gutter="10" v-if="ruleForm.qlxx">
79 <el-col :span="8">
80 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途：">
81 <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input>
82 </el-form-item>
83 </el-col>
84 <el-col :span="8">
85 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质：">
86 <el-input disabled v-model="ruleForm.fdcq2.fwxzmc"></el-input>
87 </el-form-item>
88 </el-col>
89 <el-col :span="8">
90 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构：">
91 <el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input>
92 </el-form-item>
93 </el-col>
94 </el-row>
95 <el-row :gutter="10" v-if="ruleForm.fdcq2">
96 <el-col :span="8">
97 <el-form-item :class="flag ? 'marginBot0' : ''" label="所在层：">
98 <el-input disabled v-model="ruleForm.fdcq2.szc"></el-input>
99 </el-form-item>
100 </el-col>
101 <el-col :span="8">
102 <el-form-item :class="flag ? 'marginBot0' : ''" label="总层数：">
103 <el-input disabled v-model="ruleForm.fdcq2.zcs"></el-input>
104 </el-form-item>
105 </el-col>
106 <el-col :span="8">
107 <el-form-item :class="flag ? 'marginBot0' : ''" label="竣工时间：">
108 <el-input disabled v-model="ruleForm.fdcq2.jgsj"></el-input>
109 </el-form-item>
110 </el-col>
111 </el-row>
112 <el-row :gutter="10" v-if="ruleForm.qlxx">
113 <el-col :span="8">
114 <el-form-item :class="flag ? 'marginBot0' : ''" label="建筑面积：">
115 <el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
116 </el-form-item>
117 </el-col>
118 <el-col :span="8">
119 <el-form-item :class="flag ? 'marginBot0' : ''" label="专有建筑面积：">
120 <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"></el-input>
121 </el-form-item>
122 </el-col>
123 <el-col :span="8">
124 <el-form-item :class="flag ? 'marginBot0' : ''" 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 <el-row :gutter="10">
134 <el-col :span="14" v-if="ruleForm.qlxx">
135 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
136 <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.slywxx.gyfs">
137 <el-radio label="1">单独所有</el-radio>
138 <el-radio label="2">共同共有</el-radio>
139 <el-radio label="3">按份所有</el-radio>
140 </el-radio-group>
141 </el-form-item>
142 </el-col>
143 <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
144 <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
145 <el-radio-group v-model="ruleForm.sffbcz">
146 <el-radio label="1">是</el-radio>
147 <el-radio label="0">否</el-radio>
148 </el-radio-group>
149 </el-form-item>
150 </el-col>
151 <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
152 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
153 <el-select v-model="ruleForm.czr" placeholder="持证人">
154 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
155 </el-option>
156 </el-select>
157 </el-form-item>
158 </el-col>
159 </el-row>
160 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
161 :gyfs="ruleForm.qlxx.gyfs" />
162 <div class="slxx_title title-block">
163 义务人信息
164 <div class="triangle"></div>
165 </div>
166 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
167 :gyfs="ruleForm.qlxx.gyfs" />
168 <div class="slxx_title title-block">
169 登记原因
170 <div class="triangle"></div>
171 </div>
172 <el-row :gutter="10">
173 <el-col>
174 <el-form-item v-if="ruleForm.fdcq2" :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
175 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1"
176 v-model="ruleForm.fdcq2.djyy">
177 </el-input>
178 </el-form-item>
179 </el-col>
180 </el-row>
181 </div>
182 <el-row class="btn" v-if="!$route.query.viewtype">
183 <el-form-item :class="flag ? 'marginBot0' : ''">
184 <el-button type="primary" @click="onSubmit">保存</el-button>
185 </el-form-item>
186 </el-row>
187 </el-form>
188 </div>
189 </template>
190 <script>
191 import InformationTable from "@/views/workflow/components/InformationTable";
192 import { Init, saveData } from "@/api/fwsyqFlow.js";
193 import { mapGetters } from "vuex";
194 export default {
195 async created () {
196 //this.propsParam = this.$attrs;
197 var formdata = new FormData();
198 formdata.append("bsmSldy", this.propsParam.bsmSldy);
199 formdata.append("djlx", this.propsParam.djlx);
200 Init(formdata).then(res => {
201 if (res.code === 200 && res.result) {
202 // this.ruleForm = {
203 // ...res.result.slywxx,
204 // ...res.result.zdjbxx,
205 // ...res.result.qlxx,
206 // ...res.result.fdcq2,
207 // };
208 this.ruleForm = res.result;
209 }
210 })
211 },
212 components: { InformationTable },
213 computed: {
214 ...mapGetters(["dictData", "flag"]),
215 },
216 data () {
217 return {
218 disabled: true,
219 tdytOption: [],
220 czrOptions: [],
221 ruleForm: {},
222 //传递参数
223 propsParam: this.$attrs,
224 rules: {},
225 };
226 },
227 methods: {
228 // 更新权利人信息
229 upDateQlrxxList (val) {
230 this.ruleForm.qlrList = _.cloneDeep(val);
231 },
232 // 更新权利人信息
233 upDateYwrxxList (val) {
234 this.ruleForm.ywrList = _.cloneDeep(val);
235 },
236 list (bsmSldy) {
237 var formdata = new FormData();
238 formdata.append("bsmSldy", bsmSldy);
239 Init(formdata).then((res) => {
240 if (res.code === 200 && res.result) {
241 this.ruleForm = {
242 ...res.result,
243 ...res.result.zdjbxxdatas,
244 ...res.result.qlxxdatas,
245 ...res.result.jsydsyqdatas,
246 };
247 }
248 });
249 },
250 onSubmit () {
251 saveData(this.ruleForm).then((res) => {
252 if (res.code === 200) {
253 this.$message({
254 showClose: true,
255 message: "保存成功！",
256 type: "success",
257 });
258 } else {
259 this.$message({
260 showClose: true,
261 message: res.message,
262 type: "error",
263 });
264 }
265 });
266 },
267 },
268 };
269 </script>
270 <style scoped lang='scss'>
271 @import "~@/styles/public.scss";
272
273 /deep/.el-form {
274 display: flex;
275 flex-direction: column;
276 height: calc(100vh - 130px);
277 background-color: aqua;
278 }
279
280 /deep/.el-form-item__label {
281 padding: 0;
282 }
283
284 /deep/.el-radio {
285 margin-right: 10px;
286 }
287
288 /deep/.el-select {
289 width: 100%;
290 }
291
292 /deep/.el-form-item {
293 margin-bottom: 8px;
294 }
295
296 .marginBot0 {
297 margin-bottom: 0 !important;
298 }
299
300 .slxx {
301 box-sizing: border-box;
302 }
303
304 .slxx_con {
305 flex: 1;
306 height: 100%;
307 background-color: #ffffff;
308 overflow-y: auto;
309 padding-right: 3px;
310 overflow-x: hidden;
311 }
312
313 .submit_btn {
314 height: 50px;
315 }
316
317 .slxx_title {
318 border-bottom: 1px solid $borderColor;
319 padding-left: 10px;
320 padding-bottom: 5px;
321 margin-bottom: 10px;
322 margin-top: 5px;
323 font-size: 16px;
324 font-weight: 500;
325 color: #4a4a4a;
326 }
327
328 .btn {
329 text-align: center;
330 padding-top: 10px;
331 height: 36px;
332 background-color: #ffffff;
333 padding: 5px 0;
334 }
335
336 .textArea {
337 /deep/.el-textarea__inner {
338 min-height: 90px !important;
339 }
340 }
341
342 /deep/.el-form-item__label {
343 padding-bottom: 0px;
344 }
345 </style>
1 <template>
2 <!-- 受理信息 -->
3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
5 label-width="120px">
6 <div class="slxx_con">
7 <div class="slxx_title title-block">
8 受理信息
9 <div class="triangle"></div>
10 </div>
11 <el-row :gutter="10" v-if="ruleForm.slywxx">
12 <el-col :span="8">
13 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：">
14 <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
15 </el-form-item>
16 </el-col>
17 <el-col :span="8">
18 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：">
19 <el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="8">
23 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：">
24 <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row :gutter="10" v-if="ruleForm.slywxx">
29 <el-col :span="8">
30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
31 <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：">
36 <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：">
41 <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
42 </el-form-item>
43 </el-col>
44 </el-row>
45 <div class="slxx_title title-block">
46 不动产单元情况
47 <div class="triangle"></div>
48 </div>
49
50 <el-row :gutter="10" v-if="ruleForm.qlxx">
51 <el-col :span="8">
52 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：">
53 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
54 </el-form-item>
55 </el-col>
56 <el-col :span="8">
57 <el-form-item :class="flag ? 'marginBot0' : ''" label="原不动产证号：">
58 <el-input disabled v-model="ruleForm.slywxx.ybdcqzsh"></el-input>
59 </el-form-item>
60 </el-col>
61 <el-col :span="8">
62 <el-form-item :class="flag ? 'marginBot0' : ''" label="竣工时间：">
63 <el-input disabled v-model="ruleForm.fdcq2.jgsj"></el-input>
64 </el-form-item>
65 </el-col>
66 </el-row>
67 <el-row :gutter="10" v-if="ruleForm.fdcq2">
68 <el-col :span="8">
69 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途：">
70 <el-input disabled v-model="ruleForm.fdcq2.yt"></el-input>
71 </el-form-item>
72 </el-col>
73 <el-col :span="8">
74 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用起止时间：">
75 <el-input disabled v-model="ruleForm.fdcq2.tdsyqzsj"></el-input>
76 </el-form-item>
77 </el-col>
78 <el-col :span="8">
79 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用期限：">
80 <el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input>
81 </el-form-item>
82 </el-col>
83 </el-row>
84 <el-row :gutter="10" v-if="ruleForm.qlxx">
85 <el-col :span="8">
86 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途：">
87 <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质：">
92 <el-input disabled v-model="ruleForm.fdcq2.fwxzmc"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构：">
97 <el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input>
98 </el-form-item>
99 </el-col>
100 </el-row>
101 <el-row :gutter="10" v-if="ruleForm.fdcq2">
102 <el-col :span="8">
103 <el-form-item :class="flag ? 'marginBot0' : ''" label="所在层：">
104 <el-input disabled v-model="ruleForm.fdcq2.szc"></el-input>
105 </el-form-item>
106 </el-col>
107 <el-col :span="8">
108 <el-form-item :class="flag ? 'marginBot0' : ''" label="总层数：">
109 <el-input disabled v-model="ruleForm.fdcq2.zcs"></el-input>
110 </el-form-item>
111 </el-col>
112 <el-col :span="8">
113 <el-form-item :class="flag ? 'marginBot0' : ''" label="建筑面积：">
114 <el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
115 </el-form-item>
116 </el-col>
117 </el-row>
118 <el-row :gutter="10" v-if="ruleForm.qlxx">
119
120 <el-col :span="8">
121 <el-form-item :class="flag ? 'marginBot0' : ''" label="专有建筑面积：">
122 <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"></el-input>
123 </el-form-item>
124 </el-col>
125 <el-col :span="8">
126 <el-form-item :class="flag ? 'marginBot0' : ''" label="分摊建筑面积：">
127 <el-input disabled v-model="ruleForm.fdcq2.ftjzmj"></el-input>
128 </el-form-item>
129 </el-col>
130 <el-col :span="16">
131 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
132 <el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
133 </el-form-item>
134 </el-col>
135 </el-row>
136 <div class="slxx_title title-block">
137 权利人信息
138 <div class="triangle"></div>
139 </div>
140 <el-row :gutter="10">
141 <el-col :span="14" v-if="ruleForm.qlxx">
142 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
143 <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.slywxx.gyfs">
144 <el-radio label="1">单独所有</el-radio>
145 <el-radio label="2">共同共有</el-radio>
146 <el-radio label="3">按份所有</el-radio>
147 </el-radio-group>
148 </el-form-item>
149 </el-col>
150 <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
151 <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
152 <el-radio-group v-model="ruleForm.sffbcz">
153 <el-radio label="1">是</el-radio>
154 <el-radio label="0">否</el-radio>
155 </el-radio-group>
156 </el-form-item>
157 </el-col>
158 <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
159 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
160 <el-select v-model="ruleForm.czr" placeholder="持证人">
161 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
162 </el-option>
163 </el-select>
164 </el-form-item>
165 </el-col>
166 </el-row>
167 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
168 :gyfs="ruleForm.qlxx.gyfs" />
169 <div class="slxx_title title-block">
170 登记原因
171 <div class="triangle"></div>
172 </div>
173 <el-row :gutter="10">
174 <el-col>
175 <el-form-item v-if="ruleForm.fdcq2" :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
176 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1"
177 v-model="ruleForm.fdcq2.djyy">
178 </el-input>
179 </el-form-item>
180 </el-col>
181 </el-row>
182 </div>
183 <el-row class="btn" v-if="!$route.query.viewtype">
184 <el-form-item :class="flag ? 'marginBot0' : ''">
185 <el-button type="primary" @click="onSubmit">保存</el-button>
186 </el-form-item>
187 </el-row>
188 </el-form>
189 </div>
190 </template>
191 <script>
192 import InformationTable from "@/views/workflow/components/InformationTable";
193 import {Init, saveData, saveLogoutData} from "@/api/fwsyqFlow.js";
194 import { mapGetters } from "vuex";
195 export default {
196 async created () {
197 this.propsParam = this.$attrs;
198 var formdata = new FormData();
199 formdata.append("bsmSldy", this.propsParam.bsmSldy);
200 formdata.append("djlx", this.propsParam.djlx);
201 Init(formdata).then((res) => {
202 if (res.code === 200 && res.result) {
203 this.ruleForm = {
204 ...res.result,
205 ...res.result.zdjbxxdatas,
206 ...res.result.qlxxdatas,
207 ...res.result.jsydsyqdatas,
208 };
209 }
210 });
211 },
212 components: { InformationTable },
213 computed: {
214 ...mapGetters(["dictData", "flag"]),
215 },
216 data () {
217 return {
218 disabled: true,
219 tdytOption: [],
220 czrOptions: [],
221 ruleForm: {
222 ywh: "",
223 slry: "",
224 slsj: "",
225 qllx: "",
226 djlx: "",
227 djqx: "",
228 // 宗地代码
229 zddm: "",
230 bdcdyh: "",
231 qlxzmc: "",
232 qlrxx: [],
233 // 自然幢号
234 zrzh: "",
235 // 户不动产单元号
236 hbdcdyh: '',
237 djzt: '',
238 // 图幅丘幢号
239 tfqzh: '',
240 zl: '',
241 // 房屋用途
242 fwyt: '',
243 fwxz: '',
244 fwjg: '',
245 // 权利人信息
246 gyfs: "1",
247 // 是否分别持证
248 sffbcz: "",
249 // 持证人
250 czr: "",
251 djyy: ''
252 },
253 //传递参数
254 propsParam: {},
255 rules: {},
256 };
257 },
258 methods: {
259 // 更新权利人信息
260 upDateQlrxxList (val) {
261 this.ruleForm.qlrList = _.cloneDeep(val);
262 },
263 // 更新权利人信息
264 upDateYwrxxList (val) {
265 this.ruleForm.ywrList = _.cloneDeep(val);
266 },
267 onSubmit () {
268 saveLogoutData(this.ruleForm).then((res) => {
269 if (res.code === 200) {
270 this.$message({
271 showClose: true,
272 message: "保存成功！",
273 type: "success",
274 });
275 } else {
276 this.$message({
277 showClose: true,
278 message: res.message,
279 type: "error",
280 });
281 }
282 });
283 },
284 },
285 };
286 </script>
287 <style scoped lang='scss'>
288 @import "~@/styles/public.scss";
289
290 /deep/.el-form {
291 display: flex;
292 flex-direction: column;
293 height: calc(100vh - 130px);
294 background-color: aqua;
295 }
296
297 /deep/.el-form-item__label {
298 padding: 0;
299 }
300
301 /deep/.el-radio {
302 margin-right: 10px;
303 }
304
305 /deep/.el-select {
306 width: 100%;
307 }
308
309 /deep/.el-form-item {
310 margin-bottom: 8px;
311 }
312
313 .marginBot0 {
314 margin-bottom: 0 !important;
315 }
316
317 .slxx {
318 box-sizing: border-box;
319 }
320
321 .slxx_con {
322 flex: 1;
323 height: 100%;
324 background-color: #ffffff;
325 overflow-y: auto;
326 padding-right: 3px;
327 overflow-x: hidden;
328 }
329
330 .submit_btn {
331 height: 50px;
332 }
333
334 .slxx_title {
335 border-bottom: 1px solid $borderColor;
336 padding-left: 10px;
337 padding-bottom: 5px;
338 margin-bottom: 10px;
339 margin-top: 5px;
340 font-size: 16px;
341 font-weight: 500;
342 color: #4a4a4a;
343 }
344
345 .btn {
346 text-align: center;
347 padding-top: 10px;
348 height: 36px;
349 background-color: #ffffff;
350 padding: 5px 0;
351 }
352
353 .textArea {
354 /deep/.el-textarea__inner {
355 min-height: 90px !important;
356 }
357 }
358
359 /deep/.el-form-item__label {
360 padding-bottom: 0px;
361 }
362 </style>
1 <template>
2 <!-- 受理信息 -->
3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
5 label-width="120px">
6 <div class="slxx_con">
7 <div class="slxx_title title-block">
8 受理信息
9 <div class="triangle"></div>
10 </div>
11 <el-row :gutter="10" v-if="ruleForm.slywxx">
12 <el-col :span="8">
13 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：">
14 <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
15 </el-form-item>
16 </el-col>
17 <el-col :span="8">
18 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：">
19 <el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="8">
23 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：">
24 <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row :gutter="10" v-if="ruleForm.slywxx">
29 <el-col :span="8">
30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
31 <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：">
36 <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：">
41 <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
42 </el-form-item>
43 </el-col>
44 </el-row>
45 <div class="slxx_title title-block">
46 不动产单元情况
47 <div class="triangle"></div>
48 </div>
49 <el-row :gutter="10" v-if="ruleForm.qlxx">
50 <el-col :span="8">
51 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：">
52 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="16">
56 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
57 <el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10" v-if="ruleForm.fdcq2">
62 <el-col :span="8">
63 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途：">
64 <el-input disabled v-model="ruleForm.fdcq2.yt"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用起止时间：">
69 <el-input disabled v-model="ruleForm.fdcq2.tdsyqzsj"></el-input>
70 </el-form-item>
71 </el-col>
72 <el-col :span="8">
73 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用期限：">
74 <el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input>
75 </el-form-item>
76 </el-col>
77 </el-row>
78 <el-row :gutter="10" v-if="ruleForm.qlxx">
79 <el-col :span="8">
80 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途：">
81 <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input>
82 </el-form-item>
83 </el-col>
84 <el-col :span="8">
85 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质：">
86 <el-input disabled v-model="ruleForm.fdcq2.fwxzmc"></el-input>
87 </el-form-item>
88 </el-col>
89 <el-col :span="8">
90 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构：">
91 <el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input>
92 </el-form-item>
93 </el-col>
94 </el-row>
95 <el-row :gutter="10" v-if="ruleForm.fdcq2">
96 <el-col :span="8">
97 <el-form-item :class="flag ? 'marginBot0' : ''" label="所在层：">
98 <el-input disabled v-model="ruleForm.fdcq2.szc"></el-input>
99 </el-form-item>
100 </el-col>
101 <el-col :span="8">
102 <el-form-item :class="flag ? 'marginBot0' : ''" label="总层数：">
103 <el-input disabled v-model="ruleForm.fdcq2.zcs"></el-input>
104 </el-form-item>
105 </el-col>
106 <el-col :span="8">
107 <el-form-item :class="flag ? 'marginBot0' : ''" label="竣工时间：">
108 <el-input disabled v-model="ruleForm.fdcq2.jgsj"></el-input>
109 </el-form-item>
110 </el-col>
111 </el-row>
112 <el-row :gutter="10" v-if="ruleForm.qlxx">
113 <el-col :span="8">
114 <el-form-item :class="flag ? 'marginBot0' : ''" label="建筑面积：">
115 <el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
116 </el-form-item>
117 </el-col>
118 <el-col :span="8">
119 <el-form-item :class="flag ? 'marginBot0' : ''" label="专有建筑面积：">
120 <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"></el-input>
121 </el-form-item>
122 </el-col>
123 <el-col :span="8">
124 <el-form-item :class="flag ? 'marginBot0' : ''" 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 <el-row :gutter="10">
134 <el-col :span="14" v-if="ruleForm.qlxx">
135 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
136 <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.slywxx.gyfs">
137 <el-radio label="1">单独所有</el-radio>
138 <el-radio label="2">共同共有</el-radio>
139 <el-radio label="3">按份所有</el-radio>
140 </el-radio-group>
141 </el-form-item>
142 </el-col>
143 <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
144 <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
145 <el-radio-group v-model="ruleForm.sffbcz">
146 <el-radio label="1">是</el-radio>
147 <el-radio label="0">否</el-radio>
148 </el-radio-group>
149 </el-form-item>
150 </el-col>
151 <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
152 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
153 <el-select v-model="ruleForm.czr" placeholder="持证人">
154 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
155 </el-option>
156 </el-select>
157 </el-form-item>
158 </el-col>
159 </el-row>
160 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
161 :gyfs="ruleForm.qlxx.gyfs" />
162
163 <div class="slxx_title title-block">
164 登记原因
165 <div class="triangle"></div>
166 </div>
167 <el-row :gutter="10">
168 <el-col>
169 <el-form-item v-if="ruleForm.fdcq2" :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
170 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1"
171 v-model="ruleForm.fdcq2.djyy">
172 </el-input>
173 </el-form-item>
174 </el-col>
175 </el-row>
176 </div>
177 <el-row class="btn" v-if="!$route.query.viewtype">
178 <el-form-item :class="flag ? 'marginBot0' : ''">
179 <el-button type="primary" @click="onSubmit">保存</el-button>
180 </el-form-item>
181 </el-row>
182 </el-form>
183 </div>
184 </template>
185 <script>
186 import InformationTable from "@/views/workflow/components/InformationTable";
187 import {Init, saveBHZData} from "@/api/fwsyqFlow.js";
188 import { mapGetters } from "vuex";
189 export default {
190 async created () {
191 //this.propsParam = this.$attrs;
192 var formdata = new FormData();
193 formdata.append("bsmSldy", this.propsParam.bsmSldy);
194 formdata.append("djlx", this.propsParam.djlx);
195 Init(formdata).then(res => {
196 if (res.code === 200 && res.result) {
197 // this.ruleForm = {
198 // ...res.result.slywxx,
199 // ...res.result.zdjbxx,
200 // ...res.result.qlxx,
201 // ...res.result.fdcq2,
202 // };
203 this.ruleForm = res.result;
204 }
205 })
206 },
207 components: { InformationTable },
208 computed: {
209 ...mapGetters(["dictData", "flag"]),
210 },
211 data () {
212 return {
213 disabled: true,
214 tdytOption: [],
215 czrOptions: [],
216 ruleForm: {},
217 //传递参数
218 propsParam: this.$attrs,
219 rules: {},
220 };
221 },
222 methods: {
223 // 更新权利人信息
224 upDateQlrxxList (val) {
225 this.ruleForm.qlrList = _.cloneDeep(val);
226 },
227 // 更新权利人信息
228 upDateYwrxxList (val) {
229 this.ruleForm.ywrList = _.cloneDeep(val);
230 },
231 onSubmit () {
232 saveBHZData(this.ruleForm).then((res) => {
233 if (res.code === 200) {
234 this.$message({
235 showClose: true,
236 message: "保存成功！",
237 type: "success",
238 });
239 } else {
240 this.$message({
241 showClose: true,
242 message: res.message,
243 type: "error",
244 });
245 }
246 });
247 },
248 },
249 };
250 </script>
251 <style scoped lang='scss'>
252 @import "~@/styles/public.scss";
253
254 /deep/.el-form {
255 display: flex;
256 flex-direction: column;
257 height: calc(100vh - 130px);
258 background-color: aqua;
259 }
260
261 /deep/.el-form-item__label {
262 padding: 0;
263 }
264
265 /deep/.el-radio {
266 margin-right: 10px;
267 }
268
269 /deep/.el-select {
270 width: 100%;
271 }
272
273 /deep/.el-form-item {
274 margin-bottom: 8px;
275 }
276
277 .marginBot0 {
278 margin-bottom: 0 !important;
279 }
280
281 .slxx {
282 box-sizing: border-box;
283 }
284
285 .slxx_con {
286 flex: 1;
287 height: 100%;
288 background-color: #ffffff;
289 overflow-y: auto;
290 padding-right: 3px;
291 overflow-x: hidden;
292 }
293
294 .submit_btn {
295 height: 50px;
296 }
297
298 .slxx_title {
299 border-bottom: 1px solid $borderColor;
300 padding-left: 10px;
301 padding-bottom: 5px;
302 margin-bottom: 10px;
303 margin-top: 5px;
304 font-size: 16px;
305 font-weight: 500;
306 color: #4a4a4a;
307 }
308
309 .btn {
310 text-align: center;
311 padding-top: 10px;
312 height: 36px;
313 background-color: #ffffff;
314 padding: 5px 0;
315 }
316
317 .textArea {
318 /deep/.el-textarea__inner {
319 min-height: 90px !important;
320 }
321 }
322
323 /deep/.el-form-item__label {
324 padding-bottom: 0px;
325 }
326 </style>