1364d6c9 by tianhaohao@pashanhoo.com

修改林权展示

1 parent 929fda45
......@@ -4,24 +4,29 @@
* @LastEditTime: 2023-08-11 15:33:53
-->
<template>
<div class="djxxTable">
<div class="tableBox">
<div class="title">
{{ title }}
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
</el-checkbox-group>
</div>
<div class="djxxTable">
<div class="tableBox">
<div class="title">
{{ title }}
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
v-for="item in qsztList"
:key="item.value"
:label="item.value"
>{{ item.label }}</el-checkbox>
</el-checkbox-group>
</div>
<div class="xxTableBox rollTable">
<!-- 固定前三个 -->
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<td v-for="(row, index) in tableData" :key="index" :class="[
</div>
<div class="xxTableBox rollTable">
<!-- 固定前三个 -->
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>{{ item.label }}</td>
<td
v-for="(row, index) in tableData"
:key="index"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
row.qlzt == '4' ? 'linshi' : '',
......@@ -30,151 +35,142 @@
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
]">
<div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
有效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
正在补录
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
正在申请
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
正在注销
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
]"
>
<div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">有效</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">正在补录</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">正在申请</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">正在注销</div>
<span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span>
<span v-else>{{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</template>
</div>
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getLqList } from "@/api/djbDetail.js";
export default {
data () {
return {
title: "林地使用权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().LDSYQ,
};
},
created () {
this.loadData();
},
methods: {
/**
* @description: loadData
* @author: renchao
*/
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作"
})
}
getLqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.tableData.forEach(item => {
item.sjlx = getSjlx(item.sjlx)
})
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
<script>
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getLqList } from "@/api/djbDetail.js";
export default {
data() {
return {
title: "林权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().LDSYQ,
};
},
created() {
this.loadData();
},
methods: {
/**
* @description: loadData
* @author: renchao
*/
loadData() {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
});
}
getLqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
},
/**
* @description: checkChange
* @author: renchao
*/
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.loadData();
this.emptycolNum = 0;
}
},
/**
* @description: getQsztName
* @param {*} code
* @author: renchao
*/
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
// 新增一条补录信息
/**
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: renchao
*/
editDialog (row, del) {
this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$parent.addRepairRecord(row, del)
this.$message({
type: 'success',
message: '补录成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '取消编辑'
});
}
});
},
/**
* @description: checkChange
* @author: renchao
*/
checkChange() {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
},
/**
* @description: getQsztName
* @param {*} code
* @author: renchao
*/
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
// 新增一条补录信息
/**
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: renchao
*/
editDialog(row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.$parent.addRepairRecord(row, del);
this.$message({
type: "success",
message: "补录成功!",
});
},
},
};
</script>
})
.catch(() => {
this.$message({
type: "info",
message: "取消编辑",
});
});
},
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
</style>
@import "./qlxxCommon.scss";
</style>
\ No newline at end of file
......
......@@ -1282,14 +1282,14 @@ class data extends filter {
{
prop: "gyqk",
label: "共有情况",
},
},
{
prop: "qlrlx",
label: "权利人类型",
prop: "sllmsyq1",
label: "森林林木所有权人",
},
{
prop: "qlrmc",
label: "权利人",
prop: "sllmsyq2",
label: "森林林木使用权人",
},
{
prop: "qlrzjzl",
......@@ -1300,24 +1300,68 @@ class data extends filter {
label: "证件号",
},
{
prop: "qlxzmc",
label: "权利性质",
prop: "ldsyqxz",
label: "林地所有权性质",
},
{
prop: "ytmc",
label: "土地用途",
prop: "fbf",
label: "发包方",
},
{
prop: "fbfdm",
label: "发包方代码",
},
{
prop: "fbfmc",
label: "发包方名称",
prop: "syqmj",
label: "使用权面积",
},
{
prop: "mjmc",
label: "使用权面积",
prop: "ldsyqssj",
label: "林地使用(承包)起始时间",
},
{
prop: "ldsyjssj",
label: "林地使用(承包)结束时间",
},
{
prop: "ldsyqx",
label: "林地使用(承包)期限",
},
{
prop: "sllb",
label: "森林类别",
},
{
prop: "zylz",
label: "主要树种",
},
{
prop: "zs",
label: "株数",
},
{
prop: "lz",
label: "林种",
},
{
prop: "qy",
label: "起源",
},
{
prop: "zlnd",
label: "造林年度",
},
{
prop: "lb",
label: "林班",
},
{
prop: "xb",
label: "小班",
},
{
prop: "xdm",
label: "小地名",
},
{
prop: "djjg",
......
......@@ -34,6 +34,10 @@ export function getForm(tabName, djywbm) {
case "fwsyqslxx300":
form = require("@/views/ywbl/slsqxx/fdcq2/slxx300.vue");
break;
//林地使用权
case "lqslxx":
form = require("@/views/ywbl/slsqxx/lqslxx");
break;
case "plfdcq2":
form = require("@/views/ywbl/slsqxx/fdcq2/slxxOverview.vue");
break;
......@@ -95,6 +99,9 @@ export function getForm(tabName, djywbm) {
case "fdcq2Qlxx":
form = require("@/views/registerBook/fdcq2.vue");
break;
case "lqQlxx":
form = require("@/views/registerBook/ldsyq.vue");
break;
case "diyaqQlxx":
form = require("@/views/registerBook/diyaq.vue");
break;
......@@ -109,11 +116,7 @@ export function getForm(tabName, djywbm) {
break;
case "zdjbxxImg":
form = require("@/views/workflow/components/zdt.vue");
break;
//林地使用权
case "lqslxx":
form = require("@/views/ywbl/slsqxx/lqslxx");
break;
break;
default:
form = require("@/views/error-page/404.vue");
break;
......