agilebuilder-ui 1.0.0

package/packages/department-user-tree-inline/src/search-result.vue

@@ -0,0 +1,286 @@
+<template>
+	<div style="height: 100%">
+		<el-table
+				ref="superGrid"
+				:data="gridData"
+				:max-height="myHeight"
+				:row-class-name="tableRowClassName"
+				border
+				fit
+				row-key="id"
+				stripe
+				@row-click="rowClick"
+				@row-dblclick="rowDblclick"
+		>
+			<template v-slot:empty>
+				<div class="roleQuery_center_area" style="height: 395px">
+					<div
+							class="roleQuery_notAvailable"
+							style="width: 120px; height: 120px"
+					>
+            <span class="roleQuery_notAvailable_text">{{
+		            $t('imatrixUIPromptMessage.NoContent')
+	            }}</span>
+					</div>
+				</div>
+			</template>
+			<el-table-column v-if="multiple === false" fixed width="60">
+				<template v-slot="scope">
+					<el-radio
+							v-model="singleUserIndex"
+							:label="scope.$index"
+							@change="selectUser"
+					>
+						{{ scope.$index + 1 }}
+					</el-radio>
+				</template>
+			</el-table-column>
+			<el-table-column
+					v-if="multiple && isSearchResult"
+					:label="$t('imatrixUIPublicModel.edit')"
+					align="center"
+					fixed
+					width="60px"
+			>
+				<template v-slot="scope">
+					<div>
+						<el-button
+								:disabled="isDisable(scope.row)"
+								:icon="ElIconPlus"
+								circle
+								size="default"
+								type="primary"
+								@click="addUser(scope.$index, scope.row)"
+						/>
+					</div>
+				</template>
+			</el-table-column>
+			<el-table-column
+					v-if="multiple && !isSearchResult"
+					:label="$t('imatrixUIPublicModel.edit')"
+					align="center"
+					fixed="right"
+					width="60px"
+			>
+				<template v-slot="scope">
+					<div>
+						<el-button
+								:icon="ElIconDelete"
+								circle
+								size="default"
+								type="danger"
+								@click="removeUser(scope.$index, scope.row)"
+						/>
+					</div>
+				</template>
+			</el-table-column>
+			<el-table-column
+					v-if="multiple"
+					:label="$t('superGrid.index')"
+					align="center"
+					width="60px"
+			>
+				<template v-slot="scope">
+					{{ scope.$index + 1 }}
+				</template>
+			</el-table-column>
+			<el-table-column
+					:label="$t('departmentUserTreeInline.name')"
+					:width="130"
+					prop="name"
+			>
+				<template v-slot="scope">
+          <span
+		          v-if="scope.row.enName && scope.row.enName.trim() !== ''"
+		          :title="scope.row.name + '(' + scope.row.enName + ')'"
+		          class="ellipsis cell--span"
+          >{{ scope.row.name + '(' + scope.row.enName + ')' }}</span
+          >
+					<span v-else :title="scope.row.name" class="ellipsis cell--span">{{
+							scope.row.name
+						}}</span>
+				</template>
+			</el-table-column>
+			<el-table-column
+					:label="$t('departmentUserTreeInline.loginName')"
+					:width="110"
+					prop="loginName"
+			>
+				<template v-slot="scope">
+          <span :title="scope.row.loginName" class="ellipsis cell--span">{{
+		          scope.row.loginName
+	          }}</span>
+				</template>
+			</el-table-column>
+			<el-table-column
+					:label="$t('departmentUserTreeInline.department')"
+					:min-width="160"
+					prop="mainDepartmentName"
+			>
+				<template v-slot="scope">
+          <span
+		          :title="
+              language && language !== 'cn' && scope.row.mainDepartmentEnName
+                ? scope.row.mainDepartmentEnName
+                : scope.row.mainDepartmentName
+            "
+		          class="ellipsis cell--span"
+          >{{
+		          language && language !== 'cn' && scope.row.mainDepartmentEnName
+				          ? scope.row.mainDepartmentEnName
+				          : scope.row.mainDepartmentName
+	          }}</span
+          >
+				</template>
+			</el-table-column>
+			<!--由于保密要求，邮箱不能显示，需要脱敏处理，暂时注释掉，不显示-->
+			<!-- <el-table-column
+							:label="$t('departmentUserTreeInline.email')"
+							:width="130"
+							prop="email"
+						>
+							<template slot-scope="scope">
+								<span class="ellipsis cell--span" :title="scope.row.email">{{ scope.row.email }}</span>
+							</template>
+						</el-table-column> -->
+			<el-table-column
+        :label="$t('departmentUserTreeInline.superiorDeptNameFullPath')"
+        :width="130"
+        prop="superiorDeptNameFullPath"
+      >
+				<template v-slot="scope">
+          <span :title="scope.row.superiorDeptNameFullPath" class="ellipsis cell--span">{{ scope.row.superiorDeptNameFullPath }}</span>
+        </template>
+      </el-table-column>
+			<el-table-column
+					v-if="containBranch"
+					:label="$t('departmentUserTreeInline.branch')"
+					:width="130"
+					prop="subCompanyName"
+			>
+				<template v-slot="scope">
+          <span :title="scope.row.subCompanyName" class="ellipsis cell--span">{{
+		          scope.row.subCompanyName
+	          }}</span>
+				</template>
+			</el-table-column>
+		</el-table>
+	</div>
+</template>
+
+<script>
+import {Delete as ElIconDelete, Plus as ElIconPlus} from '@element-plus/icons-vue'
+import {$emit} from '../../utils/gogocodeTransfer'
+
+export default {
+	data() {
+		let tableHeight = this.height
+		tableHeight = tableHeight.substring(0, tableHeight.indexOf('px'))
+		const myHeight = parseInt(tableHeight) + 30 + 'px'
+		return {
+			// 选中的用户序号
+			singleUserIndex: null,
+			selectedUser: null,
+			myHeight,
+			language: !window.$locale ? 'cn' : window.$locale,
+			ElIconPlus,
+			ElIconDelete,
+		}
+	},
+	name: 'UserResult',
+	props: {
+		gridData: {
+			type: Array,
+			default: null,
+		},
+		containBranch: {
+			type: Boolean,
+			default: false,
+		},
+		multiple: {
+			type: Boolean,
+			default: false,
+		},
+		// 多选树时是否是查询结果列表，用于控制“操作”列按钮的显示
+		isSearchResult: {
+			type: Boolean,
+			default: true,
+		},
+		height: {
+			type: String,
+			default: '300px',
+		},
+		selectResult: {
+			type: Array,
+			default: function () {
+				return []
+			},
+		},
+	},
+	created() {
+	},
+	methods: {
+		// 单选树时，点击行事件
+		// rowClick(row, column, event) {
+		//   this.selectedUser = row
+		//   // this.$emit('rowClick', row, column, event)
+		// },
+		// 移除用户
+		removeUser(index, row) {
+			$emit(this, 'removeUser', index, row)
+		},
+		// 添加用户
+		addUser(index, row) {
+			$emit(this, 'addUser', index, row)
+		},
+		selectUser(selectVal) {
+			// console.log('selectUser', selectVal)
+			$emit(this, 'selectResult', this.gridData[selectVal])
+		},
+		rowClick(row, column, event) {
+			this.singleUserIndex = row.row_index
+			$emit(this, 'selectResult', row)
+		},
+		tableRowClassName({row, rowIndex}) {
+			row.row_index = rowIndex
+		},
+		rowDblclick(row, column, event) {
+			if (this.multiple) {
+				$emit(this, 'addUser', null, row)
+			} else {
+				$emit(this, 'resultRowDblclick', row)
+			}
+		},
+		isDisable(row) {
+			if (this.selectResult) {
+				const containUsers = this.selectResult.filter(this.filterDept(row))
+				if (containUsers && containUsers.length > 0) {
+					return true
+				}
+			}
+			return false
+		},
+		// 判断用户是否存在的过滤器
+		filterDept(queryDept) {
+			return (dept) => {
+				return dept.id === queryDept.id
+			}
+		},
+	},
+	emits: ['removeUser', 'addUser', 'selectResult', 'resultRowDblclick'],
+}
+</script>
+
+<style>
+.searchResult {
+	color: red;
+}
+
+.inline-select-custom {
+	width: 100px;
+}
+
+.inline-input-custom {
+	width: 98%;
+}
+</style>

