Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
9cdcbba9 by xiaomiao
Options

登记簿打印

1 parent 3dfad10b
Expand all
Inline Side-by-side
Showing 22 changed files with 360 additions and 178 deletions
......@@ -26,6 +26,7 @@
"qrcode": "^1.5.3",
"vue": "2.6.10",
"vue-json-editor": "^1.4.3",
"vue-print-nb": "^1.7.5",
"vue-quill-editor": "^3.0.6",
"vue-router": "3.0.2",
"vue-seamless-scroll": "^1.1.23",
......
......@@ -15,6 +15,8 @@ import mixin from '@/utils/mixin/theme.js'
import Loading from '@/components/Loading/index.js';
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading'
import Print from 'vue-print-nb'
Vue.use(Print);
Vue.mixin(mixin);
Vue.use(Loading.directive);
......
......@@ -66,14 +66,6 @@ export const constantRoutes = [
hidden: true,
meta: { title: '发起申请' }
},
// 打印登记簿
{
path: '/printdjb',
component: () => import('@/views/printdjb/printdjb.vue'),
name: 'printdjb',
hidden: true,
meta: { title: '打印登记簿' }
},
{
path: '/',
component: Layout,
......
......@@ -5,8 +5,8 @@
-->
<template>
<div class="bdcqljqtsx">
<div class="content" v-if="qlxxList.ztqlmc">
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-print="printObj">打印</el-button>
<div class="content" v-if="qlxxList.ztqlmc" id="box">
<div class="title">不动产权利及其他事项<br />登记信息</div>
<div>
不动产单元号:
......@@ -60,6 +60,10 @@
name: "bdcqljqtsx",
data () {
return {
printObj: {
id: "box",
//其他配置项，
},
//传递参数
propsParam: this.$attrs,
qlxxList: "",
......@@ -75,15 +79,6 @@
}
});
},
methods: {
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=bdcqljqtsx`,
`bdcqljqtsx`
);
},
}
};
</script>
......@@ -100,6 +95,8 @@
left: 11px;
top: 5px;
}
}
.content {
width: 50%;
height: 100%;
......@@ -126,5 +123,4 @@
display: inline-block;
}
}
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-25 17:06:44
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -96,12 +99,21 @@
</template>
<script>
import printTemplate from "./components/printTemplate.vue";
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getCfdjList } from "@/api/djbDetail.js";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
title: "查封登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -134,6 +146,7 @@ export default {
}).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);
});
......@@ -207,13 +220,6 @@ export default {
});
});
},
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=cfdj`,
`cfdj`
);
},
},
};
</script>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-24 16:15:01
-->
<template>
<div id="box">
<div class="tbalede" v-for="(el, indexx) in datass" :key="indexx" style="page-break-after: always">
<div class="title">{{ title }}</div>
<table class="xxTable">
<tr v-for="(item) in columns" :key="item.name">
<td>
{{ item.despriction }}
</td>
<td v-for="(row, index) in el" :key="index+'2'">
{{ row[item.name] }}
</td>
<td v-show="el.emptycolNum" v-for="count in emptycolNum" :key="count"></td>
</tr>
</table>
</div>
</div>
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getFieldListByQlxx } from "@/api/SysDjbFieldDO.js";
export default {
data() {
return {
title: this.$parent.title,
checkList: datas.columns().checkList,
//列表数据
//空列值个数
emptycolNum:3,
//列名称对象
columns: [],
datass:[],
};
},
props: {
propsParam: {
type: Object,
default: () => {},
},
tableData: {
type: Array,
default: () => [],
},
},
created() {
},
watch: {
tableData: {
handler (newValue, oldValue) {
this.tableData=newValue
this.loadData()
},
}
},
methods: {
/**
* @description: loadData
* @author: renchao
*/
loadData() {
getFieldListByQlxx({
qllx: this.propsParam.qllx
}).then((res) => {
if (res.code === 200) {
this.columns = res.result;
}
});
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
})
for (let i = 0; i < this.tableData.length; i+=3) {
this.datass.push(this.tableData.slice(i,i+3))
}
let num=this.datass[this.datass.length-1].length
if (num < 3) {
this.emptycolNum =
3 - num;
this.datass[this.datass.length-1].emptycolNum=true
} else {
this.emptycolNum = 0;
}
},
},
};
</script>
<style lang="scss" scoped>
.tbalede {
width: 794px;
// height: 1123px;
margin: auto;
.title {
width: 100%;
font-weight: 700;
font-size: 16px;
text-align: center;
height: 62px;
line-height: 62px;
position: relative;
margin: 0 3px;
}
.xxTable {
width: 100%;
border-collapse: collapse;
tr td {
border: 2px solid rgb(227, 226, 226);
text-align: center;
height: 40px;
font-size: 13px;
min-width: 80px;
z-index: 1;
min-width: 80px;
padding: 5px;
}
}
}
</style>
......@@ -5,10 +5,13 @@
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -101,9 +104,18 @@
import { datas } from "./qlxxFormData.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import { getDiyaqList } from "@/api/djbDetail.js";
import printTemplate from "./components/printTemplate.vue";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
title: "抵押权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -136,6 +148,7 @@ export default {
}).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");
......@@ -203,13 +216,6 @@ export default {
});
});
},
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=diyaq`,
`diyaq`
);
},
},
};
</script>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-25 17:12:43
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -101,9 +104,18 @@
import { datas } from "./qlxxFormData.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import { getDiyiqList } from "@/api/djbDetail.js";
import printTemplate from "./components/printTemplate.vue";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
title: "地役权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -136,6 +148,7 @@ export default {
}).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");
......@@ -204,13 +217,6 @@ export default {
});
});
},
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=diyiq`,
`diyiq`
);
},
},
};
</script>
......
......@@ -16,7 +16,7 @@
node-key="id"
:default-checked-keys="[showTab]">
</el-tree>
<el-collapse v-model="activeName" accordion @change="handleChange">
<el-collapse v-model="activeName" accordion>
<el-collapse-item
class="sfqqq"
ref="sfq"
......
......@@ -5,10 +5,10 @@
-->
<template>
<div class="djbfm">
<br /><br />
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-print="printObj">打印</el-button>
<div class="fm" id="box">
<p>
<font>{{ info.sheng }}</font>
<font style="">{{ info.sheng }}</font>
省 (区、市)
<font>{{ info.shi }}</font>
市 (区)
......@@ -24,7 +24,6 @@
组
</p>
<div class="title">不动产登记簿</div>
<br />
<p>
宗地/宗海号:
<font>{{ info.zddm }}</font>
......@@ -36,6 +35,8 @@
</p>
</div>
</div>
</div>
</template>
<script>
......@@ -44,6 +45,10 @@
export default {
data () {
return {
printObj: {
id: "box",
//其他配置项，
},
//传递参数
propsParam: this.$attrs,
info: {},
......@@ -64,10 +69,6 @@
}
});
},
print(){
console.log("this.propsParam.bdcdyid ",this.propsParam);
window.open(`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=djbfm`, `djbfm`);
}
},
};
</script>
......@@ -76,12 +77,6 @@
.djbfm {
width: 100%;
height: 100%;
background: #fff;
border-right: 1px solid #ccc;
line-height: 45px;
text-align: center;
font-size: 18px;
font-family: serif;
position: relative;
.print{
// background-color: #0079fe;
......@@ -92,6 +87,17 @@
}
}
.fm{
width: 100%;
height: 100%;
background: #fff;
line-height: 45px;
text-align: center;
font-size: 18px;
font-family: serif;
}
font {
border-bottom: 1px solid #000;
display: inline-block;
......@@ -126,5 +132,4 @@
line-height: 24px;
}
}
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -113,12 +121,22 @@
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getFdcq1List } from "@/api/djbDetail.js";
import printTemplate from "./components/printTemplate.vue";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
title: "房地产权登记信息（多幢）",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -141,11 +159,8 @@ export default {
* @author: renchao
*/
loadData() {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
});
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
getFdcq1List({
bdcdyid: this.propsParam.bdcdyid,
......@@ -154,6 +169,7 @@ export default {
}).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);
});
......@@ -237,13 +253,6 @@ export default {
});
});
},
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=fdcq1`,
`fdcq1`
);
},
},
};
</script>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-25 17:17:06
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -98,12 +101,21 @@
</template>
<script>
import printTemplate from "./components/printTemplate.vue";
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getFdcq2List } from "@/api/djbDetail.js";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
title: "房地产权登记信息（独幢、层、套、间房屋）",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -136,6 +148,8 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
console.log("this.tableData111",this.tableData);
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
......@@ -198,13 +212,6 @@ export default {
});
});
},
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=fdcq2`,
`fdcq2`
);
},
},
};
</script>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-24 16:15:01
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -98,12 +101,21 @@
</template>
<script>
import printTemplate from "./components/printTemplate.vue";
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getJsydsyqList } from "@/api/djbDetail.js";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
title: "建设用地使用权、宅基地使用权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -126,12 +138,7 @@ export default {
* @author: renchao
*/
loadData() {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
});
}
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
......@@ -139,6 +146,7 @@ export default {
}).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);
});
......@@ -206,27 +214,20 @@ export default {
});
});
},
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=jsydsyq`,
`jsydsyq`
);
},
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
}
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-25 17:16:32
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -99,9 +102,18 @@
import { datas } from "./qlxxFormData.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import { getLqList } from "@/api/djbDetail.js";
import printTemplate from "./components/printTemplate.vue";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
title: "林权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -137,6 +149,7 @@ export default {
}).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");
......@@ -207,13 +220,6 @@ export default {
});
});
},
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=ldsyq`,
`ldsyq`
);
},
},
};
</script>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-25 17:19:17
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -150,8 +153,16 @@ import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getNydsyqList } from "@/api/djbDetail.js";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
title: "农用地使用权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -193,6 +204,7 @@ export default {
}).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);
});
......@@ -259,13 +271,6 @@ export default {
});
});
},
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=nydsyq`,
`nydsyq`
);
},
},
};
</script>
......
......@@ -15,10 +15,13 @@
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -84,9 +87,18 @@
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getLqList } from "@/api/djbDetail.js";
export default {
data () {
return {
import printTemplate from "./components/printTemplate.vue";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
title: "林权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -122,6 +134,7 @@
}).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);
});
......@@ -189,13 +202,6 @@
});
});
},
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=sllmsyq`,
`sllmsyq`
);
},
},
};
</script>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-24 16:15:38
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-show="shows" v-print="printObj">打印</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>
......@@ -74,9 +77,18 @@
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getTdsyqList } from "@/api/djbDetail.js";
export default {
data () {
return {
import printTemplate from "./components/printTemplate.vue";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
title: "土地所有权信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -113,6 +125,7 @@
}).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)
})
......@@ -179,13 +192,6 @@
});
},
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=tdsyq`,
`tdsyq`
);
},
},
};
</script>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-24 16:15:45
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-show="shows" v-print="printObj">打印</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>
......@@ -73,9 +76,18 @@
import { datas } from "./qlxxFormData.js";
import { getYydjList } from "@/api/djbDetail.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
export default {
data () {
return {
import printTemplate from "./components/printTemplate.vue";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
title: "异议登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -111,6 +123,7 @@
}).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')
......@@ -178,13 +191,6 @@
});
},
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=yydj`,
`yydj`
);
},
},
};
</script>
......
......@@ -5,8 +5,8 @@
-->
<template>
<div class="tableDivCss">
<table cellpadding="0" cellspacing="0" class="tableCss">
<el-button class="print" @click="print">打印</el-button>
<el-button class="print" v-print="printObj">打印</el-button>
<table cellpadding="0" cellspacing="0" id="box" class="tableCss">
<tr>
<th colspan="5" class="title">宗地基本信息</th>
</tr>
......@@ -118,6 +118,10 @@ import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js";
export default {
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
bhqkColumns: [
{
prop: "ssywh",
......@@ -212,26 +216,21 @@ export default {
}
});
},
print() {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=zdjbxx`,
`zdjbxx`
);
},
},
};
</script>
<style lang="scss" scoped>
@import "~@/styles/tablecss.scss";
.tableCss {
.tableDivCss {
position: relative;
.print {
display: inline;
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
top: 11px;
}
}
</style>
......
......@@ -123,13 +123,7 @@ export default {
});
});
this.datalist=this.list
// this.list.forEach((item,index) => {
// this.value.push({
// key: index,
// name:item.name,
// despriction: item.despriction,
// });
// });
this.loading=false
}
});
}
......