Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
20211fb4 by xiaomiao
Options

--no commit message

1 parent 89ab78e5
Inline Side-by-side
Showing 2 changed files with 137 additions and 116 deletions
...@@ -13,7 +13,8 @@ ...@@ -13,7 +13,8 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="127px"> 16 label-width="127px"
17 >
17 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
18 <div class="slxx_title title-block"> 19 <div class="slxx_title title-block">
19 补录信息 20 补录信息
...@@ -66,7 +67,12 @@ ...@@ -66,7 +67,12 @@
66 <el-col :span="8"> 67 <el-col :span="8">
67 <el-form-item label="登记类型："> 68 <el-form-item label="登记类型：">
68 <el-select v-model="ruleForm.qlxx.djlx"> 69 <el-select v-model="ruleForm.qlxx.djlx">
69 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 70 <el-option
71 v-for="item in dictData['A21']"
72 :key="item.dcode"
73 :label="item.dname"
74 :value="item.dcode"
75 >
70 </el-option> 76 </el-option>
71 </el-select> 77 </el-select>
72 </el-form-item> 78 </el-form-item>
...@@ -91,29 +97,54 @@ ...@@ -91,29 +97,54 @@
91 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> 97 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
92 </el-form-item> 98 </el-form-item>
93 </el-col> 99 </el-col>
94 <el-col :span="8"> 100 <el-col :span="8" v-if="ruleForm.tdytqxList[0]">
95 <!-- 下拉框 --> 101 <!-- 下拉框 -->
96 <el-form-item label="土地性质：" style="margin-bottom:3px"> 102 <el-form-item label="土地性质：" style="margin-bottom: 3px">
97 <treeselect v-model="ruleForm.tdytqxList[0].qlxzbm" placeholder="" 103 <treeselect
104 v-model="ruleForm.tdytqxList[0].qlxzbm"
105 placeholder=""
98 :normalizer="normalizer" 106 :normalizer="normalizer"
99 :show-count="true" :options="dictData['A9']" /> 107 :show-count="true"
108 :options="dictData['A9']"
109 />
100 </el-form-item> 110 </el-form-item>
101 </el-col> 111 </el-col>
102 <el-col :span="8"> 112 <el-col :span="8">
103 <el-form-item label="房地产交易价格："> 113 <el-form-item label="房地产交易价格：">
104 <div style="display:flex"> 114 <div style="display: flex">
105 <el-input v-model="ruleForm.fdcq2.qjjg" style="width:500%"></el-input> 115 <el-input
116 v-model="ruleForm.fdcq2.qjjg"
117 style="width: 500%"
118 ></el-input>
106 <el-select v-model="ruleForm.fdcq2.jedw"> 119 <el-select v-model="ruleForm.fdcq2.jedw">
107 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 120 <el-option
121 v-for="item in dictData['A57']"
122 :key="item.dcode"
123 :label="item.dname"
124 :value="item.dcode"
125 >
108 </el-option> 126 </el-option>
109 </el-select> 127 </el-select>
110 </div> 128 </div>
111 </el-form-item> 129 </el-form-item>
112 </el-col> 130 </el-col>
113 <el-col :span="8"> 131 <el-col :span="8">
132 <el-form-item label="权属状态：">
133 <el-select v-model="ruleForm.qlxx.qszt">
134 <el-option v-for="item in qsztlist" :key="item.dcode" :label="item.dname" :value="item.dcode">
135 </el-option>
136 </el-select>
137 </el-form-item>
138 </el-col>
139 <el-col :span="8">
114 <el-form-item label="规划用途："> 140 <el-form-item label="规划用途：">
115 <el-select v-model="ruleForm.fdcq2.ghyt"> 141 <el-select v-model="ruleForm.fdcq2.ghyt">
116 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 142 <el-option
143 v-for="item in dictData['A17']"
144 :key="item.dcode"
145 :label="item.dname"
146 :value="item.dcode"
147 >
117 </el-option> 148 </el-option>
118 </el-select> 149 </el-select>
119 </el-form-item> 150 </el-form-item>
...@@ -131,7 +162,12 @@ ...@@ -131,7 +162,12 @@
131 <el-col :span="8"> 162 <el-col :span="8">
132 <el-form-item label="房屋性质："> 163 <el-form-item label="房屋性质：">
133 <el-select v-model="ruleForm.fdcq2.fwxz"> 164 <el-select v-model="ruleForm.fdcq2.fwxz">
134 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 165 <el-option
166 v-for="item in dictData['A19']"
167 :key="item.dcode"
168 :label="item.dname"
169 :value="item.dcode"
170 >
135 </el-option> 171 </el-option>
136 </el-select> 172 </el-select>
137 </el-form-item> 173 </el-form-item>
...@@ -139,7 +175,12 @@ ...@@ -139,7 +175,12 @@
139 <el-col :span="8"> 175 <el-col :span="8">
140 <el-form-item label="房屋结构："> 176 <el-form-item label="房屋结构：">
141 <el-select v-model="ruleForm.fdcq2.fwjg"> 177 <el-select v-model="ruleForm.fdcq2.fwjg">
142 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 178 <el-option
179 v-for="item in dictData['A46']"
180 :key="item.dcode"
181 :label="item.dname"
182 :value="item.dcode"
183 >
143 </el-option> 184 </el-option>
144 </el-select> 185 </el-select>
145 </el-form-item> 186 </el-form-item>
...@@ -232,7 +273,8 @@ ...@@ -232,7 +273,8 @@
232 <el-form-item label="共有方式："> 273 <el-form-item label="共有方式：">
233 <el-radio-group 274 <el-radio-group
234 :disabled="$route.query.viewtype == 0" 275 :disabled="$route.query.viewtype == 0"
235 v-model="ruleForm.qlxx.gyqk"> 276 v-model="ruleForm.qlxx.gyqk"
277 >
236 <el-radio label="0">单独所有</el-radio> 278 <el-radio label="0">单独所有</el-radio>
237 <el-radio label="1">共同共有</el-radio> 279 <el-radio label="1">共同共有</el-radio>
238 <el-radio label="2">按份所有</el-radio> 280 <el-radio label="2">按份所有</el-radio>
...@@ -243,15 +285,23 @@ ...@@ -243,15 +285,23 @@
243 <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> 285 <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
244 <el-form-item label="是否分别持证："> 286 <el-form-item label="是否分别持证：">
245 <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> 287 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
246 <el-radio :label=1>是</el-radio> 288 <el-radio :label="1">是</el-radio>
247 <el-radio :label=0>否</el-radio> 289 <el-radio :label="0">否</el-radio>
248 </el-radio-group> 290 </el-radio-group>
249 </el-form-item> 291 </el-form-item>
250 </el-col> 292 </el-col>
251 <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> 293 <el-col
294 :span="6"
295 v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
296 >
252 <el-form-item label="持证人："> 297 <el-form-item label="持证人：">
253 <el-select v-model="ruleForm.czr" placeholder="持证人"> 298 <el-select v-model="ruleForm.czr" placeholder="持证人">
254 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> 299 <el-option
300 v-for="item in czrOptions"
301 :key="item.zjh"
302 :label="item.sqrmc"
303 :value="item.zjh"
304 >
255 </el-option> 305 </el-option>
256 </el-select> 306 </el-select>
257 </el-form-item> 307 </el-form-item>
...@@ -262,7 +312,8 @@ ...@@ -262,7 +312,8 @@
262 @upDateQlrxxList="upDateQlrxxList" 312 @upDateQlrxxList="upDateQlrxxList"
263 :key="key" 313 :key="key"
264 :viewtype="$route.query.viewtype" 314 :viewtype="$route.query.viewtype"
265 :gyfs="ruleForm.qlxx.gyfs" /> 315 :gyfs="ruleForm.qlxx.gyfs"
316 />
266 317
267 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 318 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
268 <div class="slxx_title title-block"> 319 <div class="slxx_title title-block">
...@@ -274,7 +325,8 @@ ...@@ -274,7 +325,8 @@
274 :tableData="ruleForm.ywrList" 325 :tableData="ruleForm.ywrList"
275 :key="key" 326 :key="key"
276 @upDateQlrxxList="upDateYwrxxList" 327 @upDateQlrxxList="upDateYwrxxList"
277 :viewtype="$route.query.viewtype" /> 328 :viewtype="$route.query.viewtype"
329 />
278 </div> 330 </div>
279 </div> 331 </div>
280 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> 332 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
...@@ -287,32 +339,45 @@ ...@@ -287,32 +339,45 @@
287 </template> 339 </template>
288 <script> 340 <script>
289 import { mapGetters } from "vuex"; 341 import { mapGetters } from "vuex";
290 import { init,save } from "@/api/djbbl.js"; 342 import { init, save } from "@/api/djbbl.js";
291 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 343 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
292 import tdytTable from "@/views/workflow/components/tdytTable"; 344 import tdytTable from "@/views/workflow/components/tdytTable";
293 // import the component 345 // import the component
294 // import Treeselect from '@riophae/vue-treeselect' 346 // import Treeselect from '@riophae/vue-treeselect'
295 // // import the styles 347 // // import the styles
296 // import '@riophae/vue-treeselect/dist/vue-treeselect.css' 348 // import '@riophae/vue-treeselect/dist/vue-treeselect.css'
297 export default { 349 export default {
298 components: { qlrCommonTable,tdytTable}, 350 components: { qlrCommonTable, tdytTable },
299 computed: { 351 computed: {
300 ...mapGetters(["dictData", "flag"]), 352 ...mapGetters(["dictData", "flag"]),
301 }, 353 },
302 data() { 354 data() {
303 return { 355 return {
304 // 键名转换，方法默认是label和children进行树状渲染 356 // 键名转换，方法默认是label和children进行树状渲染
305 normalizer (node) { //方法 357 normalizer(node) {
306 if (node.children == null || node.children == 'null') { 358 //方法
359 if (node.children == null || node.children == "null") {
307 delete node.children; 360 delete node.children;
308 } 361 }
309 return { 362 return {
310 id: node.dcode, 363 id: node.dcode,
311 label: node.dname 364 label: node.dname,
312 } 365 };
313 }, 366 },
367
314 //表单是否可操作 368 //表单是否可操作
315 propsParam: this.$attrs, 369 propsParam: this.$attrs,
370 // 权属状态
371 qsztlist: [
372 {
373 dcode: "1",
374 dname: "现势",
375 },
376 {
377 dcode: "2",
378 dname: "历史",
379 },
380 ],
316 ableOperation: true, 381 ableOperation: true,
317 key: 0, 382 key: 0,
318 isShow: false, 383 isShow: false,
...@@ -329,26 +394,26 @@ export default { ...@@ -329,26 +394,26 @@ export default {
329 mounted() {}, 394 mounted() {},
330 methods: { 395 methods: {
331 loadData() { 396 loadData() {
332 console.log("房地产权",this.propsParam); 397 console.log("房地产权", this.propsParam);
333 init(this.propsParam.bsmRepair).then((res) => { 398 init(this.propsParam.bsmRepair).then((res) => {
334 if (res.code == 200) { 399 if (res.code == 200) {
335 this.ruleForm = res.result; 400 this.ruleForm = res.result;
336 console.log("this.ruleForm",this.ruleForm); 401 console.log("this.ruleForm", this.ruleForm);
337 this.isShow = true; 402 this.isShow = true;
338 } 403 }
339 }); 404 });
340 }, 405 },
341 // 更新土地用途信息 406 // 更新土地用途信息
342 upDateTdytxxList(val) { 407 upDateTdytxxList(val) {
343 console.log("VAL",val); 408 console.log("VAL", val);
344 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 409 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
345 this.key++; 410 this.key++;
346 }, 411 },
347 // 更新权利人信息 412 // 更新权利人信息
348 upDateQlrxxList(val) { 413 upDateQlrxxList(val) {
349 console.log("val",val); 414 console.log("val", val);
350 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); 415 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
351 console.log("this.ruleForm.qlrData",this.ruleForm.qlrData); 416 console.log("this.ruleForm.qlrData", this.ruleForm.qlrData);
352 this.czrOptions = this.ruleForm.qlrData; 417 this.czrOptions = this.ruleForm.qlrData;
353 this.key++; 418 this.key++;
354 }, 419 },
...@@ -358,7 +423,7 @@ export default { ...@@ -358,7 +423,7 @@ export default {
358 this.key++; 423 this.key++;
359 }, 424 },
360 onSubmit() { 425 onSubmit() {
361 console.log("this.ruleForm大信息",this.ruleForm); 426 console.log("this.ruleForm大信息", this.ruleForm);
362 if (this.ruleForm.qlrData.length == 0) { 427 if (this.ruleForm.qlrData.length == 0) {
363 this.$message({ 428 this.$message({
364 showClose: true, 429 showClose: true,
......
...@@ -72,6 +72,14 @@ ...@@ -72,6 +72,14 @@
72 </el-form-item> 72 </el-form-item>
73 </el-col> 73 </el-col>
74 <el-col :span="8"> 74 <el-col :span="8">
75 <el-form-item label="权属状态：">
76 <el-select v-model="ruleForm.qlxx.qszt">
77 <el-option v-for="item in qsztlist" :key="item.dcode" :label="item.dname" :value="item.dcode">
78 </el-option>
79 </el-select>
80 </el-form-item>
81 </el-col>
82 <el-col :span="8">
75 <el-form-item label="房地坐落："> 83 <el-form-item label="房地坐落：">
76 <el-input v-model="ruleForm.qlxx.zl"></el-input> 84 <el-input v-model="ruleForm.qlxx.zl"></el-input>
77 </el-form-item> 85 </el-form-item>
...@@ -82,26 +90,9 @@ ...@@ -82,26 +90,9 @@
82 </el-form-item> 90 </el-form-item>
83 </el-col> 91 </el-col>
84 <el-col :span="8"> 92 <el-col :span="8">
85 <el-form-item label="独用土地面积："> 93 <el-form-item label="取得价格：">
86 <el-input v-model="ruleForm.jsydsyq.dytdmj"></el-input>
87 </el-form-item>
88 </el-col>
89 <el-col :span="8">
90 <el-form-item label="分摊土地面积：">
91 <el-input v-model="ruleForm.jsydsyq.fttdmj"></el-input>
92 </el-form-item>
93 </el-col>
94 <el-col :span="8">
95 <el-form-item label="土地性质：" style="margin-bottom:3px">
96 <treeselect v-model="ruleForm.jsydsyq.jedw" placeholder=""
97 :normalizer="normalizer"
98 :show-count="true" :options="dictData['A9']" />
99 </el-form-item>
100 </el-col>
101 <el-col :span="8">
102 <el-form-item label="房地产交易价格：">
103 <div style="display:flex"> 94 <div style="display:flex">
104 <el-input v-model="ruleForm.jsydsyq.qjjg" style="width:500%"></el-input> 95 <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%"></el-input>
105 <el-select v-model="ruleForm.jsydsyq.jedw"> 96 <el-select v-model="ruleForm.jsydsyq.jedw">
106 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 97 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
107 </el-option> 98 </el-option>
...@@ -109,70 +100,9 @@ ...@@ -109,70 +100,9 @@
109 </div> 100 </div>
110 </el-form-item> 101 </el-form-item>
111 </el-col> 102 </el-col>
112 <el-col :span="8"> 103
113 <el-form-item label="规划用途："> 104
114 <el-select v-model="ruleForm.jsydsyq.ghyt"> 105
115 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
116 </el-option>
117 </el-select>
118 </el-form-item>
119 </el-col>
120 <el-col :span="8">
121 <el-form-item label="批准用途：">
122 <el-input v-model="ruleForm.jsydsyq.pzyt"></el-input>
123 </el-form-item>
124 </el-col>
125 <el-col :span="8">
126 <el-form-item label="实际用途：">
127 <el-input v-model="ruleForm.jsydsyq.sjyt"></el-input>
128 </el-form-item>
129 </el-col>
130 <el-col :span="8">
131 <el-form-item label="房屋性质：">
132 <el-select v-model="ruleForm.jsydsyq.fwxz">
133 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
134 </el-option>
135 </el-select>
136 </el-form-item>
137 </el-col>
138 <el-col :span="8">
139 <el-form-item label="房屋结构：">
140 <el-select v-model="ruleForm.jsydsyq.fwjg">
141 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
142 </el-option>
143 </el-select>
144 </el-form-item>
145 </el-col>
146 <el-col :span="8">
147 <el-form-item label="所在层：">
148 <el-input v-model="ruleForm.jsydsyq.szc"></el-input>
149 </el-form-item>
150 </el-col>
151 <el-col :span="8">
152 <el-form-item label="总层数：">
153 <el-input v-model="ruleForm.jsydsyq.zcs"></el-input>
154 </el-form-item>
155 </el-col>
156 <el-col :span="8">
157 <el-form-item label="建筑面积：">
158 <el-input v-model="ruleForm.jsydsyq.jzmj"></el-input>
159 </el-form-item>
160 </el-col>
161 <el-col :span="8">
162 <el-form-item label="专有建筑面积：">
163 <el-input v-model="ruleForm.jsydsyq.zyjzmj"></el-input>
164 </el-form-item>
165 </el-col>
166 <el-col :span="8">
167 <el-form-item label="分摊建筑面积：">
168 <el-input v-model="ruleForm.jsydsyq.ftjzmj"></el-input>
169 </el-form-item>
170 </el-col>
171 <el-col :span="8">
172 <el-form-item label="竣工时间：">
173 <el-input v-model="ruleForm.jsydsyq.jgsj"></el-input>
174 </el-form-item>
175 </el-col>
176 106
177 <el-col :span="8"> 107 <el-col :span="8">
178 <el-form-item label="不动产权证号："> 108 <el-form-item label="不动产权证号：">
...@@ -271,6 +201,7 @@ ...@@ -271,6 +201,7 @@
271 </div> 201 </div>
272 </template> 202 </template>
273 <script> 203 <script>
204 import store from '@/store/index.js'
274 import { mapGetters } from "vuex"; 205 import { mapGetters } from "vuex";
275 import { init,save } from "@/api/djbbl.js"; 206 import { init,save } from "@/api/djbbl.js";
276 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 207 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
...@@ -282,11 +213,31 @@ export default { ...@@ -282,11 +213,31 @@ export default {
282 }, 213 },
283 data() { 214 data() {
284 return { 215 return {
285 216 // 键名转换，方法默认是label和children进行树状渲染
217 normalizer (node) { //方法
218 if (node.children == null || node.children == 'null') {
219 delete node.children;
220 }
221 return {
222 id: node.dcode,
223 label: node.dname
224 }
225 },
286 //表单是否可操作 226 //表单是否可操作
287 propsParam: this.$attrs, 227 propsParam: this.$attrs,
288 ableOperation: true, 228 ableOperation: true,
289 key: 0, 229 key: 0,
230 // 权属状态
231 qsztlist: [
232 {
233 dcode: "1",
234 dname: "现势",
235 },
236 {
237 dcode: "2",
238 dname: "历史",
239 },
240 ],
290 isShow: false, 241 isShow: false,
291 disabled: true, 242 disabled: true,
292 czrOptions: [], 243 czrOptions: [],
...@@ -300,8 +251,13 @@ export default { ...@@ -300,8 +251,13 @@ export default {
300 }, 251 },
301 mounted() {}, 252 mounted() {},
302 methods: { 253 methods: {
254 // 字典
255 getDictData (val) {
256 return store.getters.dictData[val]
257 },
303 loadData() { 258 loadData() {
304 console.log("建设用地使用权",this.propsParam); 259 console.log("建设用地使用权",this.propsParam);
260 console.log("this.getDictData('A30')",this.getDictData('A22'));
305 init(this.propsParam.bsmRepair).then((res) => { 261 init(this.propsParam.bsmRepair).then((res) => {
306 if (res.code == 200) { 262 if (res.code == 200) {
307 this.ruleForm = res.result; 263 this.ruleForm = res.result;
......