ci-plus 1.7.0 → 1.7.1

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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/identificationCard/identificationCard.vue +87 -338
  3. package/src/utils/cardPrint.ts +1001 -1017
package/src/identificationCard/identificationCard.vue CHANGED
@@ -2,19 +2,14 @@
2
2
  * @module identificationCard
3
3
  * @author : 卖女孩的小火柴
4
4
  * ?description : 11月22日开会重新更新成品工厂标识卡
5
- * !@version : 1.5.8
5
+ * !@version : 1.6.1
6
6
  * TODO:@since : 创建时间 2024-11-23 09:40:30
7
- * !update : 2024-11.23 更新标识卡
7
+ * !update : 2025-01-09 处理责废标识卡r12行字段写错问题
8
8
  */ -->
9
9
  <template>
10
10
  <div style="display: flex; flex-direction: column; height: 100%">
11
11
  <div style="width: 100px">
12
- <el-button
13
- @click="print"
14
- style="margin-right: 6px"
15
- >
16
- 打印
17
- </el-button>
12
+ <el-button @click="print" style="margin-right: 6px"> 打印 </el-button>
18
13
  <el-popover
19
14
  placement="bottom"
20
15
  title="工厂类型"
@@ -33,10 +28,7 @@
33
28
  :srcdoc="barcodeCon"
34
29
  frameborder="0"
35
30
  ></iframe>
36
- <div
37
- id="barcode"
38
- style="display: none"
39
- >
31
+ <div id="barcode" style="display: none">
40
32
  <!-- 给print-conten 添加 page-break-a;可以使打印的时候在每个print-content元素的下方添加一个分页标记，即可实现一张纸只打印一张标签
41
33
  参考：https://blog.csdn.net/qq_35491739/article/details/126279510
42
34
  -->
@@ -47,10 +39,7 @@
47
39
  :style="`width: calc(${myWidth} - 30px); height: calc(${myHeight} - 290px); margin: 0 0 20px 0;page-break-after:always;`"
48
40
  >
49
41
  <!-- 第二代标识卡模板v1.0.2 -->
50
- <div
51
- class="content"
52
- style="width: 100%; height: 100%"
53
- >
42
+ <div class="content" style="width: 100%; height: 100%">
54
43
  <div
55
44
  style="
56
45
  display: flex;
@@ -64,11 +53,7 @@
64
53
  <div>第{{ index + 1 }}张标签</div> -->
65
54
  </div>
66
55
  <!-- 帐物卡 -已调整-->
67
- <div
68
- class="id-code"
69
- :style="`width: ${myWidth}; `"
70
- v-if="item.card_state == 'ZHANGWU'"
71
- >
56
+ <div class="id-code" :style="`width: ${myWidth}; `" v-if="item.card_state == 'ZHANGWU'">
72
57
  <table
73
58
  border="1"
74
59
  cellpadding="0"
@@ -83,10 +68,7 @@
83
68
  <tbody>
84
69
  <tr>
85
70
  <td style="width: 100px">
86
- <el-image
87
- style="height: 20px; margin-top: 5px"
88
- :src="C_U"
89
- />
71
+ <el-image style="height: 20px; margin-top: 5px" :src="C_U" />
90
72
  </td>
91
73
  <td style="font-size: 23px">{{ item.r1c2 }}</td>
92
74
  <!-- 部件类型 -->
@@ -97,17 +79,8 @@
97
79
  <!-- 产品编码 -->
98
80
  <td>{{ item.r2c1 }}</td>
99
81
  <td colspan="2">{{ item.r2c2 }}</td>
100
- <td
101
- rowspan="3"
102
- colspan="2"
103
- class="content"
104
- >
105
- <img
106
- alt="二维码"
107
- :src="item.r2c4"
108
- :width="80"
109
- style="margin: 1px"
110
- />
82
+ <td rowspan="3" colspan="2" class="content">
83
+ <img alt="二维码" :src="item.r2c4" :width="80" style="margin: 1px" />
111
84
  <!-- <CiQrcode :codeValue="item.r5c4" :width="80" /> -->
112
85
  </td>
113
86
  </tr>
@@ -125,10 +98,7 @@
125
98
  <!-- 生产厂商 -->
