agilebuilder-ui 1.0.0

package/packages/plugins/export-data.js

@@ -0,0 +1,431 @@
+import store from '../super-grid/src/store'
+import {getExtraParam} from '../super-grid/src/utils'
+import nineGridStore from '../super-nine-grid/src/store'
+import {ElMessage as Message} from 'element-plus'
+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 = window.$vueApp.config.globalProperties.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/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.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/packages/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,
+}

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,201 @@
+<template>
+	<div>
+		<el-dialog
+				:close-on-click-modal="false"
+				:title="$t('departmentTreeInline.removeDepartment')"
+				:width="width"
+				append-to-body
+				class="user-tree"
+				model-value
+				@close="$emit('close')"
+				@closed="$emit('closed')"
+				@open="$emit('open')"
+				@opend="$emit('opend')"
+		>
+			<div style="margin-bottom: 10px">
+				<el-button
+						:icon="ElIconDelete"
+						size="default"
+						type="danger"
+						@click="removeAllDept()"
+				>
+					{{ $t('imatrixUIPublicModel.clear') }}
+				</el-button>
+			</div>
+
+			<el-table
+					ref="removeDeptGrid"
+					:data="departments"
+					:height="height"
+					border
+					row-key="id"
+			>
+				<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 v-slot="scope">
+						<div>
+							<el-button
+									:icon="ElIconDelete"
+									circle
+									size="default"
+									type="danger"
+									@click="removeDept(scope.$index)"
+							/>
+						</div>
+					</template>
+				</el-table-column>
+			</el-table>
+			<template v-slot:footer>
+				<div class="dialog-footer">
+					<el-button size="default" @click="$emit('close')">
+						{{ $t('imatrixUIPublicModel.cancel') }}
+					</el-button>
+					<el-button size="default" type="primary" @click="confirmSelectDept">
+						{{ $t('imatrixUIPublicModel.sure') }}
+					</el-button>
+				</div>
+			</template>
+		</el-dialog>
+	</div>
+</template>
+
+<script>
+import {Delete as ElIconDelete} from '@element-plus/icons-vue'
+import {$on, $off, $once, $emit} from '../../utils/gogocodeTransfer'
+import removeDeptService from './remove-dept-service'
+
+export default {
+	data() {
+		return {
+			departments: [],
+			// 原来选择的部门集合
+			originalDepts: [],
+			// 是否包含分支
+			containBranch: false,
+			// 公司节点的id
+			tenantNodeId: -1,
+			ElIconDelete,
+		}
+	},
+	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: ',',
+		},
+	},
+	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
+			)
+			$emit(this, '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 []
+		},
+	},
+	emits: ['open', 'opend', 'close', 'closed', 'opend', 'close', 'closed'],
+}
+</script>