Skip to content

bdc / bdcdj-web

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

feat:从登记薄点击业务号进入业务流程功能开发

1 parent 9caea434
Inline Side-by-side
Showing 16 changed files with 205 additions and 1897 deletions
/*
* @Description: 登记业务信息接口
* @Autor: renchao
* @LastEditTime: 2023-09-15 14:16:20
* @LastEditTime: 2023-09-18 14:22:02
*/
import request from '@/utils/request'
let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
......@@ -19,3 +19,20 @@ export function getXtParamsByYwh (ywh) {
}
})
}
/**
* @description: 根据业务号查询补录参数数据
* @param {*} ywh
* @param {*} bsmQlxx
* @author: renchao
*/
export function getBlParamsByYwh (ywh, bsmQlxx) {
return request({
url: SERVER.SERVERAPI + '​/rest​/ywbl​/djyw​/getBlParamsByYwh',
method: 'get',
params: {
ywh: ywh,
bsmQlxx: bsmQlxx
}
})
}
\ No newline at end of file
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-15 10:20:43
* @LastEditTime: 2023-09-18 13:45:50
-->
<template>
<div class="djxxTable">
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
:columns="columns" :tableData="tableData" />
<!-- <div v-show="false">
<printTemplate id="boxcfdj" :tableData="tableData" :render="render" />
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" @click="openPrint()">打印</el-button>
<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>
<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' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
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>
<p v-if="!['djyy', 'fj'].includes(item.prop)">
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else>{{ row[item.prop] }}</span>
</p>
<el-tooltip
v-else
effect="dark"
:content="row[item.prop]"
placement="top"
popper-class="tooltip-width">
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
</el-tooltip>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div> -->
</div>
</template>
......@@ -104,14 +23,10 @@
return {
shows: false,
title: "查封登记信息",
// qsztList: datas.columns().qsztList,
// checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
// emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().CFDJ,
render: false,
......@@ -154,64 +69,10 @@
this.emptycolNum = 0;
}
}
});
},
// /**
// * @description: checkChange
// * @author: renchao
// */
// checkChange () {
// if (this.checkList.length === 0) {
// this.tableData = [];
// this.emptycolNum = datas.columns().emptycolNum;
// } else {
// this.loadData();
// }
// },
// /**
// * @description: getQsztName
// * @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: "取消编辑",
// });
// });
// },
},
};
})
}
}
}
</script>
<style lang="scss" scoped>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-15 11:00:11
* @LastEditTime: 2023-09-18 14:42:14
-->
<template>
<div class="tableBox">
......@@ -71,7 +71,10 @@
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else>{{ row[item.prop] }}</span>
<el-link v-if="item.prop == 'ywh'"
@click="handleSelectYwh(tableData, row[item.prop])"
type="primary">{{ row[item.prop] }}</el-link>
<span v-if="!['qszt','ywh' ].includes(item.prop)">{{ row[item.prop] }}</span>
</p>
<el-tooltip
......@@ -92,8 +95,10 @@
</div>
</template>
<script>
import Router from '@/router'
import { datas } from "../qlxxFormData.js";
import printTemplate from "../components/printTemplate.vue";
import { getXtParamsByYwh, getBlParamsByYwh } from '@/api/djyw'
export default {
components: {
printTemplate
......@@ -133,7 +138,6 @@
},
methods: {
openPrint () {
console.log("tableData",this.tableData);
this.render = true;
setTimeout(() => {
this.prinsss();
......@@ -210,6 +214,30 @@
message: "取消编辑"
})
})
},
// 选择业务号
handleSelectYwh (data, ywh) {
let sjlx = '',
bsmQlxx = ''
data.forEach(item => {
if (item.ywh == ywh) {
sjlx = item.sjlx
bsmQlxx = item.bsmQlxx
}
})
if (sjlx == '系统数据') {
getXtParamsByYwh(ywh).then(res => {
let data = res.result
const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bestepid=' + data.bestepid + '&bsmBusiness=' + data.bsmBusiness + '&type=jdcx')
window.open(href, `urlname${data.bsmSlsq}`)
})
} else {
getBlParamsByYwh(ywh, bsmQlxx).then(res => {
let data = res.result
const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bestepid=' + data.bestepid + '&bsmBusiness=' + data.bsmBusiness + '&type=jdcx')
window.open(href, `urlname${data.bsmSlsq}`)
})
}
}
}
}
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-23 15:54:12
* @LastEditTime: 2023-09-18 13:14:31
-->
<template>
<div class="djxxTable">
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
:columns="columns" :tableData="tableData" />
<!-- <div v-show="false">
<printTemplate id="boxdiyaq" :tableData="tableData" :render="render" />
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" @click="openPrint()">打印</el-button>
<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>
<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' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
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>
<p v-if="!['djyy', 'fj'].includes(item.prop)">
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else>{{ row[item.prop] }}</span>
</p>
<el-tooltip
v-else
effect="dark"
:content="row[item.prop]"
placement="top"
popper-class="tooltip-width">
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
</el-tooltip>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div> -->
</div>
</template>
......@@ -106,14 +23,10 @@
return {
shows: false,
title: "抵押权登记信息",
// qsztList: datas.columns().qsztList,
// checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
// emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().DYAQ,
render: false,
......@@ -123,35 +36,6 @@
this.loadData();
},
methods: {
// /**
// * @description: openPrint
// * @author: miaofang
// */
// openPrint () {
// this.render = true;
// setTimeout(() => {
// this.prinsss();
// }, 100);
// },
// /**
// * @description: prinsss
// * @author: miaofang
// */
// prinsss () {
// printJS({
// printable: "boxdiyaq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
// type: "html",
// maxWidth: 800, // 最大宽度
// font_size: "", // 不设置则使用默认字体大小
// style: `@font-face {
// font-family: "STZHONGS";
// src: url(${window.ttf}) format("truetype");
// }`,
// // 继承原来的所有样式
// targetStyles: ["*"],
// });
// this.render = false
// },
/**
* @description: loadData
* @author: renchao
......@@ -179,72 +63,16 @@
this.emptycolNum = 0;
}
}
});
},
// /**
// * @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: "补录成功!",
// });
// })
// .catch(() => {
// this.$message({
// type: "info",
// message: "取消编辑",
// });
// });
// },
},
};
})
}
}
}
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-08-23 15:54:12
* @LastEditTime: 2023-09-18 13:41:23
-->
<template>
<div class="djxxTable">
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
:columns="columns" :tableData="tableData" />
<!-- <div v-show="false">
<printTemplate id="boxdiyiq" :tableData="tableData" :render="render"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" @click="openPrint()"
>打印</el-button
>
<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>
<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' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
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>
<p v-if="!['djyy', 'fj'].includes(item.prop)">
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else>{{ row[item.prop] }}</span>
</p>
<el-tooltip
v-else
effect="dark"
:content="row[item.prop]"
placement="top"
popper-class="tooltip-width"
>
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
</el-tooltip>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div> -->
</div>
</template>
<script>
import djbDetail from "./components/djbDetail.vue"
import { datas } from "./qlxxFormData.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import { getDiyiqList } from "@/api/djbDetail.js";
export default {
import { datas } from "./qlxxFormData.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import { getDiyiqList } from "@/api/djbDetail.js";
export default {
components: {
djbDetail
},
data() {
data () {
return {
shows:false,
shows: false,
title: "地役权登记信息",
// qsztList: datas.columns().qsztList,
// checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
// emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().DYIQ,
render: false,
};
},
created() {
created () {
this.loadData();
},
methods: { /**
// * @description: openPrint
// * @author: miaofang
// */
// openPrint() {
// this.render = true;
// setTimeout(() => {
// this.prinsss();
// }, 100);
// },
// /**
// * @description: prinsss
// * @author: miaofang
// */
// prinsss() {
// printJS({
// printable: "boxdiyiq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
// type: "html",
// maxWidth: 800, // 最大宽度
// font_size: "", // 不设置则使用默认字体大小
// style: `@font-face {
// font-family: "STZHONGS";
// src: url(${window.ttf}) format("truetype");
// }`,
// // 继承原来的所有样式
// targetStyles: ["*"],
// });
// this.render=false
// },
/**
* @description: loadData
* @author: miaofang
*/
loadData() {
methods: {
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
......@@ -177,7 +47,7 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.shows = this.tableData.length > 0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, "A27");
......@@ -189,70 +59,15 @@ export default {
this.emptycolNum = 0;
}
}
});
},
// /**
// * @description: checkChange
// * @author: miaofang
// */
// checkChange() {
// if (this.checkList.length === 0) {
// this.tableData = [];
// this.emptycolNum = datas.columns().emptycolNum;
// } else {
// this.loadData();
// }
// },
// /**
// * @description: getQsztName
// * @param {*} code
// * @author: miaofang
// */
// 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: miaofang
// */
// 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: "取消编辑",
// });
// });
// },
},
};
})
}
}
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
......@@ -261,5 +76,5 @@ export default {
left: 11px;
top: 5px;
}
}
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-15 10:41:10
* @LastEditTime: 2023-09-18 13:39:51
-->
<template>
<div class="content">
......@@ -33,7 +33,7 @@
<el-button
v-for="(item, index) in item.children"
:re='item'
:key="index"
:key="item.id"
class="sfqcontent"
@click="addlist(item, index)">
{{ item.label }}
......@@ -123,10 +123,6 @@
bsmQlxx: this.formData.bsmQlxx,
}
},
/**
* @description: loadData
* @author: renchao
*/
loadData (val) {
getBdcqljqtsx({
bdcdyid: this.formData.bdcdyid,
......@@ -149,6 +145,7 @@
}
})
this.setstyle(0, 0, this.iskey);
console.log(this.sfqdata, ' this.sfqdata');
})
}
})
......@@ -199,13 +196,12 @@
this.currentSelectProps.bdcdyid = data.bdcdyid;
this.loadComponent(data.form);
} else {
this.loadComponent(data.form);
let newindex = this.sfqdata.findIndex((item) => {
return item.bdcdyid == data.bdcdyid;
});
this.setstyle(newindex, index);
this.loadComponent(data.form);
}
},
/**
* @description: loadComponent
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-09-15 10:20:40
* @LastEditTime: 2023-09-18 14:48:07
-->
<template>
<div class="djxxTable">
......@@ -72,7 +72,9 @@
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<el-link v-if="item.prop == 'ywh'"
@click="handleSelectYwh(tableData, row[item.prop])"
type="primary">{{ row[item.prop] }}</el-link>
<el-tooltip
v-if="['djyy', 'fj'].includes(item.prop)"
effect="dark"
......@@ -86,6 +88,7 @@
<span
v-if="
item.prop !== 'ywh' &&
item.prop !== 'qszt' &&
item.prop !== 'djyy' &&
item.prop !== 'fj' &&
......@@ -110,11 +113,13 @@
</template>
<script>
import Router from '@/router'
import printJS from "print-js";
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getFdcq1List } from "@/api/djbDetail.js";
import printTemplate from "./components/printTemplate.vue";
import { getXtParamsByYwh, getBlParamsByYwh } from '@/api/djyw'
export default {
components: {
printTemplate,
......@@ -246,7 +251,6 @@
return false;
}
},
// 新增一条补录信息
/**
* @description: 新增一条补录信息
* @param {*} row
......@@ -274,7 +278,31 @@
});
});
},
},
// 选择业务号
handleSelectYwh (data, ywh) {
let sjlx = '',
bsmQlxx = ''
data.forEach(item => {
if (item.ywh == ywh) {
sjlx = item.sjlx
bsmQlxx = item.bsmQlxx
}
})
if (sjlx == '系统数据') {
getXtParamsByYwh(ywh).then(res => {
let data = res.result
const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bestepid=' + data.bestepid + '&bsmBusiness=' + data.bsmBusiness + '&type=jdcx')
window.open(href, `urlname${data.bsmSlsq}`)
})
} else {
getBlParamsByYwh(ywh, bsmQlxx).then(res => {
let data = res.result
const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bestepid=' + data.bestepid + '&bsmBusiness=' + data.bsmBusiness + '&type=jdcx')
window.open(href, `urlname${data.bsmSlsq}`)
})
}
}
}
};
</script>
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-09-15 10:58:42
* @LastEditTime: 2023-09-18 13:42:34
-->
<template>
<div class="djxxTable">
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
:columns="columns" :tableData="tableData" />
<!-- <div v-show="false">
<printTemplate
id="boxfdcq"
:tableData="tableData"
:render="render" />
</div> -->
<!-- <div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" @click="openPrint()">打印</el-button>
<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>
<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' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
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>
<p v-if="!['djyy', 'fj'].includes(item.prop)">
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else>{{ row[item.prop] }}</span>
</p>
<el-tooltip
v-else
effect="dark"
:content="row[item.prop]"
placement="top"
popper-class="tooltip-width">
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
</el-tooltip>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div> -->
</div>
</template>
<script>
......@@ -115,11 +29,7 @@
tableData: [],
//列名称对象
columns: datas.columns().FDCQ2,
// qsztList: datas.columns().qsztList,
render: false,
// checkList:datas.columns().checkList,
//空列值个数
// emptycolNum: datas.columns().emptycolNum
};
},
created () {
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-08-23 15:54:12
* @LastEditTime: 2023-09-18 13:43:36
-->
<template>
<div class="djxxTable">
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
:columns="columns" :tableData="tableData" />
<!-- <div v-show="false">
<printTemplate
id="boxjsydsyq"
:tableData="tableData"
:render="render"
/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" @click="openPrint()"
>打印</el-button
>
<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>
<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' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
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>
<p v-if="!['djyy', 'fj'].includes(item.prop)">
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else>{{ row[item.prop] }}</span>
</p>
<el-tooltip
v-else
effect="dark"
:content="row[item.prop]"
placement="top"
popper-class="tooltip-width"
>
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
</el-tooltip>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div> -->
</div>
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getJsydsyqList } from "@/api/djbDetail.js";
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getJsydsyqList } from "@/api/djbDetail.js";
import djbDetail from "./components/djbDetail.vue"
export default {
export default {
components: {
djbDetail,
},
data() {
data () {
return {
printObj: {
id: "box",
......@@ -124,57 +27,20 @@ export default {
},
shows: false,
title: "建设用地使用权、宅基地使用权登记信息",
// qsztList: datas.columns().qsztList,
// checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
// emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().JSYDSYQ,
render: false,
};
},
created() {
created () {
this.loadData();
},
methods: {
// /**
// * @description: openPrint
// * @author: miaofang
// */
// openPrint() {
// this.render = true;
// setTimeout(() => {
// this.prinsss();
// }, 100);
// },
// /**
// * @description: prinsss
// * @author: miaofang
// */
// prinsss() {
// printJS({
// printable: "boxjsydsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
// type: "html",
// maxWidth: 800, // 最大宽度
// font_size: "", // 不设置则使用默认字体大小
// style: `@font-face {
// font-family: "STZHONGS";
// src: url(${window.ttf}) format("truetype");
// }`,
// // 继承原来的所有样式
// targetStyles: ["*"],
// });
// this.render=false
// },
/**
* @description: loadData
* @author: miaofang
*/
loadData() {
loadData () {
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
......@@ -193,70 +59,15 @@ export default {
this.emptycolNum = 0;
}
}
});
},
// /**
// * @description: checkChange
// * @author: miaofang
// */
// checkChange() {
// if (this.checkList.length === 0) {
// this.tableData = [];
// this.emptycolNum = datas.columns().emptycolNum;
// } else {
// this.loadData();
// }
// },
// /**
// * @description: getQsztName
// * @param {*} code
// * @author: miaofang
// */
// 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: miaofang
// */
// 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: "取消编辑",
// });
// });
// },
},
};
})
}
}
}
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
......@@ -265,5 +76,5 @@ export default {
left: 11px;
top: 5px;
}
}
}
</style>
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-08-23 15:54:12
* @LastEditTime: 2023-09-18 13:44:04
-->
<template>
<div class="djxxTable">
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
:columns="columns" :tableData="tableData" />
<!-- <div v-show="false">
<printTemplate
id="boxldsyq"
:tableData="tableData"
:render="render"
/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" @click="openPrint()"
>打印</el-button
>
<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>
<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' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
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>
<p v-if="!['djyy', 'fj'].includes(item.prop)">
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else>{{ row[item.prop] }}</span>
</p>
<el-tooltip
v-else
effect="dark"
:content="row[item.prop]"
placement="top"
popper-class="tooltip-width"
>
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
</el-tooltip>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div> -->
</div>
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import { getLqList } from "@/api/djbDetail.js";
import { datas } from "./qlxxFormData.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import { getLqList } from "@/api/djbDetail.js";
import djbDetail from "./components/djbDetail.vue"
export default {
export default {
components: {
djbDetail,
},
data() {
data () {
return {
printObj: {
id: "box",
......@@ -122,57 +27,20 @@ export default {
},
shows: false,
title: "林权登记信息",
// qsztList: datas.columns().qsztList,
// checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
// emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().LDSYQ,
render: false,
};
},
created() {
created () {
this.loadData();
},
methods: {
// /**
// * @description: openPrint
// * @author: miaofang
// */
// openPrint() {
// this.render = true;
// setTimeout(() => {
// this.prinsss();
// }, 100);
// },
// /**
// * @description: prinsss
// * @author: miaofang
// */
// prinsss() {
// printJS({
// printable: "boxldsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
// type: "html",
// maxWidth: 800, // 最大宽度
// font_size: "", // 不设置则使用默认字体大小
// style: `@font-face {
// font-family: "STZHONGS";
// src: url(${window.ttf}) format("truetype");
// }`,
// // 继承原来的所有样式
// targetStyles: ["*"],
// });
// this.render=false
// },
/**
* @description: loadData
* @author: miaofang
*/
loadData() {
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
......@@ -201,69 +69,14 @@ export default {
}
}
});
},
// /**
// * @description: checkChange
// * @author: miaofang
// */
// checkChange() {
// if (this.checkList.length === 0) {
// this.tableData = [];
// this.emptycolNum = datas.columns().emptycolNum;
// } else {
// this.loadData();
// }
// },
// /**
// * @description: getQsztName
// * @param {*} code
// * @author: miaofang
// */
// 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: miaofang
// */
// 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: "取消编辑",
// });
// });
// },
},
};
}
}
}
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
......@@ -272,5 +85,5 @@ export default {
left: 11px;
top: 5px;
}
}
}
</style>
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-08-23 15:54:12
* @LastEditTime: 2023-09-18 13:44:35
-->
<template>
<div class="djxxTable">
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
:columns="columns" :tableData="tableData" />
<!-- <div v-show="false">
<printTemplate
id="boxnydsyq"
:tableData="tableData"
:render="render"
/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" @click="openPrint()"
>打印</el-button
>
<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>
<div class="xxTableBox">
<table class="xxTable">
<tr v-for="(item, colindex) in columns.slice(0, 3)" :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' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
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="row.qlzt == '1'">有效</div>
<div class="icon" v-if="row.qlzt == '2'">正在补录</div>
<div class="icon" v-if="row.qlzt == '3'">正在申请</div>
<div class="icon" v-if="row.qlzt == '4'">正在注销</div>
<p v-if="!['djyy', 'fj'].includes(item.prop)">
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else>{{ row[item.prop] }}</span>
</p>
<el-tooltip
v-else
effect="dark"
:content="row[item.prop]"
placement="top"
popper-class="tooltip-width"
>
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
</el-tooltip>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
<table class="xxTable rollTable">
<tr v-for="(item, colindex) in columns.slice(3)" :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' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
]"
>
<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>
<p v-if="!['djyy', 'fj'].includes(item.prop)">
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else>{{ row[item.prop] }}</span>
</p>
<el-tooltip
v-else
effect="dark"
:content="row[item.prop]"
placement="top"
popper-class="tooltip-width"
>
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
</el-tooltip>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div> -->
</div>
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getNydsyqList } from "@/api/djbDetail.js";
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getNydsyqList } from "@/api/djbDetail.js";
import djbDetail from "./components/djbDetail.vue"
export default {
export default {
components: {
djbDetail,
},
data() {
data () {
return {
printObj: {
id: "box",
......@@ -172,20 +27,16 @@ export default {
},
shows: false,
title: "农用地使用权登记信息",
// qsztList: datas.columns().qsztList,
// checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
// emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().NYDSYQ,
render: false,
};
},
created() {
created () {
var qllx = this.$route.query.sqywbm.substr(0, 3);
if (qllx == "A09") {
this.title = "土地经营权登记信息";
......@@ -195,40 +46,7 @@ export default {
this.loadData();
},
methods: {
// /**
// * @description: openPrint
// * @author: miaofang
// */
// openPrint() {
// this.render = true;
// setTimeout(() => {
// this.prinsss();
// }, 100);
// },
// /**
// * @description: prinsss
// * @author: miaofang
// */
// prinsss() {
// printJS({
// printable: "boxnydsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
// type: "html",
// maxWidth: 800, // 最大宽度
// font_size: "", // 不设置则使用默认字体大小
// style: `@font-face {
// font-family: "STZHONGS";
// src: url(${window.ttf}) format("truetype");
// }`,
// // 继承原来的所有样式
// targetStyles: ["*"],
// });
// this.render=false
// },
/**
* @description: loadData
* @author: miaofang
*/
loadData() {
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
......@@ -254,68 +72,14 @@ export default {
}
}
});
},
// /**
// * @description: checkChange
// * @author: miaofang
// */
// checkChange() {
// if (this.checkList.length === 0) {
// this.tableData = [];
// this.emptycolNum = datas.columns().emptycolNum;
// } else {
// this.loadData();
// }
// },
// /**
// * @description: getQsztName
// * @author: miaofang
// */
// 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: miaofang
// */
// 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: "取消编辑",
// });
// });
// },
},
};
}
}
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
......@@ -324,5 +88,5 @@ export default {
left: 11px;
top: 5px;
}
}
}
</style>
......
<!--
* @Author: yangwei
* @Date: 2023-08-15 14:15:06
* @LastEditors: yangwei
* @LastEditTime: 2023-08-15 14:15:19
* @FilePath: \bdcdj-web\src\views\registerBook\sllmsyq.vue
* @Description:
*
* Copyright (c) 2023 by yangwei, All Rights Reserved.
-->
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-08-11 15:33:53
* @LastEditTime: 2023-09-18 13:45:03
-->
<template>
<div class="djxxTable">
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
:columns="columns" :tableData="tableData" />
<!-- <div v-show="false">
<printTemplate
id="boxsllmsyq"
:tableData="tableData"
:render="render"
/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" @click="openPrint()"
>打印</el-button
>
<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>
<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' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
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>
<p v-if="!['djyy', 'fj'].includes(item.prop)">
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else>{{ row[item.prop] }}</span>
</p>
<el-tooltip
v-else
effect="dark"
:content="row[item.prop]"
placement="top"
popper-class="tooltip-width"
>
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
</el-tooltip>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div> -->
</div>
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getLqList } from "@/api/djbDetail.js";
import djbDetail from "./components/djbDetail.vue"
export default {
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getLqList } from "@/api/djbDetail.js";
import djbDetail from "./components/djbDetail.vue"
export default {
components: {
djbDetail,
},
data() {
data () {
return {
printObj: {
id: "box",
//其他配置项，
},
shows: false,
title: "林权登记信息",
// qsztList: datas.columns().qsztList,
// checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
// emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().LDSYQ,
render: false,
};
},
created() {
created () {
this.loadData();
},
methods: {
// /**
// * @description: openPrint
// * @author: miaofang
// */
// openPrint() {
// this.render = true;
// setTimeout(() => {
// this.prinsss();
// }, 100);
// },
// /**
// * @description: prinsss
// * @author: miaofang
// */
// prinsss() {
// printJS({
// printable: "boxsllmsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
// type: "html",
// maxWidth: 800, // 最大宽度
// font_size: "", // 不设置则使用默认字体大小
// style: `@font-face {
// font-family: "STZHONGS";
// src: url(${window.ttf}) format("truetype");
// }`,
// // 继承原来的所有样式
// targetStyles: ["*"],
// });
// this.render=false
// },
/**
* @description: loadData
* @author: miaofang
*/
loadData() {
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
......@@ -209,69 +62,14 @@ export default {
}
}
});
}
},
// /**
// * @description: checkChange
// * @author: miaofang
// */
// checkChange() {
// if (this.checkList.length === 0) {
// this.tableData = [];
// this.emptycolNum = datas.columns().emptycolNum;
// } else {
// this.loadData();
// }
// },
// /**
// * @description: getQsztName
// * @param {*} code
// * @author: miaofang
// */
// 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: miaofang
// */
// 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: "取消编辑",
// });
// });
// },
},
};
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
......@@ -280,5 +78,5 @@ export default {
left: 11px;
top: 5px;
}
}
}
</style>
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-08-23 15:54:12
* @LastEditTime: 2023-09-18 13:40:33
-->
<template>
<div class="djxxTable">
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
:columns="columns" :tableData="tableData" />
<!-- <div v-show="false">
<printTemplate id="boxygdj" :tableData="tableData" :render="render"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" @click="openPrint()">打印</el-button>
<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>
<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' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
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'">
<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>
<p v-if="!['djyy', 'fj'].includes(item.prop)">
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else>{{ row[item.prop] }}</span>
</p>
<el-tooltip
v-else
effect="dark"
:content="row[item.prop]"
placement="top"
popper-class="tooltip-width"
>
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
</el-tooltip>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div> -->
</div>
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getYgdjList } from "@/api/djbDetail.js";
import djbDetail from "./components/djbDetail.vue"
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
export default {
import { datas } from "./qlxxFormData.js";
import { getYgdjList } from "@/api/djbDetail.js";
import djbDetail from "./components/djbDetail.vue"
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
export default {
components: {
djbDetail,
},
data() {
data () {
return {
// printObj: {
// id: "box",
// //其他配置项，
// },
shows:false,
shows: false,
title: "预告登记信息",
// qsztList: datas.columns().qsztList,
// checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
// emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().YGDJ,
render:false
render: false
};
},
created() {
created () {
this.loadData();
},
methods: {
// openPrint(){
// this.render=true
// setTimeout(() => {
// this.prinsss()
// }, 100)
// },
// prinsss(){
// printJS({
// printable: "boxygdj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
// type: "html",
// maxWidth: 800, // 最大宽度
// font_size: "", // 不设置则使用默认字体大小
// style: `@font-face {
// font-family: "STZHONGS";
// src: url(${window.ttf}) format("truetype");
// }`,
// // 继承原来的所有样式
// targetStyles: ["*"]
// });
// this.render=false
// },
/**
* @description: loadData
* @author: miaofang
*/
loadData() {
loadData () {
// 判断是否在登记簿补录调的子页面
if (this.$parent.addRepairRecord) {
this.columns.unshift({
......@@ -173,7 +51,7 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.shows = this.tableData.length > 0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, "A27");
......@@ -185,70 +63,15 @@ export default {
this.emptycolNum = 0;
}
}
});
},
/**
* @description: checkChange
* @author: miaofang
*/
checkChange() {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
})
}
},
/**
* @description: getQsztName
* @param {*} code
* @author: miaofang
*/
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: miaofang
*/
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: "取消编辑",
});
});
},
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
......@@ -257,5 +80,5 @@ export default {
left: 11px;
top: 5px;
}
}
}
</style>
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-08-23 15:54:12
* @LastEditTime: 2023-09-18 13:46:21
-->
<template>
<div class="djxxTable">
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
:columns="columns" :tableData="tableData" />
<!-- <div v-show="false">
<printTemplate
id="boxyydj"
:tableData="tableData"
:render="render"
/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" @click="openPrint()"
>打印</el-button
>
<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>
<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' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
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'">
<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>
<p v-if="!['djyy', 'fj'].includes(item.prop)">
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else>{{ row[item.prop] }}</span>
</p>
<el-tooltip
v-else
effect="dark"
:content="row[item.prop]"
placement="top"
popper-class="tooltip-width"
>
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
</el-tooltip>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div> -->
</div>
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getYydjList } from "@/api/djbDetail.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import { datas } from "./qlxxFormData.js";
import { getYydjList } from "@/api/djbDetail.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import djbDetail from "./components/djbDetail.vue"
export default {
components: {
djbDetail
},
data() {
data () {
return {
printObj: {
id: "box",
//其他配置项，
},
shows: false,
title: "异议登记信息",
// qsztList: datas.columns().qsztList,
// checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
// emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().YYDJ,
render: false,
};
},
created() {
created () {
this.loadData();
},
methods: {
// openPrint() {
// this.render = true;
// setTimeout(() => {
// this.prinsss();
// }, 100);
// },
// prinsss() {
// printJS({
// printable: "boxyydj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
// type: "html",
// maxWidth: 800, // 最大宽度
// font_size: "", // 不设置则使用默认字体大小
// style: `@font-face {
// font-family: "STZHONGS";
// src: url(${window.ttf}) format("truetype");
// }`,
// // 继承原来的所有样式
// targetStyles: ["*"],
// });
// this.render=false
// },
/**
* @description: loadData
* @author: miaofang
*/
loadData() {
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
......@@ -190,77 +62,21 @@ import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
this.emptycolNum = 0;
}
}
});
},
// /**
// * @description: checkChange
// * @author: miaofang
// */
// checkChange() {
// if (this.checkList.length === 0) {
// this.tableData = [];
// this.emptycolNum = datas.columns().emptycolNum;
// } else {
// this.loadData();
// }
// },
// /**
// * @description: getQsztName
// * @param {*} code
// * @author: miaofang
// */
// 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: miaofang
// */
// 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: "取消编辑",
// });
// });
// },
},
};
})
}
}
}
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
}
}
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-14 16:06:51
* @LastEditTime: 2023-09-18 14:06:16
-->
<template>
<div style="width:90%;height:100%;">
<canvas id="mxcad" style="width:90%;height:80%; position: relative;top:0">
<div style="width:100%;height:100%;">
<canvas id="mxcad" style="width:100%;height:100%; position: relative;top:0">
</canvas>
</div>
</template>
......
......@@ -150,7 +150,7 @@
* @author: renchao
*/
openDialog (item) {
const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&viewtype=3' + '&type=jdcx')
const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&type=jdcx')
window.open(href, `urlname${item.bsmSlsq}`)
}
}
......