ci-plus 1.6.4 → 1.6.6

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 (9) hide show
  1. package/README.md +15 -2
  2. package/package.json +2 -3
  3. package/src/identificationCard/identificationCard.vue +105 -172
  4. package/src/identificationCard/identificationCard1.5.6.vue +2158 -0
  5. package/src/utils/ajaxBox.ts +143 -5
  6. package/src/utils/cardPrint.ts +1002 -1077
  7. package/src/utils/{cardPrint1.5.4.ts → cardPrint1.1.0.ts} +4 -4
  8. package/src/utils/{cardPrint1.5.5.ts → cardPrint1.2.0.ts} +7 -7
  9. package/src/utils/cardPrint1.3.1.ts +1184 -0
package/README.md CHANGED
@@ -1,6 +1,19 @@
1
- ## 安装本组件库
1
+ ## 历史更新
2
2
 
3
- ## 特别注意：
3
+ 1.6.6
4
+ 1、标识卡模板更新到 1.5.7 版本
5
+
6
+ 1.6.5
7
+ 1、将1.2.0 版本中标识卡模板的'单重'和'净重'后面追加单位字段。
8
+ 2、附件下载函数ajaxBox.ts中新增 downFileFetchV3 函数：不传递文件名称时使用后端返回文件名导出。
9
+
10
+ 1.6.4
11
+ 1、标识卡模板更新到1.5.6版本
12
+
13
+ 1.6.3
14
+ 1、更新第二版为尚标识卡模板- 客户名称字段取值
15
+
16
+ ## 安装本组件库 特别注意
4
17
 
