gcs-ui-lib 1.1.433

package/packages/DynamicForm/src/fileUpload.js

@@ -0,0 +1,232 @@
+import axios from "axios";
+import { getToken } from "@/utils/auth";
+import { randomString } from "@/utils";
+import { getByBussValue, getUploadedFile } from "@/api/fileApi.js";
+let token = getToken();
+// NEW_PRODUCT("新增产品","invest_041001001"),
+// DEPOSIT_APPLY("存入申请","invest_041002001"),
+// DEPOSIT_REGISTER("存款登记","invest_041003001"),
+// TRADING_APPLY("交易申请",""),
+// TRADING_REGISTER("交易登记",""),
+// AGREEMENT_APPLY("协定申请","invest_041006001"),
+// AGREEMENT_REGISTER("协定登记","invest_041007001"),
+// TRADING_REGISTER_MODIFY("交易登记-修改",""),
+// TRADING_REGISTER_DELETE("交易登记-删除",""),
+// INFORMATION_CORRECTION("信息修正","invest_041009001"),
+// DUE_PROCESSING("到期处理","invest_041010001"),
+// DEPOSIT_ABANDON("存款废弃",""),
+// ASSOCIATED_BUSINESS("关联业务",""),
+// OPEN_POSITION_APPLY("建仓申请","invest_041011001"),
+// OPEN_POSITION_REGISTER("建仓登记","invest_041012001"),
+// HOLD_POSITION_ABANDON("持仓废弃",""),
+// INCOME_WITHHOLDING("收益预提","invest_041013001"),
+export const fileUploadTableMixin = {
+  data() {
+    return {
+      fileUploadTableData: [],
+      fileAction: "/api/neams/eamsbaserecord/save",
+      seeTypes: /\.jpg|\.png|\.gif|\.pdf|\.swf|\.xls|\.xlsx|\.docx|\.doc$/i,
+      dataPorp: {
+        // 可选文件类型 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file
+        fileAccept: ".rar,.zip,.doc,.docx,.pdf,image/*,.xls,.xlsx",
+        typeOptions: [],
+      },
+      // uploadParam: {
+      //   syscode: "",
+      //   appno: "",
+      //   bussValue: "",
+      //   attno: "",
+      //   bussId: null,
+      // },
+    }
+
+  },
+  methods: {
+    addRow() {
+      // 自行添加
+      this.fileUploadTableData.splice(0, 0, {
+        id: "n" + Math.random(),
+        type: "",
+        name: "",
+        time: "",
+        user: "",
+        _fileData: {
+          /* 上传时附带的额外参数 */
+        },
+      });
+    },
+    downRows(rows) {
+      if (rows && rows.length == 0) return this.$message.error("请选择数据");
+      rows.map(item => {
+        axios({
+          method: "POST",
+          url: "/api/neams/eamsbaserecord/downloadFile",
+          responseType: "blob",
+          headers: {
+            charset: "utf-8",
+            Authorization: `Bearer ${token}`,
+            "Content-Type": "application/json",
+            // "Content-Type": "multipart/form-data",
+            timestamp: Date.now(),
+            OperationDesc: "yYarJp",
+            requestKey: randomString(16),
+          },
+          data: { beid: item.beid },
+        }).then((response) => {
+          let resp = response.data;
+          if (resp.type === "application/octet-stream") {
+            // const fileName = decodeURIComponent(sessionStorage.getItem('excelFileName'));
+            if (window.navigator && window.navigator.msSaveOrOpenBlob) {
+              const blob = new Blob([resp], {
+                type: "application/zip",
+              });
+              window.navigator.msSaveOrOpenBlob(blob, item.name);
+            } else {
+              /* 火狐谷歌的文件下载方式 */
+              const blob = new Blob([resp], {
+                type: "application/zip",
+              });
+              const url = window.URL.createObjectURL(blob);
+              const link = document.createElement("a");
+              link.href = url;
+              link.download = item.name; // 文件重命名
+              link.click();
+              URL.revokeObjectURL(url);
+            }
+            // resolve(response)
+          } else {
+            this.$message.error(this.$t(`common_w_0094`) + "!");
+          }
+        })
+        .catch((error) => this.$message.error(error));
+      })
+
+    },
+    deleteRows(rows) {
+      // 自行判断是不是可以删除并删除
+      rows.forEach((row) => {
+        let index = this.fileUploadTableData.findIndex((r) => r.id === row.id);
+        if (index > -1) {
+          this.fileUploadTableData.splice(index, 1);
+        }
+      });
+    },
+    // 如果不需要自定义上传方法,不用写此方法
+    uploadRequest(options, row) {
+      // row 在表格中单条上传,对应的当前行数据
+      /* 配置请求数据 */
+      let { file } = options;
+      let data = new FormData();
+      data.append("file", file);
+      data.append(
+        "data",
+        JSON.stringify({
+          syscode: this.uploadParam.syscode,
+          appno: this.uploadParam.appno, //模块名
+          bussValue: this.uploadParam.bussValue, // 业务品种
+          attno: row.type, // 附件类型
+          bussId: this.uploadParam.bussId, // 业务ID
+          cltno: JSON.parse(sessionStorage.getItem("userInfo")).cltNo,
+          memo: file.name,
+          recordname: file.name,
+          fileSize: file.size,
+        })
+      );
+      data.append(
+        "date",
+        // dayjs().format("YYYY-MM-DD HH:mm:ss") + ",2099-12-31 23:59:59"
+        "2022-01-01 00:00:00" + ",2099-12-31 23:59:59"
+      );
+      /* 设置一个回调Promise */
+      let por = new Promise((resolve, reject) => {
+        axios.post(`/api/neams/eamsbaserecord/batchSavejson`, data, {
+            headers: {
+              "Content-Type": "multipart/form-data",
+              charset: "utf-8",
+              timestamp: Date.now(),
+              Authorization: `Bearer ${token}`,
+              requestKey: randomString(16),
+              OperationDesc: "yYarJp",
+            },
+            loading: false,
+            noMsg: true,
+          })
+          .then(({ data }) => {
+            resolve(data); // 将返回值传递给上传组件
+          })
+          .catch((err) => {
+            reject(err)
+          });
+      });
+      return por;
+    },
+    // 获取附件类型
+    getByBussValueFn() {
+      getByBussValue({
+        bussValue: this.uploadParam.bussValue,
+      }).then((res) => {
+        this.dataPorp.typeOptions = (res || []).map((item) => {
+          item.type = item.attno;
+          item.label = item.attname;
+          return item;
+        });
+      });
+    },
+    // 获取附件信息
+    getUploadedFiles() {
+      getUploadedFile({
+        bussValue: this.uploadParam.bussValue,
+        bussId: this.uploadParam.bussId,
+      }).then((res) => {
+        this.fileUploadTableData =
+          (res || []).map((item) => {
+            item.type = item.attno;
+            item.name = item.memo || item.recordname;
+            item.time = item.uploadtime;
+            item.user = item.creator;
+            item.url = `/api/neams/eamsbaserecord/download/${item.beid}`;
+            item['_name'] = item.memo;
+            return item;
+          }) || [];
+      });
+    },
+    // 批量上传成功数据加入到表格后,设置其他自定义字段
+    onSuccess(file, row) {
+      let _fileData = file.response;
+      this.$set(row, "id", _fileData.data);
+      this.$set(
+        row,
+        "user",
+        JSON.parse(sessionStorage.getItem("User_Info")).userName
+      );
+      this.$set(row, "archiveId", _fileData.data);
+      this.$set(row, "beid", _fileData.data);
+    },
+    onRemove(file) {
+      if (file.status === "success") {
+        // 如果表格中存在这条数据则删除这条数据
+        let { beid } = file.response;
+        let i = this.fileUploadTableData.findIndex((d) => d.id === beid);
+        i !== -1 && this.fileUploadTableData.splice(i, 1);
+      }
+    },
+  },
+  // mounted() {
+  //   this.getByBussValueFn();
+  //   this.getUploadedFiles();
+  // },
+  watch: {
+    uploadParam: {
+      immediate: true,
+      deep: true,
+      handler(){
+        if(this.uploadParam.bussValue){
+          this.getByBussValueFn();
+        }
+        if(this.uploadParam.bussId){
+          this.getUploadedFiles();
+        }
+      }
+    }
+  },
+}