imatrix-ui 0.2.0-up → 0.2.2-up

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

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

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

@@ -1,226 +1,226 @@
-<template>
-  <div>
-    <el-dialog
-      class="user-tree"
-      model-value
-      :title="$t('departmentUserTreeInline.removeUser')"
-      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="removeAllUser()"
-        >
-          {{ $t('imatrixUIPublicModel.clear') }}
-        </el-button>
-      </div>
-
-      <el-table
-        ref="removeUserGrid"
-        :data="users"
-        row-key="id"
-        border
-        :height="height"
-      >
-        <el-table-column
-          :label="$t('departmentUserTreeInline.name')"
-          prop="name"
-        />
-        <el-table-column
-          :label="$t('departmentUserTreeInline.department')"
-          prop="mainDepartmentName"
-        />
-        <el-table-column
-          v-if="containBranch"
-          :label="$t('departmentUserTreeInline.branch')"
-          prop="subCompanyName"
-        />
-        <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="removeUser(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="confirmSelectUser">
-            {{ $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 removeUserService from './remove-user-service'
-export default {
-  data() {
-    return {
-      users: [],
-      // 原来选择的用户集合
-      originalUsers: [],
-      // 是否包含分支
-      containBranch: false,
-      // 公司节点的id
-      tenantNodeId: -1,
-      ElIconDelete,
-    }
-  },
-  name: 'RemoveUser',
-  components: {},
-  props: {
-    // 多选用户树时，已选择用户id或登录名集合，多个之间以逗号隔开
-    selectUserInfo: {
-      type: [String, Number],
-      default: null,
-    },
-    // 移除用户时，用户属性名称：id、loginName、email、telephone，默认是loginName
-    searchField: {
-      type: String,
-      default: 'loginName',
-    },
-    // 弹框的宽度
-    width: {
-      type: String,
-      default: '30%',
-    },
-    // 弹框的高度
-    height: {
-      type: String,
-      default: '300px',
-    },
-    // 多选树时结果之间的分隔符，默认是逗号分隔
-    separator: {
-      type: String,
-      default: ',',
-    },
-  },
-  created() {
-    if (this.selectUserInfo) {
-      if (this.selectUserInfo === '所有用户') {
-        // 表示已选择所有用户
-        this.users.push(this.packageAllUser())
-      } else if (this.selectUserInfo === '所有工作组人员') {
-        this.users.push(this.packageAllWgUser())
-      } else {
-        // 表示不是选择的所有用户
-        this.getSelectUsers(
-          this.searchField,
-          this.selectUserInfo,
-          this.separator
-        ).then((users) => {
-          this.originalUsers = users
-          this.users = users
-        })
-      }
-    }
-  },
-  methods: {
-    ...removeUserService,
-    confirmSelectUser() {
-      const searchFieldValues = []
-      const retainSelectUsers = {
-        userIds: [],
-        loginNames: [],
-        emails: [],
-        telephones: [],
-        users: [],
-        userNames: [],
-      }
-      for (var i = 0; i < this.users.length; i++) {
-        var user = this.users[i]
-        retainSelectUsers.userIds.push(user.id)
-        retainSelectUsers.loginNames.push(user.loginName)
-        if (user.email && user.email !== '') {
-          retainSelectUsers.emails.push(user.email)
-        }
-        if (user.telephone && user.telephone !== '') {
-          retainSelectUsers.telephones.push(user.telephone)
-        }
-        retainSelectUsers.users.push(user)
-        var name = user.name
-        if (this.containBranch && user.subCompanyName) {
-          // 如果包含分支机构，则拼接分支机构名称
-          name = name + '（' + user.subCompanyName + '）'
-        }
-        retainSelectUsers.userNames.push(name)
-        // 将用于查询的字段的值存到数组中，获得移除的元素时使用
-        searchFieldValues.push(user[this.searchField])
-      }
-      const removeItems = this.getRemoveItems(
-        this.originalUsers,
-        searchFieldValues,
-        this.searchField
-      )
-      $emit(this, 'close', retainSelectUsers, removeItems)
-    },
-    // 部门人员树选中了组织结构树的根节点
-    packageAllUser() {
-      // 表示集合中不存在该用户，则封装该用户
-      var allUser = {
-        id: this.tenantNodeId,
-        name: '所有用户',
-      }
-      return allUser
-    },
-    // 工作组人员树选中了组织结构树的根节点
-    packageAllWgUser() {
-      // 表示集合中不存在该用户，则封装该用户
-      var allUser = {
-        id: this.tenantNodeId,
-        name: '所有工作组人员',
-      }
-      return allUser
-    },
-    // 移除用户
-    removeUser(index) {
-      this.users.splice(index, 1)
-    },
-    // 清空用户
-    removeAllUser() {
-      this.users = []
-    },
-    // 获得移除的元素集合
-    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('departmentUserTreeInline.removeUser')"
+      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="removeAllUser()"
+        >
+          {{ $t('imatrixUIPublicModel.clear') }}
+        </el-button>
+      </div>
+
+      <el-table
+        ref="removeUserGrid"
+        :data="users"
+        row-key="id"
+        border
+        :height="height"
+      >
+        <el-table-column
+          :label="$t('departmentUserTreeInline.name')"
+          prop="name"
+        />
+        <el-table-column
+          :label="$t('departmentUserTreeInline.department')"
+          prop="mainDepartmentName"
+        />
+        <el-table-column
+          v-if="containBranch"
+          :label="$t('departmentUserTreeInline.branch')"
+          prop="subCompanyName"
+        />
+        <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="removeUser(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="confirmSelectUser">
+            {{ $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 removeUserService from './remove-user-service'
+export default {
+  data() {
+    return {
+      users: [],
+      // 原来选择的用户集合
+      originalUsers: [],
+      // 是否包含分支
+      containBranch: false,
+      // 公司节点的id
+      tenantNodeId: -1,
+      ElIconDelete,
+    }
+  },
+  name: 'RemoveUser',
+  components: {},
+  props: {
+    // 多选用户树时，已选择用户id或登录名集合，多个之间以逗号隔开
+    selectUserInfo: {
+      type: [String, Number],
+      default: null,
+    },
+    // 移除用户时，用户属性名称：id、loginName、email、telephone，默认是loginName
+    searchField: {
+      type: String,
+      default: 'loginName',
+    },
+    // 弹框的宽度
+    width: {
+      type: String,
+      default: '30%',
+    },
+    // 弹框的高度
+    height: {
+      type: String,
+      default: '300px',
+    },
+    // 多选树时结果之间的分隔符，默认是逗号分隔
+    separator: {
+      type: String,
+      default: ',',
+    },
+  },
+  created() {
+    if (this.selectUserInfo) {
+      if (this.selectUserInfo === '所有用户') {
+        // 表示已选择所有用户
+        this.users.push(this.packageAllUser())
+      } else if (this.selectUserInfo === '所有工作组人员') {
+        this.users.push(this.packageAllWgUser())
+      } else {
+        // 表示不是选择的所有用户
+        this.getSelectUsers(
+          this.searchField,
+          this.selectUserInfo,
+          this.separator
+        ).then((users) => {
+          this.originalUsers = users
+          this.users = users
+        })
+      }
+    }
+  },
+  methods: {
+    ...removeUserService,
+    confirmSelectUser() {
+      const searchFieldValues = []
+      const retainSelectUsers = {
+        userIds: [],
+        loginNames: [],
+        emails: [],
+        telephones: [],
+        users: [],
+        userNames: [],
+      }
+      for (var i = 0; i < this.users.length; i++) {
+        var user = this.users[i]
+        retainSelectUsers.userIds.push(user.id)
+        retainSelectUsers.loginNames.push(user.loginName)
+        if (user.email && user.email !== '') {
+          retainSelectUsers.emails.push(user.email)
+        }
+        if (user.telephone && user.telephone !== '') {
+          retainSelectUsers.telephones.push(user.telephone)
+        }
+        retainSelectUsers.users.push(user)
+        var name = user.name
+        if (this.containBranch && user.subCompanyName) {
+          // 如果包含分支机构，则拼接分支机构名称
+          name = name + '（' + user.subCompanyName + '）'
+        }
+        retainSelectUsers.userNames.push(name)
+        // 将用于查询的字段的值存到数组中，获得移除的元素时使用
+        searchFieldValues.push(user[this.searchField])
+      }
+      const removeItems = this.getRemoveItems(
+        this.originalUsers,
+        searchFieldValues,
+        this.searchField
+      )
+      $emit(this, 'close', retainSelectUsers, removeItems)
+    },
+    // 部门人员树选中了组织结构树的根节点
+    packageAllUser() {
+      // 表示集合中不存在该用户，则封装该用户
+      var allUser = {
+        id: this.tenantNodeId,
+        name: '所有用户',
+      }
+      return allUser
+    },
+    // 工作组人员树选中了组织结构树的根节点
+    packageAllWgUser() {
+      // 表示集合中不存在该用户，则封装该用户
+      var allUser = {
+        id: this.tenantNodeId,
+        name: '所有工作组人员',
+      }
+      return allUser
+    },
+    // 移除用户
+    removeUser(index) {
+      this.users.splice(index, 1)
+    },
+    // 清空用户
+    removeAllUser() {
+      this.users = []
+    },
+    // 获得移除的元素集合
+    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-workgroup/index.js

@@ -1,6 +1,6 @@
-import RemoveWorkgroup from './src/remove-workgroup.vue'
-RemoveWorkgroup.install = function (Vue) {
-  window.$vueApp.component(RemoveWorkgroup.name, RemoveWorkgroup)
-}
-
-export default RemoveWorkgroup
+import RemoveWorkgroup from './src/remove-workgroup.vue'
+RemoveWorkgroup.install = function (Vue) {
+  Vue.component(RemoveWorkgroup.name, RemoveWorkgroup)
+}
+
+export default RemoveWorkgroup

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

@@ -1,31 +1,31 @@
-import * as Vue from 'vue'
-const removeUserService = {
-  // 根据指定工作组信息获得工作组集合
-  getSelectWgs(searchField, selectWgInfo, separator) {
-    return new Promise((resolve, reject) => {
-      if (!searchField) {
-        resolve([])
-      } else if (!selectWgInfo) {
-        resolve([])
-      } else {
-        this.$http
-          .get(
-            window.$vueApp.config.globalProperties.baseAPI +
-              '/component/organization-trees/select-workgroups?searchField=' +
-              searchField +
-              '&selectWorkgroupInfo=' +
-              selectWgInfo +
-              '&separator=' +
-              separator
-          )
-          .then((workgroups) => {
-            resolve(workgroups)
-          })
-          .catch((error) => {
-            reject(error)
-          })
-      }
-    })
-  },
-}
-export default removeUserService
+import * as Vue from 'vue'
+const removeUserService = {
+  // 根据指定工作组信息获得工作组集合
+  getSelectWgs(searchField, selectWgInfo, separator) {
+    return new Promise((resolve, reject) => {
+      if (!searchField) {
+        resolve([])
+      } else if (!selectWgInfo) {
+        resolve([])
+      } else {
+        this.$http
+          .get(
+            window.$vueApp.config.globalProperties.baseAPI +
+              '/component/organization-trees/select-workgroups?searchField=' +
+              searchField +
+              '&selectWorkgroupInfo=' +
+              selectWgInfo +
+              '&separator=' +
+              separator
+          )
+          .then((workgroups) => {
+            resolve(workgroups)
+          })
+          .catch((error) => {
+            reject(error)
+          })
+      }
+    })
+  },
+}
+export default removeUserService