style: 家庭房产
Showing
4 changed files
with
151 additions
and
205 deletions
... | @@ -119,6 +119,7 @@ | ... | @@ -119,6 +119,7 @@ |
119 | import { getIdCardInfo } from '@/utils/operation.js' | 119 | import { getIdCardInfo } from '@/utils/operation.js' |
120 | import { getPrintTemplateByCode } from "@/api/system"; | 120 | import { getPrintTemplateByCode } from "@/api/system"; |
121 | import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx"; | 121 | import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx"; |
122 | import { log } from 'bpmn-js-token-simulation'; | ||
122 | export default { | 123 | export default { |
123 | props: { | 124 | props: { |
124 | formData: { | 125 | formData: { |
... | @@ -297,18 +298,24 @@ | ... | @@ -297,18 +298,24 @@ |
297 | } | 298 | } |
298 | }, | 299 | }, |
299 | watch: { | 300 | watch: { |
300 | "form.djSqcxDO.ycqrgx" (val) { | 301 | "form.djSqcxDO.ycqrgx": { |
301 | if (val == "1") { | 302 | handler: function (val) { |
302 | this.form.qlrList = _.cloneDeep(this.form.sqrList); | 303 | if (val == "1") { |
303 | } else { | 304 | this.form.qlrList = _.cloneDeep(this.form.sqrList); |
304 | this.form.qlrList = []; | 305 | } else { |
305 | this.add("qlr"); | 306 | this.form.qlrList = []; |
306 | } | 307 | this.add("qlr"); |
308 | } | ||
309 | }, | ||
310 | immediate: true | ||
307 | }, | 311 | }, |
308 | "form.sqrList" (val) { | 312 | "form.sqrList": { |
309 | if (this.form.djSqcxDO.ycqrgx == '1') { | 313 | handler: function (val) { |
310 | this.form.qlrList = _.cloneDeep(val) | 314 | if (this.form.djSqcxDO.ycqrgx == '1') { |
311 | } | 315 | this.form.qlrList = _.cloneDeep(val) |
316 | } | ||
317 | }, | ||
318 | deep: true | ||
312 | } | 319 | } |
313 | }, | 320 | }, |
314 | methods: { | 321 | methods: { |
... | ... |
... | @@ -25,7 +25,7 @@ | ... | @@ -25,7 +25,7 @@ |
25 | </el-col> | 25 | </el-col> |
26 | </el-row> | 26 | </el-row> |
27 | <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> | 27 | <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> |
28 | <embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe" /> | 28 | <embed id="LODOP_EM" type="application/x-print-lodop" width=800 height=600 pluginspage="install_lodop32.exe" /> |
29 | </object> | 29 | </object> |
30 | <textarea rows="0" id="S1" cols="0" v-show="false"></textarea> | 30 | <textarea rows="0" id="S1" cols="0" v-show="false"></textarea> |
31 | 31 | ||
... | @@ -37,140 +37,140 @@ | ... | @@ -37,140 +37,140 @@ |
37 | </template> | 37 | </template> |
38 | 38 | ||
39 | <script> | 39 | <script> |
40 | import { getLodop } from "@/utils/LodopFuncs" | 40 | import { getLodop } from "@/utils/LodopFuncs" |
41 | import { mapGetters } from 'vuex' | 41 | import { mapGetters } from 'vuex' |
42 | import store from '@/store/index.js' | 42 | import store from '@/store/index.js' |
43 | import { addPrintTemplate, editPrintTemplate } from "@/api/system.js" | 43 | import { addPrintTemplate, editPrintTemplate } from "@/api/system.js" |
44 | export default { | 44 | export default { |
45 | computed: { | 45 | computed: { |
46 | ...mapGetters(['dictData']), | 46 | ...mapGetters(['dictData']), |
47 | }, | 47 | }, |
48 | props: { | 48 | props: { |
49 | formData: { | 49 | formData: { |
50 | type: Object, | 50 | type: Object, |
51 | default: () => { } | 51 | default: () => { } |
52 | } | 52 | } |
53 | }, | 53 | }, |
54 | data () { | 54 | data () { |
55 | return { | 55 | return { |
56 | editFlag: false, | 56 | editFlag: false, |
57 | //打印模板设计保存状态 0:未操作 1:保存中 2:已保存 | 57 | //打印模板设计保存状态 0:未操作 1:保存中 2:已保存 |
58 | loadStatus: '0', | 58 | loadStatus: '0', |
59 | //表单提交数据 | 59 | //表单提交数据 |
60 | ruleForm: { | 60 | ruleForm: { |
61 | tmpno: '', | 61 | tmpno: '', |
62 | tmpname: '', | 62 | tmpname: '', |
63 | tmpfont: '', | 63 | tmpfont: '', |
64 | tmpfontsize: '', | 64 | tmpfontsize: '', |
65 | tmpcontent: '' | 65 | tmpcontent: '' |
66 | }, | ||
67 | rules: { | ||
68 | tmpno: [ | ||
69 | { required: true, message: '模板编号不能为空', trigger: 'blur' } | ||
70 | ], | ||
71 | tmpname: [ | ||
72 | { required: true, message: '模板名称不能为空', trigger: 'blur' } | ||
73 | ], | ||
74 | }, | ||
75 | } | ||
76 | }, | ||
77 | mounted () { | ||
78 | if (JSON.stringify(this.formData) != "{}") this.getDetailInfo(this.formData) | ||
79 | }, | ||
80 | methods: { | ||
81 | //表单提交 | ||
82 | submitForm () { | ||
83 | if (this.loadStatus == '1') { | ||
84 | return this.$message.error("模板设计保存中,请等待...") | ||
85 | } | ||
86 | this.$refs.ruleForm.validate(valid => { | ||
87 | if (valid) { | ||
88 | if (this.editFlag) { | ||
89 | this.editTemplate(); | ||
90 | } else { | ||
91 | this.addTemplate(); | ||
92 | } | ||
93 | } else { | ||
94 | return false; | ||
95 | } | ||
96 | }); | ||
66 | }, | 97 | }, |
67 | rules: { | 98 | //新增 |
68 | tmpno: [ | 99 | addTemplate () { |
69 | { required: true, message: '模板编号不能为空', trigger: 'blur' } | 100 | addPrintTemplate(this.ruleForm).then(res => { |
70 | ], | 101 | if (res.code == 200) { |
71 | tmpname: [ | 102 | store.dispatch('user/refreshPage', true); |
72 | { required: true, message: '模板名称不能为空', trigger: 'blur' } | 103 | this.$message.success('保存成功'); |
73 | ], | 104 | this.$popupCacel() |
105 | } else { | ||
106 | this.$message.error(res.message) | ||
107 | } | ||
108 | }) | ||
74 | }, | 109 | }, |
75 | } | 110 | //编辑 |
76 | }, | 111 | editTemplate () { |
77 | mounted () { | 112 | editPrintTemplate(this.ruleForm).then(res => { |
78 | if (JSON.stringify(this.formData) != "{}") this.getDetailInfo(this.formData) | 113 | if (res.code == 200) { |
79 | }, | 114 | store.dispatch('user/refreshPage', true); |
80 | methods: { | 115 | this.$message.success('保存成功'); |
81 | //表单提交 | 116 | this.$popupCacel() |
82 | submitForm () { | ||
83 | if (this.loadStatus == '1') { | ||
84 | return this.$message.error("模板设计保存中,请等待...") | ||
85 | } | ||
86 | this.$refs.ruleForm.validate(valid => { | ||
87 | if (valid) { | ||
88 | if (this.editFlag) { | ||
89 | this.editTemplate(); | ||
90 | } else { | 117 | } else { |
91 | this.addTemplate(); | 118 | this.$message.error(res.message) |
92 | } | 119 | } |
93 | } else { | 120 | }) |
94 | return false; | 121 | }, |
95 | } | 122 | closeDialog () { |
96 | }); | 123 | this.$popupCacel() |
97 | }, | 124 | this.ruleForm = { |
98 | //新增 | 125 | tmpno: '', |
99 | addTemplate () { | 126 | tmpname: '', |
100 | addPrintTemplate(this.ruleForm).then(res => { | 127 | tmpfont: '', |
101 | if (res.code == 200) { | 128 | tmpfontsize: '', |
102 | store.dispatch('user/refreshPage', true); | 129 | tmpcontent: '' |
103 | this.$message.success('保存成功'); | ||
104 | this.$popupCacel() | ||
105 | } else { | ||
106 | this.$message.error(res.message) | ||
107 | } | ||
108 | }) | ||
109 | }, | ||
110 | //编辑 | ||
111 | editTemplate () { | ||
112 | editPrintTemplate(this.ruleForm).then(res => { | ||
113 | if (res.code == 200) { | ||
114 | store.dispatch('user/refreshPage', true); | ||
115 | this.$message.success('保存成功'); | ||
116 | this.$popupCacel() | ||
117 | } else { | ||
118 | this.$message.error(res.message) | ||
119 | } | 130 | } |
120 | }) | 131 | this.loadStatus = '0' |
121 | }, | 132 | this.editFlag = false; |
122 | closeDialog () { | 133 | }, |
123 | this.$popupCacel() | 134 | getDetailInfo (item) { |
124 | this.ruleForm = { | 135 | this.ruleForm = item; |
125 | tmpno: '', | 136 | this.editFlag = true; |
126 | tmpname: '', | 137 | }, |
127 | tmpfont: '', | 138 | //设计打印模板 |
128 | tmpfontsize: '', | 139 | designByPRGData () { |
129 | tmpcontent: '' | 140 | let that = this; |
141 | that.loadStatus = '1'; | ||
142 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
143 | LODOP.ADD_PRINT_DATA("ProgramData", this.ruleForm.tmpcontent); //装载模板 | ||
144 | //窗口关闭后,回调函数中保存的设计代码 | ||
145 | if (LODOP.CVERSION) | ||
146 | CLODOP.On_Return = function (TaskID, printList) { | ||
147 | if (LODOP.CVERSION) | ||
148 | LODOP.On_Return = function (TaskID, Value) { | ||
149 | document.getElementById("S1").value = Value; | ||
150 | }; | ||
151 | document.getElementById("S1").value = LODOP.GET_VALUE( | ||
152 | "ProgramData", | ||
153 | 0 | ||
154 | ); | ||
155 | setTimeout(() => { | ||
156 | that.ruleForm.tmpcontent = document.getElementById("S1").value; | ||
157 | that.loadStatus = '2'; | ||
158 | }, 1000); | ||
159 | }; | ||
160 | LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后 | ||
130 | } | 161 | } |
131 | this.loadStatus = '0' | ||
132 | this.editFlag = false; | ||
133 | }, | ||
134 | getDetailInfo (item) { | ||
135 | this.ruleForm = item; | ||
136 | this.editFlag = true; | ||
137 | }, | ||
138 | //设计打印模板 | ||
139 | designByPRGData () { | ||
140 | let that = this; | ||
141 | that.loadStatus = '1'; | ||
142 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
143 | LODOP.ADD_PRINT_DATA("ProgramData", this.ruleForm.tmpcontent); //装载模板 | ||
144 | //窗口关闭后,回调函数中保存的设计代码 | ||
145 | if (LODOP.CVERSION) | ||
146 | CLODOP.On_Return = function (TaskID, printList) { | ||
147 | if (LODOP.CVERSION) | ||
148 | LODOP.On_Return = function (TaskID, Value) { | ||
149 | document.getElementById("S1").value = Value; | ||
150 | }; | ||
151 | document.getElementById("S1").value = LODOP.GET_VALUE( | ||
152 | "ProgramData", | ||
153 | 0 | ||
154 | ); | ||
155 | setTimeout(() => { | ||
156 | that.ruleForm.tmpcontent = document.getElementById("S1").value; | ||
157 | that.loadStatus = '2'; | ||
158 | }, 1000); | ||
159 | }; | ||
160 | LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后 | ||
161 | } | 162 | } |
162 | } | 163 | } |
163 | } | ||
164 | </script> | 164 | </script> |
165 | <style scoped lang="scss"> | 165 | <style scoped lang="scss"> |
166 | @import "~@/styles/mixin.scss"; | 166 | @import "~@/styles/mixin.scss"; |
167 | @import "~@/styles/dialogBoxheader.scss"; | 167 | @import "~@/styles/dialogBoxheader.scss"; |
168 | 168 | ||
169 | .font-red { | 169 | .font-red { |
170 | color: red | 170 | color: red; |
171 | } | 171 | } |
172 | 172 | ||
173 | .middle-margin-bottom { | 173 | .middle-margin-bottom { |
174 | margin-top: 20px | 174 | margin-top: 20px; |
175 | } | 175 | } |
176 | </style> | 176 | </style> |
... | ... |
... | @@ -57,8 +57,9 @@ | ... | @@ -57,8 +57,9 @@ |
57 | watch: { | 57 | watch: { |
58 | isRefresh: { | 58 | isRefresh: { |
59 | handler (newVal, oldVal) { | 59 | handler (newVal, oldVal) { |
60 | if (newVal) this.fetchData | 60 | if (newVal) this.fetchData() |
61 | } | 61 | }, |
62 | immediate: true | ||
62 | } | 63 | } |
63 | }, | 64 | }, |
64 | methods: { | 65 | methods: { |
... | @@ -101,72 +102,9 @@ | ... | @@ -101,72 +102,9 @@ |
101 | message: "已取消删除", | 102 | message: "已取消删除", |
102 | }); | 103 | }); |
103 | }); | 104 | }); |
104 | }, | 105 | } |
105 | //设计打印模板 | 106 | } |
106 | DesignByPRGData (item) { | 107 | } |
107 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
108 | LODOP.ADD_PRINT_DATA("ProgramData", item.tmpcontent); //装载模板 | ||
109 | //窗口关闭后,回调函数中保存的设计代码 | ||
110 | if (LODOP.CVERSION) | ||
111 | CLODOP.On_Return = function (TaskID, printList) { | ||
112 | if (LODOP.CVERSION) | ||
113 | LODOP.On_Return = function (TaskID, Value) { | ||
114 | document.getElementById("S1").value = Value; | ||
115 | }; | ||
116 | document.getElementById("S1").value = LODOP.GET_VALUE( | ||
117 | "ProgramData", | ||
118 | 0 | ||
119 | ); | ||
120 | setTimeout(() => { | ||
121 | item.tmpcontent = document.getElementById("S1").value; | ||
122 | }, 1000); | ||
123 | }; | ||
124 | LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后 | ||
125 | }, | ||
126 | editClick () { | ||
127 | let LODOP = getLodop(); | ||
128 | LODOP.SET_PRINT_MODE("PRINT_SETUP_PROGRAM", true); | ||
129 | LODOP.PRINT_INITA(0, 0, 850, 560, "不动产证明"); | ||
130 | LODOP.ADD_PRINT_SETUP_BKIMG("<img border='1' src=" + this.images + ">"); | ||
131 | LODOP.ADD_PRINT_TEXT(403, 220, 39, 25, this.printList.year); //year | ||
132 | LODOP.ADD_PRINT_TEXT(403, 278, 25, 25, this.printList.month); //month | ||
133 | LODOP.ADD_PRINT_TEXT(403, 309, 25, 25, this.printList.day); //day | ||
134 | LODOP.ADD_PRINT_TEXT(493, 205, 160, 25, this.printList.bh); //编号 | ||
135 | // 头部信息 | ||
136 | LODOP.ADD_PRINT_TEXT(78, 419, 39, 25, this.printList.xzq); //陕 | ||
137 | LODOP.ADD_PRINT_TEXT(78, 466, 39, 25, this.printList.xh); // | ||
138 | LODOP.ADD_PRINT_TEXT(78, 520, 60, 25, this.printList.d); // | ||
139 | LODOP.ADD_PRINT_TEXT(78, 670, 60, 25, this.printList.h); // | ||
140 | |||
141 | LODOP.ADD_PRINT_TEXT(119, 555, 190, 25, this.printList.zmsx); //然后多个ADD语句及SET语句 | ||
142 | LODOP.ADD_PRINT_TEXT(152, 557, 190, 25, this.printList.qlr); //权利人 | ||
143 | LODOP.ADD_PRINT_TEXT(186, 557, 190, 25, this.printList.ywr); //义务人 | ||
144 | LODOP.ADD_PRINT_TEXT(219, 557, 190, 25, this.printList.zl); //坐落 | ||
145 | LODOP.ADD_PRINT_TEXT(254, 557, 190, 25, this.printList.bdcdyh); //不动产单元号 | ||
146 | LODOP.ADD_PRINT_TEXT(318, 557, 190, 67, this.printList.qt); //其他 | ||
147 | LODOP.ADD_PRINT_TEXT(426, 557, 190, 67, this.printList.fj); //附记 | ||
148 | LODOP.SET_SHOW_MODE("BKIMG_PRINT", 1); | ||
149 | LODOP.SET_SHOW_MODE("BKIMG_IN_PREVIEW", 1); | ||
150 | //窗口关闭后,回调函数中保存的设计代码 | ||
151 | if (LODOP.CVERSION) | ||
152 | CLODOP.On_Return = function (TaskID, printList) { | ||
153 | if (LODOP.CVERSION) | ||
154 | LODOP.On_Return = function (TaskID, Value) { | ||
155 | document.getElementById("S1").value = Value; | ||
156 | }; | ||
157 | document.getElementById("S1").value = LODOP.GET_VALUE( | ||
158 | "ProgramData", | ||
159 | 0 | ||
160 | ); | ||
161 | setTimeout(() => { | ||
162 | let printValue = document.getElementById("S1").value; | ||
163 | console.log("value", printValue); | ||
164 | }, 1000); | ||
165 | }; | ||
166 | LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后 | ||
167 | }, | ||
168 | }, | ||
169 | }; | ||
170 | </script> | 108 | </script> |
171 | <style scoped lang="scss"> | 109 | <style scoped lang="scss"> |
172 | @import "~@/styles/public.scss"; | 110 | @import "~@/styles/public.scss"; |
... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-06-20 11:28:09 | 4 | * @LastEditTime: 2023-06-26 17:03:07 |
5 | */ | 5 | */ |
6 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; | 6 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; |
7 | import { getPrintTemplateByCode } from "@/api/system"; | 7 | import { getPrintTemplateByCode } from "@/api/system"; |
... | @@ -113,6 +113,7 @@ export default { | ... | @@ -113,6 +113,7 @@ export default { |
113 | getPrintTemplateByCode({ tmpno: 'dysqs' }).then(res => { | 113 | getPrintTemplateByCode({ tmpno: 'dysqs' }).then(res => { |
114 | if (res.code == 200) { | 114 | if (res.code == 200) { |
115 | getPrintApplicationInfo(this.currentSelectProps).then(infoRes => { | 115 | getPrintApplicationInfo(this.currentSelectProps).then(infoRes => { |
116 | console.log(infoRes, 'infoRes'); | ||
116 | if (infoRes.code == 200) { | 117 | if (infoRes.code == 200) { |
117 | //打开模板设计 | 118 | //打开模板设计 |
118 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | 119 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); |
... | ... |
-
Please register or sign in to post a comment