126
99
  <td>{{ item.r5c1 }}</td>
127
100
  <td colspan="2">{{ item.r5c2 }}</td>
128
- <td
129
- colspan="2"
130
- class="content"
131
- >
101
+ <td colspan="2" class="content">
132
102
  {{ item.r5c4 }}
133
103
  </td>
134
104
  </tr>
@@ -176,11 +146,7 @@
176
146
  <td>{{ item.data[0]?.balance_count }}</td>
177
147
  <td>{{ item.data[0]?.remark }}</td>
178
148
  </tr>
179
- <tr
180
- v-for="(item, index) in 5"
181
- :key="index"
182
- style="border-left: none"
183
- >
149
+ <tr v-for="(item, index) in 5" :key="index" style="border-left: none">
184
150
  <td>{{ index + 2 }}</td>
185
151
  <td></td>
186
152
  <td></td>
@@ -195,10 +161,7 @@
195
161
 
196
162
  <tr>
197
163
  <td colspan="4">
198
- <div
199
- class="b2bcode"
200
- style="margin: 1px"
201
- >
164
+ <div class="b2bcode" style="margin: 1px">
202
165
  <!-- 将条码文本传递到组件生成对应条形码 -->
203
166
  <bar-code
204
167
  :key="item + new Date()"
@@ -215,12 +178,7 @@
215
178
  <!-- 产品标识卡(成品工厂)-已调整 -->
216
179
  <div
217
180
  class="id-code"
218
- style="
219
- width: 100%;
220
- display: flex;
221
- justify-content: flex-start;
222
- flex-direction: column;
223
- "
181
+ style="width: 100%; display: flex; justify-content: flex-start; flex-direction: column"
224
182
  v-else-if="item.card_state == 'CHANPIN' && item.factoryType == '2'"
225
183
  >
226
184
  <table
@@ -236,10 +194,7 @@
236
194
  <tbody>
237
195
  <tr>
238
196
  <td style="width: 100px">
239
- <el-image
240
- style="height: 20px; margin-top: 5px"
241
- :src="C_U"
242
- />
197
+ <el-image style="height: 20px; margin-top: 5px" :src="C_U" />
243
198
  </td>
244
199
  <td style="font-size: 23px; width: 120px">
245
200
  {{ item.r1c2 }}
@@ -250,17 +205,8 @@
250
205
  <tr>
251
206
  <td>{{ item.r2c1 }}</td>
252
207
  <td colspan="2">{{ item.r2c2 }}</td>
253
- <td
254
- rowspan="3"
255
- colspan="2"
256
- class="content"
257
- >
258
- <img
259
- alt="二维码"
260
- :src="item.r2c4"
261
- :width="75"
262
- style="margin: 1px"
263
- />
208
+ <td rowspan="3" colspan="2" class="content">
209
+ <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
264
210
  <!-- <CiQrcode :codeValue="item.r5c4" :width="80" /> -->
265
211
  </td>
266
212
  </tr>
@@ -277,10 +223,7 @@
277
223
  <!-- 工单号 -->
278
224
  <td>{{ item.r5c1 }}</td>
279
225
  <td colspan="2">{{ item.r5c2 }}</td>
280
- <td
281
- colspan="2"
282
- class="content"
283
- >
226
+ <td colspan="2" class="content">
284
227
  {{ item.r5c4 }}
285
228
  </td>
286
229
  </tr>
@@ -336,7 +279,7 @@
336
279
  <td class="content">{{ item.r12c4 }}</td>
337
280
  </tr>
338
281
  <tr>
339
- <!-- 批次序列号 -->
282
+ <!-- 批次序列号 -->
340
283
  <td>{{ item.r13c1 }}</td>
341
284
  <td colspan="3">{{ item.r13c2 }}</td>
342
285
  </tr>
@@ -347,10 +290,7 @@
347
290
  </tr>
348
291
  <tr>
349
292
  <td colspan="4">
350
- <div
351
- class="b2bcode"
352
- style="margin: 1px"
353
- >
293
+ <div class="b2bcode" style="margin: 1px">
354
294
  <bar-code
355
295
  :key="item + new Date()"
356
296
  :value="item.r41c1"
@@ -368,12 +308,7 @@
368
308
  -->
