Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
d1d36b0c by xiaomiao
Options

--no commit message

1 parent f324b9ce
Expand all
Inline Side-by-side
Showing 38 changed files with 3976 additions and 684 deletions
...@@ -66,6 +66,14 @@ export const constantRoutes = [ ...@@ -66,6 +66,14 @@ export const constantRoutes = [
66 hidden: true, 66 hidden: true,
67 meta: { title: '发起申请' } 67 meta: { title: '发起申请' }
68 }, 68 },
69 // 打印登记簿
70 {
71 path: '/printdjb',
72 component: () => import('@/views/printdjb/printdjb.vue'),
73 name: 'printdjb',
74 hidden: true,
75 meta: { title: '打印登记簿' }
76 },
69 { 77 {
70 path: '/', 78 path: '/',
71 component: Layout, 79 component: Layout,
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:07
5 -->
6 <template>
7 <div class="bdcqljqtsx">
8 <div class="content" v-if="qlxxList.ztqlmc">
9 <div class="title">不动产权利及其他事项<br />登记信息</div>
10 <div>
11 不动产单元号:
12 <div class="underline">{{ bdcdyh }}</div>
13 </div>
14 <br /><br /><br />
15 <div>
16 <div class="underline">{{ qlxxList.ztqlmc }}</div>
17 登记 共
18 <div class="underline">{{ qlxxList.ztql.total }}</div>
19 条
20 </div>
21 <br /><br />
22 <div>
23 抵押权登记 共
24 <div class="underline">{{ qlxxList.diyaq.total }}</div>
25 条
26 </div>
27 <br />
28 <div>
29 地役权登记 共
30 <div class="underline">{{ qlxxList.diyiq.total }}</div>
31 条
32 </div>
33 <br />
34 <div>
35 预告登记 共
36 <div class="underline">{{ qlxxList.ygdj.total }}</div>
37 条
38 </div>
39 <br />
40 <div>
41 异议登记 共
42 <div class="underline">{{ qlxxList.yydj.total }}</div>
43 条
44 </div>
45 <br />
46 <div>
47 查封登记 共
48 <div class="underline">{{ qlxxList.cfdj.total }}</div>
49 条
50 </div>
51 <br />
52 </div>
53 </div>
54 </template>
55
56 <script>
57 import { getBdcqljqtsx } from "@/api/djbDetail.js";
58 export default {
59 name: "bdcqljqtsx",
60 data () {
61 return {
62 //传递参数
63 //传递参数
64 bdcdyid: this.$route.query.bdcdyid,
65 qllx: this.$route.query.qllx,
66 qlxxList: "",
67 };
68 },
69 mounted () {
70 getBdcqljqtsx({
71 bdcdyid: this.bdcdyid,
72 bdcdyh: this.bdcdyh,
73 }).then((res) => {
74 if (res.code === 200) {
75 this.qlxxList = res.result;
76 }
77 });
78 },
79 };
80 </script>
81
82 <style lang="scss" scoped>
83 .bdcqljqtsx {
84 width: 100%;
85 height: 100%;
86 background: #fff;
87
88 .content {
89 width: 50%;
90 height: 100%;
91 margin: 0 auto;
92 text-align: right;
93 color: #333;
94 font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
95 font-weight: 700;
96 font-size: 18px;
97 line-height: 16px;
98
99 .title {
100 font-size: 32px;
101 text-align: center;
102 padding: 40px 0;
103 line-height: 34px;
104 }
105
106 .underline {
107 font-size: 14px;
108 font-weight: normal;
109 text-decoration: underline;
110 display: inline-block;
111 }
112 }
113 }
114 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 17:06:44
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox
14 v-for="item in qsztList"
15 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox>
17 </el-checkbox-group>
18 </div>
19 </div>
20 <div class="xxTableBox rollTable">
21 <table class="xxTable">
22 <tr v-for="(item, colindex) in columns" :key="colindex">
23 <td>{{ item.label }}</td>
24 <td
25 v-for="(row, index) in tableData"
26 :key="index"
27 :class="[
28 row.qszt == '2' ? 'lishi' : '',
29 row.qszt == '0' ? 'linshi' : '',
30 row.qlzt == '4' ? 'linshi' : '',
31
32 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
33 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
34 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
36 ]">
37 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
38 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
39 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
40 </div>
41 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
42 有效
43 </div>
44 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
45 正在补录
46 </div>
47 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
48 正在申请
49 </div>
50 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
51 正在注销
52 </div>
53
54 <p v-if="!['djyy','fj'].includes(item.prop)">
55 <span v-if="item.prop == 'qszt'">
56 {{ getQsztName(row[item.prop]) }}
57 </span>
58 <span v-else>{{ row[item.prop] }}</span>
59 </p>
60
61 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
62 <span class="ellipsis-line">
63 {{ row[item.prop] }}
64 </span>
65 </el-tooltip>
66 </td>
67 <td v-for="count in emptycolNum" :key="~count"></td>
68 </tr>
69 </table>
70 </div>
71 </div>
72 </div>
73 </template>
74
75 <script>
76 import { datas } from "./qlxxFormData.js";
77 import { getSjlx } from "@/utils/dictionary.js";
78 import { getCfdjList } from "@/api/djbDetail.js";
79 export default {
80 data () {
81 return {
82 title: "查封登记信息",
83 qsztList: datas.columns().qsztList,
84 checkList: datas.columns().checkList,
85 //传递参数
86 bdcdyid: this.$route.query.bdcdyid,
87 qllx: this.$route.query.qllx,
88 //列表数据
89 tableData: [],
90 //空列值个数
91 emptycolNum: datas.columns().emptycolNum,
92 //列名称对象
93 columns: datas.columns().CFDJ,
94 };
95 },
96 created () {
97 this.loadData();
98 },
99 methods: {
100 /**
101 * @description: loadData
102 * @author: renchao
103 */
104 loadData () {
105 if (this.$parent.addRepairRecord) {
106 this.columns.unshift({ prop: "cz", label: "操作" });
107 }
108 getCfdjList({
109 bdcdyid: this.bdcdyid,
110 qllx: this.qllx,
111 qszt: this.checkList,
112 }).then((res) => {
113 if (res.code === 200) {
114 this.tableData = res.result;
115 this.tableData.forEach(item => {
116 item.sjlx = getSjlx(item.sjlx)
117 })
118 this.tableData.forEach((item, index) => {
119 if (item.sfbxf == "1") {
120 item.zxywh = "";
121 item.zxdbr = "";
122 item.zxsj = "";
123 }
124 });
125 if (this.tableData.length < datas.columns().emptycolNum) {
126 this.emptycolNum =
127 datas.columns().emptycolNum - this.tableData.length;
128 } else {
129 this.emptycolNum = 0;
130 }
131 }
132 });
133 },
134 /**
135 * @description: checkChange
136 * @author: renchao
137 */
138 checkChange () {
139 if (this.checkList.length === 0) {
140 this.tableData = [];
141 this.emptycolNum = datas.columns().emptycolNum;
142 } else {
143 this.loadData();
144 }
145 },
146 /**
147 * @description: getQsztName
148 * @author: renchao
149 */
150 getQsztName (code) {
151 let name = "";
152 for (let item of this.qsztList) {
153 if (item.value == code) {
154 name = item.label;
155 break;
156 }
157 }
158 return name;
159 },
160 // 新增一条补录信息
161 /**
162 * @description: 新增一条补录信息
163 * @param {*} row
164 * @param {*} del
165 * @author: renchao
166 */
167 editDialog (row, del) {
168 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
169 confirmButtonText: "确定",
170 cancelButtonText: "取消",
171 type: "warning",
172 })
173 .then(() => {
174 this.$parent.addRepairRecord(row, del);
175
176 this.$message({
177 type: "success",
178 message: "补录成功!",
179 });
180 })
181 .catch(() => {
182 this.$message({
183 type: "info",
184 message: "取消编辑",
185 });
186 });
187 },
188 },
189 };
190 </script>
191
192 <style lang="scss" scoped>
193 @import "./qlxxCommon.scss";
194 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-23 15:54:12
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox
14 v-for="item in qsztList"
15 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox>
17 </el-checkbox-group>
18 </div>
19 </div>
20 <div class="xxTableBox rollTable">
21 <table class="xxTable">
22 <tr v-for="(item, colindex) in columns" :key="colindex">
23 <td>
24 {{ item.label }}
25 </td>
26 <td
27 v-for="(row, index) in tableData"
28 :key="index"
29 :class="[
30 row.qszt == '2' ? 'lishi' : '',
31 row.qszt == '0' ? 'linshi' : '',
32 row.qlzt == '4' ? 'linshi' : '',
33
34 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
36 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
37 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
38 ]">
39 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
40 <el-button
41 type="text"
42 icon="el-icon-edit-outline"
43 @click="editDialog(row)">编辑</el-button>
44 <el-button
45 type="text"
46 icon="el-icon-edit-outline"
47 @click="editDialog(row, 'D')">删除</el-button>
48 </div>
49 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
50 有效
51 </div>
52 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
53 正在补录
54 </div>
55 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
56 正在申请
57 </div>
58 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
59 正在注销
60 </div>
61
62 <p v-if="!['djyy','fj'].includes(item.prop)">
63 <span v-if="item.prop == 'qszt'">
64 {{ getQsztName(row[item.prop]) }}
65 </span>
66 <span v-else>{{ row[item.prop] }}</span>
67 </p>
68
69 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
70 <span class="ellipsis-line">
71 {{ row[item.prop] }}
72 </span>
73 </el-tooltip>
74 </td>
75 <td v-for="count in emptycolNum" :key="~count"></td>
76 </tr>
77 </table>
78 </div>
79 </div>
80 </div>
81 </template>
82
83 <script>
84 import { datas } from "./qlxxFormData.js";
85 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
86 import { getDiyaqList } from "@/api/djbDetail.js";
87 export default {
88 data () {
89 return {
90 title: "抵押权登记信息",
91 qsztList: datas.columns().qsztList,
92 checkList: datas.columns().checkList,
93 //传递参数
94 bdcdyid: this.$route.query.bdcdyid,
95 qllx: this.$route.query.qllx,
96 //列表数据
97 tableData: [],
98 //空列值个数
99 emptycolNum: datas.columns().emptycolNum,
100 //列名称对象
101 columns: datas.columns().DYAQ,
102 };
103 },
104 created () {
105 this.loadData();
106 },
107 methods: {
108 /**
109 * @description: loadData
110 * @author: renchao
111 */
112 loadData () {
113 if (this.$parent.addRepairRecord) {
114 this.columns.unshift({ prop: "cz", label: "操作" });
115 }
116 getDiyaqList({
117 bdcdyid: this.bdcdyid,
118 qllx: this.qllx,
119 qszt: this.checkList,
120 }).then((res) => {
121 if (res.code === 200) {
122 this.tableData = res.result;
123 this.tableData.forEach((item) => {
124 item.sjlx = getSjlx(item.sjlx);
125 item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
126 });
127 if (this.tableData.length < datas.columns().emptycolNum) {
128 this.emptycolNum =
129 datas.columns().emptycolNum - this.tableData.length;
130 } else {
131 this.emptycolNum = 0;
132 }
133 }
134 });
135 },
136 /**
137 * @description: checkChange
138 * @author: renchao
139 */
140 checkChange () {
141 if (this.checkList.length === 0) {
142 this.tableData = [];
143 this.emptycolNum = datas.columns().emptycolNum;
144 } else {
145 this.loadData();
146 }
147 },
148 /**
149 * @description: getQsztName
150 * @param {*} code
151 * @author: renchao
152 */
153 getQsztName (code) {
154 let name = "";
155 for (let item of this.qsztList) {
156 if (item.value == code) {
157 name = item.label;
158 break;
159 }
160 }
161 return name;
162 },
163 // 新增一条补录信息
164 /**
165 * @description: 新增一条补录信息
166 * @param {*} row
167 * @param {*} del
168 * @author: renchao
169 */
170 editDialog (row, del) {
171 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
172 confirmButtonText: "确定",
173 cancelButtonText: "取消",
174 type: "warning",
175 })
176 .then(() => {
177 this.$parent.addRepairRecord(row, del);
178 this.$message({
179 type: "success",
180 message: "补录成功!",
181 });
182 })
183 .catch(() => {
184 this.$message({
185 type: "info",
186 message: "取消编辑",
187 });
188 });
189 },
190 },
191 };
192 </script>
193
194 <style lang="scss" scoped>
195 @import "./qlxxCommon.scss";
196 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 17:12:43
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox
14 v-for="item in qsztList"
15 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox>
17 </el-checkbox-group>
18 </div>
19 </div>
20 <div class="xxTableBox rollTable">
21 <table class="xxTable">
22 <tr v-for="(item, colindex) in columns" :key="colindex">
23 <td>
24 {{ item.label }}
25 </td>
26 <td
27 v-for="(row, index) in tableData"
28 :key="index"
29 :class="[
30 row.qszt == '2' ? 'lishi' : '',
31 row.qszt == '0' ? 'linshi' : '',
32 row.qlzt == '4' ? 'linshi' : '',
33
34 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
36 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
37 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
38 ]">
39 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
40 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
41 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
42 </div>
43 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
44 有效
45 </div>
46 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
47 正在补录
48 </div>
49 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
50 正在申请
51 </div>
52 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
53 正在注销
54 </div>
55
56 <p v-if="!['djyy','fj'].includes(item.prop)">
57 <span v-if="item.prop == 'qszt'">
58 {{ getQsztName(row[item.prop]) }}
59 </span>
60 <span v-else>{{ row[item.prop] }}</span>
61 </p>
62
63 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
64 <span class="ellipsis-line">
65 {{ row[item.prop] }}
66 </span>
67 </el-tooltip>
68 </td>
69 <td v-for="count in emptycolNum" :key="~count"></td>
70 </tr>
71 </table>
72 </div>
73 </div>
74 </div>
75 </template>
76
77 <script>
78 import { datas } from "./qlxxFormData.js";
79 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
80 import { getDiyiqList } from "@/api/djbDetail.js";
81 export default {
82 data () {
83 return {
84 title: "地役权登记信息",
85 qsztList: datas.columns().qsztList,
86 checkList: datas.columns().checkList,
87 //传递参数
88 bdcdyid: this.$route.query.bdcdyid,
89 qllx: this.$route.query.qllx,
90 //列表数据
91 tableData: [],
92 //空列值个数
93 emptycolNum: datas.columns().emptycolNum,
94 //列名称对象
95 columns: datas.columns().DYIQ,
96 };
97 },
98 created () {
99 this.loadData();
100 },
101 methods: {
102 /**
103 * @description: loadData
104 * @author: renchao
105 */
106 loadData () {
107 if (this.$parent.addRepairRecord) {
108 this.columns.unshift({ prop: "cz", label: "操作" });
109 }
110 getDiyiqList({
111 bdcdyid: this.bdcdyid,
112 qllx: this.qllx,
113 qszt: this.checkList,
114 }).then((res) => {
115 if (res.code === 200) {
116 this.tableData = res.result;
117 this.tableData.forEach((item) => {
118 item.sjlx = getSjlx(item.sjlx);
119 item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
120 });
121 if (this.tableData.length < datas.columns().emptycolNum) {
122 this.emptycolNum =
123 datas.columns().emptycolNum - this.tableData.length;
124 } else {
125 this.emptycolNum = 0;
126 }
127 }
128 });
129 },
130 /**
131 * @description: checkChange
132 * @author: renchao
133 */
134 checkChange () {
135 if (this.checkList.length === 0) {
136 this.tableData = [];
137 this.emptycolNum = datas.columns().emptycolNum;
138 } else {
139 this.loadData();
140 }
141 },
142 /**
143 * @description: getQsztName
144 * @param {*} code
145 * @author: renchao
146 */
147 getQsztName (code) {
148 let name = "";
149 for (let item of this.qsztList) {
150 if (item.value == code) {
151 name = item.label;
152 break;
153 }
154 }
155 return name;
156 },
157 // 新增一条补录信息
158 /**
159 * @description: 新增一条补录信息
160 * @param {*} row
161 * @param {*} del
162 * @author: renchao
163 */
164 editDialog (row, del) {
165 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
166 confirmButtonText: "确定",
167 cancelButtonText: "取消",
168 type: "warning",
169 })
170 .then(() => {
171 this.$parent.addRepairRecord(row, del);
172
173 this.$message({
174 type: "success",
175 message: "补录成功!",
176 });
177 })
178 .catch(() => {
179 this.$message({
180 type: "info",
181 message: "取消编辑",
182 });
183 });
184 },
185 },
186 };
187 </script>
188
189 <style lang="scss" scoped>
190 @import "./qlxxCommon.scss";
191 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:42
5 -->
6 <template>
7 <div class="djbfm">
8 <br /><br />
9 <p>
10 <font>{{ info.sheng }}</font>
11 省 (区、市)
12 <font>{{ info.shi }}</font>
13 市 (区)
14 <font>{{ info.xian }}</font>
15 区 (县、市)
16 </p>
17 <p>
18 <font>{{ info.jdh }}</font>
19 街道 (乡、镇)
20 <font>{{ info.jfh }}</font>
21 街坊 (村)
22 <font>{{ info.zh }}</font>
23 组
24 </p>
25 <div class="title">不动产登记簿</div>
26 <br />
27 <p>
28 宗地/宗海号:
29 <font>{{ info.zddm }}</font>
30 </p>
31 <div class="bottom">
32 <p>
33 登记机构:
34 <font>{{ info.djjg }}</font>
35 </p>
36 </div>
37 </div>
38 </template>
39
40 <script>
41 import { getDjbfm } from "@/api/djbDetail.js";
42
43 export default {
44 data () {
45 return {
46 //传递参数
47 bdcdyid: this.$route.query.bdcdyid,
48 info: {},
49 };
50 },
51 mounted () {
52 this.loadData();
53 },
54 methods: {
55 /**
56 * @description: loadData
57 * @author: renchao
58 */
59 loadData () {
60 getDjbfm({ bdcdyid: this.bdcdyid }).then((res) => {
61 if (res.code === 200) {
62 this.info = res.result;
63 }
64 });
65 },
66 },
67 };
68 </script>
69
70 <style lang="scss" scoped>
71 .djbfm {
72 width: 100%;
73 height: 100%;
74 background: #fff;
75 line-height: 45px;
76 text-align: center;
77 font-size: 18px;
78 font-family: serif;
79 position: relative;
80
81 font {
82 border-bottom: 1px solid #000;
83 display: inline-block;
84 padding: 0 15px;
85 line-height: 16px;
86 }
87
88 .title {
89 height: 40%;
90 display: flex;
91 font-size: 38px;
92 color: #000;
93 justify-content: center;
94 align-items: center;
95 }
96
97 .bottom {
98 position: absolute;
99 bottom: 0px;
100 text-align: center;
101 width: 100%;
102 left: 0;
103 height: 100px;
104 line-height: 100px;
105
106 p {
107 font-size: 28px;
108 }
109
110 font {
111 font-size: 24px;
112 line-height: 24px;
113 }
114 }
115 }
116 </style>
1 <template>
2 <div class="all">
3 <div class="tbalede">
4 <div class="title">
5 {{ title }}
6 </div>
7 <table class="xxTable">
8 <tr v-for="(item, colindex) in columns" :key="colindex">
9 <td>
10 {{ item.label }}
11 </td>
12 <td v-for="(row, index) in tableData" :key="index">
13 <span>
14 {{ getQsztName(row[item.prop]) }}
15 </span>
16 <span v-if="['djyy','fj'].includes(item.prop)">
17 {{ row[item.prop] }}
18 </span>
19
20 <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)">
21 {{ row[item.prop] }}
22 </span>
23 <div v-if="judge(item.label)">
24 <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index">
25 {{ label[item.prop] }}
26 </div>
27 </div>
28 </td>
29 <td v-for="count in emptycolNum" :key="~count"></td>
30 </tr>
31 </table>
32 </div>
33 <div class="tbalede">
34 <div class="title">
35 {{ title }}
36 </div>
37 <table class="xxTable">
38 <tr v-for="(item, colindex) in columns" :key="colindex">
39 <td>
40 {{ item.label }}
41 </td>
42 <td v-for="(row, index) in tableData" :key="index">
43 <span class="ooo" v-if="item.prop == 'qszt'">
44 {{ getQsztName(row[item.prop]) }}
45 </span>
46
47 <el-tooltip v-if="['djyy','fj'].includes(item.prop)" >
48 <span>
49 {{ row[item.prop] }}
50 </span>
51 </el-tooltip>
52
53 <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)">
54 {{ row[item.prop] }}
55 </span>
56 <div v-if="judge(item.label)">
57 <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index">
58 {{ label[item.prop] }}
59 </div>
60 </div>
61 </td>
62 <td v-for="count in emptycolNum" :key="~count"></td>
63 </tr>
64 </table>
65 </div>
66 </div>
67 </template>
68
69 <script>
70 import { datas } from "./qlxxFormData.js";
71 import { getSjlx } from "@/utils/dictionary.js";
72 import { getFdcq1List } from "@/api/djbDetail.js";
73 export default {
74 data () {
75 return {
76 title: "房地产权登记信息（多幢）",
77 qsztList: datas.columns().qsztList,
78 checkList: datas.columns().checkList,
79 //传递参数
80 bdcdyid: this.$route.query.bdcdyid,
81 qllx: this.$route.query.qllx,
82 //列表数据
83 tableData: [],
84 //空列值个数
85 emptycolNum: datas.columns().emptycolNum,
86 //列名称对象
87 columns: datas.columns().FDCQ1,
88 };
89 },
90 created () {
91 this.loadData();
92 },
93 methods: {
94 /**
95 * @description: loadData
96 * @author: renchao
97 */
98 loadData () {
99 if (this.$parent.addRepairRecord) {
100 this.columns.unshift({
101 prop: "cz",
102 label: "操作"
103 })
104 }
105 getFdcq1List({
106 bdcdyid: this.bdcdyid,
107 qllx: this.qllx,
108 qszt: this.checkList,
109 }).then((res) => {
110 if (res.code === 200) {
111 this.tableData = res.result;
112 this.tableData.forEach(item => {
113 this.tableData.push(item)
114 item.sjlx = getSjlx(item.sjlx)
115
116 })
117 if (this.tableData.length < datas.columns().emptycolNum) {
118 this.emptycolNum =
119 datas.columns().emptycolNum - this.tableData.length;
120 } else {
121 this.emptycolNum = 0;
122 }
123 }
124 });
125 },
126 /**
127 * @description: checkChange
128 * @author: renchao
129 */
130 checkChange () {
131 if (this.checkList.length === 0) {
132 this.tableData = [];
133 this.emptycolNum = datas.columns().emptycolNum;
134 } else {
135 this.loadData();
136 }
137 },
138 /**
139 * @description: getQsztName
140 * @param {*} code
141 * @author: renchao
142 */
143 getQsztName (code) {
144 let name = "";
145 for (let item of this.qsztList) {
146 if (item.value == code) {
147 name = item.label;
148 break;
149 }
150 }
151 return name;
152 },
153 /**
154 * @description: judge
155 * @param {*} lable
156 * @author: renchao
157 */
158 judge (label) {
159 if ('项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数'.indexOf(label) > -1) {
160 return true
161 } else {
162 return false
163 }
164 },
165 // 新增一条补录信息
166 /**
167 * @description: 新增一条补录信息
168 * @param {*} row
169 * @param {*} del
170 * @author: renchao
171 */
172 editDialog (row, del) {
173 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
174 confirmButtonText: '确定',
175 cancelButtonText: '取消',
176 type: 'warning'
177 }).then(() => {
178 this.$parent.addRepairRecord(row, del)
179
180 this.$message({
181 type: 'success',
182 message: '补录成功!'
183 });
184 }).catch(() => {
185 this.$message({
186 type: 'info',
187 message: '取消编辑'
188 });
189 });
190
191 },
192 },
193 };
194 </script>
195
196 <style lang="scss" scoped>
197 .all {
198 width: 794px;
199 height: 100%;
200 margin: auto;
201 background-color: rgb(255, 255, 255);
202 overflow: hidden
203 }
204 .tbalede {
205 width: 794px;
206 height: 1123px;
207 margin: auto;
208 .title {
209 width: 100%;
210 font-weight: 700;
211 font-size: 16px;
212 text-align: center;
213 height: 62px;
214 line-height: 62px;
215 position: relative;
216 margin: 0 3px;
217 }
218 }
219 .top {
220 width: 80%;
221 height: 100px;
222 margin: auto;
223 display: flex;
224 position: relative;
225 }
226 p {
227 position: absolute;
228 bottom: 10px;
229 right: 10px;
230 }
231 table {
232 width: 80%;
233 border: 1px solid black;
234 margin: 0 auto;
235 border-collapse: collapse;
236 }
237 .head {
238 font-size: 20px;
239 width: 100%;
240 height: 40px;
241 margin: auto;
242 }
243 .dyh {
244 padding: 10px;
245 font-size: 12px;
246 text-align: left;
247 }
248
249
250 .content {
251 height: 40px;
252 }
253 .slash-wrap {
254 position: relative;
255 box-sizing: border-box;
256 width: 150px;
257 height: 40px;
258 }
259 /* 斜线 */
260 .slash1 {
261 position: absolute;
262 display: block;
263 top: 0;
264 left: 0;
265 width: 133px;
266 height: 1px;
267 background-color: #949393;
268 transform: rotate(17.93010235415598deg);
269 transform-origin: top left;
270 }
271 /* 左下角文字 */
272 .left {
273 position: absolute;
274 left: 30px;
275 bottom: 5px;
276 }
277
278 /* 右上角文字 */
279 .mid {
280 position: absolute;
281 /* 右上角 right:0; top: 0; */
282 right: 29px;
283 top: 4px;
284 }
285 .xxTable {
286 width: 100%;
287 border-collapse: collapse;
288
289
290
291 tr td {
292 border: 2px solid rgb(227, 226, 226);
293 text-align: center;
294 height: 40px;
295 font-size: 13px;
296 // flex: 1;
297 // display: flex;
298 // align-items: center;
299 // justify-content: center;
300 min-width: 80px;
301 z-index: 1;
302 .ooo{
303 width: 190px!important;
304
305 }
306 }
307 td:first-child{
308 flex: inherit !important;
309 // width: 200px !important;
310 min-width: 180px !important;
311 }
312
313 }
314 .ellipsis-line {
315 display: inline-block;
316 width: 300px;
317 height: 100px!important;
318 line-height: 20px!important;
319 word-break: break-all;
320 text-overflow: ellipsis;
321 overflow: hidden;
322 }
323 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 17:17:06
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox
14 v-for="item in qsztList"
15 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox>
17 </el-checkbox-group>
18 </div>
19 </div>
20 <div class="xxTableBox rollTable">
21 <table class="xxTable">
22 <tr v-for="(item, colindex) in columns" :key="colindex">
23 <td>
24 {{ item.label }}
25 </td>
26 <td
27 v-for="(row, index) in tableData"
28 :key="index"
29 :class="[
30 row.qszt == '2' ? 'lishi' : '',
31 row.qszt == '0' ? 'linshi' : '',
32 row.qlzt == '4' ? 'linshi' : '',
33
34 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
36 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
37 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
38 ]">
39 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
40 <el-button
41 type="text"
42 icon="el-icon-edit-outline"
43 @click="editDialog(row)">编辑</el-button>
44 <el-button
45 type="text"
46 icon="el-icon-edit-outline"
47 @click="editDialog(row, 'D')">删除</el-button>
48 </div>
49 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
50 有效
51 </div>
52 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
53 正在补录
54 </div>
55 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
56 正在申请
57 </div>
58 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
59 正在注销
60 </div>
61
62 <p v-if="!['djyy','fj'].includes(item.prop)">
63 <span v-if="item.prop == 'qszt'">
64 {{ getQsztName(row[item.prop]) }}
65 </span>
66 <span v-else>{{ row[item.prop] }}</span>
67 </p>
68
69 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
70 <span class="ellipsis-line">
71 {{ row[item.prop] }}
72 </span>
73 </el-tooltip>
74
75 </td>
76 <td v-for="count in emptycolNum" :key="~count"></td>
77 </tr>
78 </table>
79 </div>
80 </div>
81 </div>
82 </template>
83
84 <script>
85 import { datas } from "./qlxxFormData.js";
86 import { getSjlx } from "@/utils/dictionary.js";
87 import { getFdcq2List } from "@/api/djbDetail.js";
88 export default {
89 data () {
90 return {
91 title: "房地产权登记信息（独幢、层、套、间房屋）",
92 qsztList: datas.columns().qsztList,
93 checkList: datas.columns().checkList,
94 //传递参数
95 bdcdyid: this.$route.query.bdcdyid,
96 qllx: this.$route.query.qllx,
97 //列表数据
98 tableData: [],
99 //空列值个数
100 emptycolNum: datas.columns().emptycolNum,
101 //列名称对象
102 columns: datas.columns().FDCQ2,
103 };
104 },
105 created () {
106 this.loadData();
107 },
108 methods: {
109 /**
110 * @description: loadData
111 * @author: renchao
112 */
113 loadData () {
114 if (this.$parent.addRepairRecord) {
115 this.columns.unshift({ prop: "cz", label: "操作" });
116 }
117 getFdcq2List({
118 bdcdyid: this.bdcdyid,
119 qllx: this.qllx,
120 qszt: this.checkList,
121 }).then((res) => {
122 if (res.code === 200) {
123 this.tableData = res.result;
124 this.tableData.forEach((item) => {
125 item.sjlx = getSjlx(item.sjlx);
126 });
127 if (this.tableData.length < datas.columns().emptycolNum) {
128 this.emptycolNum =
129 datas.columns().emptycolNum - this.tableData.length;
130 } else {
131 this.emptycolNum = 0;
132 }
133 }
134 });
135 },
136 /**
137 * @description: checkChange
138 * @author: renchao
139 */
140 checkChange () {
141 if (this.checkList.length === 0) {
142 this.tableData = [];
143 this.emptycolNum = datas.columns().emptycolNum;
144 } else {
145 this.loadData();
146 }
147 },
148 /**
149 * @description: getQsztName
150 * @param {*} code
151 * @author: renchao
152 */
153 getQsztName (code) {
154 let name = "";
155 for (let item of this.qsztList) {
156 if (item.value == code) {
157 name = item.label;
158 break;
159 }
160 }
161 return name;
162 },
163 // 新增一条补录信息
164 /**
165 * @description: 新增一条补录信息
166 * @param {*} row
167 * @param {*} del
168 * @author: renchao
169 */
170 editDialog (row, del) {
171 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
172 confirmButtonText: "确定",
173 cancelButtonText: "取消",
174 type: "warning",
175 })
176 .then(() => {
177 this.$parent.addRepairRecord(row, del);
178 })
179 .catch(() => {
180 this.$message({
181 type: "info",
182 message: "取消",
183 });
184 });
185 },
186 },
187 };
188 </script>
189
190 <style lang="scss" scoped>
191 @import "./qlxxCommon.scss";
192 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-24 16:15:01
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox rollTable">
18 <!-- 固定前三个 -->
19 <table class="xxTable">
20 <tr v-for="(item, colindex) in columns" :key="colindex">
21 <td>
22 {{ item.label }}
23 </td>
24 <td v-for="(row, index) in tableData" :key="index" :class="[
25 row.qszt == '2' ? 'lishi' : '',
26 row.qszt == '0' ? 'linshi' : '',
27 row.qlzt == '4' ? 'linshi' : '',
28
29 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
32 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
33 ]">
34 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
35 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
36 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
37 </div>
38 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
39 有效
40 </div>
41 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
42 正在补录
43 </div>
44 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
45 正在申请
46 </div>
47 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
48 正在注销
49 </div>
50
51 <p v-if="!['djyy','fj'].includes(item.prop)">
52 <span v-if="item.prop == 'qszt'">
53 {{ getQsztName(row[item.prop]) }}
54 </span>
55 <span v-else>{{ row[item.prop] }}</span>
56 </p>
57 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
58 <span class="ellipsis-line">
59 {{ row[item.prop] }}
60 </span>
61 </el-tooltip>
62 </td>
63 <td v-for="count in emptycolNum" :key="~count"></td>
64 </tr>
65 </table>
66 </div>
67 </div>
68 </div>
69 </template>
70
71 <script>
72 import { datas } from "./qlxxFormData.js";
73 import { getSjlx } from "@/utils/dictionary.js";
74 import { getJsydsyqList } from "@/api/djbDetail.js";
75 export default {
76 data () {
77 return {
78 title: "建设用地使用权、宅基地使用权登记信息",
79 qsztList: datas.columns().qsztList,
80 checkList: datas.columns().checkList,
81 //传递参数
82 bdcdyid: this.$route.query.bdcdyid,
83 qllx: this.$route.query.qllx,
84 //列表数据
85 tableData: [],
86 //空列值个数
87 emptycolNum: datas.columns().emptycolNum,
88 //列名称对象
89 columns: datas.columns().JSYDSYQ,
90 };
91 },
92 created () {
93 this.loadData();
94 },
95 methods: {
96 /**
97 * @description: loadData
98 * @author: renchao
99 */
100 loadData () {
101
102 if (this.$parent.addRepairRecord) {
103 this.columns.unshift({
104 prop: "cz",
105 label: "操作"
106 })
107 }
108 getJsydsyqList({
109 bdcdyid: this.bdcdyid,
110 qllx: this.qllx,
111 qszt: this.checkList,
112 }).then((res) => {
113 if (res.code === 200) {
114 this.tableData = res.result;
115 this.tableData.forEach(item => {
116 item.sjlx = getSjlx(item.sjlx)
117 })
118 if (this.tableData.length < datas.columns().emptycolNum) {
119 this.emptycolNum =
120 datas.columns().emptycolNum - this.tableData.length;
121 } else {
122 this.emptycolNum = 0;
123 }
124 }
125 });
126 },
127 /**
128 * @description: checkChange
129 * @author: renchao
130 */
131 checkChange () {
132 if (this.checkList.length === 0) {
133 this.tableData = [];
134 this.emptycolNum = datas.columns().emptycolNum;
135 } else {
136 this.loadData();
137 }
138 },
139 /**
140 * @description: getQsztName
141 * @param {*} code
142 * @author: renchao
143 */
144 getQsztName (code) {
145 let name = "";
146 for (let item of this.qsztList) {
147 if (item.value == code) {
148 name = item.label;
149 break;
150 }
151 }
152 return name;
153 },
154 // 新增一条补录信息
155 /**
156 * @description: 新增一条补录信息
157 * @param {*} row
158 * @param {*} del
159 * @author: renchao
160 */
161 editDialog (row, del) {
162 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
163 confirmButtonText: '确定',
164 cancelButtonText: '取消',
165 type: 'warning'
166 }).then(() => {
167 this.$parent.addRepairRecord(row, del)
168
169 this.$message({
170 type: 'success',
171 message: '补录成功!'
172 });
173 }).catch(() => {
174 this.$message({
175 type: 'info',
176 message: '取消编辑'
177 });
178 });
179
180 },
181 },
182 };
183 </script>
184
185 <style lang="scss" scoped>
186 @import "./qlxxCommon.scss";
187 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 17:16:32
5 -->
6 <template>
7 <div class="all">
8 <div class="tbalede">
9 <table class="xxTable">
10 <tr>
11 <th colspan="5" class="head"> {{ title }}</th>
12 </tr>
13 <tr v-for="(item, colindex) in columns" :key="colindex">
14 <td>
15 {{ item.label }}
16 </td>
17 <td
18 v-for="(row, index) in tableData"
19 :key="index">
20 <span>
21 {{ getQsztName(row[item.prop]) }}
22 </span>
23
24 <span>
25 {{ row[item.prop] }}
26 </span>
27
28 </td>
29 <td v-for="count in emptycolNum" :key="~count"></td>
30 </tr>
31 </table>
32 </div>
33 </div>
34 </template>
35
36 <script>
37 import { datas } from "./qlxxFormData.js";
38 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
39 import { getLqList } from "@/api/djbDetail.js";
40 export default {
41 data () {
42 return {
43 title: "林权登记信息",
44 qsztList: datas.columns().qsztList,
45 checkList: datas.columns().checkList,
46 //传递参数
47 bdcdyid: this.$route.query.bdcdyid,
48 qllx: this.$route.query.qllx,
49 //列表数据
50 tableData: [],
51 //空列值个数
52 emptycolNum: datas.columns().emptycolNum,
53 //列名称对象
54 columns: datas.columns().LDSYQ,
55 };
56 },
57 created () {
58 this.loadData();
59 },
60 methods: {
61 /**
62 * @description: loadData
63 * @author: renchao
64 */
65 loadData () {
66 if (this.$parent.addRepairRecord) {
67 this.columns.unshift({
68 prop: "cz",
69 label: "操作",
70 });
71 }
72 getLqList({
73 bdcdyid: this.bdcdyid,
74 qllx: this.qllx,
75 qszt: this.checkList,
76 }).then((res) => {
77 if (res.code === 200) {
78 this.tableData = res.result;
79 this.tableData.forEach((item) => {
80 item.sjlx = getSjlx(item.sjlx);
81 item.ldsyqxz = getDictLeabel(item.ldsyqxz, 'A45')
82 item.lz = getDictLeabel(item.lz, 'A26')
83 item.qy = getDictLeabel(item.qy, 'A52')
84 });
85 if (this.tableData.length < datas.columns().emptycolNum) {
86 this.emptycolNum =
87 datas.columns().emptycolNum - this.tableData.length;
88 } else {
89 this.emptycolNum = 0;
90 }
91 }
92 });
93 },
94 /**
95 * @description: checkChange
96 * @author: renchao
97 */
98 checkChange () {
99 if (this.checkList.length === 0) {
100 this.tableData = [];
101 this.emptycolNum = datas.columns().emptycolNum;
102 } else {
103 this.loadData();
104 }
105 },
106 /**
107 * @description: getQsztName
108 * @param {*} code
109 * @author: renchao
110 */
111 getQsztName (code) {
112 let name = "";
113 for (let item of this.qsztList) {
114 if (item.value == code) {
115 name = item.label;
116 break;
117 }
118 }
119 return name;
120 },
121 // 新增一条补录信息
122 /**
123 * @description: 新增一条补录信息
124 * @param {*} row
125 * @param {*} del
126 * @author: renchao
127 */
128 editDialog (row, del) {
129 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
130 confirmButtonText: "确定",
131 cancelButtonText: "取消",
132 type: "warning",
133 })
134 .then(() => {
135 this.$parent.addRepairRecord(row, del);
136
137 this.$message({
138 type: "success",
139 message: "补录成功!",
140 });
141 })
142 .catch(() => {
143 this.$message({
144 type: "info",
145 message: "取消编辑",
146 });
147 });
148 },
149 },
150 };
151 </script>
152
153 <style lang="scss" scoped>
154 .all {
155 width: 794px;
156 height: 100%;
157 margin: auto;
158 background-color: rgb(255, 255, 255);
159 }
160 .tbalede {
161 width: 794px;
162 height: 1123px;
163 margin: auto;
164 }
165 .top {
166 width: 80%;
167 height: 100px;
168 margin: auto;
169 display: flex;
170 position: relative;
171 }
172 p {
173 position: absolute;
174 bottom: 10px;
175 right: 10px;
176 }
177 table {
178 width: 80%;
179 border: 1px solid black;
180 margin: 0 auto;
181 border-collapse: collapse;
182 }
183 .head {
184 font-size: 20px;
185 width: 100%;
186 height: 40px;
187 margin: auto;
188 }
189 .dyh {
190 padding: 10px;
191 font-size: 12px;
192 text-align: left;
193 }
194
195
196 .content {
197 height: 40px;
198 }
199 .slash-wrap {
200 position: relative;
201 box-sizing: border-box;
202 width: 150px;
203 height: 40px;
204 }
205 /* 斜线 */
206 .slash1 {
207 position: absolute;
208 display: block;
209 top: 0;
210 left: 0;
211 width: 133px;
212 height: 1px;
213 background-color: #949393;
214 transform: rotate(17.93010235415598deg);
215 transform-origin: top left;
216 }
217 /* 左下角文字 */
218 .left {
219 position: absolute;
220 left: 30px;
221 bottom: 5px;
222 }
223
224 /* 右上角文字 */
225 .mid {
226 position: absolute;
227 /* 右上角 right:0; top: 0; */
228 right: 29px;
229 top: 4px;
230 }
231 .xxTable {
232 width: 100%;
233 border-collapse: collapse;
234 table-layout:fixed;
235
236
237 td {
238 border: 1px solid rgb(0, 0, 0);
239 text-align: center;
240 height: 40px;
241 width: 80px!important;
242 word-wrap:break-word
243 }
244 td:first-child{
245 min-width: 180px !important;
246 }
247
248 }
249 .ellipsis-line {
250 display: inline-block;
251 width: 300px;
252 height: 100px!important;
253 line-height: 20px!important;
254 word-break: break-all;
255 text-overflow: ellipsis;
256 overflow: hidden;
257 }
258 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 17:19:17
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox">
18 <!-- 固定前三个 -->
19 <table class="xxTable">
20 <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
21 <td>
22 {{ item.label }}
23 </td>
24 <td v-for="(row, index) in tableData" :key="index" :class="[
25 row.qszt == '2' ? 'lishi' : '',
26 row.qszt == '0' ? 'linshi' : '',
27 row.qlzt == '4' ? 'linshi' : '',
28
29 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
32 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
33 ]">
34 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
35 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
36 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
37 </div>
38 <div class="icon" v-if="row.qlzt == '1'">
39 有效
40 </div>
41 <div class="icon" v-if="row.qlzt == '2'">
42 正在补录
43 </div>
44 <div class="icon" v-if="row.qlzt == '3'">
45 正在申请
46 </div>
47 <div class="icon" v-if="row.qlzt == '4'">
48 正在注销
49 </div>
50
51 <p v-if="!['djyy','fj'].includes(item.prop)">
52 <span v-if="item.prop == 'qszt'">
53 {{ getQsztName(row[item.prop]) }}
54 </span>
55 <span v-else>{{ row[item.prop] }}</span>
56 </p>
57
58 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
59 <span class="ellipsis-line">
60 {{ row[item.prop] }}
61 </span>
62 </el-tooltip>
63
64 </td>
65 <td v-for="count in emptycolNum" :key="~count"></td>
66 </tr>
67 </table>
68
69 <table class="xxTable rollTable">
70 <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
71 <td>
72 {{ item.label }}
73 </td>
74 <td v-for="(row, index) in tableData" :key="index" :class="[
75 row.qszt == '2' ? 'lishi' : '',
76 row.qszt == '0' ? 'linshi' : '',
77 row.qlzt == '4' ? 'linshi' : '',
78
79 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
80 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
81 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
82 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
83 ]">
84 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
85 有效
86 </div>
87 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
88 正在补录
89 </div>
90 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
91 正在申请
92 </div>
93 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
94 正在注销
95 </div>
96
97 <p v-if="!['djyy','fj'].includes(item.prop)">
98 <span v-if="item.prop == 'qszt'">
99 {{ getQsztName(row[item.prop]) }}
100 </span>
101 <span v-else>{{ row[item.prop] }}</span>
102 </p>
103
104 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
105 <span class="ellipsis-line">
106 {{ row[item.prop] }}
107 </span>
108 </el-tooltip>
109 </td>
110 <td v-for="count in emptycolNum" :key="~count"></td>
111 </tr>
112 </table>
113 </div>
114 </div>
115 </div>
116 </template>
117
118 <script>
119 import { datas } from "./qlxxFormData.js";
120 import { getSjlx } from "@/utils/dictionary.js";
121 import { getNydsyqList } from "@/api/djbDetail.js";
122 export default {
123 data () {
124 return {
125 title: "农用地使用权登记信息",
126 qsztList: datas.columns().qsztList,
127 checkList: datas.columns().checkList,
128 //传递参数
129 bdcdyid: this.$route.query.bdcdyid,
130 qllx: this.$route.query.qllx,
131 //列表数据
132 tableData: [],
133 //空列值个数
134 emptycolNum: datas.columns().emptycolNum,
135 //列名称对象
136 columns: datas.columns().NYDSYQ,
137 };
138 },
139 created () {
140 var qllx = this.$route.query.sqywbm.substr(0, 3)
141 if (qllx == 'A09') {
142 this.title = '土地经营权登记信息'
143 } else {
144 this.title = '农用地使用权登记信息'
145 }
146 this.loadData();
147 },
148 methods: {
149 /**
150 * @description: loadData
151 * @author: renchao
152 */
153 loadData () {
154 if (this.$parent.addRepairRecord) {
155 this.columns.unshift({
156 prop: "cz",
157 label: "操作"
158 })
159 }
160 getNydsyqList({
161 bdcdyid: this.bdcdyid,
162 qllx: this.qllx,
163 qszt: this.checkList,
164 }).then((res) => {
165 if (res.code === 200) {
166 this.tableData = res.result;
167 this.tableData.forEach(item => {
168 item.sjlx = getSjlx(item.sjlx)
169 })
170 if (this.tableData.length < datas.columns().emptycolNum) {
171 this.emptycolNum =
172 datas.columns().emptycolNum - this.tableData.length;
173 } else {
174 this.emptycolNum = 0;
175 }
176 }
177 });
178 },
179 /**
180 * @description: checkChange
181 * @author: renchao
182 */
183 checkChange () {
184 if (this.checkList.length === 0) {
185 this.tableData = [];
186 this.emptycolNum = datas.columns().emptycolNum;
187 } else {
188 this.loadData();
189 }
190 },
191 /**
192 * @description: getQsztName
193 * @author: renchao
194 */
195 getQsztName (code) {
196 let name = "";
197 for (let item of this.qsztList) {
198 if (item.value == code) {
199 name = item.label;
200 break;
201 }
202 }
203 return name;
204 },
205 // 新增一条补录信息
206 /**
207 * @description: 新增一条补录信息
208 * @param {*} row
209 * @param {*} del
210 * @author: renchao
211 */
212 editDialog (row, del) {
213 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
214 confirmButtonText: '确定',
215 cancelButtonText: '取消',
216 type: 'warning'
217 }).then(() => {
218 this.$parent.addRepairRecord(row, del)
219
220 this.$message({
221 type: 'success',
222 message: '补录成功!'
223 });
224 }).catch(() => {
225 this.$message({
226 type: 'info',
227 message: '取消编辑'
228 });
229 });
230
231 },
232 },
233 };
234 </script>
235
236 <style lang="scss" scoped>
237 @import "./qlxxCommon.scss";
238 </style>
1 .djxxTable {
2 width: 100%;
3 height: 100%;
4 background: #fff;
5 color: #333;
6
7 .tableBox {
8 margin: 0 auto;
9 display: flex;
10 flex-wrap: wrap;
11
12 .title {
13 width: 100%;
14 font-weight: 700;
15 font-size: 16px;
16 text-align: center;
17 background: #e9e9e9;
18 height: 62px;
19 line-height: 62px;
20 position: relative;
21 margin: 0 3px;
22
23 .checkbox {
24 position: absolute;
25 right: 20px;
26 bottom: -16px;
27 height: 62px;
28 }
29 }
30
31 .xxTableBox {
32 overflow: scroll;
33 width: 100%;
34 }
35
36 .xxTable>tr:first-child th {
37 width: 140px;
38 }
39
40 .xxTable {
41 //border-spacing: 1px;
42 width: 100%;
43 border-collapse: collapse;
44 // table-layout: fixed;
45
46 tr {
47 box-sizing: border-box;
48 }
49
50 tr>th {
51 border: 1px solid #ccc;
52 background: #F2F2F2;
53 color: #333333;
54 font-size: 16px;
55 height: 40px;
56 }
57
58 tr:nth-child(1) {
59 position: sticky;
60 top: 0px;
61 z-index: 3;
62 margin-top: -2px;
63 &:after{
64 content: "";
65 display: inline-block;
66 width: 100%;
67 height: 2px;
68 background-color: rgb(227, 226, 226);
69 position: absolute;
70 bottom: -1px;
71 left: 0;
72 z-index: 3;
73 }
74 }
75
76 tr:nth-child(2) {
77 position: sticky;
78 top: 40px;
79 z-index: 3;
80 &:after{
81 content: "";
82 display: inline-block;
83 width: 100%;
84 height: 2px;
85 background-color: rgb(227, 226, 226);
86 position: absolute;
87 bottom: -1px;
88 left: 0;
89 z-index: 3;
90 }
91 }
92
93 tr:nth-child(3) {
94 position: sticky;
95 top: 80px;
96 z-index: 3;
97 box-shadow: 0px 15px 10px -15px #409EFF;
98 }
99
100 tr td:first-child {
101 position: sticky;
102 left: 0;
103 z-index: 2;
104 margin-left: -2px;
105 &:before{
106 content: "";
107 display: inline-block;
108 width: 2px;
109 height: 43px;
110 background-color: #e3e2e2;
111 position: absolute;
112 top: 0;
113 left: -2px;
114 z-index: 3;
115 }
116 &:after{
117 content: "";
118 display: inline-block;
119 width: 2px;
120 height: 43px;
121 background-color: #e3e2e2;
122 position: absolute;
123 top: 0;
124 right: -2px;
125 z-index: 3;
126 }
127 }
128
129 th.linshi,
130 th.xianshi {
131 background: #464c5b;
132 }
133
134 th.lishi {
135 background: rgba(70, 76, 91, 0.8);
136 }
137
138 .one th {
139 height: 25px;
140 font-size: 14px;
141 }
142
143 th.linshi {
144 color: #ff5100;
145 }
146
147 .two th {
148 height: 45px;
149
150 p:nth-child(2) {
151 font-size: 14px;
152 }
153 }
154
155 .linshiIcon {
156 position: relative;
157
158 .icon {
159 position: absolute;
160 top: 12px;
161 right: -5px;
162 transform: rotate(45deg);
163 color: #fff;
164 font-size: 12px;
165 z-index: 10;
166 }
167 }
168
169 .linshiIcon::after {
170 content: "";
171 display: block;
172 width: 0;
173 height: 0;
174 border-width: 0px 0px 55px 55px;
175 border-style: none solid solid;
176 border-color: transparent transparent #ff5100;
177 position: absolute;
178 top: 0;
179 right: 0;
180 transform: rotate(-90deg);
181 }
182
183 .xianshiIcon {
184 position: relative;
185
186 .icon {
187 position: absolute;
188 top: 9px;
189 right: 5px;
190 transform: rotate(45deg);
191 color: #fff;
192 font-size: 12px;
193 z-index: 10;
194 }
195 }
196
197 .xianshiIcon::after {
198 content: "";
199 display: block;
200 width: 0;
201 height: 0;
202 border-width: 0px 0px 55px 55px;
203 border-style: none solid solid;
204 border-color: transparent transparent #67C23A;
205 position: absolute;
206 top: 0;
207 right: 0;
208 transform: rotate(-90deg);
209 }
210
211
212
213 tr {
214 // display: flex;
215 }
216
217 tr td {
218 border: 2px solid rgb(227, 226, 226);
219 text-align: center;
220 height: 40px;
221 font-size: 13px;
222 width: 140px;
223 // flex: 1;
224 width: 100%;
225 // display: flex;
226 // align-items: center;
227 // justify-content: center;
228 min-width: 340px;
229 z-index: 1;
230 }
231 td:first-child{
232 flex: inherit !important;
233 // width: 200px !important;
234 min-width: 180px !important;
235 }
236 >tr:nth-child(odd) td {
237 background: #f2f2f2;
238 }
239
240 >tr:nth-child(even) td {
241 background: #f9f9f9;
242 }
243
244 td.linshi {
245 color: #ff5100;
246 }
247
248 tr>td.lishi {
249 color: #7f7f7f;
250 }
251 }
252
253 .rollTable {
254 margin-top: -2px;
255 display: block;
256 height: calc(100vh - 185px);
257 overflow-y: scroll;
258 margin-left: 2px;
259 }
260 }
261 }
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-25 17:14:29
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox rollTable">
18 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td>
21 {{ item.label }}
22 </td>
23 <td v-for="(row, index) in tableData" :key="index" :class="[
24 row.qszt == '2' ? 'lishi' : '',
25 row.qszt == '0' ? 'linshi' : '',
26 row.qlzt == '4' ? 'linshi' : '',
27
28 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
29 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
32 ]">
33 <div class="setbut" v-if="item.prop == 'cz'">
34 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
35 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
36 </div>
37 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
38 有效
39 </div>
40 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
41 正在补录
42 </div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
44 正在申请
45 </div>
46 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
47 正在注销
48 </div>
49
50 <p v-if="!['djyy','fj'].includes(item.prop)">
51 <span v-if="item.prop == 'qszt'">
52 {{ getQsztName(row[item.prop]) }}
53 </span>
54 <span v-else>{{ row[item.prop] }}</span>
55 </p>
56
57 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
58 <span class="ellipsis-line">
59 {{ row[item.prop] }}
60 </span>
61 </el-tooltip>
62 </td>
63 <td v-for="count in emptycolNum" :key="~count"></td>
64 </tr>
65 </table>
66 </div>
67 </div>
68 </div>
69 </template>
70
71 <script>
72 import { datas } from "./qlxxFormData.js";
73 import { getYgdjList } from "@/api/djbDetail.js";
74 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
75 export default {
76 data () {
77 return {
78 bdcdyid: this.$route.query.bdcdyid,
79 qllx: this.$route.query.qllx,
80 title: "预告登记信息",
81 qsztList: datas.columns().qsztList,
82 checkList: datas.columns().checkList,
83 //列表数据
84 tableData: [],
85 //空列值个数
86 emptycolNum: datas.columns().emptycolNum,
87 //列名称对象
88 columns: datas.columns().YGDJ,
89 };
90 },
91 created () {
92 this.loadData();
93 },
94 methods: {
95 /**
96 * @description: loadData
97 * @author: renchao
98 */
99 loadData () {
100 // 判断是否在登记簿补录调的子页面
101 if (this.$parent.addRepairRecord) {
102 this.columns.unshift({
103 prop: "cz",
104 label: "操作"
105 })
106 }
107 getYgdjList({
108 bdcdyid: this.bdcdyid,
109 qllx: this.qllx,
110 qszt: this.checkList,
111 }).then((res) => {
112 if (res.code === 200) {
113 this.tableData = res.result;
114 this.tableData.forEach((item) => {
115 item.sjlx = getSjlx(item.sjlx);
116 item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
117 });
118 if (this.tableData.length < datas.columns().emptycolNum) {
119 this.emptycolNum =
120 datas.columns().emptycolNum - this.tableData.length;
121 } else {
122 this.emptycolNum = 0;
123 }
124 }
125 });
126 },
127 /**
128 * @description: checkChange
129 * @author: renchao
130 */
131 checkChange () {
132 if (this.checkList.length === 0) {
133 this.tableData = [];
134 this.emptycolNum = datas.columns().emptycolNum;
135 } else {
136 this.loadData();
137 }
138 },
139 /**
140 * @description: getQsztName
141 * @param {*} code
142 * @author: renchao
143 */
144 getQsztName (code) {
145 let name = "";
146 for (let item of this.qsztList) {
147 if (item.value == code) {
148 name = item.label;
149 break;
150 }
151 }
152 return name;
153 },
154 // 新增一条补录信息
155 /**
156 * @description: 新增一条补录信息
157 * @param {*} row
158 * @param {*} del
159 * @author: renchao
160 */
161 editDialog (row, del) {
162 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
163 confirmButtonText: '确定',
164 cancelButtonText: '取消',
165 type: 'warning'
166 }).then(() => {
167 this.$parent.addRepairRecord(row, del)
168
169 this.$message({
170 type: 'success',
171 message: '补录成功!'
172 });
173 }).catch(() => {
174 this.$message({
175 type: 'info',
176 message: '取消编辑'
177 });
178 });
179
180 },
181 },
182 };
183 </script>
184
185 <style lang="scss" scoped>
186 @import "./qlxxCommon.scss";
187 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-24 16:15:45
5 -->
6 <template>
7 <div class="djxxTable">
8 <div class="tableBox">
9 <div class="title">
10 {{ title }}
11 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
14 </el-checkbox-group>
15 </div>
16 </div>
17 <div class="xxTableBox rollTable">
18 <table class="xxTable">
19 <tr v-for="(item, colindex) in columns" :key="colindex">
20 <td>
21 {{ item.label }}
22 </td>
23 <td v-for="(row, index) in tableData" :key="index" :class="[
24 row.qszt == '2' ? 'lishi' : '',
25 row.qszt == '0' ? 'linshi' : '',
26 row.qlzt == '4' ? 'linshi' : '',
27
28 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
29 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
32 ]">
33 <div class="setbut" v-if="item.prop == 'cz'">
34 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
35 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
36 </div>
37 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
38 有效
39 </div>
40 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
41 正在补录
42 </div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
44 正在申请
45 </div>
46 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
47 正在注销
48 </div>
49
50 <p v-if="!['djyy','fj'].includes(item.prop)">
51 <span v-if="item.prop == 'qszt'">
52 {{ getQsztName(row[item.prop]) }}
53 </span>
54 <span v-else>{{ row[item.prop] }}</span>
55 </p>
56
57 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
58 <span class="ellipsis-line">
59 {{ row[item.prop] }}
60 </span>
61 </el-tooltip>
62 </td>
63 <td v-for="count in emptycolNum" :key="~count"></td>
64 </tr>
65 </table>
66 </div>
67 </div>
68 </div>
69 </template>
70
71 <script>
72 import { datas } from "./qlxxFormData.js";
73 import { getYydjList } from "@/api/djbDetail.js";
74 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
75 export default {
76 data () {
77 return {
78 title: "异议登记信息",
79 qsztList: datas.columns().qsztList,
80 checkList: datas.columns().checkList,
81 //传递参数
82 bdcdyid: this.$route.query.bdcdyid,
83 qllx: this.$route.query.qllx,
84 //列表数据
85 tableData: [],
86 //空列值个数
87 emptycolNum: datas.columns().emptycolNum,
88 //列名称对象
89 columns: datas.columns().YYDJ,
90 };
91 },
92 created () {
93 this.loadData();
94 },
95 methods: {
96 /**
97 * @description: loadData
98 * @author: renchao
99 */
100 loadData () {
101 if (this.$parent.addRepairRecord) {
102 this.columns.unshift({
103 prop: "cz",
104 label: "操作"
105 })
106 }
107 getYydjList({
108 bdcdyid: this.bdcdyid,
109 qllx: this.qllx,
110 qszt: this.checkList,
111 }).then((res) => {
112 if (res.code === 200) {
113 this.tableData = res.result;
114 this.tableData.forEach((item) => {
115 item.sjlx = getSjlx(item.sjlx);
116 item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
117 });
118 if (this.tableData.length < datas.columns().emptycolNum) {
119 this.emptycolNum =
120 datas.columns().emptycolNum - this.tableData.length;
121 } else {
122 this.emptycolNum = 0;
123 }
124 }
125 });
126 },
127 /**
128 * @description: checkChange
129 * @author: renchao
130 */
131 checkChange () {
132 if (this.checkList.length === 0) {
133 this.tableData = [];
134 this.emptycolNum = datas.columns().emptycolNum;
135 } else {
136 this.loadData();
137 }
138 },
139 /**
140 * @description: getQsztName
141 * @param {*} code
142 * @author: renchao
143 */
144 getQsztName (code) {
145 let name = "";
146 for (let item of this.qsztList) {
147 if (item.value == code) {
148 name = item.label;
149 break;
150 }
151 }
152 return name;
153 },
154 // 新增一条补录信息
155 /**
156 * @description: 新增一条补录信息
157 * @param {*} row
158 * @param {*} del
159 * @author: renchao
160 */
161 editDialog (row, del) {
162 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
163 confirmButtonText: '确定',
164 cancelButtonText: '取消',
165 type: 'warning'
166 }).then(() => {
167 this.$parent.addRepairRecord(row, del)
168
169 this.$message({
170 type: 'success',
171 message: '补录成功!'
172 });
173 }).catch(() => {
174 this.$message({
175 type: 'info',
176 message: '取消编辑'
177 });
178 });
179
180 },
181 },
182 };
183 </script>
184
185 <style lang="scss" scoped>
186 @import "./qlxxCommon.scss";
187 </style>
1 <!--
2 * @Description :宗地基本信息
3 * @Autor : miaofang
4 * @LastEditTime: 2023-08-04 10:06:45
5 -->
6 <template>
7 <div class="tableDivCss">
8 <table cellpadding="0" cellspacing="0" class="tableCss">
9 <tr>
10 <th colspan="5" class="title">宗地基本信息</th>
11 </tr>
12 <tr>
13 <td>单位</td>
14 <td colspan="4">{{ zdjbxx.mjdw | dictionary("A7") }}</td>
15 </tr>
16 <tr>
17 <td>不动产类型</td>
18 <td colspan="4">{{ bdclxList[zdjbxx.bdclx] }}</td>
19 </tr>
20 <tr>
21 <td>坐落</td>
22 <td colspan="4">{{ zdjbxx.zl }}</td>
23 </tr>
24 <tr>
25 <td rowspan="8">土地状况</td>
26 </tr>
27 <tr>
28 <td style="width: 15%">宗地面积</td>
29 <td style="width: 30%">{{ zdjbxx.zdmj }}m²</td>
30 <td style="width: 15%">用途</td>
31 <td style="width: 30%">{{ zdjbxx.yt | dicyt("tdyt") }}</td>
32 </tr>
33 <tr>
34 <td>等级</td>
35 <td>{{ zdjbxx.djmc }}</td>
36 <td>价格</td>
37 <td>{{ zdjbxx.jg }}</td>
38 </tr>
39 <tr>
40 <td>权利类型</td>
41 <td>{{ zdjbxx.qllxmc }}</td>
42 <td>权利性质</td>
43 <td>{{ zdjbxx.qlxzmc }}</td>
44 </tr>
45 <tr>
46 <td>权利设定方式</td>
47 <td>{{ zdjbxx.qlsdfs | dictionary("A10") }}</td>
48 <td>容积率</td>
49 <td>{{ zdjbxx.rjl }}</td>
50 </tr>
51 <tr>
52 <td>建筑密度</td>
53 <td>{{ zdjbxx.jzmd }}</td>
54 <td>建筑限高</td>
55 <td>{{ zdjbxx.jzxg }}</td>
56 </tr>
57 <tr>
58 <td>图幅号</td>
59 <td>{{ zdjbxx.tfh }}</td>
60 <td>地籍号</td>
61 <td>{{ zdjbxx.djh }}</td>
62 </tr>
63 <tr>
64 <td>档案号</td>
65 <td>{{ zdjbxx.dah }}</td>
66 <td>地块代码</td>
67 <td>{{ zdjbxx.dkdm }}</td>
68 </tr>
69 <tr>
70 <td rowspan="5">宗地四至</td>
71 </tr>
72
73 <tr>
74 <td>东</td>
75 <td colspan="3">{{ zdjbxx.zdszd }}</td>
76 </tr>
77 <tr>
78 <td>南</td>
79 <td colspan="3">{{ zdjbxx.zdszn }}</td>
80 </tr>
81 <tr>
82 <td>西</td>
83 <td colspan="3">{{ zdjbxx.zdszx }}</td>
84 </tr>
85 <tr>
86 <td>北</td>
87 <td colspan="3">{{ zdjbxx.zdszb }}</td>
88 </tr>
89 <tr>
90 <td>附记</td>
91 <td colspan="4">{{ zdjbxx.fj }}</td>
92 </tr>
93 <tr v-if="showGroup">
94 <td rowspan="4">变化情况</td>
95 </tr>
96
97 <tr v-if="showGroup">
98 <td>变化原因</td>
99 <td>变化内容</td>
100 <td>登记时间</td>
101 <td>登簿人</td>
102 </tr>
103 <!-- <tr >
104 <td>{{ zdbhqks[0].bhyy }}</td>
105 <td>{{ zdbhqks[0].bhnr }}</td>
106 <td>{{ zdbhqks[0].djsj }}</td>
107 <td>{{ zdbhqks[0].dbr }}</td>
108 </tr> -->
109 </table>
110 </div>
111 </template>
112
113 <script>
114 import store from "@/store/index.js";
115 import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js";
116
117 export default {
118 data () {
119 return {
120 bdcdyid: this.$route.query.bdcdyid,
121 bhqkColumns: [
122 {
123 prop: "ssywh",
124 label: "上手业务号",
125 },
126 {
127 prop: "zddm",
128 label: "宗地代码",
129 },
130 {
131 prop: "bhqzddm",
132 label: "变化前宗地代码",
133 },
134 {
135 prop: "bhnr",
136 label: "变化内容",
137 },
138 {
139 prop: "bhyy",
140 label: "变化原因",
141 },
142 {
143 prop: "djsj",
144 label: "登记时间",
145 },
146 {
147 prop: "dbr",
148 label: "登簿人",
149 },
150 {
151 prop: "fj",
152 label: "附记",
153 },
154 ],
155 bhqkTableWidth: 745,
156 zdjbxx: {},
157 zdbhqks: [],
158 propsParam: this.$attrs,
159 showGroup: false,
160 bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"],
161 foundItemaa: {},
162 foundItemaaa: {},
163 };
164 },
165 filters: {
166 dictionary: function (value, param) {
167 const foundItem = store.getters.dictData[param].find(
168 (item) => item.dcode === String(value)
169 );
170 if (foundItem) {
171 return foundItem.dname;
172 }
173 },
174 dicyt: function (value, param) {
175 const res = store.getters.dictData[param].filter((item) => {
176 if (item.dcode === String(value)) {
177 return item;
178 } else {
179 if (item.children.length) {
180 const res2 = item.children.filter((items) => {
181 if (items.dcode === String(value)) {
182 return items;
183 }
184 });
185 if (res2.length) {
186 return res2;
187
188 }
189
190 }
191 }
192 });
193 if (res[0]) {
194 return res[0].dname
195 }
196 },
197 },
198 created () {
199 this.loadData();
200 },
201 methods: {
202 /**
203 * @description: loadData
204 * @author: renchao
205 */
206 loadData () {
207 getZdjjxxBybdcdyid({ bdcdyid: this.bdcdyid }).then((res) => {
208 if (res.code === 200) {
209 this.zdjbxx = res.result.zdjbxx;
210 this.zdbhqks = res.result.zdbhqkList;
211 if (this.zdbhqks != null && this.zdbhqks.length > 0) {
212 this.showGroup = true;
213 }
214 }
215 });
216 },
217 },
218 };
219 </script>
220 <style lang="scss" scoped>
221 @import "~@/styles/tablecss.scss";
222 .tableDivCss{
223 width: 100%;
224 height: 100%;
225 background-color: rgb(255, 255, 255);
226
227 }
228 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-08-23 15:57:40
5 -->
6 <template>
7 <div class="all">
8 <!-- <el-button v-if="isshow" @click="printdjb" class="printdjb"
9 >开始打印</el-button> -->
10 <component
11 :is="currentTabComponent"
12 class="tab"
13 ></component>
14 </div>
15 </template>
16
17 <script>
18 import djbfm from "./components/djbfm.vue";
19 import zdjbxx from "./components/zdjbxx.vue";
20 import fdcq1 from "./components/fdcq1.vue";
21 import fdcq2 from "./components/fdcq2.vue";
22 import jsydsyq from "./components/jsydsyq.vue";
23 import ldsyq from "./components/ldsyq.vue";
24 import nydsyq from "./components/nydsyq.vue";
25 import yydj from "./components/yydj.vue";
26 import ygdj from "./components/ygdj.vue";
27 import cfdj from "./components/cfdj.vue";
28 import diyiq from "./components/diyiq.vue";
29 import diyaq from "./components/diyaq.vue";
30 import bdcqljqtsx from "./components/bdcqljqtsx.vue";
31
32 export default {
33 components: {
34 djbfm,
35 zdjbxx,
36 fdcq1,
37 fdcq2,
38 jsydsyq,
39 ldsyq,
40 nydsyq,
41 yydj,
42 cfdj,
43 diyiq,
44 diyaq,
45 ygdj,
46 bdcqljqtsx
47 // currentTab:this.$route.query.content,
48 },
49 data() {
50 return {
51 isshow: true,
52 };
53 },
54 computed: {
55
56 currentTabComponent() {
57 return this.$route.query.content
58 }
59 },
60 mounted() {
61 this.currentTab=this.$route.query.content
62 this.printdjb()
63 },
64 methods: {
65 printdjb() {
66 this.isshow = false;
67 setTimeout(() => {
68 window.print();
69 }, 200);
70 },
71 },
72 };
73 </script>
74 <style scoped lang="scss">
75
76
77 /* 斜线 */
78 .slash1 {
79 position: absolute;
80 display: block;
81 top: 0;
82 left: 0;
83 width: 133px;
84 height: 1px;
85 background-color: #949393;
86 transform: rotate(17.93010235415598deg);
87 transform-origin: top left;
88 }
89 /* 左下角文字 */
90 .left {
91 position: absolute;
92 left: 30px;
93 bottom: 5px;
94 }
95
96 /* 右上角文字 */
97 .mid {
98 position: absolute;
99 /* 右上角 right:0; top: 0; */
100 right: 29px;
101 top: 4px;
102 }
103 </style>
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
6 <template> 6 <template>
7 <div class="bdcqljqtsx"> 7 <div class="bdcqljqtsx">
8 <div class="content" v-if="qlxxList.ztqlmc"> 8 <div class="content" v-if="qlxxList.ztqlmc">
9 <el-button class="print" @click="print">打印</el-button>
9 <div class="title">不动产权利及其他事项<br />登记信息</div> 10 <div class="title">不动产权利及其他事项<br />登记信息</div>
10 <div> 11 <div>
11 不动产单元号: 12 不动产单元号:
...@@ -74,6 +75,15 @@ ...@@ -74,6 +75,15 @@
74 } 75 }
75 }); 76 });
76 }, 77 },
78 methods: {
79 print() {
80 console.log("this.propsParam.bdcdyid ", this.propsParam);
81 window.open(
82 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=bdcqljqtsx`,
83 `printdjb`
84 );
85 },
86 }
77 }; 87 };
78 </script> 88 </script>
79 89
...@@ -82,7 +92,14 @@ ...@@ -82,7 +92,14 @@
82 width: 100%; 92 width: 100%;
83 height: 100%; 93 height: 100%;
84 background: #fff; 94 background: #fff;
85 95 position: relative;
96 .print {
97 // background-color: #0079fe;
98 z-index: 10;
99 position: absolute;
100 left: 11px;
101 top: 5px;
102 }
86 .content { 103 .content {
87 width: 50%; 104 width: 50%;
88 height: 100%; 105 height: 100%;
...@@ -94,6 +111,7 @@ ...@@ -94,6 +111,7 @@
94 font-size: 18px; 111 font-size: 18px;
95 line-height: 16px; 112 line-height: 16px;
96 113
114
97 .title { 115 .title {
98 font-size: 32px; 116 font-size: 32px;
99 text-align: center; 117 text-align: center;
......
...@@ -8,12 +8,15 @@ ...@@ -8,12 +8,15 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox 14 <el-checkbox
14 v-for="item in qsztList" 15 v-for="item in qsztList"
15 :key="item.value" 16 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox> 17 :label="item.value"
18 >{{ item.label }}</el-checkbox
19 >
17 </el-checkbox-group> 20 </el-checkbox-group>
18 </div> 21 </div>
19 </div> 22 </div>
...@@ -25,20 +28,34 @@ ...@@ -25,20 +28,34 @@
25 v-for="(row, index) in tableData" 28 v-for="(row, index) in tableData"
26 :key="index" 29 :key="index"
27 :class="[ 30 :class="[
28 row.qszt == '2' ? 'lishi' : '', 31 row.qszt == '2' ? 'lishi' : '',
29 row.qszt == '0' ? 'linshi' : '', 32 row.qszt == '0' ? 'linshi' : '',
30 row.qlzt == '4' ? 'linshi' : '', 33 row.qlzt == '4' ? 'linshi' : '',
31 34
32 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 35 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
33 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 36 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
34 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 37 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 38 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
36 ]"> 39 ]"
37 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 40 >
38 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 41 <div
39 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 42 class="setbut"
43 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
44 >
45 <el-button
46 type="text"
47 icon="el-icon-edit-outline"
48 @click="editDialog(row)"
49 >编辑</el-button
50 >
51 <el-button
52 type="text"
53 icon="el-icon-edit-outline"
54 @click="editDialog(row, 'D')"
55 >删除</el-button
56 >
40 </div> 57 </div>
41 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> 58 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
42 有效 59 有效
43 </div> 60 </div>
44 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> 61 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
...@@ -51,14 +68,20 @@ ...@@ -51,14 +68,20 @@
51 正在注销 68 正在注销
52 </div> 69 </div>
53 70
54 <p v-if="!['djyy','fj'].includes(item.prop)"> 71 <p v-if="!['djyy', 'fj'].includes(item.prop)">
55 <span v-if="item.prop == 'qszt'"> 72 <span v-if="item.prop == 'qszt'">
56 {{ getQsztName(row[item.prop]) }} 73 {{ getQsztName(row[item.prop]) }}
57 </span> 74 </span>
58 <span v-else>{{ row[item.prop] }}</span> 75 <span v-else>{{ row[item.prop] }}</span>
59 </p> 76 </p>
60 77
61 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 78 <el-tooltip
79 v-else
80 effect="dark"
81 :content="row[item.prop]"
82 placement="top"
83 popper-class="tooltip-width"
84 >
62 <span class="ellipsis-line"> 85 <span class="ellipsis-line">
63 {{ row[item.prop] }} 86 {{ row[item.prop] }}
64 </span> 87 </span>
...@@ -73,121 +96,138 @@ ...@@ -73,121 +96,138 @@
73 </template> 96 </template>
74 97
75 <script> 98 <script>
76 import { datas } from "./qlxxFormData.js"; 99 import { datas } from "./qlxxFormData.js";
77 import { getSjlx } from "@/utils/dictionary.js"; 100 import { getSjlx } from "@/utils/dictionary.js";
78 import { getCfdjList } from "@/api/djbDetail.js"; 101 import { getCfdjList } from "@/api/djbDetail.js";
79 export default { 102 export default {
80 data () { 103 data() {
81 return { 104 return {
82 title: "查封登记信息", 105 title: "查封登记信息",
83 qsztList: datas.columns().qsztList, 106 qsztList: datas.columns().qsztList,
84 checkList: datas.columns().checkList, 107 checkList: datas.columns().checkList,
85 //传递参数 108 //传递参数
86 propsParam: this.$attrs, 109 propsParam: this.$attrs,
87 //列表数据 110 //列表数据
88 tableData: [], 111 tableData: [],
89 //空列值个数 112 //空列值个数
90 emptycolNum: datas.columns().emptycolNum, 113 emptycolNum: datas.columns().emptycolNum,
91 //列名称对象 114 //列名称对象
92 columns: datas.columns().CFDJ, 115 columns: datas.columns().CFDJ,
93 }; 116 };
94 }, 117 },
95 created () { 118 created() {
96 this.loadData(); 119 this.loadData();
97 }, 120 },
98 methods: { 121 methods: {
99 /** 122 /**
100 * @description: loadData 123 * @description: loadData
101 * @author: renchao 124 * @author: renchao
102 */ 125 */
103 loadData () { 126 loadData() {
104 if (this.$parent.addRepairRecord) { 127 if (this.$parent.addRepairRecord) {
105 this.columns.unshift({ prop: "cz", label: "操作" }); 128 this.columns.unshift({ prop: "cz", label: "操作" });
106 } 129 }
107 getCfdjList({ 130 getCfdjList({
108 bdcdyid: this.propsParam.bdcdyid, 131 bdcdyid: this.propsParam.bdcdyid,
109 qllx: this.propsParam.qllx, 132 qllx: this.propsParam.qllx,
110 qszt: this.checkList, 133 qszt: this.checkList,
111 }).then((res) => { 134 }).then((res) => {
112 if (res.code === 200) { 135 if (res.code === 200) {
113 this.tableData = res.result; 136 this.tableData = res.result;
114 this.tableData.forEach(item => { 137 this.tableData.forEach((item) => {
115 item.sjlx = getSjlx(item.sjlx) 138 item.sjlx = getSjlx(item.sjlx);
116 }) 139 });
117 this.tableData.forEach((item, index) => { 140 this.tableData.forEach((item, index) => {
118 if (item.sfbxf == "1") { 141 if (item.sfbxf == "1") {
119 item.zxywh = ""; 142 item.zxywh = "";
120 item.zxdbr = ""; 143 item.zxdbr = "";
121 item.zxsj = ""; 144 item.zxsj = "";
122 }
123 });
124 if (this.tableData.length < datas.columns().emptycolNum) {
125 this.emptycolNum =
126 datas.columns().emptycolNum - this.tableData.length;
127 } else {
128 this.emptycolNum = 0;
129 } 145 }
146 });
147 if (this.tableData.length < datas.columns().emptycolNum) {
148 this.emptycolNum =
149 datas.columns().emptycolNum - this.tableData.length;
150 } else {
151 this.emptycolNum = 0;
130 } 152 }
131 });
132 },
133 /**
134 * @description: checkChange
135 * @author: renchao
136 */
137 checkChange () {
138 if (this.checkList.length === 0) {
139 this.tableData = [];
140 this.emptycolNum = datas.columns().emptycolNum;
141 } else {
142 this.loadData();
143 } 153 }
144 }, 154 });
145 /** 155 },
146 * @description: getQsztName 156 /**
147 * @author: renchao 157 * @description: checkChange
148 */ 158 * @author: renchao
149 getQsztName (code) { 159 */
150 let name = ""; 160 checkChange() {
151 for (let item of this.qsztList) { 161 if (this.checkList.length === 0) {
152 if (item.value == code) { 162 this.tableData = [];
153 name = item.label; 163 this.emptycolNum = datas.columns().emptycolNum;
154 break; 164 } else {
155 } 165 this.loadData();
166 }
167 },
168 /**
169 * @description: getQsztName
170 * @author: renchao
171 */
172 getQsztName(code) {
173 let name = "";
174 for (let item of this.qsztList) {
175 if (item.value == code) {
176 name = item.label;
177 break;
156 } 178 }
157 return name; 179 }
158 }, 180 return name;
159 // 新增一条补录信息 181 },
160 /** 182 // 新增一条补录信息
161 * @description: 新增一条补录信息 183 /**
162 * @param {*} row 184 * @description: 新增一条补录信息
163 * @param {*} del 185 * @param {*} row
164 * @author: renchao 186 * @param {*} del
165 */ 187 * @author: renchao
166 editDialog (row, del) { 188 */
167 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 189 editDialog(row, del) {
168 confirmButtonText: "确定", 190 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
169 cancelButtonText: "取消", 191 confirmButtonText: "确定",
170 type: "warning", 192 cancelButtonText: "取消",
171 }) 193 type: "warning",
172 .then(() => { 194 })
173 this.$parent.addRepairRecord(row, del); 195 .then(() => {
196 this.$parent.addRepairRecord(row, del);
174 197
175 this.$message({ 198 this.$message({
176 type: "success", 199 type: "success",
177 message: "补录成功!", 200 message: "补录成功!",
178 });
179 })
180 .catch(() => {
181 this.$message({
182 type: "info",
183 message: "取消编辑",
184 });
185 }); 201 });
186 }, 202 })
203 .catch(() => {
204 this.$message({
205 type: "info",
206 message: "取消编辑",
207 });
208 });
209 },
210 print() {
211 console.log("this.propsParam.bdcdyid ", this.propsParam);
212 window.open(
213 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=cfdj`,
214 `printdjb`
215 );
187 }, 216 },
188 }; 217 },
218 };
189 </script> 219 </script>
190 220
191 <style lang="scss" scoped> 221 <style lang="scss" scoped>
192 @import "./qlxxCommon.scss"; 222 @import "./qlxxCommon.scss";
223 .title {
224 position: relative;
225 .print {
226 // background-color: #0079fe;
227 z-index: 10;
228 position: absolute;
229 left: 11px;
230 top: 5px;
231 }
232 }
193 </style> 233 </style>
......
...@@ -8,12 +8,15 @@ ...@@ -8,12 +8,15 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox 14 <el-checkbox
14 v-for="item in qsztList" 15 v-for="item in qsztList"
15 :key="item.value" 16 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox> 17 :label="item.value"
18 >{{ item.label }}</el-checkbox
19 >
17 </el-checkbox-group> 20 </el-checkbox-group>
18 </div> 21 </div>
19 </div> 22 </div>
...@@ -35,18 +38,26 @@ ...@@ -35,18 +38,26 @@
35 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 38 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
36 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 39 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
37 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', 40 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
38 ]"> 41 ]"
39 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 42 >
43 <div
44 class="setbut"
45 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
46 >
40 <el-button 47 <el-button
41 type="text" 48 type="text"
42 icon="el-icon-edit-outline" 49 icon="el-icon-edit-outline"
43 @click="editDialog(row)">编辑</el-button> 50 @click="editDialog(row)"
51 >编辑</el-button
52 >
44 <el-button 53 <el-button
45 type="text" 54 type="text"
46 icon="el-icon-edit-outline" 55 icon="el-icon-edit-outline"
47 @click="editDialog(row, 'D')">删除</el-button> 56 @click="editDialog(row, 'D')"
57 >删除</el-button
58 >
48 </div> 59 </div>
49 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> 60 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
50 有效 61 有效
51 </div> 62 </div>
52 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> 63 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
...@@ -59,14 +70,20 @@ ...@@ -59,14 +70,20 @@
59 正在注销 70 正在注销
60 </div> 71 </div>
61 72
62 <p v-if="!['djyy','fj'].includes(item.prop)"> 73 <p v-if="!['djyy', 'fj'].includes(item.prop)">
63 <span v-if="item.prop == 'qszt'"> 74 <span v-if="item.prop == 'qszt'">
64 {{ getQsztName(row[item.prop]) }} 75 {{ getQsztName(row[item.prop]) }}
65 </span> 76 </span>
66 <span v-else>{{ row[item.prop] }}</span> 77 <span v-else>{{ row[item.prop] }}</span>
67 </p> 78 </p>
68 79
69 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 80 <el-tooltip
81 v-else
82 effect="dark"
83 :content="row[item.prop]"
84 placement="top"
85 popper-class="tooltip-width"
86 >
70 <span class="ellipsis-line"> 87 <span class="ellipsis-line">
71 {{ row[item.prop] }} 88 {{ row[item.prop] }}
72 </span> 89 </span>
...@@ -81,115 +98,132 @@ ...@@ -81,115 +98,132 @@
81 </template> 98 </template>
82 99
83 <script> 100 <script>
84 import { datas } from "./qlxxFormData.js"; 101 import { datas } from "./qlxxFormData.js";
85 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 102 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
86 import { getDiyaqList } from "@/api/djbDetail.js"; 103 import { getDiyaqList } from "@/api/djbDetail.js";
87 export default { 104 export default {
88 data () { 105 data() {
89 return { 106 return {
90 title: "抵押权登记信息", 107 title: "抵押权登记信息",
91 qsztList: datas.columns().qsztList, 108 qsztList: datas.columns().qsztList,
92 checkList: datas.columns().checkList, 109 checkList: datas.columns().checkList,
93 //传递参数 110 //传递参数
94 propsParam: this.$attrs, 111 propsParam: this.$attrs,
95 //列表数据 112 //列表数据
96 tableData: [], 113 tableData: [],
97 //空列值个数 114 //空列值个数
98 emptycolNum: datas.columns().emptycolNum, 115 emptycolNum: datas.columns().emptycolNum,
99 //列名称对象 116 //列名称对象
100 columns: datas.columns().DYAQ, 117 columns: datas.columns().DYAQ,
101 }; 118 };
102 }, 119 },
103 created () { 120 created() {
104 this.loadData(); 121 this.loadData();
105 }, 122 },
106 methods: { 123 methods: {
107 /** 124 /**
108 * @description: loadData 125 * @description: loadData
109 * @author: renchao 126 * @author: renchao
110 */ 127 */
111 loadData () { 128 loadData() {
112 if (this.$parent.addRepairRecord) { 129 if (this.$parent.addRepairRecord) {
113 this.columns.unshift({ prop: "cz", label: "操作" }); 130 this.columns.unshift({ prop: "cz", label: "操作" });
114 } 131 }
115 getDiyaqList({ 132 getDiyaqList({
116 bdcdyid: this.propsParam.bdcdyid, 133 bdcdyid: this.propsParam.bdcdyid,
117 qllx: this.propsParam.qllx, 134 qllx: this.propsParam.qllx,
118 qszt: this.checkList, 135 qszt: this.checkList,
119 }).then((res) => { 136 }).then((res) => {
120 if (res.code === 200) { 137 if (res.code === 200) {
121 this.tableData = res.result; 138 this.tableData = res.result;
122 this.tableData.forEach((item) => { 139 this.tableData.forEach((item) => {
123 item.sjlx = getSjlx(item.sjlx); 140 item.sjlx = getSjlx(item.sjlx);
124 item.dybdclx = getDictLeabel(item.dybdclx, 'A27') 141 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
125 }); 142 });
126 if (this.tableData.length < datas.columns().emptycolNum) { 143 if (this.tableData.length < datas.columns().emptycolNum) {
127 this.emptycolNum = 144 this.emptycolNum =
128 datas.columns().emptycolNum - this.tableData.length; 145 datas.columns().emptycolNum - this.tableData.length;
129 } else { 146 } else {
130 this.emptycolNum = 0; 147 this.emptycolNum = 0;
131 }
132 } 148 }
133 });
134 },
135 /**
136 * @description: checkChange
137 * @author: renchao
138 */
139 checkChange () {
140 if (this.checkList.length === 0) {
141 this.tableData = [];
142 this.emptycolNum = datas.columns().emptycolNum;
143 } else {
144 this.loadData();
145 } 149 }
146 }, 150 });
147 /** 151 },
148 * @description: getQsztName 152 /**
149 * @param {*} code 153 * @description: checkChange
150 * @author: renchao 154 * @author: renchao
151 */ 155 */
152 getQsztName (code) { 156 checkChange() {
153 let name = ""; 157 if (this.checkList.length === 0) {
154 for (let item of this.qsztList) { 158 this.tableData = [];
155 if (item.value == code) { 159 this.emptycolNum = datas.columns().emptycolNum;
156 name = item.label; 160 } else {
157 break; 161 this.loadData();
158 } 162 }
163 },
164 /**
165 * @description: getQsztName
166 * @param {*} code
167 * @author: renchao
168 */
169 getQsztName(code) {
170 let name = "";
171 for (let item of this.qsztList) {
172 if (item.value == code) {
173 name = item.label;
174 break;
159 } 175 }
160 return name; 176 }
161 }, 177 return name;
162 // 新增一条补录信息 178 },
163 /** 179 // 新增一条补录信息
164 * @description: 新增一条补录信息 180 /**
165 * @param {*} row 181 * @description: 新增一条补录信息
166 * @param {*} del 182 * @param {*} row
167 * @author: renchao 183 * @param {*} del
168 */ 184 * @author: renchao
169 editDialog (row, del) { 185 */
170 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 186 editDialog(row, del) {
171 confirmButtonText: "确定", 187 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
172 cancelButtonText: "取消", 188 confirmButtonText: "确定",
173 type: "warning", 189 cancelButtonText: "取消",
190 type: "warning",
191 })
192 .then(() => {
193 this.$parent.addRepairRecord(row, del);
194 this.$message({
195 type: "success",
196 message: "补录成功!",
197 });
174 }) 198 })
175 .then(() => { 199 .catch(() => {
176 this.$parent.addRepairRecord(row, del); 200 this.$message({
177 this.$message({ 201 type: "info",
178 type: "success", 202 message: "取消编辑",
179 message: "补录成功!",
180 });
181 })
182 .catch(() => {
183 this.$message({
184 type: "info",
185 message: "取消编辑",
186 });
187 }); 203 });
188 }, 204 });
205 },
206 print() {
207 console.log("this.propsParam.bdcdyid ", this.propsParam);
208 window.open(
209 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=diyaq`,
210 `printdjb`
211 );
189 }, 212 },
190 }; 213 },
214 };
191 </script> 215 </script>
192 216
193 <style lang="scss" scoped> 217 <style lang="scss" scoped>
194 @import "./qlxxCommon.scss"; 218 @import "./qlxxCommon.scss";
219 .title {
220 position: relative;
221 .print {
222 // background-color: #0079fe;
223 z-index: 10;
224 position: absolute;
225 left: 11px;
226 top: 5px;
227 }
228 }
195 </style> 229 </style>
......
...@@ -8,12 +8,15 @@ ...@@ -8,12 +8,15 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox 14 <el-checkbox
14 v-for="item in qsztList" 15 v-for="item in qsztList"
15 :key="item.value" 16 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox> 17 :label="item.value"
18 >{{ item.label }}</el-checkbox
19 >
17 </el-checkbox-group> 20 </el-checkbox-group>
18 </div> 21 </div>
19 </div> 22 </div>
...@@ -27,20 +30,34 @@ ...@@ -27,20 +30,34 @@
27 v-for="(row, index) in tableData" 30 v-for="(row, index) in tableData"
28 :key="index" 31 :key="index"
29 :class="[ 32 :class="[
30 row.qszt == '2' ? 'lishi' : '', 33 row.qszt == '2' ? 'lishi' : '',
31 row.qszt == '0' ? 'linshi' : '', 34 row.qszt == '0' ? 'linshi' : '',
32 row.qlzt == '4' ? 'linshi' : '', 35 row.qlzt == '4' ? 'linshi' : '',
33 36
34 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 37 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 38 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
36 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 39 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
37 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 40 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
38 ]"> 41 ]"
39 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 42 >
40 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 43 <div
41 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 44 class="setbut"
45 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
46 >
47 <el-button
48 type="text"
49 icon="el-icon-edit-outline"
50 @click="editDialog(row)"
51 >编辑</el-button
52 >
53 <el-button
54 type="text"
55 icon="el-icon-edit-outline"
56 @click="editDialog(row, 'D')"
57 >删除</el-button
58 >
42 </div> 59 </div>
43 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> 60 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
44 有效 61 有效
45 </div> 62 </div>
46 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> 63 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
...@@ -53,14 +70,20 @@ ...@@ -53,14 +70,20 @@
53 正在注销 70 正在注销
54 </div> 71 </div>
55 72
56 <p v-if="!['djyy','fj'].includes(item.prop)"> 73 <p v-if="!['djyy', 'fj'].includes(item.prop)">
57 <span v-if="item.prop == 'qszt'"> 74 <span v-if="item.prop == 'qszt'">
58 {{ getQsztName(row[item.prop]) }} 75 {{ getQsztName(row[item.prop]) }}
59 </span> 76 </span>
60 <span v-else>{{ row[item.prop] }}</span> 77 <span v-else>{{ row[item.prop] }}</span>
61 </p> 78 </p>
62 79
63 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 80 <el-tooltip
81 v-else
82 effect="dark"
83 :content="row[item.prop]"
84 placement="top"
85 popper-class="tooltip-width"
86 >
64 <span class="ellipsis-line"> 87 <span class="ellipsis-line">
65 {{ row[item.prop] }} 88 {{ row[item.prop] }}
66 </span> 89 </span>
...@@ -75,116 +98,133 @@ ...@@ -75,116 +98,133 @@
75 </template> 98 </template>
76 99
77 <script> 100 <script>
78 import { datas } from "./qlxxFormData.js"; 101 import { datas } from "./qlxxFormData.js";
79 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 102 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
80 import { getDiyiqList } from "@/api/djbDetail.js"; 103 import { getDiyiqList } from "@/api/djbDetail.js";
81 export default { 104 export default {
82 data () { 105 data() {
83 return { 106 return {
84 title: "地役权登记信息", 107 title: "地役权登记信息",
85 qsztList: datas.columns().qsztList, 108 qsztList: datas.columns().qsztList,
86 checkList: datas.columns().checkList, 109 checkList: datas.columns().checkList,
87 //传递参数 110 //传递参数
88 propsParam: this.$attrs, 111 propsParam: this.$attrs,
89 //列表数据 112 //列表数据
90 tableData: [], 113 tableData: [],
91 //空列值个数 114 //空列值个数
92 emptycolNum: datas.columns().emptycolNum, 115 emptycolNum: datas.columns().emptycolNum,
93 //列名称对象 116 //列名称对象
94 columns: datas.columns().DYIQ, 117 columns: datas.columns().DYIQ,
95 }; 118 };
96 }, 119 },
97 created () { 120 created() {
98 this.loadData(); 121 this.loadData();
99 }, 122 },
100 methods: { 123 methods: {
101 /** 124 /**
102 * @description: loadData 125 * @description: loadData
103 * @author: renchao 126 * @author: renchao
104 */ 127 */
105 loadData () { 128 loadData() {
106 if (this.$parent.addRepairRecord) { 129 if (this.$parent.addRepairRecord) {
107 this.columns.unshift({ prop: "cz", label: "操作" }); 130 this.columns.unshift({ prop: "cz", label: "操作" });
108 } 131 }
109 getDiyiqList({ 132 getDiyiqList({
110 bdcdyid: this.propsParam.bdcdyid, 133 bdcdyid: this.propsParam.bdcdyid,
111 qllx: this.propsParam.qllx, 134 qllx: this.propsParam.qllx,
112 qszt: this.checkList, 135 qszt: this.checkList,
113 }).then((res) => { 136 }).then((res) => {
114 if (res.code === 200) { 137 if (res.code === 200) {
115 this.tableData = res.result; 138 this.tableData = res.result;
116 this.tableData.forEach((item) => { 139 this.tableData.forEach((item) => {
117 item.sjlx = getSjlx(item.sjlx); 140 item.sjlx = getSjlx(item.sjlx);
118 item.dybdclx = getDictLeabel(item.dybdclx, 'A27') 141 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
119 }); 142 });
120 if (this.tableData.length < datas.columns().emptycolNum) { 143 if (this.tableData.length < datas.columns().emptycolNum) {
121 this.emptycolNum = 144 this.emptycolNum =
122 datas.columns().emptycolNum - this.tableData.length; 145 datas.columns().emptycolNum - this.tableData.length;
123 } else { 146 } else {
124 this.emptycolNum = 0; 147 this.emptycolNum = 0;
125 }
126 } 148 }
127 });
128 },
129 /**
130 * @description: checkChange
131 * @author: renchao
132 */
133 checkChange () {
134 if (this.checkList.length === 0) {
135 this.tableData = [];
136 this.emptycolNum = datas.columns().emptycolNum;
137 } else {
138 this.loadData();
139 } 149 }
140 }, 150 });
141 /** 151 },
142 * @description: getQsztName 152 /**
143 * @param {*} code 153 * @description: checkChange
144 * @author: renchao 154 * @author: renchao
145 */ 155 */
146 getQsztName (code) { 156 checkChange() {
147 let name = ""; 157 if (this.checkList.length === 0) {
148 for (let item of this.qsztList) { 158 this.tableData = [];
149 if (item.value == code) { 159 this.emptycolNum = datas.columns().emptycolNum;
150 name = item.label; 160 } else {
151 break; 161 this.loadData();
152 } 162 }
163 },
164 /**
165 * @description: getQsztName
166 * @param {*} code
167 * @author: renchao
168 */
169 getQsztName(code) {
170 let name = "";
171 for (let item of this.qsztList) {
172 if (item.value == code) {
173 name = item.label;
174 break;
153 } 175 }
154 return name; 176 }
155 }, 177 return name;
156 // 新增一条补录信息 178 },
157 /** 179 // 新增一条补录信息
158 * @description: 新增一条补录信息 180 /**
159 * @param {*} row 181 * @description: 新增一条补录信息
160 * @param {*} del 182 * @param {*} row
161 * @author: renchao 183 * @param {*} del
162 */ 184 * @author: renchao
163 editDialog (row, del) { 185 */
164 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 186 editDialog(row, del) {
165 confirmButtonText: "确定", 187 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
166 cancelButtonText: "取消", 188 confirmButtonText: "确定",
167 type: "warning", 189 cancelButtonText: "取消",
168 }) 190 type: "warning",
169 .then(() => { 191 })
170 this.$parent.addRepairRecord(row, del); 192 .then(() => {
193 this.$parent.addRepairRecord(row, del);
171 194
172 this.$message({ 195 this.$message({
173 type: "success", 196 type: "success",
174 message: "补录成功!", 197 message: "补录成功!",
175 });
176 })
177 .catch(() => {
178 this.$message({
179 type: "info",
180 message: "取消编辑",
181 });
182 }); 198 });
183 }, 199 })
200 .catch(() => {
201 this.$message({
202 type: "info",
203 message: "取消编辑",
204 });
205 });
206 },
207 print() {
208 console.log("this.propsParam.bdcdyid ", this.propsParam);
209 window.open(
210 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=diyiq`,
211 `printdjb`
212 );
184 }, 213 },
185 }; 214 },
215 };
186 </script> 216 </script>
187 217
188 <style lang="scss" scoped> 218 <style lang="scss" scoped>
189 @import "./qlxxCommon.scss"; 219 @import "./qlxxCommon.scss";
220 .title {
221 position: relative;
222 .print {
223 // background-color: #0079fe;
224 z-index: 10;
225 position: absolute;
226 left: 11px;
227 top: 5px;
228 }
229 }
190 </style> 230 </style>
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
16 node-key="id" 16 node-key="id"
17 :default-checked-keys="[showTab]"> 17 :default-checked-keys="[showTab]">
18 </el-tree> 18 </el-tree>
19 <el-collapse v-model="activeName" accordion> 19 <el-collapse v-model="activeName" accordion @change="handleChange">
20 <el-collapse-item 20 <el-collapse-item
21 class="sfqqq" 21 class="sfqqq"
22 ref="sfq" 22 ref="sfq"
...@@ -149,8 +149,6 @@ ...@@ -149,8 +149,6 @@
149 this.iskey = index 149 this.iskey = index
150 } 150 }
151 }) 151 })
152 // this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
153 // this.loadComponent(this.defaultNode.form);
154 152
155 this.setstyle(0, 0, this.iskey); 153 this.setstyle(0, 0, this.iskey);
156 154
...@@ -215,11 +213,11 @@ ...@@ -215,11 +213,11 @@
215 this.currentSelectProps.bdcdyid = data.bdcdyid; 213 this.currentSelectProps.bdcdyid = data.bdcdyid;
216 this.loadComponent(data.form); 214 this.loadComponent(data.form);
217 } else { 215 } else {
218 let newindex = this.sfqdata.findIndex((item) => { 216 this.loadComponent(data.form);
217 let newindex = this.sfqdata.findIndex((item) => {
219 return item.bdcdyid == data.bdcdyid; 218 return item.bdcdyid == data.bdcdyid;
220 }); 219 });
221 this.setstyle(newindex, index, this.iskey); 220 this.setstyle(newindex, index);
222 this.currentSelectProps.bdcdyid = data.bdcdyid;
223 } 221 }
224 222
225 }, 223 },
......
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
6 <template> 6 <template>
7 <div class="djbfm"> 7 <div class="djbfm">
8 <br /><br /> 8 <br /><br />
9 <el-button class="print" @click="print">打印</el-button>
9 <p> 10 <p>
10 <font>{{ info.sheng }}</font> 11 <font>{{ info.sheng }}</font>
11 省 (区、市) 12 省 (区、市)
...@@ -63,6 +64,10 @@ ...@@ -63,6 +64,10 @@
63 } 64 }
64 }); 65 });
65 }, 66 },
67 print(){
68 console.log("this.propsParam.bdcdyid ",this.propsParam);
69 window.open(`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=djbfm`, `printdjb`);
70 }
66 }, 71 },
67 }; 72 };
68 </script> 73 </script>
...@@ -78,7 +83,15 @@ ...@@ -78,7 +83,15 @@
78 font-size: 18px; 83 font-size: 18px;
79 font-family: serif; 84 font-family: serif;
80 position: relative; 85 position: relative;
86 .print{
87 // background-color: #0079fe;
88 z-index: 10;
89 position: absolute;
90 left: 11px;
91 top: 5px;
92
81 93
94 }
82 font { 95 font {
83 border-bottom: 1px solid #000; 96 border-bottom: 1px solid #000;
84 display: inline-block; 97 display: inline-block;
......
...@@ -8,12 +8,15 @@ ...@@ -8,12 +8,15 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox 14 <el-checkbox
14 v-for="item in qsztList" 15 v-for="item in qsztList"
15 :key="item.value" 16 :key="item.value"
16 :label="item.value">{{ item.label }}</el-checkbox> 17 :label="item.value"
18 >{{ item.label }}</el-checkbox
19 >
17 </el-checkbox-group> 20 </el-checkbox-group>
18 </div> 21 </div>
19 </div> 22 </div>
...@@ -34,19 +37,27 @@ ...@@ -34,19 +37,27 @@
34 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 37 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 38 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
36 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 39 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
37 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 40 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
38 ]"> 41 ]"
39 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 42 >
43 <div
44 class="setbut"
45 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
46 >
40 <el-button 47 <el-button
41 type="text" 48 type="text"
42 icon="el-icon-edit-outline" 49 icon="el-icon-edit-outline"
43 @click="editDialog(row)">编辑</el-button> 50 @click="editDialog(row)"
51 >编辑</el-button
52 >
44 <el-button 53 <el-button
45 type="text" 54 type="text"
46 icon="el-icon-edit-outline" 55 icon="el-icon-edit-outline"
47 @click="editDialog(row, 'D')">删除</el-button> 56 @click="editDialog(row, 'D')"
57 >删除</el-button
58 >
48 </div> 59 </div>
49 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> 60 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
50 有效 61 有效
51 </div> 62 </div>
52 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> 63 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
...@@ -59,19 +70,24 @@ ...@@ -59,19 +70,24 @@
59 正在注销 70 正在注销
60 </div> 71 </div>
61 72
62 <p v-if="!['djyy','fj'].includes(item.prop)"> 73 <p v-if="!['djyy', 'fj'].includes(item.prop)">
63 <span v-if="item.prop == 'qszt'"> 74 <span v-if="item.prop == 'qszt'">
64 {{ getQsztName(row[item.prop]) }} 75 {{ getQsztName(row[item.prop]) }}
65 </span> 76 </span>
66 <span v-else>{{ row[item.prop] }}</span> 77 <span v-else>{{ row[item.prop] }}</span>
67 </p> 78 </p>
68 79
69 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 80 <el-tooltip
81 v-else
82 effect="dark"
83 :content="row[item.prop]"
84 placement="top"
85 popper-class="tooltip-width"
86 >
70 <span class="ellipsis-line"> 87 <span class="ellipsis-line">
71 {{ row[item.prop] }} 88 {{ row[item.prop] }}
72 </span> 89 </span>
73 </el-tooltip> 90 </el-tooltip>
74
75 </td> 91 </td>
76 <td v-for="count in emptycolNum" :key="~count"></td> 92 <td v-for="count in emptycolNum" :key="~count"></td>
77 </tr> 93 </tr>
...@@ -82,110 +98,127 @@ ...@@ -82,110 +98,127 @@
82 </template> 98 </template>
83 99
84 <script> 100 <script>
85 import { datas } from "./qlxxFormData.js"; 101 import { datas } from "./qlxxFormData.js";
86 import { getSjlx } from "@/utils/dictionary.js"; 102 import { getSjlx } from "@/utils/dictionary.js";
87 import { getFdcq2List } from "@/api/djbDetail.js"; 103 import { getFdcq2List } from "@/api/djbDetail.js";
88 export default { 104 export default {
89 data () { 105 data() {
90 return { 106 return {
91 title: "房地产权登记信息（独幢、层、套、间房屋）", 107 title: "房地产权登记信息（独幢、层、套、间房屋）",
92 qsztList: datas.columns().qsztList, 108 qsztList: datas.columns().qsztList,
93 checkList: datas.columns().checkList, 109 checkList: datas.columns().checkList,
94 //传递参数 110 //传递参数
95 propsParam: this.$attrs, 111 propsParam: this.$attrs,
96 //列表数据 112 //列表数据
97 tableData: [], 113 tableData: [],
98 //空列值个数 114 //空列值个数
99 emptycolNum: datas.columns().emptycolNum, 115 emptycolNum: datas.columns().emptycolNum,
100 //列名称对象 116 //列名称对象
101 columns: datas.columns().FDCQ2, 117 columns: datas.columns().FDCQ2,
102 }; 118 };
103 }, 119 },
104 created () { 120 created() {
105 this.loadData(); 121 this.loadData();
106 }, 122 },
107 methods: { 123 methods: {
108 /** 124 /**
109 * @description: loadData 125 * @description: loadData
110 * @author: renchao 126 * @author: renchao
111 */ 127 */
112 loadData () { 128 loadData() {
113 if (this.$parent.addRepairRecord) { 129 if (this.$parent.addRepairRecord) {
114 this.columns.unshift({ prop: "cz", label: "操作" }); 130 this.columns.unshift({ prop: "cz", label: "操作" });
115 } 131 }
116 getFdcq2List({ 132 getFdcq2List({
117 bdcdyid: this.propsParam.bdcdyid, 133 bdcdyid: this.propsParam.bdcdyid,
118 qllx: this.propsParam.qllx, 134 qllx: this.propsParam.qllx,
119 qszt: this.checkList, 135 qszt: this.checkList,
120 }).then((res) => { 136 }).then((res) => {
121 if (res.code === 200) { 137 if (res.code === 200) {
122 this.tableData = res.result; 138 this.tableData = res.result;
123 this.tableData.forEach((item) => { 139 this.tableData.forEach((item) => {
124 item.sjlx = getSjlx(item.sjlx); 140 item.sjlx = getSjlx(item.sjlx);
125 }); 141 });
126 if (this.tableData.length < datas.columns().emptycolNum) { 142 if (this.tableData.length < datas.columns().emptycolNum) {
127 this.emptycolNum = 143 this.emptycolNum =
128 datas.columns().emptycolNum - this.tableData.length; 144 datas.columns().emptycolNum - this.tableData.length;
129 } else { 145 } else {
130 this.emptycolNum = 0; 146 this.emptycolNum = 0;
131 }
132 } 147 }
133 });
134 },
135 /**
136 * @description: checkChange
137 * @author: renchao
138 */
139 checkChange () {
140 if (this.checkList.length === 0) {
141 this.tableData = [];
142 this.emptycolNum = datas.columns().emptycolNum;
143 } else {
144 this.loadData();
145 } 148 }
146 }, 149 });
147 /** 150 },
148 * @description: getQsztName 151 /**
149 * @param {*} code 152 * @description: checkChange
150 * @author: renchao 153 * @author: renchao
151 */ 154 */
152 getQsztName (code) { 155 checkChange() {
153 let name = ""; 156 if (this.checkList.length === 0) {
154 for (let item of this.qsztList) { 157 this.tableData = [];
155 if (item.value == code) { 158 this.emptycolNum = datas.columns().emptycolNum;
156 name = item.label; 159 } else {
157 break; 160 this.loadData();
158 } 161 }
162 },
163 /**
164 * @description: getQsztName
165 * @param {*} code
166 * @author: renchao
167 */
168 getQsztName(code) {
169 let name = "";
170 for (let item of this.qsztList) {
171 if (item.value == code) {
172 name = item.label;
173 break;
159 } 174 }
160 return name; 175 }
161 }, 176 return name;
162 // 新增一条补录信息 177 },
163 /** 178 // 新增一条补录信息
164 * @description: 新增一条补录信息 179 /**
165 * @param {*} row 180 * @description: 新增一条补录信息
166 * @param {*} del 181 * @param {*} row
167 * @author: renchao 182 * @param {*} del
168 */ 183 * @author: renchao
169 editDialog (row, del) { 184 */
170 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 185 editDialog(row, del) {
171 confirmButtonText: "确定", 186 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
172 cancelButtonText: "取消", 187 confirmButtonText: "确定",
173 type: "warning", 188 cancelButtonText: "取消",
189 type: "warning",
190 })
191 .then(() => {
192 this.$parent.addRepairRecord(row, del);
174 }) 193 })
175 .then(() => { 194 .catch(() => {
176 this.$parent.addRepairRecord(row, del); 195 this.$message({
177 }) 196 type: "info",
178 .catch(() => { 197 message: "取消",
179 this.$message({
180 type: "info",
181 message: "取消",
182 });
183 }); 198 });
184 }, 199 });
200 },
201 print() {
202 console.log("this.propsParam.bdcdyid ", this.propsParam);
203 window.open(
204 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=fdcq2`,
205 `printdjb`
206 );
185 }, 207 },
186 }; 208 },
209 };
187 </script> 210 </script>
188 211
189 <style lang="scss" scoped> 212 <style lang="scss" scoped>
190 @import "./qlxxCommon.scss"; 213 @import "./qlxxCommon.scss";
214 .title {
215 position: relative;
216 .print {
217 // background-color: #0079fe;
218 z-index: 10;
219 position: absolute;
220 left: 11px;
221 top: 5px;
222 }
223 }
191 </style> 224 </style>
......
...@@ -8,9 +8,15 @@ ...@@ -8,9 +8,15 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> 14 <el-checkbox
15 v-for="item in qsztList"
16 :key="item.value"
17 :label="item.value"
18 >{{ item.label }}</el-checkbox
19 >
14 </el-checkbox-group> 20 </el-checkbox-group>
15 </div> 21 </div>
16 </div> 22 </div>
...@@ -21,21 +27,38 @@ ...@@ -21,21 +27,38 @@
21 <td> 27 <td>
22 {{ item.label }} 28 {{ item.label }}
23 </td> 29 </td>
24 <td v-for="(row, index) in tableData" :key="index" :class="[ 30 <td
25 row.qszt == '2' ? 'lishi' : '', 31 v-for="(row, index) in tableData"
26 row.qszt == '0' ? 'linshi' : '', 32 :key="index"
27 row.qlzt == '4' ? 'linshi' : '', 33 :class="[
34 row.qszt == '2' ? 'lishi' : '',
35 row.qszt == '0' ? 'linshi' : '',
36 row.qlzt == '4' ? 'linshi' : '',
28 37
29 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 38 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 39 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 40 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
32 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 41 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
33 ]"> 42 ]"
34 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 43 >
35 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 44 <div
36 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 45 class="setbut"
46 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
47 >
48 <el-button
49 type="text"
50 icon="el-icon-edit-outline"
51 @click="editDialog(row)"
52 >编辑</el-button
53 >
54 <el-button
55 type="text"
56 icon="el-icon-edit-outline"
57 @click="editDialog(row, 'D')"
58 >删除</el-button
59 >
37 </div> 60 </div>
38 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> 61 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
39 有效 62 有效
40 </div> 63 </div>
41 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> 64 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
...@@ -48,13 +71,19 @@ ...@@ -48,13 +71,19 @@
48 正在注销 71 正在注销
49 </div> 72 </div>
50 73
51 <p v-if="!['djyy','fj'].includes(item.prop)"> 74 <p v-if="!['djyy', 'fj'].includes(item.prop)">
52 <span v-if="item.prop == 'qszt'"> 75 <span v-if="item.prop == 'qszt'">
53 {{ getQsztName(row[item.prop]) }} 76 {{ getQsztName(row[item.prop]) }}
54 </span> 77 </span>
55 <span v-else>{{ row[item.prop] }}</span> 78 <span v-else>{{ row[item.prop] }}</span>
56 </p> 79 </p>
57 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 80 <el-tooltip
81 v-else
82 effect="dark"
83 :content="row[item.prop]"
84 placement="top"
85 popper-class="tooltip-width"
86 >
58 <span class="ellipsis-line"> 87 <span class="ellipsis-line">
59 {{ row[item.prop] }} 88 {{ row[item.prop] }}
60 </span> 89 </span>
...@@ -69,118 +98,135 @@ ...@@ -69,118 +98,135 @@
69 </template> 98 </template>
70 99
71 <script> 100 <script>
72 import { datas } from "./qlxxFormData.js"; 101 import { datas } from "./qlxxFormData.js";
73 import { getSjlx } from "@/utils/dictionary.js"; 102 import { getSjlx } from "@/utils/dictionary.js";
74 import { getJsydsyqList } from "@/api/djbDetail.js"; 103 import { getJsydsyqList } from "@/api/djbDetail.js";
75 export default { 104 export default {
76 data () { 105 data() {
77 return { 106 return {
78 title: "建设用地使用权、宅基地使用权登记信息", 107 title: "建设用地使用权、宅基地使用权登记信息",
79 qsztList: datas.columns().qsztList, 108 qsztList: datas.columns().qsztList,
80 checkList: datas.columns().checkList, 109 checkList: datas.columns().checkList,
81 //传递参数 110 //传递参数
82 propsParam: this.$attrs, 111 propsParam: this.$attrs,
83 //列表数据 112 //列表数据
84 tableData: [], 113 tableData: [],
85 //空列值个数 114 //空列值个数
86 emptycolNum: datas.columns().emptycolNum, 115 emptycolNum: datas.columns().emptycolNum,
87 //列名称对象 116 //列名称对象
88 columns: datas.columns().JSYDSYQ, 117 columns: datas.columns().JSYDSYQ,
89 }; 118 };
90 }, 119 },
91 created () { 120 created() {
92 this.loadData(); 121 this.loadData();
93 }, 122 },
94 methods: { 123 methods: {
95 /** 124 /**
96 * @description: loadData 125 * @description: loadData
97 * @author: renchao 126 * @author: renchao
98 */ 127 */
99 loadData () { 128 loadData() {
100 129 if (this.$parent.addRepairRecord) {
101 if (this.$parent.addRepairRecord) { 130 this.columns.unshift({
102 this.columns.unshift({ 131 prop: "cz",
103 prop: "cz", 132 label: "操作",
104 label: "操作"
105 })
106 }
107 getJsydsyqList({
108 bdcdyid: this.propsParam.bdcdyid,
109 qllx: this.propsParam.qllx,
110 qszt: this.checkList,
111 }).then((res) => {
112 if (res.code === 200) {
113 this.tableData = res.result;
114 this.tableData.forEach(item => {
115 item.sjlx = getSjlx(item.sjlx)
116 })
117 if (this.tableData.length < datas.columns().emptycolNum) {
118 this.emptycolNum =
119 datas.columns().emptycolNum - this.tableData.length;
120 } else {
121 this.emptycolNum = 0;
122 }
123 }
124 }); 133 });
125 }, 134 }
126 /** 135 getJsydsyqList({
127 * @description: checkChange 136 bdcdyid: this.propsParam.bdcdyid,
128 * @author: renchao 137 qllx: this.propsParam.qllx,
129 */ 138 qszt: this.checkList,
130 checkChange () { 139 }).then((res) => {
131 if (this.checkList.length === 0) { 140 if (res.code === 200) {
132 this.tableData = []; 141 this.tableData = res.result;
133 this.emptycolNum = datas.columns().emptycolNum; 142 this.tableData.forEach((item) => {
134 } else { 143 item.sjlx = getSjlx(item.sjlx);
135 this.loadData(); 144 });
136 } 145 if (this.tableData.length < datas.columns().emptycolNum) {
137 }, 146 this.emptycolNum =
138 /** 147 datas.columns().emptycolNum - this.tableData.length;
139 * @description: getQsztName 148 } else {
140 * @param {*} code 149 this.emptycolNum = 0;
141 * @author: renchao
142 */
143 getQsztName (code) {
144 let name = "";
145 for (let item of this.qsztList) {
146 if (item.value == code) {
147 name = item.label;
148 break;
149 } 150 }
150 } 151 }
151 return name; 152 });
152 }, 153 },
153 // 新增一条补录信息 154 /**
154 /** 155 * @description: checkChange
155 * @description: 新增一条补录信息 156 * @author: renchao
156 * @param {*} row 157 */
157 * @param {*} del 158 checkChange() {
158 * @author: renchao 159 if (this.checkList.length === 0) {
159 */ 160 this.tableData = [];
160 editDialog (row, del) { 161 this.emptycolNum = datas.columns().emptycolNum;
161 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 162 } else {
162 confirmButtonText: '确定', 163 this.loadData();
163 cancelButtonText: '取消', 164 }
164 type: 'warning' 165 },
165 }).then(() => { 166 /**
166 this.$parent.addRepairRecord(row, del) 167 * @description: getQsztName
168 * @param {*} code
169 * @author: renchao
170 */
171 getQsztName(code) {
172 let name = "";
173 for (let item of this.qsztList) {
174 if (item.value == code) {
175 name = item.label;
176 break;
177 }
178 }
179 return name;
180 },
181 // 新增一条补录信息
182 /**
183 * @description: 新增一条补录信息
184 * @param {*} row
185 * @param {*} del
186 * @author: renchao
187 */
188 editDialog(row, del) {
189 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
190 confirmButtonText: "确定",
191 cancelButtonText: "取消",
192 type: "warning",
193 })
194 .then(() => {
195 this.$parent.addRepairRecord(row, del);
167 196
168 this.$message({ 197 this.$message({
169 type: 'success', 198 type: "success",
170 message: '补录成功!' 199 message: "补录成功!",
171 }); 200 });
172 }).catch(() => { 201 })
202 .catch(() => {
173 this.$message({ 203 this.$message({
174 type: 'info', 204 type: "info",
175 message: '取消编辑' 205 message: "取消编辑",
176 }); 206 });
177 }); 207 });
178
179 },
180 }, 208 },
181 }; 209 print() {
210 console.log("this.propsParam.bdcdyid ", this.propsParam);
211 window.open(
212 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=jsydsyq`,
213 `printdjb`
214 );
215 },
216 },
217 };
182 </script> 218 </script>
183 219
184 <style lang="scss" scoped> 220 <style lang="scss" scoped>
185 @import "./qlxxCommon.scss"; 221 @import "./qlxxCommon.scss";
222 .title {
223 position: relative;
224 .print {
225 // background-color: #0079fe;
226 z-index: 10;
227 position: absolute;
228 left: 11px;
229 top: 5px;
230 }
231 }
186 </style> 232 </style>
......
...@@ -4,9 +4,9 @@ ...@@ -4,9 +4,9 @@
4 * @LastEditors: yangwei 4 * @LastEditors: yangwei
5 * @LastEditTime: 2023-08-15 14:15:19 5 * @LastEditTime: 2023-08-15 14:15:19
6 * @FilePath: \bdcdj-web\src\views\registerBook\sllmsyq.vue 6 * @FilePath: \bdcdj-web\src\views\registerBook\sllmsyq.vue
7 * @Description: 7 * @Description:
8 * 8 *
9 * Copyright (c) 2023 by yangwei, All Rights Reserved. 9 * Copyright (c) 2023 by yangwei, All Rights Reserved.
10 --> 10 -->
11 <!-- 11 <!--
12 * @Description: 12 * @Description:
...@@ -18,6 +18,7 @@ ...@@ -18,6 +18,7 @@
18 <div class="tableBox"> 18 <div class="tableBox">
19 <div class="title"> 19 <div class="title">
20 {{ title }} 20 {{ title }}
21 <el-button class="print" @click="print">打印</el-button>
21 <div class="checkbox"> 22 <div class="checkbox">
22 <el-checkbox-group v-model="checkList" @change="checkChange"> 23 <el-checkbox-group v-model="checkList" @change="checkChange">
23 <el-checkbox 24 <el-checkbox
...@@ -39,7 +40,7 @@ ...@@ -39,7 +40,7 @@
39 row.qszt == '2' ? 'lishi' : '', 40 row.qszt == '2' ? 'lishi' : '',
40 row.qszt == '0' ? 'linshi' : '', 41 row.qszt == '0' ? 'linshi' : '',
41 row.qlzt == '4' ? 'linshi' : '', 42 row.qlzt == '4' ? 'linshi' : '',
42 43
43 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 44 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
44 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 45 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
45 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 46 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
...@@ -78,7 +79,7 @@ ...@@ -78,7 +79,7 @@
78 </div> 79 </div>
79 </div> 80 </div>
80 </template> 81 </template>
81 82
82 <script> 83 <script>
83 import { datas } from "./qlxxFormData.js"; 84 import { datas } from "./qlxxFormData.js";
84 import { getSjlx } from "@/utils/dictionary.js"; 85 import { getSjlx } from "@/utils/dictionary.js";
...@@ -188,11 +189,27 @@ ...@@ -188,11 +189,27 @@
188 }); 189 });
189 }); 190 });
190 }, 191 },
192 print() {
193 console.log("this.propsParam.bdcdyid ", this.propsParam);
194 window.open(
195 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=sllmsyq`,
196 `printdjb`
197 );
198 },
191 }, 199 },
192 }; 200 };
193 </script> 201 </script>
194 202
195 <style lang="scss" scoped> 203 <style lang="scss" scoped>
196 @import "./qlxxCommon.scss"; 204 @import "./qlxxCommon.scss";
205 .title {
206 position: relative;
207 .print {
208 // background-color: #0079fe;
209 z-index: 10;
210 position: absolute;
211 left: 11px;
212 top: 5px;
213 }
214 }
197 </style> 215 </style>
198
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> 14 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
...@@ -178,10 +179,27 @@ ...@@ -178,10 +179,27 @@
178 }); 179 });
179 180
180 }, 181 },
182 print() {
183 console.log("this.propsParam.bdcdyid ", this.propsParam);
184 window.open(
185 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=tdsyq`,
186 `printdjb`
187 );
188 },
181 }, 189 },
182 }; 190 };
183 </script> 191 </script>
184 192
185 <style lang="scss" scoped> 193 <style lang="scss" scoped>
186 @import "./qlxxCommon.scss"; 194 @import "./qlxxCommon.scss";
195 .title {
196 position: relative;
197 .print {
198 // background-color: #0079fe;
199 z-index: 10;
200 position: absolute;
201 left: 11px;
202 top: 5px;
203 }
204 }
187 </style> 205 </style>
......
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> 14 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
...@@ -178,10 +179,27 @@ ...@@ -178,10 +179,27 @@
178 }); 179 });
179 180
180 }, 181 },
182 print() {
183 console.log("this.propsParam.bdcdyid ", this.propsParam);
184 window.open(
185 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=ygdj`,
186 `printdjb`
187 );
188 },
181 }, 189 },
182 }; 190 };
183 </script> 191 </script>
184 192
185 <style lang="scss" scoped> 193 <style lang="scss" scoped>
186 @import "./qlxxCommon.scss"; 194 @import "./qlxxCommon.scss";
195 .title {
196 position: relative;
197 .print {
198 // background-color: #0079fe;
199 z-index: 10;
200 position: absolute;
201 left: 11px;
202 top: 5px;
203 }
204 }
187 </style> 205 </style>
......
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
8 <div class="tableBox"> 8 <div class="tableBox">
9 <div class="title"> 9 <div class="title">
10 {{ title }} 10 {{ title }}
11 <el-button class="print" @click="print">打印</el-button>
11 <div class="checkbox"> 12 <div class="checkbox">
12 <el-checkbox-group v-model="checkList" @change="checkChange"> 13 <el-checkbox-group v-model="checkList" @change="checkChange">
13 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> 14 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
...@@ -177,10 +178,27 @@ ...@@ -177,10 +178,27 @@
177 }); 178 });
178 179
179 }, 180 },
181 print() {
182 console.log("this.propsParam.bdcdyid ", this.propsParam);
183 window.open(
184 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=yydj`,
185 `printdjb`
186 );
187 },
180 }, 188 },
181 }; 189 };
182 </script> 190 </script>
183 191
184 <style lang="scss" scoped> 192 <style lang="scss" scoped>
185 @import "./qlxxCommon.scss"; 193 @import "./qlxxCommon.scss";
194 .title {
195 position: relative;
196 .print {
197 // background-color: #0079fe;
198 z-index: 10;
199 position: absolute;
200 left: 11px;
201 top: 5px;
202 }
203 }
186 </style> 204 </style>
......
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
6 <template> 6 <template>
7 <div class="tableDivCss"> 7 <div class="tableDivCss">
8 <table cellpadding="0" cellspacing="0" class="tableCss"> 8 <table cellpadding="0" cellspacing="0" class="tableCss">
9 <el-button class="print" @click="print">打印</el-button>
9 <tr> 10 <tr>
10 <th colspan="5" class="title">宗地基本信息</th> 11 <th colspan="5" class="title">宗地基本信息</th>
11 </tr> 12 </tr>
...@@ -111,111 +112,126 @@ ...@@ -111,111 +112,126 @@
111 </template> 112 </template>
112 113
113 <script> 114 <script>
114 import store from "@/store/index.js"; 115 import store from "@/store/index.js";
115 import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js"; 116 import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js";
116 117
117 export default { 118 export default {
118 data () { 119 data() {
119 return { 120 return {
120 bhqkColumns: [ 121 bhqkColumns: [
121 { 122 {
122 prop: "ssywh", 123 prop: "ssywh",
123 label: "上手业务号", 124 label: "上手业务号",
124 }, 125 },
125 { 126 {
126 prop: "zddm", 127 prop: "zddm",
127 label: "宗地代码", 128 label: "宗地代码",
128 }, 129 },
129 { 130 {
130 prop: "bhqzddm", 131 prop: "bhqzddm",
131 label: "变化前宗地代码", 132 label: "变化前宗地代码",
132 }, 133 },
133 { 134 {
134 prop: "bhnr", 135 prop: "bhnr",
135 label: "变化内容", 136 label: "变化内容",
136 }, 137 },
137 { 138 {
138 prop: "bhyy", 139 prop: "bhyy",
139 label: "变化原因", 140 label: "变化原因",
140 }, 141 },
141 { 142 {
142 prop: "djsj", 143 prop: "djsj",
143 label: "登记时间", 144 label: "登记时间",
144 }, 145 },
145 { 146 {
146 prop: "dbr", 147 prop: "dbr",
147 label: "登簿人", 148 label: "登簿人",
148 }, 149 },
149 { 150 {
150 prop: "fj", 151 prop: "fj",
151 label: "附记", 152 label: "附记",
152 }, 153 },
153 ], 154 ],
154 bhqkTableWidth: 745, 155 bhqkTableWidth: 745,
155 zdjbxx: {}, 156 zdjbxx: {},
156 zdbhqks: [], 157 zdbhqks: [],
157 propsParam: this.$attrs, 158 propsParam: this.$attrs,
158 showGroup: false, 159 showGroup: false,
159 bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"], 160 bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"],
160 foundItemaa: {}, 161 foundItemaa: {},
161 foundItemaaa: {}, 162 foundItemaaa: {},
162 }; 163 };
164 },
165 filters: {
166 dictionary: function (value, param) {
167 const foundItem = store.getters.dictData[param].find(
168 (item) => item.dcode === String(value)
169 );
170 if (foundItem) {
171 return foundItem.dname;
172 }
163 }, 173 },
164 filters: { 174 dicyt: function (value, param) {
165 dictionary: function (value, param) { 175 const res = store.getters.dictData[param].filter((item) => {
166 const foundItem = store.getters.dictData[param].find( 176 if (item.dcode === String(value)) {
167 (item) => item.dcode === String(value) 177 return item;
168 ); 178 } else {
169 if (foundItem) { 179 if (item.children.length) {
170 return foundItem.dname; 180 const res2 = item.children.filter((items) => {
171 } 181 if (items.dcode === String(value)) {
172 }, 182 return items;
173 dicyt: function (value, param) {
174 const res = store.getters.dictData[param].filter((item) => {
175 if (item.dcode === String(value)) {
176 return item;
177 } else {
178 if (item.children.length) {
179 const res2 = item.children.filter((items) => {
180 if (items.dcode === String(value)) {
181 return items;
182 }
183 });
184 if (res2.length) {
185 return res2;
186
187 } 183 }
188 184 });
185 if (res2.length) {
186 return res2;
189 } 187 }
190 } 188 }
191 });
192 if (res[0]) {
193 return res[0].dname
194 } 189 }
195 }, 190 });
196 }, 191 if (res[0]) {
197 created () { 192 return res[0].dname;
198 this.loadData(); 193 }
199 }, 194 },
200 methods: { 195 },
201 /** 196 created() {
202 * @description: loadData 197 this.loadData();
203 * @author: renchao 198 },
204 */ 199 methods: {
205 loadData () { 200 /**
206 getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { 201 * @description: loadData
207 if (res.code === 200) { 202 * @author: renchao
208 this.zdjbxx = res.result.zdjbxx; 203 */
209 this.zdbhqks = res.result.zdbhqkList; 204 loadData() {
210 if (this.zdbhqks != null && this.zdbhqks.length > 0) { 205 getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
211 this.showGroup = true; 206 if (res.code === 200) {
212 } 207 this.zdjbxx = res.result.zdjbxx;
208 this.zdbhqks = res.result.zdbhqkList;
209 if (this.zdbhqks != null && this.zdbhqks.length > 0) {
210 this.showGroup = true;
213 } 211 }
214 }); 212 }
215 }, 213 });
214 },
215 print() {
216 console.log("this.propsParam.bdcdyid ", this.propsParam);
217 window.open(
218 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=zdjbxx`,
219 `printdjb`
220 );
216 }, 221 },
217 }; 222 },
223 };
218 </script> 224 </script>
219 <style lang="scss" scoped> 225 <style lang="scss" scoped>
220 @import "~@/styles/tablecss.scss"; 226 @import "~@/styles/tablecss.scss";
227 .tableCss {
228 position: relative;
229 .print {
230 // background-color: #0079fe;
231 z-index: 10;
232 position: absolute;
233 left: 11px;
234 top: 5px;
235 }
236 }
221 </style> 237 </style>
......