ci-plus 1.2.6 → 1.2.8

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 +8 -7
  2. package/package.json +1 -1
  3. package/src/components.d.ts +1 -0
  4. package/src/identificationCard/barCode.vue +2 -2
  5. package/src/identificationCard/identificationCard.vue +23 -17
  6. package/src/identificationCard/jsbarcode.js +2893 -0
  7. package/src/identificationCard/qrcode.ts +4 -0
  8. package/src/identificationCard/qrcode.vue +72 -0
  9. package/src/index.ts +2 -1
package/README.md CHANGED
@@ -4,13 +4,14 @@
4
4
 
5
5
  ```sh
6
6
  # 本组件库是二次封装，所以依赖一些其他库，需要安装以下库：
7
- "lodash": "^4.17.21",
8
- "less": "^4.2.0",
9
- "sortablejs": "^1.15.1",
10
- "vite-plugin-svg-icons": "^2.0.1",
11
- "jsbarcode": "^3.11.6",
12
- "dayjs": "^1.11.9",
13
- "vue-draggable-plus": "^0.4.0"
7
+ "lodash": "^4.17.21", # 工具库
8
+ "less": "^4.2.0", # less库
9
+ "sortablejs": "^1.15.1", # 拖拽库
10
+ "vite-plugin-svg-icons": "^2.0.1", # svg图标库
11
+ "jsbarcode": "^3.11.6", # 条形码库
12
+ "dayjs": "^1.11.9", # 日期处理库
13
+ "vue-draggable-plus": "^0.4.0", # 拖拽库
14
+ "qrcode": "^1.5.3", #二维码库
14
15
  ```
15
16
 