369
309
  <div
370
310
  class="id-code"
371
- style="
372
- width: 100%;
373
- display: flex;
374
- justify-content: flex-start;
375
- flex-direction: column;
376
- "
311
+ style="width: 100%; display: flex; justify-content: flex-start; flex-direction: column"
377
312
  v-else-if="
378
313
  ((item.card_state == 'CHANPIN' || item.card_state == 'WEILIAO') &&
379
314
  item.factoryType == '1') ||
@@ -393,10 +328,7 @@
393
328
  <tbody>
394
329
  <tr>
395
330
  <td style="width: 100px">
396
- <el-image
397
- style="height: 20px; margin-top: 5px"
398
- :src="C_U"
399
- />
331
+ <el-image style="height: 20px; margin-top: 5px" :src="C_U" />
400
332
  </td>
401
333
  <td style="font-size: 23px; width: 120px">
402
334
  {{ item.r1c2 }}
@@ -409,17 +341,8 @@
409
341
  <!-- 分布场所代号 -->
410
342
  <td>{{ item.r2c1 }}</td>
411
343
  <td colspan="2">{{ item.r2c2 }}</td>
412
- <td
413
- rowspan="3"
414
- colspan="2"
415
- class="content"
416
- >
417
- <img
418
- alt="二维码"
419
- :src="item.r2c4"
420
- :width="75"
421
- style="margin: 1px"
422
- />
344
+ <td rowspan="3" colspan="2" class="content">
345
+ <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
423
346
  <!-- <CiQrcode :codeValue="item.r5c4" :width="80" /> -->
424
347
  </td>
425
348
  </tr>
@@ -437,10 +360,7 @@
437
360
  <!-- 材料厂家 -->
438
361
  <td>{{ item.r5c1 }}</td>
439
362
  <td colspan="2">{{ item.r5c2 }}</td>
440
- <td
441
- colspan="2"
442
- class="content"
443
- >
363
+ <td colspan="2" class="content">
444
364
  {{ item.r5c4 }}
445
365
  </td>
446
366
  </tr>
@@ -524,10 +444,7 @@
524
444
  </tr>
525
445
  <tr>
526
446
  <td colspan="4">
527
- <div
528
- class="b2bcode"
529
- style="margin: 1px"
530
- >
447
+ <div class="b2bcode" style="margin: 1px">
531
448
  <bar-code
532
449
  :key="item + new Date()"
533
450
  :value="item.r41c1"
@@ -560,10 +477,7 @@
560
477
  <tbody>
561
478
  <tr>
562
479
  <td style="width: 100px">
563
- <el-image
564
- style="height: 20px; margin-top: 5px"
565
- :src="C_U"
566
- />
480
+ <el-image style="height: 20px; margin-top: 5px" :src="C_U" />
567
481
  </td>
568
482
  <td style="font-size: 23px; width: 120px">
569
483
  {{ item.r1c2 }}
@@ -574,17 +488,8 @@
574
488
  <tr>
575
489
  <td>{{ item.r2c1 }}</td>
576
490
  <td colspan="2">{{ item.r2c2 }}</td>
577
- <td
578
- rowspan="3"
579
- colspan="2"
580
- class="content"
581
- >
582
- <img
583
- alt="二维码"
584
- :src="item.r2c4"
585
- :width="75"
586
- style="margin: 1px"
587
- />
491
+ <td rowspan="3" colspan="2" class="content">
492
+ <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
588
493
  <!-- <CiQrcode :codeValue="item.r5c4" :width="80" /> -->
589
494
  </td>
590
495
  </tr>
@@ -601,10 +506,7 @@
601
506
  <!-- 尾料原因 -->
602
507
  <td>{{ item.r5c1 }}</td>
603
508
  <td colspan="2">{{ item.r5c2 }}</td>
604
- <td
605
- colspan="2"
606
- class="content"
607
- >
509
+ <td colspan="2" class="content">
608
510
  {{ item.r5c4 }}
609
511
  </td>
610
512
  </tr>
@@ -673,10 +575,7 @@
673
575
  </tr>
674
576
  <tr>
675
577
  <td colspan="4">
