imatrix-ui 2.8.21-dw → 2.8.21

package/packages/plugins/export-data.js

@@ -0,0 +1,361 @@
+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, 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)
+    }
+    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)
+    }
+  }
+  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)
+      Vue.prototype.$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
+    }
+    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) {
+  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) => {
+    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
+}

package/packages/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.prototype.$exportData = ExportService.exportData
+    Vue.prototype.$isInIframe = publicMethodService.isInIframe
+    Vue.prototype.$escapeHtml = publicMethodService.escapeHtml
+    Vue.prototype.$download = ExportService.download
+    Vue.prototype.$refreshList = publicMethodService.refreshList
+    Vue.prototype.$exportDataNew = ExportNewService.exportData
+    Vue.prototype.$downloadNew = ExportNewService.download
+  }
+}

package/packages/plugins/public-method.js

@@ -0,0 +1,43 @@
+/**
+ * 判断当前元素是否在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 => {
+      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
+}

package/packages/remove-department/index.js

@@ -0,0 +1,6 @@
+import RemoveDepartment from './src/remove-department.vue'
+RemoveDepartment.install = function(Vue) {
+  Vue.component(RemoveDepartment.name, RemoveDepartment)
+}
+
+export default RemoveDepartment

package/packages/remove-department/src/remove-department.vue

@@ -0,0 +1,172 @@
+<template>
+  <div>
+    <el-dialog
+      class="user-tree"
+      visible
+      :title="$t('departmentTreeInline.removeDepartment')"
+      append-to-body
+      :close-on-click-modal="false"
+      :width="width"
+      @open="$emit('open')"
+      @opend="$emit('opend')"
+      @close="$emit('close')"
+      @closed="$emit('closed')"
+    >
+      <div style="margin-bottom:10px">
+        <el-button type="danger" size="mini" icon="el-icon-delete" @click="removeAllDept()">
+          {{ $t('imatrixUIPublicModel.clear') }}
+        </el-button>
+      </div>
+
+      <el-table
+        ref="removeDeptGrid"
+        :data="departments"
+        row-key="id"
+        border
+        :height="height"
+      >
+        <el-table-column
+          :label="$t('departmentTreeInline.name')"
+          prop="name"
+        />
+        <el-table-column
+          :label="$t('departmentTreeInline.code')"
+          prop="code"
+        />
+        <el-table-column :label="$t('imatrixUIPublicModel.edit')" align="center" width="60px">
+          <template slot-scope="scope">
+            <div>
+              <el-button type="danger" size="mini" icon="el-icon-delete" circle @click="removeDept(scope.$index)" />
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div slot="footer" class="dialog-footer">
+        <el-button size="small" @click="$emit('close')">
+          {{ $t('imatrixUIPublicModel.cancel') }}
+        </el-button>
+        <el-button size="small" type="primary" @click="confirmSelectDept">
+          {{ $t('imatrixUIPublicModel.sure') }}
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<style>
+</style>
+<script>
+import removeDeptService from './remove-dept-service'
+export default {
+  name: 'RemoveDepartment',
+  components: {
+  },
+  props: {
+    // 多选部门树时，已选择部门id或部门名称或编码集合，多个之间以逗号隔开
+    selectDepartmentInfo: {
+      type: [String, Number],
+      default: null
+    },
+    // 移除部门时，部门属性名称：id、name、code，默认是id
+    searchField: {
+      type: String,
+      default: 'id'
+    },
+    // 弹框的宽度
+    width: {
+      type: String,
+      default: '30%'
+    },
+    // 弹框的高度
+    height: {
+      type: String,
+      default: '300px'
+    },
+    // 多选树时结果之间的分隔符，默认是逗号分隔
+    separator: {
+      type: String,
+      default: ','
+    }
+  },
+  data() {
+    return {
+      departments: [],
+      originalDepts: [], // 原来选择的部门集合
+      containBranch: false, // 是否包含分支
+      tenantNodeId: -1 // 公司节点的id
+    }
+  },
+  created() {
+    if (this.selectDepartmentInfo) {
+      if (this.selectDepartmentInfo === this.tenantNodeId || this.selectDepartmentInfo === '所有部门') {
+        // 表示已选择所有用户
+        this.departments.push(this.packageAllDept())
+      } else {
+        // 表示不是选择的所有用户
+        this.getSelectDepts(this.searchField, this.selectDepartmentInfo, this.separator).then(departments => {
+          this.originalDepts = departments
+          this.departments = departments
+        })
+      }
+    }
+  },
+  methods: {
+    ...removeDeptService,
+    confirmSelectDept() {
+      const searchFieldValues = []
+      var retainSelectDepts = {
+        ids: [],
+        names: [],
+        codes: [],
+        departments: []
+      }
+      for (var i = 0; i < this.departments.length; i++) {
+        var dept = this.departments[i]
+        // 不存在该用户则放到结果集合中，去掉重复使用
+        retainSelectDepts.ids.push(dept.id)
+        retainSelectDepts.codes.push(dept.code)
+        retainSelectDepts.departments.push(dept)
+        var name = dept.name
+        if (this.containBranch && dept.branchName) {
+          // 如果包含分支机构，则拼接分支机构名称
+          name = name + '（' + dept.branchName + '）'
+        }
+        retainSelectDepts.names.push(name)
+        // 将用于查询的字段的值存到数组中，获得移除的元素时使用
+        searchFieldValues.push(dept[this.searchField])
+      }
+      const removeItems = this.getRemoveItems(this.originalDepts, searchFieldValues, this.searchField)
+      this.$emit('close', retainSelectDepts, removeItems)
+    },
+    // 选中了组织结构树的根节点
+    packageAllDept() {
+      // 表示集合中不存在该用户，则封装该用户
+      var allDept = {
+        id: this.tenantNodeId,
+        name: '所有部门'
+      }
+      return allDept
+    },
+    // 移除用户
+    removeDept(index) {
+      this.departments.splice(index, 1)
+    },
+    // 清空用户
+    removeAllDept() {
+      this.departments = []
+    },
+    // 获得移除的元素集合
+    getRemoveItems(allValues, retainValues, searchField) {
+      if (retainValues === undefined || retainValues.length === 0) {
+        // 表示没有保留任何一条记录，即移除了所有元素
+        return allValues
+      }
+      if (allValues) {
+        // 根据id筛选出
+        return allValues.filter(item => retainValues.indexOf(item[searchField]) === -1)
+      }
+      return []
+    }
+
+  }
+}
+</script>

package/packages/remove-department/src/remove-dept-service.js

@@ -0,0 +1,20 @@
+import Vue from 'vue'
+const removeUserService = {
+  // 根据指定部门信息获得部门集合
+  getSelectDepts(searchField, selectDeptInfo, separator) {
+    return new Promise((resolve, reject) => {
+      if (!searchField) {
+        resolve([])
+      } else if (!selectDeptInfo) {
+        resolve([])
+      } else {
+        this.$http.get(Vue.prototype.baseAPI + '/component/organization-trees/select-departments?searchField=' + searchField + '&selectDeptInfo=' + selectDeptInfo + '&separator=' + separator).then(departments => {
+          resolve(departments)
+        }).catch(error => {
+          reject(error)
+        })
+      }
+    })
+  }
+}
+export default removeUserService

package/packages/remove-user/index.js

@@ -0,0 +1,6 @@
+import RemoveUser from './src/remove-user.vue'
+RemoveUser.install = function(Vue) {
+  Vue.component(RemoveUser.name, RemoveUser)
+}
+
+export default RemoveUser

package/packages/remove-user/src/remove-user-service.js

@@ -0,0 +1,20 @@
+import Vue from 'vue'
+const removeUserService = {
+  // 根据指定用户信息获得用户集合
+  getSelectUsers(searchField, selectUserInfo, separator) {
+    return new Promise((resolve, reject) => {
+      if (!searchField) {
+        resolve([])
+      } else if (!selectUserInfo) {
+        resolve([])
+      } else {
+        this.$http.get(Vue.prototype.baseAPI + '/component/organization-trees/select-users?searchField=' + searchField + '&selectUserInfo=' + selectUserInfo + '&separator=' + separator).then(users => {
+          resolve(users)
+        }).catch(error => {
+          reject(error)
+        })
+      }
+    })
+  }
+}
+export default removeUserService