ci-plus 1.2.8 → 1.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ci-plus",
-  "version": "1.2.8",
+  "version": "1.3.0",
   "description": "ci组件库",
   "main": "./index.ts",
   "scripts": {

package/src/identificationCard/identificationCard.vue

@@ -57,8 +57,8 @@
                   <td>{{ item.r2c1 }}</td>
                   <td colspan="2">{{ item.r2c2 }}</td>
                   <td rowspan="3" colspan="2" class="content">
-                    <!-- <img alt="二维码" :src="item.r2c4" :width="80" style="margin: 1px" /> -->
-                    <CiQrcode :codeValue="item.r5c4" :with="80" />
+                    <img alt="二维码" :src="item.r2c4" :width="80" style="margin: 1px" />
+                    <!-- <CiQrcode :codeValue="item.r5c4" :width="80" /> -->
                   </td>
                 </tr>
                 <tr>
@@ -177,8 +177,8 @@
                   <td>物料编码</td>
                   <td colspan="2">{{ item.r2c2 }}</td>
                   <td rowspan="3" colspan="2" class="content">
-                    <!-- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" /> -->
-                    <CiQrcode :codeValue="item.r5c4" :with="80" />
+                    <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
+                    <!-- <CiQrcode :codeValue="item.r5c4" :width="80" /> -->
                   </td>
                 </tr>
                 <tr>
@@ -290,8 +290,8 @@
                   <td>{{ item.r2c1 }}</td>
                   <td colspan="2">{{ item.r2c2 }}</td>
                   <td rowspan="3" colspan="2" class="content">
-                    <!-- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" /> -->
-                    <CiQrcode :codeValue="item.r5c4" :with="80" />
+                    <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
+                    <!-- <CiQrcode :codeValue="item.r5c4" :width="80" /> -->
                   </td>
                 </tr>
                 <tr>
@@ -413,8 +413,8 @@
                   <td>物料编码</td>
                   <td colspan="2">{{ item.r2c2 }}</td>
                   <td rowspan="3" colspan="2" class="content">
-                    <!-- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" /> -->
-                    <CiQrcode :codeValue="item.r5c4" :with="80" />
+                    <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
+                    <!-- <CiQrcode :codeValue="item.r5c4" :width="80" /> -->
                   </td>
                 </tr>
                 <tr>
@@ -536,8 +536,8 @@
                   <td>物料编码</td>
                   <td colspan="2">{{ item.r2c2 }}</td>
                   <td rowspan="3" colspan="2" class="content">
-                    <!-- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" /> -->
-                    <CiQrcode :codeValue="item.r5c4" :with="80" />
+                    <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
+                    <!-- <CiQrcode :codeValue="item.r5c4" :width="80" /> -->
                   </td>
                 </tr>
                 <tr>
@@ -647,8 +647,8 @@
                   <td>{{ item.r2c1 }}</td>
                   <td colspan="2">{{ item.r2c2 }}</td>
                   <td rowspan="3" colspan="2" class="content">
-                    <!-- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" /> -->
-                    <CiQrcode :codeValue="item.r5c4" :with="80" />
+                    <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
+                    <!-- <CiQrcode :codeValue="item.r5c4" :width="80" /> -->
                   </td>
                 </tr>
                 <tr>
@@ -770,8 +770,8 @@
                   <td>{{ item.r2c1 }}</td>
                   <td colspan="2">{{ item.r2c2 }}</td>
                   <td rowspan="3" colspan="2" class="content">
-                    <!-- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" /> -->
-                    <CiQrcode :codeValue="item.r5c4" :with="80" />
+                    <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
+                    <!-- <CiQrcode :codeValue="item.r5c4" :width="80" /> -->
                   </td>
                 </tr>
                 <tr>
@@ -877,8 +877,8 @@
                   <td>{{ item.r2c1 }}</td>
                   <td colspan="2">{{ item.r2c2 }}</td>
                   <td rowspan="3" colspan="2" class="content">
-                    <!-- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" /> -->
-                    <CiQrcode :codeValue="item.r5c4" :with="80" />
+                    <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
+                    <!-- <CiQrcode :codeValue="item.r5c4" :width="80" /> -->
                   </td>
                 </tr>
                 <tr>
@@ -983,7 +983,7 @@
             >
               <tbody>
                 <tr>
-                  <td style="width: 100px">
+                  <td style="width: 20%">
                     <el-image style="height: 20px; margin-top: 5px" :src="C_U" />
                   </td>
                   <td style="font-size: 23px; width: 120px">
@@ -996,8 +996,7 @@
                   <td>{{ item.r2c1 }}</td>
                   <td colspan="2">{{ item.r2c2 }}</td>
                   <td rowspan="3" colspan="2" class="content">
-                    <!-- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" /> -->
-                    <CiQrcode :codeValue="item.r5c4" :with="80" />
+                    <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
                   </td>
                 </tr>
                 <tr>
@@ -1039,35 +1038,35 @@
                   <td>{{ item.r9c3 }}</td>
                   <td>{{ item.r9c4 }}</td>
                 </tr>
-                <tr>
+                <tr v-if="item.r10c1">
                   <td>{{ item.r10c1 }}</td>
                   <td>{{ item.r10c2 }}</td>
-                  <td>{{ item.r10c3 }}</td>
+                  <td style="">{{ item.r10c3 }}</td>
                   <td>{{ item.r10c4 }}</td>
                 </tr>
-                <tr>
+                <tr v-if="item.r11c1">
                   <td>{{ item.r11c1 }}</td>
                   <td>{{ item.r11c2 }}</td>
                   <td>{{ item.r11c3 }}</td>
                   <td>{{ item.r11c4 }}</td>
                 </tr>
-                <tr>
+                <tr v-if="item.r12c1">
                   <td>{{ item.r12c1 }}</td>
                   <td>{{ item.r12c2 }}</td>
                   <td>{{ item.r12c3 }}</td>
                   <td>{{ item.r12c4 }}</td>
                 </tr>
-                <tr>
+                <tr v-if="item.r13c1">
                   <td>{{ item.r13c1 }}</td>
                   <td>{{ item.r13c2 }}</td>
                   <td>{{ item.r13c3 }}</td>
                   <td>{{ item.r13c4 }}</td>
                 </tr>
-
-                <tr>
-                  <!-- 质检日期  -->
+                <tr v-if="item.r14c1">
                   <td>{{ item.r14c1 }}</td>
-                  <td colspan="3">{{ item.r14c2 }}</td>
+                  <td>{{ item.r14c2 }}</td>
+                  <td>{{ item.r14c3 }}</td>
+                  <td>{{ item.r14c4 }}</td>
                 </tr>
                 <tr>
                   <!-- 备注  -->
@@ -1135,8 +1134,8 @@
                   <td>物料编码</td>
                   <td colspan="2">{{ item.r2c2 }}</td>
                   <td rowspan="3" colspan="2" class="content">
-                    <!-- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" /> -->
-                    <CiQrcode :codeValue="item.r5c4" :with="80" />
+                    <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
+                    <!-- <CiQrcode :codeValue="item.r5c4" :width="80" /> -->
                   </td>
                 </tr>
                 <tr>
@@ -1246,8 +1245,8 @@
                   <td>{{ item.r2c1 }}</td>
                   <td colspan="2">{{ item.r2c2 }}</td>
                   <td rowspan="3" colspan="2" class="content">
-                    <!-- <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" /> -->
-                    <CiQrcode :codeValue="item.r5c4" :with="80" />
+                    <img alt="二维码" :src="item.r2c4" :width="75" style="margin: 1px" />
+                    <!-- <CiQrcode :codeValue="item.r5c4" :width="80" /> -->
                   </td>
                 </tr>
                 <tr>

package/src/identificationCard/qrcode.vue

@@ -4,7 +4,7 @@
 <script setup lang="ts">
 defineOptions({ name: 'ci-qrcode' })
 import { ref, onMounted, defineProps, PropType } from 'vue'
-import QRCode from 'qrcode'
+// import QRCode from 'qrcode'
 // 用于遮罩符号的遮罩图案。 可能的值为0、1、2、3、4、5、6、7。
 type MaskPattern = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7
 
@@ -49,24 +49,24 @@ onMounted(() => {
   render()
 })
 const render = () => {
-  QRCode.toCanvas(
-    qrcode.value,
-    props.codeValue,
-    {
-      version: 1.0,
-      errorCorrectionLevel: 'M',
-      maskPattern: props.maskPattern, //用于遮罩符号的遮罩图案。 可能的值为0、1、2、3、4、5、6、7。
-      margin: props.margin, //定义二维码边框白色区域宽度。
-      scale: props.scale, //比例因子。值1表示每个模块1px（黑点）。
-      small: false, //输出较小的二维码。仅与终端渲染器相关。
-      width: props.width, //宽高
-      color: props.color // 二维码颜色
-    },
-    (error) => {
-      if (error) {
-        console.log(error)
-      }
-    }
-  )
+  // QRCode.toCanvas(
+  //   qrcode.value,
+  //   props.codeValue,
+  //   {
+  //     version: 1.0,
+  //     errorCorrectionLevel: 'M',
+  //     maskPattern: props.maskPattern, //用于遮罩符号的遮罩图案。 可能的值为0、1、2、3、4、5、6、7。
+  //     margin: props.margin, //定义二维码边框白色区域宽度。
+  //     scale: props.scale, //比例因子。值1表示每个模块1px（黑点）。
+  //     small: false, //输出较小的二维码。仅与终端渲染器相关。
+  //     width: props.width, //宽高
+  //     color: props.color // 二维码颜色
+  //   },
+  //   (error) => {
+  //     if (error) {
+  //       console.log(error)
+  //     }
+  //   }
+  // )
 }
 </script>

package/src/utils/cardPrint.ts

@@ -6,10 +6,11 @@
  * @since : 创建时间 2024-03-15 15:16:12
  */
 // import { scan_card_code_get } from '@/api/InventoryBatch'
-import { ElMessage } from 'element-plus'
+import { ElMessage, MessageParamsWithType } from 'element-plus'
 import { setDate } from '@/utils/Dayjs'
 import apis from '@/utils/baseApi'
 import axios from 'axios'
+import { ref } from 'vue'
 const { storageModule } = apis
 
 let baseUrls = storageModule //new URL(storageModule).origin + '/' // 图片的地址前缀
@@ -29,10 +30,12 @@ export const cardPrint = (
         ...cParams,
       },
     })