676
- <div
677
- class="b2bcode"
678
- style="margin: 1px"
679
- >
578
+ <div class="b2bcode" style="margin: 1px">
680
579
  <bar-code
681
580
  :key="item + new Date()"
682
581
  :value="item.r41c1"
@@ -710,10 +609,7 @@
710
609
  <tbody>
711
610
  <tr>
712
611
  <td style="width: 100px">
713
- <el-image
714
- style="height: 20px; margin-top: 5px"
715
- :src="C_U"
716
- />
612
+ <el-image style="height: 20px; margin-top: 5px" :src="C_U" />
717
613
  </td>
718
614
  <td style="font-size: 23px; width: 120px">
719
615
  {{ item.r1c2 }}
@@ -724,17 +620,8 @@
724
620
  <tr>
725
621
  <td>{{ item.r2c1 }}</td>
726
622
  <td colspan="2">{{ item.r2c2 }}</td>
727
- <td
728
- rowspan="3"
729
- colspan="2"
730
- class="content"
731
- >
732
- <img
733
- alt="二维码"
734
- :src="item.r2c4"
735
- :width="75"
736
- style="margin: 1px"
737
- />
623
+ <td rowspan="3" colspan="2" class="content">
624
+ <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
738
625
  <!-- <CiQrcode :codeValue="item.r5c4" :width="80" /> -->
739
626
  </td>
740
627
  </tr>
@@ -750,10 +637,7 @@
750
637
  <tr>
751
638
  <td>{{ item.r5c1 }}</td>
752
639
  <td colspan="2">{{ item.r5c2 }}</td>
753
- <td
754
- colspan="2"
755
- class="content"
756
- >
640
+ <td colspan="2" class="content">
757
641
  {{ item.r5c4 }}
758
642
  </td>
759
643
  </tr>
@@ -799,10 +683,10 @@
799
683
  </tr>
800
684
  <!-- 不良项第二行 -->
801
685
  <tr v-if="item.r12c1">
802
- <td>{{ item.r2c1 }}</td>
803
- <td>{{ item.r2c2 }}</td>
804
- <td>{{ item.r2c3 }}</td>
805
- <td>{{ item.r2c4 }}</td>
686
+ <td>{{ item.r12c1 }}</td>
687
+ <td>{{ item.r12c2 }}</td>
688
+ <td>{{ item.r12c3 }}</td>
689
+ <td>{{ item.r12c4 }}</td>
806
690
  </tr>
807
691
  <!-- 其他 -->
808
692
  <tr v-if="item.r13c2">
@@ -824,10 +708,7 @@
824
708
  </tr>
825
709
  <tr>
826
710
  <td colspan="4">
827
- <div
828
- class="b2bcode"
829
- style="margin: 1px"
830
- >
711
+ <div class="b2bcode" style="margin: 1px">
831
712
  <bar-code
832
713
  :key="item + new Date()"
833
714
  :value="item.r41c1"
@@ -860,10 +741,7 @@
860
741
  <tbody>
861
742
  <tr>
862
743
  <td style="width: 100px">
863
- <el-image
864
- style="height: 20px; margin-top: 5px"
865
- :src="C_U"
866
- />
744
+ <el-image style="height: 20px; margin-top: 5px" :src="C_U" />
867
745
  </td>
868
746
  <td style="font-size: 23px; width: 120px">
869
747
  {{ item.r1c2 }}
@@ -874,17 +752,8 @@
874
752
  <tr>
875
753
  <td>{{ item.r2c1 }}</td>
876
754
  <td colspan="2">{{ item.r2c2 }}</td>
877
- <td
878
- rowspan="3"
879
- colspan="2"
880
- class="content"
881
- >
882
- <img
883
- alt="二维码"
884
- :src="item.r2c4"
885
- :width="75"
886
- style="margin: 1px"
887
- />
755
+ <td rowspan="3" colspan="2" class="content">
756
+ <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
888
757
  <!-- <CiQrcode :codeValue="item.r5c4" :width="80" /> -->
889
758
  </td>
890
759
  </tr>
@@ -899,10 +768,7 @@
899
768
  <tr>
900
769
  <td>{{ item.r5c1 }}</td>
901
770
  <td colspan="2">{{ item.r5c2 }}</td>