package/packages/directives/prevent-reclick.js

@@ -0,0 +1,22 @@
+function enableButton(el) {
+  el.disabled = false
+  el.classList.remove('is-disabled')
+}
+export default {
+  // 插入dom 时做的事情
+  inserted: function (el, bind) {
+    el.addEventListener('click', () => {
+      el.disabled = true
+      el.classList.add('is-disabled')
+      bind
+        .value()
+        .then((res) => {
+          enableButton(el)
+        })
+        .catch((error) => {
+          enableButton(el)
+          console.log('Error', error.message)
+        })
+    })
+  },
+}

package/packages/dynamic-source-select/index.js

@@ -0,0 +1,6 @@
+import DynamicSourceSelect from './src/dynamic-source-select.vue'
+DynamicSourceSelect.install = function (Vue) {
+  Vue.component(DynamicSourceSelect.name, DynamicSourceSelect)
+}
+
+export default DynamicSourceSelect

package/packages/dynamic-source-select/src/dynamic-source-select-service.js

@@ -0,0 +1,124 @@
+const dynamicSourceSelectService = {
+  findDynamicDataSourceByCode(
+    dynamicSourceCode,
+    entity,
+    searchParam,
+    additionalParameterStr,
+    backendUrl
+  ) {
+    let searchText
+    let watchAttrValue
+    let parentEntity
+    let listCode
+    let formCode
+    let tableName
+    if (searchParam) {
+      searchText = searchParam.searchText
+      if (searchText === undefined || searchText === null) {
+        searchText = ''
+      }
+      if (typeof searchParam.watchAttrValue === 'array') {
+        watchAttrValue = searchParam.watchAttrValue.join(',')
+      } else {
+        watchAttrValue = searchParam.watchAttrValue
+      }
+      if (watchAttrValue === undefined || watchAttrValue === null) {
+        watchAttrValue = ''
+      }
+      parentEntity = searchParam.parent
+      listCode = searchParam._listCode
+      formCode = searchParam._formCode
+      tableName = searchParam._tableName
+    }
+    const params = {
+      searchText,
+      watchAttrValue,
+      parent: parentEntity,
+    }
+    if (additionalParameterStr && additionalParameterStr !== '') {
+      params.additionalParamMap = JSON.parse(additionalParameterStr)
+    }
+    if (params.additionalParamMap === undefined) {
+      params.additionalParamMap = {}
+    }
+    if (this.listToolbarFormData) {
+      for (const key in this.listToolbarFormData) {
+        const value = this.listToolbarFormData[key]
+        if (value && key) {
+          let tempValue = value
+          if (Array.isArray(value)) {
+            tempValue = value.join(',')
+          }
+          params.additionalParamMap[key] = tempValue
+        }
+      }
+    }
+    if (listCode) {
+      params.additionalParamMap._listCode = listCode
+    }
+    if (formCode) {
+      params.additionalParamMap._formCode = formCode
+    }
+    if (tableName) {
+      params.additionalParamMap._tableName = tableName
+    }
+    if (entity && entity !== null) {
+      params.entity = entity
+    }
+    if (!backendUrl) {
+      backendUrl = window.$vueApp.config.globalProperties.baseURL
+    }
+
+    return new Promise((resolve, reject) => {
+      // this.$http
+      //   .post(
+      //     backendUrl + '/common/dynamic-data-source/' + dynamicSourceCode,
+      //     params
+      //   )
+      //   .then((result) => {
+      //     if (result.backendUrl) {
+      //       // result.backendUrl表示需要使用动态数据源所属的系统路径重新获得一次数据
+      //       this.$http
+      //         .post(
+      //           result.backendUrl +
+      //             '/common/dynamic-data-source/' +
+      //             dynamicSourceCode,
+      //           params,
+      //           { headers: { targetSystemCode: result.systemCode } }
+      //         )
+      //         .then((finallyResult) => {
+      //           resolve(finallyResult)
+      //         })
+      //           .catch((error) => {
+      //             reject(error)
+      //           })
+      //     } else {
+      //       resolve(result)
+      //     }
+      //   })
+      //     .catch((error) => {
+      //       reject(error)
+      //     })
+      // 页面设计不请求动态数据源
+      if (window.$vueApp.config.globalProperties.systemCode !== undefined && window.$vueApp.config.globalProperties.systemCode === 'agilebuidler') {
+        resolve()
+      } else {
+        this.$http.post(backendUrl + '/common/dynamic-data-source/' + dynamicSourceCode, params).then(result => {
+          if (result.backendUrl) {
+            // result.backendUrl表示需要使用动态数据源所属的系统路径重新获得一次数据
+            this.$http.post(result.backendUrl + '/common/dynamic-data-source/' + dynamicSourceCode, params).then(finallyResult => {
+              resolve(finallyResult)
+            }).catch(error => {
+              reject(error)
+            })
+          } else {
+            resolve(result)
+          }
+        }).catch(error => {
+          reject(error)
+        })
+      }
+    })
+  },
+}
+export default dynamicSourceSelectService