eoss-mobiles 0.3.95 → 0.3.97

package/packages/uploader/src/main.vue

@@ -1,31 +1,586 @@
-<template>
-  <van-uploader v-model="newValue" v-bind="$attrs" v-on="$listeners">
-    <template v-for="(index, name) in $slots" :slot="name">
-      <slot :name="name" />
-    </template>
-  </van-uploader>
-</template>
-
-<script>
-export default {
-  name: 'EmUploader',
-  props: {
-    value: {
-      type: Array,
-      default: () => []
-    }
-  },
-  computed: {
-    newValue: {
-      get() {
-        return this.value;
-      },
-      set(val) {
-        return val;
-      }
-    }
-  }
-};
-</script>
-
-<style></style>
+<template>
+  <van-uploader
+    v-model="fileList"
+    v-bind="$attrs"
+    v-on="$listeners"
+    :after-read="afterRead"
+    :accept="fileAccept"
+    :max-size="fileSize"
+    multiple
+    @oversize="onOversize"
+    @click-preview="handlePreview"
+    @delete="handleBeforeRemove"
+  >
+    <template v-for="(index, name) in $slots" :slot="name">
+      <slot :name="name" />
+    </template>
+  </van-uploader>
+</template>
+
+<script>
+import util from 'eoss-mobile/src/utils/util.js';
+import request from 'eoss-mobile/src/utils/http';
+import {
+  uploads,
+  getAdjunctProperties,
+  getAdjunctFileInfos,
+  previewAdjunct,
+  previewAdjunctOffice,
+  previewAdjunct2,
+  delAdjunct
+} from 'eoss-mobile/src/config/api.js';
+import axios from 'axios';
+import { ImagePreview } from 'vant';
+import { debounce } from 'throttle-debounce';
+export default {
+  name: 'EmUploader',
+  props: {
+    ownId: {
+      required: true,
+      type: String,
+      default: ''
+    },
+    code: {
+      required: true,
+      type: String,
+      default: ''
+    },
+    param: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    value: {
+      type: Array,
+      default: () => []
+    },
+    properties: {
+      type: String,
+      default() {
+        return getAdjunctProperties;
+      }
+    },
+    host: {
+      type: String,
+      default() {
+        return util.getStorage('host') ? util.getStorage('host') : '';
+      }
+    }
+  },
+  data() {
+    return {
+      showPreview: false,
+      images: [],
+      uploadUrl: '',
+      kkfileview: null,
+      fileAccept: '',
+      fileSize: 0,
+      filesTotalSize: 0,
+      dochubConfig: {},
+      fileList: [],
+      dochubConfig: {}
+    };
+  },
+  beforeCreate() {
+    this.getFiles = debounce(500, () => {
+      this.getFileLists();
+    });
+    this.getAdjunctPropertie = debounce(500, () => {
+      this.getAdjunctProperties();
+    });
+  },
+  created() {
+    const dochubConfig = sessionStorage.getItem('dochubConfig');
+    if (dochubConfig) {
+      this.dochubConfig = JSON.parse(dochubConfig);
+    }
+    this.getAdjunctPropertie();
+  },
+  computed: {
+    newValue: {
+      get() {
+        return this.fileList;
+      },
+      set(val) {
+        return val;
+      }
+    },
+    params() {
+      let params = { userId: util.getStorage('userId'), ...this.param };
+      if (this.code !== undefined) {
+        params.code = this.code;
+        params.bucketCode = this.code;
+      }
+      if (this.ownId !== undefined) {
+        params.ownId = this.ownId;
+        params.businessId = this.ownId;
+      }
+      return params;
+    }
+  },
+  methods: {
+    afterRead(file) {
+      file.status = 'uploading';
+      file.message = '上传中...';
+      this.handleFileUpload(file);
+      // this.fileList.push(file);
+    },
+    onOversize() {
+      this.$toast('文件大小超过限制');
+    },
+    //根据code获取附件参数配置
+    getAdjunctProperties() {
+      console.log('getAdjunctProperties');
+      if (this.code !== undefined) {
+        request({
+          method: 'get',
+          url: this.properties,
+          data: { code: this.code, ...this.param },
+          params: { code: this.code, ...this.param }
+        })
+          .then((res) => {
+            if (res.rCode === 0) {
+              if (res.results) {
+                this.excludeNames = res.results.excludeName;
+                if (res.results.fileTypeExtName) {
+                  let fileTypeExtName = res.results.fileTypeExtName.split(';');
+                  this.fileAccept = fileTypeExtName
+                    .filter((item) => {
+                      return item;
+                    })
+                    .join(',');
+                }
+                if (res.results.dochubConfig) {
+                  this.dochubConfig = res.results.dochubConfig;
+                  sessionStorage.setItem(
+                    'dochubConfig',
+                    JSON.stringify(res.results.dochubConfig)
+                  );
+                }
+                let url = this.dochubConfig.uploadDocumentUrl || uploads;
+                this.uploadUrl =
+                  url.indexOf(this.host) > -1 ? url : this.host + url;
+                if (res.results.kkViewRootPath) {
+                  this.kkfileview = res.results.kkViewRootPath;
+                }
+                this.fileSize = res.results.limitFileSize
+                  ? res.results.limitFileSize * 1024
+                  : 0;
+                // this.fileTotalSize = res.results.limitTotalSize;
+              }
+              this.getFiles();
+            }
+          })
+          .catch((err) => {
+            if (err.message && err.message !== 'canceled') {
+              this.$message.error(err.message);
+            }
+          });
+      }
+    },
+    getFileLists() {
+      // if (
+      //   !this.show ||
+      //   (this.fileList &&
+      //     Array.isArray(this.fileList) &&
+      //     this.fileList.length) ||
+      //   (this.requiredOwnId &&
+      //     !Object.prototype.hasOwnProperty.call(this.params, 'ownId'))
+      // ) {
+      //   return false;
+      // }
+      let url =
+        typeof this.fileList === 'string'
+          ? this.fileList
+          : this.dochubConfig.getDocumentList
+          ? this.dochubConfig.getDocumentList
+          : getAdjunctFileInfos;
+      request({
+        method: 'get',
+        url: url,
+        data: this.params,
+        params: this.params,
+        format: false
+      })
+        .then((res) => {
+          console.log('getFileLists');
+          if (res.rCode === 0) {
+            let lists = JSON.parse(JSON.stringify(res.results));
+            let filesTotalSize = 0;
+            lists.forEach((item) => {
+              if (
+                Object.prototype.hasOwnProperty.call(item, 'fileSize') &&
+                item.fileSize
+              ) {
+                filesTotalSize += parseFloat(item.fileSize, 10);
+              } else {
+                filesTotalSize += item.size
+                  ? Math.round((item.size / 1024) * 10) / 10
+                  : 0;
+              }
+            });
+            this.filesTotalSize = filesTotalSize;
+            if (lists.length) {
+              this.fileList = lists.map((item) => {
+                return { file: new File([], item.originalName), ...item };
+              });
+            }
+          } else {
+            let msg = res.msg || '系统错误，请联系管理员！';
+            this.$message.error(msg);
+          }
+        })
+        .catch((err) => {
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    openKkfileview(file) {
+      let host = util.win.location.origin;
+      if (this.host) {
+        if (util.startWith(this.host, 'http')) {
+          host = this.host;
+        } else {
+          host += this.host;
+        }
+      }
+      let url = encodeURIComponent(
+        Base64.encode(
+          host +
+            (typeof this.download === 'string'
+              ? this.download
+              : downloadByAdjunctId) +
+            `?adjunctId=${
+              file.adjunctId || file.response.adjunctId
+            }&fullfilename=${file.originalName}`
+        )
+      );
+      location.href = `${this.kkfileview}?url=${url}`;
+    },
+    handlePreview(res) {
+      console.log('res', res);
+      if (this.onPreview) {
+        this.onPreview(res);
+      } else {
+        let file = res.response ? res.response : res;
+        let url =
+          typeof this.preview === 'string'
+            ? this.preview
+            : typeof this.preview === 'function'
+            ? this.preview(file)
+            : null;
+        if (res.status === 'success' || res.status == 0) {
+          let suffix = file.suffix;
+          suffix = suffix.toLowerCase();
+          if (this.dochubConfig.previewDocumentUrl) {
+            if (
+              suffix.includes('jpeg') ||
+              suffix.includes('jpg') ||
+              suffix.includes('gif') ||
+              suffix.includes('png')
+            ) {
+              this.imgUrl =
+                res.url && util.startWith(url, ['http', '/', true])
+                  ? res.url
+                  : this.host +
+                    (url
+                      ? url
+                      : `${this.dochubConfig.downloadDocumentUrl}?documentId=${file.adjunctId}`);
+              this.title = file.originalName;
+              this.showImg = true;
+              this.$nextTick(() => {
+                this.loadImage();
+              });
+            } else if (suffix.includes('mp4')) {
+              this.source = {
+                src:
+                  this.host +
+                  (url
+                    ? url
+                    : `${this.dochubConfig.downloadDocumentUrl}?documentId=${file.adjunctId}`)
+              };
+              this.title = file.originalName;
+              this.showVideo = true;
+            } else {
+              location.href =
+                this.host +
+                (url
+                  ? url
+                  : `${this.dochubConfig.previewDocumentUrl}?documentId=${file.adjunctId}&action=附件预览`);
+            }
+          } else {
+            if (
+              suffix.includes('doc') ||
+              suffix.includes('docx') ||
+              suffix.includes('xls') ||
+              suffix.includes('xlsx') ||
+              suffix.includes('ppt')
+            ) {
+              if (this.kkfileview) {
+                this.openKkfileview(file);
+              } else {
+                location.href =
+                  this.host +
+                  (url ? url : previewAdjunctOffice) +
+                  '?cmd=view&bucketName=' +
+                  file.absolutePath +
+                  '&fileId=' +
+                  file.adjunctId +
+                  '&fileName=' +
+                  file.newName;
+              }
+            } else if (suffix.includes('pdf')) {
+              if (this.kkfileview) {
+                this.openKkfileview(file);
+              } else {
+                location.href =
+                  this.host +
+                  (url ? url : previewAdjunct2) +
+                  '/' +
+                  file.originalName +
+                  '?adjunctId=' +
+                  file.adjunctId;
+              }
+            } else if (
+              suffix.includes('jpeg') ||
+              suffix.includes('jpg') ||
+              suffix.includes('gif') ||
+              suffix.includes('png')
+            ) {
+              let imgUrl =
+                res.url && util.startWith(url, ['http', '/', true])
+                  ? res.url
+                  : this.host +
+                    (url ? url : previewAdjunct) +
+                    '?adjunctId=' +
+                    file.adjunctId;
+              this.title = file.originalName;
+              this.images = [imgUrl];
+              console.log('this.images', this.images);
+              ImagePreview({ iamges: this.images, closeable: true });
+            } else if (suffix.includes('mp4')) {
+              this.source = {
+                src:
+                  this.host +
+                  (url ? url : this.previewAdjunct) +
+                  '?adjunctId=' +
+                  file.adjunctId
+              };
+              this.title = file.originalName;
+              this.showVideo = true;
+            } else {
+              if (this.kkfileview) {
+                this.openKkfileview(file);
+              } else {
+                location.href =
+                  this.host +
+                  (url ? url : this.previewAdjunct) +
+                  '?adjunctId=' +
+                  file.adjunctId;
+              }
+            }
+          }
+        } else {
+          location.href = URL.createObjectURL(file.raw);
+        }
+      }
+    },
+    handleBeforeRemove(file) {
+      if (file && (file.status === 'success' || file.status == 0)) {
+        return this.$confirm('确定删除文件吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+          .then(() => {
+            if (file.status === 'success' || file.status == 0) {
+              let userName =
+                file.userName ||
+                (file.response && file.response.userName) ||
+                util.getStorage('userName');
+              // eslint-disable-next-line no-undef
+              return new Promise((resolve, reject) => {
+                let url =
+                  typeof this.deleted === 'string'
+                    ? this.deleted
+                    : this.remove === 'string'
+                    ? this.remove
+                    : this.dochubConfig.deleteDocumentUrl || delAdjunct;
+                request({
+                  method: 'get',
+                  url: url,
+                  data: {
+                    userName: userName,
+                    documentId: file.adjunctId || file.response.adjunctId,
+                    id: file.adjunctId || file.response.adjunctId
+                  },
+                  params: {
+                    userName: userName,
+                    documentId: file.adjunctId || file.response.adjunctId,
+                    id: file.adjunctId || file.response.adjunctId
+                  }
+                })
+                  .then((res) => {
+                    if (res.rCode === 0) {
+                      let se =
+                        this.filesTotalSize -
+                        Math.round((file.size / 1024) * 10) / 10;
+                      this.filesTotalSize = se;
+                      this.$message.success(res.msg);
+                      resolve();
+                    } else {
+                      let msg = res.msg || '系统错误，请联系管理员！';
+                      this.$message.error(msg);
+                      reject();
+                    }
+                  })
+                  .catch((err) => {
+                    if (err.message && err.message !== 'canceled') {
+                      this.$message.error(err.message);
+                    }
+                  });
+              });
+            }
+            return true;
+          })
+          .catch(() => {
+            return flag;
+          });
+      }
+    },
+    isLt(file) {
+      let flag = false;
+      let flieArr = file.name.split('.');
+      let suffix = '.' + flieArr[flieArr.length - 1].toLowerCase();
+      if (this.accepts) {
+        let accepts = this.accepts.toLowerCase().split(',');
+        flag = accepts.includes(suffix);
+        if (!flag) {
+          this.$message.error(`文件类型错误，请上传${this.accepts}类型文件!`);
+          return flag;
+        }
+      }
+      let size = this._size;
+      let text = '单个附件';
+      let se = Math.round((file.size / 1024) * 10) / 10;
+      if (this._size === 0 && this._totalSize === 0) {
+        flag = true;
+      } else if (this._size > 0 && this._totalSize === 0) {
+        flag = se < this._size;
+        size = this._size;
+        text = '单个附件';
+      } else if (this._size === 0 && this._totalSize > 0) {
+        flag = this.filesTotalSize + se < this._totalSize;
+        size = this._totalSize;
+        text = '附件总';
+      } else {
+        flag = se < this._size && this.filesTotalSize + se < this._totalSize;
+        if (se < this._size) {
+          size = this._size;
+          text = '单个附件';
+        } else {
+          size = this._totalSize;
+          text = '附件总';
+        }
+      }
+      if (!flag) {
+        this.$message.error(`上传${text}大小不能超过${size}KB!`);
+        return flag;
+      }
+      return flag;
+    },
+    // 处理文件上传
+    async handleFileUpload(file) {
+      const formData = new FormData();
+      formData.append('file', file.file);
+      formData.append('businessId', this.ownId);
+      formData.append('ownId', this.ownId);
+      formData.append('bucketCode', this.code);
+      formData.append('code', this.code);
+
+      let headers = {
+        authorization: util.getStorage('token'),
+        deviceId: util.getStorage('deviceId') || 'ceshi',
+        accept: '*/*'
+      };
+      await axios
+        .post(this.uploadUrl, formData, {
+          headers,
+          withCredentials: true
+        })
+        .then((response) => {
+          if (response.data.rCode == 0) {
+            console.log('response.data.rCode', response.data.rCode);
+            file.status = 'done';
+            file.message = '上传成功';
+            // 更新文件信息
+            this.$message({
+              type: 'success',
+              message: '文件上传成功！'
+            });
+          } else {
+            file.status = 'failed';
+            file.message = res.msg || '文件上传失败！';
+            this.$message({
+              type: 'error',
+              message: res.msg || '文件上传失败！'
+            });
+          }
+        })
+        .catch((error) => {
+          file.status = 'failed';
+          file.message = error.msg || '文件上传失败！';
+          this.$message({
+            type: 'error',
+            message: '文件上传过程中发生错误！'
+          });
+        });
+
+      // 使用原生fetch API上传文件
+      // await fetch(this.uploadUrl, {
+      //   method: 'POST',
+      //   body: formData,
+      //   credentials: 'include', // 包含cookies
+      //   headers: {
+      //     authorization: util.getStorage('token'),
+      //     deviceUnique:
+      //       util.getStorage('deviceUnique') ||
+      //       window.deviceUnique ||
+      //       '0ab1e29ea40d4ffea15702acf22a9104'
+      //   }
+      // })
+      //   // .then((response) => response.json())
+      //   .then((res) => {
+      //     console.log('res', res);
+      //     if (res.rCode == 0 && res.results) {
+      //       // 更新文件信息
+      //       this.$message({
+      //         type: 'success',
+      //         message: '文件上传成功！'
+      //       });
+      //     } else {
+      //       file.status = 'failed';
+      //       file.message = res.msg || '文件上传失败！';
+      //       this.$message({
+      //         type: 'error',
+      //         message: res.msg || '文件上传失败！'
+      //       });
+      //     }
+      //   })
+      //   .catch((error) => {
+      //     console.error('文件上传错误:', error);
+      //     file.status = 'failed';
+      //     file.message = res.msg || '文件上传失败！';
+      //     this.$message({
+      //       type: 'error',
+      //       message: '文件上传过程中发生错误！'
+      //     });
+      //   });
+    }
+  }
+};
+</script>
+
+<style></style>

package/src/config/api.js

@@ -170,3 +170,21 @@ export const saveCommonOpinion =
 export const addCommonOpion = '/bpm/commonOpinionsManager/add';
 // 直接办结
 export const endFlowHtml = flowPendingPrefix + '/task/taskHandle/endFlow.dhtml';
+// 附件相关
+export const getAdjunctProperties =
+  '/main2/mecpfileManagement/getAdjunctProperties'; // 获取附件扩展类型大小
+export const uploads = '/main2/mecpfileManagement/upload'; // 上传接口
+export const uploadOnlyOne = '/main2/mecpfileManagement/uploadOnlyOne'; // 上传接口(覆盖之前文件)
+export const getAdjunctFileInfos =
+  '/main2/mecpfileManagement/getAdjunctFileInfos'; // 附件列表
+export const uploadSort = '/main2/mecpfileManagement/sort'; // 根据附件的ids排序附件
+export const downloadByAdjunctId =
+  '/main2/mecpfileManagement/downloadByAdjunctId'; // 下载附件
+export const uploadDownloads = '/main2/mecpfileManagement/uploadDownloads'; // 批量下载//
+export const previewAdjunct = '/main2/mecpfileManagement/previewAdjunct'; // 预览附件
+export const previewAdjunct2 = '/main2/mecpfileManagement/previewAdjunct2/'; // 预览附件(带文件名)
+export const previewAdjunctOffice = '/document/webDocument/documentIndex.dhtml'; // 预览附件word excel ppt
+export const delAdjunct = '/main2/mecpfileManagement/delAdjunct'; // 删除附件
+export const upload_updateClassify = '/main2/mecpfileManagement/updateClassify'; // 根据附件id保存该附件的分类信息
+export const getDeleteAdjunctFileInfos =
+  '/main2/mecpfileManagement/getDeleteAdjunctFileInfos'; // 根据业务id和附件code获取相关已删除附件的元数据列表

package/src/index.js

@@ -105,7 +105,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 export default {
-  version: '0.3.95',
+  version: '0.3.97',
   install,
   Button,
   ButtonGroup,