5
18
  ```sh
6
19
  # 本组件库是二次封装，所以依赖一些其他库，需要安装以下库：
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ci-plus",
3
- "version": "1.6.4",
3
+ "version": "1.6.6",
4
4
  "description": "ci组件库",
5
5
  "main": "./index.ts",
6
6
  "scripts": {
@@ -11,8 +11,7 @@
11
11
  "keywords": [
12
12
  "vue",
13
13
  "element-plus",
14
- "ui组件库二次封装",
15
- "标识卡模板更新到1.5.6"
14
+ "ui组件库二次封装"
16
15
  ],
17
16
  "type": "module",
18
17
  "author": {
package/src/identificationCard/identificationCard.vue CHANGED
@@ -1,13 +1,11 @@
1
1
  <!-- /**
2
2
  * @module identificationCard
3
3
  * @author : 卖女孩的小火柴
4
- * !description : 标识卡模板
5
- * @version : 1.5.6
6
- * @since : 创建时间 2024-11-13 09:27:30
7
- * !update : 2024-11.12 芜湖伦比公司的成品工厂的"毛坯标识卡"使用为尚工厂的"产品标识卡"模板
4
+ * ?description : 11月22日开会重新更新成品工厂标识卡
5
+ * !@version : 1.5.7
6
+ * TODO:@since : 创建时间 2024-11-23 09:40:30
7
+ * !update : 2024-11.23 更新标识卡
8
8
  */ -->
9
-
10
-
11
9
  <template>
12
10
  <div style="display: flex; flex-direction: column; height: 100%">
13
11
  <div style="width: 100px">
@@ -143,14 +141,10 @@
143
141
  {{ item.r6c4 }}
144
142
  </td>
145
143
  </tr>
146
- <!-- 规值 材料批次 -->
144
+ <!-- 规值 -->
147
145
  <tr>
148
146
  <td>{{ item.r7c1 }}</td>
149
- <td>{{ item.r7c2 }}</td>
150
- <td>{{ item.r7c3 }}</td>
151
- <td class="content">
152
- {{ item.r7c4 }}
153
- </td>
147
+ <td colspan="3">{{ item.r7c2 }}</td>
154
148
  </tr>
155
149
  <tr style="border-bottom: none; border-top: none">
156
150
  <td colspan="4">
@@ -250,11 +244,11 @@
250
244
  <td style="font-size: 23px; width: 120px">
251
245
  {{ item.r1c2 }}
252
246
  </td>
253
- <td style="width: 120px">产品类别</td>
247
+ <td style="width: 120px">{{ item.r1c3 }}</td>
254
248
  <td style="width: 200px">{{ item.r1c4 }}</td>
255
249
  </tr>
256
250
  <tr>
257
- <td>物料编码</td>
251
+ <td>{{ item.r2c1 }}</td>
258
252
  <td colspan="2">{{ item.r2c2 }}</td>
259
253
  <td
260
254
  rowspan="3"
@@ -271,16 +265,16 @@
271
265
  </td>
272
266
  </tr>
273
267
  <tr>
274
- <td>产品型号</td>
268
+ <td>{{ item.r3c1 }}</td>
275
269
  <td colspan="2">{{ item.r3c2 }}</td>
276
270
  </tr>
277
271
  <tr>
278
- <!-- 供应商 -->
272
+ <!-- 车件供应商 -->
279
273
  <td>{{ item.r4c1 }}</td>
280
274
  <td colspan="2">{{ item.r4c2 }}</td>
281
275
  </tr>
282
276
  <tr>
283
- <!-- 材料厂商 -->
277
+ <!-- 工单号 -->
284
278
  <td>{{ item.r5c1 }}</td>
285
279
  <td colspan="2">{{ item.r5c2 }}</td>
286
280
  <td
@@ -291,33 +285,33 @@
291
285
  </td>
292
286
  </tr>
293
287
  <tr>
294
- <td>本工序</td>
288
+ <td>{{ item.r6c1 }}</td>
295
289
  <td>{{ item.r6c2 }}</td>
296
- <td>下工序</td>
290
+ <td>{{ item.r6c3 }}</td>
297
291
  <td class="content">
298
292
  {{ item.r6c4 }}
299
293
  </td>
300
294
  </tr>
301
295
  <tr>
302
- <td>本箱数量</td>
296
+ <td>{{ item.r7c1 }}</td>
303
297
  <td>{{ item.r7c2 }}</td>
304
- <td>操作工/自检员</td>
298
+ <td>{{ item.r7c3 }}</td>
305
299
  <td class="content">
306
300
  {{ item.r7c4 }}
307
301
  </td>
308
302
  </tr>
309
303
  <tr>
310
- <td>巡检员</td>
304
+ <td>{{ item.r8c1 }}</td>
311
305
  <td>{{ item.r8c2 }}</td>
312
- <td>生产日期</td>
306
+ <td>{{ item.r8c3 }}</td>
313
307
  <td class="content">
314
308
  {{ item.r8c4 }}
315
309
  </td>
316
310
  </tr>
317
311
  <tr>
318
- <td>规值</td>
312
+ <td>{{ item.r9c1 }}</td>
319
313
  <td>{{ item.r9c2 }}</td>
320
- <td>件数规格</td>
314
+ <td>{{ item.r9c3 }}</td>
321
315
  <td class="content">
322
316
  {{ item.r9c4 }}
323
317
  </td>
@@ -343,19 +337,11 @@
343
337
  </tr>
344
338
  <tr>
345
339
  <td>{{ item.r13c1 }}</td>
346
- <td>{{ item.r13c2 }}</td>
347
- <td>{{ item.r13c3 }}</td>
348
- <td class="content">{{ item.r13c4 }}</td>
340
+ <td colspan="3">{{ item.r13c2 }}</td>
349
341
  </tr>
342
+ <!-- 备注 -->
350
343
  <tr>
351
- <td>{{ item.r14c1 }}</td>
352
- <td>{{ item.r14c2 }}</td>
353
- <td>{{ item.r14c3 }}</td>
354
- <td class="content">{{ item.r14c4 }}</td>
355
- </tr>
356
-
357
- <tr>
358
- <td>备注</td>
344
+ <td>{{ item.r40c1 }}</td>
359
345
  <td colspan="3">{{ item.r40c2 }}</td>
360
346
  </tr>
361
347
  <tr>
@@ -389,8 +375,8 @@
389
375
  "
390
376
  v-else-if="
391
377
  ((item.card_state == 'CHANPIN' || item.card_state == 'WEILIAO') &&
392
- item.factoryType == '1')||((item.card_state == 'MAOPI') &&
393
- item.factoryType == '2')
378
+ item.factoryType == '1') ||
379
+ (item.card_state == 'MAOPI' && item.factoryType == '2')
394
380
  "
395
381
  >
396
382
  <table
@@ -581,11 +567,11 @@
581
567
  <td style="font-size: 23px; width: 120px">
582
568
  {{ item.r1c2 }}
583
569
  </td>
584
- <td style="width: 120px">产品类别</td>
570
+ <td style="width: 120px">{{ item.r1c3 }}</td>
585
571
  <td style="width: 200px">{{ item.r1c4 }}</td>
586
572
  </tr>
587
573
  <tr>
588
- <td>物料编码</td>
574
+ <td>{{ item.r2c1 }}</td>
589
575
  <td colspan="2">{{ item.r2c2 }}</td>
590
576
  <td
591
577
  rowspan="3"
@@ -602,16 +588,16 @@
602
588
  </td>
603
589
  </tr>
604
590
  <tr>
605
- <td>产品型号</td>
591
+ <td>{{ item.r3c1 }}</td>
606
592
  <td colspan="2">{{ item.r3c2 }}</td>
607
593
  </tr>
608
594
  <tr>
609
- <!-- 供应商 -->
595
+ <!-- 车件供应商 -->
610
596
  <td>{{ item.r4c1 }}</td>
611
597
  <td colspan="2">{{ item.r4c2 }}</td>
612
598
  </tr>
613
599
  <tr>
614
- <!-- 材料厂商 -->
600
+ <!-- 尾料原因 -->
615
601
  <td>{{ item.r5c1 }}</td>
616
602
  <td colspan="2">{{ item.r5c2 }}</td>
617
603
  <td
@@ -622,44 +608,48 @@
622
608
  </td>
623
609
  </tr>
624
610
  <tr>
625
- <td>尾料原因</td>
626
- <td colspan="3">{{ item.r6c2 }}</td>
611
+ <td>{{ item.r6c1 }}</td>
612
+ <td>{{ item.r6c2 }}</td>
613
+ <td>{{ item.r6c3 }}</td>
614
+ <td class="content">
615
+ {{ item.r6c4 }}
616
+ </td>
627
617
  </tr>
628
618
  <tr>
629
- <td>本工序</td>
619
+ <td>{{ item.r7c1 }}</td>
630
620
  <td>{{ item.r7c2 }}</td>
631
- <td>下工序</td>
621
+ <td>{{ item.r7c3 }}</td>
632
622
  <td class="content">
633
623
  {{ item.r7c4 }}
634
624
  </td>
635
625
  </tr>
636
626
  <tr>
637
- <td>本箱数量</td>
627
+ <td>{{ item.r8c1 }}</td>
638
628
  <td>{{ item.r8c2 }}</td>
639
- <td>操作工/自检员</td>
629
+ <td>{{ item.r8c3 }}</td>
640
630
  <td class="content">
641
631
  {{ item.r8c4 }}
642
632
  </td>
643
633
  </tr>
644
634
  <tr>
645
- <td>检验员</td>
635
+ <td>{{ item.r9c1 }}</td>
646
636
  <td>{{ item.r9c2 }}</td>
647
- <td>生产日期</td>
637
+ <td>{{ item.r9c3 }}</td>
648
638
  <td class="content">
649
639
  {{ item.r9c4 }}
650
640
  </td>
651
641
  </tr>
652
642
  <tr>
653
- <td>规值</td>
643
+ <td>{{ item.r10c1 }}</td>
654
644
  <td>{{ item.r10c2 }}</td>
655
- <td>规格</td>
645
+ <td>{{ item.r10c3 }}</td>
656
646
  <td class="content">{{ item.r10c4 }}</td>
657
647
  </tr>
658
648
  <tr>
659
649
  <!-- 检验日期 -->
660
650
  <td>{{ item.r11c1 }}</td>
661
651
  <td>{{ item.r11c2 }}</td>
662
- <!-- 检验日期 -->
652
+ <!-- 热处理批号 -->
663
653
  <td>{{ item.r11c3 }}</td>
664
654
  <td class="content">{{ item.r11c4 }}</td>
665
655
  </tr>
@@ -671,30 +661,10 @@
671
661
  <td class="content">{{ item.r12c4 }}</td>
672
662
  </tr>
673
663
  <tr>
664
+ <!-- 批次序列号 -->
674
665
  <td>{{ item.r13c1 }}</td>
675
- <td>{{ item.r13c2 }}</td>
676
- <td>{{ item.r13c3 }}</td>
677
- <td class="content">{{ item.r13c4 }}</td>
678
- </tr>
679
- <tr>
680
- <td>{{ item.r14c1 }}</td>
681
- <td>{{ item.r14c2 }}</td>
682
- <td>{{ item.r14c3 }}</td>
683
- <td class="content">{{ item.r14c4 }}</td>
684
- </tr>
685
- <tr>
686
- <td>{{ item.r15c1 }}</td>
687
- <td>{{ item.r15c2 }}</td>
688
- <td>{{ item.r15c3 }}</td>
689
- <td class="content">{{ item.r15c4 }}</td>
690
- </tr>
691
- <tr v-if="item.r16c1">
692
- <td>{{ item.r16c1 }}</td>
693
- <td>{{ item.r16c2 }}</td>
694
- <td>{{ item.r16c3 }}</td>
695
- <td class="content">{{ item.r16c4 }}</td>
666
+ <td colspan="3">{{ item.r13c2 }}</td>
696
667
  </tr>
697
-
698
668
  <tr>
699
669
  <!-- 备注 -->
700
670
  <td>{{ item.r40c1 }}</td>
@@ -807,56 +777,48 @@
807
777
 
808
778
  <tr>
809
779
  <!-- 检验员 -->
810
- <td>{{ item.r15c1 }}</td>
811
- <td>{{ item.r15c2 }}</td>
812
- <td>{{ item.r15c3 }}</td>
813
- <td class="content">{{ item.r15c4 }}</td>
814
- </tr>
815
- <tr>
816
- <td>{{ item.r16c1 }}</td>
817
- <td>{{ item.r16c2 }}</td>
818
- <td>{{ item.r16c3 }}</td>
819
- <td class="content">{{ item.r16c4 }}</td>
820
- </tr>
821
- <tr>
822
- <td>{{ item.r17c1 }}</td>
823
- <td>{{ item.r17c2 }}</td>
824
- <td>{{ item.r17c3 }}</td>
825
- <td class="content">{{ item.r17c4 }}</td>
826
- </tr>
827
- <tr>
828
- <td>{{ item.r18c1 }}</td>
829
- <td>{{ item.r18c2 }}</td>
830
- <td>{{ item.r18c3 }}</td>
831
- <td class="content">{{ item.r18c4 }}</td>
832
- </tr>
833
- <tr v-if="item.r19c1">
834
- <td>{{ item.r19c1 }}</td>
835
- <td>{{ item.r19c2 }}</td>
836
- <td>{{ item.r19c3 }}</td>
837
- <td class="content">{{ item.r19c4 }}</td>
838
- </tr>
839
-
840
- <tr v-if="item.r9c1">
841
780
  <td>{{ item.r9c1 }}</td>
842
781
  <td>{{ item.r9c2 }}</td>
843
782
  <td>{{ item.r9c3 }}</td>
844
- <td>{{ item.r9c4 }}</td>
783
+ <td class="content">{{ item.r9c4 }}</td>
845
784
  </tr>
846
- <tr v-if="item.r10c1">
785
+ <tr>
786
+ <!-- 本箱数量 -->
847
787
  <td>{{ item.r10c1 }}</td>
848
788
  <td>{{ item.r10c2 }}</td>
849
789
  <td>{{ item.r10c3 }}</td>
850
- <td>{{ item.r10c4 }}</td>
790
+ <td class="content">{{ item.r10c4 }}</td>
851
791
  </tr>
852
-
853
- <tr v-if="item.r12c2">
854
- <td>{{ item.r12c1 }}</td>
855
- <td colspan="3">{{ item.r12c2 }}</td>
792
+ <!-- 不良项第一行 -->
793
+ <tr v-if="item.r11c1">
794
+ <td>{{ item.r11c1 }}</td>
795
+ <td>{{ item.r11c2 }}</td>
796
+ <td>{{ item.r11c3 }}</td>
797
+ <td>{{ item.r11c4 }}</td>
798
+ </tr>
799
+ <!-- 不良项第二行 -->
800
+ <tr v-if="item.r12c1">
801
+ <td>{{ item.r2c1 }}</td>
802
+ <td>{{ item.r2c2 }}</td>
803
+ <td>{{ item.r2c3 }}</td>
804
+ <td>{{ item.r2c4 }}</td>
805
+ </tr>
806
+ <!-- 其他 -->
807
+ <tr v-if="item.r13c2">
808
+ <td>{{ item.r13c1 }}</td>
809
+ <td colspan="3">{{ item.r13c2 }}</td>
810
+ </tr>
811
+ <tr>
812
+ <!-- 流转批次号 -->
813
+ <td>{{ item.r14c1 }}</td>
814
+ <td>{{ item.r14c2 }}</td>
815
+ <!-- 批次序列号 -->
816
+ <td>{{ item.r14c3 }}</td>
817
+ <td class="content">{{ item.r14c4 }}</td>
856
818
  </tr>
857
819
 
858
820
  <tr>
859
- <td>备注</td>
821
+ <td>{{ item.r40c1 }}</td>
860
822
  <td colspan="3">{{ item.r40c2 }}</td>
861
823
  </tr>
862
824
  <tr>
@@ -1130,16 +1092,9 @@
1130
1092
  </tr>
1131
1093
  <tr>
1132
1094
  <td>{{ item.r12c1 }}</td>
1133
- <td>{{ item.r12c2 }}</td>
1134
- <td>{{ item.r12c3 }}</td>
1135
- <td>{{ item.r12c4 }}</td>
1136
- </tr>
1137
- <tr>
1138
- <td>{{ item.r13c1 }}</td>
1139
- <td>{{ item.r13c2 }}</td>
1140
- <td>{{ item.r13c3 }}</td>
1141
- <td>{{ item.r13c4 }}</td>
1095
+ <td colspan="3">{{ item.r12c2 }}</td>
1142
1096
  </tr>
1097
+
1143
1098
  <tr>
1144
1099
  <!-- 不良项目 -->
1145
1100
  <td>{{ item.r30c1 }}</td>
@@ -1634,7 +1589,7 @@
1634
1589
  <tr>
1635
1590
  <td>{{ item.r9c1 }}</td>
1636
1591
  <td>{{ item.r9c2 }}</td>
1637
- <!-- 规格 -->
1592
+ <!-- 检验员 -->
1638
1593
  <td>{{ item.r9c3 }}</td>
1639
1594
  <td class="content">{{ item.r9c4 }}</td>
1640
1595
  </tr>
@@ -1647,21 +1602,7 @@
1647
1602
  </tr>
1648
1603
  <tr>
1649
1604
  <td>{{ item.r11c1 }}</td>
1650
- <td>{{ item.r11c2 }}</td>
1651
- <td>{{ item.r11c3 }}</td>
1652
- <td class="content">{{ item.r11c4 }}</td>
1653
- </tr>
1654
- <tr>
1655
- <td>{{ item.r12c1 }}</td>
1656
- <td>{{ item.r12c2 }}</td>
1657
- <td>{{ item.r12c3 }}</td>
1658
- <td class="content">{{ item.r12c4 }}</td>
1659
- </tr>
1660
- <tr v-if="item.r13c1">
1661
- <td>{{ item.r13c1 }}</td>
1662
- <td>{{ item.r13c2 }}</td>
1663
- <td>{{ item.r13c3 }}</td>
1664
- <td class="content">{{ item.r13c4 }}</td>
1605
+ <td colspan="3">{{ item.r11c2 }}</td>
1665
1606
  </tr>
1666
1607
 
1667
1608
  <!-- 不良项目 -->
@@ -1678,12 +1619,12 @@
1678
1619
  <td>{{ item.r31c4 }}</td>
1679
1620
  </tr>
1680
1621
  <!-- 其他 -->
1681
- <tr v-if="item.r32c1">
1622
+ <tr v-if="item.r32c2">
1682
1623
  <td>{{ item.r32c1 }}</td>
1683
1624
  <td colspan="3">{{ item.r32c2 }}</td>
1684
1625
  </tr>
1685
1626
  <tr>
1686
- <td>备注</td>
1627
+ <td>{{ item.r40c1 }}</td>
1687
1628
  <td colspan="3">{{ item.r40c2 }}</td>
1688
1629
  </tr>
1689
1630
  <tr>
@@ -1846,7 +1787,8 @@
1846
1787
  class="id-code"
1847
1788
  :style="`width: ${myWidth}; `"
1848
1789
  v-else-if="
1849
- (item.card_state == 'MAOPI-stop' || item.card_state == 'CAILIAO') &&
1790
+ (item.card_state == 'MAOPI-stop' ||
1791
+ item.card_state == 'CAILIAO') &&
1850
1792
  item.factoryType == '2'
1851
1793
  "
1852
1794
  >
@@ -1910,50 +1852,49 @@
1910
1852
  </td>
1911
1853
  </tr>
1912
1854
  <tr>
1913
- <!-- 本箱数量 生产日期 -->
1855
+ <!-- 规值 生产日期 -->
1914
1856
  <td>{{ item.r6c1 }}</td>
1915
1857
  <td>{{ item.r6c2 }}</td>
1916
1858
  <td>{{ item.r6c3 }}</td>
1917
1859
  <td>{{ item.r6c4 }}</td>
1918
1860
  </tr>
1919
1861
  <tr>
1920
- <!-- 检验员 检验日期 -->
1862
+ <!-- 本箱数量 件数规格 -->
1921
1863
  <td>{{ item.r7c1 }}</td>
1922
1864
  <td>{{ item.r7c2 }}</td>
1923
1865
  <td>{{ item.r7c3 }}</td>
1924
1866
  <td>{{ item.r7c4 }}</td>
1925
1867
  </tr>
1926
1868
 
1927
- <!-- 开始尾部的固定项目数据 -->
1928
1869
  <tr>
1929
- <!-- 材料炉号、材料批次 -->
1870
+ <!-- 本批数量 材料炉号 -->
1930
1871
  <td>{{ item.r8c1 }}</td>
1931
1872
  <td>{{ item.r8c2 }}</td>
1932
1873
  <td>{{ item.r8c3 }}</td>
1933
1874
  <td>{{ item.r8c4 }}</td>
1934
1875
  </tr>
1935
- <tr>
1936
- <!-- 本批数量 件数规格 -->
1876
+ <tr v-if="item.r9c1">
1877
+ <!-- 检验员 采购单号 -->
1937
1878
  <td>{{ item.r9c1 }}</td>
1938
1879
  <td>{{ item.r9c2 }}</td>
1939
1880
  <td>{{ item.r9c3 }}</td>
1940
1881
  <td>{{ item.r9c4 }}</td>
1941
1882
  </tr>
1942
- <tr>
1943
- <!-- 规值 采购单号 -->
1883
+ <tr v-if="item.r10c1">
1884
+ <!-- 检验日期 -->
1944
1885
  <td>{{ item.r10c1 }}</td>
1945
1886
  <td>{{ item.r10c2 }}</td>
1946
1887
  <td>{{ item.r10c3 }}</td>
1947
1888
  <td>{{ item.r10c4 }}</td>
1948
1889
  </tr>
1949
- <tr>
1890
+ <tr v-if="item.r11c2">
1950
1891
  <!-- 批次序列号 采购单行号 -->
1951
1892
  <td>{{ item.r11c1 }}</td>
1952
1893
  <td>{{ item.r11c2 }}</td>
1953
1894
  <td>{{ item.r11c3 }}</td>
1954
1895
  <td>{{ item.r11c4 }}</td>
1955
1896
  </tr>
1956
- <tr>
1897
+ <tr v-if="item.r12c2">
1957
1898
  <!-- 热处理批号 -->
1958
1899
  <td>{{ item.r12c1 }}</td>
1959
1900
  <td>{{ item.r12c2 }}</td>
@@ -2014,7 +1955,7 @@
2014
1955
  defineOptions({ name: 'ci-identificationCard' })
2015
1956
  import { ref, onMounted, nextTick, watch, computed } from 'vue'
2016
1957
  import barCode from './barCode.vue'
2017
- import { ElButton,ElIcon,ElPopover,ElImage } from 'element-plus'
1958
+ import { ElButton, ElIcon, ElPopover, ElImage } from 'element-plus'
2018
1959
  import CiQrcode from './qrcode'
2019
1960
  // 导入 public/C&U.png 图片
2020
1961
  // import C_U from '@/assets/C&U.png'
@@ -2024,27 +1965,27 @@ const C_U = NODE_ENV === 'development' ? '/public/C&U.png' : '/C&U.png'
2024
1965
  const props = defineProps({
2025
1966
  value: {
2026
1967
  type: String,
2027
- default: ''
1968
+ default: '',
2028
1969
  },
2029
1970
  // 循环生成的标签数据
2030
1971
  list: {
2031
1972
  type: Array,
2032
- default: []
1973
+ default: [],
2033
1974
  },
2034
1975
  cardName: {
2035
1976
  type: String,
2036
- default: ''
1977
+ default: '',
2037
1978
  },
2038
1979
  // 循环生成的标签宽度
2039
1980
  width: {
2040
1981
  type: String,
2041
- default: '100%'
1982
+ default: '100%',
2042
1983
  },
2043
1984
  // 循环生成的标签高度
2044
1985
  height: {
2045
1986
  type: String,
2046
- default: '100%'
2047
- }
1987
+ default: '100%',
1988
+ },
2048
1989
  })
2049
1990
 
2050
1991
  console.log('props', props)
@@ -2094,7 +2035,7 @@ setTimeout(function () {
2094
2035
 
2095
2036
  defineExpose({
2096
2037
  print,
2097
- render
2038
+ render,
2098
2039
  })
2099
2040
 
2100
2041
  const printTemplate = (template) => {
@@ -2131,15 +2072,15 @@ function printWithCustomSize() {
2131
2072
  media: {
2132
2073
  name: 'Custom',
2133
2074
  width: 300,
2134
- height: 400
2075
+ height: 400,
2135
2076
  },
2136
2077
  landscape: false,
2137
2078
  displayHeaderFooter: false,
2138
2079
  printBackground: true,
2139
2080
  ignorePrintExperience: true,
2140
2081
  silent: true,
2141
- printWithJs: true
2142
- }
2082
+ printWithJs: true,
2083
+ },
2143
2084
  })
2144
2085
  }
2145
2086
  </script>
@@ -2149,12 +2090,4 @@ function printWithCustomSize() {
2149
2090
  color: red;
2150
2091
  font-size: 60px;
2151
2092
  }
2152
- /* @media print {
2153
- .page-break {
2154
- page-break-before: always;
2155
- }
2156
- }
2157
- .page-break {
2158
- page-break-before: always;
2159
- } */
2160
2093
  </style>