Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
d1115c14 by 田浩浩
Options

修改登记簿功能

1 parent f00db4ad
Expand all
Inline Side-by-side
Showing 10 changed files with 754 additions and 162 deletions
...@@ -49,6 +49,24 @@ export function getZdjjxxBybdcdyid(data) { ...@@ -49,6 +49,24 @@ export function getZdjjxxBybdcdyid(data) {
49 }) 49 })
50 } 50 }
51 51
52 // 获取宗地信息
53 export function getZdjjxxBySLdy(data) {
54 return request({
55 url: '/zhcx/djbcx/getZdjjxxBybdcdyid',
56 method: 'get',
57 params: data
58 })
59 }
60
61 // 获取不动产权利及其他事项
62 export function getBdcqljqtsx(data) {
63 return request({
64 url: '/zhcx/djbcx/getBdcqljqtsx',
65 method: 'get',
66 params: data
67 })
68 }
69
52 // 获取不动产权利及其他事项页面信息 70 // 获取不动产权利及其他事项页面信息
53 export function getQlname(qlbsm) { 71 export function getQlname(qlbsm) {
54 return request({ 72 return request({
......
1 <template>
2 <div class="bdcqljqtsx">
3 <div class="content">
4 <div class="title">不动产权利及其他事项<br />登记信息</div>
5 <div>
6 不动产单元号:
7 <div class="underline">{{ propsParam.bdcdyh }}</div>
8 </div>
9 <br /><br /><br />
10 <div>
11 <div class="underline">{{ qlxxList.ztqlmc }}</div>
12 登记 共
13 <div class="underline">{{ qlxxList.ztql.total }}</div>
14 条
15 </div>
16 <br /><br />
17 <div>
18 抵押权登记 共
19 <div class="underline">{{ qlxxList.diyaq.total }}</div>
20 条
21 </div>
22 <br />
23 <div>
24 地役权登记 共
25 <div class="underline">{{ qlxxList.diyiq.total }}</div>
26 条
27 </div>
28 <br />
29 <div>
30 预告登记 共
31 <div class="underline">{{ qlxxList.ygdj.total }}</div>
32 条
33 </div>
34 <br />
35 <div>
36 异议登记 共
37 <div class="underline">{{ qlxxList.yydj.total }}</div>
38 条
39 </div>
40 <br />
41 <div>
42 查封登记 共
43 <div class="underline">{{ qlxxList.cfdj.total }}</div>
44 条
45 </div>
46 <br />
47 </div>
48 </div>
49 </template>
50
51 <script>
52 import { getBdcqljqtsx } from "@/api/zhcx.js";
53 export default {
54 name: "bdcqljqtsx",
55 data() {
56 return {
57 //传递参数
58 propsParam: this.$attrs,
59 qlxxList: "",
60 };
61 },
62 mounted() {
63 getBdcqljqtsx({
64 bdcdyid: this.propsParam.bdcdyid,
65 bdcdyh: this.propsParam.bdcdyh,
66 }).then((res) => {
67 if (res.code === 200) {
68 this.qlxxList = res.result;
69 }
70 });
71 },
72 };
73 </script>
74
75 <style lang="scss" scoped>
76 .bdcqljqtsx {
77 width: 100%;
78 height: 100%;
79 background: #fff;
80
81 .content {
82 width: 50%;
83 height: 100%;
84 margin: 0 auto;
85 text-align: right;
86 color: #333;
87 font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
88 font-weight: 700;
89 font-size: 18px;
90 line-height: 16px;
91
92 .title {
93 font-size: 32px;
94 text-align: center;
95 padding: 40px 0;
96 line-height: 34px;
97 }
98
99 .underline {
100 font-size: 14px;
101 font-weight: normal;
102 text-decoration: underline;
103 display: inline-block;
104 }
105 }
106 }
107 </style>
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
9 v-for="item in qsztList"
10 :key="item.value"
11 :label="item.value"
12 >{{ item.label }}</el-checkbox
13 >
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox">
18 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td>
21 {{ item.label }}
22 </td>
23 <td
24 v-for="(row, index) in tableData"
25 :key="index"
26 :class="[
27 row.qszt == '2' ? 'lishi' : '',
28 row.qszt == '0' ? 'linshi' : '',
29 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
30 ]"
31 >
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
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 { getJsydsyqList } from "@/api/zhcx.js";
51 import { datas } from "./qlxxFormData.js";
52 export default {
53 data() {
54 return {
55 title: "查封登记信息",
56 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList,
58 //传递参数
59 propsParam: this.$attrs,
60 //列表数据
61 tableData: [],
62 //空列值个数
63 emptycolNum: 0,
64 //列名称对象
65 columns: datas.columns().CFDJ,
66 };
67 },
68 created() {
69 this.loadData();
70 },
71 methods: {
72 loadData() {
73 getJsydsyqList({
74 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx,
76 qszt: this.checkList,
77 }).then((res) => {
78 if (res.code === 200) {
79 this.tableData = res.result;
80 this.emptycolNum = 3 - this.tableData.length;
81 }
82 });
83 },
84 checkChange() {
85 this.loadData();
86 },
87 getQsztName(code) {
88 let name = "";
89 for (let item of this.qsztList) {
90 if (item.value == code) {
91 name = item.label;
92 break;
93 }
94 }
95 return name;
96 },
97 },
98 };
99 </script>
100
101 <style lang="scss" scoped>
102 @import "./qlxxCommon.scss";
103 </style>
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
9 v-for="item in qsztList"
10 :key="item.value"
11 :label="item.value"
12 >{{ item.label }}</el-checkbox
13 >
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox">
18 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td>
21 {{ item.label }}
22 </td>
23 <td
24 v-for="(row, index) in tableData"
25 :key="index"
26 :class="[
27 row.qszt == '2' ? 'lishi' : '',
28 row.qszt == '0' ? 'linshi' : '',
29 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
30 ]"
31 >
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
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 { getJsydsyqList } from "@/api/zhcx.js";
51 import { datas } from "./qlxxFormData.js";
52 export default {
53 data() {
54 return {
55 title: "抵押权登记信息",
56 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList,
58 //传递参数
59 propsParam: this.$attrs,
60 //列表数据
61 tableData: [],
62 //空列值个数
63 emptycolNum: 0,
64 //列名称对象
65 columns: datas.columns().DYAQ,
66 };
67 },
68 created() {
69 this.loadData();
70 },
71 methods: {
72 loadData() {
73 getJsydsyqList({
74 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx,
76 qszt: this.checkList,
77 }).then((res) => {
78 if (res.code === 200) {
79 this.tableData = res.result;
80 this.emptycolNum = 3 - this.tableData.length;
81 }
82 });
83 },
84 checkChange() {
85 this.loadData();
86 },
87 getQsztName(code) {
88 let name = "";
89 for (let item of this.qsztList) {
90 if (item.value == code) {
91 name = item.label;
92 break;
93 }
94 }
95 return name;
96 },
97 },
98 };
99 </script>
100
101 <style lang="scss" scoped>
102 @import "./qlxxCommon.scss";
103 </style>
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
9 v-for="item in qsztList"
10 :key="item.value"
11 :label="item.value"
12 >{{ item.label }}</el-checkbox
13 >
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox">
18 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td>
21 {{ item.label }}
22 </td>
23 <td
24 v-for="(row, index) in tableData"
25 :key="index"
26 :class="[
27 row.qszt == '2' ? 'lishi' : '',
28 row.qszt == '0' ? 'linshi' : '',
29 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
30 ]"
31 >
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
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 { getJsydsyqList } from "@/api/zhcx.js";
51 import { datas } from "./qlxxFormData.js";
52 export default {
53 data() {
54 return {
55 title: "地役权登记信息",
56 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList,
58 //传递参数
59 propsParam: this.$attrs,
60 //列表数据
61 tableData: [],
62 //空列值个数
63 emptycolNum: 0,
64 //列名称对象
65 columns: datas.columns().DYIQ,
66 };
67 },
68 created() {
69 this.loadData();
70 },
71 methods: {
72 loadData() {
73 getJsydsyqList({
74 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx,
76 qszt: this.checkList,
77 }).then((res) => {
78 if (res.code === 200) {
79 this.tableData = res.result;
80 this.emptycolNum = 3 - this.tableData.length;
81 }
82 });
83 },
84 checkChange() {
85 this.loadData();
86 },
87 getQsztName(code) {
88 let name = "";
89 for (let item of this.qsztList) {
90 if (item.value == code) {
91 name = item.label;
92 break;
93 }
94 }
95 return name;
96 },
97 },
98 };
99 </script>
100
101 <style lang="scss" scoped>
102 @import "./qlxxCommon.scss";
103 </style>
...@@ -19,6 +19,8 @@ ...@@ -19,6 +19,8 @@
19 </div> 19 </div>
20 </template> 20 </template>
21 <script> 21 <script>
22 import { getBdcqljqtsx } from "@/api/zhcx.js";
23 import axios from "axios";
22 export default { 24 export default {
23 data() { 25 data() {
24 return { 26 return {
...@@ -31,38 +33,13 @@ export default { ...@@ -31,38 +33,13 @@ export default {
31 //子组件接收参数 33 //子组件接收参数
32 currentSelectProps: {}, 34 currentSelectProps: {},
33 //左侧树形结构数据 35 //左侧树形结构数据
34 treedata: [ 36 treedata: [],
35 { 37 bdcqljqtsxData: [],
36 id: "djbfm",
37 form: "djbfm.vue",
38 label: "登记簿封面",
39 children: [
40 {
41 id: "zdjbxx",
42 form: "zdjbxx.vue",
43 label: "宗地基本信息",
44 },
45 {
46 id: "bdcqldjml",
47 form: "bdcqldjml.vue",
48 label: "不动产权利登记目录",
49 children: [
50 {
51 id: "bdcqljqtsx",
52 form: "bdcqljqtsx.vue",
53 label: "不动产权利及其他事项",
54 children: [],
55 },
56 ],
57 },
58 ],
59 },
60 ],
61 defaultProps: { 38 defaultProps: {
62 children: "children", 39 children: "children",
63 label: "label", 40 label: "label",
64 }, 41 },
65 showTab: "djxxTable", // 选中状态,根据表格中权利类型判断 42 showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断
66 }; 43 };
67 }, 44 },
68 props: ["formData"], 45 props: ["formData"],
...@@ -71,47 +48,126 @@ export default { ...@@ -71,47 +48,126 @@ export default {
71 }, 48 },
72 methods: { 49 methods: {
73 loadData() { 50 loadData() {
51 getBdcqljqtsx({
52 bdcdyid: this.formData.bdcdyid,
53 bdcdyh: this.formData.bdcdyh,
54 }).then((res) => {
55 if (res.code === 200) {
56 this.loadLeftMenu(res.result);
57 }
58 });
59 //this.$alert(this.bdcqlml);
60 this.currentSelectProps = {
61 bdcdyid: this.formData.bdcdyid,
62 bdcdyh: this.formData.bdcdyh,
63 qllx: this.formData.qllx,
64 bsmQlxx: this.formData.bsmQlxx,
65 };
66
67 this.componentTag = (r) =>
68 require.ensure([], () =>
69 r(require("@/views/registerBook/jsydsyq.vue"))
70 );
71 },
72 loadLeftMenu(qlxxData) {
73 this.treedata.push({
74 id: "djbfm",
75 form: "djbfm.vue",
76 label: "登记簿封面",
77 children: [],
78 });
79 this.treedata[0].children.push({
80 id: "zdjbxx",
81 form: "zdjbxx.vue",
82 label: "宗地基本信息\n (" + this.formData.bdcdyh.substring(0, 19) + ")",
83 children: [],
84 });
85 this.treedata[0].children.push({
86 id: "bdcqldjml",
87 form: "bdcqldjml.vue",
88 label: "不动产权利登记目录",
89 children: [],
90 });
91 this.treedata[0].children[1].children.push({
92 id: "bdcqljqtsx",
93 form: "bdcqljqtsx.vue",
94 label:
95 "不动产权利及其他事项\n (" + this.formData.bdcdyh.slice(19) + ")",
96 children: [],
97 });
74 this.treedata[0].children[1].children[0].children.push({ 98 this.treedata[0].children[1].children[0].children.push({
75 id: "jsydsyq", 99 id: "jsydsyq",
76 form: "jsydsyq.vue", 100 form: "jsydsyq.vue",
77 label: "国有建设用地使用权(临:0，现:0，历:0)", 101 label:
102 qlxxData.ztqlmc +
103 "(临:" +
104 qlxxData.ztql.linShi +
105 "，现:" +
106 qlxxData.ztql.xianShi +
107 "，历:" +
108 qlxxData.ztql.liShi +
109 ")",
78 }); 110 });
79 this.treedata[0].children[1].children[0].children.push({ 111 this.treedata[0].children[1].children[0].children.push({
80 id: "diyaq", 112 id: "diyaq",
81 form: "dyaq.vue", 113 form: "diyaq.vue",
82 label: "抵押权(临:0，现:0，历:0)", 114 label:
115 "抵押权(临:" +
116 qlxxData.diyaq.linShi +
117 "，现:" +
118 qlxxData.diyaq.xianShi +
119 "，历:" +
120 qlxxData.diyaq.liShi +
121 ")",
83 }); 122 });
84 this.treedata[0].children[1].children[0].children.push({ 123 this.treedata[0].children[1].children[0].children.push({
85 id: "diyiq", 124 id: "diyiq",
86 form: "diyiq.vue", 125 form: "diyiq.vue",
87 label: "地役权(临:0，现:0，历:0)", 126 label:
127 "地役权(临:" +
128 qlxxData.diyiq.linShi +
129 "，现:" +
130 qlxxData.diyiq.xianShi +
131 "，历:" +
132 qlxxData.diyiq.liShi +
133 ")",
88 }); 134 });
89 this.treedata[0].children[1].children[0].children.push({ 135 this.treedata[0].children[1].children[0].children.push({
90 id: "ygdj", 136 id: "ygdj",
91 form: "ygdj.vue", 137 form: "ygdj.vue",
92 label: "预告登记(临:0，现:0，历:0)", 138 label:
139 "预告登记(临:" +
140 qlxxData.ygdj.linShi +
141 "，现:" +
142 qlxxData.ygdj.xianShi +
143 "，历:" +
144 qlxxData.ygdj.liShi +
145 ")",
93 }); 146 });
94 this.treedata[0].children[1].children[0].children.push({ 147 this.treedata[0].children[1].children[0].children.push({
95 id: "yydj", 148 id: "yydj",
96 form: "yydj.vue", 149 form: "yydj.vue",
97 label: "异议登记(临:0，现:0，历:0)", 150 label:
151 "异议登记(临:" +
152 qlxxData.yydj.linShi +
153 "，现:" +
154 qlxxData.yydj.xianShi +
155 "，历:" +
156 qlxxData.yydj.liShi +
157 ")",
98 }); 158 });
99 this.treedata[0].children[1].children[0].children.push({ 159 this.treedata[0].children[1].children[0].children.push({
100 id: "cfdj", 160 id: "cfdj",
101 form: "cfdj.vue", 161 form: "cfdj.vue",
102 label: "查封登记(临:0，现:0，历:0)", 162 label:
163 "查封登记(临:" +
164 qlxxData.cfdj.linShi +
165 "，现:" +
166 qlxxData.cfdj.xianShi +
167 "，历:" +
168 qlxxData.cfdj.liShi +
169 ")",
103 }); 170 });
104 //alert(this.formData.bdcdyid);
105 this.currentSelectProps = {
106 bdcdyid: this.formData.bdcdyid,
107 qllx: this.formData.qllx,
108 bsmQlxx: this.formData.bsmQlxx,
109 };
110
111 this.componentTag = (r) =>
112 require.ensure([], () =>
113 r(require("@/views/registerBook/jsydsyq.vue"))
114 );
115 }, 171 },
116 handleNodeClick(data, node, elem) { 172 handleNodeClick(data, node, elem) {
117 this.componentTag = (r) => 173 this.componentTag = (r) =>
......
...@@ -48,130 +48,21 @@ ...@@ -48,130 +48,21 @@
48 48
49 <script> 49 <script>
50 import { getJsydsyqList } from "@/api/zhcx.js"; 50 import { getJsydsyqList } from "@/api/zhcx.js";
51 import { datas } from "./qlxxFormData.js";
51 export default { 52 export default {
52 data() { 53 data() {
53 return { 54 return {
54 qsztList: [ 55 title: "建设用地使用权、宅基地使用权登记信息",
55 { 56 qsztList: datas.columns().qsztList,
56 value: "0", 57 checkList: datas.columns().checkList,
57 label: "临时",
58 },
59 {
60 value: "1",
61 label: "现势",
62 },
63 {
64 value: "2",
65 label: "历史",
66 },
67 ],
68 checkList: ["0", "1", "2"],
69 //传递参数 58 //传递参数
70 propsParam: this.$attrs, 59 propsParam: this.$attrs,
71 //列表数据 60 //列表数据
72 tableData: [], 61 tableData: [],
73 //空列值个数 62 //空列值个数
74 emptycolNum: 0, 63 emptycolNum: datas.columns().emptycolNum,
75 //列名称对象 64 //列名称对象
76 columns: [ 65 columns: datas.columns().JSYDSYQ,
77 {
78 prop: "qszt",
79 label: "权属状态",
80 },
81 {
82 prop: "qllxmc",
83 label: "权利类型",
84 },
85 {
86 prop: "djlxmc",
87 label: "登记类型",
88 },
89 {
90 prop: "ssywh",
91 label: "上手业务号",
92 },
93 {
94 prop: "dah",
95 label: "档案号",
96 },
97 {
98 prop: "ywh",
99 label: "业务号",
100 },
101 {
102 prop: "bdcdyh",
103 label: "不动产单元号",
104 },
105 {
106 prop: "zl",
107 label: "坐落",
108 },
109 {
110 prop: "qlrlx",
111 label: "权利人类型",
112 },
113 {
114 prop: "qlrmc",
115 label: "权利人",
116 },
117 {
118 prop: "qlrzjzl",
119 label: "证件种类",
120 },
121 {
122 prop: "qlrzjhm",
123 label: "证件号",
124 },
125 {
126 prop: "gyfs",
127 label: "共有情况",
128 },
129 {
130 prop: "mj",
131 label: "使用权面积(m²)",
132 },
133 {
134 prop: "qlxz",
135 label: "权利性质",
136 },
137 {
138 prop: "ytmc",
139 label: "土地用途",
140 },
141 {
142 prop: "syqqzsj",
143 label: "使用权起止时间",
144 },
145 {
146 prop: "tdsyqx",
147 label: "土地使用期限",
148 },
149 {
150 prop: "qdjg",
151 label: "取得价格(万元)",
152 },
153 {
154 prop: "djyy",
155 label: "登记原因",
156 },
157 {
158 prop: "bdcqzh",
159 label: "不动产权证号",
160 },
161 {
162 prop: "djsj",
163 label: "登记时间",
164 },
165 {
166 prop: "dbr",
167 label: "登簿人",
168 },
169 {
170 prop: "fj",
171 label: "附记",
172 },
173 ],
174 title: "建设用地使用权、宅基地使用权登记信息",
175 }; 66 };
176 }, 67 },
177 created() { 68 created() {
...@@ -186,7 +77,12 @@ export default { ...@@ -186,7 +77,12 @@ export default {
186 }).then((res) => { 77 }).then((res) => {
187 if (res.code === 200) { 78 if (res.code === 200) {
188 this.tableData = res.result; 79 this.tableData = res.result;
189 this.emptycolNum = 3 - this.tableData.length; 80 // this.emptycolNum -= this.tableData.length;
81 if (this.tableData.length < this.emptycolNum) {
82 this.emptycolNum -= this.tableData.length;
83 }else{
84 this.emptycolNum = 0;
85 }
190 } 86 }
191 }); 87 });
192 }, 88 },
......
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
9 v-for="item in qsztList"
10 :key="item.value"
11 :label="item.value"
12 >{{ item.label }}</el-checkbox
13 >
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox">
18 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td>
21 {{ item.label }}
22 </td>
23 <td
24 v-for="(row, index) in tableData"
25 :key="index"
26 :class="[
27 row.qszt == '2' ? 'lishi' : '',
28 row.qszt == '0' ? 'linshi' : '',
29 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
30 ]"
31 >
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
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 { getJsydsyqList } from "@/api/zhcx.js";
51 import { datas } from "./qlxxFormData.js";
52 export default {
53 data() {
54 return {
55 title: "预告登记信息",
56 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList,
58 //传递参数
59 propsParam: this.$attrs,
60 //列表数据
61 tableData: [],
62 //空列值个数
63 emptycolNum: 0,
64 //列名称对象
65 columns: datas.columns().YGDJ,
66 };
67 },
68 created() {
69 this.loadData();
70 },
71 methods: {
72 loadData() {
73 getJsydsyqList({
74 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx,
76 qszt: this.checkList,
77 }).then((res) => {
78 if (res.code === 200) {
79 this.tableData = res.result;
80 this.emptycolNum = 3 - this.tableData.length;
81 }
82 });
83 },
84 checkChange() {
85 this.loadData();
86 },
87 getQsztName(code) {
88 let name = "";
89 for (let item of this.qsztList) {
90 if (item.value == code) {
91 name = item.label;
92 break;
93 }
94 }
95 return name;
96 },
97 },
98 };
99 </script>
100
101 <style lang="scss" scoped>
102 @import "./qlxxCommon.scss";
103 </style>
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
9 v-for="item in qsztList"
10 :key="item.value"
11 :label="item.value"
12 >{{ item.label }}</el-checkbox
13 >
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox">
18 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td>
21 {{ item.label }}
22 </td>
23 <td
24 v-for="(row, index) in tableData"
25 :key="index"
26 :class="[
27 row.qszt == '2' ? 'lishi' : '',
28 row.qszt == '0' ? 'linshi' : '',
29 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
30 ]"
31 >
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
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 { getJsydsyqList } from "@/api/zhcx.js";
51 import { datas } from "./qlxxFormData.js";
52 export default {
53 data() {
54 return {
55 title: "异议登记信息",
56 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList,
58 //传递参数
59 propsParam: this.$attrs,
60 //列表数据
61 tableData: [],
62 //空列值个数
63 emptycolNum: 0,
64 //列名称对象
65 columns: datas.columns().YYDJ,
66 };
67 },
68 created() {
69 this.loadData();
70 },
71 methods: {
72 loadData() {
73 getJsydsyqList({
74 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx,
76 qszt: this.checkList,
77 }).then((res) => {
78 if (res.code === 200) {
79 this.tableData = res.result;
80 this.emptycolNum = 3 - this.tableData.length;
81 }
82 });
83 },
84 checkChange() {
85 this.loadData();
86 },
87 getQsztName(code) {
88 let name = "";
89 for (let item of this.qsztList) {
90 if (item.value == code) {
91 name = item.label;
92 break;
93 }
94 }
95 return name;
96 },
97 },
98 };
99 </script>
100
101 <style lang="scss" scoped>
102 @import "./qlxxCommon.scss";
103 </style>