update 国内标准

src/mixins/ConfigurableTableMixin.js

@@ -1,31 +1,12 @@
 /**
  * 表头通过标签管理配置的模块的表格数据的混入
  */
-import { getAction, postAction } from '@api/manage'
-import { isHasPermission } from '../utils/hasPermission'
-import { getTableHeader } from '@api/api'
+import { downFile, downloadFile, getAction, postAction } from '@api/manage'
+import Vue from 'vue'
+import { ACCESS_TOKEN } from '@/store/mutation-types'
+import store from '@/store'
 
-// 模拟接口返回的表头数据
-const TempApiReturnColumns = [
-  {
-    db_field_txt: '编号',
-    sort: 'true',
-    db_field_name: 'serial_number',
-    click: 'true'
-  },
-  { db_field_txt: '标题', db_field_name: 'title', click: 'true' },
-  {
-    db_field_txt: '状态',
-    sort: 'true',
-    db_field_name: 'state'
-  },
-  { db_field_txt: '适用地区', db_field_name: 'region' },
-  {
-    db_field_txt: '技术领域',
-    db_field_name: 'technology_territory'
-  },
-  { db_field_txt: '发布日期', sort: 'true', db_field_name: 'issue_time' }
-]
+let importModalLoading
 
 export const ConfigurableTableMixin = {
   data () {
@@ -60,12 +41,19 @@ export const ConfigurableTableMixin = {
       },
       // type: '', // 这个字段不知道什么含义
       filters: {}, // 固定的搜索条件
-      needFilterTableBtn: true // 是否需要过滤没有权限的按钮
+      needFilterTableBtn: true, // 是否需要过滤没有权限的按钮
+      tokenHeader: { 'X-Access-Token': Vue.ls.get(ACCESS_TOKEN) }
+
+    }
+  },
+  computed: {
+    importExcelUrl () {
+      return `${window._CONFIG.domianURL}${this.url.importUrl}`
     }
   },
   mounted () {
     this.getTableHeader()
-    this.loadData()
+    // this.loadData()
     // 过滤没有权限的按钮
     // if (this.needFilterTableBtn) {
     //   this.operationList = this.operationList.filter(item => isHasPermission(item.has))
@@ -86,6 +74,9 @@ export const ConfigurableTableMixin = {
       this.getTableHeader()
       this.loadData()
     },
+    /**
+     * 重置查询
+     */
     searchReset () {
       this.searchParams = {}
       this.selectedRowKeys = []
@@ -97,7 +88,6 @@ export const ConfigurableTableMixin = {
      */
     getTableHeader () {
       if (!this.url.tableHeader) {
-        this.columns = this.dealColumns(TempApiReturnColumns)
         return
       }
       const params = { module: this.flag }
@@ -130,7 +120,7 @@ export const ConfigurableTableMixin = {
           }
         }
         // 是否可排序
-        item.sorter = item.sort === 'true'
+        item.sorter = item.sortFlag === 1
         item.width = 215
         item.title = item.dbFieldTxt
         item.dataIndex = item.dbFieldName
@@ -138,13 +128,11 @@ export const ConfigurableTableMixin = {
       })
       if (this.showAction && this.operateColumn) {
         let width = 0
-        if (this.operationList.length > 0) {
-          for (let i = 0; i < this.operationList.length; i++) {
-            width += this.getTextWith(this.operationList[i].text)
-          }
+        if (this.operationList && this.operationList.length > 0) {
+          width += this.getTextWith(this.operationList[0].text) + this.getTextWith(this.$t('more'))
         }
         const operateColumn = JSON.parse(JSON.stringify(this.operateColumn))
-        operateColumn.width = width
+        operateColumn.width = width || 100
         tempColumns.push(operateColumn)
       }
       return tempColumns
@@ -165,7 +153,7 @@ export const ConfigurableTableMixin = {
     getQueryParams () {
       const pageNo = this.ipagination.current
       const pageSize = this.ipagination.pageSize
-      const params = {
+      return {
         ...this.filters,
         ...this.searchParams,
         orderBy: this.orderBy,
@@ -174,13 +162,16 @@ export const ConfigurableTableMixin = {
         pageNo: pageNo,
         pageSize: pageSize
       }
-      return params
     },
-    loadData () {
+    loadData (arg) {
       if (!this.url.list) {
         this.$message.error('请设置url.list属性!')
         return
       }
+      // 加载数据 若传入参数1则加载第一页的内容
+      if (arg === 1) {
+        this.ipagination.current = 1
+      }
       const params = this.getQueryParams()
       this.loading = true
       postAction(this.url.list, params).then((res) => {
@@ -203,10 +194,210 @@ export const ConfigurableTableMixin = {
       this.orderBy = sorter.order === 'ascend' ? '1' : '2'
       this.orderByField = sorter.columnKey
       this.ipagination = pagination
-      this.loadData()
+      this.loadData(1)
     },
     onSelectChange (selectedRowKeys) {
       this.selectedRowKeys = selectedRowKeys
+    },
+    /* 导入 */
+    handleImportExcel (info) {
+      // 加一个大的提示
+      if (!this.loading) {
+        importModalLoading = this.$info({
+          title: '提示',
+          content: <span>正在导入，请稍候 <a-spin size="small" /></span>,
+          keyboard: false
+        })
+      }
+      this.loading = true
+      // 把知道了这个按钮去掉
+      this.$nextTick(() => {
+        document.getElementsByClassName('ant-modal-confirm-btns')[0].style = 'display:none'
+      })
+      if (info.file.status !== 'uploading') {
+        console.log(info.file, info.fileList)
+      }
+      if (info.file.status === 'done') {
+        // 销毁这个提示
+        importModalLoading && importModalLoading.destroy()
+        this.loading = false
+        if (info.file.response.success) {
+          // this.$message.success(`${info.file.name} 文件上传成功`);
+          if (info.file.response.code === 201) {
+            const { message, result: { msg, fileUrl, fileName } } = info.file.response
+            const href = window._CONFIG.domianURL + fileUrl
+            this.$warning({
+              title: message,
+              content: (
+                <div>
+                  <span>{msg}</span><br />
+                  <span>具体详情请 <a href={href} target="_blank" download={fileName}>点击下载</a> </span>
+                </div>
+              )
+            })
+          } else {
+            this.$message.success(info.file.response.message || `${info.file.name} 文件上传成功`)
+          }
+          this.loadData()
+        } else {
+          this.$message.error(`${info.file.name} ${info.file.response.message}.`)
+        }
+      } else if (info.file.status === 'error') {
+        // 销毁这个提示
+        importModalLoading && importModalLoading.destroy()
+        this.loading = false
+        if (info.file.response.status === 500) {
+          const data = info.file.response
+          const token = Vue.ls.get(ACCESS_TOKEN)
+          if (token && data.message.includes('Token失效')) {
+            this.error({
+              title: '登录已过期',
+              content: '很抱歉，登录已过期，请重新登录',
+              okText: '重新登录',
+              mask: false,
+              onOk: () => {
+                store.dispatch('Logout').then(() => {
+                  Vue.ls.remove(ACCESS_TOKEN)
+                  window.location.reload()
+                })
+              }
+            })
+          }
+        } else {
+          this.$message.error(`文件上传失败: ${info.file.msg} `)
+        }
+      }
+    },
+    /**
+     * 导出
+     * @param fileName
+     */
+    handleExportXls (fileName) {
+      if (!fileName || typeof fileName !== 'string') {
+        fileName = '导出文件'
+      }
+      const param = this.getQueryParams()
+      if (this.selectedRowKeys && this.selectedRowKeys.length > 0) {
+        param.selections = this.selectedRowKeys.join(',')
+      }
+      console.log('导出参数', param)
+      // 加一个大的提示
+      const modalLoading = this.$info({
+        title: this.$t('tips'),
+        content: <span>{this.$t('exportTip')}
+          <a-spin size="small" /></span>,
+        keyboard: false
+      })
+      // 把知道了这个按钮去掉
+      this.$nextTick(() => {
+        document.getElementsByClassName('ant-modal-confirm-btns')[0].style = 'display:none'
+      })
+      downFile(this.url.exportXlsUrl, param).then((data) => {
+        if (!data) {
+          this.$message.warning(this.$t('fileDownloadFail'))
+          return
+        }
+        if (typeof window.navigator.msSaveBlob !== 'undefined') {
+          window.navigator.msSaveBlob(new Blob([data], { type: 'application/vnd.ms-excel' }), fileName + '.xls')
+        } else {
+          const url = window.URL.createObjectURL(new Blob([data], { type: 'application/vnd.ms-excel' }))
+          const link = document.createElement('a')
+          link.style.display = 'none'
+          link.href = url
+          link.setAttribute('download', fileName + '.xls')
+          document.body.appendChild(link)
+          link.click()
+          document.body.removeChild(link) // 下载完成移除元素
+          window.URL.revokeObjectURL(url) // 释放掉blob对象
+        }
+      }).finally(() => {
+        // 销毁这个提示
+        modalLoading.destroy()
+      })
+    },
+    // 下载导入模板
+    downTemplate (fileName) {
+      if (!fileName || typeof fileName !== 'string') {
+        fileName = '模板文件'
+      }
+      downloadFile(this.url.downTemplateUrl, fileName + '.xlsx')
+    },
+    /**
+     * 批量删除
+     */
+    batchDel () {
+      if (!this.url.deleteBatch) {
+        this.$message.error('请设置url.deleteBatch属性!')
+        return
+      }
+      if (this.selectedRowKeys.length <= 0) {
+        this.$message.warning(this.$t('selectARecord'))
+      } else {
+        let ids = ''
+        for (let a = 0; a < this.selectedRowKeys.length; a++) {
+          ids += this.selectedRowKeys[a] + ','
+        }
+        const that = this
+        this.$confirm({
+          title: this.$t('confirmBatchDeletion'),
+          content: this.$t('deleteAData'),
+          onOk: function() {
+            that.loading = true
+            postAction(that.url.deleteBatch, { ids: ids }).then((res) => {
+              if (res.success) {
+                // 重新计算分页问题
+                that.reCalculatePage(that.selectedRowKeys.length)
+                that.$message.success(res.message)
+                that.loadData()
+                that.onClearSelected()
+              } else {
+                that.$message.warning(res.message)
+              }
+            }).finally(() => {
+              that.loading = false
+            })
+          }
+        })
+      }
+    },
+    /**
+     * 删除
+     * @param id
+     */
+    handleDelete (id) {
+      if (!this.url.delete) {
+        this.$message.error('请设置url.delete属性!')
+        return
+      }
+      const that = this
+      this.$confirm({
+        title: this.$t('confirmDeletion'),
+        content: this.$t('areYouSure'),
+        onOk: () => {
+          postAction(that.url.delete, { id: id }).then((res) => {
+            if (res.success) {
+              that.$message.success(res.message)
+              // 判断当前删除的数据是否是最后一页的最后一条数据，如果是的话页码减一
+              if (that.ipagination.current > 1 && ((that.ipagination.current - 1) * that.ipagination.pageSize) + 1 === that.ipagination.total) {
+                that.ipagination.current -= 1
+              }
+              that.loadData()
+            } else {
+              that.$message.warning(res.message)
+            }
+          })
+        }
+      })
+    },
+    handleEdit (record) {
+      this.$refs.modalForm.edit(record)
+      this.$refs.modalForm.title = this.$t('edit')
+      this.$refs.modalForm.disableSubmit = false
+    },
+    handleAdd () {
+      this.$refs.modalForm.add()
+      this.$refs.modalForm.title = this.$t('newlyAdded')
+      this.$refs.modalForm.disableSubmit = false
     }
   }
 }