Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
1dc5ab1f by “miaofang
Options

--no commit message

2 parents 378199b5 ee7b2d1a
Expand all
Inline Side-by-side
Showing 33 changed files with 680 additions and 2341 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'))
......@@ -18,4 +18,21 @@ export function getXtParamsByYwh (ywh) {
ywh: 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:workFramezu.vue组件的方法 头部按钮弹框方法
* @Autor: miaofang
* @LastEditTime: 2023-09-01 15:10:21
* @LastEditTime: 2023-09-18 11:06:44
*/
import { getPrintTemplateByCode } from "@/api/print";
import { getQllxByBdcdyid } from "@/api/djbDetail.js";
......@@ -17,7 +17,6 @@ import {
getPrintApplicationForm,
unClaimTask
} from "@/api/workFlow.js";
import { mapGetters } from 'vuex'
export default {
data () {
return {
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-15 10:20:43
* @LastEditTime: 2023-09-18 15:07:44
-->
<template>
<div class="djxxTable">
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
<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>
<script>
import djbDetail from "./components/djbDetail.vue"
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getCfdjList } from "@/api/djbDetail.js";
import djbDetail from "./components/djbDetail.vue"
export default {
components: {
djbDetail
......@@ -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 15:04:32
-->
<template>
<div class="djxxTable">
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
<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>
......@@ -100,20 +17,16 @@
import { getDiyaqList } from "@/api/djbDetail.js";
export default {
components: {
djbDetail
djbDetail
},
data () {
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 15:04:54
-->
<template>
<div class="djxxTable">
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
<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";
import djbDetail from "./components/djbDetail.vue"
export default {
components: {
djbDetail
},
data() {
return {
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() {
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() {
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
getDiyiqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, "A27");
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
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: "取消编辑",
// });
// });
// },
},
};
data () {
return {
shows: false,
title: "地役权登记信息",
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//列名称对象
columns: datas.columns().DYIQ,
render: false,
};
},
created () {
this.loadData();
},
methods: {
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
getDiyiqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, "A27");
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
})
}
}
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
@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-15 10:41:10
* @LastEditTime: 2023-09-18 13:39:51
-->
<template>
<div class="content">
......
<!--
* @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 15:01:13
-->
<template>
<div class="djxxTable">
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
<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>
......@@ -104,7 +18,6 @@
components: {
djbDetail
},
data () {
return {
shows: false,
......@@ -115,11 +28,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 {
components: {
djbDetail,
},
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().JSYDSYQ,
render: false,
};
},
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() {
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0;
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;
}
}
});
export default {
components: {
djbDetail,
},
// /**
// * @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: "取消编辑",
// });
// });
// },
},
};
data () {
return {
printObj: {
id: "box",
//其他配置项，
},
shows: false,
title: "建设用地使用权、宅基地使用权登记信息",
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//列名称对象
columns: datas.columns().JSYDSYQ,
render: false,
};
},
created () {
this.loadData();
},
methods: {
loadData () {
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0;
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>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
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"
<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 {
components: {
djbDetail,
},
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() {
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() {
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.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45");
item.lz = getDictLeabel(item.lz, "A26");
item.qy = getDictLeabel(item.qy, "A52");
export default {
components: {
djbDetail,
},
data () {
return {
printObj: {
id: "box",
//其他配置项，
},
shows: false,
title: "林权登记信息",
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//列名称对象
columns: datas.columns().LDSYQ,
render: false,
};
},
created () {
this.loadData();
},
methods: {
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
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: "取消编辑",
// });
// });
// },
},
};
getLqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45");
item.lz = getDictLeabel(item.lz, "A26");
item.qy = getDictLeabel(item.qy, "A52");
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
}
}
}
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
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"
<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 {
components: {
djbDetail,
},
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() {
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() {
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.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
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 () {
return {
shows: false,
title: "林权登记信息",
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//列名称对象
columns: datas.columns().LDSYQ,
render: false,
};
},
created () {
this.loadData();
},
methods: {
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
getLqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0;
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;
}
}
});
}
},
// /**
// * @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 {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
}
}
}
</style>
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-08-23 15:54:12
* @LastEditTime: 2023-09-18 13:06:42
-->
<template>
<div class="djxxTable">
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
:columns="columns" :tableData="tableData" />
<!-- <div v-show="false">
<printTemplate id="boxtdsyq" :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 { getTdsyqList } from "@/api/djbDetail.js";
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getTdsyqList } from "@/api/djbDetail.js";
import djbDetail from "./components/djbDetail.vue"
export default {
components: {
djbDetail,
},
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().TDSYQ,
render: false,
};
},
created() {
this.loadData();
},
methods: {
// openPrint() {
// this.render = true;
// setTimeout(() => {
// this.prinsss();
// }, 100);
// },
// prinsss() {
// printJS({
// printable: "boxtdsyq", // // 文档来源：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() {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
});
}
getTdsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
export default {
components: {
djbDetail,
},
data () {
return {
printObj: {
id: "box",
//其他配置项，
},
shows: false,
title: "土地所有权信息",
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//列名称对象
columns: datas.columns().TDSYQ,
render: false,
};
},
created () {
this.loadData();
},
methods: {
/**
* @description: loadData
* @author: miaofang
*/
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
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: "取消编辑",
// });
// });
// },
},
};
getTdsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0;
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>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
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"
<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 {
components: {
djbDetail,
},
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().YGDJ,
render:false
};
},
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() {
// 判断是否在登记簿补录调的子页面
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
});
}
getYgdjList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, "A27");
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
import { datas } from "./qlxxFormData.js";
import { getYgdjList } from "@/api/djbDetail.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import djbDetail from "./components/djbDetail.vue"
export default {
components: {
djbDetail,
},
/**
* @description: checkChange
* @author: miaofang
*/
checkChange() {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
data () {
return {
shows: false,
title: "预告登记信息",
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//列名称对象
columns: datas.columns().YGDJ,
render: false
};
},
/**
* @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;
created () {
this.loadData();
},
// 新增一条补录信息
/**
* @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: "补录成功!",
methods: {
loadData () {
// 判断是否在登记簿补录调的子页面
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
});
}
getYgdjList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, "A27");
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
})
.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;
top: 5px;
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
}
}
}
</style>
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-08-23 15:54:12
* @LastEditTime: 2023-09-18 15:06:35
-->
<template>
<div class="djxxTable">
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
<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() {
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() {
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() {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
});
}
getYydjList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, "A27");
data () {
return {
shows: false,
title: "异议登记信息",
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//列名称对象
columns: datas.columns().YYDJ,
render: false,
};
},
created () {
this.loadData();
},
methods: {
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
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: "取消编辑",
// });
// });
// },
},
};
getYydjList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, "A27");
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
})
}
}
}
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
}
}
}
</style>
......
<!--
* @Description: workFrame左侧菜单列表-普通
* @Autor: renchao
* @LastEditTime: 2023-09-15 17:06:29
* @LastEditTime: 2023-09-18 11:00:38
-->
<template>
<div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
......@@ -45,14 +45,12 @@
import { mapGetters } from 'vuex'
import { leftMenu, deleteSlbdcdy, jdcxLeftMenu } from "@/api/workFlow.js"
export default {
props: {
paramData: {
type: Object,
default: () => { }
}
},
data () {
return {
//受理申请标识码
bsmSlsq: this.$route.query.bsmSlsq,
//当前流程所在环节
bestepid: this.$route.query.bestepid,
// 默认选中
activeIndex: '0',
// 折叠
......@@ -67,6 +65,9 @@
currentSelectProps: {}
}
},
mounted () {
this.loadBdcdylist();
},
computed: {
...mapGetters(['isRefresh'])
},
......@@ -78,16 +79,7 @@
}
},
immediate: true
},
paramData: {
handler (newVal, oldVal) {
if (newVal) {
this.loadBdcdylist()
}
},
immediate: true,
deep: true
},
}
},
methods: {
/**
......@@ -97,11 +89,13 @@
loadBdcdylist () {
let that = this
var formdata = new FormData();
// 受理申请标识码
formdata.append("bsmSlsq", this.paramData.bsmSlsq);
// 当前流程所在环节
formdata.append("bestepid", this.paramData.bestepid);
formdata.append("bsmBusiness", this.paramData.bsmBusiness);
formdata.append("bsmSlsq", this.bsmSlsq);
if (this.$route.query.bestepid) {
formdata.append("bestepid", this.bestepid);
}
if (this.$route.query.bsmBusiness) {
formdata.append("bsmBusiness", this.$route.query.bsmBusiness);
}
if (this.$route.query.type == 'jdcx') {
jdcxLeftMenu(formdata).then((res) => {
if (res.code === 200 && res.result) {
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-08 16:38:43
* @LastEditTime: 2023-09-18 15:24:05
-->
<template>
<div class="szxx">
......@@ -235,7 +235,7 @@ export default {
color: #8b4534;
}
.szxx_body {
height: 280px;
min-height: 280px;
}
}
.zs-card {
......
<!--
* @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>
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-18 09:32:09
* @LastEditTime: 2023-09-18 11:11:19
*/
import { getPrintTemplateByCode } from "@/api/print";
import { uploadUndo } from "@/api/clxx";
import { getLodop } from "@/utils/LodopFuncs"
import { getXtParamsByYwh } from "@/api/djyw.js"
import {
stepExpandInfo,
record,
......@@ -39,19 +38,11 @@ export default {
batchButtonName: '',
// 受理申请信息
slsq: {},
dqhj: "",
// 业务流程需要的参数
paramData: {},
dqhj: ""
}
},
created () {
// 根据业务号获取系统参数
getXtParamsByYwh(this.$route.query.ywh).then(res => {
this.paramData = res.result
console.log(this.paramData, 'this.paramData');
this.isShowMenu = true
this.flowInitParam();
})
mounted () {
this.flowInitParam();
},
methods: {
/**
......@@ -60,8 +51,8 @@ export default {
*/
flowInitParam () {
var formdata = new FormData();
formdata.append("bsmSlsq", this.paramData.bsmSlsq);
formdata.append("bestepid", this.paramData.bestepid);
formdata.append("bsmSlsq", this.bsmSlsq);
formdata.append("bestepid", this.bestepid);
if (this.type) {
formdata.append("type", "READ_ONLY");
}
......@@ -171,7 +162,6 @@ export default {
this.$popupDialog('楼盘表', 'lpb/index', {
bsm: res.result[0],
onlyShow: false,
showSave: true,
unitData: window.unitData
}, '90%', true)
} else {
......@@ -321,7 +311,8 @@ export default {
width: "50%",
btnShow: false,
bsmSlsq: this.bsmSlsq,
dataList: this.unitData
dataList: this.unitData,
})
},
/**
......@@ -342,7 +333,6 @@ export default {
}
})
},
// 上传
/**
* @description: 上传
* @param {*} file
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-15 17:01:12
* @LastEditTime: 2023-09-18 11:13:57
-->
<template>
<div class="container">
......@@ -38,12 +38,9 @@
<!-- 内容框架 -->
<div class="containerFrame">
<!-- 左侧菜单栏 区分业务-->
<div v-if="isShowMenu">
<segmentMenu :paramData="paramData"
v-if="['A0320099', 'A0330099'].includes(slsq.djqxbm)"
@getCurrentSelectProps="getCurrentSelectProps" />
<ordinaryMenu :paramData="paramData" v-else @getCurrentSelectProps="getCurrentSelectProps" />
</div>
<segmentMenu v-if="['A0320099', 'A0330099'].includes(slsq.djqxbm)"
@getCurrentSelectProps="getCurrentSelectProps" />
<ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" />
<div class="leftCon">
<!-- 分屏左侧预览 -->
<div v-if="splitScreen" class="splitScreen-con">
......@@ -70,7 +67,6 @@
<div v-if="shows">
<receipt :Receiptdata="Receiptdata" id="boxaaa" />
</div>
</div>
<component
:key="fresh"
......@@ -134,8 +130,12 @@
mixins: [WorkFlow, publicFlow],
data () {
return {
// 左侧是否显示,获取完成系统参数之后再显示
isShowMenu: false,
//受理申请标识码
bsmSlsq: this.$route.query.bsmSlsq,
//当前流程所在环节
bestepid: this.$route.query.bestepid,
//当前流程所在环节
zbhj: this.$route.query.zbhj,
//设置那个表单选中
tabName: "",
//设置那个表单选择
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-15 16:32:06
* @LastEditTime: 2023-09-18 11:13:06
-->
<template>
<div class="container">
......@@ -26,10 +26,8 @@
<!-- 内容框架 -->
<div class="containerFrame">
<!-- 左侧菜单栏 区分业务-->
<div v-if="isShowMenu">
<segmentMenu :paramData="paramData" v-if="['A0320099','A0330099' ].includes(slsq.djqxbm)" @getCurrentSelectProps="getCurrentSelectProps" />
<ordinaryMenu :paramData="paramData" v-else @getCurrentSelectProps="getCurrentSelectProps" />
</div>
<segmentMenu v-if="['A0320099','A0330099' ].includes(slsq.djqxbm)" @getCurrentSelectProps="getCurrentSelectProps" />
<ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" />
<div class="leftCon">
<!-- 分屏左侧预览 -->
......@@ -71,8 +69,10 @@
},
data () {
return {
// 左侧是否显示,获取完成系统参数之后再显示
isShowMenu: false,
//受理申请标识码
bsmSlsq: this.$route.query.bsmSlsq,
//当前流程所在环节
bestepid: this.$route.query.bestepid,
// 流程图
imgSrc: "",
// 折叠
......
......@@ -315,24 +315,19 @@
);
window.open(href, `djbworkFrame${item.bsmSlsq}`);
} else {
// const { href } = this.$router.resolve(
// "/workFrame?bsmSlsq=" +
// item.bsmSlsq +
// "&bestepid=" +
// item.bestepid +
// "&bsmBusiness=" +
// "&sqywbm=" +
// item.djywbm +
// "&zbhj=" +
// item.zbhj
// );
// window.open(href, `workFrame${item.bsmSlsq}`);
const { href } = this.$router.resolve('/workFrame?ywh=' + item.ywh + '&zbhj=' + item.zbhj)
window.open(href, `workFrame${item.ywh}`)
const { href } = this.$router.resolve(
"/workFrame?bsmSlsq=" +
item.bsmSlsq +
"&bestepid=" +
item.bestepid +
"&bsmBusiness=" +
"&sqywbm=" +
item.djywbm +
"&zbhj=" +
item.zbhj
);
window.open(href, `workFrame${item.bsmSlsq}`);
}
localStorage.setItem("ywbl", JSON.stringify(item));
//从待办箱进入的调取任务领取接口
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-15 15:59:24
* @LastEditTime: 2023-09-18 11:15:30
-->
<template>
<div class="from-clues">
......@@ -11,9 +11,9 @@
:model="queryForm"
ref="queryForm"
@submit.native.prevent
label-width="80px">
label-width="100px">
<el-row>
<el-col :span="5">
<el-col :span="5">
<el-form-item label="业务来源">
<el-select
v-model="queryForm.ywly"
......@@ -91,7 +91,7 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-row>
<el-col :span="5">
<el-form-item label="不动产单元号">
<el-input
......@@ -274,8 +274,13 @@
);
window.open(href, `djbworkFrameview${item.bsmSlsq}`);
} else {
const { href } = this.$router.resolve('/workFrameView?ywh=' + item.ywh + '&type=jdcx')
window.open(href, `urlname${item.ywh}`)
const { href } = this.$router.resolve(
"/workFrameView?bsmSlsq=" +
item.bsmSlsq +
"&bestepid=" +
item.bestepid
);
window.open(href, `workFrameView${item.bsmSlsq}`);
}
}
}
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-28 15:43:19
* @LastEditTime: 2023-09-18 11:07:59
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -83,7 +83,7 @@ class data extends filter {
render: (h, scope) => {
return (
<div>
<el-tooltip effect="dark" content={scope.row.ywrmc} placement="top" popper-class="tooltip-width ">
<el-tooltip effect="dark" content={scope.row.ywrmc} placement="top" popper-class="tooltip-width">
<span class="ellipsis-table"> {scope.row.ywrmc}</span>
</el-tooltip>
</div>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-13 11:19:54
* @LastEditTime: 2023-09-18 16:22:28
-->
<template>
<div class="from-clues">
<el-tabs type="card" v-model="activeName" @tab-click="handleTabClick" v-if="!isJump">
<el-tab-pane label="自然幢" name="zrz"></el-tab-pane>
<el-tab-pane label="多幢" name="dz"></el-tab-pane>
<el-tab-pane label="多幢" name="dz" v-if="sqywInfo.djywbm !== 'B37100'"></el-tab-pane>
</el-tabs>
<div v-show="activeName == 'zrz'">
<div class="from-clues-header">
......@@ -336,8 +336,8 @@
let refs = 'table1';
if (this.activeName == 'dz') {
refs = 'table';
this.$refs[refs].clearSelection()
} else {
}else{
this.sqywInfo.djywbm !== 'B37100' && this.$refs[refs].clearSelection()
}
const bdcdysz = this.bdcdysz
if (bdcdysz.length > 0) {
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-15 16:55:37
* @LastEditTime: 2023-09-18 11:30:35
*/
import Router from '@/router'
export default {
......@@ -24,15 +24,13 @@ export default {
* @author: renchao
*/
jump (data, type) {
// const { href } = Router.resolve(
// "/workFrame?bsmSlsq=" +
// data.bsmSlsq +
// "&bestepid=" +
// data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type+"&zbhj=受理"
// );
// window.open(href, "_blank");
const { href } = Router.resolve('/workFrame?ywh=' + data.ywh + '&zbhj=受理')
window.open(href, "_blank")
const { href } = Router.resolve(
"/workFrame?bsmSlsq=" +
data.bsmSlsq +
"&bestepid=" +
data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type + "&zbhj=受理"
);
window.open(href, "_blank")
this.$popupCacel()
},
/**
......
......@@ -40,7 +40,7 @@ export function queueDjywmc (djywbm, djqxbm) {
case "A04100"://国有建设用地使用权/房屋所有权(首次登记)
case "A06100": // 宅基地使用权/房屋所有权 || 首次登记
case "A08100": // 集体建设用地使用权/房屋所有权 || 首次登记
case "B37100":
case "B37100": // 在建工程抵押权 || 首次登记
vm = "fwsyq";
break;
case "A04200": //国有建设用地使用权/房屋所有权 || 转移登记
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-15 14:24:32
* @LastEditTime: 2023-09-18 11:25:30
-->
<template>
<div class="from-clues">
......@@ -9,18 +9,7 @@
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="70px">
<el-row>
<el-col :span="6">
<el-form-item label="权属状态">
<el-select v-model="queryForm.qszt" filterable class="width100" clearable placeholder="请选择登记类型">
<el-option
v-for="item in qsztlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-col :span="4">
<el-form-item label="权利类型">
<el-select v-model="queryForm.qllx" filterable class="width100" clearable placeholder="请选择权利类型">
<el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
......@@ -28,7 +17,7 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-col :span="4">
<el-form-item label="登记类型">
<el-select v-model="queryForm.djlx" filterable class="width100" clearable placeholder="请选择登记类型">
<el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
......@@ -36,47 +25,59 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="权属状态">
<el-select v-model="queryForm.qszt" filterable class="width100" clearable placeholder="请选择登记类型">
<el-option
v-for="item in qsztlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="不动产单元号" label-width="105px">
<el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="不动产权证号" label-width="105px">
<el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-col :span="5">
<el-form-item label="业务号:">
<el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="权利人:" >
<el-input v-model="queryForm.qlrmc" clearable class="width100">
</el-col>
<el-col :span="5">
<el-form-item label="坐落:" label-width="105px">
<el-input v-model="queryForm.zl" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="不动产权证号">
<el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100">
<el-col :span="5">
<el-form-item label="权利人:" label-width="105px">
<el-input v-model="queryForm.qlrmc" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="坐落:" >
<el-input v-model="queryForm.zl" clearable class="width100">
<el-col :span="5">
<el-form-item label="义务人:">
<el-input v-model="queryForm.ywrmc" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row class="advanced-search">
<span>搜索条件：</span>
<el-col :span="4" class="btnColRight">
</el-col>
<el-col :span="4" class="btnColRight">
<el-form-item>
<el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
<el-button @click="moreQueryClick">高级查询</el-button>
</el-form-item>
</el-col>
</el-row>
......@@ -145,7 +146,6 @@
this.queryClick()
},
methods: {
// 初始化数据
/**
* @description: 初始化数据
* @author: renchao
......@@ -170,12 +170,6 @@
handleSort (name, sort) {
console.log(name, sort);
},
// 高级查询
/**
* @description: 高级查询
* @author: renchao
*/
moreQueryClick () { },
/**
* @description: openDialog
* @param {*} scroll
......@@ -190,8 +184,8 @@
* @author: renchao
*/
handleLpbClick (item) {
console.log("item",item);
this.$popup('楼盘表', 'lpb/index', {
console.log("item", item);
this.$popup('楼盘表', 'lpb/index', {
width: '85%',
formData: {
bsm: item.zrzbsm,
......
......@@ -64,9 +64,9 @@ class data extends filter {
}
},
{
prop: "ywh",
label: "业务号",
width: '110',
prop: "ywh",
minWidth: '100',
},
{
prop: "qllxmc",
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-15 15:06:50
* @LastEditTime: 2023-09-18 11:19:07
-->
<template>
<div class="from-clues">
......@@ -114,6 +114,7 @@
this.queryClick()
},
methods: {
// 初始化数据
/**
* @description: 初始化数据
* @author: renchao
......@@ -149,8 +150,8 @@
* @author: renchao
*/
openDialog (item) {
const { href } = this.$router.resolve('/workFrameView?ywh=' + item.ywh + '&type=jdcx')
window.open(href, `urlname${item.ywh}`)
const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&type=jdcx')
window.open(href, `urlname${item.bsmSlsq}`)
}
}
}
......
......@@ -29,7 +29,7 @@ class data extends filter {
return (
<div>
{
scope.row.zszt=='1' ?
scope.row.zszt == '1' ?
<div class='allow'>有效</div> :
<div class='prohibit'>失效</div>
}
......@@ -59,7 +59,7 @@ class data extends filter {
return (
<div>
{
scope.row.bdcqzlx=='1' ?
scope.row.bdcqzlx == '1' ?
<div>不动产权证书</div> :
<div>不动产登记证明</div>
}
......@@ -67,23 +67,13 @@ class data extends filter {
)
}
},
// {
// prop: "lzrxm",
// label: "领取人",
// width: '100'
// },
// {
// prop: "fzsj",
// label: "领取时间",
// width: '140'
// },
{
label: "业务号",
minWidth: '100',
render: (h, scope) => {
return (
<div>
<el-link type="primary" onClick={() => { vm.openWorkDialog(scope.row) }}>{scope.row.ywh}</el-link>
<el-link type="primary" onClick={() => { vm.openYwDialog(scope.row) }}>{scope.row.ywh}</el-link>
</div>
)
}
......@@ -96,7 +86,7 @@ class data extends filter {
prop: "ysxlh",
label: "印刷序列号",
width: '100'
},
},
{
prop: "bdcqzh",
label: "不动产权证号",
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-15 14:52:20
* @LastEditTime: 2023-09-18 11:22:10
-->
<template>
<div class="from-clues">
......@@ -115,9 +115,9 @@
* @param {*} item
* @author: renchao
*/
openWorkDialog (item) {
const { href } = this.$router.resolve('/workFrameView?ywh=' + item.ywh + '&type=jdcx')
window.open(href, `urlname${item.ywh}`)
openYwDialog (item) {
const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&viewtype=3' + '&type=jdcx')
window.open(href, `urlname${item.bsmSlsq}`)
}
}
}
......