修改林权展示
Showing
3 changed files
with
116 additions
and
73 deletions
... | @@ -10,7 +10,11 @@ | ... | @@ -10,7 +10,11 @@ |
10 | {{ title }} | 10 | {{ title }} |
11 | <div class="checkbox"> | 11 | <div class="checkbox"> |
12 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 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> | 13 | <el-checkbox |
14 | v-for="item in qsztList" | ||
15 | :key="item.value" | ||
16 | :label="item.value" | ||
17 | >{{ item.label }}</el-checkbox> | ||
14 | </el-checkbox-group> | 18 | </el-checkbox-group> |
15 | </div> | 19 | </div> |
16 | </div> | 20 | </div> |
... | @@ -18,10 +22,11 @@ | ... | @@ -18,10 +22,11 @@ |
18 | <!-- 固定前三个 --> | 22 | <!-- 固定前三个 --> |
19 | <table class="xxTable"> | 23 | <table class="xxTable"> |
20 | <tr v-for="(item, colindex) in columns" :key="colindex"> | 24 | <tr v-for="(item, colindex) in columns" :key="colindex"> |
21 | <td> | 25 | <td>{{ item.label }}</td> |
22 | {{ item.label }} | 26 | <td |
23 | </td> | 27 | v-for="(row, index) in tableData" |
24 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 28 | :key="index" |
29 | :class="[ | ||
25 | row.qszt == '2' ? 'lishi' : '', | 30 | row.qszt == '2' ? 'lishi' : '', |
26 | row.qszt == '0' ? 'linshi' : '', | 31 | row.qszt == '0' ? 'linshi' : '', |
27 | row.qlzt == '4' ? 'linshi' : '', | 32 | row.qlzt == '4' ? 'linshi' : '', |
... | @@ -30,28 +35,19 @@ | ... | @@ -30,28 +35,19 @@ |
30 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | 35 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', |
31 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | 36 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', |
32 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | 37 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' |
33 | ]"> | 38 | ]" |
39 | > | ||
34 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 40 | <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> | 41 | <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> | 42 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
37 | </div> | 43 | </div> |
38 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> | 44 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">有效</div> |
39 | 有效 | 45 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">正在补录</div> |
40 | </div> | 46 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">正在申请</div> |
41 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | 47 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">正在注销</div> |
42 | 正在补录 | 48 | <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> |
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 | <span v-if="item.prop == 'qszt'"> | ||
51 | {{ getQsztName(row[item.prop]) }} | ||
52 | </span> | ||
53 | 49 | ||
54 | <span v-else> {{ row[item.prop] }}</span> | 50 | <span v-else>{{ row[item.prop] }}</span> |
55 | </td> | 51 | </td> |
56 | <td v-for="count in emptycolNum" :key="~count"></td> | 52 | <td v-for="count in emptycolNum" :key="~count"></td> |
57 | </tr> | 53 | </tr> |
... | @@ -59,16 +55,16 @@ | ... | @@ -59,16 +55,16 @@ |
59 | </div> | 55 | </div> |
60 | </div> | 56 | </div> |
61 | </div> | 57 | </div> |
62 | </template> | 58 | </template> |
63 | 59 | ||
64 | <script> | 60 | <script> |
65 | import { datas } from "./qlxxFormData.js"; | 61 | import { datas } from "./qlxxFormData.js"; |
66 | import { getSjlx } from "@/utils/dictionary.js"; | 62 | import { getSjlx } from "@/utils/dictionary.js"; |
67 | import { getLqList } from "@/api/djbDetail.js"; | 63 | import { getLqList } from "@/api/djbDetail.js"; |
68 | export default { | 64 | export default { |
69 | data () { | 65 | data() { |
70 | return { | 66 | return { |
71 | title: "林地使用权登记信息", | 67 | title: "林权登记信息", |
72 | qsztList: datas.columns().qsztList, | 68 | qsztList: datas.columns().qsztList, |
73 | checkList: datas.columns().checkList, | 69 | checkList: datas.columns().checkList, |
74 | //传递参数 | 70 | //传递参数 |
... | @@ -81,7 +77,7 @@ | ... | @@ -81,7 +77,7 @@ |
81 | columns: datas.columns().LDSYQ, | 77 | columns: datas.columns().LDSYQ, |
82 | }; | 78 | }; |
83 | }, | 79 | }, |
84 | created () { | 80 | created() { |
85 | this.loadData(); | 81 | this.loadData(); |
86 | }, | 82 | }, |
87 | methods: { | 83 | methods: { |
... | @@ -89,13 +85,12 @@ | ... | @@ -89,13 +85,12 @@ |
89 | * @description: loadData | 85 | * @description: loadData |
90 | * @author: renchao | 86 | * @author: renchao |
91 | */ | 87 | */ |
92 | loadData () { | 88 | loadData() { |
93 | |||
94 | if (this.$parent.addRepairRecord) { | 89 | if (this.$parent.addRepairRecord) { |
95 | this.columns.unshift({ | 90 | this.columns.unshift({ |
96 | prop: "cz", | 91 | prop: "cz", |
97 | label: "操作" | 92 | label: "操作", |
98 | }) | 93 | }); |
99 | } | 94 | } |
100 | getLqList({ | 95 | getLqList({ |
101 | bdcdyid: this.propsParam.bdcdyid, | 96 | bdcdyid: this.propsParam.bdcdyid, |
... | @@ -104,9 +99,9 @@ | ... | @@ -104,9 +99,9 @@ |
104 | }).then((res) => { | 99 | }).then((res) => { |
105 | if (res.code === 200) { | 100 | if (res.code === 200) { |
106 | this.tableData = res.result; | 101 | this.tableData = res.result; |
107 | this.tableData.forEach(item => { | 102 | this.tableData.forEach((item) => { |
108 | item.sjlx = getSjlx(item.sjlx) | 103 | item.sjlx = getSjlx(item.sjlx); |
109 | }) | 104 | }); |
110 | if (this.tableData.length < datas.columns().emptycolNum) { | 105 | if (this.tableData.length < datas.columns().emptycolNum) { |
111 | this.emptycolNum = | 106 | this.emptycolNum = |
112 | datas.columns().emptycolNum - this.tableData.length; | 107 | datas.columns().emptycolNum - this.tableData.length; |
... | @@ -120,7 +115,7 @@ | ... | @@ -120,7 +115,7 @@ |
120 | * @description: checkChange | 115 | * @description: checkChange |
121 | * @author: renchao | 116 | * @author: renchao |
122 | */ | 117 | */ |
123 | checkChange () { | 118 | checkChange() { |
124 | if (this.checkList.length === 0) { | 119 | if (this.checkList.length === 0) { |
125 | this.tableData = []; | 120 | this.tableData = []; |
126 | this.emptycolNum = datas.columns().emptycolNum; | 121 | this.emptycolNum = datas.columns().emptycolNum; |
... | @@ -133,7 +128,7 @@ | ... | @@ -133,7 +128,7 @@ |
133 | * @param {*} code | 128 | * @param {*} code |
134 | * @author: renchao | 129 | * @author: renchao |
135 | */ | 130 | */ |
136 | getQsztName (code) { | 131 | getQsztName(code) { |
137 | let name = ""; | 132 | let name = ""; |
138 | for (let item of this.qsztList) { | 133 | for (let item of this.qsztList) { |
139 | if (item.value == code) { | 134 | if (item.value == code) { |
... | @@ -150,31 +145,32 @@ | ... | @@ -150,31 +145,32 @@ |
150 | * @param {*} del | 145 | * @param {*} del |
151 | * @author: renchao | 146 | * @author: renchao |
152 | */ | 147 | */ |
153 | editDialog (row, del) { | 148 | editDialog(row, del) { |
154 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 149 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
155 | confirmButtonText: '确定', | 150 | confirmButtonText: "确定", |
156 | cancelButtonText: '取消', | 151 | cancelButtonText: "取消", |
157 | type: 'warning' | 152 | type: "warning", |
158 | }).then(() => { | 153 | }) |
159 | this.$parent.addRepairRecord(row, del) | 154 | .then(() => { |
155 | this.$parent.addRepairRecord(row, del); | ||
160 | 156 | ||
161 | this.$message({ | 157 | this.$message({ |
162 | type: 'success', | 158 | type: "success", |
163 | message: '补录成功!' | 159 | message: "补录成功!", |
164 | }); | 160 | }); |
165 | }).catch(() => { | 161 | }) |
162 | .catch(() => { | ||
166 | this.$message({ | 163 | this.$message({ |
167 | type: 'info', | 164 | type: "info", |
168 | message: '取消编辑' | 165 | message: "取消编辑", |
169 | }); | 166 | }); |
170 | }); | 167 | }); |
171 | |||
172 | }, | 168 | }, |
173 | }, | 169 | }, |
174 | }; | 170 | }; |
175 | </script> | 171 | </script> |
176 | 172 | ||
177 | <style lang="scss" scoped> | 173 | <style lang="scss" scoped> |
178 | @import "./qlxxCommon.scss"; | 174 | @import "./qlxxCommon.scss"; |
179 | </style> | 175 | </style> |
180 | 176 | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -1284,12 +1284,12 @@ class data extends filter { | ... | @@ -1284,12 +1284,12 @@ class data extends filter { |
1284 | label: "共有情况", | 1284 | label: "共有情况", |
1285 | }, | 1285 | }, |
1286 | { | 1286 | { |
1287 | prop: "qlrlx", | 1287 | prop: "sllmsyq1", |
1288 | label: "权利人类型", | 1288 | label: "森林林木所有权人", |
1289 | }, | 1289 | }, |
1290 | { | 1290 | { |
1291 | prop: "qlrmc", | 1291 | prop: "sllmsyq2", |
1292 | label: "权利人", | 1292 | label: "森林林木使用权人", |
1293 | }, | 1293 | }, |
1294 | { | 1294 | { |
1295 | prop: "qlrzjzl", | 1295 | prop: "qlrzjzl", |
... | @@ -1300,24 +1300,68 @@ class data extends filter { | ... | @@ -1300,24 +1300,68 @@ class data extends filter { |
1300 | label: "证件号", | 1300 | label: "证件号", |
1301 | }, | 1301 | }, |
1302 | { | 1302 | { |
1303 | prop: "qlxzmc", | 1303 | prop: "ldsyqxz", |
1304 | label: "权利性质", | 1304 | label: "林地所有权性质", |
1305 | }, | 1305 | }, |
1306 | { | 1306 | { |
1307 | prop: "ytmc", | 1307 | prop: "fbf", |
1308 | label: "土地用途", | 1308 | label: "发包方", |
1309 | }, | 1309 | }, |
1310 | { | 1310 | { |
1311 | prop: "fbfdm", | 1311 | prop: "fbfdm", |
1312 | label: "发包方代码", | 1312 | label: "发包方代码", |
1313 | }, | 1313 | }, |
1314 | { | 1314 | { |
1315 | prop: "fbfmc", | 1315 | prop: "syqmj", |
1316 | label: "发包方名称", | 1316 | label: "使用权面积", |
1317 | }, | 1317 | }, |
1318 | { | 1318 | { |
1319 | prop: "mjmc", | 1319 | prop: "ldsyqssj", |
1320 | label: "使用权面积", | 1320 | label: "林地使用(承包)起始时间", |
1321 | }, | ||
1322 | { | ||
1323 | prop: "ldsyjssj", | ||
1324 | label: "林地使用(承包)结束时间", | ||
1325 | }, | ||
1326 | { | ||
1327 | prop: "ldsyqx", | ||
1328 | label: "林地使用(承包)期限", | ||
1329 | }, | ||
1330 | { | ||
1331 | prop: "sllb", | ||
1332 | label: "森林类别", | ||
1333 | }, | ||
1334 | { | ||
1335 | prop: "zylz", | ||
1336 | label: "主要树种", | ||
1337 | }, | ||
1338 | { | ||
1339 | prop: "zs", | ||
1340 | label: "株数", | ||
1341 | }, | ||
1342 | { | ||
1343 | prop: "lz", | ||
1344 | label: "林种", | ||
1345 | }, | ||
1346 | { | ||
1347 | prop: "qy", | ||
1348 | label: "起源", | ||
1349 | }, | ||
1350 | { | ||
1351 | prop: "zlnd", | ||
1352 | label: "造林年度", | ||
1353 | }, | ||
1354 | { | ||
1355 | prop: "lb", | ||
1356 | label: "林班", | ||
1357 | }, | ||
1358 | { | ||
1359 | prop: "xb", | ||
1360 | label: "小班", | ||
1361 | }, | ||
1362 | { | ||
1363 | prop: "xdm", | ||
1364 | label: "小地名", | ||
1321 | }, | 1365 | }, |
1322 | { | 1366 | { |
1323 | prop: "djjg", | 1367 | prop: "djjg", | ... | ... |
... | @@ -34,6 +34,10 @@ export function getForm(tabName, djywbm) { | ... | @@ -34,6 +34,10 @@ export function getForm(tabName, djywbm) { |
34 | case "fwsyqslxx300": | 34 | case "fwsyqslxx300": |
35 | form = require("@/views/ywbl/slsqxx/fdcq2/slxx300.vue"); | 35 | form = require("@/views/ywbl/slsqxx/fdcq2/slxx300.vue"); |
36 | break; | 36 | break; |
37 | //林地使用权 | ||
38 | case "lqslxx": | ||
39 | form = require("@/views/ywbl/slsqxx/lqslxx"); | ||
40 | break; | ||
37 | case "plfdcq2": | 41 | case "plfdcq2": |
38 | form = require("@/views/ywbl/slsqxx/fdcq2/slxxOverview.vue"); | 42 | form = require("@/views/ywbl/slsqxx/fdcq2/slxxOverview.vue"); |
39 | break; | 43 | break; |
... | @@ -95,6 +99,9 @@ export function getForm(tabName, djywbm) { | ... | @@ -95,6 +99,9 @@ export function getForm(tabName, djywbm) { |
95 | case "fdcq2Qlxx": | 99 | case "fdcq2Qlxx": |
96 | form = require("@/views/registerBook/fdcq2.vue"); | 100 | form = require("@/views/registerBook/fdcq2.vue"); |
97 | break; | 101 | break; |
102 | case "lqQlxx": | ||
103 | form = require("@/views/registerBook/ldsyq.vue"); | ||
104 | break; | ||
98 | case "diyaqQlxx": | 105 | case "diyaqQlxx": |
99 | form = require("@/views/registerBook/diyaq.vue"); | 106 | form = require("@/views/registerBook/diyaq.vue"); |
100 | break; | 107 | break; |
... | @@ -110,10 +117,6 @@ export function getForm(tabName, djywbm) { | ... | @@ -110,10 +117,6 @@ export function getForm(tabName, djywbm) { |
110 | case "zdjbxxImg": | 117 | case "zdjbxxImg": |
111 | form = require("@/views/workflow/components/zdt.vue"); | 118 | form = require("@/views/workflow/components/zdt.vue"); |
112 | break; | 119 | break; |
113 | //林地使用权 | ||
114 | case "lqslxx": | ||
115 | form = require("@/views/ywbl/slsqxx/lqslxx"); | ||
116 | break; | ||
117 | default: | 120 | default: |
118 | form = require("@/views/error-page/404.vue"); | 121 | form = require("@/views/error-page/404.vue"); |
119 | break; | 122 | break; | ... | ... |
-
Please register or sign in to post a comment