manage-client-xy 3.2.1 → 3.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,236 +1,236 @@
1
- <template>
2
- <button class="button_export button_spacing" @click="stamp()">打印</button>
3
- </template>
4
-
5
- <script>
6
- import getLodop from '../../../../../plugins/LodopFuncs'
7
- import {PagedList} from "vue-client";
8
-
9
- export default {
10
- name: "MonthByChargePrint",
11
- title: '月报(收费类型)打印',
12
- props: {
13
- countmodel:{
14
- type:Object,
15
- default:{}
16
- }
17
- },
18
- data() {
19
- return {
20
- modelval: [],
21
- fields: {},
22
- thead: '',
23
- tfoot: '',
24
- model:{},
25
- sumsmodel:{},
26
- orgname: '',
27
- depname: '0'
28
- }
29
- },
30
- methods: {
31
- stamp() {
32
- this.model = this.countmodel.model,
33
- this.sumsmodel = this.countmodel.sumsmodel,
34
- this.orgname = this.countmodel.orgname,
35
- this.depname = this.countmodel.depname
36
-
37
- //默认选择要打印的列
38
- this.modelval =[ "f_operate_date","f_count_open", "f_pregas_open", "f_collection_open",
39
- "f_count_zg","f_pregas_zg", "f_collection_zg",
40
- "f_count_bk", "f_collection_bk",
41
- "f_count_bq", "f_pregas_bq","f_collection_bq",
42
- "f_count_hb", "f_collection_hb",
43
- "f_count", "f_pregas", "f_collection"]
44
-
45
- this.fields = {
46
- "f_operate_date":"时间",
47
- "f_count_open":"开户人次","f_pregas_open":"开户气量","f_collection_open":"开户金额",
48
- "f_count_zg":"再购人次", "f_pregas_zg":"再购气量","f_collection_zg":"再购金额",
49
- "f_count_bk":"补卡人次", "f_collection_bk":"补卡金额",
50
- "f_count_bq":"补气人次", "f_pregas_bq":"补气气量","f_collection_bq":"补气金额",
51
- "f_count_hb":"换表人次", "f_collection_hb":"换表金额",
52
- "f_count":"总次数","f_pregas":"总气量","f_collection":"总金额"
53
- }
54
- this.put();
55
- this.print();
56
- },
57
- put() {
58
-
59
- let statisticalMonth = ''
60
-
61
- if (this.model.model.f_begin_operate_date && this.model.model.f_end_operate_date) {
62
- statisticalMonth = this.model.model.f_end_operate_date.substring(0, 7)
63
- } else {
64
- statisticalMonth = this.model.model.f_operate_date
65
- }
66
-
67
- this.thead = `
68
- <tr>
69
- <th class="biaoti" colspan=${this.modelval.length} style="font-size: 6mm">
70
- ${this.orgname}${this.depname ? this.depname : ''}统计报表 ${this.model.model.f_gasproperties ? this.model.model.f_gasproperties : ''}
71
- </th>
72
- </tr>
73
- <tr>
74
- <th class="biaoti" colspan=${this.modelval.length}>统计月份:${statisticalMonth}</th></tr>
75
- <tr>
76
- <tr>
77
- <th class="biaoti" colspan=${this.modelval.length}>制单人:${this.$login.f.name} 打印时间: ${this.$login.toStandardTimeString()}</th></tr>
78
- `
79
-
80
- this.thead += '<tr>';
81
- for (let key of this.modelval) {
82
- if (this.fields[key] == '客户姓名') {
83
- this.thead += '<th class="khxm">' + this.fields[key] + '</th>'
84
- } else if (this.fields[key] == '备注') {
85
- this.thead += '<th class="bz">' + this.fields[key] + '</th>'
86
- } else {
87
- this.thead += '<th class="other">' + this.fields[key] + '</th>'
88
- }
89
- }
90
- this.thead += '</tr>'
91
- },
92
- async print() {
93
- // 开始打印
94
- let lodop = getLodop()
95
- lodop.PRINT_INIT('打印')
96
-
97
- // 是否横向打印(是)
98
-
99
- let isHeng = 2
100
- lodop.SET_PRINT_PAGESIZE(isHeng, 0, 0, "A4");
101
-
102
- // 定义样式
103
- let style;
104
- if (isHeng == 2) {//横向打印
105
- style = '' +
106
- '<style>table {border-collapse: collapse;font-size:2.8mm} ' +
107
- 'table th {border-collapse: collapse;width: 264mm;border: 0.2mm solid black} ' +
108
- 'table td {border-collapse: collapse;text-align: center;border: 0.2mm solid black} ' +
109
- '.biaoti {border-color: transparent} ' +
110
- 'table span {width: 36mm;text-align: left;display:inline-block}' +
111
- '.comments {text-overflow: ellipsis;overflow: hidden} ' +
112
- '.khxm {border-top: 0;width: 44.88mm} ' +
113
- '.bz {border-top: 0;width: 34.32mm} ' +
114
- '.other {border-top: 0;width: 18.48mm}</style>'
115
- } else {
116
- // 定义样式
117
- style = '<style>table {border-collapse: collapse;font-size:2.2mm}' +
118
- 'table th {border-collapse: collapse;width: 180mm;border: 0.2mm solid black;}' +
119
- 'table td {border-collapse: collapse;text-align: center;border: 0.2mm solid black} ' +
120
- '.biaoti {border-color: transparent} ' +
121
- 'table span {width: 25mm;text-align:left;display:inline-block;}' +
122
- '.comments {text-overflow: ellipsis;overflow: hidden} ' +
123
- '.khxm {border-top: 0;width: 14.4mm} ' +
124
- '.bz {border-top: 0;width: 21.6mm} ' +
125
- '.other {border-top: 0;width: 14.4mm}</style>'
126
- }
127
-
128
-
129
- let tHtml = style + '<table><thead>' + this.thead + '</thead><tbody>'
130
- for (var i = 1; i <= this.model.totalPage; i++) {
131
- await this.model.loadPage(i)
132
- for (let j = 0; j < this.model.rows.length; j++) {
133
- tHtml += '<tr>'
134
- for (let field of this.modelval) {
135
- if (field && this.model.rows[j]) {
136
- if (field === 'f_comments' && this.model.rows[j][field]) {
137
- tHtml += '<td class="comments">' +
138
- this.model.rows[j][field].substring(0, 10)
139
- + '</td>'
140
- } else {
141
- tHtml += '<td>' + this.model.rows[j][field] + '</td>'
142
- }
143
- }
144
- }
145
- tHtml += '</tr>'
146
- }
147
- }
148
- this.tfoot = `
149
- <tr>
150
- <td class="defaulttd" colspan='1' >
151
- 合计
152
- </td>
153
- <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="left">
154
- <font color="#0000FF" tindex="2">###人</font>
155
- </td>
156
- <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="right">
157
- <font color="#0000FF" tindex="3">###方</font>
158
- </td>
159
- <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="left">
160
- <font color="#0000FF" tindex="4">###元</font>
161
- </td>
162
- <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="right">
163
- <font color="#0000FF" tindex="5">###人</font>
164
- </td>
165
- <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="left">
166
- <font color="#0000FF" tindex="6">###方</font>
167
- </td>
168
- <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="right">
169
- <font color="#0000FF" tindex="7">###元</font>
170
- </td>
171
- <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="left">
172
- <font color="#0000FF" tindex="8">###人</font>
173
- </td>
174
- <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="right">
175
- <font color="#0000FF" tindex="9">###元</font>
176
- </td>
177
- <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="left">
178
- <font color="#0000FF" tindex="10">###人</font>
179
- </td>
180
- <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="right">
181
- <font color="#0000FF" tindex="11">###方</font>
182
- </td>
183
- <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="left">
184
- <font color="#0000FF" tindex="12">###元</font>
185
- </td>
186
- <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="right">
187
- <font color="#0000FF" tindex="13">###人</font>
188
- </td>
189
- <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="left">
190
- <font color="#0000FF" tindex="14">###元</font>
191
- </td>
192
- <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="right">
193
- <font color="#0000FF" tindex="15">###人</font>
194
- </td>
195
- <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="left">
196
- <font color="#0000FF" tindex="16">###方</font>
197
- </td>
198
- <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="left">
199
- <font color="#0000FF" tindex="17">###元</font>
200
- </td>
201
- </tr>`
202
-
203
- // 如果有表尾,则添加表尾,如果内容翻页的话,表尾每一页都要打印
204
- tHtml += `</tbody><tfoot>${this.tfoot}</tfoot></table>`
205
- //ADD_PRINT_TABLE(intTop,intLeft,intWidth,intHeight,strHtml)增加表格项
206
- if (isHeng == 2) {//横向打印
207
- lodop.ADD_PRINT_TABLE(0, 0, "264mm", 'BottomMargin:' + 30, tHtml);//增加表格项
208
- } else {
209
- lodop.ADD_PRINT_TABLE(0, 0, "200mm", 'BottomMargin:' + 30, tHtml);//增加表格项
210
- }
211
- lodop.SET_PRINT_STYLEA(0, "Horient", 2);//打印项在纸张中水平居中
212
- // lodop.SET_PRINT_STYLEA(0,"Vorient",2);//打印项在纸张中垂直居中
213
- // lodop.SET_PRINT_MODE('PRINT_PAGE_PERCENT', 'Full-width')
214
-
215
- // 设置页脚
216
- lodop.ADD_PRINT_HTM("96%", "45%", 100, 50, `<font color='#0000ff' format='##'><span tdata='pageNO'>第##页</span>/<span tdata='pageCount'>共##页</span></font>`);//增加超文本项
217
- lodop.SET_PRINT_STYLEA(0, "ItemType", 1);
218
- lodop.SET_PRINT_STYLEA(0, "Horient", 2);
219
-
220
- // lodop.SET_PRINT_MODE('PRINT_PAGE_PERCENT', 'Full-width')
221
- // 设置打印方式 (横向|纵向)
222
- lodop.SET_SHOW_MODE("LANDSCAPE_DEFROTATED", 1);
223
- // 打印维护
224
- // lodop.PRINT_SETUP()
225
- // 使用打印预览是为了方便调整打印格式。例如:横向打印
226
- lodop.PREVIEW()
227
- }
228
- }
229
-
230
-
231
- }
232
- </script>
233
-
234
- <style scoped>
235
-
236
- </style>
1
+ <template>
2
+ <button class="button_export button_spacing" @click="stamp()">打印</button>
3
+ </template>
4
+
5
+ <script>
6
+ import getLodop from '../../../../../plugins/LodopFuncs'
7
+ import {PagedList} from "vue-client";
8
+
9
+ export default {
10
+ name: "MonthByChargePrint",
11
+ title: '月报(收费类型)打印',
12
+ props: {
13
+ countmodel:{
14
+ type:Object,
15
+ default:{}
16
+ }
17
+ },
18
+ data() {
19
+ return {
20
+ modelval: [],
21
+ fields: {},
22
+ thead: '',
23
+ tfoot: '',
24
+ model:{},
25
+ sumsmodel:{},
26
+ orgname: '',
27
+ depname: '0'
28
+ }
29
+ },
30
+ methods: {
31
+ stamp() {
32
+ this.model = this.countmodel.model,
33
+ this.sumsmodel = this.countmodel.sumsmodel,
34
+ this.orgname = this.countmodel.orgname,
35
+ this.depname = this.countmodel.depname
36
+
37
+ //默认选择要打印的列
38
+ this.modelval =[ "f_operate_date","f_count_open", "f_pregas_open", "f_collection_open",
39
+ "f_count_zg","f_pregas_zg", "f_collection_zg",
40
+ "f_count_bk", "f_collection_bk",
41
+ "f_count_bq", "f_pregas_bq","f_collection_bq",
42
+ "f_count_hb", "f_collection_hb",
43
+ "f_count", "f_pregas", "f_collection"]
44
+
45
+ this.fields = {
46
+ "f_operate_date":"时间",
47
+ "f_count_open":"开户人次","f_pregas_open":"开户气量","f_collection_open":"开户金额",
48
+ "f_count_zg":"再购人次", "f_pregas_zg":"再购气量","f_collection_zg":"再购金额",
49
+ "f_count_bk":"补卡人次", "f_collection_bk":"补卡金额",
50
+ "f_count_bq":"补气人次", "f_pregas_bq":"补气气量","f_collection_bq":"补气金额",
51
+ "f_count_hb":"换表人次", "f_collection_hb":"换表金额",
52
+ "f_count":"总次数","f_pregas":"总气量","f_collection":"总金额"
53
+ }
54
+ this.put();
55
+ this.print();
56
+ },
57
+ put() {
58
+
59
+ let statisticalMonth = ''
60
+
61
+ if (this.model.model.f_begin_operate_date && this.model.model.f_end_operate_date) {
62
+ statisticalMonth = this.model.model.f_end_operate_date.substring(0, 7)
63
+ } else {
64
+ statisticalMonth = this.model.model.f_operate_date
65
+ }
66
+
67
+ this.thead = `
68
+ <tr>
69
+ <th class="biaoti" colspan=${this.modelval.length} style="font-size: 6mm">
70
+ ${this.orgname}${this.depname ? this.depname : ''}统计报表 ${this.model.model.f_gasproperties ? this.model.model.f_gasproperties : ''}
71
+ </th>
72
+ </tr>
73
+ <tr>
74
+ <th class="biaoti" colspan=${this.modelval.length}>统计月份:${statisticalMonth}</th></tr>
75
+ <tr>
76
+ <tr>
77
+ <th class="biaoti" colspan=${this.modelval.length}>制单人:${this.$login.f.name} 打印时间: ${this.$login.toStandardTimeString()}</th></tr>
78
+ `
79
+
80
+ this.thead += '<tr>';
81
+ for (let key of this.modelval) {
82
+ if (this.fields[key] == '客户姓名') {
83
+ this.thead += '<th class="khxm">' + this.fields[key] + '</th>'
84
+ } else if (this.fields[key] == '备注') {
85
+ this.thead += '<th class="bz">' + this.fields[key] + '</th>'
86
+ } else {
87
+ this.thead += '<th class="other">' + this.fields[key] + '</th>'
88
+ }
89
+ }
90
+ this.thead += '</tr>'
91
+ },
92
+ async print() {
93
+ // 开始打印
94
+ let lodop = getLodop()
95
+ lodop.PRINT_INIT('打印')
96
+
97
+ // 是否横向打印(是)
98
+
99
+ let isHeng = 2
100
+ lodop.SET_PRINT_PAGESIZE(isHeng, 0, 0, "A4");
101
+
102
+ // 定义样式
103
+ let style;
104
+ if (isHeng == 2) {//横向打印
105
+ style = '' +
106
+ '<style>table {border-collapse: collapse;font-size:2.8mm} ' +
107
+ 'table th {border-collapse: collapse;width: 264mm;border: 0.2mm solid black} ' +
108
+ 'table td {border-collapse: collapse;text-align: center;border: 0.2mm solid black} ' +
109
+ '.biaoti {border-color: transparent} ' +
110
+ 'table span {width: 36mm;text-align: left;display:inline-block}' +
111
+ '.comments {text-overflow: ellipsis;overflow: hidden} ' +
112
+ '.khxm {border-top: 0;width: 44.88mm} ' +
113
+ '.bz {border-top: 0;width: 34.32mm} ' +
114
+ '.other {border-top: 0;width: 18.48mm}</style>'
115
+ } else {
116
+ // 定义样式
117
+ style = '<style>table {border-collapse: collapse;font-size:2.2mm}' +
118
+ 'table th {border-collapse: collapse;width: 180mm;border: 0.2mm solid black;}' +
119
+ 'table td {border-collapse: collapse;text-align: center;border: 0.2mm solid black} ' +
120
+ '.biaoti {border-color: transparent} ' +
121
+ 'table span {width: 25mm;text-align:left;display:inline-block;}' +
122
+ '.comments {text-overflow: ellipsis;overflow: hidden} ' +
123
+ '.khxm {border-top: 0;width: 14.4mm} ' +
124
+ '.bz {border-top: 0;width: 21.6mm} ' +
125
+ '.other {border-top: 0;width: 14.4mm}</style>'
126
+ }
127
+
128
+
129
+ let tHtml = style + '<table><thead>' + this.thead + '</thead><tbody>'
130
+ for (var i = 1; i <= this.model.totalPage; i++) {
131
+ await this.model.loadPage(i)
132
+ for (let j = 0; j < this.model.rows.length; j++) {
133
+ tHtml += '<tr>'
134
+ for (let field of this.modelval) {
135
+ if (field && this.model.rows[j]) {
136
+ if (field === 'f_comments' && this.model.rows[j][field]) {
137
+ tHtml += '<td class="comments">' +
138
+ this.model.rows[j][field].substring(0, 10)
139
+ + '</td>'
140
+ } else {
141
+ tHtml += '<td>' + this.model.rows[j][field] + '</td>'
142
+ }
143
+ }
144
+ }
145
+ tHtml += '</tr>'
146
+ }
147
+ }
148
+ this.tfoot = `
149
+ <tr>
150
+ <td class="defaulttd" colspan='1' >
151
+ 合计
152
+ </td>
153
+ <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="left">
154
+ <font color="#0000FF" tindex="2">###人</font>
155
+ </td>
156
+ <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="right">
157
+ <font color="#0000FF" tindex="3">###方</font>
158
+ </td>
159
+ <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="left">
160
+ <font color="#0000FF" tindex="4">###元</font>
161
+ </td>
162
+ <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="right">
163
+ <font color="#0000FF" tindex="5">###人</font>
164
+ </td>
165
+ <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="left">
166
+ <font color="#0000FF" tindex="6">###方</font>
167
+ </td>
168
+ <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="right">
169
+ <font color="#0000FF" tindex="7">###元</font>
170
+ </td>
171
+ <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="left">
172
+ <font color="#0000FF" tindex="8">###人</font>
173
+ </td>
174
+ <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="right">
175
+ <font color="#0000FF" tindex="9">###元</font>
176
+ </td>
177
+ <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="left">
178
+ <font color="#0000FF" tindex="10">###人</font>
179
+ </td>
180
+ <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="right">
181
+ <font color="#0000FF" tindex="11">###方</font>
182
+ </td>
183
+ <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="left">
184
+ <font color="#0000FF" tindex="12">###元</font>
185
+ </td>
186
+ <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="right">
187
+ <font color="#0000FF" tindex="13">###人</font>
188
+ </td>
189
+ <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="left">
190
+ <font color="#0000FF" tindex="14">###元</font>
191
+ </td>
192
+ <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="right">
193
+ <font color="#0000FF" tindex="15">###人</font>
194
+ </td>
195
+ <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="left">
196
+ <font color="#0000FF" tindex="16">###方</font>
197
+ </td>
198
+ <td class="defaulttd" colspan='1' tdata="allSum" format="#,##0.00" align="left">
199
+ <font color="#0000FF" tindex="17">###元</font>
200
+ </td>
201
+ </tr>`
202
+
203
+ // 如果有表尾,则添加表尾,如果内容翻页的话,表尾每一页都要打印
204
+ tHtml += `</tbody><tfoot>${this.tfoot}</tfoot></table>`
205
+ //ADD_PRINT_TABLE(intTop,intLeft,intWidth,intHeight,strHtml)增加表格项
206
+ if (isHeng == 2) {//横向打印
207
+ lodop.ADD_PRINT_TABLE(0, 0, "264mm", 'BottomMargin:' + 30, tHtml);//增加表格项
208
+ } else {
209
+ lodop.ADD_PRINT_TABLE(0, 0, "200mm", 'BottomMargin:' + 30, tHtml);//增加表格项
210
+ }
211
+ lodop.SET_PRINT_STYLEA(0, "Horient", 2);//打印项在纸张中水平居中
212
+ // lodop.SET_PRINT_STYLEA(0,"Vorient",2);//打印项在纸张中垂直居中
213
+ // lodop.SET_PRINT_MODE('PRINT_PAGE_PERCENT', 'Full-width')
214
+
215
+ // 设置页脚
216
+ lodop.ADD_PRINT_HTM("96%", "45%", 100, 50, `<font color='#0000ff' format='##'><span tdata='pageNO'>第##页</span>/<span tdata='pageCount'>共##页</span></font>`);//增加超文本项
217
+ lodop.SET_PRINT_STYLEA(0, "ItemType", 1);
218
+ lodop.SET_PRINT_STYLEA(0, "Horient", 2);
219
+
220
+ // lodop.SET_PRINT_MODE('PRINT_PAGE_PERCENT', 'Full-width')
221
+ // 设置打印方式 (横向|纵向)
222
+ lodop.SET_SHOW_MODE("LANDSCAPE_DEFROTATED", 1);
223
+ // 打印维护
224
+ // lodop.PRINT_SETUP()
225
+ // 使用打印预览是为了方便调整打印格式。例如:横向打印
226
+ lodop.PREVIEW()
227
+ }
228
+ }
229
+
230
+
231
+ }
232
+ </script>
233
+
234
+ <style scoped>
235
+
236
+ </style>