902
- <td
903
- colspan="2"
904
- class="content"
905
- >
771
+ <td colspan="2" class="content">
906
772
  {{ item.r5c4 }}
907
773
  </td>
908
774
  </tr>
@@ -973,10 +839,7 @@
973
839
  </tr>
974
840
  <tr>
975
841
  <td colspan="4">
976
- <div
977
- class="b2bcode"
978
- style="margin: 1px"
979
- >
842
+ <div class="b2bcode" style="margin: 1px">
980
843
  <bar-code
981
844
  :key="item + new Date()"
982
845
  :value="item.r41c1"
@@ -1009,10 +872,7 @@
1009
872
  <tbody>
1010
873
  <tr>
1011
874
  <td style="width: 100px">
1012
- <el-image
1013
- style="height: 20px; margin-top: 5px"
1014
- :src="C_U"
1015
- />
875
+ <el-image style="height: 20px; margin-top: 5px" :src="C_U" />
1016
876
  </td>
1017
877
  <td style="font-size: 23px; width: 120px">
1018
878
  {{ item.r1c2 }}
@@ -1023,17 +883,8 @@
1023
883
  <tr>
1024
884
  <td>{{ item.r2c1 }}</td>
1025
885
  <td colspan="2">{{ item.r2c2 }}</td>
1026
- <td
1027
- rowspan="3"
1028
- colspan="2"
1029
- class="content"
1030
- >
1031
- <img
1032
- alt="二维码"
1033
- :src="item.r2c4"
1034
- :width="75"
1035
- style="margin: 1px"
1036
- />
886
+ <td rowspan="3" colspan="2" class="content">
887
+ <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
1037
888
  <!-- <CiQrcode :codeValue="item.r5c4" :width="80" /> -->
1038
889
  </td>
1039
890
  </tr>
@@ -1048,10 +899,7 @@
1048
899
  <tr>
1049
900
  <td>{{ item.r5c1 }}</td>
1050
901
  <td colspan="2">{{ item.r5c2 }}</td>
1051
- <td
1052
- colspan="2"
1053
- class="content"
1054
- >
902
+ <td colspan="2" class="content">
1055
903
  {{ item.r5c4 }}
1056
904
  </td>
1057
905
  </tr>
@@ -1108,10 +956,7 @@
1108
956
  </tr>
1109
957
  <tr>
1110
958
  <td colspan="4">
1111
- <div
1112
- class="b2bcode"
1113
- style="margin: 1px"
1114
- >
959
+ <div class="b2bcode" style="margin: 1px">
1115
960
  <bar-code
1116
961
  :key="item + new Date()"
1117
962
  :value="item.r41c1"
@@ -1147,10 +992,7 @@
1147
992
  <tbody>
1148
993
  <tr>
1149
994
  <td style="width: 100px">
1150
- <el-image
1151
- style="height: 20px; margin-top: 5px"
1152
- :src="C_U"
1153
- />
995
+ <el-image style="height: 20px; margin-top: 5px" :src="C_U" />
1154
996
  </td>
1155
997
  <td style="font-size: 23px; width: 120px">
1156
998
  {{ item.r1c2 }}
@@ -1161,17 +1003,8 @@
1161
1003
  <tr>
1162
1004
  <td>{{ item.r2c1 }}</td>
1163
1005
  <td colspan="2">{{ item.r2c2 }}</td>
1164
- <td
1165
- rowspan="3"
1166
- colspan="2"
1167
- class="content"
1168
- >
1169
- <img
1170
- alt="二维码"
1171
- :src="item.r2c4"
1172
- :width="75"
1173
- style="margin: 1px"
1174
- />
1006
+ <td rowspan="3" colspan="2" class="content">
1007
+ <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
1175
1008
  <!-- <CiQrcode :codeValue="item.r5c4" :width="80" /> -->
1176
1009
  </td>
1177
1010
  </tr>
@@ -1186,10 +1019,7 @@
1186
1019
  <tr>
1187
1020
  <td>{{ item.r5c1 }}</td>
1188
1021
  <td colspan="2">{{ item.r5c2 }}</td>
1189
- <td
1190
- colspan="2"
1191
- class="content"
1192
- >
1022
+ <td colspan="2" class="content">
1193
1023
  {{ item.r5c4 }}
