Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
4e450e2e by 蔡俊立
Options

打印模板

1 parent 7c91f8dd
Inline Side-by-side
Showing 8 changed files with 350 additions and 456 deletions
......@@ -171,3 +171,48 @@ export function setAllRead () {
method: 'get'
})
}
//获取打印模板列表
export function selectPrintTemplateList (data) {
return request({
url: SERVER.SERVERAPI + '/rest/system/print/selectPrintTemplateList',
method: 'post',
data
})
}
//新增打印模板列表
export function addPrintTemplate (data) {
return request({
url: SERVER.SERVERAPI + '/rest/system/print/addPrintTemplate',
method: 'post',
data
})
}
//编辑打印模板列表
export function editPrintTemplate (data) {
return request({
url: SERVER.SERVERAPI + '/rest/system/print/editPrintTemplate',
method: 'post',
data
})
}
//删除打印模板列表
export function delPrintTemplate (params) {
return request({
url: SERVER.SERVERAPI + '/rest/system/print/delPrintTemplate',
method: 'get',
params: params
})
}
//根据模板编号获取打印模板
export function getPrintTemplateByCode (params) {
return request({
url: SERVER.SERVERAPI + '/rest/system/print/getPrintTemplateByCode',
method: 'get',
params: params
})
}
......
<template>
<dialogBox title="打印模板" @submitForm="submitForm" saveButton="保存" :isFullscreen="false" width="30%"
@closeDialog="closeDialog" v-model="myValue">
<el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
<el-row>
<el-col :span="24">
<el-form-item label="模板编码:" prop="tmpno">
<el-input v-model="ruleForm.tmpno" :disabled="editFlag"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="模板名称:" prop="tmpname">
<el-input v-model="ruleForm.tmpname" :disabled="editFlag"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="模板设计:">
<el-button type="primary" @click="designByPRGData(ruleForm.tmpcontent)">模板设计</el-button>
<i class="el-icon-loading" style="font-size:24px;margin-left:10px;" v-if="loadStatus == '1'"></i>
<i class="el-icon-circle-check" style="font-size:24px;margin-left:10px;color:green" v-if="loadStatus == '2'"></i>
</el-form-item>
</el-col>
</el-row>
<object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false">
<embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe"/>
</object>
<textarea rows="0" id="S1" cols="0" v-show="false"></textarea>
</el-form>
</dialogBox>
</template>
<script>
import { getLodop } from "@/utils/LodopFuncs"
import { mapGetters } from 'vuex'
import {addPrintTemplate,editPrintTemplate} from "@/api/system.js"
export default {
computed: {
...mapGetters(['dictData']),
},
props: {
value: { type: Boolean, default: false },
},
data () {
return {
myValue: this.value,
editFlag: false,
//打印模板设计保存状态 0：未操作 1：保存中 2：已保存
loadStatus: '0',
//表单提交数据
ruleForm: {
tmpno: '',
tmpname: '',
tmpfont: '',
tmpfontsize: '',
tmpcontent: ''
},
rules: {
tmpno: [
{ required: true, message: '模板编号不能为空', trigger: 'blur' }
],
tmpname: [
{ required: true, message: '模板名称不能为空', trigger: 'blur' }
],
},
}
},
watch: {
value (val) {
this.myValue = val
}
},
methods: {
//表单提交
submitForm () {
if(this.loadStatus == '1'){
return this.$message.error("模板设计保存中，请等待...")
}
this.$refs.ruleForm.validate(valid => {
if (valid) {
if(this.editFlag){
this.editTemplate();
}else{
this.addTemplate();
}
} else {
// console.log('error submit!!');
return false;
}
});
},
//新增
addTemplate(){
addPrintTemplate(this.ruleForm).then(res => {
if(res.code == 200){
this.$parent.fetchData();
this.$message.success('保存成功');
this.closeDialog();
}else{
this.$message.error(res.message)
}
})
},
//编辑
editTemplate() {
editPrintTemplate(this.ruleForm).then(res => {
if(res.code == 200){
this.$parent.fetchData();
this.$message.success('保存成功');
this.closeDialog();
}else{
this.$message.error(res.message)
}
})
},
closeDialog () {
this.$emit("input", false);
this.ruleForm = {
tmpno: '',
tmpname: '',
tmpfont: '',
tmpfontsize: '',
tmpcontent: ''
},
this.loadStatus = '0'
this.editFlag = false;
},
getDetailInfo(item){
this.ruleForm = item;
this.editFlag = true;
},
//设计打印模板
designByPRGData() {
let that = this;
that.loadStatus = '1';
let LODOP=getLodop(document.getElementById('LODOP_OB'),document.getElementById('LODOP_EM'));
LODOP.ADD_PRINT_DATA("ProgramData",this.ruleForm.tmpcontent); //装载模板
//窗口关闭后，回调函数中保存的设计代码
if (LODOP.CVERSION)
CLODOP.On_Return = function (TaskID, printList) {
if (LODOP.CVERSION)
LODOP.On_Return = function (TaskID, Value) {
document.getElementById("S1").value = Value;
};
document.getElementById("S1").value = LODOP.GET_VALUE(
"ProgramData",
0
);
setTimeout(() => {
that.ruleForm.tmpcontent = document.getElementById("S1").value;
that.loadStatus = '2';
}, 1000);
};
LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
.font-red {
color: red
}
.middle-margin-bottom {
margin-top: 20px
}
</style>
......@@ -23,38 +23,38 @@ class data extends filter {
}
},
{
prop: "mbmc",
prop: "tmpno",
label: "模板编码",
},
{
prop: "mblx",
label: "模板类型",
prop: "tmpname",
label: "模板名称",
},
{
prop: "zt",
label: "字体",
prop: "tmpfont",
label: "模板字体",
},
{
prop: "ztdx",
label: "字体大小",
prop: "tmpfontsize",
label: "模板字体大小",
},
{
prop: "zjczsj",
prop: "updatetime",
label: "最近操作时间",
},
{
prop: "zjczr",
prop: "updater",
label: "最近操作人",
},
{
label: '操作',
width: '150',
align: 'center',
fixed: 'right',
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.editClick(scope) }}>设置打印模板</el-button>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openEditDialog(scope.row) }}>编辑</el-button>
{/* <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.DesignByPRGData(scope.row) }}>设计</el-button> */}
{/* <el-button type="text" icon="el-icon-delete" onClick={() => { vm.removeTemplate(scope.row) }}>删除</el-button> */}
</div>
)
}
......
<template>
<div class="dymbgl from-clues-content">
<div class="from-clues">
<div class="from-clues-header">
<el-form>
<el-row>
<el-col :span="24" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="fetchData">查询</el-button>
<el-button type="primary" @click="openAddDialog">新增</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<div class="from-clues-content">
<lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :heightNum="215" :total="tableData.total"
@size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
:data="tableData.data">
</lb-table>
:data="tableData.data"></lb-table>
</div>
<object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false">
<embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe"/>
</object>
<textarea rows="0" id="S1" cols="0" v-show="false"></textarea>
<editDialog ref="editDialog" v-model="isDialog" />
</div>
</template>
<script>
import { getLodop } from "@/utils/LodopFuncs"
import table from "@/utils/mixin/table"
import { datas, sendThis } from "./dymbgl"
import editDialog from "./components/editDialog.vue";
import {selectPrintTemplateList,delPrintTemplate} from "@/api/system.js"
export default {
name: "djbcx",
name: "dymbgl",
mixins: [table],
mounted () {
sendThis(this);
},
components: {editDialog},
data () {
return {
isDialog: false,
......@@ -24,34 +41,82 @@ export default {
tableData: {
total: 0,
columns: datas.columns(),
data: [
{
slsj: "2022-5-12",
}
]
data: []
},
printItem: "",
printList: {
year: '',
month: '',
day: '',
bh: '', // 编号
xzq: '',
xh: '',
d: '',
h: '',
qlr: '',
ywr: '',
zl: '',
bdcdyh: '',
qt: '',
fj: '',
zmsx: "证明事项",
},
}
},
mounted(){
sendThis(this);
this.fetchData()
},
methods: {
fetchData () {
selectPrintTemplateList({...this.pageData}).then(res => {
if(res.code == 200){
let { total, records } = res.result
this.tableData.total = total ? total : 0
this.tableData.data = records ? records : []
}
})
},
//打开新增弹窗
openAddDialog(){
this.isDialog = true;
},
//打开编辑弹窗
openEditDialog(item){
this.isDialog = true;
this.$nextTick(() => {
this.$refs.editDialog.getDetailInfo(item);
})
},
//删除数据
removeTemplate(item){
this.$confirm("确定要删除吗, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}).then(() => {
delPrintTemplate({bsmTmp: item.bsmTmp}).then((res) => {
if (res.code == 200) {
this.$message.success("删除成功");
this.fetchData();
} else {
this.$message.error(res.message);
}
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除",
});
});
},
//设计打印模板
DesignByPRGData(item) {
let LODOP=getLodop(document.getElementById('LODOP_OB'),document.getElementById('LODOP_EM'));
LODOP.ADD_PRINT_DATA("ProgramData",item.tmpcontent); //装载模板
//窗口关闭后，回调函数中保存的设计代码
if (LODOP.CVERSION)
CLODOP.On_Return = function (TaskID, printList) {
if (LODOP.CVERSION)
LODOP.On_Return = function (TaskID, Value) {
document.getElementById("S1").value = Value;
};
document.getElementById("S1").value = LODOP.GET_VALUE(
"ProgramData",
0
);
setTimeout(() => {
item.tmpcontent = document.getElementById("S1").value;
}, 1000);
};
LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后
},
editClick () {
let LODOP = getLodop();
......@@ -95,18 +160,9 @@ export default {
};
LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后
},
handlePrint () {
let LODOP = getLodop();
// LODOP.ADD_PRINT_DATA("ProgramData", getSession("printValue"));
LODOP.PREVIEW();
},
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
.dymbgl {
margin-top: -1px;
}
</style>
......
<template>
<div>
<div id="printMe" style="width: 100%;height: 100%;background-color: #f5f5f5;padding: 5px;">
<div style="overflow-x: auto;width: 100%;height: 100%;background: #fff;text-align: center;padding: 4px;overflow-y: scroll;">
<div style="font-size: 24px;font-weight: bolder;margin: 20px 0px;">不动产登记申请书</div>
<div style="display:flex">
<div>
<table cellpadding="0" cellspacing="0" style="width: 100%;color: #333;">
<col width="30" />
<col width="50" />
<col width="160" />
<col width="50" />
<col width="120" />
<tr>
<td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">收件</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">编号</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">0000001</td>
<td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">收件人</td>
<td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">超级管理员</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">日期</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">2022/12/8</td>
</tr>
</table>
</div>
<div style="margin-left: 20px;font-size: 14px;">
单位：
<span style="font-family:Wingdings;font-size:18px;color:red">&#254;</span>平方米
<!-- <span style="font-family:Wingdings;font-size:40px;">&#250;</span> -->
<span style="display: inline-block;border: 1px solid rgb(114, 113, 113);border-radius: 2px;box-sizing: border-box;width: 10px;height: 10px;margin-left:10px"></span>
公顷（<span style="display: inline-block;border: 1px solid rgb(114, 113, 113);border-radius: 2px;box-sizing: border-box;width: 10px;height: 10px;"></span>亩）、万元
</div>
</div>
<div style="margin-top:20px"></div>
<table cellpadding="0" cellspacing="0" style="width: 100%;color: #333;">
<col width="80" />
<col width="100" />
<col width="180" />
<col width="80" />
<col width="60" />
<col width="20" />
<col width="180" />
<tr>
<td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">申请登记事由</td>
<td colspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;text-align: left;">
<span v-for="item in ywlxList" :key="item.value" style="margin:0px 8px">
<span style="font-family:Wingdings;font-size:18px;color:red" v-if="item.checked">&#254;</span>
<span style="display: inline-block;border: 1px solid rgb(114, 113, 113);border-radius: 2px;box-sizing: border-box;width: 10px;height: 10px;" v-else></span>
{{item.name}}
</span>
</td>
</tr>
<tr>
<td colspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;text-align: left;">
<span v-for="item in djlxList" :key="item.value" style="margin:0px 8px">
<span style="font-family:Wingdings;font-size:18px;color:red" v-if="item.checked">&#254;</span>
<span class="check-box" style="display: inline-block;border: 1px solid rgb(114, 113, 113);border-radius: 2px;box-sizing: border-box;width: 10px;height: 10px;" v-else></span>
{{item.name}}
</span>
</td>
</tr>
<tr>
<td rowspan="14" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">申请人情况</td>
<td colspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size:16px;font-weight: bolder;text-align: center;">登记申请人</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">权利人姓名（名称）</td>
<td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
<span v-for="(item,index) in printData.qlrList" :index="index" :key="item.bsmSqr">
{{item.sqrmc}}
</span>
</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证件种类</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">证件号</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
<span v-for="(item,index) in printData.qlrList" :index="index" :key="item.bsmSqr">
{{item.zjh}}
</span>
</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">通讯地址</td>
<td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
<span v-if="printData.qlrList.length > 0">
{{printData.qlrList[0].txdz}}
</span>
</td>
<td colspan="1" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">邮编</td>
<td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
<span v-if="printData.qlrList.length > 0">
{{printData.qlrList[0].yb}}
</span>
</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">法定代表人或负责人</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
<span v-if="printData.qlrList.length > 0">
{{printData.qlrList[0].frmc}}
</span>
</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
<span v-if="printData.qlrList.length > 0">
{{printData.qlrList[0].frdh}}
</span>
</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理人姓名</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
<span v-if="printData.qlrList.length > 0">
{{printData.qlrList[0].dlrmc}}
</span>
</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
<span v-if="printData.qlrList.length > 0">
{{printData.qlrList[0].dlrdh}}
</span>
</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理机构名称</td>
<td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
<span v-if="printData.qlrList.length > 0">
{{printData.qlrList[0].dlrjg}}
</span>
</td>
</tr>
<tr>
<td colspan="7" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size:16px;font-weight: bolder;text-align: center;">登记申请人</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">义务人姓名（名称）</td>
<td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
<span v-for="(item,index) in printData.ywrList" :index="index" :key="item.bsmSqr">
{{item.sqrmc}}
</span>
</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证件种类</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">证件号</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
<span v-for="(item,index) in printData.ywrList" :index="index" :key="item.bsmSqr">
{{item.zjh}}
</span>
</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">通讯地址</td>
<td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
<span v-if="printData.ywrList.length > 0">
{{printData.ywrList[0].txdz}}
</span>
</td>
<td colspan="1" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">邮编</td>
<td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
<span v-if="printData.ywrList.length > 0">
{{printData.ywrList[0].yb}}
</span>
</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">法定代表人或负责人</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
<span v-if="printData.ywrList.length > 0">
{{printData.ywrList[0].frmc}}
</span>
</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
<span v-if="printData.ywrList.length > 0">
{{printData.ywrList[0].frdh}}
</span>
</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理人姓名</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
<span v-if="printData.ywrList.length > 0">
{{printData.ywrList[0].dlrmc}}
</span>
</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
<span v-if="printData.ywrList.length > 0">
{{printData.ywrList[0].dlrdh}}
</span>
</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理机构名称</td>
<td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
<span v-if="printData.ywrList.length > 0">
{{printData.ywrList[0].dljg}}
</span>
</td>
</tr>
<tr>
<td rowspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">不动产情况</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">坐落</td>
<td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">{{printData.bdcdyInfo.zl}}</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">不动产单元号</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">{{printData.bdcdyInfo.bdcdyh}}</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">不动产类型</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">房屋</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">面积</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">111.3㎡</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">用途</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">城镇住宅用地</td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">原不动产权属证书号</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">xxxx号</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">用海类型</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">构筑物类型</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">林种</td>
<td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
</tr>
<tr>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">抵押情况</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">被担保债权数额（最高债权数额）</td>
<td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">{{printData.dyaqQlxx.zgzqqdss}}</td>
<td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">债务履行期限（债权确定期间）</td>
<td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">{{printData.dyaqQlxx.dyqx}}</td>
</tr>
</table>
</div>
<button @click="printView()"> 打印预览 </button>
</div>
</div>
</template>
<script>
import { mapGetters } from 'vuex';
import { getLodop } from "@/utils/LodopFuncs";
import { getPrintApplicationInfo } from "@/api/fqsq.js";
export default {
components: {},
computed: {
...mapGetters(['dictData'])
},
props: ["formData"],
data () {
return {
ywlxList: [
{name: '国有建设用地使用权',value: 'A03',checked:true},
{name: '国有建设用地使用权/房屋所有权',value: 'A04',checked:false},
],
djlxList: [
{name: '首次登记',value: '100',checked:true},
{name: '转移登记',value: '200',checked:false},
{name: '变更登记',value: '300',checked:false},
{name: '注销登记',value: '400',checked:false},
{name: '更正登记',value: '901',checked:false},
{name: '异议登记',value: 'B38',checked:false},
{name: '预告登记',value: '902',checked:false},
{name: '查封登记',value: 'B39',checked:false},
{name: '其他___________',value: '99',checked:false},
],
printData: {
qlrList: {},
ywrList: {},
bdcdyInfo: {},
dyaqQlxx: {}
}
}
},
mounted() {
this.queryData();
},
methods: {
printView(){
let lodop = getLodop();
lodop.PRINT_INIT("测试");
//纵坐标开始点位，横坐标开始点位，纸张宽度，纸张高度
lodop.ADD_PRINT_HTM(0,10,760,1200,document.getElementById("printMe").innerHTML);
lodop.PREVIEW();
},
queryData(){
getPrintApplicationInfo(this.formData).then(res => {
if(res.code == 200){
this.printData = res.result
}
})
}
}
}
</script>
<style scoped lang='scss'>
.zdxx {
width: 100%;
height: 100%;
background-color: #f5f5f5;
padding: 5px;
}
.print-title{
font-size: 24px;
font-weight: bolder;
margin: 20px 0px;
}
.print-unit{
line-height: 60px;
margin-left: 20px;
font-size: 14px;
}
.left-title{
font-size: 16px
}
.inline-title{
font-size:16px;
font-weight: bolder;
}
.text-left {
text-align: left;
}
.check-box {
display: inline-block;
border: 1px solid rgb(114, 113, 113);
border-radius: 2px;
box-sizing: border-box;
width: 10px;
height: 10px;
}
.tablebox {
overflow-x: auto;
width: 100%;
height: 100%;
background: #fff;
text-align: center;
padding: 4px;
overflow-y: scroll;
.printTable {
width: 100%;
color: #333;
td {
border: 1px solid rgb(194, 191, 191);
line-height: 30px;
padding: 0 4px;
}
.title {
line-height: 68px;
font-size: 20px;
}
.unit {
text-align: right;
}
.title2 {
writing-mode: vertical-lr;
letter-spacing: 6px;
}
.bhqk {
padding: 0;
.box {
width: 745px;
overflow: auto;
}
table {
.bhqkTh {
width: 110px;
line-height: 40px;
background-color: #f5f5f5;
border: 1px solid rgb(228, 228, 228);
font-weight: bold;
}
td {
width: 180px;
}
}
}
}
}
</style>
\ No newline at end of file
......@@ -5,6 +5,7 @@
<el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bsmBdcqz" v-for="(item,index) in headTabBdcqz" :key="index"></el-tab-pane>
</el-tabs>
<!-- <div class="zsyl-title">{{bdcqz.bdcqzlx == '1' ? '不动产权证书' : '不动产权证明'}}</div> -->
<div class="no-data">暂无数据</div>
<img :src="previewImage" class="imgClass">
</div>
</template>
......@@ -137,4 +138,11 @@ export default {
padding: 5px 0px;
font-size: 20px;
}
.no-data{
font-size:18px;
display: flex;
text-align: center;
justify-content: center;
}
</style>
......
import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js";
import { popupDialog } from "@/utils/popup.js";
import { getPrintTemplateByCode } from "@/api/system";
import { getLodop } from "@/utils/LodopFuncs"
import {
leftMenu,
stepExpandInfo,
......@@ -132,8 +134,21 @@ export default {
}, '1070px')
break;
case "B6":
popupDialog("打印申请书", "workflow/components/printApplication", this.currentSelectProps
, '1070px')
//根据编号获取对应信息
getPrintTemplateByCode({tmpno: 'dysqs'}).then(res => {
if(res.code == 200){
//打开模板设计
let LODOP=getLodop(document.getElementById('LODOP_OB'),document.getElementById('LODOP_EM'));
LODOP.ADD_PRINT_DATA("ProgramData",res.result.tmpcontent); //装载模板
//todo 调取后端接口获取数据 循环set
LODOP.SET_PRINT_STYLEA("qlrmc","CONTENT","计划大河风流看");
LODOP.PREVIEW();
}else{
this.$message.error(res.message)
}
})
break;
case "B7":
this.$popup("证书领取", "workflow/components/zslq", {
......
......@@ -68,6 +68,10 @@
</div>
</div>
</div>
<!-- 打印模板需要此模块 -->
<object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false">
<embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe"/>
</object>
<fqsqDialog v-model="isDialog" :djywbm="$route.query.sqywbm" :isJump="true" @updateDialog="updateDialog" />
</div>
</template>
......