eoss-ui 0.6.20 → 0.6.22

package/packages/upload/src/main.vue

@@ -1,1313 +1,1313 @@
-<template>
-  <el-upload
-    v-if="isRender && uploadUrl"
-    ref="upload"
-    v-bind="$attrs"
-    class="es-upload"
-    :list-type="listType"
-    :wait="1000"
-    :height="boxHeight"
-    :multiple="portrait ? false : multiple"
-    :action="uploadUrl"
-    :show-file-list="showList"
-    :file-list="lists"
-    :result-file="resultFile"
-    :disabled="isDisabled || isReadonly"
-    :readonly="isReadonly"
-    :class="[
-      {
-        'es-avatar-uploader': portrait && !$slots.default,
-        'es-upload-readonly': isReadonly && !downloads
-      },
-      'es-upload-' + listType
-    ]"
-    :previewAdjunct="host + previewAdjunct"
-    :headers="headers"
-    :data="datas"
-    :show-info="showList ? showInfo : []"
-    :auto-upload="autoUpload"
-    :response="true"
-    :operate="operate"
-    :accept="accepts"
-    :drag-sort="isSort"
-    :preview="preview"
-    :exclude="excludes"
-    :download="isDownload"
-    :deleted="isRemove"
-    :icons="_icons"
-    :picture="_picture"
-    :before-upload="handleBeforeUpload"
-    :before-remove="handleBeforeRemove"
-    :on-preview="handlePreview"
-    :on-downloads="handleDownloads"
-    :on-download="handleDownload"
-    :on-sort="handleSort"
-    :on-success="handleSuccess"
-    :on-change="handleChange"
-    :on-remove="handleRemove"
-    :on-error="handleError"
-  >
-    <template v-if="prepend">
-      <template v-if="Array.isArray(prepend)">
-        <el-button
-          v-for="(item, index) in prepend"
-          v-bind="{ ...item, size: btnSize }"
-          :key="index"
-          @click.stop="handleClick(item)"
-        >
-          {{ item.label || item.text }}
-        </el-button>
-      </template>
-      <el-button
-        v-else
-        v-bind="{ ...prepend, size: btnSize }"
-        @click.stop="handleClick(prepend)"
-      >
-        {{ prepend.label || prepend.text }}
-      </el-button>
-    </template>
-    <slot>
-      <expand-dom v-if="render" :render="render"></expand-dom>
-      <template v-else>
-        <template v-if="portrait">
-          <img
-            v-if="profile"
-            :src="profile"
-            class="avatar"
-            :style="{ width: width, height: height }"
-          />
-          <i
-            v-else
-            class="avatar-uploader-icon"
-            :class="{ 'el-icon-plus': !isReadonly, 'is-disabled': isDisabled }"
-            :style="{ width: width, height: height, lineHeight: height }"
-          ></i>
-        </template>
-        <template v-else>
-          <template v-if="!isReadonly">
-            <i
-              class="el-icon-plus es-uploader-icon"
-              :class="{ 'is-disabled': isDisabled }"
-              v-if="selectType === 'icon-plus'"
-            ></i>
-            <el-button
-              v-else
-              class="es-upload-button"
-              :class="icon"
-              :type="selectType"
-              :size="btnSize"
-              :disabled="isDisabled"
-              >{{
-                text ? text : autoUpload ? '点击上传' : '选择文件'
-              }}</el-button
-            >
-            <el-button
-              class="es-upload-button"
-              v-if="!autoUpload"
-              :type="uploadType"
-              :size="btnSize"
-              :disabled="isDisabled"
-              @click.stop="handleUpload"
-            >
-              上传文件
-            </el-button>
-          </template>
-          <el-button
-            v-if="showFileList && isDownloads"
-            slot="handle"
-            class="es-upload-button es-upload-downloads"
-            :size="btnSize"
-            @click.stop="handleDownloads"
-          >
-            批量下载
-          </el-button>
-        </template>
-      </template>
-    </slot>
-    <template v-if="append">
-      <template v-if="Array.isArray(append)">
-        <el-button
-          v-for="(item, index) in append"
-          v-bind="{ ...item, size: btnSize }"
-          :key="index"
-          @click.stop="handleClick(item)"
-        >
-          {{ item.label || item.text }}
-        </el-button>
-      </template>
-      <el-button
-        v-else
-        v-bind="{ ...append, size: btnSize }"
-        @click.stop="handleClick(append)"
-      >
-        {{ append.label || append.text }}
-      </el-button>
-    </template>
-    <template slot="tip">
-      <slot name="tip">
-        <div v-if="tips" class="el-upload__tip">{{ tips }}</div>
-      </slot>
-    </template>
-    <el-image-viewer
-      slot="dialog"
-      v-if="previewScale && showImg"
-      :z-index="9999"
-      :initial-index="0"
-      :url-list="[imgUrl]"
-      :on-close="closeViewer"
-    ></el-image-viewer>
-    <es-dialog v-else :title="title" :visible.sync="showImg" slot="dialog">
-      <div
-        v-loading="imgChange"
-        element-loading-background="rgba(0, 0, 0, 0.8)"
-        class="es-upload-dialog"
-      >
-        <img v-show="!imgChange" ref="showImg" :src="imgUrl" :style="styles" />
-      </div>
-    </es-dialog>
-    <es-dialog :title="title" :visible.sync="showVideo" slot="dialog">
-      <es-player
-        autoplay
-        type="video/mp4"
-        :is-pause="!showVideo"
-        :source="source"
-      ></es-player>
-    </es-dialog>
-  </el-upload>
-</template>
-<script>
-import {
-  getAdjunctProperties,
-  uploads,
-  uploadOnlyOne,
-  getAdjunctFileInfos,
-  uploadDownloads,
-  previewAdjunctOffice,
-  previewAdjunct,
-  previewAdjunct2,
-  uploadSort,
-  delAdjunct,
-  downloadByAdjunctId
-} from 'eoss-ui/src/config/api.js';
-import { debounce } from 'throttle-debounce';
-import util from 'eoss-ui/src/utils/util.js';
-import picture from './picture.js';
-import store from 'eoss-ui/src/utils/store';
-import { Base64 } from 'js-base64';
-export default {
-  name: 'EsUpload',
-  components: {
-    expandDom: {
-      functional: true,
-      props: {
-        render: [Function, String]
-      },
-      render: (h, ctx) => {
-        if (typeof ctx.props.render == 'string') {
-          try {
-            return util.toFunction(ctx.props.render)(h, params);
-          } catch (error) {
-            throw error;
-          }
-        }
-        return ctx.props.render(h);
-      }
-    }
-  },
-  inheritAttrs: false,
-  inject: {
-    elForm: {
-      default: ''
-    },
-    elFormItem: {
-      default: ''
-    }
-  },
-  props: {
-    prepend: [Array, Object],
-    append: [Array, Object],
-    render: Function,
-    template: String,
-    value: [String, Array, Object],
-    name: String,
-    method: {
-      type: String,
-      default: 'get'
-    },
-    text: String,
-    icon: String,
-    headers: {
-      type: Object,
-      default() {
-        return util.getStorage();
-      }
-    },
-    listType: {
-      type: String,
-      default: 'text' // text,picture,picture-card
-    },
-    operate: {
-      type: Boolean,
-      default: true
-    },
-    accept: String,
-    // 附件code
-    code: String,
-    // 业务id
-    ownId: String,
-    //附件文档id
-    documentId: String,
-    requiredOwnId: {
-      type: Boolean,
-      default: true
-    },
-    //
-    downloads: {
-      type: Boolean,
-      default: false
-    },
-    // 附件扩展编码
-    extendCode: String,
-    // 是否添加文件md5值
-    fileMd5: {
-      type: Boolean,
-      default: false
-    },
-    // 额外的参数
-    data: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    param: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    // 单文件大小
-    size: Number,
-    totalSize: Number,
-    // 是否头像模式上传
-    portrait: {
-      type: Boolean,
-      default: false
-    },
-    photo: [String, Boolean],
-    //头像按钮框宽度
-    width: String,
-    //头像按钮框高度度
-    height: String,
-    // 自定义的文字提示
-    tips: {
-      type: String,
-      default: ''
-    },
-    dragSort: {
-      type: Boolean,
-      default: false
-    },
-    // 上传成功后绑定到file的内容
-    showInfo: {
-      type: Array,
-      default() {
-        return ['uploadTime', 'fileSize', 'userName'];
-      }
-    },
-    // 上传地址
-    action: String,
-    // 自动上传
-    autoUpload: {
-      type: Boolean,
-      default: true
-    },
-    // 是否支持多选文件
-    multiple: {
-      type: Boolean,
-      default: true
-    },
-    // 显示文件列表
-    showFileList: {
-      type: Boolean,
-      default: true
-    },
-    // 上传的文件列表
-    fileList: [Array, String],
-    requestFiles: {
-      type: Boolean,
-      default: true
-    },
-    filesParam: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    state: {
-      type: Number,
-      default: 1
-    },
-    selectType: {
-      type: String,
-      default: 'primary'
-    },
-    uploadType: {
-      type: String,
-      default: 'success'
-    },
-    host: {
-      type: String,
-      default() {
-        return util.getStorage('host') ? util.getStorage('host') : '';
-      }
-    },
-    message: Object,
-    btnSize: {
-      type: String,
-      default: 'medium'
-    },
-    // 只读
-    readonly: {
-      type: Boolean,
-      default: false
-    },
-    disabled: Boolean,
-    preview: { type: [Boolean, String], default: true },
-    exclude: String,
-    download: { type: [Boolean, String], default: true },
-    deleted: { type: [Boolean, String], default: true },
-    remove: { type: [Boolean, String], default: true },
-    beforeUpload: Function,
-    onPreview: Function,
-    // 文件列表排序
-    onSort: Function,
-    beforeRemove: Function,
-    onDownloads: Function,
-    onDownload: Function,
-    onSort: Function,
-    onSuccess: Function,
-    onChange: Function,
-    onRemove: Function,
-    onError: Function,
-    dangerouslyUseHTMLString: Boolean,
-    fileCount: Number,
-    listHeight: String,
-    display: Boolean,
-    resultFile: {
-      type: Boolean,
-      default: true
-    },
-    properties: {
-      type: String,
-      default() {
-        return getAdjunctProperties;
-      }
-    },
-    icons: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    picture: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    previewScale: {
-      type: Boolean,
-      default: true
-    },
-    useCaseCode: String
-  },
-  data() {
-    return {
-      uploadUrl: this.action,
-      lists: [],
-      image: '',
-      fileAccept: '',
-      fileSize: 0,
-      fileTotalSize: 0,
-      filesTotalSize: 0,
-      showImg: false,
-      imgChange: false,
-      title: '',
-      imgUrl: '',
-      styles: {},
-      showVideo: false,
-      videoChange: false,
-      source: '',
-      excludeNames: '',
-      boxHeight: this.listHeight,
-      previewAdjunct: previewAdjunct,
-      kkfileview: null,
-      dochubConfig: {}
-    };
-  },
-  computed: {
-    isRender() {
-      let useCaseCodes = util.getStorage('useCaseCodes');
-      if (useCaseCodes && this.useCaseCode) {
-        return useCaseCodes.indexOf(this.useCaseCode) > -1;
-      }
-      return true;
-    },
-    _icons() {
-      return {
-        ppt: 'es-icon-ppt',
-        png: 'es-icon-picture',
-        gif: 'es-icon-picture',
-        jpg: 'es-icon-picture',
-        xls: 'es-icon-excel',
-        xlsx: 'es-icon-excel',
-        docx: 'es-icon-word',
-        doc: 'es-icon-word',
-        rar: 'es-icon-zip',
-        zip: 'es-icon-zip',
-        txt: 'es-icon-txt',
-        ipa: 'es-icon-ios',
-        apk: 'es-icon-android',
-        mp4: 'es-icon-video',
-        avi: 'es-icon-video',
-        mp3: 'es-icon-audioo',
-        wma: 'es-icon-audioo',
-        pdf: 'es-icon-pdf',
-        ...this.icons
-      };
-    },
-    _picture() {
-      return {
-        ...picture,
-        ...this.picture
-      };
-    },
-    show() {
-      if ((this.photo && typeof this.photo === 'string') || this.value) {
-        return false;
-      }
-      return this.showFileList;
-    },
-    excludes() {
-      return this.exclude ? this.exclude : this.excludeNames;
-    },
-    accepts() {
-      return this.accept
-        ? this.accept
-        : this.fileAccept
-        ? this.fileAccept
-        : this.portrait
-        ? 'image/*'
-        : undefined;
-    },
-    _size() {
-      return this.size ? this.size : this.fileSize ? this.fileSize : 0;
-    },
-    _totalSize() {
-      return this.totalSize
-        ? this.totalSize
-        : this.fileTotalSize
-        ? this.fileTotalSize
-        : 0;
-    },
-    getAdjunctFileInfos() {
-      return typeof this.fileList === 'string'
-        ? this.fileList
-        : getAdjunctFileInfos;
-    },
-    showList() {
-      return this.portrait ? false : this.showFileList;
-    },
-    isDownloads() {
-      return this.downloads;
-    },
-    isDownload() {
-      if (this.download) {
-        return true;
-      }
-      return false;
-    },
-    isDisabled() {
-      return this.disabled || (this.elForm || {}).disabled;
-    },
-    isReadonly() {
-      return this.readonly || (this.elForm || {}).readonly;
-    },
-    isRemove() {
-      if (this.remove == false || this.deleted == false) {
-        return false;
-      }
-      return true;
-    },
-    isSort() {
-      return this.dragSort && !this.isDisabled && this.isReadonly;
-    },
-    datas() {
-      if (this.data) {
-        return util.extend({}, this.data, this.params);
-      }
-      return this.params;
-    },
-    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;
-    },
-    showMessage() {
-      if (this.message !== undefined) {
-        return util.extend({}, { success: true, error: true }, this.message);
-      }
-      return { success: true, error: true };
-    },
-    profile() {
-      if (this.image) {
-        if (typeof this.image === 'string') {
-          return this.image;
-        }
-        return (
-          this.host + this.previewAdjunct + '?adjunctId=' + this.image.adjunctId
-        );
-      }
-      if (this.value) {
-        if (typeof this.value === 'string') {
-          if (this.value.indexOf('data:image/') === 0) {
-            return this.value;
-          } else if (this.value.indexOf(this.previewAdjunct) > -1) {
-            let val =
-              this.host +
-              util.jointUrl({
-                url: this.value,
-                reg: '/main2'
-              });
-            return val;
-          } else if (this.value.indexOf('/') === -1) {
-            return this.host + this.previewAdjunct + '?adjunctId=' + this.value;
-          }
-          return this.value;
-        } else if (Array.isArray(this.value)) {
-          let adjunctId = this.value[0].response
-            ? this.value[0].response.adjunctId
-            : this.value[0].adjunctId;
-          return this.host + this.previewAdjunct + '?adjunctId=' + adjunctId;
-        } else {
-          let adjunctId = this.value.response
-            ? this.value.response.adjunctId
-            : this.value.adjunctId;
-          return this.host + this.previewAdjunct + '?adjunctId=' + adjunctId;
-        }
-      }
-      if (this.photo && typeof this.photo === 'string') {
-        if (this.photo.indexOf('data:image/') === 0) {
-          return this.photo;
-        } else if (this.photo.indexOf(this.previewAdjunct) > -1) {
-          let val =
-            this.host +
-            util.jointUrl({
-              url: this.value,
-              reg: '/main2'
-            });
-          return val;
-        } else if (this.photo.indexOf('/') === -1) {
-          return this.host + this.previewAdjunct + '?adjunctId=' + this.photo;
-        }
-      }
-      return this.photo;
-    }
-  },
-  watch: {
-    fileList: {
-      immediate: true,
-      deep: true,
-      handler(val) {
-        if (Array.isArray(val) && val.length > 0) {
-          this.lists = val;
-          let filesTotalSize = 0;
-          val.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;
-          this.$emit('input', val);
-        }
-      }
-    },
-    value: {
-      immediate: true,
-      deep: true,
-      handler(val) {
-        if (val && typeof val === 'object' && this.showFileList) {
-          if (Array.isArray(val)) {
-            this.lists = val;
-          } else {
-            this.lists = [val];
-          }
-        }
-      }
-    },
-    params: {
-      deep: true,
-      handler(val) {
-        this.getFiles(val);
-      }
-    },
-    lists: {
-      deep: true,
-      handler(val) {
-        this.$emit('update:fileCount', val.length);
-      }
-    },
-    display(val) {
-      val && this.getHeight();
-    }
-  },
-  beforeCreate() {
-    this.getFiles = debounce(500, (params) => {
-      this.getFileLists(params);
-    });
-    this.getAdjunctPropertie = debounce(500, () => {
-      this.getAdjunctProperties();
-    });
-  },
-  created() {
-    const dochubConfig = sessionStorage.getItem('dochubConfig');
-    if (dochubConfig) {
-      this.dochubConfig = JSON.parse(dochubConfig);
-    }
-    this.getAdjunctPropertie();
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.getHeight();
-    });
-  },
-  methods: {
-    getHeight() {
-      if (this.height === 'auto') {
-        let pt =
-          parseInt(util.getStyle(this.$el.parentNode, 'padding-top'), 10) || 0;
-        let pb =
-          parseInt(util.getStyle(this.$el.parentNode, 'padding-bottom'), 10) ||
-          0;
-        let btn = this.$refs.upload
-          ? this.$refs.upload.$children[0].$el.offsetHeight || 0
-          : 0;
-        this.boxHeight =
-          this.$el.parentNode.offsetHeight - pt - pb - btn + 'px';
-      }
-    },
-    //根据code获取附件参数配置
-    getAdjunctProperties() {
-      if (this.code !== undefined) {
-        let config = store.get(this.code);
-        if (config) {
-          this.fileAccept = config.accept;
-          this.fileSize = config.size;
-          this.fileTotalSize = config.totalSize;
-          if (config.dochubConfig) {
-            this.dochubConfig = config.dochubConfig;
-          }
-
-          let url =
-            this.portrait || this.documentId
-              ? this.dochubConfig.reuploadDocumentUrl || uploadOnlyOne
-              : this.dochubConfig.uploadDocumentUrl || uploads;
-          this.uploadUrl = url.indexOf(this.host) > -1 ? url : this.host + url;
-          this.requestFiles && this.getFiles(this.params);
-        } else {
-          util
-            .ajax({
-              method: this.method,
-              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.portrait
-                    ? this.dochubConfig.reuploadDocumentUrl || uploadOnlyOne
-                    : 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
-                    : 0;
-                  this.fileTotalSize = res.results.limitTotalSize;
-                  store.set(this.code, {
-                    accept: this.fileAccept,
-                    size: this.fileSize,
-                    totalSize: this.fileTotalSize,
-                    dochubConfig: this.dochubConfig
-                  });
-                }
-                this.requestFiles && this.getFiles(this.params);
-              }
-            })
-            .catch((err) => {
-              if (err.message && err.message !== 'canceled') {
-                this.$message.error(err.message);
-              }
-            });
-        }
-      }
-    },
-    getFileLists(params) {
-      if (
-        !this.show ||
-        (this.fileList &&
-          Array.isArray(this.fileList) &&
-          this.fileList.length) ||
-        (this.requiredOwnId &&
-          !Object.prototype.hasOwnProperty.call(params, 'ownId'))
-      ) {
-        return false;
-      }
-      let url =
-        typeof this.fileList === 'string'
-          ? this.fileList
-          : this.dochubConfig.getDocumentList
-          ? this.dochubConfig.getDocumentList
-          : getAdjunctFileInfos;
-      util
-        .ajax({
-          method: this.method,
-          url: url,
-          data: params,
-          params: params,
-          format: false
-        })
-        .then((res) => {
-          if (res.rCode === 0) {
-            if (this.portrait === true) {
-              this.image = JSON.parse(JSON.stringify(res.results))[0];
-            } else {
-              this.lists = JSON.parse(JSON.stringify(res.results));
-              let filesTotalSize = 0;
-              this.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 (this.lists.length) {
-                this.$emit('input', this.lists);
-              }
-            }
-          } else {
-            let msg = res.msg || '系统错误，请联系管理员！';
-            this.$message.error(msg);
-          }
-        })
-        .catch((err) => {
-          if (err.message && err.message !== 'canceled') {
-            this.$message.error(err.message);
-          }
-        });
-    },
-    handleUpload() {
-      this.$refs.upload.submit();
-    },
-    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}`
-        )
-      );
-      util.win.open(`${this.kkfileview}?url=${url}`);
-    },
-    handlePreview(res) {
-      if (this.preview) {
-        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') {
-            let suffix = file.suffix;
-            suffix = suffix.toLowerCase();
-            if (this.dochubConfig.previewDocumentUrl) {
-              if (
-                suffix.includes('jpge') ||
-                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 {
-                util.win.open(
-                  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 {
-                  util.win.open(
-                    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 {
-                  util.win.open(
-                    this.host +
-                      (url ? url : previewAdjunct2) +
-                      '/' +
-                      file.originalName +
-                      '?adjunctId=' +
-                      file.adjunctId
-                  );
-                }
-              } else if (
-                suffix.includes('jpge') ||
-                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.previewAdjunct) +
-                      '?adjunctId=' +
-                      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.previewAdjunct) +
-                    '?adjunctId=' +
-                    file.adjunctId
-                };
-                this.title = file.originalName;
-                this.showVideo = true;
-              } else {
-                if (this.kkfileview) {
-                  this.openKkfileview(file);
-                } else {
-                  util.win.open(
-                    this.host +
-                      (url ? url : this.previewAdjunct) +
-                      '?adjunctId=' +
-                      file.adjunctId
-                  );
-                }
-              }
-            }
-          } else {
-            util.win.open(URL.createObjectURL(file.raw));
-          }
-        }
-      }
-    },
-    closeViewer() {
-      this.showImg = false;
-    },
-    loadImage() {
-      this.$refs.showImg &&
-        (this.$refs.showImg.onload = () => {
-          this.imgChange = false;
-          let w = this.$refs.showImg.naturalWidth;
-          let h = this.$refs.showImg.naturalHeight;
-          let pw = this.$refs.showImg.parentNode.offsetWidth;
-          let ph = this.$refs.showImg.parentNode.offsetHeight;
-          if (w / h > pw / ph) {
-            this.styles = { 'max-width': '100%' };
-          } else {
-            this.styles = { 'max-height': '100%' };
-          }
-          if (w < pw) {
-            this.styles.width = w + 'px';
-          }
-          if (h < ph) {
-            this.styles.height = h + 'px';
-          }
-        });
-    },
-    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;
-    },
-    handleBeforeUpload(file) {
-      const flag = this.isLt(file);
-      if (this.portrait) {
-        if (flag && this.beforeUpload) {
-          return this.beforeUpload(file);
-        }
-        return flag;
-      }
-      if (this.beforeUpload) {
-        if (flag) {
-          return this.beforeUpload(file);
-        }
-        return flag;
-      }
-      return flag;
-    },
-    handleBeforeRemove(file, fileList) {
-      if (file && file.status === 'success') {
-        return this.$confirm('确定删除文件吗?', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        })
-          .then(() => {
-            if (this.beforeRemove) {
-              return this.beforeRemove(file, fileList);
-            } else if (file.status === 'success') {
-              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;
-                util
-                  .ajax({
-                    method: this.method,
-                    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;
-          });
-      }
-    },
-    handleDownloads() {
-      let url =
-        typeof this.downloads === 'string'
-          ? this.downloads
-          : this.dochubConfig.compressDownloadDocumentUrl || uploadDownloads;
-      util.win.open(
-        this.host +
-          url +
-          '?ownId=' +
-          this.ownId +
-          '&code=' +
-          this.code +
-          (this.extendCode ? '&extendCode=' + this.extendCode : '')
-      );
-    },
-    handleDownload(file) {
-      if (file.status === 'success') {
-        let url =
-          typeof this.download === 'string'
-            ? this.download
-            : this.dochubConfig.downloadDocumentUrl || downloadByAdjunctId;
-        util.win.open(
-          this.host +
-            url +
-            '?adjunctId=' +
-            (file.adjunctId || file.response.adjunctId) +
-            '&documentId=' +
-            (file.adjunctId || file.response.adjunctId)
-        );
-      } else {
-        this.aLinkDownload(file);
-      }
-    },
-    handleClick(res) {
-      if (res.event && typeof res.event === 'function') {
-        res.event(res);
-      } else {
-        this.$emit('click', res);
-      }
-    },
-    aLinkDownload(file) {
-      var a = document.createElement('a');
-      let event = new MouseEvent('click');
-      a.href = URL.createObjectURL(file.raw);
-      a.download = file.name;
-      a.dispatchEvent(event);
-    },
-    handleSort(files) {
-      if (this.isSort) {
-        if (this.onSort) {
-          this.onSort(files);
-        } else {
-          let ids = files.map((item) => {
-            if (item.status === 'success') {
-              return item.adjunctId || item.response.adjunctId;
-            }
-          });
-          ids = ids.join(',');
-          util
-            .ajax({
-              method: this.method,
-              url: this.dochubConfig.sortDocumentsUrl || uploadSort,
-              data: {
-                ids: ids
-              },
-              params: {
-                ids: ids
-              }
-            })
-            .then((res) => {
-              if (res.rCode === 0) {
-                this.$message.success(res.msg);
-              } else {
-                let msg = res.msg || '系统错误，请联系管理员！';
-                this.$message.error(msg);
-              }
-            })
-            .catch((err) => {
-              if (err.message && err.message !== 'canceled') {
-                this.$message.error(err.message);
-              }
-            });
-        }
-      }
-    },
-    handleSuccess(response, file, fileList) {
-      if (this.portrait) {
-        this.image = URL.createObjectURL(file.raw);
-      }
-      if (this.showMessage.success) {
-        if (response.rCode) {
-          if (this.dangerouslyUseHTMLString) {
-            this.$alert(
-              response.msg ? response.msg : '上传失败：请联系管理员',
-              '提示',
-              {
-                dangerouslyUseHTMLString: true,
-                setHeight: response.msg
-              }
-            ).catch();
-          } else {
-            this.$message({
-              type: 'error',
-              message: response.msg || '成功！'
-            });
-          }
-        } else {
-          this.$message.success(response.msg);
-        }
-      }
-      let se =
-        this.filesTotalSize +
-        (this.resultFile ? Math.round((file.size / 1024) * 10) / 10 : 0);
-      this.filesTotalSize = se;
-      this.onSuccess &&
-        this.onSuccess(response, file, fileList, this.dochubConfig);
-      this.$emit('success', response, file, fileList, this.dochubConfig);
-      if (this.resultFile) {
-        if (this.portrait) {
-          this.$emit('input', file);
-        } else {
-          this.$emit('input', fileList);
-        }
-        if (this.elForm) {
-          this.elForm.clearValidate(this.name);
-        }
-      }
-    },
-    handleChange(file, fileList) {
-      this.$emit('change', fileList);
-      this.onChange && this.onChange(file, fileList);
-    },
-    handleRemove(file, fileList) {
-      this.$emit('input', fileList.length ? fileList : '');
-      this.$emit('remove', file, fileList);
-      this.$emit('change', fileList);
-      this.onRemove && this.onRemove(file, fileList);
-    },
-    handleError(err, file, fileList) {
-      if (this.showMessage.error) {
-        if (this.dangerouslyUseHTMLString) {
-          this.$alert(err.msg ? err.msg : '上传失败：请联系管理员', '提示', {
-            dangerouslyUseHTMLString: true,
-            setHeight: err.msg
-          }).catch();
-        } else {
-          this.$message({
-            type: 'error',
-            message: '上传失败：' + (err.msg ? err.msg : '请联系管理员')
-          });
-        }
-      }
-      this.$emit('error', err, file, fileList);
-      this.onError && this.onError(err, file, fileList);
-    }
-  }
-};
-</script>
+<template>
+  <el-upload
+    v-if="isRender && uploadUrl"
+    ref="upload"
+    v-bind="$attrs"
+    class="es-upload"
+    :list-type="listType"
+    :wait="1000"
+    :height="boxHeight"
+    :multiple="portrait ? false : multiple"
+    :action="uploadUrl"
+    :show-file-list="showList"
+    :file-list="lists"
+    :result-file="resultFile"
+    :disabled="isDisabled || isReadonly"
+    :readonly="isReadonly"
+    :class="[
+      {
+        'es-avatar-uploader': portrait && !$slots.default,
+        'es-upload-readonly': isReadonly && !downloads
+      },
+      'es-upload-' + listType
+    ]"
+    :previewAdjunct="host + previewAdjunct"
+    :headers="headers"
+    :data="datas"
+    :show-info="showList ? showInfo : []"
+    :auto-upload="autoUpload"
+    :response="true"
+    :operate="operate"
+    :accept="accepts"
+    :drag-sort="isSort"
+    :preview="preview"
+    :exclude="excludes"
+    :download="isDownload"
+    :deleted="isRemove"
+    :icons="_icons"
+    :picture="_picture"
+    :before-upload="handleBeforeUpload"
+    :before-remove="handleBeforeRemove"
+    :on-preview="handlePreview"
+    :on-downloads="handleDownloads"
+    :on-download="handleDownload"
+    :on-sort="handleSort"
+    :on-success="handleSuccess"
+    :on-change="handleChange"
+    :on-remove="handleRemove"
+    :on-error="handleError"
+  >
+    <template v-if="prepend">
+      <template v-if="Array.isArray(prepend)">
+        <el-button
+          v-for="(item, index) in prepend"
+          v-bind="{ ...item, size: btnSize }"
+          :key="index"
+          @click.stop="handleClick(item)"
+        >
+          {{ item.label || item.text }}
+        </el-button>
+      </template>
+      <el-button
+        v-else
+        v-bind="{ ...prepend, size: btnSize }"
+        @click.stop="handleClick(prepend)"
+      >
+        {{ prepend.label || prepend.text }}
+      </el-button>
+    </template>
+    <slot>
+      <expand-dom v-if="render" :render="render"></expand-dom>
+      <template v-else>
+        <template v-if="portrait">
+          <img
+            v-if="profile"
+            :src="profile"
+            class="avatar"
+            :style="{ width: width, height: height }"
+          />
+          <i
+            v-else
+            class="avatar-uploader-icon"
+            :class="{ 'el-icon-plus': !isReadonly, 'is-disabled': isDisabled }"
+            :style="{ width: width, height: height, lineHeight: height }"
+          ></i>
+        </template>
+        <template v-else>
+          <template v-if="!isReadonly">
+            <i
+              class="el-icon-plus es-uploader-icon"
+              :class="{ 'is-disabled': isDisabled }"
+              v-if="selectType === 'icon-plus'"
+            ></i>
+            <el-button
+              v-else
+              class="es-upload-button"
+              :class="icon"
+              :type="selectType"
+              :size="btnSize"
+              :disabled="isDisabled"
+              >{{
+                text ? text : autoUpload ? '点击上传' : '选择文件'
+              }}</el-button
+            >
+            <el-button
+              class="es-upload-button"
+              v-if="!autoUpload"
+              :type="uploadType"
+              :size="btnSize"
+              :disabled="isDisabled"
+              @click.stop="handleUpload"
+            >
+              上传文件
+            </el-button>
+          </template>
+          <el-button
+            v-if="showFileList && isDownloads"
+            slot="handle"
+            class="es-upload-button es-upload-downloads"
+            :size="btnSize"
+            @click.stop="handleDownloads"
+          >
+            批量下载
+          </el-button>
+        </template>
+      </template>
+    </slot>
+    <template v-if="append">
+      <template v-if="Array.isArray(append)">
+        <el-button
+          v-for="(item, index) in append"
+          v-bind="{ ...item, size: btnSize }"
+          :key="index"
+          @click.stop="handleClick(item)"
+        >
+          {{ item.label || item.text }}
+        </el-button>
+      </template>
+      <el-button
+        v-else
+        v-bind="{ ...append, size: btnSize }"
+        @click.stop="handleClick(append)"
+      >
+        {{ append.label || append.text }}
+      </el-button>
+    </template>
+    <template slot="tip">
+      <slot name="tip">
+        <div v-if="tips" class="el-upload__tip">{{ tips }}</div>
+      </slot>
+    </template>
+    <el-image-viewer
+      slot="dialog"
+      v-if="previewScale && showImg"
+      :z-index="9999"
+      :initial-index="0"
+      :url-list="[imgUrl]"
+      :on-close="closeViewer"
+    ></el-image-viewer>
+    <es-dialog v-else :title="title" :visible.sync="showImg" slot="dialog">
+      <div
+        v-loading="imgChange"
+        element-loading-background="rgba(0, 0, 0, 0.8)"
+        class="es-upload-dialog"
+      >
+        <img v-show="!imgChange" ref="showImg" :src="imgUrl" :style="styles" />
+      </div>
+    </es-dialog>
+    <es-dialog :title="title" :visible.sync="showVideo" slot="dialog">
+      <es-player
+        autoplay
+        type="video/mp4"
+        :is-pause="!showVideo"
+        :source="source"
+      ></es-player>
+    </es-dialog>
+  </el-upload>
+</template>
+<script>
+import {
+  getAdjunctProperties,
+  uploads,
+  uploadOnlyOne,
+  getAdjunctFileInfos,
+  uploadDownloads,
+  previewAdjunctOffice,
+  previewAdjunct,
+  previewAdjunct2,
+  uploadSort,
+  delAdjunct,
+  downloadByAdjunctId
+} from 'eoss-ui/src/config/api.js';
+import { debounce } from 'throttle-debounce';
+import util from 'eoss-ui/src/utils/util.js';
+import picture from './picture.js';
+import store from 'eoss-ui/src/utils/store';
+import { Base64 } from 'js-base64';
+export default {
+  name: 'EsUpload',
+  components: {
+    expandDom: {
+      functional: true,
+      props: {
+        render: [Function, String]
+      },
+      render: (h, ctx) => {
+        if (typeof ctx.props.render == 'string') {
+          try {
+            return util.toFunction(ctx.props.render)(h, params);
+          } catch (error) {
+            throw error;
+          }
+        }
+        return ctx.props.render(h);
+      }
+    }
+  },
+  inheritAttrs: false,
+  inject: {
+    elForm: {
+      default: ''
+    },
+    elFormItem: {
+      default: ''
+    }
+  },
+  props: {
+    prepend: [Array, Object],
+    append: [Array, Object],
+    render: Function,
+    template: String,
+    value: [String, Array, Object],
+    name: String,
+    method: {
+      type: String,
+      default: 'get'
+    },
+    text: String,
+    icon: String,
+    headers: {
+      type: Object,
+      default() {
+        return util.getStorage();
+      }
+    },
+    listType: {
+      type: String,
+      default: 'text' // text,picture,picture-card
+    },
+    operate: {
+      type: Boolean,
+      default: true
+    },
+    accept: String,
+    // 附件code
+    code: String,
+    // 业务id
+    ownId: String,
+    //附件文档id
+    documentId: String,
+    requiredOwnId: {
+      type: Boolean,
+      default: true
+    },
+    //
+    downloads: {
+      type: Boolean,
+      default: false
+    },
+    // 附件扩展编码
+    extendCode: String,
+    // 是否添加文件md5值
+    fileMd5: {
+      type: Boolean,
+      default: false
+    },
+    // 额外的参数
+    data: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    param: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    // 单文件大小
+    size: Number,
+    totalSize: Number,
+    // 是否头像模式上传
+    portrait: {
+      type: Boolean,
+      default: false
+    },
+    photo: [String, Boolean],
+    //头像按钮框宽度
+    width: String,
+    //头像按钮框高度度
+    height: String,
+    // 自定义的文字提示
+    tips: {
+      type: String,
+      default: ''
+    },
+    dragSort: {
+      type: Boolean,
+      default: false
+    },
+    // 上传成功后绑定到file的内容
+    showInfo: {
+      type: Array,
+      default() {
+        return ['uploadTime', 'fileSize', 'userName'];
+      }
+    },
+    // 上传地址
+    action: String,
+    // 自动上传
+    autoUpload: {
+      type: Boolean,
+      default: true
+    },
+    // 是否支持多选文件
+    multiple: {
+      type: Boolean,
+      default: true
+    },
+    // 显示文件列表
+    showFileList: {
+      type: Boolean,
+      default: true
+    },
+    // 上传的文件列表
+    fileList: [Array, String],
+    requestFiles: {
+      type: Boolean,
+      default: true
+    },
+    filesParam: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    state: {
+      type: Number,
+      default: 1
+    },
+    selectType: {
+      type: String,
+      default: 'primary'
+    },
+    uploadType: {
+      type: String,
+      default: 'success'
+    },
+    host: {
+      type: String,
+      default() {
+        return util.getStorage('host') ? util.getStorage('host') : '';
+      }
+    },
+    message: Object,
+    btnSize: {
+      type: String,
+      default: 'medium'
+    },
+    // 只读
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    disabled: Boolean,
+    preview: { type: [Boolean, String], default: true },
+    exclude: String,
+    download: { type: [Boolean, String], default: true },
+    deleted: { type: [Boolean, String], default: true },
+    remove: { type: [Boolean, String], default: true },
+    beforeUpload: Function,
+    onPreview: Function,
+    // 文件列表排序
+    onSort: Function,
+    beforeRemove: Function,
+    onDownloads: Function,
+    onDownload: Function,
+    onSort: Function,
+    onSuccess: Function,
+    onChange: Function,
+    onRemove: Function,
+    onError: Function,
+    dangerouslyUseHTMLString: Boolean,
+    fileCount: Number,
+    listHeight: String,
+    display: Boolean,
+    resultFile: {
+      type: Boolean,
+      default: true
+    },
+    properties: {
+      type: String,
+      default() {
+        return getAdjunctProperties;
+      }
+    },
+    icons: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    picture: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    previewScale: {
+      type: Boolean,
+      default: true
+    },
+    useCaseCode: String
+  },
+  data() {
+    return {
+      uploadUrl: this.action,
+      lists: [],
+      image: '',
+      fileAccept: '',
+      fileSize: 0,
+      fileTotalSize: 0,
+      filesTotalSize: 0,
+      showImg: false,
+      imgChange: false,
+      title: '',
+      imgUrl: '',
+      styles: {},
+      showVideo: false,
+      videoChange: false,
+      source: '',
+      excludeNames: '',
+      boxHeight: this.listHeight,
+      previewAdjunct: previewAdjunct,
+      kkfileview: null,
+      dochubConfig: {}
+    };
+  },
+  computed: {
+    isRender() {
+      let useCaseCodes = util.getStorage('useCaseCodes');
+      if (useCaseCodes && this.useCaseCode) {
+        return useCaseCodes.indexOf(this.useCaseCode) > -1;
+      }
+      return true;
+    },
+    _icons() {
+      return {
+        ppt: 'es-icon-ppt',
+        png: 'es-icon-picture',
+        gif: 'es-icon-picture',
+        jpg: 'es-icon-picture',
+        xls: 'es-icon-excel',
+        xlsx: 'es-icon-excel',
+        docx: 'es-icon-word',
+        doc: 'es-icon-word',
+        rar: 'es-icon-zip',
+        zip: 'es-icon-zip',
+        txt: 'es-icon-txt',
+        ipa: 'es-icon-ios',
+        apk: 'es-icon-android',
+        mp4: 'es-icon-video',
+        avi: 'es-icon-video',
+        mp3: 'es-icon-audioo',
+        wma: 'es-icon-audioo',
+        pdf: 'es-icon-pdf',
+        ...this.icons
+      };
+    },
+    _picture() {
+      return {
+        ...picture,
+        ...this.picture
+      };
+    },
+    show() {
+      if ((this.photo && typeof this.photo === 'string') || this.value) {
+        return false;
+      }
+      return this.showFileList;
+    },
+    excludes() {
+      return this.exclude ? this.exclude : this.excludeNames;
+    },
+    accepts() {
+      return this.accept
+        ? this.accept
+        : this.fileAccept
+        ? this.fileAccept
+        : this.portrait
+        ? 'image/*'
+        : undefined;
+    },
+    _size() {
+      return this.size ? this.size : this.fileSize ? this.fileSize : 0;
+    },
+    _totalSize() {
+      return this.totalSize
+        ? this.totalSize
+        : this.fileTotalSize
+        ? this.fileTotalSize
+        : 0;
+    },
+    getAdjunctFileInfos() {
+      return typeof this.fileList === 'string'
+        ? this.fileList
+        : getAdjunctFileInfos;
+    },
+    showList() {
+      return this.portrait ? false : this.showFileList;
+    },
+    isDownloads() {
+      return this.downloads;
+    },
+    isDownload() {
+      if (this.download) {
+        return true;
+      }
+      return false;
+    },
+    isDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    },
+    isReadonly() {
+      return this.readonly || (this.elForm || {}).readonly;
+    },
+    isRemove() {
+      if (this.remove == false || this.deleted == false) {
+        return false;
+      }
+      return true;
+    },
+    isSort() {
+      return this.dragSort && !this.isDisabled && this.isReadonly;
+    },
+    datas() {
+      if (this.data) {
+        return util.extend({}, this.data, this.params);
+      }
+      return this.params;
+    },
+    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;
+    },
+    showMessage() {
+      if (this.message !== undefined) {
+        return util.extend({}, { success: true, error: true }, this.message);
+      }
+      return { success: true, error: true };
+    },
+    profile() {
+      if (this.image) {
+        if (typeof this.image === 'string') {
+          return this.image;
+        }
+        return (
+          this.host + this.previewAdjunct + '?adjunctId=' + this.image.adjunctId
+        );
+      }
+      if (this.value) {
+        if (typeof this.value === 'string') {
+          if (this.value.indexOf('data:image/') === 0) {
+            return this.value;
+          } else if (this.value.indexOf(this.previewAdjunct) > -1) {
+            let val =
+              this.host +
+              util.jointUrl({
+                url: this.value,
+                reg: '/main2'
+              });
+            return val;
+          } else if (this.value.indexOf('/') === -1) {
+            return this.host + this.previewAdjunct + '?adjunctId=' + this.value;
+          }
+          return this.value;
+        } else if (Array.isArray(this.value)) {
+          let adjunctId = this.value[0].response
+            ? this.value[0].response.adjunctId
+            : this.value[0].adjunctId;
+          return this.host + this.previewAdjunct + '?adjunctId=' + adjunctId;
+        } else {
+          let adjunctId = this.value.response
+            ? this.value.response.adjunctId
+            : this.value.adjunctId;
+          return this.host + this.previewAdjunct + '?adjunctId=' + adjunctId;
+        }
+      }
+      if (this.photo && typeof this.photo === 'string') {
+        if (this.photo.indexOf('data:image/') === 0) {
+          return this.photo;
+        } else if (this.photo.indexOf(this.previewAdjunct) > -1) {
+          let val =
+            this.host +
+            util.jointUrl({
+              url: this.value,
+              reg: '/main2'
+            });
+          return val;
+        } else if (this.photo.indexOf('/') === -1) {
+          return this.host + this.previewAdjunct + '?adjunctId=' + this.photo;
+        }
+      }
+      return this.photo;
+    }
+  },
+  watch: {
+    fileList: {
+      immediate: true,
+      deep: true,
+      handler(val) {
+        if (Array.isArray(val) && val.length > 0) {
+          this.lists = val;
+          let filesTotalSize = 0;
+          val.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;
+          this.$emit('input', val);
+        }
+      }
+    },
+    value: {
+      immediate: true,
+      deep: true,
+      handler(val) {
+        if (val && typeof val === 'object' && this.showFileList) {
+          if (Array.isArray(val)) {
+            this.lists = val;
+          } else {
+            this.lists = [val];
+          }
+        }
+      }
+    },
+    params: {
+      deep: true,
+      handler(val) {
+        this.getFiles(val);
+      }
+    },
+    lists: {
+      deep: true,
+      handler(val) {
+        this.$emit('update:fileCount', val.length);
+      }
+    },
+    display(val) {
+      val && this.getHeight();
+    }
+  },
+  beforeCreate() {
+    this.getFiles = debounce(500, (params) => {
+      this.getFileLists(params);
+    });
+    this.getAdjunctPropertie = debounce(500, () => {
+      this.getAdjunctProperties();
+    });
+  },
+  created() {
+    const dochubConfig = sessionStorage.getItem('dochubConfig');
+    if (dochubConfig) {
+      this.dochubConfig = JSON.parse(dochubConfig);
+    }
+    this.getAdjunctPropertie();
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.getHeight();
+    });
+  },
+  methods: {
+    getHeight() {
+      if (this.height === 'auto') {
+        let pt =
+          parseInt(util.getStyle(this.$el.parentNode, 'padding-top'), 10) || 0;
+        let pb =
+          parseInt(util.getStyle(this.$el.parentNode, 'padding-bottom'), 10) ||
+          0;
+        let btn = this.$refs.upload
+          ? this.$refs.upload.$children[0].$el.offsetHeight || 0
+          : 0;
+        this.boxHeight =
+          this.$el.parentNode.offsetHeight - pt - pb - btn + 'px';
+      }
+    },
+    //根据code获取附件参数配置
+    getAdjunctProperties() {
+      if (this.code !== undefined) {
+        let config = store.get(this.code);
+        if (config) {
+          this.fileAccept = config.accept;
+          this.fileSize = config.size;
+          this.fileTotalSize = config.totalSize;
+          if (config.dochubConfig) {
+            this.dochubConfig = config.dochubConfig;
+          }
+
+          let url =
+            this.portrait || this.documentId
+              ? this.dochubConfig.reuploadDocumentUrl || uploadOnlyOne
+              : this.dochubConfig.uploadDocumentUrl || uploads;
+          this.uploadUrl = url.indexOf(this.host) > -1 ? url : this.host + url;
+          this.requestFiles && this.getFiles(this.params);
+        } else {
+          util
+            .ajax({
+              method: this.method,
+              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.portrait
+                    ? this.dochubConfig.reuploadDocumentUrl || uploadOnlyOne
+                    : 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
+                    : 0;
+                  this.fileTotalSize = res.results.limitTotalSize;
+                  store.set(this.code, {
+                    accept: this.fileAccept,
+                    size: this.fileSize,
+                    totalSize: this.fileTotalSize,
+                    dochubConfig: this.dochubConfig
+                  });
+                }
+                this.requestFiles && this.getFiles(this.params);
+              }
+            })
+            .catch((err) => {
+              if (err.message && err.message !== 'canceled') {
+                this.$message.error(err.message);
+              }
+            });
+        }
+      }
+    },
+    getFileLists(params) {
+      if (
+        !this.show ||
+        (this.fileList &&
+          Array.isArray(this.fileList) &&
+          this.fileList.length) ||
+        (this.requiredOwnId &&
+          !Object.prototype.hasOwnProperty.call(params, 'ownId'))
+      ) {
+        return false;
+      }
+      let url =
+        typeof this.fileList === 'string'
+          ? this.fileList
+          : this.dochubConfig.getDocumentList
+          ? this.dochubConfig.getDocumentList
+          : getAdjunctFileInfos;
+      util
+        .ajax({
+          method: this.method,
+          url: url,
+          data: params,
+          params: params,
+          format: false
+        })
+        .then((res) => {
+          if (res.rCode === 0) {
+            if (this.portrait === true) {
+              this.image = JSON.parse(JSON.stringify(res.results))[0];
+            } else {
+              this.lists = JSON.parse(JSON.stringify(res.results));
+              let filesTotalSize = 0;
+              this.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 (this.lists.length) {
+                this.$emit('input', this.lists);
+              }
+            }
+          } else {
+            let msg = res.msg || '系统错误，请联系管理员！';
+            this.$message.error(msg);
+          }
+        })
+        .catch((err) => {
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    handleUpload() {
+      this.$refs.upload.submit();
+    },
+    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}`
+        )
+      );
+      util.win.open(`${this.kkfileview}?url=${url}`);
+    },
+    handlePreview(res) {
+      if (this.preview) {
+        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') {
+            let suffix = file.suffix;
+            suffix = suffix.toLowerCase();
+            if (this.dochubConfig.previewDocumentUrl) {
+              if (
+                suffix.includes('jpge') ||
+                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 {
+                util.win.open(
+                  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 {
+                  util.win.open(
+                    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 {
+                  util.win.open(
+                    this.host +
+                      (url ? url : previewAdjunct2) +
+                      '/' +
+                      file.originalName +
+                      '?adjunctId=' +
+                      file.adjunctId
+                  );
+                }
+              } else if (
+                suffix.includes('jpge') ||
+                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.previewAdjunct) +
+                      '?adjunctId=' +
+                      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.previewAdjunct) +
+                    '?adjunctId=' +
+                    file.adjunctId
+                };
+                this.title = file.originalName;
+                this.showVideo = true;
+              } else {
+                if (this.kkfileview) {
+                  this.openKkfileview(file);
+                } else {
+                  util.win.open(
+                    this.host +
+                      (url ? url : this.previewAdjunct) +
+                      '?adjunctId=' +
+                      file.adjunctId
+                  );
+                }
+              }
+            }
+          } else {
+            util.win.open(URL.createObjectURL(file.raw));
+          }
+        }
+      }
+    },
+    closeViewer() {
+      this.showImg = false;
+    },
+    loadImage() {
+      this.$refs.showImg &&
+        (this.$refs.showImg.onload = () => {
+          this.imgChange = false;
+          let w = this.$refs.showImg.naturalWidth;
+          let h = this.$refs.showImg.naturalHeight;
+          let pw = this.$refs.showImg.parentNode.offsetWidth;
+          let ph = this.$refs.showImg.parentNode.offsetHeight;
+          if (w / h > pw / ph) {
+            this.styles = { 'max-width': '100%' };
+          } else {
+            this.styles = { 'max-height': '100%' };
+          }
+          if (w < pw) {
+            this.styles.width = w + 'px';
+          }
+          if (h < ph) {
+            this.styles.height = h + 'px';
+          }
+        });
+    },
+    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;
+    },
+    handleBeforeUpload(file) {
+      const flag = this.isLt(file);
+      if (this.portrait) {
+        if (flag && this.beforeUpload) {
+          return this.beforeUpload(file);
+        }
+        return flag;
+      }
+      if (this.beforeUpload) {
+        if (flag) {
+          return this.beforeUpload(file);
+        }
+        return flag;
+      }
+      return flag;
+    },
+    handleBeforeRemove(file, fileList) {
+      if (file && file.status === 'success') {
+        return this.$confirm('确定删除文件吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+          .then(() => {
+            if (this.beforeRemove) {
+              return this.beforeRemove(file, fileList);
+            } else if (file.status === 'success') {
+              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;
+                util
+                  .ajax({
+                    method: this.method,
+                    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;
+          });
+      }
+    },
+    handleDownloads() {
+      let url =
+        typeof this.downloads === 'string'
+          ? this.downloads
+          : this.dochubConfig.compressDownloadDocumentUrl || uploadDownloads;
+      util.win.open(
+        this.host +
+          url +
+          '?ownId=' +
+          this.ownId +
+          '&code=' +
+          this.code +
+          (this.extendCode ? '&extendCode=' + this.extendCode : '')
+      );
+    },
+    handleDownload(file) {
+      if (file.status === 'success') {
+        let url =
+          typeof this.download === 'string'
+            ? this.download
+            : this.dochubConfig.downloadDocumentUrl || downloadByAdjunctId;
+        util.win.open(
+          this.host +
+            url +
+            '?adjunctId=' +
+            (file.adjunctId || file.response.adjunctId) +
+            '&documentId=' +
+            (file.adjunctId || file.response.adjunctId)
+        );
+      } else {
+        this.aLinkDownload(file);
+      }
+    },
+    handleClick(res) {
+      if (res.event && typeof res.event === 'function') {
+        res.event(res);
+      } else {
+        this.$emit('click', res);
+      }
+    },
+    aLinkDownload(file) {
+      var a = document.createElement('a');
+      let event = new MouseEvent('click');
+      a.href = URL.createObjectURL(file.raw);
+      a.download = file.name;
+      a.dispatchEvent(event);
+    },
+    handleSort(files) {
+      if (this.isSort) {
+        if (this.onSort) {
+          this.onSort(files);
+        } else {
+          let ids = files.map((item) => {
+            if (item.status === 'success') {
+              return item.adjunctId || item.response.adjunctId;
+            }
+          });
+          ids = ids.join(',');
+          util
+            .ajax({
+              method: this.method,
+              url: this.dochubConfig.sortDocumentsUrl || uploadSort,
+              data: {
+                ids: ids
+              },
+              params: {
+                ids: ids
+              }
+            })
+            .then((res) => {
+              if (res.rCode === 0) {
+                this.$message.success(res.msg);
+              } else {
+                let msg = res.msg || '系统错误，请联系管理员！';
+                this.$message.error(msg);
+              }
+            })
+            .catch((err) => {
+              if (err.message && err.message !== 'canceled') {
+                this.$message.error(err.message);
+              }
+            });
+        }
+      }
+    },
+    handleSuccess(response, file, fileList) {
+      if (this.portrait) {
+        this.image = URL.createObjectURL(file.raw);
+      }
+      if (this.showMessage.success) {
+        if (response.rCode) {
+          if (this.dangerouslyUseHTMLString) {
+            this.$alert(
+              response.msg ? response.msg : '上传失败：请联系管理员',
+              '提示',
+              {
+                dangerouslyUseHTMLString: true,
+                setHeight: response.msg
+              }
+            ).catch();
+          } else {
+            this.$message({
+              type: 'error',
+              message: response.msg || '成功！'
+            });
+          }
+        } else {
+          this.$message.success(response.msg);
+        }
+      }
+      let se =
+        this.filesTotalSize +
+        (this.resultFile ? Math.round((file.size / 1024) * 10) / 10 : 0);
+      this.filesTotalSize = se;
+      this.onSuccess &&
+        this.onSuccess(response, file, fileList, this.dochubConfig);
+      this.$emit('success', response, file, fileList, this.dochubConfig);
+      if (this.resultFile) {
+        if (this.portrait) {
+          this.$emit('input', file);
+        } else {
+          this.$emit('input', fileList);
+        }
+        if (this.elForm) {
+          this.elForm.clearValidate(this.name);
+        }
+      }
+    },
+    handleChange(file, fileList) {
+      this.$emit('change', fileList);
+      this.onChange && this.onChange(file, fileList);
+    },
+    handleRemove(file, fileList) {
+      this.$emit('input', fileList.length ? fileList : '');
+      this.$emit('remove', file, fileList);
+      this.$emit('change', fileList);
+      this.onRemove && this.onRemove(file, fileList);
+    },
+    handleError(err, file, fileList) {
+      if (this.showMessage.error) {
+        if (this.dangerouslyUseHTMLString) {
+          this.$alert(err.msg ? err.msg : '上传失败：请联系管理员', '提示', {
+            dangerouslyUseHTMLString: true,
+            setHeight: err.msg
+          }).catch();
+        } else {
+          this.$message({
+            type: 'error',
+            message: '上传失败：' + (err.msg ? err.msg : '请联系管理员')
+          });
+        }
+      }
+      this.$emit('error', err, file, fileList);
+      this.onError && this.onError(err, file, fileList);
+    }
+  }
+};
+</script>