ci-plus 1.4.9 → 1.5.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ci-plus",
-  "version": "1.4.9",
+  "version": "1.5.1",
   "description": "ci组件库",
   "main": "./index.ts",
   "scripts": {
@@ -12,7 +12,7 @@
     "vue",
     "element-plus",
     "ui组件库二次封装",
-    "utils中新增一个文件下载的工具函数"
+    "标识卡模板中将下道工序改为显示名称"
   ],
   "type": "module",
   "author": {

package/src/utils/ajaxBox.ts

@@ -59,10 +59,102 @@ const downFileFn = function (blob: Blob | BlobPart, fileName: string) {
 
 }
 
+type Obj = {
+  [key: string]: any
+}
 const ajaxBox = {
   downFile: function (blob: Blob | BlobPart, fileName: string) {
     downFileFn(blob, fileName);
   },
+
+  // 下载文件
+  /**
+   * 下载文件函数
+   * @param fillAddress string 表示服务端接口url地址
+   * @param fileName string 下载后的文件名
+   * @param method  string  如果不想写get呢，你就写个null，但是你得写进去
+   * @param headers Object  请求头
+   * @param params  Object  请求参数
+   * 将给定的blob对象转换为文件，并提供一个下载链接以供用户下载。
+   * 如果blob对象是JSON格式，则尝试解析为JavaScript对象，并显示相应的错误消息。
+   * 如果解析失败，则直接以原始格式下载blob对象。
+   */
+
+
+  downFileFetch: function (fillAddress: string, fileName: string, method: string, headers: Obj, params: Obj, cbpercentage: Function) {
+    let options = {
+      method: method || 'GET',
+    }
+    // 判断请求是否为get请求，若是get请求，则将params参数拼接在url后面
+    if (method === 'GET') {
+      const queryString = new URLSearchParams(params).toString()
+      fillAddress = fillAddress + '?' + queryString
+    }
+    if (headers) {
+      options['headers'] = headers
+    }
+    if ((method === 'post' || method === 'POST') && params) {
+      options['body'] = JSON.stringify(params)
+    }
+
+    // 定义每次读取的数据块大小（字节）
+    let chunkSize = 10240 // 例如，10KB
+    // 如果在params中传递了chunkSize参数，则使用其值作为块大小
+    if (params && params.chunkSize) {
+      chunkSize = params.chunkSize
+    }
+    // 初始化已下载的字节数
+    let downloaded = 0
+    // 初始化 Blob 切片起始点
+    let start = 0
+
+    fetch(fillAddress, options)
+      .then((res) => {
+        // console.log('resssssss: ', res)
+        if (!res.ok) {
+          throw new Error('Network response was not ok')
+        }
+        return res.blob()
+      })
+      .then((blob) => {
+        // console.log('blob: ', blob)
+        const reader = new FileReader() // 创建 FileReader 对象
+        const readBlobInChunks = () => {
+          // 创建一个 Blob 切片，大小为 chunkSize
+          const chunkBlob = blob.slice(start, start + chunkSize)
+          start += chunkSize // 更新起始点
+          // 读取 Blob 切片
+          reader.readAsArrayBuffer(chunkBlob)
+          reader.onload = () => {
+            // 累加已下载的字节数
+            // downloaded += reader.result.byteLength
+            if (typeof reader.result === 'string' || reader.result === null) {
+              console.log('reader.result不为 ArrayBuffer');
+              // 处理字符串的情况，可能需要转换为 ArrayBuffer 或者其他处理逻辑
+            } else {
+              downloaded += reader.result.byteLength;
+            }
+            // 计算下载进度百分比
+            const total = blob.size
+            const progress = ((downloaded / total) * 100).toFixed(2)
+            cbpercentage && cbpercentage(progress) // 如果传递了获取下载进度的回调函数，则调用回调函数传递进度百分比
+            console.log(`下载进度: ${progress}%`)
+            // 如果还有数据未读取，则继续读取
+            if (start < total) {
+              readBlobInChunks()
+            } else {
+              console.log('下载完成.')
+              // 处理下载完成的数据，例如将其保存或显示
+              // downFileFn(blob, fileName)
+              downFileFn(blob, fileName)
+            }
+          }
+        }
+
+        readBlobInChunks()
+      })
+  }
+
   /*
     sendJSONP: function (url, callbackName, callback) {
       const script = document.createElement('script');
@@ -80,22 +172,37 @@ const ajaxBox = {
         delete window[callbackName];
       };
     },
+  */
+
+
 
-    downFileFetch: function (fillAddress, fileName, method, headers, params) {
-      let options = {
-        method: method || 'GET',
-      }
-      if (headers) {
-        options['headers'] = headers;
-      }
-      if ((method === 'post' || method === 'POST') && params) {
-        options['body'] = JSON.stringify(params)
-      }
-      fetch(fillAddress, options).then(res => res.blob()).then((blob) => {
-        downFileFn(blob, fileName);
-      });
-    }
-    */
 
 }
 export default ajaxBox;
+
+
+/**
+ * 使用下载示例
+const exportFile = () => {
+  let rowData = InventoryTableRef.value!.getSelectionRows()
+
+  const url = storageModule + 'storage_standing_book_batch_export_get/'
+  const headers = {
+    'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
+  }
+  const params = {
+    ids: JSON.stringify(rowData.map((v: { id: any }) => v.id)),
+    state: 1,
+    org_id: UserData.orgId,
+    storage_type: 'CAILIAO',
+  }
+
+  CiPlus.Fn.ajaxBox.downFileFetch(
+    url,
+    '材料库_库存台账数据.xlsx',
+    'GET',
+    headers,
+    params,
+  )
+}
+ */

package/src/utils/cardPrint.ts

@@ -171,7 +171,7 @@ export const cardPrint = (
             r5c4: item.card_code, // 标识卡号
             r6c2: item.center_data[0]?.tail_reason, // 尾料原因
             r7c2: item.process_name, // 本工序
-            r7c4: item.next_process_code, // 下工序
+            r7c4: item.next_process_name, // 下工序
             r8c2: item.current_inventory, // 本箱数量
             r8c4: item.opt_user_name, // 操作工/自检员
             r9c2: item.center_data[0]?.inspector, // 检验员
@@ -632,7 +632,7 @@ export const cardPrint = (
             r50c3: '本工序',
             r50c4: item.process_name,
             r51c1: '下工序',
-            r51c2: item.next_process_code,
+            r51c2: item.next_process_name,
             r51c3: '本箱数量',
             r51c4: item.current_inventory,
             r52c1: '操作员',