Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
e0224a99 by tianhaohao@pashanhoo.com
Options

Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev

2 parents a6f47dc3 94734d5e
Inline Side-by-side
Showing 11 changed files with 365 additions and 156 deletions
...@@ -10,6 +10,7 @@ ...@@ -10,6 +10,7 @@
10 "dependencies": { 10 "dependencies": {
11 "@antv/g2": "^4.2.8", 11 "@antv/g2": "^4.2.8",
12 "@babel/polyfill": "^7.12.1", 12 "@babel/polyfill": "^7.12.1",
13 "@riophae/vue-treeselect": "^0.4.0",
13 "axios": "^0.21.1", 14 "axios": "^0.21.1",
14 "bpmn-js": "^7.4.0", 15 "bpmn-js": "^7.4.0",
15 "bpmn-js-properties-panel": "^0.37.2", 16 "bpmn-js-properties-panel": "^0.37.2",
......
...@@ -72,6 +72,19 @@ export function getBdcqljqtsx (data) { ...@@ -72,6 +72,19 @@ export function getBdcqljqtsx (data) {
72 } 72 }
73 73
74 /** 74 /**
75 * @description: 获取土地所有权
76 * @param {*} data
77 * @author: renchao
78 */
79 export function getTdsyqList (data) {
80 return request({
81 url: SERVER.SERVERAPI + '/rest/djbDetail/getTdsyqList',
82 method: 'post',
83 data
84 })
85 }
86
87 /**
75 * @description: 获取建设用地使用权 88 * @description: 获取建设用地使用权
76 * @param {*} data 89 * @param {*} data
77 * @author: renchao 90 * @author: renchao
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:31:23 4 * @LastEditTime: 2023-05-17 10:31:23
5 */ 5 */
...@@ -11,7 +11,7 @@ export function Init (data) { ...@@ -11,7 +11,7 @@ export function Init (data) {
11 let apiUrl = ""; 11 let apiUrl = "";
12 switch (data.get("djlx")) { 12 switch (data.get("djlx")) {
13 case "100": 13 case "100":
14 apiUrl = "/rest/ywbl/tdsyq/fristInit"; 14 apiUrl = "/rest/ywbl/tdsyq/firstInit";
15 break; 15 break;
16 case "200": 16 case "200":
17 apiUrl = "/rest/ywbl/tdsyq/transferInit"; 17 apiUrl = "/rest/ywbl/tdsyq/transferInit";
......
...@@ -7,12 +7,14 @@ import dialogBox from '@/components/DialogBox/dialogBox.vue' ...@@ -7,12 +7,14 @@ import dialogBox from '@/components/DialogBox/dialogBox.vue'
7 import LbTable from '@/components/LbTable/lb-table.vue' 7 import LbTable from '@/components/LbTable/lb-table.vue'
8 import Theme from '@/components/Theme/theme.vue' 8 import Theme from '@/components/Theme/theme.vue'
9 import Popup from '@/components/Popup/index' 9 import Popup from '@/components/Popup/index'
10 import Treeselect from '@riophae/vue-treeselect' //树形下拉框组件
10 import MessageBox from '@/components/MessageBox/index.js' 11 import MessageBox from '@/components/MessageBox/index.js'
11 export default { 12 export default {
12 install: (Vue) => { 13 install: (Vue) => {
13 Vue.component('dialogBox', dialogBox); 14 Vue.component('dialogBox', dialogBox);
14 Vue.component('lbTable', LbTable); 15 Vue.component('lbTable', LbTable);
15 Vue.component('Theme', Theme); 16 Vue.component('Theme', Theme);
17 Vue.component('Treeselect', Treeselect);
16 Vue.prototype.$popup = Popup.install; 18 Vue.prototype.$popup = Popup.install;
17 Vue.prototype.$alertMes = MessageBox.alert; 19 Vue.prototype.$alertMes = MessageBox.alert;
18 } 20 }
......
...@@ -6,16 +6,18 @@ ...@@ -6,16 +6,18 @@
6 import Vue from 'vue' 6 import Vue from 'vue'
7 import App from './App' 7 import App from './App'
8 import 'normalize.css/normalize.css' // a modern alternative to CSS resets 8 import 'normalize.css/normalize.css' // a modern alternative to CSS resets
9 import Element from 'element-ui' 9 import Element, { install } from 'element-ui'
10 import axios from 'axios' 10 import axios from 'axios'
11 import '@/styles/element-variables.scss' 11 import '@/styles/element-variables.scss'
12 import '@/styles/index.scss' 12 import '@/styles/index.scss'
13 import Base from '@/components/Base/base' // 全局组件引入 13 import Base from '@/components/Base/base' // 全局组件引入
14 import mixin from '@/utils/mixin/theme.js' 14 import mixin from '@/utils/mixin/theme.js'
15 import Loading from '@/components/Loading/index.js'; 15 import Loading from '@/components/Loading/index.js';
16 import '@riophae/vue-treeselect/dist/vue-treeselect.css'
16 import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading' 17 import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading'
17 Vue.mixin(mixin); 18 Vue.mixin(mixin);
18 Vue.use(Loading.directive); 19 Vue.use(Loading.directive);
20
19 // 引入xml 21 // 引入xml
20 import x2js from 'x2js' 22 import x2js from 'x2js'
21 Vue.prototype.$x2js = new x2js() 23 Vue.prototype.$x2js = new x2js()
......
...@@ -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>
...@@ -76,44 +82,69 @@ ...@@ -76,44 +82,69 @@
76 <el-input v-model="ruleForm.qlxx.zl"></el-input> 82 <el-input v-model="ruleForm.qlxx.zl"></el-input>
77 </el-form-item> 83 </el-form-item>
78 </el-col> 84 </el-col>
79 <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> 85 <el-col :span="8">
80 <el-form-item label="土地使用权人："> 86 <el-form-item label="土地使用权人：">
81 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> 87 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
82 </el-form-item> 88 </el-form-item>
83 </el-col> 89 </el-col>
84 <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> 90 <el-col :span="8">
85 <el-form-item label="独用土地面积："> 91 <el-form-item label="独用土地面积：">
86 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> 92 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
87 </el-form-item> 93 </el-form-item>
88 </el-col> 94 </el-col>
89 <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> 95 <el-col :span="8">
90 <el-form-item label="分摊土地面积："> 96 <el-form-item label="分摊土地面积：">
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>
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>
113 <el-col :span="8"> 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>
...@@ -164,7 +205,7 @@ ...@@ -164,7 +205,7 @@
164 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> 205 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
165 </el-form-item> 206 </el-form-item>
166 </el-col> 207 </el-col>
167 <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> 208 <el-col :span="8">
168 <el-form-item label="分摊建筑面积："> 209 <el-form-item label="分摊建筑面积：">
169 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> 210 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
170 </el-form-item> 211 </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,18 +339,45 @@ ...@@ -287,18 +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";
345 // import the component
346 // import Treeselect from '@riophae/vue-treeselect'
347 // // import the styles
348 // import '@riophae/vue-treeselect/dist/vue-treeselect.css'
293 export default { 349 export default {
294 components: { qlrCommonTable,tdytTable }, 350 components: { qlrCommonTable, tdytTable },
295 computed: { 351 computed: {
296 ...mapGetters(["dictData", "flag"]), 352 ...mapGetters(["dictData", "flag"]),
297 }, 353 },
298 data() { 354 data() {
299 return { 355 return {
356 // 键名转换，方法默认是label和children进行树状渲染
357 normalizer(node) {
358 //方法
359 if (node.children == null || node.children == "null") {
360 delete node.children;
361 }
362 return {
363 id: node.dcode,
364 label: node.dname,
365 };
366 },
367
300 //表单是否可操作 368 //表单是否可操作
301 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 ],
302 ableOperation: true, 381 ableOperation: true,
303 key: 0, 382 key: 0,
304 isShow: false, 383 isShow: false,
...@@ -315,26 +394,26 @@ export default { ...@@ -315,26 +394,26 @@ export default {
315 mounted() {}, 394 mounted() {},
316 methods: { 395 methods: {
317 loadData() { 396 loadData() {
318 console.log("房地产权",this.propsParam); 397 console.log("房地产权", this.propsParam);
319 init(this.propsParam.bsmRepair).then((res) => { 398 init(this.propsParam.bsmRepair).then((res) => {
320 if (res.code == 200) { 399 if (res.code == 200) {
321 this.ruleForm = res.result; 400 this.ruleForm = res.result;
322 console.log("this.ruleForm",this.ruleForm); 401 console.log("this.ruleForm", this.ruleForm);
323 this.isShow = true; 402 this.isShow = true;
324 } 403 }
325 }); 404 });
326 }, 405 },
327 // 更新土地用途信息 406 // 更新土地用途信息
328 upDateTdytxxList(val) { 407 upDateTdytxxList(val) {
329 console.log("VAL",val); 408 console.log("VAL", val);
330 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 409 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
331 this.key++; 410 this.key++;
332 }, 411 },
333 // 更新权利人信息 412 // 更新权利人信息
334 upDateQlrxxList(val) { 413 upDateQlrxxList(val) {
335 console.log("val",val); 414 console.log("val", val);
336 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); 415 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
337 console.log("this.ruleForm.qlrData",this.ruleForm.qlrData); 416 console.log("this.ruleForm.qlrData", this.ruleForm.qlrData);
338 this.czrOptions = this.ruleForm.qlrData; 417 this.czrOptions = this.ruleForm.qlrData;
339 this.key++; 418 this.key++;
340 }, 419 },
...@@ -344,7 +423,7 @@ export default { ...@@ -344,7 +423,7 @@ export default {
344 this.key++; 423 this.key++;
345 }, 424 },
346 onSubmit() { 425 onSubmit() {
347 console.log("this.ruleForm大信息",this.ruleForm); 426 console.log("this.ruleForm大信息", this.ruleForm);
348 if (this.ruleForm.qlrData.length == 0) { 427 if (this.ruleForm.qlrData.length == 0) {
349 this.$message({ 428 this.$message({
350 showClose: true, 429 showClose: true,
......
...@@ -71,6 +71,14 @@ ...@@ -71,6 +71,14 @@
71 </el-select> 71 </el-select>
72 </el-form-item> 72 </el-form-item>
73 </el-col> 73 </el-col>
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>
74 <el-col :span="8"> 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>
...@@ -80,99 +88,21 @@ ...@@ -80,99 +88,21 @@
80 <el-form-item label="使用权面积："> 88 <el-form-item label="使用权面积：">
81 <el-input v-model="ruleForm.jsydsyq.syqmj"></el-input> 89 <el-input v-model="ruleForm.jsydsyq.syqmj"></el-input>
82 </el-form-item> 90 </el-form-item>
83 </el-col> <!--
84 <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj">
85 <el-form-item label="独用土地面积：">
86 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
87 </el-form-item>
88 </el-col>
89 <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj">
90 <el-form-item label="分摊土地面积：">
91 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
92 </el-form-item>
93 </el-col> 91 </el-col>
94 <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> 92 <el-col :span="8">
95 <el-form-item label="土地性质：" style="margin-bottom:3px"> 93 <el-form-item label="取得价格：">
96 <treeselect v-model="ruleForm.fdcq2.jedw" placeholder=""
97 :normalizer="normalizer"
98 :show-count="true" :options="dictData['A45']" />
99 </el-form-item>
100 </el-col>
101 <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj">
102 <el-form-item label="房地产交易价格：">
103 <div style="display:flex"> 94 <div style="display:flex">
104 <el-input v-model="ruleForm.fdcq2.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.fdcq2.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>
108 </el-select> 99 </el-select>
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.fdcq2.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.fdcq2.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.fdcq2.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.fdcq2.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.fdcq2.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.fdcq2.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.fdcq2.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.fdcq2.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.fdcq2.zyjzmj"></el-input>
164 </el-form-item>
165 </el-col>
166 <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj">
167 <el-form-item label="分摊建筑面积：">
168 <el-input v-model="ruleForm.fdcq2.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.fdcq2.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="不动产权证号：">
...@@ -200,13 +130,13 @@ ...@@ -200,13 +130,13 @@
200 </el-form-item> 130 </el-form-item>
201 </el-col> 131 </el-col>
202 </el-row> 132 </el-row>
203 <!-- <el-row> 133 <el-row>
204 <el-col :span="24"> 134 <el-col :span="24">
205 <el-form-item label="附记："> 135 <el-form-item label="附记：">
206 <el-input v-model="ruleForm.fdcq2.fj"></el-input> 136 <el-input v-model="ruleForm.jsydsyq.fj"></el-input>
207 </el-form-item> 137 </el-form-item>
208 </el-col> 138 </el-col>
209 </el-row> --> 139 </el-row>
210 140
211 <div class="slxx_title title-block"> 141 <div class="slxx_title title-block">
212 权利人信息 142 权利人信息
...@@ -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,10 +213,31 @@ export default { ...@@ -282,10 +213,31 @@ export default {
282 }, 213 },
283 data() { 214 data() {
284 return { 215 return {
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 },
285 //表单是否可操作 226 //表单是否可操作
286 propsParam: this.$attrs, 227 propsParam: this.$attrs,
287 ableOperation: true, 228 ableOperation: true,
288 key: 0, 229 key: 0,
230 // 权属状态
231 qsztlist: [
232 {
233 dcode: "1",
234 dname: "现势",
235 },
236 {
237 dcode: "2",
238 dname: "历史",
239 },
240 ],
289 isShow: false, 241 isShow: false,
290 disabled: true, 242 disabled: true,
291 czrOptions: [], 243 czrOptions: [],
...@@ -299,8 +251,13 @@ export default { ...@@ -299,8 +251,13 @@ export default {
299 }, 251 },
300 mounted() {}, 252 mounted() {},
301 methods: { 253 methods: {
254 // 字典
255 getDictData (val) {
256 return store.getters.dictData[val]
257 },
302 loadData() { 258 loadData() {
303 console.log("建设用地使用权",this.propsParam); 259 console.log("建设用地使用权",this.propsParam);
260 console.log("this.getDictData('A30')",this.getDictData('A22'));
304 init(this.propsParam.bsmRepair).then((res) => { 261 init(this.propsParam.bsmRepair).then((res) => {
305 if (res.code == 200) { 262 if (res.code == 200) {
306 this.ruleForm = res.result; 263 this.ruleForm = res.result;
......
1 1
2 2
3 var qlxxPage = [ 3 var qlxxPage = [
4 { qllx: "A01", id: "jsydsyq", form: "jsydsyq.vue", label: "集体土地所有权" }, 4 { qllx: "A01", id: "tdsyq", form: "tdsyq.vue", label: "集体土地所有权" },
5 { qllx: "A02", id: "jsydsyq", form: "jsydsyq.vue", label: "国家土地所有权" }, 5 { qllx: "A02", id: "tdsyq", form: "tdsyq.vue", label: "国家土地所有权" },
6 { qllx: "A03", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权" }, 6 { qllx: "A03", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权" },
7 { qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" }, 7 { qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" },
8 { qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" }, 8 { qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" },
...@@ -52,7 +52,7 @@ export function loadTreeData(qlxxData, bdcdyh) { ...@@ -52,7 +52,7 @@ export function loadTreeData(qlxxData, bdcdyh) {
52 treedata[1].children[0].children[0].children.push(getNode(qlxxData.ztqllx, qlxxData.ztql, qlxxData.bdcdylx)); 52 treedata[1].children[0].children[0].children.push(getNode(qlxxData.ztqllx, qlxxData.ztql, qlxxData.bdcdylx));
53 //抵押权 53 //抵押权
54 treedata[1].children[0].children[0].children.push(getNode("A37", qlxxData.diyaq, '')); 54 treedata[1].children[0].children[0].children.push(getNode("A37", qlxxData.diyaq, ''));
55 //地役权 55 //地役权
56 treedata[1].children[0].children[0].children.push(getNode("A19", qlxxData.diyiq, '')); 56 treedata[1].children[0].children[0].children.push(getNode("A19", qlxxData.diyiq, ''));
57 //预告登记 57 //预告登记
58 treedata[1].children[0].children[0].children.push(getNode("B40", qlxxData.ygdj, '')); 58 treedata[1].children[0].children[0].children.push(getNode("B40", qlxxData.ygdj, ''));
......
1 <template>
2 <div class="djxxTable">
3 <div class="tableBox">
4 <div class="title">
5 {{ title }}
6 <div class="checkbox">
7 <el-checkbox-group v-model="checkList" @change="checkChange">
8 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
9 </el-checkbox-group>
10 </div>
11 </div>
12 <div class="xxTableBox rollTable">
13 <!-- 固定前三个 -->
14 <table class="xxTable">
15 <tr v-for="(item, colindex) in columns" :key="colindex">
16 <td>
17 {{ item.label }}
18 </td>
19 <td v-for="(row, index) in tableData" :key="index" :class="[
20 row.qszt == '2' ? 'lishi' : '',
21 row.qszt == '0' ? 'linshi' : '',
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
24 ]">
25 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
26 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
27 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
28 </div>
29 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
30 正在办理
31 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
33 有效
34 </div>
35 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }}
37 </span>
38
39 <span v-else> {{ row[item.prop] }}</span>
40 </td>
41 <td v-for="count in emptycolNum" :key="~count"></td>
42 </tr>
43 </table>
44 </div>
45 </div>
46 </div>
47 </template>
48
49 <script>
50 import { datas } from "./qlxxFormData.js";
51 import { getSjlx } from "@/utils/dictionary.js";
52 import { getTdsyqList } from "@/api/registerBook.js";
53 export default {
54 data () {
55 return {
56 title: "土地所有权信息",
57 qsztList: datas.columns().qsztList,
58 checkList: datas.columns().checkList,
59 //传递参数
60 propsParam: this.$attrs,
61 //列表数据
62 tableData: [],
63 //空列值个数
64 emptycolNum: datas.columns().emptycolNum,
65 //列名称对象
66 columns: datas.columns().JSYDSYQ,
67 };
68 },
69 created () {
70 this.loadData();
71 },
72 methods: {
73 loadData () {
74
75 if(this.$parent.addRepairRecord){
76 this.columns.unshift({prop:"cz",
77 label:"操作"
78 })
79 }
80 getTdsyqList({
81 bdcdyid: this.propsParam.bdcdyid,
82 qllx: this.propsParam.qllx,
83 qszt: this.checkList,
84 }).then((res) => {
85 if (res.code === 200) {
86 this.tableData = res.result;
87 this.tableData.forEach(item => {
88 item.sjlx = getSjlx(item.sjlx)
89 })
90 if (this.tableData.length < datas.columns().emptycolNum) {
91 this.emptycolNum =
92 datas.columns().emptycolNum - this.tableData.length;
93 } else {
94 this.emptycolNum = 0;
95 }
96 }
97 });
98 },
99 checkChange () {
100 if (this.checkList.length === 0) {
101 this.tableData = [];
102 this.emptycolNum = datas.columns().emptycolNum;
103 } else {
104 this.loadData();
105 }
106 },
107 getQsztName (code) {
108 let name = "";
109 for (let item of this.qsztList) {
110 if (item.value == code) {
111 name = item.label;
112 break;
113 }
114 }
115 return name;
116 },
117 // 新增一条补录信息
118 editDialog(row,del){
119 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
120 confirmButtonText: '确定',
121 cancelButtonText: '取消',
122 type: 'warning'
123 }).then(() => {
124 this.$parent.addRepairRecord(row,del)
125
126 this.$message({
127 type: 'success',
128 message: '补录成功!'
129 });
130 }).catch(() => {
131 this.$message({
132 type: 'info',
133 message: '取消编辑'
134 });
135 });
136
137 },
138 },
139 };
140 </script>
141
142 <style lang="scss" scoped>
143 @import "./qlxxCommon.scss";
144 </style>
...@@ -69,7 +69,10 @@ export function getForm (tabName, djywbm) { ...@@ -69,7 +69,10 @@ export function getForm (tabName, djywbm) {
69 case "cfdjxx": 69 case "cfdjxx":
70 form = require("@/views/registerBook/cfdj.vue"); 70 form = require("@/views/registerBook/cfdj.vue");
71 break; 71 break;
72 case "jsydsyqQlxx": 72 case "tdsyqQlxx":
73 form = require("@/views/registerBook/tdsyq.vue");
74 break;
75 case "jsydsyqQlxx":
73 form = require("@/views/registerBook/jsydsyq.vue"); 76 form = require("@/views/registerBook/jsydsyq.vue");
74 break; 77 break;
75 case "nydsyqQlxx": 78 case "nydsyqQlxx":
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02 4 * @LastEditTime: 2023-05-25 08:59:02
5 --> 5 -->
...@@ -87,44 +87,52 @@ ...@@ -87,44 +87,52 @@
87 </el-row> 87 </el-row>
88 <el-row :gutter="10"> 88 <el-row :gutter="10">
89 <el-col :span="8"> 89 <el-col :span="8">
90 <el-form-item label="取得价格："> 90 <el-form-item label="农用地面积：">
91 <div style="display:flex"> 91 <el-input v-model="ruleForm.tdsyq.nydmj"></el-input>
92 <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" :disabled="$route.query.viewtype == '1'"
93 oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
94 <el-select v-model="ruleForm.jsydsyq.jedw" :disabled="$route.query.viewtype == '1'">
95 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
96 </el-option>
97 </el-select>
98 </div>
99 </el-form-item> 92 </el-form-item>
100 </el-col> 93 </el-col>
101 94 <el-col :span="8">
102 <el-col :span="16"> 95 <el-form-item label="耕地面积：">
103 <el-form-item label="坐落："> 96 <el-input v-model="ruleForm.tdsyq.gdmj"></el-input>
104 <el-input disabled v-model="ruleForm.zdjbxx.zl"></el-input> 97 </el-form-item>
98 </el-col>
99 <el-col :span="8">
100 <el-form-item label="林地面积：">
101 <el-input v-model="ruleForm.tdsyq.ldmj"></el-input>
105 </el-form-item> 102 </el-form-item>
106 </el-col> 103 </el-col>
107 </el-row> 104 </el-row>
108 <!-- <el-row :gutter="10"> 105 <el-row :gutter="10">
109 <el-col :span="8"> 106 <el-col :span="8">
110 <el-form-item label="使用期限："> 107 <el-form-item label="草地面积：">
111 <el-input disabled v-model="ruleForm.jsydsyq.tdsyqx"></el-input> 108 <el-input v-model="ruleForm.tdsyq.cdmj"></el-input>
112 </el-form-item> 109 </el-form-item>
113 </el-col> 110 </el-col>
114 111 <el-col :span="8">
115 <el-col :span="16"> 112 <el-form-item label="其他农用地面积：">
116 <el-form-item label="使用权起止时间："> 113 <el-input v-model="ruleForm.tdsyq.qtnydmj"></el-input>
117 <el-input disabled v-model="ruleForm.jsydsyq.syqqzsj"></el-input>
118 </el-form-item> 114 </el-form-item>
119 </el-col> 115 </el-col>
120 </el-row> --> 116 <el-col :span="8">
121 <!-- <el-row :gutter="10"> 117 <el-form-item label="建筑使用面积：">
122 <el-col> 118 <el-input v-model="ruleForm.tdsyq.jsydmj"></el-input>
123 <el-form-item label="附记：" prop="fj">
124 <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype == '1'"></el-input>
125 </el-form-item> 119 </el-form-item>
126 </el-col> 120 </el-col>
127 </el-row> --> 121 </el-row>
122 <el-row :gutter="10">
123 <el-col :span="8">
124 <el-form-item label="未利用地面积：">
125 <el-input v-model="ruleForm.tdsyq.wlydmj"></el-input>
126 </el-form-item>
127 </el-col>
128 <el-col :span="8">
129 <el-form-item label="面积单位：">
130 <el-input v-model="ruleForm.tdsyq.mjdw"></el-input>
131 </el-form-item>
132 </el-col>
133
134 </el-row>
135
128 <div class="slxx_title title-block"> 136 <div class="slxx_title title-block">
129 权利人信息 137 权利人信息
130 <div class="triangle"></div> 138 <div class="triangle"></div>
...@@ -177,7 +185,7 @@ ...@@ -177,7 +185,7 @@
177 <el-col> 185 <el-col>
178 <el-form-item label="登记原因：" prop="djyy"> 186 <el-form-item label="登记原因：" prop="djyy">
179 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype" 187 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype"
180 v-model="ruleForm.jsydsyq.djyy"> 188 v-model="ruleForm.tdsyq.djyy">
181 </el-input> 189 </el-input>
182 </el-form-item> 190 </el-form-item>
183 </el-col> 191 </el-col>
...@@ -304,4 +312,4 @@ ...@@ -304,4 +312,4 @@
304 <style scoped lang='scss'> 312 <style scoped lang='scss'>
305 @import "~@/styles/public.scss"; 313 @import "~@/styles/public.scss";
306 @import "~@/styles/slxx/slxx.scss"; 314 @import "~@/styles/slxx/slxx.scss";
307 </style>
...\ No newline at end of file ...\ No newline at end of file
315 </style>
......