1194
1024
  </td>
1195
1025
  </tr>
@@ -1254,10 +1084,7 @@
1254
1084
  </tr>
1255
1085
  <tr>
1256
1086
  <td colspan="4">
1257
- <div
1258
- class="b2bcode"
1259
- style="margin: 1px"
1260
- >
1087
+ <div class="b2bcode" style="margin: 1px">
1261
1088
  <bar-code
1262
1089
  :key="item + new Date()"
1263
1090
  :value="item.r41c1"
@@ -1274,9 +1101,7 @@
1274
1101
  <div
1275
1102
  class="id-code"
1276
1103
  :style="`width: ${myWidth}; `"
1277
- v-else-if="
1278
- item.card_state == 'ZHUANGPEI' && item.factoryType == '2'
1279
- "
1104
+ v-else-if="item.card_state == 'ZHUANGPEI' && item.factoryType == '2'"
1280
1105
  >
1281
1106
  <table
1282
1107
  border="1"
@@ -1292,10 +1117,7 @@
1292
1117
  <tbody>
1293
1118
  <tr>
1294
1119
  <td style="width: 20%">
1295
- <el-image
1296
- style="height: 20px; margin-top: 5px"
1297
- :src="C_U"
1298
- />
1120
+ <el-image style="height: 20px; margin-top: 5px" :src="C_U" />
1299
1121
  </td>
1300
1122
  <td style="font-size: 23px; width: 120px">
1301
1123
  {{ item.r1c2 }}
@@ -1306,17 +1128,8 @@
1306
1128
  <tr>
1307
1129
  <td>{{ item.r2c1 }}</td>
1308
1130
  <td colspan="2">{{ item.r2c2 }}</td>
1309
- <td
1310
- rowspan="3"
1311
- colspan="2"
1312
- class="content"
1313
- >
1314
- <img
1315
- alt="二维码"
1316
- :src="item.r2c4"
1317
- :width="75"
1318
- style="margin: 1px"
1319
- />
1131
+ <td rowspan="3" colspan="2" class="content">
1132
+ <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
1320
1133
  </td>
1321
1134
  </tr>
1322
1135
  <tr>
@@ -1330,10 +1143,7 @@
1330
1143
  <tr>
1331
1144
  <td>{{ item.r5c1 }}</td>
1332
1145
  <td colspan="2">{{ item.r5c2 }}</td>
1333
- <td
1334
- colspan="2"
1335
- class="content"
1336
- >
1146
+ <td colspan="2" class="content">
1337
1147
  {{ item.r5c4 }}
1338
1148
  </td>
1339
1149
  </tr>
@@ -1496,9 +1306,7 @@
1496
1306
  <div
1497
1307
  class="id-code"
1498
1308
  :style="`width: ${myWidth}; `"
1499
- v-else-if="
1500
- item.card_state == 'ZHUANGPEI' && item.factoryType == '1'
1501
- "
1309
+ v-else-if="item.card_state == 'ZHUANGPEI' && item.factoryType == '1'"
1502
1310
  >
1503
1311
  <div>本工厂无装配标识卡模板</div>
1504
1312
  </div>
@@ -1523,10 +1331,7 @@
1523
1331
  <tbody>
1524
1332
  <tr>
1525
1333
  <td style="width: 100px">
1526
- <el-image
1527
- style="height: 20px; margin-top: 5px"
1528
- :src="C_U"
1529
- />
1334
+ <el-image style="height: 20px; margin-top: 5px" :src="C_U" />
1530
1335
  </td>
1531
1336
  <td style="font-size: 23px; width: 120px">
1532
1337
  {{ item.r1c2 }}
@@ -1537,17 +1342,8 @@
1537
1342
  <tr>
1538
1343
  <td>{{ item.r2c1 }}</td>
1539
1344
  <td colspan="2">{{ item.r2c2 }}</td>
1540
- <td
1541
- rowspan="3"
1542
- colspan="2"
1543
- class="content"
1544
- >
1545
- <img
1546
- alt="二维码"
1547
- :src="item.r2c4"
1548
- :width="75"
1549
- style="margin: 1px"
1550
- />
1345
+ <td rowspan="3" colspan="2" class="content">
1346
+ <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
1551
1347
  <!-- <CiQrcode :codeValue="item.r5c4" :width="80" /> -->
