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 352 additions and 458 deletions
...@@ -171,3 +171,48 @@ export function setAllRead () { ...@@ -171,3 +171,48 @@ export function setAllRead () {
171 method: 'get' 171 method: 'get'
172 }) 172 })
173 } 173 }
174
175 //获取打印模板列表
176 export function selectPrintTemplateList (data) {
177 return request({
178 url: SERVER.SERVERAPI + '/rest/system/print/selectPrintTemplateList',
179 method: 'post',
180 data
181 })
182 }
183
184 //新增打印模板列表
185 export function addPrintTemplate (data) {
186 return request({
187 url: SERVER.SERVERAPI + '/rest/system/print/addPrintTemplate',
188 method: 'post',
189 data
190 })
191 }
192
193 //编辑打印模板列表
194 export function editPrintTemplate (data) {
195 return request({
196 url: SERVER.SERVERAPI + '/rest/system/print/editPrintTemplate',
197 method: 'post',
198 data
199 })
200 }
201
202 //删除打印模板列表
203 export function delPrintTemplate (params) {
204 return request({
205 url: SERVER.SERVERAPI + '/rest/system/print/delPrintTemplate',
206 method: 'get',
207 params: params
208 })
209 }
210
211 //根据模板编号获取打印模板
212 export function getPrintTemplateByCode (params) {
213 return request({
214 url: SERVER.SERVERAPI + '/rest/system/print/getPrintTemplateByCode',
215 method: 'get',
216 params: params
217 })
218 }
......
1 <template>
2 <dialogBox title="打印模板" @submitForm="submitForm" saveButton="保存" :isFullscreen="false" width="30%"
3 @closeDialog="closeDialog" v-model="myValue">
4 <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
5 <el-row>
6 <el-col :span="24">
7 <el-form-item label="模板编码:" prop="tmpno">
8 <el-input v-model="ruleForm.tmpno" :disabled="editFlag"></el-input>
9 </el-form-item>
10 </el-col>
11 </el-row>
12 <el-row>
13 <el-col :span="24">
14 <el-form-item label="模板名称:" prop="tmpname">
15 <el-input v-model="ruleForm.tmpname" :disabled="editFlag"></el-input>
16 </el-form-item>
17 </el-col>
18 </el-row>
19 <el-row>
20 <el-col :span="12">
21 <el-form-item label="模板设计:">
22 <el-button type="primary" @click="designByPRGData(ruleForm.tmpcontent)">模板设计</el-button>
23 <i class="el-icon-loading" style="font-size:24px;margin-left:10px;" v-if="loadStatus == '1'"></i>
24 <i class="el-icon-circle-check" style="font-size:24px;margin-left:10px;color:green" v-if="loadStatus == '2'"></i>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false">
29 <embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe"/>
30 </object>
31 <textarea rows="0" id="S1" cols="0" v-show="false"></textarea>
32 </el-form>
33 </dialogBox>
34 </template>
35
36 <script>
37 import { getLodop } from "@/utils/LodopFuncs"
38 import { mapGetters } from 'vuex'
39 import {addPrintTemplate,editPrintTemplate} from "@/api/system.js"
40 export default {
41 computed: {
42 ...mapGetters(['dictData']),
43 },
44 props: {
45 value: { type: Boolean, default: false },
46 },
47 data () {
48 return {
49 myValue: this.value,
50 editFlag: false,
51 //打印模板设计保存状态 0：未操作 1：保存中 2：已保存
52 loadStatus: '0',
53 //表单提交数据
54 ruleForm: {
55 tmpno: '',
56 tmpname: '',
57 tmpfont: '',
58 tmpfontsize: '',
59 tmpcontent: ''
60 },
61 rules: {
62 tmpno: [
63 { required: true, message: '模板编号不能为空', trigger: 'blur' }
64 ],
65 tmpname: [
66 { required: true, message: '模板名称不能为空', trigger: 'blur' }
67 ],
68 },
69 }
70 },
71 watch: {
72 value (val) {
73 this.myValue = val
74 }
75 },
76 methods: {
77 //表单提交
78 submitForm () {
79 if(this.loadStatus == '1'){
80 return this.$message.error("模板设计保存中，请等待...")
81 }
82 this.$refs.ruleForm.validate(valid => {
83 if (valid) {
84 if(this.editFlag){
85 this.editTemplate();
86 }else{
87 this.addTemplate();
88 }
89 } else {
90 // console.log('error submit!!');
91 return false;
92 }
93 });
94 },
95 //新增
96 addTemplate(){
97 addPrintTemplate(this.ruleForm).then(res => {
98 if(res.code == 200){
99 this.$parent.fetchData();
100 this.$message.success('保存成功');
101 this.closeDialog();
102 }else{
103 this.$message.error(res.message)
104 }
105 })
106 },
107 //编辑
108 editTemplate() {
109 editPrintTemplate(this.ruleForm).then(res => {
110 if(res.code == 200){
111 this.$parent.fetchData();
112 this.$message.success('保存成功');
113 this.closeDialog();
114 }else{
115 this.$message.error(res.message)
116 }
117 })
118 },
119 closeDialog () {
120 this.$emit("input", false);
121 this.ruleForm = {
122 tmpno: '',
123 tmpname: '',
124 tmpfont: '',
125 tmpfontsize: '',
126 tmpcontent: ''
127 },
128 this.loadStatus = '0'
129 this.editFlag = false;
130 },
131 getDetailInfo(item){
132 this.ruleForm = item;
133 this.editFlag = true;
134 },
135 //设计打印模板
136 designByPRGData() {
137 let that = this;
138 that.loadStatus = '1';
139 let LODOP=getLodop(document.getElementById('LODOP_OB'),document.getElementById('LODOP_EM'));
140 LODOP.ADD_PRINT_DATA("ProgramData",this.ruleForm.tmpcontent); //装载模板
141 //窗口关闭后，回调函数中保存的设计代码
142 if (LODOP.CVERSION)
143 CLODOP.On_Return = function (TaskID, printList) {
144 if (LODOP.CVERSION)
145 LODOP.On_Return = function (TaskID, Value) {
146 document.getElementById("S1").value = Value;
147 };
148 document.getElementById("S1").value = LODOP.GET_VALUE(
149 "ProgramData",
150 0
151 );
152 setTimeout(() => {
153 that.ruleForm.tmpcontent = document.getElementById("S1").value;
154 that.loadStatus = '2';
155 }, 1000);
156 };
157 LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后
158 }
159 }
160 }
161 </script>
162 <style scoped lang="scss">
163 @import "~@/styles/mixin.scss";
164
165 .font-red {
166 color: red
167 }
168
169 .middle-margin-bottom {
170 margin-top: 20px
171 }
172 </style>
...@@ -23,38 +23,38 @@ class data extends filter { ...@@ -23,38 +23,38 @@ class data extends filter {
23 } 23 }
24 }, 24 },
25 { 25 {
26 prop: "mbmc", 26 prop: "tmpno",
27 label: "模板编码", 27 label: "模板编码",
28 }, 28 },
29 { 29 {
30 prop: "mblx", 30 prop: "tmpname",
31 label: "模板类型", 31 label: "模板名称",
32 }, 32 },
33 { 33 {
34 prop: "zt", 34 prop: "tmpfont",
35 label: "字体", 35 label: "模板字体",
36 }, 36 },
37 { 37 {
38 prop: "ztdx", 38 prop: "tmpfontsize",
39 label: "字体大小", 39 label: "模板字体大小",
40 }, 40 },
41 { 41 {
42 prop: "zjczsj", 42 prop: "updatetime",
43 label: "最近操作时间", 43 label: "最近操作时间",
44 }, 44 },
45 { 45 {
46 prop: "zjczr", 46 prop: "updater",
47 label: "最近操作人", 47 label: "最近操作人",
48 }, 48 },
49 { 49 {
50 label: '操作', 50 label: '操作',
51 width: '150',
52 align: 'center', 51 align: 'center',
53 fixed: 'right',
54 render: (h, scope) => { 52 render: (h, scope) => {
55 return ( 53 return (
56 <div> 54 <div>
57 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.editClick(scope) }}>设置打印模板</el-button> 55 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openEditDialog(scope.row) }}>编辑</el-button>
56 {/* <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.DesignByPRGData(scope.row) }}>设计</el-button> */}
57 {/* <el-button type="text" icon="el-icon-delete" onClick={() => { vm.removeTemplate(scope.row) }}>删除</el-button> */}
58 </div> 58 </div>
59 ) 59 )
60 } 60 }
......
1 <template> 1 <template>
2 <div class="dymbgl from-clues-content"> 2 <div class="from-clues">
3 <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :heightNum="215" :total="tableData.total" 3 <div class="from-clues-header">
4 <el-form>
5 <el-row>
6 <el-col :span="24" class="btnColRight">
7 <el-form-item>
8 <el-button type="primary" @click="fetchData">查询</el-button>
9 <el-button type="primary" @click="openAddDialog">新增</el-button>
10 </el-form-item>
11 </el-col>
12 </el-row>
13 </el-form>
14 </div>
15 <div class="from-clues-content">
16 <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :heightNum="215" :total="tableData.total"
4 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" 17 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
5 :data="tableData.data"> 18 :data="tableData.data"></lb-table>
6 </lb-table> 19 </div>
20 <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false">
21 <embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe"/>
22 </object>
7 <textarea rows="0" id="S1" cols="0" v-show="false"></textarea> 23 <textarea rows="0" id="S1" cols="0" v-show="false"></textarea>
24 <editDialog ref="editDialog" v-model="isDialog" />
8 </div> 25 </div>
9 </template> 26 </template>
10 <script> 27 <script>
11 import { getLodop } from "@/utils/LodopFuncs" 28 import { getLodop } from "@/utils/LodopFuncs"
12 import table from "@/utils/mixin/table" 29 import table from "@/utils/mixin/table"
13 import { datas, sendThis } from "./dymbgl" 30 import { datas, sendThis } from "./dymbgl"
31 import editDialog from "./components/editDialog.vue";
32 import {selectPrintTemplateList,delPrintTemplate} from "@/api/system.js"
14 export default { 33 export default {
15 name: "djbcx", 34 name: "dymbgl",
16 mixins: [table], 35 mixins: [table],
17 mounted () { 36 components: {editDialog},
18 sendThis(this);
19 },
20 data () { 37 data () {
21 return { 38 return {
22 isDialog: false, 39 isDialog: false,
...@@ -24,34 +41,82 @@ export default { ...@@ -24,34 +41,82 @@ export default {
24 tableData: { 41 tableData: {
25 total: 0, 42 total: 0,
26 columns: datas.columns(), 43 columns: datas.columns(),
27 data: [ 44 data: []
28 {
29 slsj: "2022-5-12",
30 }
31 ]
32 }, 45 },
46 printItem: "",
33 printList: { 47 printList: {
34 year: '', 48
35 month: '',
36 day: '',
37 bh: '', // 编号
38 xzq: '',
39 xh: '',
40 d: '',
41 h: '',
42
43 qlr: '',
44 ywr: '',
45 zl: '',
46 bdcdyh: '',
47 qt: '',
48 fj: '',
49 zmsx: "证明事项",
50 }, 49 },
51 } 50 }
52 }, 51 },
52 mounted(){
53 sendThis(this);
54 this.fetchData()
55 },
53 methods: { 56 methods: {
54 fetchData () { 57 fetchData () {
58 selectPrintTemplateList({...this.pageData}).then(res => {
59 if(res.code == 200){
60 let { total, records } = res.result
61 this.tableData.total = total ? total : 0
62 this.tableData.data = records ? records : []
63 }
64 })
65 },
66 //打开新增弹窗
67 openAddDialog(){
68 this.isDialog = true;
69 },
70 //打开编辑弹窗
71 openEditDialog(item){
72 this.isDialog = true;
73 this.$nextTick(() => {
74 this.$refs.editDialog.getDetailInfo(item);
75 })
76 },
77 //删除数据
78 removeTemplate(item){
79 this.$confirm("确定要删除吗, 是否继续?", "提示", {
80 confirmButtonText: "确定",
81 cancelButtonText: "取消",
82 type: "warning",
83 }).then(() => {
84 delPrintTemplate({bsmTmp: item.bsmTmp}).then((res) => {
85 if (res.code == 200) {
86 this.$message.success("删除成功");
87 this.fetchData();
88 } else {
89 this.$message.error(res.message);
90 }
91 });
92 })
93 .catch(() => {
94 this.$message({
95 type: "info",
96 message: "已取消删除",
97 });
98 });
99 },
100 //设计打印模板
101 DesignByPRGData(item) {
102 let LODOP=getLodop(document.getElementById('LODOP_OB'),document.getElementById('LODOP_EM'));
103 LODOP.ADD_PRINT_DATA("ProgramData",item.tmpcontent); //装载模板
104 //窗口关闭后，回调函数中保存的设计代码
105 if (LODOP.CVERSION)
106 CLODOP.On_Return = function (TaskID, printList) {
107 if (LODOP.CVERSION)
108 LODOP.On_Return = function (TaskID, Value) {
109 document.getElementById("S1").value = Value;
110 };
111 document.getElementById("S1").value = LODOP.GET_VALUE(
112 "ProgramData",
113 0
114 );
115 setTimeout(() => {
116 item.tmpcontent = document.getElementById("S1").value;
117 }, 1000);
118 };
119 LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后
55 }, 120 },
56 editClick () { 121 editClick () {
57 let LODOP = getLodop(); 122 let LODOP = getLodop();
...@@ -95,18 +160,9 @@ export default { ...@@ -95,18 +160,9 @@ export default {
95 }; 160 };
96 LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后 161 LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后
97 }, 162 },
98 handlePrint () {
99 let LODOP = getLodop();
100 // LODOP.ADD_PRINT_DATA("ProgramData", getSession("printValue"));
101 LODOP.PREVIEW();
102 },
103 }, 163 },
104 }; 164 };
105 </script> 165 </script>
106 <style scoped lang="scss"> 166 <style scoped lang="scss">
107 @import "~@/styles/public.scss"; 167 @import "~@/styles/public.scss";
108
109 .dymbgl {
110 margin-top: -1px;
111 }
112 </style> 168 </style>
......
1 <template>
2 <div>
3 <div id="printMe" style="width: 100%;height: 100%;background-color: #f5f5f5;padding: 5px;">
4 <div style="overflow-x: auto;width: 100%;height: 100%;background: #fff;text-align: center;padding: 4px;overflow-y: scroll;">
5 <div style="font-size: 24px;font-weight: bolder;margin: 20px 0px;">不动产登记申请书</div>
6 <div style="display:flex">
7 <div>
8 <table cellpadding="0" cellspacing="0" style="width: 100%;color: #333;">
9 <col width="30" />
10 <col width="50" />
11 <col width="160" />
12 <col width="50" />
13 <col width="120" />
14 <tr>
15 <td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">收件</td>
16 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">编号</td>
17 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">0000001</td>
18 <td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">收件人</td>
19 <td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">超级管理员</td>
20 </tr>
21 <tr>
22 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">日期</td>
23 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">2022/12/8</td>
24 </tr>
25 </table>
26 </div>
27 <div style="margin-left: 20px;font-size: 14px;">
28 单位：
29 <span style="font-family:Wingdings;font-size:18px;color:red">&#254;</span>平方米
30 <!-- <span style="font-family:Wingdings;font-size:40px;">&#250;</span> -->
31 <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>
32 公顷（<span style="display: inline-block;border: 1px solid rgb(114, 113, 113);border-radius: 2px;box-sizing: border-box;width: 10px;height: 10px;"></span>亩）、万元
33 </div>
34 </div>
35 <div style="margin-top:20px"></div>
36 <table cellpadding="0" cellspacing="0" style="width: 100%;color: #333;">
37 <col width="80" />
38 <col width="100" />
39 <col width="180" />
40 <col width="80" />
41 <col width="60" />
42 <col width="20" />
43 <col width="180" />
44 <tr>
45 <td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">申请登记事由</td>
46 <td colspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;text-align: left;">
47 <span v-for="item in ywlxList" :key="item.value" style="margin:0px 8px">
48 <span style="font-family:Wingdings;font-size:18px;color:red" v-if="item.checked">&#254;</span>
49 <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>
50 {{item.name}}
51 </span>
52 </td>
53 </tr>
54 <tr>
55 <td colspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;text-align: left;">
56 <span v-for="item in djlxList" :key="item.value" style="margin:0px 8px">
57 <span style="font-family:Wingdings;font-size:18px;color:red" v-if="item.checked">&#254;</span>
58 <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>
59 {{item.name}}
60 </span>
61 </td>
62 </tr>
63 <tr>
64 <td rowspan="14" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">申请人情况</td>
65 <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>
66 </tr>
67 <tr>
68 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">权利人姓名（名称）</td>
69 <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
70 <span v-for="(item,index) in printData.qlrList" :index="index" :key="item.bsmSqr">
71 {{item.sqrmc}}
72 </span>
73 </td>
74 </tr>
75 <tr>
76 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证件种类</td>
77 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证</td>
78 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">证件号</td>
79 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
80 <span v-for="(item,index) in printData.qlrList" :index="index" :key="item.bsmSqr">
81 {{item.zjh}}
82 </span>
83 </td>
84 </tr>
85 <tr>
86 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">通讯地址</td>
87 <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
88 <span v-if="printData.qlrList.length > 0">
89 {{printData.qlrList[0].txdz}}
90 </span>
91 </td>
92 <td colspan="1" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">邮编</td>
93 <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
94 <span v-if="printData.qlrList.length > 0">
95 {{printData.qlrList[0].yb}}
96 </span>
97 </td>
98 </tr>
99 <tr>
100 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">法定代表人或负责人</td>
101 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
102 <span v-if="printData.qlrList.length > 0">
103 {{printData.qlrList[0].frmc}}
104 </span>
105 </td>
106 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
107 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
108 <span v-if="printData.qlrList.length > 0">
109 {{printData.qlrList[0].frdh}}
110 </span>
111 </td>
112 </tr>
113 <tr>
114 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理人姓名</td>
115 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
116 <span v-if="printData.qlrList.length > 0">
117 {{printData.qlrList[0].dlrmc}}
118 </span>
119 </td>
120 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
121 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
122 <span v-if="printData.qlrList.length > 0">
123 {{printData.qlrList[0].dlrdh}}
124 </span>
125 </td>
126 </tr>
127 <tr>
128 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理机构名称</td>
129 <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
130 <span v-if="printData.qlrList.length > 0">
131 {{printData.qlrList[0].dlrjg}}
132 </span>
133 </td>
134 </tr>
135 <tr>
136 <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>
137 </tr>
138 <tr>
139 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">义务人姓名（名称）</td>
140 <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
141 <span v-for="(item,index) in printData.ywrList" :index="index" :key="item.bsmSqr">
142 {{item.sqrmc}}
143 </span>
144 </td>
145 </tr>
146 <tr>
147 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证件种类</td>
148 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证</td>
149 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">证件号</td>
150 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
151 <span v-for="(item,index) in printData.ywrList" :index="index" :key="item.bsmSqr">
152 {{item.zjh}}
153 </span>
154 </td>
155 </tr>
156 <tr>
157 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">通讯地址</td>
158 <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
159 <span v-if="printData.ywrList.length > 0">
160 {{printData.ywrList[0].txdz}}
161 </span>
162 </td>
163 <td colspan="1" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">邮编</td>
164 <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
165 <span v-if="printData.ywrList.length > 0">
166 {{printData.ywrList[0].yb}}
167 </span>
168 </td>
169 </tr>
170 <tr>
171 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">法定代表人或负责人</td>
172 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
173 <span v-if="printData.ywrList.length > 0">
174 {{printData.ywrList[0].frmc}}
175 </span>
176 </td>
177 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
178 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
179 <span v-if="printData.ywrList.length > 0">
180 {{printData.ywrList[0].frdh}}
181 </span>
182 </td>
183 </tr>
184 <tr>
185 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理人姓名</td>
186 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
187 <span v-if="printData.ywrList.length > 0">
188 {{printData.ywrList[0].dlrmc}}
189 </span>
190 </td>
191 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
192 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
193 <span v-if="printData.ywrList.length > 0">
194 {{printData.ywrList[0].dlrdh}}
195 </span>
196 </td>
197 </tr>
198 <tr>
199 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理机构名称</td>
200 <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">
201 <span v-if="printData.ywrList.length > 0">
202 {{printData.ywrList[0].dljg}}
203 </span>
204 </td>
205 </tr>
206 <tr>
207 <td rowspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">不动产情况</td>
208 </tr>
209 <tr>
210 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">坐落</td>
211 <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">{{printData.bdcdyInfo.zl}}</td>
212 </tr>
213 <tr>
214 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">不动产单元号</td>
215 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">{{printData.bdcdyInfo.bdcdyh}}</td>
216 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">不动产类型</td>
217 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">房屋</td>
218 </tr>
219 <tr>
220 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">面积</td>
221 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">111.3㎡</td>
222 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">用途</td>
223 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">城镇住宅用地</td>
224 </tr>
225 <tr>
226 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">原不动产权属证书号</td>
227 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">xxxx号</td>
228 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">用海类型</td>
229 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
230 </tr>
231 <tr>
232 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">构筑物类型</td>
233 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
234 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">林种</td>
235 <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
236 </tr>
237 <tr>
238 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">抵押情况</td>
239 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">被担保债权数额（最高债权数额）</td>
240 <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">{{printData.dyaqQlxx.zgzqqdss}}</td>
241 <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">债务履行期限（债权确定期间）</td>
242 <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">{{printData.dyaqQlxx.dyqx}}</td>
243 </tr>
244 </table>
245 </div>
246 <button @click="printView()"> 打印预览 </button>
247 </div>
248 </div>
249 </template>
250 <script>
251
252 import { mapGetters } from 'vuex';
253 import { getLodop } from "@/utils/LodopFuncs";
254 import { getPrintApplicationInfo } from "@/api/fqsq.js";
255 export default {
256 components: {},
257 computed: {
258 ...mapGetters(['dictData'])
259 },
260 props: ["formData"],
261 data () {
262 return {
263 ywlxList: [
264 {name: '国有建设用地使用权',value: 'A03',checked:true},
265 {name: '国有建设用地使用权/房屋所有权',value: 'A04',checked:false},
266 ],
267 djlxList: [
268 {name: '首次登记',value: '100',checked:true},
269 {name: '转移登记',value: '200',checked:false},
270 {name: '变更登记',value: '300',checked:false},
271 {name: '注销登记',value: '400',checked:false},
272 {name: '更正登记',value: '901',checked:false},
273 {name: '异议登记',value: 'B38',checked:false},
274 {name: '预告登记',value: '902',checked:false},
275 {name: '查封登记',value: 'B39',checked:false},
276 {name: '其他___________',value: '99',checked:false},
277 ],
278 printData: {
279 qlrList: {},
280 ywrList: {},
281 bdcdyInfo: {},
282 dyaqQlxx: {}
283 }
284 }
285 },
286 mounted() {
287 this.queryData();
288 },
289 methods: {
290 printView(){
291 let lodop = getLodop();
292 lodop.PRINT_INIT("测试");
293 //纵坐标开始点位，横坐标开始点位，纸张宽度，纸张高度
294 lodop.ADD_PRINT_HTM(0,10,760,1200,document.getElementById("printMe").innerHTML);
295 lodop.PREVIEW();
296 },
297 queryData(){
298 getPrintApplicationInfo(this.formData).then(res => {
299 if(res.code == 200){
300 this.printData = res.result
301 }
302 })
303 }
304 }
305 }
306 </script>
307 <style scoped lang='scss'>
308 .zdxx {
309 width: 100%;
310 height: 100%;
311 background-color: #f5f5f5;
312 padding: 5px;
313 }
314
315 .print-title{
316 font-size: 24px;
317 font-weight: bolder;
318 margin: 20px 0px;
319 }
320
321 .print-unit{
322 line-height: 60px;
323 margin-left: 20px;
324 font-size: 14px;
325 }
326
327 .left-title{
328 font-size: 16px
329 }
330
331 .inline-title{
332 font-size:16px;
333 font-weight: bolder;
334 }
335
336 .text-left {
337 text-align: left;
338 }
339
340 .check-box {
341 display: inline-block;
342 border: 1px solid rgb(114, 113, 113);
343 border-radius: 2px;
344 box-sizing: border-box;
345 width: 10px;
346 height: 10px;
347 }
348
349
350 .tablebox {
351 overflow-x: auto;
352 width: 100%;
353 height: 100%;
354 background: #fff;
355 text-align: center;
356 padding: 4px;
357 overflow-y: scroll;
358
359 .printTable {
360 width: 100%;
361 color: #333;
362
363 td {
364 border: 1px solid rgb(194, 191, 191);
365 line-height: 30px;
366 padding: 0 4px;
367 }
368
369 .title {
370 line-height: 68px;
371 font-size: 20px;
372 }
373
374 .unit {
375 text-align: right;
376 }
377
378 .title2 {
379 writing-mode: vertical-lr;
380 letter-spacing: 6px;
381 }
382
383 .bhqk {
384 padding: 0;
385
386 .box {
387 width: 745px;
388 overflow: auto;
389 }
390 table {
391 .bhqkTh {
392 width: 110px;
393 line-height: 40px;
394 background-color: #f5f5f5;
395 border: 1px solid rgb(228, 228, 228);
396 font-weight: bold;
397 }
398
399 td {
400 width: 180px;
401 }
402 }
403 }
404 }
405 }
406 </style>
...\ No newline at end of file ...\ No newline at end of file
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
5 <el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bsmBdcqz" v-for="(item,index) in headTabBdcqz" :key="index"></el-tab-pane> 5 <el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bsmBdcqz" v-for="(item,index) in headTabBdcqz" :key="index"></el-tab-pane>
6 </el-tabs> 6 </el-tabs>
7 <!-- <div class="zsyl-title">{{bdcqz.bdcqzlx == '1' ? '不动产权证书' : '不动产权证明'}}</div> --> 7 <!-- <div class="zsyl-title">{{bdcqz.bdcqzlx == '1' ? '不动产权证书' : '不动产权证明'}}</div> -->
8 <div class="no-data">暂无数据</div>
8 <img :src="previewImage" class="imgClass"> 9 <img :src="previewImage" class="imgClass">
9 </div> 10 </div>
10 </template> 11 </template>
...@@ -137,4 +138,11 @@ export default { ...@@ -137,4 +138,11 @@ export default {
137 padding: 5px 0px; 138 padding: 5px 0px;
138 font-size: 20px; 139 font-size: 20px;
139 } 140 }
141
142 .no-data{
143 font-size:18px;
144 display: flex;
145 text-align: center;
146 justify-content: center;
147 }
140 </style> 148 </style>
......
1 import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; 1 import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js";
2 import { popupDialog } from "@/utils/popup.js"; 2 import { popupDialog } from "@/utils/popup.js";
3 import { getPrintTemplateByCode } from "@/api/system";
4 import { getLodop } from "@/utils/LodopFuncs"
3 import { 5 import {
4 leftMenu, 6 leftMenu,
5 stepExpandInfo, 7 stepExpandInfo,
...@@ -132,8 +134,21 @@ export default { ...@@ -132,8 +134,21 @@ export default {
132 }, '1070px') 134 }, '1070px')
133 break; 135 break;
134 case "B6": 136 case "B6":
135 popupDialog("打印申请书", "workflow/components/printApplication", this.currentSelectProps 137 //根据编号获取对应信息
136 , '1070px') 138 getPrintTemplateByCode({tmpno: 'dysqs'}).then(res => {
139 if(res.code == 200){
140 //打开模板设计
141 let LODOP=getLodop(document.getElementById('LODOP_OB'),document.getElementById('LODOP_EM'));
142 LODOP.ADD_PRINT_DATA("ProgramData",res.result.tmpcontent); //装载模板
143
144 //todo 调取后端接口获取数据 循环set
145
146 LODOP.SET_PRINT_STYLEA("qlrmc","CONTENT","计划大河风流看");
147 LODOP.PREVIEW();
148 }else{
149 this.$message.error(res.message)
150 }
151 })
137 break; 152 break;
138 case "B7": 153 case "B7":
139 this.$popup("证书领取", "workflow/components/zslq", { 154 this.$popup("证书领取", "workflow/components/zslq", {
......
...@@ -68,6 +68,10 @@ ...@@ -68,6 +68,10 @@
68 </div> 68 </div>
69 </div> 69 </div>
70 </div> 70 </div>
71 <!-- 打印模板需要此模块 -->
72 <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false">
73 <embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe"/>
74 </object>
71 <fqsqDialog v-model="isDialog" :djywbm="$route.query.sqywbm" :isJump="true" @updateDialog="updateDialog" /> 75 <fqsqDialog v-model="isDialog" :djywbm="$route.query.sqywbm" :isJump="true" @updateDialog="updateDialog" />
72 </div> 76 </div>
73 </template> 77 </template>
......