agilebuilder-ui 1.0.0

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

@@ -0,0 +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

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,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

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

@@ -0,0 +1,227 @@
+<template>
+	<div>
+		<el-dialog
+				:close-on-click-modal="false"
+				:title="$t('departmentUserTreeInline.removeUser')"
+				: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="removeAllUser()"
+				>
+					{{ $t('imatrixUIPublicModel.clear') }}
+				</el-button>
+			</div>
+
+			<el-table
+					ref="removeUserGrid"
+					:data="users"
+					:height="height"
+					border
+					row-key="id"
+			>
+				<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
+									:icon="ElIconDelete"
+									circle
+									size="default"
+									type="danger"
+									@click="removeUser(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="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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +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

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

@@ -0,0 +1,184 @@
+<template>
+	<div>
+		<el-dialog
+				:close-on-click-modal="false"
+				:title="$t('workgroupTree.removeWorkgroup')"
+				: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="removeAllWg()"
+				>
+					{{ $t('imatrixUIPublicModel.clear') }}
+				</el-button>
+			</div>
+
+			<el-table
+					ref="removeWgGrid"
+					:data="workgroups"
+					:height="height"
+					border
+					row-key="id"
+			>
+				<el-table-column :label="$t('workgroupTree.name')" prop="name"/>
+				<el-table-column :label="$t('workgroupTree.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="removeWg(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="confirmSelectWg">
+						{{ $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 removeWorkgroupService from './remove-workgroup-service'
+
+export default {
+	data() {
+		return {
+			workgroups: [],
+			// 原来选择的工作组集合
+			originalWgs: [],
+			// 公司节点的id
+			tenantNodeId: -1,
+			ElIconDelete,
+		}
+	},
+	name: 'RemoveWorkgroup',
+	components: {},
+	props: {
+		// 多选工作组树时，已选择工作组id或工作组名称或编码集合，多个之间以逗号隔开
+		selectWorkgroupInfo: {
+			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.selectWorkgroupInfo) {
+			this.getSelectWgs(
+					this.searchField,
+					this.selectWorkgroupInfo,
+					this.separator
+			).then((workgroups) => {
+				this.originalWgs = workgroups
+				this.workgroups = workgroups
+			})
+		}
+	},
+	methods: {
+		...removeWorkgroupService,
+		confirmSelectWg() {
+			const searchFieldValues = []
+			var retainSelectWgs = {
+				ids: [],
+				names: [],
+				codes: [],
+				workgroups: [],
+			}
+			for (var i = 0; i < this.workgroups.length; i++) {
+				var workgroup = this.workgroups[i]
+				retainSelectWgs.ids.push(workgroup.id)
+				retainSelectWgs.codes.push(workgroup.code)
+				retainSelectWgs.workgroups.push(workgroup)
+				retainSelectWgs.names.push(workgroup.name)
+				// 将用于查询的字段的值存到数组中，获得移除的元素时使用
+				searchFieldValues.push(workgroup[this.searchField])
+			}
+			const removeItems = this.getRemoveItems(
+					this.originalWgs,
+					searchFieldValues,
+					this.searchField
+			)
+			$emit(this, 'close', retainSelectWgs, removeItems)
+		},
+		// 选中了组织结构树的根节点
+		packageAllWg() {
+			// 表示集合中不存在该用户，则封装该用户
+			var allDept = {
+				id: this.tenantNodeId,
+				name: '所有工作组',
+			}
+			return allDept
+		},
+		// 移除用户
+		removeWg(index) {
+			this.workgroups.splice(index, 1)
+		},
+		// 清空用户
+		removeAllWg() {
+			this.workgroups = []
+		},
+		// 获得移除的元素集合
+		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/rich-editor/index.js

@@ -0,0 +1,7 @@
+import RichEditor from './index.vue'
+
+RichEditor.install = function (Vue) {
+  Vue.component(RichEditor.name, RichEditor)
+}
+
+export default RichEditor