Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
84c93460 by renchao@pashanhoo.com
Options

style:登记薄

1 parent 5d608d6b
Inline Side-by-side
Showing 14 changed files with 334 additions and 296 deletions
...@@ -210,9 +210,14 @@ aside { ...@@ -210,9 +210,14 @@ aside {
210 .ellipsis-line { 210 .ellipsis-line {
211 display: inline-block; 211 display: inline-block;
212 width: 300px !important; 212 width: 300px !important;
213 word-break: break-all;
214 text-overflow: ellipsis;
215 display: -webkit-box;
216 -webkit-box-orient: vertical;
217 -webkit-line-clamp: 2;
218 /* 这里是超出几行省略 */
213 overflow: hidden; 219 overflow: hidden;
214 text-overflow: ellipsis; //文本溢出显示省略号 220 margin: 0 auto;
215 white-space: nowrap; //文本不会换行
216 } 221 }
217 222
218 .tooltip-width { 223 .tooltip-width {
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:13 4 * @LastEditTime: 2023-08-25 17:06:44
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -50,11 +50,14 @@ ...@@ -50,11 +50,14 @@
50 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> 50 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
51 正在注销 51 正在注销
52 </div> 52 </div>
53 <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span>
54 53
55 <span v-if="!['djyy','fj'].includes(item.prop)"> 54 <p v-if="!['djyy','fj'].includes(item.prop)">
56 {{ row[item.prop] }} 55 <span v-if="item.prop == 'qszt'">
57 </span> 56 {{ getQsztName(row[item.prop]) }}
57 </span>
58 <span v-else>{{ row[item.prop] }}</span>
59 </p>
60
58 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 61 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
59 <span class="ellipsis-line"> 62 <span class="ellipsis-line">
60 {{ row[item.prop] }} 63 {{ row[item.prop] }}
......
...@@ -58,13 +58,14 @@ ...@@ -58,13 +58,14 @@
58 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> 58 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
59 正在注销 59 正在注销
60 </div> 60 </div>
61 <span v-if="item.prop == 'qszt'">
62 {{ getQsztName(row[item.prop]) }}
63 </span>
64 61
65 <span v-if="!['djyy','fj'].includes(item.prop)"> 62 <p v-if="!['djyy','fj'].includes(item.prop)">
66 {{ row[item.prop] }} 63 <span v-if="item.prop == 'qszt'">
67 </span> 64 {{ getQsztName(row[item.prop]) }}
65 </span>
66 <span v-else>{{ row[item.prop] }}</span>
67 </p>
68
68 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 69 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
69 <span class="ellipsis-line"> 70 <span class="ellipsis-line">
70 {{ row[item.prop] }} 71 {{ row[item.prop] }}
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-23 15:54:23 4 * @LastEditTime: 2023-08-25 17:12:43
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -52,13 +52,14 @@ ...@@ -52,13 +52,14 @@
52 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> 52 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
53 正在注销 53 正在注销
54 </div> 54 </div>
55 <span v-if="item.prop == 'qszt'">
56 {{ getQsztName(row[item.prop]) }}
57 </span>
58 55
59 <span v-if="!['djyy','fj'].includes(item.prop)"> 56 <p v-if="!['djyy','fj'].includes(item.prop)">
60 {{ row[item.prop] }} 57 <span v-if="item.prop == 'qszt'">
61 </span> 58 {{ getQsztName(row[item.prop]) }}
59 </span>
60 <span v-else>{{ row[item.prop] }}</span>
61 </p>
62
62 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 63 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
63 <span class="ellipsis-line"> 64 <span class="ellipsis-line">
64 {{ row[item.prop] }} 65 {{ row[item.prop] }}
......
...@@ -52,7 +52,9 @@ ...@@ -52,7 +52,9 @@
52 </span> 52 </span>
53 </el-tooltip> 53 </el-tooltip>
54 54
55 <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)"> {{ row[item.prop] }}</span> 55 <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)">
56 {{ row[item.prop] }}
57 </span>
56 <div class="many" v-if="judge(item.label)"> 58 <div class="many" v-if="judge(item.label)">
57 <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index"> 59 <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index">
58 {{ label[item.prop] }} 60 {{ label[item.prop] }}
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-24 16:14:57 4 * @LastEditTime: 2023-08-25 17:17:06
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -58,13 +58,14 @@ ...@@ -58,13 +58,14 @@
58 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> 58 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
59 正在注销 59 正在注销
60 </div> 60 </div>
61 <span v-if="item.prop == 'qszt'">
62 {{ getQsztName(row[item.prop]) }}
63 </span>
64 61
65 <span v-if="!['djyy','fj'].includes(item.prop)"> 62 <p v-if="!['djyy','fj'].includes(item.prop)">
66 {{ row[item.prop] }} 63 <span v-if="item.prop == 'qszt'">
67 </span> 64 {{ getQsztName(row[item.prop]) }}
65 </span>
66 <span v-else>{{ row[item.prop] }}</span>
67 </p>
68
68 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 69 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
69 <span class="ellipsis-line"> 70 <span class="ellipsis-line">
70 {{ row[item.prop] }} 71 {{ row[item.prop] }}
......
...@@ -47,13 +47,13 @@ ...@@ -47,13 +47,13 @@
47 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> 47 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
48 正在注销 48 正在注销
49 </div> 49 </div>
50 <span v-if="item.prop == 'qszt'">
51 {{ getQsztName(row[item.prop]) }}
52 </span>
53 50
54 <span v-if="!['djyy','fj'].includes(item.prop)"> 51 <p v-if="!['djyy','fj'].includes(item.prop)">
55 {{ row[item.prop] }} 52 <span v-if="item.prop == 'qszt'">
56 </span> 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"> 57 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
58 <span class="ellipsis-line"> 58 <span class="ellipsis-line">
59 {{ row[item.prop] }} 59 {{ row[item.prop] }}
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-16 11:29:20 4 * @LastEditTime: 2023-08-25 17:16:32
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -13,8 +13,7 @@ ...@@ -13,8 +13,7 @@
13 <el-checkbox 13 <el-checkbox
14 v-for="item in qsztList" 14 v-for="item in qsztList"
15 :key="item.value" 15 :key="item.value"
16 :label="item.value" 16 :label="item.value">{{ item.label }}</el-checkbox>
17 >{{ item.label }}</el-checkbox>
18 </el-checkbox-group> 17 </el-checkbox-group>
19 </div> 18 </div>
20 </div> 19 </div>
...@@ -35,8 +34,7 @@ ...@@ -35,8 +34,7 @@
35 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 34 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
36 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 35 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
37 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 36 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
38 ]" 37 ]">
39 >
40 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 38 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
41 <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)">编辑</el-button>
42 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 40 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
...@@ -45,9 +43,19 @@ ...@@ -45,9 +43,19 @@
45 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">正在补录</div> 43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">正在补录</div>
46 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">正在申请</div> 44 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">正在申请</div>
47 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">正在注销</div> 45 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">正在注销</div>
48 <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span>
49 46
50 <span v-else>{{ row[item.prop] }}</span> 47 <p v-if="!['djyy','fj'].includes(item.prop)">
48 <span v-if="item.prop == 'qszt'">
49 {{ getQsztName(row[item.prop]) }}
50 </span>
51 <span v-else>{{ row[item.prop] }}</span>
52 </p>
53 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
54 <span class="ellipsis-line">
55 {{ row[item.prop] }}
56 </span>
57 </el-tooltip>
58
51 </td> 59 </td>
52 <td v-for="count in emptycolNum" :key="~count"></td> 60 <td v-for="count in emptycolNum" :key="~count"></td>
53 </tr> 61 </tr>
...@@ -58,122 +66,122 @@ ...@@ -58,122 +66,122 @@
58 </template> 66 </template>
59 67
60 <script> 68 <script>
61 import { datas } from "./qlxxFormData.js"; 69 import { datas } from "./qlxxFormData.js";
62 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 70 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
63 import { getLqList } from "@/api/djbDetail.js"; 71 import { getLqList } from "@/api/djbDetail.js";
64 export default { 72 export default {
65 data() { 73 data () {
66 return { 74 return {
67 title: "林权登记信息", 75 title: "林权登记信息",
68 qsztList: datas.columns().qsztList, 76 qsztList: datas.columns().qsztList,
69 checkList: datas.columns().checkList, 77 checkList: datas.columns().checkList,
70 //传递参数 78 //传递参数
71 propsParam: this.$attrs, 79 propsParam: this.$attrs,
72 //列表数据 80 //列表数据
73 tableData: [], 81 tableData: [],
74 //空列值个数 82 //空列值个数
75 emptycolNum: datas.columns().emptycolNum, 83 emptycolNum: datas.columns().emptycolNum,
76 //列名称对象 84 //列名称对象
77 columns: datas.columns().LDSYQ, 85 columns: datas.columns().LDSYQ,
78 }; 86 };
79 }, 87 },
80 created() { 88 created () {
81 this.loadData(); 89 this.loadData();
82 }, 90 },
83 methods: { 91 methods: {
84 /** 92 /**
85 * @description: loadData 93 * @description: loadData
86 * @author: renchao 94 * @author: renchao
87 */ 95 */
88 loadData() { 96 loadData () {
89 if (this.$parent.addRepairRecord) { 97 if (this.$parent.addRepairRecord) {
90 this.columns.unshift({ 98 this.columns.unshift({
91 prop: "cz", 99 prop: "cz",
92 label: "操作", 100 label: "操作",
93 });
94 }
95 getLqList({
96 bdcdyid: this.propsParam.bdcdyid,
97 qllx: this.propsParam.qllx,
98 qszt: this.checkList,
99 }).then((res) => {
100 if (res.code === 200) {
101 this.tableData = res.result;
102 this.tableData.forEach((item) => {
103 item.sjlx = getSjlx(item.sjlx);
104 item.ldsyqxz = getDictLeabel(item.ldsyqxz, 'A45')
105 item.lz = getDictLeabel(item.lz, 'A26')
106 item.qy = getDictLeabel(item.qy, 'A52')
107 }); 101 });
108 if (this.tableData.length < datas.columns().emptycolNum) { 102 }
109 this.emptycolNum = 103 getLqList({
110 datas.columns().emptycolNum - this.tableData.length; 104 bdcdyid: this.propsParam.bdcdyid,
111 } else { 105 qllx: this.propsParam.qllx,
112 this.emptycolNum = 0; 106 qszt: this.checkList,
107 }).then((res) => {
108 if (res.code === 200) {
109 this.tableData = res.result;
110 this.tableData.forEach((item) => {
111 item.sjlx = getSjlx(item.sjlx);
112 item.ldsyqxz = getDictLeabel(item.ldsyqxz, 'A45')
113 item.lz = getDictLeabel(item.lz, 'A26')
114 item.qy = getDictLeabel(item.qy, 'A52')
115 });
116 if (this.tableData.length < datas.columns().emptycolNum) {
117 this.emptycolNum =
118 datas.columns().emptycolNum - this.tableData.length;
119 } else {
120 this.emptycolNum = 0;
121 }
113 } 122 }
123 });
124 },
125 /**
126 * @description: checkChange
127 * @author: renchao
128 */
129 checkChange () {
130 if (this.checkList.length === 0) {
131 this.tableData = [];
132 this.emptycolNum = datas.columns().emptycolNum;
133 } else {
134 this.loadData();
114 } 135 }
115 }); 136 },
116 }, 137 /**
117 /** 138 * @description: getQsztName
118 * @description: checkChange 139 * @param {*} code
119 * @author: renchao 140 * @author: renchao
120 */ 141 */
121 checkChange() { 142 getQsztName (code) {
122 if (this.checkList.length === 0) { 143 let name = "";
123 this.tableData = []; 144 for (let item of this.qsztList) {
124 this.emptycolNum = datas.columns().emptycolNum; 145 if (item.value == code) {
125 } else { 146 name = item.label;
126 this.loadData(); 147 break;
127 } 148 }
128 },
129 /**
130 * @description: getQsztName
131 * @param {*} code
132 * @author: renchao
133 */
134 getQsztName(code) {
135 let name = "";
136 for (let item of this.qsztList) {
137 if (item.value == code) {
138 name = item.label;
139 break;
140 } 149 }
141 } 150 return name;
142 return name; 151 },
143 }, 152 // 新增一条补录信息
144 // 新增一条补录信息 153 /**
145 /** 154 * @description: 新增一条补录信息
146 * @description: 新增一条补录信息 155 * @param {*} row
147 * @param {*} row 156 * @param {*} del
148 * @param {*} del 157 * @author: renchao
149 * @author: renchao 158 */
150 */ 159 editDialog (row, del) {
151 editDialog(row, del) { 160 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
152 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 161 confirmButtonText: "确定",
153 confirmButtonText: "确定", 162 cancelButtonText: "取消",
154 cancelButtonText: "取消", 163 type: "warning",
155 type: "warning",
156 })
157 .then(() => {
158 this.$parent.addRepairRecord(row, del);
159
160 this.$message({
161 type: "success",
162 message: "补录成功!",
163 });
164 }) 164 })
165 .catch(() => { 165 .then(() => {
166 this.$message({ 166 this.$parent.addRepairRecord(row, del);
167 type: "info", 167
168 message: "取消编辑", 168 this.$message({
169 type: "success",
170 message: "补录成功!",
171 });
172 })
173 .catch(() => {
174 this.$message({
175 type: "info",
176 message: "取消编辑",
177 });
169 }); 178 });
170 }); 179 },
171 }, 180 },
172 }, 181 };
173 };
174 </script> 182 </script>
175 183
176 <style lang="scss" scoped> 184 <style lang="scss" scoped>
177 @import "./qlxxCommon.scss"; 185 @import "./qlxxCommon.scss";
178 </style> 186 </style>
179 187
...\ No newline at end of file ...\ No newline at end of file
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-24 16:15:05 4 * @LastEditTime: 2023-08-25 17:19:17
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -47,13 +47,13 @@ ...@@ -47,13 +47,13 @@
47 <div class="icon" v-if="row.qlzt == '4'"> 47 <div class="icon" v-if="row.qlzt == '4'">
48 正在注销 48 正在注销
49 </div> 49 </div>
50 <span v-if="item.prop == 'qszt'">
51 {{ getQsztName(row[item.prop]) }}
52 </span>
53 50
54 <span v-if="!['djyy','fj'].includes(item.prop)"> 51 <p v-if="!['djyy','fj'].includes(item.prop)">
55 {{ row[item.prop] }} 52 <span v-if="item.prop == 'qszt'">
56 </span> 53 {{ getQsztName(row[item.prop]) }}
54 </span>
55 <span v-else>{{ row[item.prop] }}</span>
56 </p>
57 57
58 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 58 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
59 <span class="ellipsis-line"> 59 <span class="ellipsis-line">
...@@ -93,13 +93,14 @@ ...@@ -93,13 +93,14 @@
93 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> 93 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
94 正在注销 94 正在注销
95 </div> 95 </div>
96 <span v-if="item.prop == 'qszt'">
97 {{ getQsztName(row[item.prop]) }}
98 </span>
99 96
100 <span v-if="!['djyy','fj'].includes(item.prop)"> 97 <p v-if="!['djyy','fj'].includes(item.prop)">
101 {{ row[item.prop] }} 98 <span v-if="item.prop == 'qszt'">
102 </span> 99 {{ getQsztName(row[item.prop]) }}
100 </span>
101 <span v-else>{{ row[item.prop] }}</span>
102 </p>
103
103 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 104 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
104 <span class="ellipsis-line"> 105 <span class="ellipsis-line">
105 {{ row[item.prop] }} 106 {{ row[item.prop] }}
......
...@@ -23,8 +23,7 @@ ...@@ -23,8 +23,7 @@
23 <el-checkbox 23 <el-checkbox
24 v-for="item in qsztList" 24 v-for="item in qsztList"
25 :key="item.value" 25 :key="item.value"
26 :label="item.value" 26 :label="item.value">{{ item.label }}</el-checkbox>
27 >{{ item.label }}</el-checkbox>
28 </el-checkbox-group> 27 </el-checkbox-group>
29 </div> 28 </div>
30 </div> 29 </div>
...@@ -45,8 +44,7 @@ ...@@ -45,8 +44,7 @@
45 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 44 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
46 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 45 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
47 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' 46 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
48 ]" 47 ]">
49 >
50 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 48 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
51 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 49 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
52 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 50 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
...@@ -55,9 +53,23 @@ ...@@ -55,9 +53,23 @@
55 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">正在补录</div> 53 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">正在补录</div>
56 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">正在申请</div> 54 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">正在申请</div>
57 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">正在注销</div> 55 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">正在注销</div>
58 <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span>
59 56
60 <span v-else>{{ row[item.prop] }}</span> 57 <!-- <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span>
58 <span v-else>{{ row[item.prop] }}</span> -->
59
60 <p v-if="!['djyy','fj'].includes(item.prop)">
61 <span v-if="item.prop == 'qszt'">
62 {{ getQsztName(row[item.prop]) }}
63 </span>
64 <span v-else>{{ row[item.prop] }}</span>
65 </p>
66
67 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
68 <span class="ellipsis-line">
69 {{ row[item.prop] }}
70 </span>
71 </el-tooltip>
72
61 </td> 73 </td>
62 <td v-for="count in emptycolNum" :key="~count"></td> 74 <td v-for="count in emptycolNum" :key="~count"></td>
63 </tr> 75 </tr>
...@@ -68,119 +80,119 @@ ...@@ -68,119 +80,119 @@
68 </template> 80 </template>
69 81
70 <script> 82 <script>
71 import { datas } from "./qlxxFormData.js"; 83 import { datas } from "./qlxxFormData.js";
72 import { getSjlx } from "@/utils/dictionary.js"; 84 import { getSjlx } from "@/utils/dictionary.js";
73 import { getLqList } from "@/api/djbDetail.js"; 85 import { getLqList } from "@/api/djbDetail.js";
74 export default { 86 export default {
75 data() { 87 data () {
76 return { 88 return {
77 title: "林权登记信息", 89 title: "林权登记信息",
78 qsztList: datas.columns().qsztList, 90 qsztList: datas.columns().qsztList,
79 checkList: datas.columns().checkList, 91 checkList: datas.columns().checkList,
80 //传递参数 92 //传递参数
81 propsParam: this.$attrs, 93 propsParam: this.$attrs,
82 //列表数据 94 //列表数据
83 tableData: [], 95 tableData: [],
84 //空列值个数 96 //空列值个数
85 emptycolNum: datas.columns().emptycolNum, 97 emptycolNum: datas.columns().emptycolNum,
86 //列名称对象 98 //列名称对象
87 columns: datas.columns().LDSYQ, 99 columns: datas.columns().LDSYQ,
88 }; 100 };
89 }, 101 },
90 created() { 102 created () {
91 this.loadData(); 103 this.loadData();
92 }, 104 },
93 methods: { 105 methods: {
94 /** 106 /**
95 * @description: loadData 107 * @description: loadData
96 * @author: renchao 108 * @author: renchao
97 */ 109 */
98 loadData() { 110 loadData () {
99 if (this.$parent.addRepairRecord) { 111 if (this.$parent.addRepairRecord) {
100 this.columns.unshift({ 112 this.columns.unshift({
101 prop: "cz", 113 prop: "cz",
102 label: "操作", 114 label: "操作",
103 });
104 }
105 getLqList({
106 bdcdyid: this.propsParam.bdcdyid,
107 qllx: this.propsParam.qllx,
108 qszt: this.checkList,
109 }).then((res) => {
110 if (res.code === 200) {
111 this.tableData = res.result;
112 this.tableData.forEach((item) => {
113 item.sjlx = getSjlx(item.sjlx);
114 }); 115 });
115 if (this.tableData.length < datas.columns().emptycolNum) { 116 }
116 this.emptycolNum = 117 getLqList({
117 datas.columns().emptycolNum - this.tableData.length; 118 bdcdyid: this.propsParam.bdcdyid,
118 } else { 119 qllx: this.propsParam.qllx,
119 this.emptycolNum = 0; 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 }
120 } 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();
121 } 146 }
122 }); 147 },
123 }, 148 /**
124 /** 149 * @description: getQsztName
125 * @description: checkChange 150 * @param {*} code
126 * @author: renchao 151 * @author: renchao
127 */ 152 */
128 checkChange() { 153 getQsztName (code) {
129 if (this.checkList.length === 0) { 154 let name = "";
130 this.tableData = []; 155 for (let item of this.qsztList) {
131 this.emptycolNum = datas.columns().emptycolNum; 156 if (item.value == code) {
132 } else { 157 name = item.label;
133 this.loadData(); 158 break;
134 } 159 }
135 },
136 /**
137 * @description: getQsztName
138 * @param {*} code
139 * @author: renchao
140 */
141 getQsztName(code) {
142 let name = "";
143 for (let item of this.qsztList) {
144 if (item.value == code) {
145 name = item.label;
146 break;
147 } 160 }
148 } 161 return name;
149 return name; 162 },
150 }, 163 // 新增一条补录信息
151 // 新增一条补录信息 164 /**
152 /** 165 * @description: 新增一条补录信息
153 * @description: 新增一条补录信息 166 * @param {*} row
154 * @param {*} row 167 * @param {*} del
155 * @param {*} del 168 * @author: renchao
156 * @author: renchao 169 */
157 */ 170 editDialog (row, del) {
158 editDialog(row, del) { 171 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
159 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 172 confirmButtonText: "确定",
160 confirmButtonText: "确定", 173 cancelButtonText: "取消",
161 cancelButtonText: "取消", 174 type: "warning",
162 type: "warning",
163 })
164 .then(() => {
165 this.$parent.addRepairRecord(row, del);
166
167 this.$message({
168 type: "success",
169 message: "补录成功!",
170 });
171 }) 175 })
172 .catch(() => { 176 .then(() => {
173 this.$message({ 177 this.$parent.addRepairRecord(row, del);
174 type: "info", 178
175 message: "取消编辑", 179 this.$message({
180 type: "success",
181 message: "补录成功!",
182 });
183 })
184 .catch(() => {
185 this.$message({
186 type: "info",
187 message: "取消编辑",
188 });
176 }); 189 });
177 }); 190 },
178 }, 191 },
179 }, 192 };
180 };
181 </script> 193 </script>
182 194
183 <style lang="scss" scoped> 195 <style lang="scss" scoped>
184 @import "./qlxxCommon.scss"; 196 @import "./qlxxCommon.scss";
185 </style> 197 </style>
186 198
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -47,13 +47,14 @@ ...@@ -47,13 +47,14 @@
47 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> 47 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
48 正在注销 48 正在注销
49 </div> 49 </div>
50 <span v-if="item.prop == 'qszt'">
51 {{ getQsztName(row[item.prop]) }}
52 </span>
53 50
54 <span v-if="!['djyy','fj'].includes(item.prop)"> 51 <p v-if="!['djyy','fj'].includes(item.prop)">
55 {{ row[item.prop] }} 52 <span v-if="item.prop == 'qszt'">
56 </span> 53 {{ getQsztName(row[item.prop]) }}
54 </span>
55 <span v-else>{{ row[item.prop] }}</span>
56 </p>
57
57 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 58 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
58 <span class="ellipsis-line"> 59 <span class="ellipsis-line">
59 {{ row[item.prop] }} 60 {{ row[item.prop] }}
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-24 16:15:42 4 * @LastEditTime: 2023-08-25 17:14:29
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -46,13 +46,14 @@ ...@@ -46,13 +46,14 @@
46 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> 46 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
47 正在注销 47 正在注销
48 </div> 48 </div>
49 <span v-if="item.prop == 'qszt'">
50 {{ getQsztName(row[item.prop]) }}
51 </span>
52 49
53 <span v-if="!['djyy','fj'].includes(item.prop)"> 50 <p v-if="!['djyy','fj'].includes(item.prop)">
54 {{ row[item.prop] }} 51 <span v-if="item.prop == 'qszt'">
55 </span> 52 {{ getQsztName(row[item.prop]) }}
53 </span>
54 <span v-else>{{ row[item.prop] }}</span>
55 </p>
56
56 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 57 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
57 <span class="ellipsis-line"> 58 <span class="ellipsis-line">
58 {{ row[item.prop] }} 59 {{ row[item.prop] }}
......
...@@ -46,13 +46,14 @@ ...@@ -46,13 +46,14 @@
46 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> 46 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
47 正在注销 47 正在注销
48 </div> 48 </div>
49 <span v-if="item.prop == 'qszt'">
50 {{ getQsztName(row[item.prop]) }}
51 </span>
52 49
53 <span v-if="!['djyy','fj'].includes(item.prop)"> 50 <p v-if="!['djyy','fj'].includes(item.prop)">
54 {{ row[item.prop] }} 51 <span v-if="item.prop == 'qszt'">
55 </span> 52 {{ getQsztName(row[item.prop]) }}
53 </span>
54 <span v-else>{{ row[item.prop] }}</span>
55 </p>
56
56 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 57 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
57 <span class="ellipsis-line"> 58 <span class="ellipsis-line">
58 {{ row[item.prop] }} 59 {{ row[item.prop] }}
......
...@@ -46,13 +46,14 @@ ...@@ -46,13 +46,14 @@
46 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> 46 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
47 正在注销 47 正在注销
48 </div> 48 </div>
49 <span v-if="item.prop == 'qszt'">
50 {{ getQsztName(row[item.prop]) }}
51 </span>
52 49
53 <span v-if="!['djyy','fj'].includes(item.prop)"> 50 <p v-if="!['djyy','fj'].includes(item.prop)">
54 {{ row[item.prop] }} 51 <span v-if="item.prop == 'qszt'">
55 </span> 52 {{ getQsztName(row[item.prop]) }}
53 </span>
54 <span v-else>{{ row[item.prop] }}</span>
55 </p>
56
56 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width"> 57 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
57 <span class="ellipsis-line"> 58 <span class="ellipsis-line">
58 {{ row[item.prop] }} 59 {{ row[item.prop] }}
......