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 3708 additions and 273 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>
...@@ -32,13 +35,27 @@ ...@@ -32,13 +35,27 @@
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,11 +96,11 @@ ...@@ -73,11 +96,11 @@
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,
...@@ -92,7 +115,7 @@ ...@@ -92,7 +115,7 @@
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: {
...@@ -100,7 +123,7 @@ ...@@ -100,7 +123,7 @@
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 }
...@@ -111,9 +134,9 @@ ...@@ -111,9 +134,9 @@
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 = "";
...@@ -134,7 +157,7 @@ ...@@ -134,7 +157,7 @@
134 * @description: checkChange 157 * @description: checkChange
135 * @author: renchao 158 * @author: renchao
136 */ 159 */
137 checkChange () { 160 checkChange() {
138 if (this.checkList.length === 0) { 161 if (this.checkList.length === 0) {
139 this.tableData = []; 162 this.tableData = [];
140 this.emptycolNum = datas.columns().emptycolNum; 163 this.emptycolNum = datas.columns().emptycolNum;
...@@ -146,7 +169,7 @@ ...@@ -146,7 +169,7 @@
146 * @description: getQsztName 169 * @description: getQsztName
147 * @author: renchao 170 * @author: renchao
148 */ 171 */
149 getQsztName (code) { 172 getQsztName(code) {
150 let name = ""; 173 let name = "";
151 for (let item of this.qsztList) { 174 for (let item of this.qsztList) {
152 if (item.value == code) { 175 if (item.value == code) {
...@@ -163,7 +186,7 @@ ...@@ -163,7 +186,7 @@
163 * @param {*} del 186 * @param {*} del
164 * @author: renchao 187 * @author: renchao
165 */ 188 */
166 editDialog (row, del) { 189 editDialog(row, del) {
167 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 190 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
168 confirmButtonText: "确定", 191 confirmButtonText: "确定",
169 cancelButtonText: "取消", 192 cancelButtonText: "取消",
...@@ -184,10 +207,27 @@ ...@@ -184,10 +207,27 @@
184 }); 207 });
185 }); 208 });
186 }, 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,11 +98,11 @@ ...@@ -81,11 +98,11 @@
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,
...@@ -100,7 +117,7 @@ ...@@ -100,7 +117,7 @@
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: {
...@@ -108,7 +125,7 @@ ...@@ -108,7 +125,7 @@
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 }
...@@ -121,7 +138,7 @@ ...@@ -121,7 +138,7 @@
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 =
...@@ -136,7 +153,7 @@ ...@@ -136,7 +153,7 @@
136 * @description: checkChange 153 * @description: checkChange
137 * @author: renchao 154 * @author: renchao
138 */ 155 */
139 checkChange () { 156 checkChange() {
140 if (this.checkList.length === 0) { 157 if (this.checkList.length === 0) {
141 this.tableData = []; 158 this.tableData = [];
142 this.emptycolNum = datas.columns().emptycolNum; 159 this.emptycolNum = datas.columns().emptycolNum;
...@@ -149,7 +166,7 @@ ...@@ -149,7 +166,7 @@
149 * @param {*} code 166 * @param {*} code
150 * @author: renchao 167 * @author: renchao
151 */ 168 */
152 getQsztName (code) { 169 getQsztName(code) {
153 let name = ""; 170 let name = "";
154 for (let item of this.qsztList) { 171 for (let item of this.qsztList) {
155 if (item.value == code) { 172 if (item.value == code) {
...@@ -166,7 +183,7 @@ ...@@ -166,7 +183,7 @@
166 * @param {*} del 183 * @param {*} del
167 * @author: renchao 184 * @author: renchao
168 */ 185 */
169 editDialog (row, del) { 186 editDialog(row, del) {
170 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 187 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
171 confirmButtonText: "确定", 188 confirmButtonText: "确定",
172 cancelButtonText: "取消", 189 cancelButtonText: "取消",
...@@ -186,10 +203,27 @@ ...@@ -186,10 +203,27 @@
186 }); 203 });
187 }); 204 });
188 }, 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>
...@@ -34,13 +37,27 @@ ...@@ -34,13 +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 >
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,11 +98,11 @@ ...@@ -75,11 +98,11 @@
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,
...@@ -94,7 +117,7 @@ ...@@ -94,7 +117,7 @@
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: {
...@@ -102,7 +125,7 @@ ...@@ -102,7 +125,7 @@
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 }
...@@ -115,7 +138,7 @@ ...@@ -115,7 +138,7 @@
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 =
...@@ -130,7 +153,7 @@ ...@@ -130,7 +153,7 @@
130 * @description: checkChange 153 * @description: checkChange
131 * @author: renchao 154 * @author: renchao
132 */ 155 */
133 checkChange () { 156 checkChange() {
134 if (this.checkList.length === 0) { 157 if (this.checkList.length === 0) {
135 this.tableData = []; 158 this.tableData = [];
136 this.emptycolNum = datas.columns().emptycolNum; 159 this.emptycolNum = datas.columns().emptycolNum;
...@@ -143,7 +166,7 @@ ...@@ -143,7 +166,7 @@
143 * @param {*} code 166 * @param {*} code
144 * @author: renchao 167 * @author: renchao
145 */ 168 */
146 getQsztName (code) { 169 getQsztName(code) {
147 let name = ""; 170 let name = "";
148 for (let item of this.qsztList) { 171 for (let item of this.qsztList) {
149 if (item.value == code) { 172 if (item.value == code) {
...@@ -160,7 +183,7 @@ ...@@ -160,7 +183,7 @@
160 * @param {*} del 183 * @param {*} del
161 * @author: renchao 184 * @author: renchao
162 */ 185 */
163 editDialog (row, del) { 186 editDialog(row, del) {
164 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 187 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
165 confirmButtonText: "确定", 188 confirmButtonText: "确定",
166 cancelButtonText: "取消", 189 cancelButtonText: "取消",
...@@ -181,10 +204,27 @@ ...@@ -181,10 +204,27 @@
181 }); 204 });
182 }); 205 });
183 }, 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 {
216 this.loadComponent(data.form);
218 let newindex = this.sfqdata.findIndex((item) => { 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;
81 92
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;
......
...@@ -3,20 +3,33 @@ ...@@ -3,20 +3,33 @@
3 <div class="tableBox"> 3 <div class="tableBox">
4 <div class="title"> 4 <div class="title">
5 {{ title }} 5 {{ title }}
6 <el-button class="print" @click="print">打印</el-button>
6 <div class="checkbox"> 7 <div class="checkbox">
7 <el-checkbox-group v-model="checkList" @change="checkChange"> 8 <el-checkbox-group v-model="checkList" @change="checkChange">
8 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> 9 <el-checkbox
10 v-for="item in qsztList"
11 :key="item.value"
12 :label="item.value"
13 >{{ item.label }}</el-checkbox
14 >
9 </el-checkbox-group> 15 </el-checkbox-group>
10 </div> 16 </div>
11 </div> 17 </div>
12 <div class="xxTableBox rollTable"> 18 <div class="xxTableBox rollTable">
13 <!-- 固定前三个 --> 19 <!-- 固定前三个 -->
14 <table class="xxTable"> 20 <table class="xxTable">
15 <tr v-for="(item, colindex) in columns" :class="judge(item.label) ? 'cols':''" :key="colindex"> 21 <tr
22 v-for="(item, colindex) in columns"
23 :class="judge(item.label) ? 'cols' : ''"
24 :key="colindex"
25 >
16 <td> 26 <td>
17 {{ item.label }} 27 {{ item.label }}
18 </td> 28 </td>
19 <td v-for="(row, index) in tableData" :key="index" :class="[ 29 <td
30 v-for="(row, index) in tableData"
31 :key="index"
32 :class="[
20 row.qszt == '2' ? 'lishi' : '', 33 row.qszt == '2' ? 'lishi' : '',
21 row.qszt == '0' ? 'linshi' : '', 34 row.qszt == '0' ? 'linshi' : '',
22 row.qlzt == '4' ? 'linshi' : '', 35 row.qlzt == '4' ? 'linshi' : '',
...@@ -24,13 +37,27 @@ ...@@ -24,13 +37,27 @@
24 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 37 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
25 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 38 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
26 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 39 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
27 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 40 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
28 ]"> 41 ]"
29 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 42 >
30 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 43 <div
31 <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 >
32 </div> 59 </div>
33 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> 60 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
34 有效 61 有效
35 </div> 62 </div>
36 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> 63 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
...@@ -46,17 +73,33 @@ ...@@ -46,17 +73,33 @@
46 {{ getQsztName(row[item.prop]) }} 73 {{ getQsztName(row[item.prop]) }}
47 </span> 74 </span>
48 75
49 <el-tooltip v-if="['djyy','fj'].includes(item.prop)" effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 76 <el-tooltip
77 v-if="['djyy', 'fj'].includes(item.prop)"
78 effect="dark"
79 :content="row[item.prop]"
80 placement="top"
81 popper-class="tooltip-width"
82 >
50 <span class="ellipsis-line"> 83 <span class="ellipsis-line">
51 {{ row[item.prop] }} 84 {{ row[item.prop] }}
52 </span> 85 </span>
53 </el-tooltip> 86 </el-tooltip>
54 87
55 <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)"> 88 <span
89 v-if="
90 item.prop !== 'qszt' &&
91 item.prop !== 'djyy' &&
92 item.prop !== 'fj' &&
93 !judge(item.label)
94 "
95 >
56 {{ row[item.prop] }} 96 {{ row[item.prop] }}
57 </span> 97 </span>
58 <div class="many" v-if="judge(item.label)"> 98 <div class="many" v-if="judge(item.label)">
59 <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index"> 99 <div
100 v-for="(label, index) in row.djQlxxFdcqxmDoList"
101 :key="index"
102 >
60 {{ label[item.prop] }} 103 {{ label[item.prop] }}
61 </div> 104 </div>
62 </div> 105 </div>
...@@ -70,11 +113,11 @@ ...@@ -70,11 +113,11 @@
70 </template> 113 </template>
71 114
72 <script> 115 <script>
73 import { datas } from "./qlxxFormData.js"; 116 import { datas } from "./qlxxFormData.js";
74 import { getSjlx } from "@/utils/dictionary.js"; 117 import { getSjlx } from "@/utils/dictionary.js";
75 import { getFdcq1List } from "@/api/djbDetail.js"; 118 import { getFdcq1List } from "@/api/djbDetail.js";
76 export default { 119 export default {
77 data () { 120 data() {
78 return { 121 return {
79 title: "房地产权登记信息（多幢）", 122 title: "房地产权登记信息（多幢）",
80 qsztList: datas.columns().qsztList, 123 qsztList: datas.columns().qsztList,
...@@ -89,7 +132,7 @@ ...@@ -89,7 +132,7 @@
89 columns: datas.columns().FDCQ1, 132 columns: datas.columns().FDCQ1,
90 }; 133 };
91 }, 134 },
92 created () { 135 created() {
93 this.loadData(); 136 this.loadData();
94 }, 137 },
95 methods: { 138 methods: {
...@@ -97,12 +140,12 @@ ...@@ -97,12 +140,12 @@
97 * @description: loadData 140 * @description: loadData
98 * @author: renchao 141 * @author: renchao
99 */ 142 */
100 loadData () { 143 loadData() {
101 if (this.$parent.addRepairRecord) { 144 if (this.$parent.addRepairRecord) {
102 this.columns.unshift({ 145 this.columns.unshift({
103 prop: "cz", 146 prop: "cz",
104 label: "操作" 147 label: "操作",
105 }) 148 });
106 } 149 }
107 getFdcq1List({ 150 getFdcq1List({
108 bdcdyid: this.propsParam.bdcdyid, 151 bdcdyid: this.propsParam.bdcdyid,
...@@ -111,9 +154,9 @@ ...@@ -111,9 +154,9 @@
111 }).then((res) => { 154 }).then((res) => {
112 if (res.code === 200) { 155 if (res.code === 200) {
113 this.tableData = res.result; 156 this.tableData = res.result;
114 this.tableData.forEach(item => { 157 this.tableData.forEach((item) => {
115 item.sjlx = getSjlx(item.sjlx) 158 item.sjlx = getSjlx(item.sjlx);
116 }) 159 });
117 if (this.tableData.length < datas.columns().emptycolNum) { 160 if (this.tableData.length < datas.columns().emptycolNum) {
118 this.emptycolNum = 161 this.emptycolNum =
119 datas.columns().emptycolNum - this.tableData.length; 162 datas.columns().emptycolNum - this.tableData.length;
...@@ -127,7 +170,7 @@ ...@@ -127,7 +170,7 @@
127 * @description: checkChange 170 * @description: checkChange
128 * @author: renchao 171 * @author: renchao
129 */ 172 */
130 checkChange () { 173 checkChange() {
131 if (this.checkList.length === 0) { 174 if (this.checkList.length === 0) {
132 this.tableData = []; 175 this.tableData = [];
133 this.emptycolNum = datas.columns().emptycolNum; 176 this.emptycolNum = datas.columns().emptycolNum;
...@@ -140,7 +183,7 @@ ...@@ -140,7 +183,7 @@
140 * @param {*} code 183 * @param {*} code
141 * @author: renchao 184 * @author: renchao
142 */ 185 */
143 getQsztName (code) { 186 getQsztName(code) {
144 let name = ""; 187 let name = "";
145 for (let item of this.qsztList) { 188 for (let item of this.qsztList) {
146 if (item.value == code) { 189 if (item.value == code) {
...@@ -155,11 +198,15 @@ ...@@ -155,11 +198,15 @@
155 * @param {*} lable 198 * @param {*} lable
156 * @author: renchao 199 * @author: renchao
157 */ 200 */
158 judge (label) { 201 judge(label) {
159 if ('项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数'.indexOf(label) > -1) { 202 if (
160 return true 203 "项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数".indexOf(
204 label
205 ) > -1
206 ) {
207 return true;
161 } else { 208 } else {
162 return false 209 return false;
163 } 210 }
164 }, 211 },
165 // 新增一条补录信息 212 // 新增一条补录信息
...@@ -169,33 +216,41 @@ ...@@ -169,33 +216,41 @@
169 * @param {*} del 216 * @param {*} del
170 * @author: renchao 217 * @author: renchao
171 */ 218 */
172 editDialog (row, del) { 219 editDialog(row, del) {
173 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 220 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
174 confirmButtonText: '确定', 221 confirmButtonText: "确定",
175 cancelButtonText: '取消', 222 cancelButtonText: "取消",
176 type: 'warning' 223 type: "warning",
177 }).then(() => { 224 })
178 this.$parent.addRepairRecord(row, del) 225 .then(() => {
226 this.$parent.addRepairRecord(row, del);
179 227
180 this.$message({ 228 this.$message({
181 type: 'success', 229 type: "success",
182 message: '补录成功!' 230 message: "补录成功!",
183 }); 231 });
184 }).catch(() => { 232 })
233 .catch(() => {
185 this.$message({ 234 this.$message({
186 type: 'info', 235 type: "info",
187 message: '取消编辑' 236 message: "取消编辑",
188 }); 237 });
189 }); 238 });
190
191 }, 239 },
240 print() {
241 console.log("this.propsParam.bdcdyid ", this.propsParam);
242 window.open(
243 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=fdcq1`,
244 `printdjb`
245 );
192 }, 246 },
193 }; 247 },
248 };
194 </script> 249 </script>
195 250
196 <style lang="scss" scoped> 251 <style lang="scss" scoped>
197 @import "./qlxxCommon.scss"; 252 @import "./qlxxCommon.scss";
198 .cols { 253 .cols {
199 td { 254 td {
200 .many { 255 .many {
201 width: 100%; 256 width: 100%;
...@@ -213,5 +268,15 @@ ...@@ -213,5 +268,15 @@
213 } 268 }
214 } 269 }
215 } 270 }
271 }
272 .title {
273 position: relative;
274 .print {
275 // background-color: #0079fe;
276 z-index: 10;
277 position: absolute;
278 left: 11px;
279 top: 5px;
216 } 280 }
281 }
217 </style> 282 </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>
...@@ -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,11 +98,11 @@ ...@@ -82,11 +98,11 @@
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,
...@@ -101,7 +117,7 @@ ...@@ -101,7 +117,7 @@
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: {
...@@ -109,7 +125,7 @@ ...@@ -109,7 +125,7 @@
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 }
...@@ -136,7 +152,7 @@ ...@@ -136,7 +152,7 @@
136 * @description: checkChange 152 * @description: checkChange
137 * @author: renchao 153 * @author: renchao
138 */ 154 */
139 checkChange () { 155 checkChange() {
140 if (this.checkList.length === 0) { 156 if (this.checkList.length === 0) {
141 this.tableData = []; 157 this.tableData = [];
142 this.emptycolNum = datas.columns().emptycolNum; 158 this.emptycolNum = datas.columns().emptycolNum;
...@@ -149,7 +165,7 @@ ...@@ -149,7 +165,7 @@
149 * @param {*} code 165 * @param {*} code
150 * @author: renchao 166 * @author: renchao
151 */ 167 */
152 getQsztName (code) { 168 getQsztName(code) {
153 let name = ""; 169 let name = "";
154 for (let item of this.qsztList) { 170 for (let item of this.qsztList) {
155 if (item.value == code) { 171 if (item.value == code) {
...@@ -166,7 +182,7 @@ ...@@ -166,7 +182,7 @@
166 * @param {*} del 182 * @param {*} del
167 * @author: renchao 183 * @author: renchao
168 */ 184 */
169 editDialog (row, del) { 185 editDialog(row, del) {
170 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 186 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
171 confirmButtonText: "确定", 187 confirmButtonText: "确定",
172 cancelButtonText: "取消", 188 cancelButtonText: "取消",
...@@ -182,10 +198,27 @@ ...@@ -182,10 +198,27 @@
182 }); 198 });
183 }); 199 });
184 }, 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,7 +27,10 @@ ...@@ -21,7 +27,10 @@
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
31 v-for="(row, index) in tableData"
32 :key="index"
33 :class="[
25 row.qszt == '2' ? 'lishi' : '', 34 row.qszt == '2' ? 'lishi' : '',
26 row.qszt == '0' ? 'linshi' : '', 35 row.qszt == '0' ? 'linshi' : '',
27 row.qlzt == '4' ? 'linshi' : '', 36 row.qlzt == '4' ? 'linshi' : '',
...@@ -29,13 +38,27 @@ ...@@ -29,13 +38,27 @@
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,11 +98,11 @@ ...@@ -69,11 +98,11 @@
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,
...@@ -88,7 +117,7 @@ ...@@ -88,7 +117,7 @@
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: {
...@@ -96,13 +125,12 @@ ...@@ -96,13 +125,12 @@
96 * @description: loadData 125 * @description: loadData
97 * @author: renchao 126 * @author: renchao
98 */ 127 */
99 loadData () { 128 loadData() {
100
101 if (this.$parent.addRepairRecord) { 129 if (this.$parent.addRepairRecord) {
102 this.columns.unshift({ 130 this.columns.unshift({
103 prop: "cz", 131 prop: "cz",
104 label: "操作" 132 label: "操作",
105 }) 133 });
106 } 134 }
107 getJsydsyqList({ 135 getJsydsyqList({
108 bdcdyid: this.propsParam.bdcdyid, 136 bdcdyid: this.propsParam.bdcdyid,
...@@ -111,9 +139,9 @@ ...@@ -111,9 +139,9 @@
111 }).then((res) => { 139 }).then((res) => {
112 if (res.code === 200) { 140 if (res.code === 200) {
113 this.tableData = res.result; 141 this.tableData = res.result;
114 this.tableData.forEach(item => { 142 this.tableData.forEach((item) => {
115 item.sjlx = getSjlx(item.sjlx) 143 item.sjlx = getSjlx(item.sjlx);
116 }) 144 });
117 if (this.tableData.length < datas.columns().emptycolNum) { 145 if (this.tableData.length < datas.columns().emptycolNum) {
118 this.emptycolNum = 146 this.emptycolNum =
119 datas.columns().emptycolNum - this.tableData.length; 147 datas.columns().emptycolNum - this.tableData.length;
...@@ -127,7 +155,7 @@ ...@@ -127,7 +155,7 @@
127 * @description: checkChange 155 * @description: checkChange
128 * @author: renchao 156 * @author: renchao
129 */ 157 */
130 checkChange () { 158 checkChange() {
131 if (this.checkList.length === 0) { 159 if (this.checkList.length === 0) {
132 this.tableData = []; 160 this.tableData = [];
133 this.emptycolNum = datas.columns().emptycolNum; 161 this.emptycolNum = datas.columns().emptycolNum;
...@@ -140,7 +168,7 @@ ...@@ -140,7 +168,7 @@
140 * @param {*} code 168 * @param {*} code
141 * @author: renchao 169 * @author: renchao
142 */ 170 */
143 getQsztName (code) { 171 getQsztName(code) {
144 let name = ""; 172 let name = "";
145 for (let item of this.qsztList) { 173 for (let item of this.qsztList) {
146 if (item.value == code) { 174 if (item.value == code) {
...@@ -157,30 +185,48 @@ ...@@ -157,30 +185,48 @@
157 * @param {*} del 185 * @param {*} del
158 * @author: renchao 186 * @author: renchao
159 */ 187 */
160 editDialog (row, del) { 188 editDialog(row, del) {
161 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 189 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
162 confirmButtonText: '确定', 190 confirmButtonText: "确定",
163 cancelButtonText: '取消', 191 cancelButtonText: "取消",
164 type: 'warning' 192 type: "warning",
165 }).then(() => { 193 })
166 this.$parent.addRepairRecord(row, del) 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 }, 208 },
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 );
180 }, 215 },
181 }; 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>
......
...@@ -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>
...@@ -33,29 +36,56 @@ ...@@ -33,29 +36,56 @@
33 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 36 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
34 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 37 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 38 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
36 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 39 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
37 ]"> 40 ]"
38 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 41 >
39 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 42 <div
40 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 43 class="setbut"
44 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
45 >
46 <el-button
47 type="text"
48 icon="el-icon-edit-outline"
49 @click="editDialog(row)"
50 >编辑</el-button
51 >
52 <el-button
53 type="text"
54 icon="el-icon-edit-outline"
55 @click="editDialog(row, 'D')"
56 >删除</el-button
57 >
58 </div>
59 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
60 有效
61 </div>
62 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
63 正在补录
64 </div>
65 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
66 正在申请
67 </div>
68 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
69 正在注销
41 </div> 70 </div>
42 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">有效</div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">正在补录</div>
44 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">正在申请</div>
45 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">正在注销</div>
46 71
47 <p v-if="!['djyy','fj'].includes(item.prop)"> 72 <p v-if="!['djyy', 'fj'].includes(item.prop)">
48 <span v-if="item.prop == 'qszt'"> 73 <span v-if="item.prop == 'qszt'">
49 {{ getQsztName(row[item.prop]) }} 74 {{ getQsztName(row[item.prop]) }}
50 </span> 75 </span>
51 <span v-else>{{ row[item.prop] }}</span> 76 <span v-else>{{ row[item.prop] }}</span>
52 </p> 77 </p>
53 <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 >
54 <span class="ellipsis-line"> 85 <span class="ellipsis-line">
55 {{ row[item.prop] }} 86 {{ row[item.prop] }}
56 </span> 87 </span>
57 </el-tooltip> 88 </el-tooltip>
58
59 </td> 89 </td>
60 <td v-for="count in emptycolNum" :key="~count"></td> 90 <td v-for="count in emptycolNum" :key="~count"></td>
61 </tr> 91 </tr>
...@@ -66,11 +96,11 @@ ...@@ -66,11 +96,11 @@
66 </template> 96 </template>
67 97
68 <script> 98 <script>
69 import { datas } from "./qlxxFormData.js"; 99 import { datas } from "./qlxxFormData.js";
70 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 100 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
71 import { getLqList } from "@/api/djbDetail.js"; 101 import { getLqList } from "@/api/djbDetail.js";
72 export default { 102 export default {
73 data () { 103 data() {
74 return { 104 return {
75 title: "林权登记信息", 105 title: "林权登记信息",
76 qsztList: datas.columns().qsztList, 106 qsztList: datas.columns().qsztList,
...@@ -85,7 +115,7 @@ ...@@ -85,7 +115,7 @@
85 columns: datas.columns().LDSYQ, 115 columns: datas.columns().LDSYQ,
86 }; 116 };
87 }, 117 },
88 created () { 118 created() {
89 this.loadData(); 119 this.loadData();
90 }, 120 },
91 methods: { 121 methods: {
...@@ -93,7 +123,7 @@ ...@@ -93,7 +123,7 @@
93 * @description: loadData 123 * @description: loadData
94 * @author: renchao 124 * @author: renchao
95 */ 125 */
96 loadData () { 126 loadData() {
97 if (this.$parent.addRepairRecord) { 127 if (this.$parent.addRepairRecord) {
98 this.columns.unshift({ 128 this.columns.unshift({
99 prop: "cz", 129 prop: "cz",
...@@ -109,9 +139,9 @@ ...@@ -109,9 +139,9 @@
109 this.tableData = res.result; 139 this.tableData = res.result;
110 this.tableData.forEach((item) => { 140 this.tableData.forEach((item) => {
111 item.sjlx = getSjlx(item.sjlx); 141 item.sjlx = getSjlx(item.sjlx);
112 item.ldsyqxz = getDictLeabel(item.ldsyqxz, 'A45') 142 item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45");
113 item.lz = getDictLeabel(item.lz, 'A26') 143 item.lz = getDictLeabel(item.lz, "A26");
114 item.qy = getDictLeabel(item.qy, 'A52') 144 item.qy = getDictLeabel(item.qy, "A52");
115 }); 145 });
116 if (this.tableData.length < datas.columns().emptycolNum) { 146 if (this.tableData.length < datas.columns().emptycolNum) {
117 this.emptycolNum = 147 this.emptycolNum =
...@@ -126,7 +156,7 @@ ...@@ -126,7 +156,7 @@
126 * @description: checkChange 156 * @description: checkChange
127 * @author: renchao 157 * @author: renchao
128 */ 158 */
129 checkChange () { 159 checkChange() {
130 if (this.checkList.length === 0) { 160 if (this.checkList.length === 0) {
131 this.tableData = []; 161 this.tableData = [];
132 this.emptycolNum = datas.columns().emptycolNum; 162 this.emptycolNum = datas.columns().emptycolNum;
...@@ -139,7 +169,7 @@ ...@@ -139,7 +169,7 @@
139 * @param {*} code 169 * @param {*} code
140 * @author: renchao 170 * @author: renchao
141 */ 171 */
142 getQsztName (code) { 172 getQsztName(code) {
143 let name = ""; 173 let name = "";
144 for (let item of this.qsztList) { 174 for (let item of this.qsztList) {
145 if (item.value == code) { 175 if (item.value == code) {
...@@ -156,7 +186,7 @@ ...@@ -156,7 +186,7 @@
156 * @param {*} del 186 * @param {*} del
157 * @author: renchao 187 * @author: renchao
158 */ 188 */
159 editDialog (row, del) { 189 editDialog(row, del) {
160 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 190 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
161 confirmButtonText: "确定", 191 confirmButtonText: "确定",
162 cancelButtonText: "取消", 192 cancelButtonText: "取消",
...@@ -177,11 +207,27 @@ ...@@ -177,11 +207,27 @@
177 }); 207 });
178 }); 208 });
179 }, 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=ldsyq`,
214 `printdjb`
215 );
180 }, 216 },
181 }; 217 },
218 };
182 </script> 219 </script>
183 220
184 <style lang="scss" scoped> 221 <style lang="scss" scoped>
185 @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 }
186 </style> 233 </style>
187
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -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,7 +27,10 @@ ...@@ -21,7 +27,10 @@
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
31 v-for="(row, index) in tableData"
32 :key="index"
33 :class="[
25 row.qszt == '2' ? 'lishi' : '', 34 row.qszt == '2' ? 'lishi' : '',
26 row.qszt == '0' ? 'linshi' : '', 35 row.qszt == '0' ? 'linshi' : '',
27 row.qlzt == '4' ? 'linshi' : '', 36 row.qlzt == '4' ? 'linshi' : '',
...@@ -29,38 +38,49 @@ ...@@ -29,38 +38,49 @@
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"
37 </div> 46 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
38 <div class="icon" v-if="row.qlzt == '1'"> 47 >
39 有效 48 <el-button
40 </div> 49 type="text"
41 <div class="icon" v-if="row.qlzt == '2'"> 50 icon="el-icon-edit-outline"
42 正在补录 51 @click="editDialog(row)"
43 </div> 52 >编辑</el-button
44 <div class="icon" v-if="row.qlzt == '3'"> 53 >
45 正在申请 54 <el-button
46 </div> 55 type="text"
47 <div class="icon" v-if="row.qlzt == '4'"> 56 icon="el-icon-edit-outline"
48 正在注销 57 @click="editDialog(row, 'D')"
58 >删除</el-button
59 >
49 </div> 60 </div>
61 <div class="icon" v-if="row.qlzt == '1'">有效</div>
62 <div class="icon" v-if="row.qlzt == '2'">正在补录</div>
63 <div class="icon" v-if="row.qlzt == '3'">正在申请</div>
64 <div class="icon" v-if="row.qlzt == '4'">正在注销</div>
50 65
51 <p v-if="!['djyy','fj'].includes(item.prop)"> 66 <p v-if="!['djyy', 'fj'].includes(item.prop)">
52 <span v-if="item.prop == 'qszt'"> 67 <span v-if="item.prop == 'qszt'">
53 {{ getQsztName(row[item.prop]) }} 68 {{ getQsztName(row[item.prop]) }}
54 </span> 69 </span>
55 <span v-else>{{ row[item.prop] }}</span> 70 <span v-else>{{ row[item.prop] }}</span>
56 </p> 71 </p>
57 72
58 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 73 <el-tooltip
74 v-else
75 effect="dark"
76 :content="row[item.prop]"
77 placement="top"
78 popper-class="tooltip-width"
79 >
59 <span class="ellipsis-line"> 80 <span class="ellipsis-line">
60 {{ row[item.prop] }} 81 {{ row[item.prop] }}
61 </span> 82 </span>
62 </el-tooltip> 83 </el-tooltip>
63
64 </td> 84 </td>
65 <td v-for="count in emptycolNum" :key="~count"></td> 85 <td v-for="count in emptycolNum" :key="~count"></td>
66 </tr> 86 </tr>
...@@ -71,7 +91,10 @@ ...@@ -71,7 +91,10 @@
71 <td> 91 <td>
72 {{ item.label }} 92 {{ item.label }}
73 </td> 93 </td>
74 <td v-for="(row, index) in tableData" :key="index" :class="[ 94 <td
95 v-for="(row, index) in tableData"
96 :key="index"
97 :class="[
75 row.qszt == '2' ? 'lishi' : '', 98 row.qszt == '2' ? 'lishi' : '',
76 row.qszt == '0' ? 'linshi' : '', 99 row.qszt == '0' ? 'linshi' : '',
77 row.qlzt == '4' ? 'linshi' : '', 100 row.qlzt == '4' ? 'linshi' : '',
...@@ -79,9 +102,10 @@ ...@@ -79,9 +102,10 @@
79 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', 102 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
80 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 103 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
81 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 104 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
82 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 105 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
83 ]"> 106 ]"
84 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> 107 >
108 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
85 有效 109 有效
86 </div> 110 </div>
87 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> 111 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
...@@ -94,14 +118,20 @@ ...@@ -94,14 +118,20 @@
94 正在注销 118 正在注销
95 </div> 119 </div>
96 120
97 <p v-if="!['djyy','fj'].includes(item.prop)"> 121 <p v-if="!['djyy', 'fj'].includes(item.prop)">
98 <span v-if="item.prop == 'qszt'"> 122 <span v-if="item.prop == 'qszt'">
99 {{ getQsztName(row[item.prop]) }} 123 {{ getQsztName(row[item.prop]) }}
100 </span> 124 </span>
101 <span v-else>{{ row[item.prop] }}</span> 125 <span v-else>{{ row[item.prop] }}</span>
102 </p> 126 </p>
103 127
104 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 128 <el-tooltip
129 v-else
130 effect="dark"
131 :content="row[item.prop]"
132 placement="top"
133 popper-class="tooltip-width"
134 >
105 <span class="ellipsis-line"> 135 <span class="ellipsis-line">
106 {{ row[item.prop] }} 136 {{ row[item.prop] }}
107 </span> 137 </span>
...@@ -116,11 +146,11 @@ ...@@ -116,11 +146,11 @@
116 </template> 146 </template>
117 147
118 <script> 148 <script>
119 import { datas } from "./qlxxFormData.js"; 149 import { datas } from "./qlxxFormData.js";
120 import { getSjlx } from "@/utils/dictionary.js"; 150 import { getSjlx } from "@/utils/dictionary.js";
121 import { getNydsyqList } from "@/api/djbDetail.js"; 151 import { getNydsyqList } from "@/api/djbDetail.js";
122 export default { 152 export default {
123 data () { 153 data() {
124 return { 154 return {
125 title: "农用地使用权登记信息", 155 title: "农用地使用权登记信息",
126 qsztList: datas.columns().qsztList, 156 qsztList: datas.columns().qsztList,
...@@ -135,12 +165,12 @@ ...@@ -135,12 +165,12 @@
135 columns: datas.columns().NYDSYQ, 165 columns: datas.columns().NYDSYQ,
136 }; 166 };
137 }, 167 },
138 created () { 168 created() {
139 var qllx = this.$route.query.sqywbm.substr(0, 3) 169 var qllx = this.$route.query.sqywbm.substr(0, 3);
140 if (qllx == 'A09') { 170 if (qllx == "A09") {
141 this.title = '土地经营权登记信息' 171 this.title = "土地经营权登记信息";
142 } else { 172 } else {
143 this.title = '农用地使用权登记信息' 173 this.title = "农用地使用权登记信息";
144 } 174 }
145 this.loadData(); 175 this.loadData();
146 }, 176 },
...@@ -149,12 +179,12 @@ ...@@ -149,12 +179,12 @@
149 * @description: loadData 179 * @description: loadData
150 * @author: renchao 180 * @author: renchao
151 */ 181 */
152 loadData () { 182 loadData() {
153 if (this.$parent.addRepairRecord) { 183 if (this.$parent.addRepairRecord) {
154 this.columns.unshift({ 184 this.columns.unshift({
155 prop: "cz", 185 prop: "cz",
156 label: "操作" 186 label: "操作",
157 }) 187 });
158 } 188 }
159 getNydsyqList({ 189 getNydsyqList({
160 bdcdyid: this.propsParam.bdcdyid, 190 bdcdyid: this.propsParam.bdcdyid,
...@@ -163,9 +193,9 @@ ...@@ -163,9 +193,9 @@
163 }).then((res) => { 193 }).then((res) => {
164 if (res.code === 200) { 194 if (res.code === 200) {
165 this.tableData = res.result; 195 this.tableData = res.result;
166 this.tableData.forEach(item => { 196 this.tableData.forEach((item) => {
167 item.sjlx = getSjlx(item.sjlx) 197 item.sjlx = getSjlx(item.sjlx);
168 }) 198 });
169 if (this.tableData.length < datas.columns().emptycolNum) { 199 if (this.tableData.length < datas.columns().emptycolNum) {
170 this.emptycolNum = 200 this.emptycolNum =
171 datas.columns().emptycolNum - this.tableData.length; 201 datas.columns().emptycolNum - this.tableData.length;
...@@ -179,7 +209,7 @@ ...@@ -179,7 +209,7 @@
179 * @description: checkChange 209 * @description: checkChange
180 * @author: renchao 210 * @author: renchao
181 */ 211 */
182 checkChange () { 212 checkChange() {
183 if (this.checkList.length === 0) { 213 if (this.checkList.length === 0) {
184 this.tableData = []; 214 this.tableData = [];
185 this.emptycolNum = datas.columns().emptycolNum; 215 this.emptycolNum = datas.columns().emptycolNum;
...@@ -191,7 +221,7 @@ ...@@ -191,7 +221,7 @@
191 * @description: getQsztName 221 * @description: getQsztName
192 * @author: renchao 222 * @author: renchao
193 */ 223 */
194 getQsztName (code) { 224 getQsztName(code) {
195 let name = ""; 225 let name = "";
196 for (let item of this.qsztList) { 226 for (let item of this.qsztList) {
197 if (item.value == code) { 227 if (item.value == code) {
...@@ -208,30 +238,48 @@ ...@@ -208,30 +238,48 @@
208 * @param {*} del 238 * @param {*} del
209 * @author: renchao 239 * @author: renchao
210 */ 240 */
211 editDialog (row, del) { 241 editDialog(row, del) {
212 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 242 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
213 confirmButtonText: '确定', 243 confirmButtonText: "确定",
214 cancelButtonText: '取消', 244 cancelButtonText: "取消",
215 type: 'warning' 245 type: "warning",
216 }).then(() => { 246 })
217 this.$parent.addRepairRecord(row, del) 247 .then(() => {
248 this.$parent.addRepairRecord(row, del);
218 249
219 this.$message({ 250 this.$message({
220 type: 'success', 251 type: "success",
221 message: '补录成功!' 252 message: "补录成功!",
222 }); 253 });
223 }).catch(() => { 254 })
255 .catch(() => {
224 this.$message({ 256 this.$message({
225 type: 'info', 257 type: "info",
226 message: '取消编辑' 258 message: "取消编辑",
227 }); 259 });
228 }); 260 });
229
230 }, 261 },
262 print() {
263 console.log("this.propsParam.bdcdyid ", this.propsParam);
264 window.open(
265 `'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=nydsyq`,
266 `printdjb`
267 );
231 }, 268 },
232 }; 269 },
270 };
233 </script> 271 </script>
234 272
235 <style lang="scss" scoped> 273 <style lang="scss" scoped>
236 @import "./qlxxCommon.scss"; 274 @import "./qlxxCommon.scss";
275 .title {
276 position: relative;
277 .print {
278 // background-color: #0079fe;
279 z-index: 10;
280 position: absolute;
281 left: 11px;
282 top: 5px;
283 }
284 }
237 </style> 285 </style>
......
...@@ -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
...@@ -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>
......