1552
1348
  </td>
1553
1349
  </tr>
@@ -1562,10 +1358,7 @@
1562
1358
  <tr>
1563
1359
  <td>{{ item.r5c1 }}</td>
1564
1360
  <td colspan="2">{{ item.r5c2 }}</td>
1565
- <td
1566
- colspan="2"
1567
- class="content"
1568
- >
1361
+ <td colspan="2" class="content">
1569
1362
  {{ item.r5c4 }}
1570
1363
  </td>
1571
1364
  </tr>
@@ -1630,10 +1423,7 @@
1630
1423
  </tr>
1631
1424
  <tr>
1632
1425
  <td colspan="4">
1633
- <div
1634
- class="b2bcode"
1635
- style="margin: 1px"
1636
- >
1426
+ <div class="b2bcode" style="margin: 1px">
1637
1427
  <bar-code
1638
1428
  :key="item + new Date()"
1639
1429
  :value="item.r41c1"
@@ -1666,10 +1456,7 @@
1666
1456
  <tbody>
1667
1457
  <tr>
1668
1458
  <td style="width: 100px">
1669
- <el-image
1670
- style="height: 20px; margin-top: 5px"
1671
- :src="C_U"
1672
- />
1459
+ <el-image style="height: 20px; margin-top: 5px" :src="C_U" />
1673
1460
  </td>
1674
1461
  <td style="font-size: 23px; width: 120px">
1675
1462
  {{ item.r1c2 }}
@@ -1680,17 +1467,8 @@
1680
1467
  <tr>
1681
1468
  <td>{{ item.r2c1 }}</td>
1682
1469
  <td colspan="2">{{ item.r2c2 }}</td>
1683
- <td
1684
- rowspan="3"
1685
- colspan="2"
1686
- class="content"
1687
- >
1688
- <img
1689
- alt="二维码"
1690
- :src="item.r2c4"
1691
- :width="75"
1692
- style="margin: 1px"
1693
- />
1470
+ <td rowspan="3" colspan="2" class="content">
1471
+ <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
1694
1472
  <!-- <CiQrcode :codeValue="item.r5c4" :width="80" /> -->
1695
1473
  </td>
1696
1474
  </tr>
@@ -1705,10 +1483,7 @@
1705
1483
  <tr>
1706
1484
  <td>{{ item.r5c1 }}</td>
1707
1485
  <td colspan="2">{{ item.r5c2 }}</td>
1708
- <td
1709
- colspan="2"
1710
- class="content"
1711
- >
1486
+ <td colspan="2" class="content">
1712
1487
  {{ item.r5c4 }}
1713
1488
  </td>
1714
1489
  </tr>
@@ -1767,10 +1542,7 @@
1767
1542
  </tr>
1768
1543
  <tr>
1769
1544
  <td colspan="4">
1770
- <div
1771
- class="b2bcode"
1772
- style="margin: 1px"
1773
- >
1545
+ <div class="b2bcode" style="margin: 1px">
1774
1546
  <bar-code
1775
1547
  :key="item + new Date()"
1776
1548
  :value="item.r41c1"
@@ -1788,8 +1560,7 @@
1788
1560
  class="id-code"
1789
1561
  :style="`width: ${myWidth}; `"
1790
1562
  v-else-if="
1791
- (item.card_state == 'MAOPI-stop' ||
1792
- item.card_state == 'CAILIAO') &&
1563
+ (item.card_state == 'MAOPI-stop' || item.card_state == 'CAILIAO') &&
1793
1564
  item.factoryType == '2'
1794
1565
  "
1795
1566
  >
@@ -1807,10 +1578,7 @@
1807
1578
  <tbody>
1808
1579
  <tr>
1809
1580
  <td style="width: 20%">
1810
- <el-image
1811
- style="height: 20px; margin-top: 5px"
1812
- :src="C_U"
1813
- />
1581
+ <el-image style="height: 20px; margin-top: 5px" :src="C_U" />
1814
1582
  </td>
1815
1583
  <td style="font-size: 23px; width: 120px">
1816
1584
  {{ item.r1c2 }}