16
17
  ```sh
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ci-plus",
3
- "version": "1.2.6",
3
+ "version": "1.2.8",
4
4
  "description": "ci组件库",
5
5
  "main": "./index.ts",
6
6
  "scripts": {
package/src/components.d.ts CHANGED
@@ -20,6 +20,7 @@ declare module '@vue/runtime-core' {
20
20
  CiSdialog: typeof components.Sdialog
21
21
  CiColumncell: typeof components.Columncell
22
22
  CiIdentificationCard: typeof components.IdentificationCard
23
+ CiQrcode: typeof components.CiQrcode
23
24
 
24
25
  CiSeeFile: typeof components.SeeFile
25
26
  CiUpload: typeof components.Upload
package/src/identificationCard/barCode.vue CHANGED
@@ -13,8 +13,8 @@
13
13
  </template>
14
14
 
15
15
  <script setup lang="ts">
16
- import { ref, onMounted, nextTick, watch } from 'vue'
17
- import JsBarcode from 'jsbarcode'
16
+ import { onMounted, nextTick, watch } from 'vue'
17
+ import JsBarcode from './jsbarcode.js' //'https://cdn.jsdelivr.net/npm/jsbarcode@3.11.6/+esm'
18
18
  interface Props {
19
19
  value: String // 条码文本
20
20
  type?: String // 类型
package/src/identificationCard/identificationCard.vue CHANGED
@@ -57,13 +57,8 @@
57
57
  <td>{{ item.r2c1 }}</td>
58
58
  <td colspan="2">{{ item.r2c2 }}</td>
59
59
  <td rowspan="3" colspan="2" class="content">
60
- <!-- <img
61
- alt="二维码"
62
- src="http://10.20.72.231:9999/media/card_code/20240116/No18202401161.png"
63
- :width="80"
64
- style="margin: 1px"
65
- /> -->
66
- <img alt="二维码" :src="item.r2c4" :width="80" style="margin: 1px" />
60
+ <!-- <img alt="二维码" :src="item.r2c4" :width="80" style="margin: 1px" /> -->
61
+ <CiQrcode :codeValue="item.r5c4" :with="80" />
67
62
  </td>
68
63
  </tr>
69
64
  <tr>
@@ -182,7 +177,8 @@
182
177
  <td>物料编码</td>
183
178
  <td colspan="2">{{ item.r2c2 }}</td>
184
179
  <td rowspan="3" colspan="2" class="content">
185
- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
180
+ <!-- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" /> -->
181
+ <CiQrcode :codeValue="item.r5c4" :with="80" />
186
182
  </td>
187
183
  </tr>
188
184
  <tr>
@@ -294,7 +290,8 @@
294
290
  <td>{{ item.r2c1 }}</td>
295
291
  <td colspan="2">{{ item.r2c2 }}</td>
296
292
  <td rowspan="3" colspan="2" class="content">
297
- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
293
+ <!-- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" /> -->
294
+ <CiQrcode :codeValue="item.r5c4" :with="80" />
298
295
  </td>
299
296
  </tr>
300
297
  <tr>
@@ -416,7 +413,8 @@
416
413
  <td>物料编码</td>
417
414
  <td colspan="2">{{ item.r2c2 }}</td>
418
415
  <td rowspan="3" colspan="2" class="content">
419
- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
416
+ <!-- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" /> -->
417
+ <CiQrcode :codeValue="item.r5c4" :with="80" />
420
418
  </td>
421
419
  </tr>
422
420
  <tr>
@@ -538,7 +536,8 @@
538
536
  <td>物料编码</td>
539
537
  <td colspan="2">{{ item.r2c2 }}</td>
540
538
  <td rowspan="3" colspan="2" class="content">
541
- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
539
+ <!-- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" /> -->
540
+ <CiQrcode :codeValue="item.r5c4" :with="80" />
542
541
  </td>
543
542
  </tr>
544
543
  <tr>
@@ -648,7 +647,8 @@
648
647
  <td>{{ item.r2c1 }}</td>
649
648
  <td colspan="2">{{ item.r2c2 }}</td>
650
649
  <td rowspan="3" colspan="2" class="content">
651
- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
650
+ <!-- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" /> -->
651
+ <CiQrcode :codeValue="item.r5c4" :with="80" />
652
652
  </td>
653
653
  </tr>
654
654
  <tr>
@@ -770,7 +770,8 @@
770
770
  <td>{{ item.r2c1 }}</td>
771
771
  <td colspan="2">{{ item.r2c2 }}</td>
772
772
  <td rowspan="3" colspan="2" class="content">
773
- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
773
+ <!-- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" /> -->
774
+ <CiQrcode :codeValue="item.r5c4" :with="80" />
774
775
  </td>
775
776
  </tr>
776
777
  <tr>
@@ -876,7 +877,8 @@
876
877
  <td>{{ item.r2c1 }}</td>
877
878
  <td colspan="2">{{ item.r2c2 }}</td>
878
879
  <td rowspan="3" colspan="2" class="content">
879
- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
880
+ <!-- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" /> -->
881
+ <CiQrcode :codeValue="item.r5c4" :with="80" />
880
882
  </td>
881
883
  </tr>
882
884
  <tr>
@@ -994,7 +996,8 @@
994
996
  <td>{{ item.r2c1 }}</td>
995
997
  <td colspan="2">{{ item.r2c2 }}</td>
996
998
  <td rowspan="3" colspan="2" class="content">
997
- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
999
+ <!-- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" /> -->
1000
+ <CiQrcode :codeValue="item.r5c4" :with="80" />
998
1001
  </td>
999
1002
  </tr>
1000
1003
  <tr>
@@ -1132,7 +1135,8 @@
1132
1135
  <td>物料编码</td>
1133
1136
  <td colspan="2">{{ item.r2c2 }}</td>
1134
1137
  <td rowspan="3" colspan="2" class="content">
1135
- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
1138
+ <!-- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" /> -->
1139
+ <CiQrcode :codeValue="item.r5c4" :with="80" />
1136
1140
  </td>
1137
1141
  </tr>
1138
1142
  <tr>
@@ -1242,7 +1246,8 @@
1242
1246
  <td>{{ item.r2c1 }}</td>
1243
1247
  <td colspan="2">{{ item.r2c2 }}</td>
1244
1248
  <td rowspan="3" colspan="2" class="content">
1245
- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
1249
+ <!-- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" /> -->
1250
+ <CiQrcode :codeValue="item.r5c4" :with="80" />
1246
1251
  </td>
1247
1252
  </tr>
1248
1253
  <tr>
@@ -1342,6 +1347,7 @@
1342
1347
  defineOptions({ name: 'ci-identificationCard' })
1343
1348
  import { ref, onMounted, nextTick, watch, computed } from 'vue'
1344
1349
  import barCode from './barCode.vue'
1350
+ import CiQrcode from './qrcode'
1345
1351
  // 导入 public/C&U.png 图片
1346
1352
  import C_U from '@/assets/C&U.png'
1347
1353