imatrix-ui 2.8.21-dw → 2.8.21

package/packages/plugins/export-data-new.js

@@ -0,0 +1,453 @@
+import Vue from 'vue'
+import store from '../super-grid/src/store'
+import {
+  getExtraParam
+} from '../super-grid/src/utils'
+import nineGridStore from '../super-nine-grid/src/store'
+import {
+  Message
+} from 'element-ui'
+import {
+  packageEnumAndBeanColumnValueSets
+} from '../utils/value-set'
+import {
+  getI18n
+} from '../../src/utils/util'
+/**
+ *
+ * @param {*} dataParam
+ * @param {*} excelName
+ * @param {*} listCode  如果是九宫格组件导出时，如果页面中有多个九宫格时，该属性需要传“listCode~gridId”,例如：
+ * @param {*} exportOptions
+ */
+function exportData(dataParam, excelName, listCode, functionCode, uuid, exportOptions) {
+  return new Promise((resolve, reject) => {
+    exportResultData(dataParam, excelName, listCode, exportOptions, functionCode, uuid).then(result => {
+      // 表示导出成功，需要执行导出成功回调方法
+      if (isHasTheOption('afterExport', exportOptions) && typeof (exportOptions.afterExport) === 'function') {
+        exportOptions.afterExport.call(this)
+      }
+      resolve(result)
+    }).catch(error => {
+      if (isHasTheOption('exportError', exportOptions) && typeof (exportOptions.exportError) === 'function') {
+        exportOptions.exportError.call(this)
+      }
+      reject(error)
+    })
+  })
+}
+/**
+ * 导出数据
+ */
+function exportResultData(dataParam, excelName, listCode, exportOptions, functionCode, uuid) {
+  return new Promise((resolve, reject) => {
+    // 从store缓存中取出列表信息
+    if (store.get(listCode + 'basicInfo')) {
+      const basicInfo = store.get(listCode + 'basicInfo')
+      if (basicInfo && basicInfo.i18nLable) {
+        excelName = basicInfo.i18nLable
+      }
+    }
+    let isCanExport = true
+    if (isHasTheOption('beforeExport', exportOptions) && typeof (exportOptions.beforeExport) === 'function') {
+      isCanExport = exportOptions.beforeExport.call(this)
+    }
+    if (!isCanExport) {
+      resolve(false)
+    } else {
+      if (dataParam && dataParam.hasOwnProperty('url')) {
+        // 导出url对应的数据
+        exportUrlData(dataParam, excelName, listCode).then((result) => {
+          resolve(result)
+        }).catch(error => {
+          reject(error)
+        })
+      } else {
+        // const dataIds = []
+        if (dataParam && dataParam.hasOwnProperty('data')) {
+          // 导出选中行
+          console.log('data', dataParam.data)
+          // dataParam.data.forEach(item => {
+          //   if (item.id) {
+          //     dataIds.push(item.id)
+          //   } else if (item.ID) {
+          //     dataIds.push(item.ID)
+          //   }
+          // })
+        }
+        // 导出台账数据，有查询条件则导出查询条件对应的数据，没有查询条件则导出所有记录
+        exportListData(excelName, listCode, dataParam.data, functionCode, uuid).then((result) => {
+          resolve(result)
+        }).catch(error => {
+          reject(error)
+        })
+      }
+    }
+  })
+}
+// 导出的后台单独重写
+function exportUrlData(dataParam, excelName, listCode) {
+  return new Promise((resolve, reject) => {
+    const listCodeStore = getListCode(listCode)
+    let param = getExportParamByGridParam(listCode)
+    const url = dataParam.url
+    if (dataParam.hasOwnProperty('param')) {
+      param = Object.assign(param, dataParam.param)
+    }
+    Vue.prototype.$http.post(url, param).then(data => {
+      let exportSheetData
+      // console.log('data===', data)
+      if (data instanceof Array) {
+        // 是数组，表示返回的是list记录集合
+        const result = {}
+        // console.log('_data', data)
+        result['_data'] = data
+        exportSheetData = JSON.stringify(result)
+      } else {
+        // 表示返回的是{_data:{},_styles:{}}
+        exportSheetData = JSON.stringify(data)
+      }
+      return exportMyData(exportSheetData, excelName, listCodeStore)
+    }).then((result) => {
+      resolve(result)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+function getListCode(listCode) {
+  if (listCode !== null && listCode !== undefined && listCode !== '') {
+    return listCode
+  }
+  let listCodeStore = listCode
+  if (!listCode || listCode === null || listCode === '') {
+    listCodeStore = store.get('_list_code')
+  }
+  if (listCodeStore === undefined || listCodeStore === null || listCodeStore === '') {
+    listCodeStore = nineGridStore.get('_nine_list_code')
+    if (listCodeStore && listCodeStore.indexOf('~') < 0) {
+      // 拼接默认的九宫格gridId
+      listCodeStore = listCodeStore + '~' + '_nineGrid'
+    }
+  }
+  if (listCodeStore && listCodeStore.indexOf('~') > 0) {
+    listCodeStore = listCodeStore.substring(0, listCodeStore.indexOf('~'))
+  }
+  return listCodeStore
+}
+
+function getGridParams(listCode) {
+  let gridParams = null
+  let listCodeStore = listCode
+  if (!listCode || listCode === null || listCode === '') {
+    listCodeStore = store.get('_list_code')
+  }
+  gridParams = store.get(listCodeStore)
+  if (gridParams === undefined || gridParams === null) {
+    if (!listCode || listCode === null || listCode === '') {
+      listCodeStore = nineGridStore.get('_nine_list_code')
+    }
+    if (listCodeStore && listCodeStore.indexOf('~') < 0) {
+      // 拼接默认的九宫格gridId
+      listCodeStore = listCodeStore + '~' + '_nineGrid'
+    }
+    gridParams = nineGridStore.get(listCodeStore)
+  }
+  return gridParams
+}
+
+function getExportParamByGridParam(listCode) {
+  let param = {}
+  const gridParams = getGridParams(listCode)
+  if (gridParams !== undefined && gridParams !== null) {
+    const searchParam = Object.assign({}, gridParams.searchParam)
+    const pagination = {
+      'currentPage': 1,
+      'pageSize': 99999999,
+      'showTotal': false
+    }
+    param = searchParam
+    searchParam.pagination = pagination
+    if (gridParams.options.extraParam) {
+      // 当前有附加参数时，处理附加参数
+      param = getExtraParam(searchParam, gridParams)
+      let parentProp
+      const parentPropSetting = gridParams.options.parentProp
+      if (
+        typeof parentPropSetting !== 'undefined' &&
+      parentPropSetting !== '' &&
+      parentPropSetting !== null
+      ) {
+        parentProp = parentPropSetting
+      }
+      if (parentProp && searchParam && searchParam.searchForm && searchParam.searchForm.length > 0) {
+        // 表示有查询条件时，不支持树形结构显示数据
+        param.listViewTreeSetting = null
+      }
+    }
+  }
+  return param
+}
+// 导出当前台账数据
+function exportListData(excelName, listCode, data, functionCode, uuid) {
+  return new Promise((resolve, reject) => {
+    const gridParams = getGridParams(listCode)
+    if (gridParams === undefined || gridParams === null) {
+      reject('导出失败')
+    } else {
+      const param = getExportParamByGridParam(listCode)
+      param.data = data
+      if (gridParams.columns) {
+        param.exportColumns = getExportColumnsByStore(gridParams.columns)
+      }
+      param.exportData = {
+        excelName: excelName
+      }
+      if (!excelName || excelName === null || excelName === '') {
+        excelName = 'default.xlsx'
+      } else {
+        excelName = excelName + '.xlsx'
+      }
+      if (functionCode) {
+        param.functionCode = functionCode
+      } else {
+        Message({
+          message: getI18n().t('imatrixUIMessage.theButtonIsNotBoundToAResource'),
+          type: 'error',
+          showClose: true
+        })
+        return
+      }
+
+      if (uuid) {
+        param.uuid = uuid
+      }
+      // 用来控制按钮禁止编辑的
+      localStorage.setItem(uuid, 'start')
+      Vue.prototype.$http.post(Vue.prototype.baseURL + '/dsc/commons/export-list-data', param).then(data => {
+        if (data.indexOf('~~') >= 0) {
+          localStorage.setItem(uuid, 'ok')
+          return download(Vue.prototype.baseAPI + '/component/super-grids/downloads?fileName=' + encodeURI(data) + '&_t=' + new Date().getTime(), excelName)
+        } else {
+          getFileUuid(data, param, excelName)
+        }
+        //  return download(Vue.prototype.baseAPI + '/component/super-grids/downloads?fileName=' + encodeURI(fileName) + '&_t=' + new Date().getTime(), excelName)
+      }).then((result) => {
+        resolve(result)
+      }).catch(error => {
+        // 用来控制按钮禁止编辑的
+        localStorage.setItem(uuid, 'error')
+        reject(error)
+      })
+    }
+  })
+}
+/**
+ * 根据uuid获取导出情况
+ * @param {*} uuid
+ * @param {*} param
+ * @param {*} excelName
+ */
+function getFileUuid(uuid, param, excelName) {
+  setTimeout(() => {
+    Vue.prototype.$http.post(Vue.prototype.baseURL + '/dsc/commons/get-file-uuid/' + uuid, param).then(data => {
+      if (data) {
+        if (data.code && (data.code === 'ok' || data.code === 'error')) {
+          if (data.code === 'ok') {
+          // 用来控制按钮禁止编辑的
+            localStorage.setItem(uuid, 'ok')
+            return download(Vue.prototype.baseAPI + '/component/super-grids/downloads?fileName=' + encodeURI(data.fileName) + '&uuid=' + uuid + '&_t=' + new Date().getTime(), excelName)
+          } else {
+            localStorage.setItem(uuid, 'error')
+            Message({
+              message: data.message,
+              type: 'error',
+              showClose: true
+            })
+          }
+        } else {
+          getFileUuid(uuid, param, excelName)
+        }
+      } else {
+        localStorage.setItem(uuid, 'ok')
+      }
+    }).catch(() => {
+      // 用来控制按钮禁止编辑的
+      localStorage.setItem(uuid, 'error')
+    })
+  }, 5000)
+}
+function exportMyData(data, excelName, listCode) {
+  return new Promise((resolve, reject) => {
+    const gridParams = getGridParams(listCode)
+    if (gridParams !== undefined) {
+      if (gridParams.columns) {
+        // console.log('exportMyData--grid--gridParams.columns.length=', gridParams.columns)
+        const columnInfoArr = getExportColumnsByStore(gridParams.columns)
+        // console.log('exportMyData--grid--columnInfoArr.length=', columnInfoArr.length)
+        if (columnInfoArr.length === 0) {
+          Message({
+            message: getI18n().t('imatrixUIMessage.noExportColumnsConfigured'),
+            type: 'warning',
+            showClose: true
+          })
+          resolve(false)
+        } else {
+          exportColumns(getExportInfo(data, excelName, listCode, columnInfoArr)).then((result) => {
+            resolve(result)
+          }).catch(error => {
+            reject(error)
+          })
+        }
+      } else {
+        Message({
+          message: getI18n().t('imatrixUIMessage.noExportColumnsConfigured'),
+          type: 'warning',
+          showClose: true
+        })
+        resolve(false)
+      }
+    } else {
+      exportOtherListData(data, excelName, listCode).then(result => {
+        resolve(result)
+      }).catch(error => {
+        reject(error)
+      })
+    }
+  })
+}
+
+/**
+ * 导出非台账列表数据
+ * @param {*}} data
+ * @param {*} excelName
+ * @param {*} listCode
+ */
+function exportOtherListData(data, excelName, listCode, additionalParameterStr) {
+  return new Promise((resolve, reject) => {
+    const params = {}
+    if (additionalParameterStr && additionalParameterStr !== '') {
+      params.additionalParamMap = additionalParameterStr
+    }
+    Vue.prototype.$http.post(Vue.prototype.baseAPI + '/component/super-grids/' + listCode + '/export-columns', params).then(columnInfoArr => {
+      packageEnumAndBeanColumnValueSets(columnInfoArr, listCode).then(() => {
+        if (columnInfoArr.length === 0) {
+          Message({
+            message: getI18n().t('imatrixUIMessage.noExportColumnsConfigured'),
+            type: 'warning',
+            showClose: true
+          })
+          resolve(false)
+        } else {
+          exportColumns(getExportInfo(data, excelName, listCode, columnInfoArr)).then((result) => {
+            resolve(result)
+          }).catch(error => {
+            reject(error)
+          })
+        }
+      }).catch(error => {
+        reject(error)
+      })
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * @param {exportInfo} Object 导出的字段配置集合及导出的数据信息
+ */
+function exportColumns(exportInfo) {
+  return new Promise((resolve, reject) => {
+    let excelName = exportInfo.exportData.excelName
+    if (!excelName || excelName === null || excelName === '') {
+      excelName = 'default.xlsx'
+    } else {
+      excelName = excelName + '.xlsx'
+    }
+    Vue.prototype.$http.post(Vue.prototype.baseAPI + '/component/super-grids/exports', exportInfo).then(fileName => {
+      // window.location.href = Vue.prototype.baseAPI + '/component/super-grids/downloads?fileName=' + encodeURI(fileName)
+      return download(Vue.prototype.baseAPI + '/component/super-grids/downloads?fileName=' + encodeURI(fileName) + '&_t=' + new Date().getTime(), excelName)
+    }).then((result) => {
+      resolve(result)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+function getExportColumnsByStore(columns) {
+  let exportColumns = []
+  columns.forEach(column => {
+    if (column.children && column.children.length > 0) {
+      // 解决组合表头时没有导出的问题
+      exportColumns = exportColumns.concat(getExportColumnsByStore(column.children))
+    } else {
+      if (column.exportable && column.exportable === true) {
+        exportColumns.push(column)
+      }
+    }
+  })
+  return exportColumns
+}
+
+function getExportInfo(data, excelName, listCode, columnInfoArr) {
+  if (!excelName || excelName === null || excelName === '') {
+    excelName = listCode
+  }
+  return {
+    exportColumns: columnInfoArr,
+    exportData: getExportData(data, excelName)
+  }
+}
+
+function getExportData(data, excelName) {
+  return {
+    excelName: excelName,
+    exportSheetData: [{
+      data: data,
+      sheetName: excelName
+    }]
+  }
+}
+
+function isHasTheOption(event, exportOptions) {
+  if (typeof (exportOptions) !== 'undefined' && typeof (exportOptions[event]) !== 'undefined') {
+    return true
+  }
+  return false
+}
+
+function download(url, fileName) {
+  return new Promise((resolve, reject) => {
+    Vue.prototype.$http({
+      method: 'GET',
+      url: url,
+      responseType: 'blob'
+    }).then(res => {
+      const blob = new Blob([res])
+      if (window.navigator.msSaveOrOpenBlob) {
+        navigator.msSaveBlob(blob, fileName)
+      } else {
+        const link = document.createElement('a')
+        const evt = document.createEvent('HTMLEvents')
+        evt.initEvent('click', false, false)
+        link.href = URL.createObjectURL(blob)
+        link.download = fileName
+        link.style.display = 'none'
+        document.body.appendChild(link)
+        link.click()
+        window.URL.revokeObjectURL(link.href)
+      }
+      resolve(true)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+export default {
+  exportData,
+  download
+}