-    .then((_res) => {
+    .then((_res: { data: { code: number; data: any[]; msg: MessageParamsWithType } }) => {
       console.log('res: ', _res)
-      if (_res.data.code != 200) return ElMessage.error(_res.data.msg)
-
+      if (_res.data.code != 200 || (_res.data.data && _res.data.data.length < 1)) {
+        callback([])
+        return ElMessage.error(_res.data.msg)
+      }
       let data = _res.data.data
       console.log('data: ', data)
       let dataInfo: any[] = []
@@ -45,7 +48,7 @@ export const cardPrint = (
             // 工厂类型：1：为尚工厂 | 2：成品工厂
             factoryType: item.is_finished_goods,
             r1c2: '产品标识卡',
-            r1c4: item.material_code, // 产品类别
+            r1c4: item.category, // 产品类别
             r2c2: item.material_code, // 物料编码
             r2c4: baseUrls + item.qr_code_path, // 二维码地址
             r3c2: item.material_model, // 产品型号
@@ -83,9 +86,7 @@ export const cardPrint = (
             factoryType: item.is_finished_goods,
             r1c2: '产品标识卡',
             r1c3: '产品类别', // (为 类型/名称 拼接）
-            r1c4: item.material_type
-              ? item.material_type + '/' + item.material_name
-              : item.material_name,
+            r1c4: item.category,
             r2c1: '分布场所代号',
             r2c2: item.center_data[0]?.store_code,
             r2c4: baseUrls + item.qr_code_path, // 二维码地址
@@ -136,7 +137,7 @@ export const cardPrint = (
             // 工厂类型：1：为尚工厂 | 2：成品工厂
             factoryType: item.is_finished_goods,
             r1c2: '尾料标识卡',
-            r1c4: item.material_code, // 产品类别
+            r1c4: item.category, // 产品类别
             r2c2: item.material_code, // 物料编码
             r2c4: baseUrls + item.qr_code_path, // 二维码地址
             r3c2: item.material_model, // 产品型号
@@ -340,7 +341,7 @@ export const cardPrint = (
             factoryType: item.is_finished_goods,
             r1c2: '返工标识卡',
             r1c3: '产品类别',
-            r1c4: item.material_code, // 产品类别
+            r1c4: item.category, // 产品类别
             r2c1: '物料编码',
             r2c2: item.material_code,
             r2c4: baseUrls + item.qr_code_path, // 二维码地址
@@ -410,7 +411,7 @@ export const cardPrint = (
             factoryType: item.is_finished_goods,
             r1c2: '返工标识卡',
             r1c3: '产品类别',
-            r1c4: item.material_code, // 产品类别
+            r1c4: item.category, // 产品类别
             r2c1: '分布场所代号',
             r2c2: item.material_code, //
             r2c4: baseUrls + item.qr_code_path, // 二维码地址
@@ -462,60 +463,122 @@ export const cardPrint = (
           item.card_state == 'ZHUANGPEI' &&
           item.is_finished_goods == 2
         ) {
-          // 如果有不良项目，就循环获取其中值
+          // 如果有children ，就循环获取其中值
+          let badNum = item.children?.length || 0
+          let badList: { id: number | string; label: string; value: string }[] =
+            []
+          if (item.children && badNum > 0) {
+            item.children?.forEach((badItem: any) => {
+              let nqbm = { id: '', label: '', value: '' } //  内圈编码
+              let nqph = { id: '', label: '', value: '' } //  内圈批号
+              let wqbh = { id: '', label: '', value: '' } //  内圈编码
+              let wqph = { id: '', label: '', value: '' } //  内圈批号
+              let objbad = { id: '', label: '', value: '' }
+              if (badItem.category == '内圈') {
+                nqbm = {
+                  id: badItem.card_code,
+                  label: '内圈编码',
+                  value: badItem.material_code,
+                }
+                nqph = {
+                  id: badItem.card_code,
+                  label: '内圈批号',
+                  value: badItem.b2b_batch_number,
+                }
+                badList.push(nqbm, nqph)
+              } else if (badItem.category == '外圈') {
+                wqbh = {
+                  id: badItem.card_code,
+                  label: '外圈编码',
+                  value: badItem.material_code,
+                }
+                wqph = {
+                  id: badItem.card_code,
+                  label: '外圈批号',
+                  value: badItem.b2b_batch_number,
+                }
+                badList.push(nqbm, nqph, wqbh, wqph)
+              } else {
+                objbad = {
+                  id: badItem.card_code,
+                  label: badItem.category + '批号',
+                  value: badItem.b2b_batch_number,
+                }
+                if (badItem.category) {
+                  badList.push(objbad)
+                }
+              }
+            })
+          }
+
+          // 获取 badList[4] 以后项的 value 拼接成字符串
+          let badStr = badList
+            .slice(5)
+            .map((badItem: any) => {
+              let l = badItem.label
+              let v = badItem.value || ''
+              return l + ':' + v
+            })
+            .join(',')
+
           obj = {
             card_state: item.card_state,
             // 工厂类型：1：为尚工厂 | 2：成品工厂
             factoryType: item.is_finished_goods,
             r1c2: '装配标识卡',
             r1c3: '产品类别',
-            r1c4: item.material_code, // 产品类别
+            r1c4: item.category, // 产品类别
             r2c1: '成品编码',
             r2c2: item.material_code,
             r2c4: baseUrls + item.qr_code_path, // 二维码地址
             r3c1: '成品型号',
             r3c2: item.material_model,
             r4c1: '客户名称/代号',
-            r4c2: item.flow_lot_number,
+            r4c2: '',
             r5c1: '装配批次号',
-            r5c2: item.rework_count,
+            r5c2: item.flow_lot_number,
             r5c4: item.card_code, // 标识卡号
-            r6c1: '外圈编码',
-            r6c2: item.rework_process_names,
-            r6c3: '内圈编码',
-            r6c4: item.next_process_name,
-            r7c1: '外圈批号',
-            r7c2: item.report_user_name,
-            r7c3: '内圈批号',
-            r7c4: item.rework_check_user_name,
-            r8c1: '滚子批号',
-            r8c2: '',
-            r8c3: '密封件批号',
+
+            r6c1: '尺寸/游隙',
+            r6c2: '',
+            r6c3: '本工序',
+            r6c4: item.process_name,
+            r7c1: '下工序',
+            r7c2: item.next_process_code,
+            r7c3: '本箱数量',
+            r7c4: item.current_inventory,
+            r8c1: '操作员',
+            r8c2: item.report_user_name,
+            r8c3: '质检员',
             r8c4: '',
-            r9c1: '油脂批号',
-            r9c2: item.duty_team_name,
-            r9c3: '保持器批号',
-            r9c4: item.rework_dead_line,
-            r10c1: '密封件批号',
-            r10c2: item.deal_team_name,
-            r10c3: '尺寸/游隙',
-            r10c4: item.handling_method,
-            r11c1: '本工序',
-            r11c2: '',
-            r11c3: '下工序',
-            r11c4: '',
-            r12c1: '本箱数量',
-            r12c2: '',
-            r12c3: '操作员',
-            r12c4: '',
-            r13c1: '质检员',
-            r13c2: '',
-            r13c3: '生产日期',
-            r13c4: setDate(item.opt_time),
-            r14c1: '质检日期',
-            r14c: setDate(item.opt_time),
+            r9c1: '生产日期',
+            r9c2: setDate(item.product_date),
+            r9c3: '质检日期',
+            r9c4: '',
+            /** ----循环的数据-------------------------------- **/
+            r10c1: badList[0]?.label,
+            r10c2: badList[0]?.value,
+            r10c3: badList[1]?.label,
+            r10c4: badList[1]?.value,
+            r11c1: badList[2]?.label,
+            r11c2: badList[2]?.value,
+            r11c3: badList[3]?.label,
+            r11c4: badList[3]?.value,
+            r12c1: badList[4]?.label,
+            r12c2: badList[4]?.value,
+            r12c3: badList[5]?.label,
+            r12c4: badList[5]?.value,
+            r13c1: badList[6]?.label,
+            r13c2: badList[6]?.value,
+            r13c3: badList[7]?.label,
+            r13c4: badList[7]?.value,
+            r14c1: badList[8]?.label,
+            r14c2: badList[8]?.value,
+            r14c3: badList[9]?.label,
+            r14c4: badList[9]?.value,
             r15c1: '备注',
             r15c2: item.remark,
+            // r16c1: item.center_data[0]?.b2b_batch_number || '', // 条形码文本
           }
         }
         //  为尚工厂-装配标识卡（为尚工厂无装配标识卡）
@@ -711,11 +774,11 @@ export const cardPrint = (
 
         dataInfo.push(obj)
       })
-      console.log('dataInfo: ', dataInfo)
+      console.log('处理好的标识卡信息：', dataInfo)
       callback(dataInfo)
     })
-    .catch((err) => {
-      console.log('err: ', err)
+    .catch((err: any) => {
+      console.log('错误: ', err)
       callback([])
     })
 }