@@ -1821,17 +1589,8 @@
1821
1589
  <tr>
1822
1590
  <td>{{ item.r2c1 }}</td>
1823
1591
  <td colspan="2">{{ item.r2c2 }}</td>
1824
- <td
1825
- rowspan="3"
1826
- colspan="2"
1827
- class="content"
1828
- >
1829
- <img
1830
- alt="二维码"
1831
- :src="item.r2c4"
1832
- :width="75"
1833
- style="margin: 1px"
1834
- />
1592
+ <td rowspan="3" colspan="2" class="content">
1593
+ <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
1835
1594
  </td>
1836
1595
  </tr>
1837
1596
  <tr>
@@ -1845,10 +1604,7 @@
1845
1604
  <tr>
1846
1605
  <td>{{ item.r5c1 }}</td>
1847
1606
  <td colspan="2">{{ item.r5c2 }}</td>
1848
- <td
1849
- colspan="2"
1850
- class="content"
1851
- >
1607
+ <td colspan="2" class="content">
1852
1608
  {{ item.r5c4 }}
1853
1609
  </td>
1854
1610
  </tr>
@@ -1911,10 +1667,7 @@
1911
1667
  <!-- 装配标识卡无条形码 -->
1912
1668
  <tr>
1913
1669
  <td colspan="4">
1914
- <div
1915
- class="b2bcode"
1916
- style="margin: 1px"
1917
- >
1670
+ <div class="b2bcode" style="margin: 1px">
1918
1671
  <bar-code
1919
1672
  :key="item + new Date()"
1920
1673
  :value="item.r41c1"
@@ -1939,11 +1692,7 @@
1939
1692
 
1940
1693
  <!-- 尾料标识卡(为尚工厂) -->
1941
1694
  <!-- 为尚工厂无：尾料标识卡、装配标识卡、材料标识卡 -->
1942
- <div
1943
- class="id-code"
1944
- :style="`width: ${myWidth}; `"
1945
- v-else
1946
- >
1695
+ <div class="id-code" :style="`width: ${myWidth}; `" v-else>
1947
1696
  <div>本工厂无此种标识卡模板</div>
1948
1697
  </div>
1949
1698
  </div>
@@ -1966,27 +1715,27 @@ const C_U = NODE_ENV === 'development' ? '/public/C&U.png' : '/C&U.png'
1966
1715
  const props = defineProps({
1967
1716
  value: {
1968
1717
  type: String,
1969
- default: '',
1718
+ default: ''
1970
1719
  },
1971
1720
  // 循环生成的标签数据
1972
1721
  list: {
1973
1722
  type: Array,
1974
- default: [],
1723
+ default: []
1975
1724
  },
1976
1725
  cardName: {
1977
1726
  type: String,
1978
- default: '',
1727
+ default: ''
1979
1728
  },
1980
1729
  // 循环生成的标签宽度
1981
1730
  width: {
1982
1731
  type: String,
1983
- default: '100%',
1732
+ default: '100%'
1984
1733
  },
1985
1734
  // 循环生成的标签高度
1986
1735
  height: {
1987
1736
  type: String,
1988
- default: '100%',
1989
- },
1737
+ default: '100%'
1738
+ }
1990
1739
  })
1991
1740
 
1992
1741
  console.log('props', props)
@@ -2036,7 +1785,7 @@ setTimeout(function () {
2036
1785
 
2037
1786
  defineExpose({
2038
1787
  print,
2039
- render,
1788
+ render
2040
1789
  })
2041
1790
 
2042
1791
  const printTemplate = (template) => {
@@ -2073,15 +1822,15 @@ function printWithCustomSize() {
2073
1822
  media: {
2074
1823
  name: 'Custom',
2075
1824
  width: 300,
2076
- height: 400,
1825
+ height: 400
2077
1826
  },
2078
1827
  landscape: false,
2079
1828
  displayHeaderFooter: false,
2080
1829
  printBackground: true,
2081
1830
  ignorePrintExperience: true,
2082
1831
  silent: true,
2083
- printWithJs: true,
2084
- },
1832
+ printWithJs: true
1833
+ }
2085
1834
  })
2086
1835
  }
2087
1836
  </script>