n20-common-lib 2.6.1 → 2.6.2-beta

package/src/components/ElectronicArchive/index.vue

@@ -0,0 +1,766 @@
+<!--suppress ALL -->
+
+<script src="../../utils/auth.js"></script>
+<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="tableData"
+      :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"
+                :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"
+                :placeholder="'请选择' | $lc"
+                style="width: 100%"
+              >
+                <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
+                :disabled="!row[keys.type] || !row[keys.bussType] || row._typeDisabled || row.beid"
+                :value="row.name"
+                :placeholder="placeholder"
+                readonly
+                @click.native="handleClick(row, $index)"
+              >
+                <template slot="suffix">
+                  <i class="el-input__icon n20-icon-shangchuan"></i>
+                </template>
+              </el-input>
+              <Upload
+                v-show="false"
+                :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"
+                :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) =>
+                    multiple
+                      ? MultipleSUccessFn(response, file, fileList, row)
+                      : 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] }}</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 title="基础附件选择" :visible.sync="baseVisible">
+      <el-table :data="baseAttnoData" border height="400px">
+        <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" label="文件名称" />
+        <el-table-column prop="attname" width="120px" 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
+    },
+    showClear: {
+      type: Boolean,
+      default: true
+    },
+    dataProp: {
+      type: Object,
+      default: () => {
+        return {
+          appno: '',
+          syscode: '',
+          bussValue: '',
+          bussId: ''
+        }
+      }
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    uploadHttpRequest: {
+      type: Function,
+      default: undefined
+    },
+    hideUser: {
+      type: Boolean,
+      default: false
+    },
+    placeholder: {
+      type: String,
+      default: $lc('请上传附件')
+    },
+    getFileMethod: {
+      type: Function,
+      default: undefined
+    }
+  },
+  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,
+      radio: '',
+      action: '/api/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: {},
+      tableData: [],
+      previewUrl: '',
+      previewName: '',
+      bussType: {},
+      bussTypeOptions: [],
+      filesList: [],
+      tempIndex: 1,
+      chooseVisible: false,
+      typeOptions: [],
+      previewSameOrg: false,
+      selectionList: []
+    }
+  },
+  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: {
+    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.$msgboxPor({
+        customClass: 'ElectronicArchive_msgboxPor',
+        showCancelButton: true,
+        confirmButtonText: '本地文件上传',
+        cancelButtonText: '选择基础附件',
+        center: true
+      })
+        .then((res) => {
+          this.handleUpload(index)
+        })
+        .catch((error) => {
+          this.getBaseData(row)
+          this.baseVisible = true
+          console.log('选择基础附件', row)
+        })
+    },
+    getCurrentRow(row) {
+      axios.post(`/api/neams/eamsbaserecord/fileBind/bussId/beid/bussValue`, {
+        beid: row.beid,
+        beids: [row.beid],
+        bussId: this.dataProp.bussId || this.row.bussId,
+        bussValue: this.dataProp.bussValue
+      })
+      this.baseVisible = false
+      this.getFileList()
+    },
+    async getFileList() {
+      const { code, data } = await axios.post(`/api/neams/eamsbaserecord/queryList?t=${Date.now()}`, {
+        bussValue: this.dataProp.bussValue,
+        bussId: this.dataProp.bussId
+      })
+      if (code === 200) {
+        this.tableData = data || []
+      }
+    },
+    async getBaseData(row) {
+      const { data } = await axios.post(`/api/neams/eamsBaseFile/qureyPageBaseFile`, {
+        current: 1,
+        attno: row.attno,
+        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.attno, // 附件类型
+          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
+    },
+
+    // clearFile() {
+    // },
+    /**
+     * 获取业务类型列表
+     * @returns {Promise<void>}
+     */
+    async getBussTypeList() {
+      let dto = {
+        appno: this.dataProp.appno,
+        bussValue: this.dataProp.bussValue
+      }
+      const { code, data } = await axios.post(`/api/neams/eamsbusstype/getListByGradeAndBussValue`, dto)
+      if (code === 200) {
+        this.bussTypeOptions = data || []
+      }
+    },
+    /**
+     * 获取附件列表
+     * @returns {Promise<void>}
+     */
+    async getAttachList() {
+      let dto = {
+        bussValue: this.dataProp.bussValue
+      }
+      const { data, code } = await axios.post(`/api/neams/eamsattachfile/getByBussValue`, dto)
+      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.tableData.push({
+        [this.keys.id]: 'id' + Date.now(),
+        [this.keys.type]: undefined,
+        [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,
+        bussValue: this.dataProp.bussValue,
+        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(`/api/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
+      }
+      console.log(rows)
+      let filesId = []
+      rows.forEach((item) => {
+        if (item.beid) {
+          filesId.push(item.beid)
+        }
+      })
+      // 调接口删除
+      if (filesId.length > 0) {
+        const res = await axios.post(`/api/neams/eamsbaserecord/delete`, filesId)
+        if (res.code === 200) {
+          if (!update) {
+            this.tableData = this.tableData.filter((item) => filesId.indexOf(item.beid) === -1)
+            this.$message.success('删除成功')
+          }
+        }
+      }
+      // 不调接口删除
+      let ids = rows.map((item) => item.id)
+      this.tableData = this.tableData.filter((item) => ids.indexOf(item.id) === -1 || item.beid)
+    },
+    beforeUploadFn() {},
+    MultipleSUccessFn() {},
+    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
+      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)
+    },
+    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() {},
+    anewSubmitFn() {},
+    abortFn() {},
+    seeFile(row) {
+      if (this.getFileMethod) {
+        this.getFileMethod(row, 'preview')
+        return
+      }
+      this.previewUrl = `/api/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(`/api/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>