Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
33103af0 by 夏齐
Options

前端增加数据比对功能

1 parent 096314e5
Expand all
Inline Side-by-side
Showing 4 changed files with 150 additions and 5 deletions
1 import request from '@/utils/request' 1 import request from '@/utils/request'
2 /* 2 /*
3 登记簿详情页 3 登记簿详情页
4 */ 4 */
5 5
...@@ -106,3 +106,11 @@ export function getCfdjList(data) { ...@@ -106,3 +106,11 @@ export function getCfdjList(data) {
106 data 106 data
107 }) 107 })
108 } 108 }
109 // 获取数据比对集合
110 export function getFdcqLSInfo(data) {
111 return request({
112 url: '/djbDetail/getFdcqLSInfo',
113 method: 'post',
114 data
115 })
116 }
......
...@@ -83,12 +83,12 @@ ...@@ -83,12 +83,12 @@
83 </el-col> 83 </el-col>
84 <el-col :span="8"> 84 <el-col :span="8">
85 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质："> 85 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质：">
86 <el-input disabled v-model="ruleForm.fdcq2.fwxz"></el-input> 86 <el-input disabled v-model="ruleForm.fdcq2.fwxzmc"></el-input>
87 </el-form-item> 87 </el-form-item>
88 </el-col> 88 </el-col>
89 <el-col :span="8"> 89 <el-col :span="8">
90 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构："> 90 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构：">
91 <el-input disabled v-model="ruleForm.fdcq2.fwjg"></el-input> 91 <el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input>
92 </el-form-item> 92 </el-form-item>
93 </el-col> 93 </el-col>
94 </el-row> 94 </el-row>
...@@ -117,12 +117,12 @@ ...@@ -117,12 +117,12 @@
117 </el-col> 117 </el-col>
118 <el-col :span="8"> 118 <el-col :span="8">
119 <el-form-item :class="flag ? 'marginBot0' : ''" label="专有建筑面积："> 119 <el-form-item :class="flag ? 'marginBot0' : ''" label="专有建筑面积：">
120 <el-input disabled v-model="ruleForm.fdcq2.zyjjmj"></el-input> 120 <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"></el-input>
121 </el-form-item> 121 </el-form-item>
122 </el-col> 122 </el-col>
123 <el-col :span="8"> 123 <el-col :span="8">
124 <el-form-item :class="flag ? 'marginBot0' : ''" label="分摊建筑面积："> 124 <el-form-item :class="flag ? 'marginBot0' : ''" label="分摊建筑面积：">
125 <el-input disabled v-model="ruleForm.fdcq2.ftjjmj"></el-input> 125 <el-input disabled v-model="ruleForm.fdcq2.ftjzmj"></el-input>
126 </el-form-item> 126 </el-form-item>
127 </el-col> 127 </el-col>
128 </el-row> 128 </el-row>
......
1 <template>
2 <div class="djxxTable" :style="{'max-height': this.timeLineHeight + 'px' }"
3 style="overflow-y:scroll;">
4 <div class="tableBox" >
5 <div class="title">
6 <span v-if="this.propsParam.formData.qllx=='A04' || this.propsParam.formData.qllx=='A06' || this.propsParam.formData.qllx=='A08'">{{ title }}</span>
7 <span v-if="this.propsParam.formData.qllx=='A03' || this.propsParam.formData.qllx=='A05' || this.propsParam.formData.qllx=='A07'">{{ ydTitile }}</span>
8 </div>
9 <div class="xxTableBox">
10 <table class="xxTable">
11 <tr>
12 <td></td>
13 <td>变更前</td>
14 <td>变更后</td>
15 </tr>
16 <tr v-if="this.propsParam.formData.qllx=='A04' || this.propsParam.formData.qllx=='A06' || this.propsParam.formData.qllx=='A08'" v-for="(item, colindex) in columns" :key="colindex">
17 <td>
18 {{ item.label }}
19 </td>
20 <td
21 v-for="(row, index) in tableData"
22 :key="index"
23 :class="[
24 row.qszt == '2' ? 'lishi' : '',
25 row.qszt == '0' ? 'linshi' : '',
26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
27 ]"
28 >
29 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
30 正在办理
31 </div>
32 <span v-if="item.prop == 'qszt'">
33 {{ getQsztName(row[item.prop]) }}
34 </span>
35
36 <span v-else> {{ row[item.prop] }}</span>
37 </td>
38 </tr>
39 <tr v-if="this.propsParam.formData.qllx=='A03' || this.propsParam.formData.qllx=='A05' || this.propsParam.formData.qllx=='A07'" v-for="(item, colindex) in tdColumns" :key="colindex">
40 <td>
41 {{ item.label }}
42 </td>
43 <td
44 v-for="(row, index) in tableData"
45 :key="index"
46 :class="[
47 row.qszt == '2' ? 'lishi' : '',
48 row.qszt == '0' ? 'linshi' : '',
49 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
50 ]"
51 >
52 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
53 正在办理
54 </div>
55 <span v-if="item.prop == 'qszt'">
56 {{ getQsztName(row[item.prop]) }}
57 </span>
58
59 <span v-else> {{ row[item.prop] }}</span>
60 </td>
61 </tr>
62 </table>
63 </div>
64 </div>
65 </div>
66 </template>
67
68 <script>
69 import {getFdcqLSInfo} from "@/api/registerBook.js";
70 import { datas } from "@/views/registerBook/qlxxFormData.js";
71 export default {
72 data() {
73 return {
74 title: "房地产权登记信息（独幢、层、套、间房屋）",
75 ydTitile: "土地使用权登记信息",
76 qsztList: datas.columns().qsztList,
77 checkList: datas.columns().checkList,
78 //传递参数
79 propsParam: this.$attrs,
80 //列表数据
81 tableData: [],
82 //空列值个数
83 emptycolNum: 1,
84 //列名称对象
85 columns: datas.columns().FDCQ2,
86 tdColumns: datas.columns().JSYDSYQ
87
88 };
89 },
90 created() {
91 this.loadData();
92 },
93 mounted() {
94 this.timeLineHeight = document.documentElement.clientHeight - 210;
95 window.onresize = () => {
96 this.timeLineHeight = document.documentElement.clientHeight - 210;
97 };
98 },
99 methods: {
100 loadData() {
101 getFdcqLSInfo(this.propsParam.formData).then((res) => {
102 if (res.code === 200) {
103 this.tableData = res.result;
104 if (this.tableData.length < datas.columns().emptycolNum) {
105 this.emptycolNum =
106 datas.columns().emptycolNum - this.tableData.length;
107 } else {
108 this.emptycolNum = 0;
109 }
110 }
111 });
112 },
113 checkChange() {
114 if (this.checkList.length === 0) {
115 this.tableData = [];
116 this.emptycolNum = datas.columns().emptycolNum;
117 } else {
118 this.loadData();
119 }
120 },
121 getQsztName(code) {
122 let name = "";
123 for (let item of this.qsztList) {
124 if (item.value == code) {
125 name = item.label;
126 break;
127 }
128 }
129 return name;
130 },
131 },
132 };
133 </script>
134
135 <style lang="scss" scoped>
136 @import "~@/views/registerBook/qlxxCommon.scss";
137 </style>