imatrix-ui 0.2.6-up → 0.2.7-up

package/packages/plugins/index.js

@@ -1,15 +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
-  },
-}
+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

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

@@ -1,6 +1,6 @@
-import RemoveDepartment from './src/remove-department.vue'
-RemoveDepartment.install = function (Vue) {
-  Vue.component(RemoveDepartment.name, RemoveDepartment)
-}
-
-export default RemoveDepartment
+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

@@ -1,200 +1,200 @@
-<template>
-  <div>
-    <el-dialog
-      class="user-tree"
-      model-value
-      :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="ElIconDelete"
-          @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 v-slot="scope">
-            <div>
-              <el-button
-                type="danger"
-                size="mini"
-                :icon="ElIconDelete"
-                circle
-                @click="removeDept(scope.$index)"
-              />
-            </div>
-          </template>
-        </el-table-column>
-      </el-table>
-      <template v-slot:footer>
-        <div 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>
-      </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>
+<template>
+  <div>
+    <el-dialog
+      class="user-tree"
+      model-value
+      :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="ElIconDelete"
+          @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 v-slot="scope">
+            <div>
+              <el-button
+                type="danger"
+                size="mini"
+                :icon="ElIconDelete"
+                circle
+                @click="removeDept(scope.$index)"
+              />
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+      <template v-slot:footer>
+        <div 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>
+      </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>

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

@@ -1,31 +1,31 @@
-import * as 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(
-            window.$vueApp.config.globalProperties.baseAPI +
-              '/component/organization-trees/select-departments?searchField=' +
-              searchField +
-              '&selectDeptInfo=' +
-              selectDeptInfo +
-              '&separator=' +
-              separator
-          )
-          .then((departments) => {
-            resolve(departments)
-          })
-          .catch((error) => {
-            reject(error)
-          })
-      }
-    })
-  },
-}
-export default removeUserService
+import * as 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(
+            window.$vueApp.config.globalProperties.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

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