n20-common-lib 2.6.9 → 2.6.10-beta

package/src/components/ElectronicArchive/index.vue

@@ -0,0 +1,884 @@
+<template>
+  <div class="n20-ElectronicArchive">
+    <div class="flex-box flex-v flex-lr m-b-s">
+      <div>
+        <slot name="title">{{ '附件信息' | $lc }}</slot>
+      </div>
+      <div>
+        <slot v-if="!readonly" name="add-btn">
+          <el-button type="primary" size="mini" @click="addRow">{{ '新增' | $lc }}</el-button>
+        </slot>
+        <slot name="down-btn">
+          <el-button size="mini" plain @click="downRows">{{ '下载' | $lc }}</el-button>
+        </slot>
+        <slot v-if="!readonly" name="delete-btn">
+          <el-button type="danger" plain size="mini" @click="deleteRows">{{ '删除' | $lc }}</el-button>
+        </slot>
+      </div>
+    </div>
+    <el-table
+      :data="tableDataC"
+      :row-key="keys.rowKey"
+      border
+      @selection-change="(selection) => (selectionList = selection)"
+    >
+      <slot name="selection-column">
+        <el-table-column type="selection" width="50" align="center" />
+      </slot>
+      <template v-if="dataProp.slotHeader">
+        <el-table-column
+          v-for="item in dataProp.slotHeader"
+          :key="item.prop"
+          :label="item.label"
+          :prop="item.prop"
+          :align="item.align || 'center'"
+          :width="item.width || 'auto'"
+          :show-overflow-tooltip="item.showOverflowTooltip || item['show-overflow-tooltip']"
+        />
+      </template>
+      <template v-else>
+        <el-table-column :label="'业务类型' | $lc" :prop="keys.bussType">
+          <template v-slot:header="scope">
+            <slot name="bussType-header" :column="scope.column">{{ '业务类型' | $lc }}</slot>
+          </template>
+          <template v-slot="{ row }">
+            <slot name="type" :row="row">
+              <span v-if="readonly">{{ row[keys.bussType] | bussTypeFilter(bussTypeOptions) }}</span>
+              <el-select
+                v-else
+                v-model="row[keys.bussType]"
+                :disabled="row._bussTypeDisabled || row.readonly"
+                :placeholder="'请选择' | $lc"
+                @change="(val) => bussTypeChange(val, row)"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="item in bussTypeOptions"
+                  :key="item.bussValue"
+                  :disabled="item.disabled"
+                  :value="item.bussValue"
+                  :label="item.bussName"
+                />
+              </el-select>
+            </slot>
+          </template>
+        </el-table-column>
+        <el-table-column :label="'附件类型' | $lc" :prop="keys.type">
+          <template v-slot:header="scope">
+            <slot name="type-header" :column="scope.column">{{ '附件类型' | $lc }}</slot>
+          </template>
+          <template v-slot="{ row }">
+            <slot name="type" :row="row">
+              <span v-if="readonly">{{ row[keys.type] | typeFilter(typeOptions) }}</span>
+              <el-select
+                v-else
+                v-model="row[keys.type]"
+                :disabled="row._typeDisabled || row.readonly"
+                :placeholder="'请选择' | $lc"
+                style="width: 100%"
+                @change="(val) => handleTypeChange(val, row)"
+              >
+                <el-option
+                  v-for="item in typeOptions"
+                  :key="item.attno"
+                  :disabled="item.disabled"
+                  :value="item.attno"
+                  :label="item.attname"
+                />
+              </el-select>
+            </slot>
+          </template>
+        </el-table-column>
+        <el-table-column :label="'附件名称' | $lc" :prop="keys.name">
+          <template v-slot:header="scope">
+            <slot name="name-header" :column="scope.column">{{ '附件名称' | $lc }}</slot>
+          </template>
+          <template v-slot="{ row }">
+            <slot name="name" :row="row">
+              <span v-if="readonly">{{ row[keys.name] ? row[keys.name].replace(/\.[A-z0-9]+$/, '') : '' }}</span>
+              <el-input
+                v-else
+                :value="row[keys.name] ? row[keys.name].replace(/\.[A-z0-9]+$/, '') : ''"
+                disabled
+                :placeholder="'请输入' | $lc"
+              />
+            </slot>
+          </template>
+        </el-table-column>
+        <el-table-column v-if="readonly" :label="'附件上传' | $lc" :prop="keys.name">
+          <template v-slot:header="scope">
+            <slot name="upload-header" :column="scope.column">{{ '附件上传' | $lc }} </slot>
+          </template>
+          <template v-slot="{ row }">
+            <slot name="upload" :row="row">
+              {{ $options.filters.fileName(row, keys.url) || row[keys.name] }}
+            </slot>
+          </template>
+        </el-table-column>
+        <el-table-column v-if="!readonly" :label="'附件上传' | $lc">
+          <template v-slot:header="scope">
+            <slot name="upload-header" :column="scope.column">{{ '附件上传' | $lc }} </slot>
+          </template>
+          <template v-slot="{ row, $index }">
+            <slot name="upload" :row="row" :[indexKey]="$index">
+              <el-input
+                :value="row._name"
+                :placeholder="'上传附件' | $lc"
+                readonly
+                :disabled="!row[keys.type] || row._name"
+                v-if="row.isBaseFile"
+                @click.native="handleClick(row, $index)"
+              >
+                <template slot="suffix">
+                  <i class="el-input__icon n20-icon-shangchuan"></i>
+                </template>
+              </el-input>
+              <Upload
+                v-else
+                :ref="'upload' + $index"
+                class="n20-upload-table-up"
+                :file-name="row | fileName(keys.url)"
+                :data="row['_fileData'] || fileData"
+                :msg-type="null"
+                :show-clear="false"
+                :action="action"
+                :multiple="multiple"
+                :headers="dataProp.headers"
+                :disabled="!row[keys.type] || row._typeDisabled || row.readonly"
+                :accept="row[keys.type] | acceptFilter(typeOptions, fileAccept)"
+                :size="row[keys.type] | sizeFilter(typeOptions, fileSize)"
+                :http-request="(options) => httpRequest(options, row)"
+                :before-upload="(file) => beforeUploadFn(file, row)"
+                :on-progress="(event) => onProgressFn(event, row)"
+                :on-success="(response, file, fileList) => onSuccessFn(response, file, fileList, row)"
+                :on-error="(err, file, fileList) => errorFn(err, file, fileList, row, $index)"
+              />
+            </slot>
+          </template>
+        </el-table-column>
+        <slot name="slotCol"></slot>
+        <el-table-column :label="'上传时间' | $lc" :prop="keys.time" sortable width="170" align="left">
+          <template v-slot:header="scope">
+            <slot name="time-header" :column="scope.column">{{ '上传时间' | $lc }}</slot>
+          </template>
+          <template v-slot="{ row }">
+            <slot name="time" :row="row">{{ row[keys.time] | formatDate }}</slot>
+          </template>
+        </el-table-column>
+        <el-table-column v-if="!hideUser" :label="'上传人' | $lc" :prop="keys.user" width="100">
+          <template v-slot:header="scope">
+            <slot name="user-header" :column="scope.column">{{ '上传人' | $lc }}</slot>
+          </template>
+          <template v-slot="{ row }">
+            <slot name="user" :row="row">{{ row[keys.user] }}</slot>
+          </template>
+        </el-table-column>
+      </template>
+      <el-table-column v-if="!readonly" :label="'上传进度' | $lc" width="220">
+        <template v-slot:header="scope">
+          <slot name="percent-header" :column="scope.column">{{ '上传进度' | $lc }}</slot>
+        </template>
+        <template v-slot="{ row, $index }">
+          <slot name="percent" :row="row" :[indexKey]="$index">
+            <div v-if="row['_percent'] >= 0 && !row._typeDisabled" class="flex-box flex-v">
+              <el-progress
+                class="n20-upload-table-progress"
+                :percentage="row['_percent']"
+                :status="row._status"
+                text-color=""
+                style="width: 140px"
+              />
+              <el-button
+                v-if="row['_status'] === 'exception'"
+                type="text"
+                size="mini"
+                style="width: 60px"
+                @click="anewSubmitFn(row, $index)"
+                >{{ '重新上传' | $lc }}
+              </el-button>
+              <el-button
+                v-else-if="row['_percent'] >= 0 && row['_percent'] < 100"
+                type="text"
+                size="mini"
+                style="width: 60px"
+                @click="abortFn(row, $index)"
+                >{{ '取消' | $lc }}
+              </el-button>
+            </div>
+          </slot>
+        </template>
+      </el-table-column>
+      <el-table-column :label="'操作' | $lc" align="center" width="90" fixed="right">
+        <template v-slot:header="scope">
+          <slot name="handle-header" :column="scope.column">{{ '操作' | $lc }}</slot>
+        </template>
+        <template v-slot="{ row }">
+          <slot name="handle" :row="row">
+            <el-button type="text" icon="el-icon-view" :disabled="!row[keys.url]" @click="seeFile(row)" />
+            <el-button
+              v-if="readonly"
+              type="text"
+              icon="el-icon-download"
+              :disabled="!row[keys.url]"
+              @click="downFile(row)"
+            />
+          </slot>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <Dialog width="432px" title="" :visible.sync="chooseVisible">
+      <div class="flex-box flex-c flex-v">
+        <Upload
+          ref="baseUpload"
+          class="n20-upload-table-up"
+          :file-name="this.row | fileName(keys.url)"
+          :data="this.row['_fileData'] || fileData"
+          :msg-type="null"
+          :show-clear="false"
+          :action="action"
+          :multiple="multiple"
+          :headers="dataProp.headers"
+          :disabled="!this.row[keys.type] || this.row._typeDisabled || this.row.readonly"
+          :accept="this.row[keys.type] | acceptFilter(typeOptions, fileAccept)"
+          :size="this.row[keys.type] | sizeFilter(typeOptions, fileSize)"
+          :http-request="(options) => httpRequest(options, this.row)"
+          :before-upload="(file) => beforeUploadFn(file, this.row)"
+          :on-progress="(event) => onProgressFn(event, this.row)"
+          :on-success="(response, file, fileList) => onSuccessFn(response, file, fileList, this.row)"
+          :on-error="(err, file, fileList) => errorFn(err, file, fileList, this.row, $index)"
+        >
+          <template slot="trigger">
+            <el-button size="small" type="primary">上传附件</el-button>
+          </template>
+        </Upload>
+        <el-button size="small" type="primary" class="m-l-s" @click="baseVisible = true">选择基础附件</el-button>
+      </div>
+    </Dialog>
+
+    <Dialog title="基础附件选择" :visible.sync="baseVisible">
+      <el-table :data="baseAttnoData" border>
+        <el-table-column label="选择" align="center" width="65">
+          <template scope="scope">
+            <el-radio :label="scope.$index" v-model="radio" @change.native="getCurrentRow(scope.row)">{{
+              ''
+            }}</el-radio>
+          </template>
+        </el-table-column>
+        <el-table-column prop="recordname" width="140px" show-overflow-tooltip label="文件名称" />
+        <el-table-column prop="cltName" width="140px" show-overflow-tooltip label="所属单位" />
+        <el-table-column prop="fileVersion" align="center" label="版本号" />
+        <el-table-column prop="startValidTime" width="120px" label="起始有效时间" align="center" />
+        <el-table-column prop="endValidTime" width="120px" label="截至有效时间" align="center"> </el-table-column>
+        <el-table-column prop="uploadTime" label="更新时间" width="160px" align="center">
+          <template v-slot="{ row }">
+            {{ dayjs(row.uploadTime).format('YYYY-MM-DD HH:mm:ss') }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="isEnable" label="状态" align="center">
+          <template v-slot="{ row }">
+            <span>{{ row.isEnable === '1' ? '启用' : '禁用' }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+    </Dialog>
+
+    <Dialog
+      v-drag
+      class="p-a-0"
+      :title="'附件预览' | $lc"
+      :visible.sync="visibleP"
+      top="2vh"
+      width="96%"
+      :close-on-click-modal="false"
+      @close="closeSee"
+    >
+      <span class="file-upload-table_preview-pn">
+        <el-button round onlyicon plain size="mini" icon="el-icon-back" @click="preSee" />
+        <el-button round onlyicon plain size="mini" icon="el-icon-right" @click="nextSee" />
+      </span>
+
+      <div v-if="visiblePv" class="p-a" style="height: 82vh">
+        <ViewerImg v-if="imgType.test(previewName)" :options="viewerOptions" style="height: 100%">
+          <img :src="previewUrl" :alt="previewName" style="display: none" />
+        </ViewerImg>
+        <component
+          :is="previewSameOrg ? 'object' : 'div'"
+          v-else
+          :key="previewUrl"
+          :data="previewUrl"
+          style="width: 100%; height: 100%"
+        >
+          <div class="flex-column flex-c flex-v" style="height: 100%">
+            <i class="el-icon-s-release" style="font-size: 60px; color: #999"></i>
+            <span style="margin-top: 16px">
+              {{ '不支持在线预览，请' | $lc
+              }}<el-link type="primary" class="color-primary" @click="downFile(seeRow)">{{ '下载' | $lc }}</el-link
+              >{{ '到本地查看' | $lc }}
+            </span>
+          </div>
+        </component>
+      </div>
+    </Dialog>
+  </div>
+</template>
+
+<script>
+import _axios from 'axios'
+import auth from '../../utils/auth.js'
+import Upload from '../Upload/index.vue'
+import { $lc } from '../../utils/i18n/index.js'
+import axios from '../../utils/axios.js'
+import { msgboxPor } from '../../utils/msgboxPor'
+import dayjs from 'dayjs'
+import Dialog from '../Dialog/index.vue'
+import 'viewerjs/dist/viewer.css'
+import importG from '../../utils/importGlobal.js'
+import downloadBlob from '../../utils/downloadBlob.js'
+
+const ViewerImg = async function () {
+  let { component } = await importG('v-viewer', () => import(/*webpackChunkName: "v-viewer"*/ 'v-viewer'))
+  return component
+}
+
+const keysDefault = {
+  rowKey: 'id',
+  bussType: 'bussValue',
+  type: 'attno',
+  name: 'name',
+  url: 'url',
+  time: 'time',
+  user: 'user'
+}
+
+export default {
+  name: 'ElectronicArchive',
+  components: { Dialog, Upload, ViewerImg },
+  props: {
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    requestPrefix: {
+      type: String,
+      default: null
+    },
+    showClear: {
+      type: Boolean,
+      default: true
+    },
+    dataProp: {
+      type: Object,
+      required: true,
+      default: () => ({})
+    },
+    uploadHttpRequest: {
+      type: Function,
+      default: undefined
+    },
+    hideUser: {
+      type: Boolean,
+      default: false
+    },
+    placeholder: {
+      type: String,
+      default: $lc('请上传附件')
+    },
+    getFileMethod: {
+      type: Function,
+      default: undefined
+    },
+    callBackFileData: {
+      type: Function,
+      default: () => {}
+    },
+    tableData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    this.viewerOptions = {
+      debug: true,
+      inline: true,
+      scalable: false, // 不显示水平(垂直)翻转
+      navbar: false,
+      button: false,
+      title: true,
+      toolbar: {
+        zoomIn: true,
+        zoomOut: true,
+        oneToOne: true,
+        reset: true,
+        rotateLeft: true,
+        rotateRight: true,
+        flipHorizontal: true,
+        flipVertical: true,
+        prev: false,
+        play: false,
+        next: false
+      }
+    }
+    return {
+      dayjs,
+      multiple: false,
+      radio: '',
+      action: this.requestPrefix ? this.requestPrefix + '/neams/eamsbaserecord/save' : '/neams/eamsbaserecord/save',
+      indexKey: '$index',
+      visibleP: false,
+      baseVisible: false,
+      baseAttnoData: [],
+      userInfo: JSON.parse(sessionStorage.getItem('userInfo')),
+      row: {},
+      imgType: /\.(jpg|png|gif|svg)$/i,
+      visiblePv: false,
+      seeRow: {},
+      isBaseFile: false,
+      tableDataC: [],
+      previewUrl: '',
+      previewName: '',
+      bussType: {},
+      bussTypeOptions: [],
+      filesList: [],
+      tempIndex: 1,
+      chooseVisible: false,
+      typeOptions: [],
+      previewSameOrg: false,
+      selectionList: []
+    }
+  },
+  watch: {
+    tableData: {
+      handler(data) {
+        if (data.length > 0) {
+          this.tableDataC = data
+            .map((res, i) => {
+              if (res.bussValue !== this.dataProp.bussValue) {
+                res.readonly = true
+              }
+              res.sort = i + 1
+              res._name = res.recordname
+              return res
+            })
+            .sort((a, b) => b.sort - a.sort)
+        }
+      }
+    }
+  },
+  computed: {
+    keys() {
+      return this.dataProp?.keys || keysDefault
+    },
+    fileAccept() {
+      return this.dataPorp?.fileAccept || undefined
+    },
+    fileSize() {
+      return this.dataPorp?.fileSize || undefined
+    },
+    fileData() {
+      return this.dataPorp?.fileData
+    }
+  },
+  filters: {
+    formatDate(date) {
+      if (!date) return
+      return dayjs(date).format('YYYY-MM-DD HH:mm:ss')
+    },
+    bussTypeFilter(type, bussTypeOptions) {
+      return bussTypeOptions.find((c) => c.bussValue === type)?.bussName || ''
+    },
+    typeFilter(type, typeOptions) {
+      return typeOptions.find((c) => c.attno === type)?.attname || ''
+    },
+    acceptFilter(type, typeOptions, fileAccept) {
+      return typeOptions.find((c) => c.type === type)?.accept || fileAccept
+    },
+    sizeFilter(type, typeOptions, fileSize) {
+      return typeOptions.find((c) => c.type === type)?.size || fileSize
+    },
+    fileName(row, urlK) {
+      if (row['_name']) {
+        return row['_name']
+      } else if (row[urlK]) {
+        let urlArr = row[urlK].split('/')
+        let _n = urlArr[urlArr.length - 1]
+        return _n ? decodeURI(_n) : undefined
+      }
+      return undefined
+    }
+  },
+  mounted() {
+    this.getBussTypeList()
+    this.getAttachList()
+    if (this.dataProp.bussId && this.dataProp.bussValue) {
+      this.getFileList()
+    }
+  },
+  methods: {
+    handleClick(row, index) {
+      this.row = row
+      this.chooseVisible = true
+      this.getBaseData(row)
+    },
+    getCurrentRow(row) {
+      axios.post(
+        this.requestPrefix
+          ? `${this.requestPrefix}/neams/eamsbaserecord/fileBind/bussId/beid/bussValue`
+          : `/neams/eamsbaserecord/fileBind/bussId/beid/bussValue`,
+        {
+          beid: row.beid,
+          beids: [row.beid],
+          bussId: this.dataProp.bussId || this.row.bussId,
+          bussValue: this.dataProp.bussValue
+        }
+      )
+      this.$set(this.row, 'beid', row.beid)
+      this.$set(this.row, [this.keys.name], row.recordname)
+      this.$set(this.row, '_typeDisabled', true)
+      this.$set(this.row, '_bussTypeDisabled', true)
+      this.$set(this.row, '_name', row.recordname)
+      this.baseVisible = false
+      this.chooseVisible = false
+
+      this.getFileList(this.row)
+    },
+    async getFileList(row) {
+      const { code, data } = await axios.post(
+        this.requestPrefix
+          ? `${this.requestPrefix}/neams/eamsbaserecord/queryList?t=${Date.now()}`
+          : `/neams/eamsbaserecord/queryList?t=${Date.now()}`,
+        {
+          bussValue: this.dataProp.bussValue,
+          bussId: this.dataProp.bussId || row.bussId
+        }
+      )
+      if (code === 200) {
+        if (data.length > 0) {
+          this.callBackFileData(this.tableData)
+        }
+      }
+    },
+    async getBaseData(row) {
+      const { data } = await axios.post(
+        this.requestPrefix
+          ? `${this.requestPrefix}/neams/eamsBaseFile/qureyPageBaseFile`
+          : `/neams/eamsBaseFile/qureyPageBaseFile`,
+        {
+          current: 1,
+          attno: row[this.keys.type],
+          pageSize: 200
+        }
+      )
+      this.baseAttnoData = data.records || []
+    },
+    handleUpload(i) {
+      this.$refs['upload' + i].$refs['upload'].$refs['upload-inner'].handleClick()
+    },
+    httpRequest(options, row) {
+      if (this.uploadHttpRequest) {
+        return this.uploadHttpRequest(options, row)
+      }
+      return this.defindHttpRequest(options, row)
+    },
+    defindHttpRequest(options, row) {
+      const formData = new FormData()
+      formData.append(options.filename, options.file)
+      const data = options.data || [
+        {
+          syscode: row.syscode, // 系统
+          appno: row.appno, // 模块名
+          bussValue: row.bussValue, // 业务品种
+          attno: row[this.keys.type], // 附件类型
+          bussId: row.bussId, // 业务ID
+          cltno: this.userInfo.cltno,
+          deptno: this.userInfo.cltno,
+          memo: options.file.name,
+          recordname: options.file.name,
+          fileSize: options.file.size
+        }
+      ]
+      formData.append('data', JSON.stringify(data))
+      formData.append('date', dayjs().format('YYYY-MM-DD HH:mm:ss') + ',2099-12-31 23:59:59')
+      let abort
+      let Pro = axios.post(options.action + '?r=' + Math.random(), formData, {
+        headers: Object.assign(auth.setHeaders(this.dataProp.headers), {
+          'Content-Type': 'multipart/form-data'
+        }),
+        loading: false,
+        onUploadProgress: (arg) => {
+          if (options.onProgress) {
+            arg.percent = arg.progress * 100
+            options.onProgress(arg)
+          }
+        },
+        cancelToken: new _axios.CancelToken((cancel) => {
+          abort = cancel
+        })
+      })
+      Pro.abort = abort
+      return Pro
+    },
+    handleTypeChange(val, row) {
+      const { isBaseFile } = this.typeOptions.find((item) => item.attno === val)
+      if (isBaseFile === '1') {
+        this.$set(row, 'isBaseFile', true)
+      } else {
+        this.$set(row, 'isBaseFile', false)
+      }
+    },
+    /**
+     * 获取业务类型列表
+     * @returns {Promise<void>}
+     */
+    async getBussTypeList() {
+      let dto = {
+        appno: this.dataProp.appno,
+        // bussValue:this.dataProp.bussValue,
+        bussValeList: this.dataProp.bussValues
+      }
+      const { code, data } = await axios.post(
+        this.requestPrefix
+          ? `${this.requestPrefix}/neams/eamsbusstype/getListByGradeAndBussValue`
+          : `/neams/eamsbusstype/getListByGradeAndBussValue`,
+        dto
+      )
+      if (code === 200) {
+        this.bussTypeOptions = data || []
+      }
+    },
+    /**
+     * 获取附件列表
+     * @returns {Promise<void>}
+     */
+    async getAttachList() {
+      const { data, code } = await axios.post(
+        this.requestPrefix
+          ? `${this.requestPrefix}/neams/eamsattachfile/getByBussValues`
+          : `/neams/eamsattachfile/getByBussValues`,
+        this.dataProp.bussValues
+      )
+      if (code === 200) {
+        this.typeOptions = data || []
+      }
+    },
+    bussTypeChange(val, row) {
+      let bussId = this.bussTypeOptions.find((item) => item.bussValue === val)?.bussId || ''
+      this.$set(row, 'bussId', bussId)
+    },
+    /**
+     * 新增
+     */
+    addRow() {
+      this.tableDataC.push({
+        [this.keys.rowKey]: 'id' + Date.now(),
+        [this.keys.type]: '',
+        [this.keys.bussType]: this.bussTypeOptions.length === 1 ? this.bussTypeOptions[0].bussValue : '',
+        [this.keys.name]: '',
+        [this.keys.url]: '',
+        [this.keys.time]: '',
+        [this.keys.user]: this.userInfo.uname,
+        syscode: this.dataProp.syscode,
+        appno: this.dataProp.appno,
+        bussId: this.bussTypeOptions.length === 1 ? this.bussTypeOptions[0].bussId : '',
+        _bussTypeDisabled: this.bussTypeOptions.length === 1
+      })
+      this.bussType = this.bussTypeOptions.length === 1 && this.bussTypeOptions[0]
+      this.$emit('add-row')
+    },
+    /**
+     * 下载
+     */
+    downRows() {
+      if (!this.selectionList.length) {
+        return this.$message({
+          message: $lc(`请先勾选要下载的数据！`),
+          type: 'warning',
+          showClose: true
+        })
+      }
+      // 自行下载
+      let filesId = this.selectionList.map((item) => item.beid)
+      if (filesId.length === 0) {
+        return this.$message.warning('请勾选附件')
+      }
+      let data = filesId.map((item) => {
+        return {
+          beid: item
+        }
+      })
+      axios
+        .post(
+          this.requestPrefix
+            ? `${this.requestPrefix}/neams/eamsbaserecord/batchDownloadFiles`
+            : `/neams/eamsbaserecord/batchDownloadFiles`,
+          data,
+          {
+            responseType: 'blob'
+          }
+        )
+        .then((res) => {
+          if (res) {
+            downloadBlob(res, '附件压缩包.zip')
+          }
+        })
+    },
+    deleteRows() {
+      this.deleteRowsFn(this.selectionList)
+    },
+    /**
+     * 删除
+     */
+    async deleteRowsFn(rows, update) {
+      if (rows.length === 0) {
+        this.$message({
+          message: '请勾选所需要删除的附件',
+          type: 'warning'
+        })
+        return
+      }
+      let filesId = []
+      rows.forEach((item) => {
+        if (item.beid) {
+          filesId.push(item.beid)
+        }
+      })
+      // 调接口删除
+      if (filesId.length > 0) {
+        const res = await axios.post(
+          this.requestPrefix ? `${this.requestPrefix}/neams/eamsbaserecord/delete` : `/neams/eamsbaserecord/delete`,
+          filesId
+        )
+        if (res.code === 200) {
+          if (!update) {
+            this.tableData = this.tableData.filter((item) => filesId.indexOf(item.beid) === -1)
+            this.$message.success('删除成功')
+            this.callBackFileData(this.tableData)
+          }
+        }
+      }
+      // 不调接口删除
+      let ids = rows.map((item) => item.id)
+      this.tableData = this.tableData.filter((item) => ids.indexOf(item.id) === -1 || item.beid)
+      this.callBackFileData(this.tableData)
+    },
+    beforeUploadFn(file, row) {
+      this.$set(row, '_percent', 0)
+      this.$set(row, '_status', undefined)
+
+      let bu = this.$listeners['before-upload'] || this.$listeners['beforeUpload']
+      if (bu) return bu(file, row)
+    },
+    async onSuccessFn(response, file, fileList, row) {
+      const { data } = response
+      if (row.beid) {
+        await this.deleteRows([{ beid: row.beid }], 'update')
+      }
+      let obj
+      let _obj = data[0]
+      for (let k in _obj) {
+        obj = JSON.parse(_obj[k])
+      }
+      this.$set(row, '_name', file.name)
+
+      this.$set(row, '_percent', 100)
+      row[this.keys.time] = dayjs().format('YYYY-MM-DD HH:mm:ss')
+
+      row[this.keys.url] = response.data
+      this.$set(row, this.keys.name, file.name)
+      this.$set(row, '_status', 'success')
+      this.$set(row, '_fileData', obj)
+      this.$set(row, 'beid', obj.beid)
+      this.$set(row, 'attno', obj.attno)
+      this.$set(row, 'recordname', obj.recordname)
+      this.$set(row, 'filepath', obj.filepath)
+      this.$set(row, 'archiveId', obj.beid)
+      this.$set(row, 'creator', obj.creator)
+      this.$set(row, '_typeDisabled', true)
+      this.chooseVisible = false
+      this.callBackFileData(this.tableData)
+    },
+    closeSee() {
+      this.previewUrl && URL.revokeObjectURL(this.previewUrl)
+      this.previewUrl = undefined
+      this.visiblePvT = setTimeout(() => {
+        this.visiblePv = false
+      }, 300)
+    },
+    preSee() {
+      let i = this.tableData.findIndex((row) => row === this.seeRow)
+      let row = this.tableData[i - 1] || this.tableData[this.tableData.length - 1]
+      this.seeFile(row)
+    },
+    nextSee() {
+      let i = this.tableData.findIndex((row) => row === this.seeRow)
+      let row = this.tableData[i + 1] || this.tableData[0]
+      this.seeFile(row)
+    },
+    onProgressFn({ percent }, row) {
+      this.$set(row, '_percent', percent <= 99 ? Math.round(percent) : 99)
+    },
+    errorFn(err, file, fileList, row, $index) {
+      this.$set(row, '_status', 'exception')
+
+      let clUpload = this.$refs['upload' + $index]
+      /* 重置文件状态,并加入文件队列 */
+      file.status = 'ready'
+      clUpload.fileList = [file]
+
+      this.$emit('on-error', file, row)
+    },
+    abortFn(row, $index) {
+      this.$set(row, '_status', 'exception')
+
+      let clUpload = this.$refs['upload' + $index]
+      let elUpload = clUpload.$refs['upload']
+
+      elUpload.abort()
+    },
+    anewSubmitFn(row, $index) {
+      this.$set(row, '_status', undefined)
+      this.$refs['upload' + $index]?.$refs['upload']?.submit()
+    },
+    seeFile(row) {
+      if (this.getFileMethod) {
+        this.getFileMethod(row, 'preview')
+        return
+      }
+      this.previewUrl = `/onlinePreview?beid=${row.beid}`
+      this.previewName = row.name
+      this.previewSameOrg = true
+      this.visibleP = true
+      clearTimeout(this.visiblePvT)
+      this.visiblePv = true
+      this.seeRow = row
+    },
+    async downFile(row) {
+      if (this.getFileMethod) {
+        this.getFileMethod(row, 'download')
+        return
+      }
+      // 下载
+      let blob = await axios.get(
+        this.requestPrefix
+          ? `${this.requestPrefix}/neams/eamsbaserecord/download/${row.beid}`
+          : `/neams/eamsbaserecord/download/${row.beid}`,
+        null,
+        {
+          responseType: 'blob'
+        }
+      )
+      let url = URL.createObjectURL(blob)
+      if (url) {
+        let aDom = document.createElement('a')
+        aDom.href = url
+        aDom.download = row.name || blob.name
+        aDom.click()
+        this.$nextTick(() => {
+          aDom = undefined
+          row && URL.revokeObjectURL(url)
+        })
+      }
+    }
+  }
+}
+</script>