imatrix-ui 0.0.15 → 0.1.1-up

package/components/plugins/export-data.js

@@ -0,0 +1,431 @@
+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, exportOptions) {
+  return new Promise((resolve, reject) => {
+    exportResultData(dataParam, excelName, listCode, exportOptions)
+      .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) {
+  return new Promise((resolve, reject) => {
+    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('data')) {
+        // 导出选中行
+        const result = {}
+        result['_data'] = dataParam.data
+        exportMyData(JSON.stringify(result), excelName, listCode)
+          .then((result) => {
+            resolve(result)
+          })
+          .catch((error) => {
+            reject(error)
+          })
+      } else if (dataParam && dataParam.hasOwnProperty('url')) {
+        // 导出url对应的数据
+        exportUrlData(dataParam, excelName, listCode)
+          .then((result) => {
+            resolve(result)
+          })
+          .catch((error) => {
+            reject(error)
+          })
+      } else {
+        // 导出台账数据，有查询条件则导出查询条件对应的数据，没有查询条件则导出所有记录
+        exportListData(excelName, listCode)
+          .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 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)
+    }
+  }
+  return param
+}
+// 导出当前台账数据
+function exportListData(excelName, listCode) {
+  return new Promise((resolve, reject) => {
+    const gridParams = getGridParams(listCode)
+    if (gridParams === undefined || gridParams === null) {
+      reject('导出失败')
+    } else {
+      const param = getExportParamByGridParam(listCode)
+      window.$vueApp.config.globalProperties.$http
+        .post(gridParams.url, param)
+        .then((page) => {
+          let data = page.data
+          if (!data) {
+            data = []
+          }
+          const result = {}
+          result['_data'] = data
+          return exportMyData(JSON.stringify(result), excelName, listCode)
+        })
+        .then((result) => {
+          resolve(result)
+        })
+        .catch((error) => {
+          reject(error)
+        })
+    }
+  })
+}
+
+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) {
+  const exportColumns = []
+  columns.forEach((column) => {
+    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) => {
+    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,
+}

package/components/plugins/index.js

@@ -0,0 +1,15 @@
+import ExportService from './export-data'
+import ExportNewService from './export-data-new'
+import publicMethodService from './public-method'
+
+export default {
+  install: function (Vue, options) {
+    Vue.config.globalProperties.$exportData = ExportService.exportData
+    Vue.config.globalProperties.$isInIframe = publicMethodService.isInIframe
+    Vue.config.globalProperties.$escapeHtml = publicMethodService.escapeHtml
+    Vue.config.globalProperties.$download = ExportService.download
+    Vue.config.globalProperties.$refreshList = publicMethodService.refreshList
+    Vue.config.globalProperties.$exportDataNew = ExportNewService.exportData
+    Vue.config.globalProperties.$downloadNew = ExportNewService.download
+  },
+}

package/components/plugins/public-method.js

@@ -0,0 +1,47 @@
+/**
+ * 判断当前元素是否在iframe内，如果在iframe内则返回true，否则返回false
+ */
+function isInIframe() {
+  // if (window.frames.length !== parent.frames.length) {
+  //   // 在iframe内
+  //   return true
+  // } else {
+  //   // 不在iframe内
+  //   return false
+  // }
+  if (self !== top) {
+    // 在iframe内
+    return true
+  } else {
+    // 不在iframe内
+    return false
+  }
+}
+
+// 多个列表编码之间以逗号隔开；如果一个页面中有多个九宫格列表，且使用的是一个列表编码，listCode的格式应为：listCode~gridId，例如：MMS_BUSSINESS_SYSTEM~grid1
+function refreshList(listCodes) {
+  if (listCodes) {
+    const listCodesArr = listCodes.split(',')
+    listCodesArr.forEach((listCode) => {
+      window.sessionStorage.setItem('refreshList-' + listCode, 'true')
+    })
+  }
+}
+
+// 处理xss攻击
+function escapeHtml(content) {
+  if (
+    content !== undefined &&
+    content !== null &&
+    typeof content === 'string'
+  ) {
+    content = content.replace(/</g, '&lt;').replace(/>/g, '&gt;')
+  }
+  return content
+}
+
+export default {
+  isInIframe,
+  refreshList,
+  escapeHtml,
+}