Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
4f9fa84d by 田浩浩
Options

添加房屋独幢对应的受理申请信息

1 parent 8cd577ea
Inline Side-by-side
Showing 10 changed files with 1891 additions and 10 deletions
1 import request from '@/utils/request' 1 import request from '@/utils/request'
2 2
3 // 初始化内容 3 // 初始化内容
4 export function Init (data) { 4 export function Init(data) {
5 let apiUrl = "";
6 switch (data.get("djlx")) {
7 case "100":
8 apiUrl = "/ywbl/fdcq2lr/fristInit";
9 break;
10 case "200":
11 apiUrl = "/ywbl/fdcq2lr/transferInit";
12 break;
13 case "300":
14 apiUrl = "/ywbl/fdcq2lr/changeInit";
15 break;
16 case "400":
17 apiUrl = "/ywbl/fdcq2lr/logoutInit";
18 break;
19 case "500":
20 apiUrl = "/ywbl/fdcq2lr/riviseInit";
21 break;
22 case "901":
23 apiUrl = "/ywbl/fdcq2lr/renewalInit";
24 break;
25 case "902":
26 apiUrl = "/ywbl/fdcq2lr/replaceInit";
27 break;
28 }
5 return request({ 29 return request({
6 url: '/ywbl/fwsyqlr/Init', 30 url: apiUrl,
31 method: 'post',
32 data
33 })
34 }
35 // 初始化内容
36 export function saveData(data) {
37 return request({
38 url: '/ywbl/fdcq2lr/saveData',
7 method: 'post', 39 method: 'post',
8 data 40 data
9 }) 41 })
......
...@@ -52,7 +52,7 @@ import { datas } from "./qlxxFormData.js"; ...@@ -52,7 +52,7 @@ import { datas } from "./qlxxFormData.js";
52 export default { 52 export default {
53 data() { 53 data() {
54 return { 54 return {
55 title: "建设用地使用权、宅基地使用权登记信息", 55 title: "房地产权登记信息（独幢、层、套、间房屋）",
56 qsztList: datas.columns().qsztList, 56 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList, 57 checkList: datas.columns().checkList,
58 //传递参数 58 //传递参数
...@@ -62,7 +62,7 @@ export default { ...@@ -62,7 +62,7 @@ export default {
62 //空列值个数 62 //空列值个数
63 emptycolNum: datas.columns().emptycolNum, 63 emptycolNum: datas.columns().emptycolNum,
64 //列名称对象 64 //列名称对象
65 columns: datas.columns().JSYDSYQ, 65 columns: datas.columns().FDCQ2,
66 }; 66 };
67 }, 67 },
68 created() { 68 created() {
......
...@@ -130,6 +130,141 @@ class data extends filter { ...@@ -130,6 +130,141 @@ class data extends filter {
130 label: "附记", 130 label: "附记",
131 }, 131 },
132 ], 132 ],
133 FDCQ2: [
134 {
135 prop: "qszt",
136 label: "权属状态",
137 },
138 {
139 prop: "qllxmc",
140 label: "权利类型",
141 },
142 {
143 prop: "djlxmc",
144 label: "登记类型",
145 },
146 {
147 prop: "ssywh",
148 label: "上手业务号",
149 },
150 {
151 prop: "dah",
152 label: "档案号",
153 },
154 {
155 prop: "ywh",
156 label: "业务号",
157 },
158 {
159 prop: "bdcdyh",
160 label: "不动产单元号",
161 },
162 {
163 prop: "zl",
164 label: "坐落",
165 },
166 {
167 prop: "gyfs",
168 label: "共有情况",
169 },
170 {
171 prop: "qlrlx",
172 label: "权利人类型",
173 },
174 {
175 prop: "qlrmc",
176 label: "权利人",
177 },
178 {
179 prop: "qlrzjzl",
180 label: "证件种类",
181 },
182 {
183 prop: "qlrzjhm",
184 label: "证件号",
185 },
186 {
187 prop: "tdsyqr",
188 label: "土地使用权人",
189 },
190 {
191 prop: "dytdmj",
192 label: "独用土地面积(m²)",
193 },
194 {
195 prop: "fttdmj",
196 label: "分摊土地面积(m²)",
197 },
198 {
199 prop: "tdsyqzsj",
200 label: "土地使用期限",
201 },
202 {
203 prop: "syqqzsj",
204 label: "使用权起止时间",
205 },
206 {
207 prop: "fdcjyjg",
208 label: "房地产交易价格(万元)",
209 },
210 {
211 prop: "ytmc",
212 label: "规划用途",
213 },
214 {
215 prop: "fwxzmc",
216 label: "房屋性质",
217 },
218 {
219 prop: "fwjgmc",
220 label: "房屋结构",
221 },
222 {
223 prop: "szc",
224 label: "所在层",
225 },
226 {
227 prop: "zcs",
228 label: "总层数",
229 },
230 {
231 prop: "mj",
232 label: "建筑面积（m2）",
233 },
234 {
235 prop: "zyjzmj",
236 label: "专有建筑面积（m2）",
237 },
238
239 {
240 prop: "ftjzmj",
241 label: "分摊建筑面积（m2）",
242 },
243 {
244 prop: "jgsj",
245 label: "竣工时间",
246 },
247 {
248 prop: "djyy",
249 label: "登记原因",
250 },
251 {
252 prop: "bdcqzh",
253 label: "不动产权证号",
254 },
255 {
256 prop: "djsj",
257 label: "登记时间",
258 },
259 {
260 prop: "dbr",
261 label: "登簿人",
262 },
263 {
264 prop: "fj",
265 label: "附记",
266 },
267 ],
133 DYAQ: [ 268 DYAQ: [
134 { 269 {
135 prop: "qszt", 270 prop: "qszt",
......
1 //流程环节操作按钮 1 //流程环节操作按钮
2 export function getForm (tabName) { 2 export function getForm(tabName, djywbm) {
3 let form; 3 let form;
4 switch (tabName) { 4 switch (tabName) {
5 case "slxx": 5 case "slxx":
6 form = require("@/views/ywbl/jsydsyq/slxx.vue"); 6 form = require("@/views/ywbl/jsydsyq/slxx200.vue");
7 break;
8 case "fdcq2Slxx":
9 form = require("@/views/ywbl/fdcq2/slxx200.vue");
7 break; 10 break;
8 case "slxxCfdj": 11 case "slxxCfdj":
9 form = require("@/views/ywbl/cfdj/slxx.vue"); 12 form = require("@/views/ywbl/cfdj/slxx.vue");
...@@ -20,6 +23,9 @@ export function getForm (tabName) { ...@@ -20,6 +23,9 @@ export function getForm (tabName) {
20 case "qlxx": 23 case "qlxx":
21 form = require("@/views/registerBook/jsydsyq.vue"); 24 form = require("@/views/registerBook/jsydsyq.vue");
22 break; 25 break;
26 case "fdcq2Qlxx":
27 form = require("@/views/registerBook/fdcq2.vue");
28 break;
23 case "szxx": 29 case "szxx":
24 form = require("@/views/workflow/components/szxx.vue"); 30 form = require("@/views/workflow/components/szxx.vue");
25 break; 31 break;
...@@ -27,7 +33,5 @@ export function getForm (tabName) { ...@@ -27,7 +33,5 @@ export function getForm (tabName) {
27 form = require("@/views/workflow/components/fzxx.vue"); 33 form = require("@/views/workflow/components/fzxx.vue");
28 break; 34 break;
29 } 35 }
30
31 return (r) => require.ensure([], () => r(form)); 36 return (r) => require.ensure([], () => r(form));
32 } 37 }
33
......
...@@ -196,7 +196,7 @@ export default { ...@@ -196,7 +196,7 @@ export default {
196 this.tabList.forEach(function (item, index) { 196 this.tabList.forEach(function (item, index) {
197 if (item.value == "clxx") { 197 if (item.value == "clxx") {
198 that.clxxIndex = index; 198 that.clxxIndex = index;
199 that.clxxForm = getForm(item.value); 199 that.clxxForm = getForm(item.value,that.$route.query.sqywbm);
200 that.clxxTab = item; 200 that.clxxTab = item;
201 } 201 }
202 }); 202 });
...@@ -353,7 +353,7 @@ export default { ...@@ -353,7 +353,7 @@ export default {
353 }, 353 },
354 //切换选项卡内容组件 354 //切换选项卡内容组件
355 getFromRouter (tabname) { 355 getFromRouter (tabname) {
356 this.componentTag = getForm(tabname); 356 this.componentTag = getForm(tabname,this.$route.query.sqywbm);
357 }, 357 },
358 //发送下一个环节 358 //发送下一个环节
359 send (obj) { 359 send (obj) {
......
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">
12 <el-col :span="8">
13 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="ywh">
14 <el-input disabled v-model="ruleForm.ywh"></el-input>
15 </el-form-item>
16 </el-col>
17 <el-col :span="8">
18 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：" prop="slry">
19 <el-input disabled v-model="ruleForm.slry"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="8">
23 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：" prop="slsj">
24 <el-input disabled v-model="ruleForm.slsj"></el-input>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row :gutter="10">
29 <el-col :span="8">
30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="qllx">
31 <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
32 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
33 </el-option>
34 </el-select>
35 </el-form-item>
36 </el-col>
37 <el-col :span="8">
38 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="djlx">
39 <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
40 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
41 </el-option>
42 </el-select>
43 </el-form-item>
44 </el-col>
45 <el-col :span="8">
46 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：" prop="djqx">
47 <el-input disabled v-model="ruleForm.djqxmc"></el-input>
48 </el-form-item>
49 </el-col>
50 </el-row>
51 <div class="slxx_title title-block">
52 不动产单元情况
53 <div class="triangle"></div>
54 </div>
55 <el-row :gutter="10">
56 <el-col :span="8">
57 <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码：" prop="zddm">
58 <el-input disabled v-model="ruleForm.bdcdyh"></el-input>
59 </el-form-item>
60 </el-col>
61 <el-col :span="8">
62 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：" prop="bdcdyh">
63 <el-input disabled v-model="ruleForm.bdcdyh"></el-input>
64 </el-form-item>
65 </el-col>
66 <el-col :span="8">
67 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质：" prop="qlxzmc">
68 <el-input disabled v-model="ruleForm.qlxzmc"></el-input>
69 </el-form-item>
70 </el-col>
71 </el-row>
72 <el-row :gutter="10">
73 <el-col :span="8">
74 <el-form-item :class="flag ? 'marginBot0' : ''" label="自然幢号：" prop="zrzh">
75 <el-input disabled v-model="ruleForm.zrzDetail.zrzh"></el-input>
76 </el-form-item>
77 </el-col>
78 <el-col :span="8">
79 <el-form-item :class="flag ? 'marginBot0' : ''" label="户不动产单元号：" prop="hbdcdyh">
80 <el-input disabled v-model="ruleForm.ghytmc"></el-input>
81 </el-form-item>
82 </el-col>
83 <el-col :span="8">
84 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记状态：" prop="djzt">
85 <el-select disabled v-model="ruleForm.djzt" filterable clearable>
86 <el-option v-for="item in djztList" :key="item.value" :label="item.label" :value="item.value">
87 </el-option>
88 </el-select>
89 </el-form-item>
90 </el-col>
91 </el-row>
92 <el-row :gutter="10">
93 <el-col :span="8">
94 <el-form-item :class="flag ? 'marginBot0' : ''" label="图幅丘幢号：" prop="tfqzh">
95 <el-input disabled v-model="ruleForm.tfqzh"></el-input>
96 </el-form-item>
97 </el-col>
98
99 <el-col :span="16">
100 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：" prop="zl">
101 <el-input disabled v-model="ruleForm.zl"></el-input>
102 </el-form-item>
103 </el-col>
104 </el-row>
105 <el-row :gutter="10">
106 <el-col :span="8">
107 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途：">
108 <el-input disabled v-model="ruleForm.fwyt"></el-input>
109 </el-form-item>
110 </el-col>
111 <el-col :span="8">
112 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质：">
113 <el-input disabled v-model="ruleForm.fwxz"></el-input>
114 </el-form-item>
115 </el-col>
116 <el-col :span="8">
117 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构：">
118 <el-input disabled v-model="ruleForm.fwjg"></el-input>
119 </el-form-item>
120 </el-col>
121 </el-row>
122 <div class="slxx_title title-block">
123 权利人信息
124 <div class="triangle"></div>
125 </div>
126 <el-row :gutter="10">
127 <el-col :span="14">
128 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
129 <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.gyfs">
130 <el-radio label="1">单独所有</el-radio>
131 <el-radio label="2">共同共有</el-radio>
132 <el-radio label="3">按份所有</el-radio>
133 </el-radio-group>
134 </el-form-item>
135 </el-col>
136 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
137 <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
138 <el-radio-group v-model="ruleForm.sffbcz">
139 <el-radio label="1">是</el-radio>
140 <el-radio label="0">否</el-radio>
141 </el-radio-group>
142 </el-form-item>
143 </el-col>
144 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
145 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
146 <el-select v-model="ruleForm.czr" placeholder="持证人">
147 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
148 </el-option>
149 </el-select>
150 </el-form-item>
151 </el-col>
152 </el-row>
153 <InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" />
154 <div class="slxx_title title-block">
155 登记原因
156 <div class="triangle"></div>
157 </div>
158 <el-row :gutter="10">
159 <el-col>
160 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
161 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.djyy">
162 </el-input>
163 </el-form-item>
164 </el-col>
165 </el-row>
166 </div>
167 <el-row class="btn" v-if="!$route.query.viewtype">
168 <el-form-item :class="flag ? 'marginBot0' : ''">
169 <el-button type="primary" @click="onSubmit">保存</el-button>
170 </el-form-item>
171 </el-row>
172 </el-form>
173 </div>
174 </template>
175 <script>
176 import InformationTable from "@/views/workflow/components/InformationTable";
177 import { Init } from "@/api/fwsyqFlow.js";
178 import { mapGetters } from "vuex";
179 export default {
180 async created () {
181 this.propsParam = this.$attrs;
182 var formdata = new FormData();
183 formdata.append("bsmSldy", this.propsParam.bsmSldy);
184 Init(formdata).then((res) => {
185 if (res.code === 200 && res.result) {
186 this.ruleForm = {
187 ...res.result,
188 ...res.result.zdjbxxdatas,
189 ...res.result.qlxxdatas,
190 ...res.result.jsydsyqdatas,
191 };
192 }
193 });
194 },
195 components: { InformationTable },
196 computed: {
197 ...mapGetters(["dictData", "flag"]),
198 },
199 data () {
200 return {
201 disabled: true,
202 tdytOption: [],
203 czrOptions: [],
204 ruleForm: {
205 ywh: "",
206 slry: "",
207 slsj: "",
208 qllx: "",
209 djlx: "",
210 djqx: "",
211 // 宗地代码
212 zddm: "",
213 bdcdyh: "",
214 qlxzmc: "",
215 qlrxx: [],
216 // 自然幢号
217 zrzh: "",
218 // 户不动产单元号
219 hbdcdyh: '',
220 djzt: '',
221 // 图幅丘幢号
222 tfqzh: '',
223 zl: '',
224 // 房屋用途
225 fwyt: '',
226 fwxz: '',
227 fwjg: '',
228 // 权利人信息
229 gyfs: "1",
230 // 是否分别持证
231 sffbcz: "",
232 // 持证人
233 czr: "",
234 djyy: ''
235 },
236 //传递参数
237 propsParam: {},
238 rules: {},
239 };
240 },
241 methods: {
242 list (bsmSldy) {
243 var formdata = new FormData();
244 formdata.append("bsmSldy", bsmSldy);
245 Init(formdata).then((res) => {
246 if (res.code === 200 && res.result) {
247 this.ruleForm = {
248 ...res.result,
249 ...res.result.zdjbxxdatas,
250 ...res.result.qlxxdatas,
251 ...res.result.jsydsyqdatas,
252 };
253 }
254 });
255 },
256 onSubmit () {
257 fristReg(this.ruleForm).then((res) => {
258 if (res.code === 200 && res.result) {
259 console.log(res);
260 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
261 }
262 });
263 },
264 },
265 };
266 </script>
267 <style scoped lang='scss'>
268 @import "~@/styles/public.scss";
269
270 /deep/.el-form {
271 display: flex;
272 flex-direction: column;
273 height: calc(100vh - 130px);
274 background-color: aqua;
275 }
276
277 /deep/.el-form-item__label {
278 padding: 0;
279 }
280
281 /deep/.el-radio {
282 margin-right: 10px;
283 }
284
285 /deep/.el-select {
286 width: 100%;
287 }
288
289 /deep/.el-form-item {
290 margin-bottom: 8px;
291 }
292
293 .marginBot0 {
294 margin-bottom: 0 !important;
295 }
296
297 .slxx {
298 box-sizing: border-box;
299 }
300
301 .slxx_con {
302 flex: 1;
303 height: 100%;
304 background-color: #ffffff;
305 overflow-y: auto;
306 padding-right: 3px;
307 overflow-x: hidden;
308 }
309
310 .submit_btn {
311 height: 50px;
312 }
313
314 .slxx_title {
315 border-bottom: 1px solid $borderColor;
316 padding-left: 10px;
317 padding-bottom: 5px;
318 margin-bottom: 10px;
319 margin-top: 5px;
320 font-size: 16px;
321 font-weight: 500;
322 color: #4a4a4a;
323 }
324
325 .btn {
326 text-align: center;
327 padding-top: 10px;
328 height: 36px;
329 background-color: #ffffff;
330 padding: 5px 0;
331 }
332
333 .textArea {
334 /deep/.el-textarea__inner {
335 min-height: 90px !important;
336 }
337 }
338
339 /deep/.el-form-item__label {
340 padding-bottom: 0px;
341 }
342 </style>
...\ No newline at end of file ...\ No newline at end of file
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">
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="受理人员：" prop="slry">
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="受理时间：" prop="slsj">
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">
29 <el-col :span="8">
30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="qllxmc">
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="登记类型：" prop="djlxmc">
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="登记情形：" prop="djqx">
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">
50 <el-col :span="8">
51 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：" prop="bdcdyh">
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="坐落：" prop="zl">
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">
62 <el-col :span="8">
63 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途：" prop="yt">
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="土地使用起止时间：" prop="tdsyqzsj">
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="土地使用期限：" prop="tdsyqx">
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">
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.fwxz"></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.fwjg"></el-input>
92 </el-form-item>
93 </el-col>
94 </el-row>
95 <el-row :gutter="10">
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">
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.zyjjmj"></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.ftjjmj"></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">
135 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
136 <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.qlxx.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.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.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 :tableData="ruleForm.qlrList" :gyfs="ruleForm.qlxx.gyfs" />
161 <div class="slxx_title title-block">
162 登记原因
163 <div class="triangle"></div>
164 </div>
165 <el-row :gutter="10">
166 <el-col>
167 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
168 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.fdcq2.djyy">
169 </el-input>
170 </el-form-item>
171 </el-col>
172 </el-row>
173 </div>
174 <el-row class="btn" v-if="!$route.query.viewtype">
175 <el-form-item :class="flag ? 'marginBot0' : ''">
176 <el-button type="primary" @click="onSubmit">保存</el-button>
177 </el-form-item>
178 </el-row>
179 </el-form>
180 </div>
181 </template>
182 <script>
183 import InformationTable from "@/views/workflow/components/InformationTable";
184 import { Init, saveData } from "@/api/fwsyqFlow.js";
185 import { mapGetters } from "vuex";
186 export default {
187 async created() {
188 //this.propsParam = this.$attrs;
189 var formdata = new FormData();
190 formdata.append("bsmSldy", this.propsParam.bsmSldy);
191 formdata.append("djlx", this.propsParam.djlx);
192 Init(formdata).then((res) => {
193 if (res.code === 200 && res.result) {
194 // this.ruleForm = {
195 // ...res.result.slywxx,
196 // ...res.result.zdjbxx,
197 // ...res.result.qlxx,
198 // ...res.result.fdcq2,
199 // };
200 this.ruleForm = res.result;
201 }
202 });
203 },
204 components: { InformationTable },
205 computed: {
206 ...mapGetters(["dictData", "flag"]),
207 },
208 data() {
209 return {
210 disabled: true,
211 tdytOption: [],
212 czrOptions: [],
213 ruleForm: {
214
215 slry: "",
216 slsj: "",
217 qllx: "",
218 djlx: "",
219 djqx: "",
220 // 宗地代码
221 zddm: "",
222 bdcdyh: "",
223 qlxzmc: "",
224 qlrxx: [],
225 // 自然幢号
226 zrzh: "",
227 // 户不动产单元号
228 hbdcdyh: "",
229 djzt: "",
230 // 图幅丘幢号
231 tfqzh: "",
232 zl: "",
233 // 房屋用途
234 fwyt: "",
235 fwxz: "",
236 fwjg: "",
237 // 权利人信息
238 gyfs: "1",
239 // 是否分别持证
240 sffbcz: "",
241 // 持证人
242 czr: "",
243 djyy: "",
244 },
245 //传递参数
246 propsParam: this.$attrs,
247 rules: {},
248 };
249 },
250 methods: {
251 list(bsmSldy) {
252 var formdata = new FormData();
253 formdata.append("bsmSldy", bsmSldy);
254 Init(formdata).then((res) => {
255 if (res.code === 200 && res.result) {
256 this.ruleForm = {
257 ...res.result,
258 ...res.result.zdjbxxdatas,
259 ...res.result.qlxxdatas,
260 ...res.result.jsydsyqdatas,
261 };
262 }
263 });
264 },
265 onSubmit() {
266 saveData(this.ruleForm).then((res) => {
267 if (res.code === 200 && res.result) {
268 console.log(res);
269 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
270 }
271 });
272 },
273 },
274 };
275 </script>
276 <style scoped lang='scss'>
277 @import "~@/styles/public.scss";
278
279 /deep/.el-form {
280 display: flex;
281 flex-direction: column;
282 height: calc(100vh - 130px);
283 background-color: aqua;
284 }
285
286 /deep/.el-form-item__label {
287 padding: 0;
288 }
289
290 /deep/.el-radio {
291 margin-right: 10px;
292 }
293
294 /deep/.el-select {
295 width: 100%;
296 }
297
298 /deep/.el-form-item {
299 margin-bottom: 8px;
300 }
301
302 .marginBot0 {
303 margin-bottom: 0 !important;
304 }
305
306 .slxx {
307 box-sizing: border-box;
308 }
309
310 .slxx_con {
311 flex: 1;
312 height: 100%;
313 background-color: #ffffff;
314 overflow-y: auto;
315 padding-right: 3px;
316 overflow-x: hidden;
317 }
318
319 .submit_btn {
320 height: 50px;
321 }
322
323 .slxx_title {
324 border-bottom: 1px solid $borderColor;
325 padding-left: 10px;
326 padding-bottom: 5px;
327 margin-bottom: 10px;
328 margin-top: 5px;
329 font-size: 16px;
330 font-weight: 500;
331 color: #4a4a4a;
332 }
333
334 .btn {
335 text-align: center;
336 padding-top: 10px;
337 height: 36px;
338 background-color: #ffffff;
339 padding: 5px 0;
340 }
341
342 .textArea {
343 /deep/.el-textarea__inner {
344 min-height: 90px !important;
345 }
346 }
347
348 /deep/.el-form-item__label {
349 padding-bottom: 0px;
350 }
351 </style>
...\ No newline at end of file ...\ No newline at end of file
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">
12 <el-col :span="8">
13 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="ywh">
14 <el-input disabled v-model="ruleForm.ywh"></el-input>
15 </el-form-item>
16 </el-col>
17 <el-col :span="8">
18 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：" prop="slry">
19 <el-input disabled v-model="ruleForm.slry"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="8">
23 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：" prop="slsj">
24 <el-input disabled v-model="ruleForm.slsj"></el-input>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row :gutter="10">
29 <el-col :span="8">
30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="qllx">
31 <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
32 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
33 </el-option>
34 </el-select>
35 </el-form-item>
36 </el-col>
37 <el-col :span="8">
38 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="djlx">
39 <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
40 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
41 </el-option>
42 </el-select>
43 </el-form-item>
44 </el-col>
45 <el-col :span="8">
46 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：" prop="djqx">
47 <el-input disabled v-model="ruleForm.djqxmc"></el-input>
48 </el-form-item>
49 </el-col>
50 </el-row>
51 <div class="slxx_title title-block">
52 不动产单元情况
53 <div class="triangle"></div>
54 </div>
55 <el-row :gutter="10">
56 <el-col :span="8">
57 <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码：" prop="zddm">
58 <el-input disabled v-model="ruleForm.bdcdyh"></el-input>
59 </el-form-item>
60 </el-col>
61 <el-col :span="8">
62 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：" prop="bdcdyh">
63 <el-input disabled v-model="ruleForm.bdcdyh"></el-input>
64 </el-form-item>
65 </el-col>
66 <el-col :span="8">
67 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质：" prop="qlxzmc">
68 <el-input disabled v-model="ruleForm.qlxzmc"></el-input>
69 </el-form-item>
70 </el-col>
71 </el-row>
72 <el-row :gutter="10">
73 <el-col :span="8">
74 <el-form-item :class="flag ? 'marginBot0' : ''" label="自然幢号：" prop="zrzh">
75 <el-input disabled v-model="ruleForm.zrzDetail.zrzh"></el-input>
76 </el-form-item>
77 </el-col>
78 <el-col :span="8">
79 <el-form-item :class="flag ? 'marginBot0' : ''" label="户不动产单元号：" prop="hbdcdyh">
80 <el-input disabled v-model="ruleForm.ghytmc"></el-input>
81 </el-form-item>
82 </el-col>
83 <el-col :span="8">
84 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记状态：" prop="djzt">
85 <el-select disabled v-model="ruleForm.djzt" filterable clearable>
86 <el-option v-for="item in djztList" :key="item.value" :label="item.label" :value="item.value">
87 </el-option>
88 </el-select>
89 </el-form-item>
90 </el-col>
91 </el-row>
92 <el-row :gutter="10">
93 <el-col :span="8">
94 <el-form-item :class="flag ? 'marginBot0' : ''" label="图幅丘幢号：" prop="tfqzh">
95 <el-input disabled v-model="ruleForm.tfqzh"></el-input>
96 </el-form-item>
97 </el-col>
98
99 <el-col :span="16">
100 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：" prop="zl">
101 <el-input disabled v-model="ruleForm.zl"></el-input>
102 </el-form-item>
103 </el-col>
104 </el-row>
105 <el-row :gutter="10">
106 <el-col :span="8">
107 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途：">
108 <el-input disabled v-model="ruleForm.fwyt"></el-input>
109 </el-form-item>
110 </el-col>
111 <el-col :span="8">
112 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质：">
113 <el-input disabled v-model="ruleForm.fwxz"></el-input>
114 </el-form-item>
115 </el-col>
116 <el-col :span="8">
117 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构：">
118 <el-input disabled v-model="ruleForm.fwjg"></el-input>
119 </el-form-item>
120 </el-col>
121 </el-row>
122 <div class="slxx_title title-block">
123 权利人信息
124 <div class="triangle"></div>
125 </div>
126 <el-row :gutter="10">
127 <el-col :span="14">
128 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
129 <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.gyfs">
130 <el-radio label="1">单独所有</el-radio>
131 <el-radio label="2">共同共有</el-radio>
132 <el-radio label="3">按份所有</el-radio>
133 </el-radio-group>
134 </el-form-item>
135 </el-col>
136 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
137 <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
138 <el-radio-group v-model="ruleForm.sffbcz">
139 <el-radio label="1">是</el-radio>
140 <el-radio label="0">否</el-radio>
141 </el-radio-group>
142 </el-form-item>
143 </el-col>
144 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
145 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
146 <el-select v-model="ruleForm.czr" placeholder="持证人">
147 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
148 </el-option>
149 </el-select>
150 </el-form-item>
151 </el-col>
152 </el-row>
153 <InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" />
154 <div class="slxx_title title-block">
155 登记原因
156 <div class="triangle"></div>
157 </div>
158 <el-row :gutter="10">
159 <el-col>
160 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
161 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.djyy">
162 </el-input>
163 </el-form-item>
164 </el-col>
165 </el-row>
166 </div>
167 <el-row class="btn" v-if="!$route.query.viewtype">
168 <el-form-item :class="flag ? 'marginBot0' : ''">
169 <el-button type="primary" @click="onSubmit">保存</el-button>
170 </el-form-item>
171 </el-row>
172 </el-form>
173 </div>
174 </template>
175 <script>
176 import InformationTable from "@/views/workflow/components/InformationTable";
177 import { Init } from "@/api/fwsyqFlow.js";
178 import { mapGetters } from "vuex";
179 export default {
180 async created () {
181 this.propsParam = this.$attrs;
182 var formdata = new FormData();
183 formdata.append("bsmSldy", this.propsParam.bsmSldy);
184 Init(formdata).then((res) => {
185 if (res.code === 200 && res.result) {
186 this.ruleForm = {
187 ...res.result,
188 ...res.result.zdjbxxdatas,
189 ...res.result.qlxxdatas,
190 ...res.result.jsydsyqdatas,
191 };
192 }
193 });
194 },
195 components: { InformationTable },
196 computed: {
197 ...mapGetters(["dictData", "flag"]),
198 },
199 data () {
200 return {
201 disabled: true,
202 tdytOption: [],
203 czrOptions: [],
204 ruleForm: {
205 ywh: "",
206 slry: "",
207 slsj: "",
208 qllx: "",
209 djlx: "",
210 djqx: "",
211 // 宗地代码
212 zddm: "",
213 bdcdyh: "",
214 qlxzmc: "",
215 qlrxx: [],
216 // 自然幢号
217 zrzh: "",
218 // 户不动产单元号
219 hbdcdyh: '',
220 djzt: '',
221 // 图幅丘幢号
222 tfqzh: '',
223 zl: '',
224 // 房屋用途
225 fwyt: '',
226 fwxz: '',
227 fwjg: '',
228 // 权利人信息
229 gyfs: "1",
230 // 是否分别持证
231 sffbcz: "",
232 // 持证人
233 czr: "",
234 djyy: ''
235 },
236 //传递参数
237 propsParam: {},
238 rules: {},
239 };
240 },
241 methods: {
242 list (bsmSldy) {
243 var formdata = new FormData();
244 formdata.append("bsmSldy", bsmSldy);
245 Init(formdata).then((res) => {
246 if (res.code === 200 && res.result) {
247 this.ruleForm = {
248 ...res.result,
249 ...res.result.zdjbxxdatas,
250 ...res.result.qlxxdatas,
251 ...res.result.jsydsyqdatas,
252 };
253 }
254 });
255 },
256 onSubmit () {
257 fristReg(this.ruleForm).then((res) => {
258 if (res.code === 200 && res.result) {
259 console.log(res);
260 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
261 }
262 });
263 },
264 },
265 };
266 </script>
267 <style scoped lang='scss'>
268 @import "~@/styles/public.scss";
269
270 /deep/.el-form {
271 display: flex;
272 flex-direction: column;
273 height: calc(100vh - 130px);
274 background-color: aqua;
275 }
276
277 /deep/.el-form-item__label {
278 padding: 0;
279 }
280
281 /deep/.el-radio {
282 margin-right: 10px;
283 }
284
285 /deep/.el-select {
286 width: 100%;
287 }
288
289 /deep/.el-form-item {
290 margin-bottom: 8px;
291 }
292
293 .marginBot0 {
294 margin-bottom: 0 !important;
295 }
296
297 .slxx {
298 box-sizing: border-box;
299 }
300
301 .slxx_con {
302 flex: 1;
303 height: 100%;
304 background-color: #ffffff;
305 overflow-y: auto;
306 padding-right: 3px;
307 overflow-x: hidden;
308 }
309
310 .submit_btn {
311 height: 50px;
312 }
313
314 .slxx_title {
315 border-bottom: 1px solid $borderColor;
316 padding-left: 10px;
317 padding-bottom: 5px;
318 margin-bottom: 10px;
319 margin-top: 5px;
320 font-size: 16px;
321 font-weight: 500;
322 color: #4a4a4a;
323 }
324
325 .btn {
326 text-align: center;
327 padding-top: 10px;
328 height: 36px;
329 background-color: #ffffff;
330 padding: 5px 0;
331 }
332
333 .textArea {
334 /deep/.el-textarea__inner {
335 min-height: 90px !important;
336 }
337 }
338
339 /deep/.el-form-item__label {
340 padding-bottom: 0px;
341 }
342 </style>
...\ No newline at end of file ...\ No newline at end of file
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">
12 <el-col :span="8">
13 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="ywh">
14 <el-input disabled v-model="ruleForm.ywh"></el-input>
15 </el-form-item>
16 </el-col>
17 <el-col :span="8">
18 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：" prop="slry">
19 <el-input disabled v-model="ruleForm.slry"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="8">
23 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：" prop="slsj">
24 <el-input disabled v-model="ruleForm.slsj"></el-input>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row :gutter="10">
29 <el-col :span="8">
30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="qllx">
31 <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
32 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
33 </el-option>
34 </el-select>
35 </el-form-item>
36 </el-col>
37 <el-col :span="8">
38 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="djlx">
39 <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
40 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
41 </el-option>
42 </el-select>
43 </el-form-item>
44 </el-col>
45 <el-col :span="8">
46 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：" prop="djqx">
47 <el-input disabled v-model="ruleForm.djqxmc"></el-input>
48 </el-form-item>
49 </el-col>
50 </el-row>
51 <div class="slxx_title title-block">
52 不动产单元情况
53 <div class="triangle"></div>
54 </div>
55 <el-row :gutter="10">
56 <el-col :span="8">
57 <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码：" prop="zddm">
58 <el-input disabled v-model="ruleForm.zddm"></el-input>
59 </el-form-item>
60 </el-col>
61 <el-col :span="8">
62 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：" prop="bdcdyh">
63 <el-input disabled v-model="ruleForm.bdcdyh"></el-input>
64 </el-form-item>
65 </el-col>
66 <el-col :span="8">
67 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质：" prop="qlxzmc">
68 <el-input disabled v-model="ruleForm.qlxzmc"></el-input>
69 </el-form-item>
70 </el-col>
71 </el-row>
72 <el-row :gutter="10">
73 <el-col :span="8">
74 <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地面积：" prop="zdmj">
75 <el-input disabled v-model="ruleForm.zdmj"></el-input>
76 </el-form-item>
77 </el-col>
78 <el-col :span="8">
79 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途：" prop="ghytmc">
80 <el-input disabled v-model="ruleForm.ghytmc"></el-input>
81 </el-form-item>
82 </el-col>
83 <el-col :span="8">
84 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利设定方式：" prop="qlsdfs">
85 <el-input disabled v-model="ruleForm.qlsdfsmc"></el-input>
86 </el-form-item>
87 </el-col>
88 </el-row>
89 <el-row :gutter="10">
90 <el-col :span="8">
91 <el-form-item :class="flag ? 'marginBot0' : ''" label="取得价格：" prop="qdjg">
92 <el-input disabled v-model="ruleForm.qdjg"></el-input>
93 </el-form-item>
94 </el-col>
95
96 <el-col :span="16">
97 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：" prop="zl">
98 <el-input disabled v-model="ruleForm.zl"></el-input>
99 </el-form-item>
100 </el-col>
101 </el-row>
102 <el-row :gutter="10">
103 <el-col :span="8">
104 <el-form-item :class="flag ? 'marginBot0' : ''" label="使用期限：" prop="tdsyqx">
105 <el-input disabled v-model="ruleForm.tdsyqx"></el-input>
106 </el-form-item>
107 </el-col>
108
109 <el-col :span="16">
110 <el-form-item :class="flag ? 'marginBot0' : ''" label="使用权起止时间：" prop="qssj">
111 <el-input disabled v-model="ruleForm.syqqzsj"></el-input>
112 </el-form-item>
113 </el-col>
114 </el-row>
115 <el-row :gutter="10">
116 <el-col>
117 <el-form-item :class="flag ? 'marginBot0' : ''" label="附记：" prop="fj">
118 <el-input type="textarea" v-model="ruleForm.fj" :disabled="$route.query.viewtype==1"></el-input>
119 </el-form-item>
120 </el-col>
121 </el-row>
122 <div class="slxx_title title-block">
123 权利人信息
124 <div class="triangle"></div>
125 </div>
126 <el-row :gutter="10">
127 <el-col :span="14">
128 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
129 <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.gyfs">
130 <el-radio label="1">单独所有</el-radio>
131 <el-radio label="2">共同共有</el-radio>
132 <el-radio label="3">按份所有</el-radio>
133 </el-radio-group>
134 </el-form-item>
135 </el-col>
136 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
137 <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
138 <el-radio-group v-model="ruleForm.sffbcz">
139 <el-radio label="1">是</el-radio>
140 <el-radio label="0">否</el-radio>
141 </el-radio-group>
142 </el-form-item>
143 </el-col>
144 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
145 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
146 <el-select v-model="ruleForm.czr" placeholder="持证人">
147 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
148 </el-option>
149 </el-select>
150 </el-form-item>
151 </el-col>
152 </el-row>
153 <InformationTable :tableData="ruleForm.qlrxx" :viewtype="$route.query.viewtype" :gyfs="ruleForm.gyfs" />
154 <div class="slxx_title title-block">
155 义务人信息
156 <div class="triangle"></div>
157 </div>
158 <InformationTable :tableData="ruleForm.ywrxx" :viewtype="$route.query.viewtype" :gyfs="ruleForm.gyfs" />
159 <div class="slxx_title title-block">
160 登记原因
161 <div class="triangle"></div>
162 </div>
163 <el-row :gutter="10">
164 <el-col>
165 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
166 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.djyy">
167 </el-input>
168 </el-form-item>
169 </el-col>
170 </el-row>
171 </div>
172 <el-row class="btn" v-if="!$route.query.viewtype">
173 <el-form-item :class="flag ? 'marginBot0' : ''">
174 <el-button type="primary" @click="onSubmit">保存</el-button>
175 </el-form-item>
176 </el-row>
177 </el-form>
178 </div>
179 </template>
180 <script>
181 import InformationTable from "@/views/workflow/components/InformationTable";
182 import { Init, fristReg } from "@/api/jsydsyqFlow.js";
183 import { mapGetters } from "vuex";
184 export default {
185 async created () {
186 this.propsParam = this.$attrs;
187 var formdata = new FormData();
188 formdata.append("bsmSldy", this.propsParam.bsmSldy);
189 Init(formdata).then((res) => {
190 if (res.code === 200 && res.result) {
191 this.ruleForm = {
192 ...res.result,
193 ...res.result.zdjbxxdatas,
194 ...res.result.qlxxdatas,
195 ...res.result.jsydsyqdatas,
196 };
197 }
198 });
199 },
200 components: { InformationTable },
201 computed: {
202 ...mapGetters(["dictData", "flag"]),
203 },
204 data () {
205 return {
206 disabled: true,
207 czrOptions: [],
208 ruleForm: {
209 ywh: "",
210 slry: "",
211 slsj: "",
212 qllx: "",
213 djlx: "",
214 djqx: "",
215 zddm: "",
216 bdcdyh: "",
217 qlxzmc: "",
218 qlrxx: [],
219 zdmj: "",
220 zl: "",
221 tdyt: "",
222 qlsdfs: "",
223 qdjg: "",
224 tdsyqx: "",
225 syqqzsj: "",
226 fj: "",
227 djyy: "",
228 gyfs: "1",
229 // 是否分别持证
230 sffbcz: "",
231 // 持证人
232 czr: "",
233 },
234 //传递参数
235 propsParam: {},
236 rules: {},
237 };
238 },
239 methods: {
240 list (bsmSldy) {
241 var formdata = new FormData();
242 formdata.append("bsmSldy", bsmSldy);
243 Init(formdata).then((res) => {
244 if (res.code === 200 && res.result) {
245 this.ruleForm = {
246 ...res.result,
247 ...res.result.zdjbxxdatas,
248 ...res.result.qlxxdatas,
249 ...res.result.jsydsyqdatas,
250 };
251 }
252 });
253 },
254 onSubmit () {
255 fristReg(this.ruleForm).then((res) => {
256 if (res.code === 200 && res.result) {
257 console.log(res);
258 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
259 }
260 });
261 },
262 },
263 };
264 </script>
265 <style scoped lang='scss'>
266 @import "~@/styles/public.scss";
267
268 /deep/.el-form {
269 display: flex;
270 flex-direction: column;
271 height: calc(100vh - 130px);
272 background-color: aqua;
273 }
274
275 /deep/.el-form-item__label {
276 padding: 0;
277 }
278
279 /deep/.el-radio {
280 margin-right: 10px;
281 }
282
283 /deep/.el-select {
284 width: 100%;
285 }
286
287 /deep/.el-form-item {
288 margin-bottom: 8px;
289 }
290
291 .marginBot0 {
292 margin-bottom: 0 !important;
293 }
294
295 .slxx {
296 box-sizing: border-box;
297 }
298
299 .slxx_con {
300 flex: 1;
301 height: 100%;
302 background-color: #ffffff;
303 overflow-y: auto;
304 padding-right: 3px;
305 overflow-x: hidden;
306 }
307
308 .submit_btn {
309 height: 50px;
310 }
311
312 .slxx_title {
313 border-bottom: 1px solid $borderColor;
314 padding-left: 10px;
315 padding-bottom: 5px;
316 margin-bottom: 10px;
317 margin-top: 5px;
318 font-size: 16px;
319 font-weight: 500;
320 color: #4a4a4a;
321 }
322
323 .btn {
324 text-align: center;
325 padding-top: 10px;
326 height: 36px;
327 background-color: #ffffff;
328 padding: 5px 0;
329 }
330
331 .textArea {
332 /deep/.el-textarea__inner {
333 min-height: 90px !important;
334 }
335 }
336
337 /deep/.el-form-item__label {
338 padding-bottom: 0px;
339 }
340 </style>
...\ No newline at end of file ...\ No newline at end of file
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">
12 <el-col :span="8">
13 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="ywh">
14 <el-input disabled v-model="ruleForm.ywh"></el-input>
15 </el-form-item>
16 </el-col>
17 <el-col :span="8">
18 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：" prop="slry">
19 <el-input disabled v-model="ruleForm.slry"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="8">
23 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：" prop="slsj">
24 <el-input disabled v-model="ruleForm.slsj"></el-input>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row :gutter="10">
29 <el-col :span="8">
30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="qllx">
31 <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
32 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
33 </el-option>
34 </el-select>
35 </el-form-item>
36 </el-col>
37 <el-col :span="8">
38 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="djlx">
39 <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
40 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
41 </el-option>
42 </el-select>
43 </el-form-item>
44 </el-col>
45 <el-col :span="8">
46 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：" prop="djqx">
47 <el-input disabled v-model="ruleForm.djqxmc"></el-input>
48 </el-form-item>
49 </el-col>
50 </el-row>
51 <div class="slxx_title title-block">
52 不动产单元情况
53 <div class="triangle"></div>
54 </div>
55 <el-row :gutter="10">
56 <el-col :span="8">
57 <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码：" prop="zddm">
58 <el-input disabled v-model="ruleForm.zddm"></el-input>
59 </el-form-item>
60 </el-col>
61 <el-col :span="8">
62 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：" prop="bdcdyh">
63 <el-input disabled v-model="ruleForm.bdcdyh"></el-input>
64 </el-form-item>
65 </el-col>
66 <el-col :span="8">
67 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质：" prop="qlxzmc">
68 <el-input disabled v-model="ruleForm.qlxzmc"></el-input>
69 </el-form-item>
70 </el-col>
71 </el-row>
72 <el-row :gutter="10">
73 <el-col :span="8">
74 <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地面积：" prop="zdmj">
75 <el-input disabled v-model="ruleForm.zdmj"></el-input>
76 </el-form-item>
77 </el-col>
78 <el-col :span="8">
79 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途：" prop="ghytmc">
80 <el-input disabled v-model="ruleForm.ghytmc"></el-input>
81 </el-form-item>
82 </el-col>
83 <el-col :span="8">
84 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利设定方式：" prop="qlsdfs">
85 <el-input disabled v-model="ruleForm.qlsdfsmc"></el-input>
86 </el-form-item>
87 </el-col>
88 </el-row>
89 <el-row :gutter="10">
90 <el-col :span="8">
91 <el-form-item :class="flag ? 'marginBot0' : ''" label="取得价格：" prop="qdjg">
92 <el-input disabled v-model="ruleForm.qdjg"></el-input>
93 </el-form-item>
94 </el-col>
95
96 <el-col :span="16">
97 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：" prop="zl">
98 <el-input disabled v-model="ruleForm.zl"></el-input>
99 </el-form-item>
100 </el-col>
101 </el-row>
102 <el-row :gutter="10">
103 <el-col :span="8">
104 <el-form-item :class="flag ? 'marginBot0' : ''" label="使用期限：" prop="tdsyqx">
105 <el-input disabled v-model="ruleForm.tdsyqx"></el-input>
106 </el-form-item>
107 </el-col>
108
109 <el-col :span="16">
110 <el-form-item :class="flag ? 'marginBot0' : ''" label="使用权起止时间：" prop="qssj">
111 <el-input disabled v-model="ruleForm.syqqzsj"></el-input>
112 </el-form-item>
113 </el-col>
114 </el-row>
115 <el-row :gutter="10">
116 <el-col>
117 <el-form-item :class="flag ? 'marginBot0' : ''" label="附记：" prop="fj">
118 <el-input type="textarea" v-model="ruleForm.fj" :disabled="$route.query.viewtype==1"></el-input>
119 </el-form-item>
120 </el-col>
121 </el-row>
122 <div class="slxx_title title-block">
123 权利人信息
124 <div class="triangle"></div>
125 </div>
126 <el-row :gutter="10">
127 <el-col :span="14">
128 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
129 <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.gyfs">
130 <el-radio label="1">单独所有</el-radio>
131 <el-radio label="2">共同共有</el-radio>
132 <el-radio label="3">按份所有</el-radio>
133 </el-radio-group>
134 </el-form-item>
135 </el-col>
136 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
137 <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
138 <el-radio-group v-model="ruleForm.sffbcz">
139 <el-radio label="1">是</el-radio>
140 <el-radio label="0">否</el-radio>
141 </el-radio-group>
142 </el-form-item>
143 </el-col>
144 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
145 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
146 <el-select v-model="ruleForm.czr" placeholder="持证人">
147 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
148 </el-option>
149 </el-select>
150 </el-form-item>
151 </el-col>
152 </el-row>
153 <InformationTable :tableData="ruleForm.qlrxx" :viewtype="$route.query.viewtype" :gyfs="ruleForm.gyfs" />
154 <div class="slxx_title title-block">
155 登记原因
156 <div class="triangle"></div>
157 </div>
158 <el-row :gutter="10">
159 <el-col>
160 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
161 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.djyy">
162 </el-input>
163 </el-form-item>
164 </el-col>
165 </el-row>
166 </div>
167 <el-row class="btn" v-if="!$route.query.viewtype">
168 <el-form-item :class="flag ? 'marginBot0' : ''">
169 <el-button type="primary" @click="onSubmit">保存</el-button>
170 </el-form-item>
171 </el-row>
172 </el-form>
173 </div>
174 </template>
175 <script>
176 import InformationTable from "@/views/workflow/components/InformationTable";
177 import { Init, fristReg } from "@/api/jsydsyqFlow.js";
178 import { mapGetters } from "vuex";
179 export default {
180 async created () {
181 this.propsParam = this.$attrs;
182 var formdata = new FormData();
183 formdata.append("bsmSldy", this.propsParam.bsmSldy);
184 Init(formdata).then((res) => {
185 if (res.code === 200 && res.result) {
186 this.ruleForm = {
187 ...res.result,
188 ...res.result.zdjbxxdatas,
189 ...res.result.qlxxdatas,
190 ...res.result.jsydsyqdatas,
191 };
192 }
193 });
194 },
195 components: { InformationTable },
196 computed: {
197 ...mapGetters(["dictData", "flag"]),
198 },
199 data () {
200 return {
201 disabled: true,
202 czrOptions: [],
203 ruleForm: {
204 ywh: "",
205 slry: "",
206 slsj: "",
207 qllx: "",
208 djlx: "",
209 djqx: "",
210 zddm: "",
211 bdcdyh: "",
212 qlxzmc: "",
213 qlrxx: [],
214 zdmj: "",
215 zl: "",
216 tdyt: "",
217 qlsdfs: "",
218 qdjg: "",
219 tdsyqx: "",
220 syqqzsj: "",
221 fj: "",
222 djyy: "",
223 gyfs: "1",
224 // 是否分别持证
225 sffbcz: "",
226 // 持证人
227 czr: "",
228 },
229 //传递参数
230 propsParam: {},
231 rules: {},
232 };
233 },
234 methods: {
235 list (bsmSldy) {
236 var formdata = new FormData();
237 formdata.append("bsmSldy", bsmSldy);
238 Init(formdata).then((res) => {
239 if (res.code === 200 && res.result) {
240 this.ruleForm = {
241 ...res.result,
242 ...res.result.zdjbxxdatas,
243 ...res.result.qlxxdatas,
244 ...res.result.jsydsyqdatas,
245 };
246 }
247 });
248 },
249 onSubmit () {
250 fristReg(this.ruleForm).then((res) => {
251 if (res.code === 200 && res.result) {
252 console.log(res);
253 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
254 }
255 });
256 },
257 },
258 };
259 </script>
260 <style scoped lang='scss'>
261 @import "~@/styles/public.scss";
262
263 /deep/.el-form {
264 display: flex;
265 flex-direction: column;
266 height: calc(100vh - 130px);
267 background-color: aqua;
268 }
269
270 /deep/.el-form-item__label {
271 padding: 0;
272 }
273
274 /deep/.el-radio {
275 margin-right: 10px;
276 }
277
278 /deep/.el-select {
279 width: 100%;
280 }
281
282 /deep/.el-form-item {
283 margin-bottom: 8px;
284 }
285
286 .marginBot0 {
287 margin-bottom: 0 !important;
288 }
289
290 .slxx {
291 box-sizing: border-box;
292 }
293
294 .slxx_con {
295 flex: 1;
296 height: 100%;
297 background-color: #ffffff;
298 overflow-y: auto;
299 padding-right: 3px;
300 overflow-x: hidden;
301 }
302
303 .submit_btn {
304 height: 50px;
305 }
306
307 .slxx_title {
308 border-bottom: 1px solid $borderColor;
309 padding-left: 10px;
310 padding-bottom: 5px;
311 margin-bottom: 10px;
312 margin-top: 5px;
313 font-size: 16px;
314 font-weight: 500;
315 color: #4a4a4a;
316 }
317
318 .btn {
319 text-align: center;
320 padding-top: 10px;
321 height: 36px;
322 background-color: #ffffff;
323 padding: 5px 0;
324 }
325
326 .textArea {
327 /deep/.el-textarea__inner {
328 min-height: 90px !important;
329 }
330 }
331
332 /deep/.el-form-item__label {
333 padding-bottom: 0px;
334 }
335 </style>
...\ No newline at end of file ...\ No newline at end of file