imatrix-ui 0.0.15 → 0.1.1-up

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

@@ -0,0 +1,623 @@
+import * as 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,
+  isAsync,
+  pageCode
+) {
+  return new Promise((resolve, reject) => {
+    exportResultData(
+      dataParam,
+      excelName,
+      listCode,
+      exportOptions,
+      functionCode,
+      uuid,
+      isAsync,
+      pageCode
+    )
+      .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,
+  isAsync,
+  pageCode
+) {
+  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,
+          isAsync,
+          pageCode
+        )
+          .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)
+    }
+    window.$vueApp.config.globalProperties.$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 getGridSystemCode(gridParams) {
+  if (gridParams && gridParams.basicInfo && gridParams.basicInfo.systemCode) {
+    return gridParams.basicInfo.systemCode
+  }
+}
+
+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,
+  isAsync,
+  pageCode
+) {
+  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
+      }
+      const systemCode = getGridSystemCode(gridParams)
+      param.systemCode = systemCode
+      // 用来控制按钮禁止编辑的
+      localStorage.setItem(uuid, 'start')
+      // 是否异步
+      param['async'] = isAsync
+      // 页面编码
+      param['pageCode'] = pageCode
+      window.$vueApp.config.globalProperties.$http
+        .post(
+          window.$vueApp.config.globalProperties.baseURL +
+            '/dsc/commons/export-list-data',
+          param
+        )
+        .then((data) => {
+          if (isAsync) {
+            Message({
+              message: getI18n().t('imatrixUIMessage.asyncExport'),
+              type: 'success',
+              showClose: true,
+            })
+            localStorage.setItem(uuid, 'ok')
+          } else {
+            if (data.indexOf('~~') >= 0) {
+              localStorage.setItem(uuid, 'ok')
+              return download(
+                window.$vueApp.config.globalProperties.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(() => {
+    window.$vueApp.config.globalProperties.$http
+      .post(
+        window.$vueApp.config.globalProperties.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(
+                window.$vueApp.config.globalProperties.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
+    }
+    window.$vueApp.config.globalProperties.$http
+      .post(
+        window.$vueApp.config.globalProperties.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'
+    }
+    window.$vueApp.config.globalProperties.$http
+      .post(
+        window.$vueApp.config.globalProperties.baseAPI +
+          '/component/super-grids/exports',
+        exportInfo
+      )
+      .then((fileName) => {
+        // window.location.href = Vue.prototype.baseAPI + '/component/super-grids/downloads?fileName=' + encodeURI(fileName)
+        return download(
+          window.$vueApp.config.globalProperties.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 (
+    exportOptions !== null &&
+    typeof exportOptions !== 'undefined' &&
+    typeof exportOptions[event] !== 'undefined'
+  ) {
+    return true
+  }
+  return false
+}
+
+function download(url, fileName) {
+  return new Promise((resolve, reject) => {
+    window.$vueApp.config.globalProperties
+      .$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,
+}