agilebuilder-ui 1.1.47 → 1.1.48-rc1

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

@@ -1,80 +1,71 @@
 <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
+  <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="empty_center_area" style="height: 395px">
+          <div class="empty_notAvailable" style="width: 120px; height: 120px">
+            <span class="empty_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"
@@ -84,30 +75,27 @@
 					{{ scope.$index + 1 }}
 				</template>
 			</el-table-column> -->
-			<el-table-column
-					:label="$t('departmentUserTreeInline.name')"
-					prop="name"
-			>
-				<template v-slot="scope">
-					<div v-if="scope.row.enName && scope.row.enName.trim() !== ''">
-						<div :title="scope.row.name +'('+scope.row.enName+')' +'['+scope.row.loginName+']'">
-						<span>{{ scope.row.name+'('+scope.row.enName+')' }}[{{ scope.row.loginName }}]</span>
-						</div>
-						<div style="color:#ccc" :title="getDeptName(scope.row)">
-						{{ getDeptName(scope.row) }}
-						</div>
-					</div>
-					<div v-else>
-						<div :title="scope.row.name +'['+scope.row.loginName+']'">
-						<span>{{ scope.row.name }}[{{ scope.row.loginName }}]</span>
-						</div>
-						<div style="color:#ccc" :title="getDeptName(scope.row)">
-						{{ getDeptName(scope.row) }}
-						</div>
-					</div>
-				</template>
-			</el-table-column>
-			<!-- <el-table-column
+      <el-table-column :label="$t('departmentUserTreeInline.name')" prop="name">
+        <template v-slot="scope">
+          <div v-if="scope.row.enName && scope.row.enName.trim() !== ''">
+            <div :title="scope.row.name + '(' + scope.row.enName + ')' + '[' + scope.row.loginName + ']'">
+              <span>{{ scope.row.name + '(' + scope.row.enName + ')' }}[{{ scope.row.loginName }}]</span>
+            </div>
+            <div style="color: #ccc" :title="getDeptName(scope.row)">
+              {{ getDeptName(scope.row) }}
+            </div>
+          </div>
+          <div v-else>
+            <div :title="scope.row.name + '[' + scope.row.loginName + ']'">
+              <span>{{ scope.row.name }}[{{ scope.row.loginName }}]</span>
+            </div>
+            <div style="color: #ccc" :title="getDeptName(scope.row)">
+              {{ getDeptName(scope.row) }}
+            </div>
+          </div>
+        </template>
+      </el-table-column>
+      <!-- <el-table-column
 					:label="$t('departmentUserTreeInline.loginName')"
 					:width="110"
 					prop="loginName"
@@ -139,8 +127,8 @@
           >
 				</template>
 			</el-table-column> -->
-			<!--由于保密要求，邮箱不能显示，需要脱敏处理，暂时注释掉，不显示-->
-			<!-- <el-table-column
+      <!--由于保密要求，邮箱不能显示，需要脱敏处理，暂时注释掉，不显示-->
+      <!-- <el-table-column
 							:label="$t('departmentUserTreeInline.email')"
 							:width="130"
 							prop="email"
@@ -149,139 +137,138 @@
 								<span class="ellipsis cell--span" :title="scope.row.email">{{ scope.row.email }}</span>
 							</template>
 						</el-table-column> -->
-		</el-table>
-	</div>
+    </el-table>
+  </div>
 </template>
 
 <script>
-import {Delete as ElIconDelete, Plus as ElIconPlus} from '@element-plus/icons-vue'
+import { Delete as ElIconDelete, Plus as ElIconPlus } from '@element-plus/icons-vue'
 
 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) {
-			this.$emit( 'removeUser', index, row)
-		},
-		// 添加用户
-		addUser(index, row) {
-			this.$emit( 'addUser', index, row)
-		},
-		selectUser(selectVal) {
-			// console.log('selectUser', selectVal)
-			this.$emit( 'selectResult', this.gridData[selectVal])
-		},
-		rowClick(row, column, event) {
-			if(!this.multiple){
-				this.singleUserIndex = row.row_index
-				this.$emit( 'selectResult', row)
-			}
-		},
-		tableRowClassName({row, rowIndex}) {
-			if(!this.multiple){
-				row.row_index = rowIndex
-			}
-		},
-		rowDblclick(row, column, event) {
-			if (this.multiple) {
-				this.$emit( 'addUser', null, row)
-			} else {
-				this.$emit( '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
-			}
-		},
-		getDeptName(row) {
-			let deptName = row.superiorDeptNameFullPath
-			if (deptName) {
-				return deptName
-			}
-			if (this.language && this.language !== 'cn') {
-				deptName = row.mainDepartmentEnName
-			}
-			if (deptName) {
-				return deptName
-			}
-			return row.mainDepartmentName
-		}
-	},
-	emits: ['removeUser', 'addUser', 'selectResult', 'resultRowDblclick'],
+  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) {
+      this.$emit('removeUser', index, row)
+    },
+    // 添加用户
+    addUser(index, row) {
+      this.$emit('addUser', index, JSON.parse(JSON.stringify(row)))
+    },
+    selectUser(selectVal) {
+      // console.log('selectUser', selectVal)
+      this.$emit('selectResult', this.gridData[selectVal])
+    },
+    rowClick(row, column, event) {
+      if (!this.multiple) {
+        this.singleUserIndex = row.row_index
+        this.$emit('selectResult', row)
+      }
+    },
+    tableRowClassName({ row, rowIndex }) {
+      if (!this.multiple) {
+        row.row_index = rowIndex
+      }
+    },
+    rowDblclick(row, column, event) {
+      if (this.multiple) {
+        this.$emit('addUser', null, row)
+      } else {
+        this.$emit('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
+      }
+    },
+    getDeptName(row) {
+      let deptName = row.superiorDeptNameFullPath
+      if (deptName) {
+        return deptName
+      }
+      if (this.language && this.language !== 'cn') {
+        deptName = row.mainDepartmentEnName
+      }
+      if (deptName) {
+        return deptName
+      }
+      return row.mainDepartmentName
+    }
+  },
+  emits: ['removeUser', 'addUser', 'selectResult', 'resultRowDblclick']
 }
 </script>
 
 <style>
 .searchResult {
-	color: red;
+  color: red;
 }
 
 .inline-select-custom {
-	width: 100px;
+  width: 100px;
 }
 
 .inline-input-custom {
-	width: 98%;
+  width: 98%;
 }
 </style>

package/packages/department-user-tree-mobile/src/department-user-tree-inline-app.vue

@@ -39,7 +39,9 @@
       </el-row>
     </el-card>
     <el-card class="card-content org-tree" style="overflow: auto">
+      <el-empty v-if="!departments.length" :image="noMessageImage"> </el-empty>
       <el-tree
+        v-else
         ref="orgTreeRef"
         :data="departments"
         :show-checkbox="multiple"
@@ -132,6 +134,8 @@ import deptPath from './dept-path.vue'
 import deptResult from './dept-result.vue'
 import { ElMessage } from 'element-plus'
 import { useI18n } from 'vue-i18n'
+import utils from '../../utils/utils'
+import noMessageImage from '../../../src/assets/nonemessage.png'
 const props = defineProps<{
   // 是否是多选树，默认是true
   multiple: {
@@ -190,6 +194,7 @@ let defaultProps = ref({
 })
 let loading = ref(false)
 const { t } = useI18n()
+
 onMounted(() => {
   initSelectUsers(props.searchField, props.selectUserInfo, props.separator).then((departments) => {
     selectUsers.value = departments
@@ -208,9 +213,15 @@ function getTenantInfo() {
 }
 
 function getTenantChildrenDept() {
-  getTenantChildren(props.departmentInfo, tenantNodeId, props.limitFilterColumn).then((children) => {
-    departments.value = children
-    checkedDeptDefault(selectUsers.value, defaultCheckedKeys.value)
+  utils.canShowOrgTree().then((showOrgTree) => {
+    if (showOrgTree) {
+      getTenantChildren(props.departmentInfo, tenantNodeId, props.limitFilterColumn).then((children) => {
+        departments.value = children
+        checkedDeptDefault(selectUsers.value, defaultCheckedKeys.value)
+      })
+    } else {
+      departments.value = []
+    }
   })
 }
 

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

@@ -1,3 +1,5 @@
+import { getRelativeBaseUrl } from "../../../src/utils/common-util"
+
 const dynamicSourceSelectService = {
   findDynamicDataSourceByCode(dynamicSourceCode, entity, searchParam, additionalParameterStr, backendUrl) {
     let searchText
@@ -62,7 +64,8 @@ const dynamicSourceSelectService = {
     if (!backendUrl) {
       backendUrl = window.$vueApp.config.globalProperties.baseURL
     }
-
+    // 替换域名，内网、外网访问需要
+    backendUrl = getRelativeBaseUrl(backendUrl)
     return new Promise((resolve, reject) => {
       // this.$http
       //   .post(
@@ -105,8 +108,10 @@ const dynamicSourceSelectService = {
           .then((result) => {
             if (result.backendUrl) {
               // result.backendUrl表示需要使用动态数据源所属的系统路径重新获得一次数据
+              // 替换域名，内网、外网访问需要
+              const resultBackendUrl = getRelativeBaseUrl(result.backendUrl)
               this.$http
-                .post(result.backendUrl + '/common/dynamic-data-source/' + dynamicSourceCode, params, {
+                .post(resultBackendUrl + '/common/dynamic-data-source/' + dynamicSourceCode, params, {
                   headers: { customSystem: result.systemCode }
                 })
                 .then((finallyResult) => {

package/packages/empty-state/index.vue

@@ -0,0 +1,28 @@
+<template>
+  <div class="empty_center_area">
+    <div class="empty_notAvailable" :style="{ width: props.imageWidth, height: props.imageHeight }">
+      <span class="empty_notAvailable_text">
+        {{ props.emptyText ? props.emptyText : t('imatrixUIPromptMessage.NoContent') }}
+      </span>
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+import { defineProps } from 'vue'
+import { useI18n } from 'vue-i18n'
+const { t } = useI18n()
+const props = defineProps({
+  imageHeight: {
+    type: String,
+    default: '120px'
+  },
+  imageWidth: {
+    type: String,
+    default: '120px'
+  },
+  emptyText: {
+    type: String,
+    default: ''
+  }
+})
+</script>

package/packages/fs-preview/src/fs-preview.vue

@@ -11,6 +11,7 @@
         </span>
       </template>
       <div v-if="firstFileName" ref="toolRef" class="fs-preview-tool">
+        <slot name="tool-prefix" :item="getFirstFile()"></slot>
         <el-tooltip v-if="enableDelete && !disabled" :content="$t('fsUpload.delete')">
           <super-icon @click="deleteFirst()" iconValue="amb-color-icon-shanchu" />
         </el-tooltip>
@@ -20,11 +21,12 @@
         <el-tooltip v-if="!disabled || !fileSetObj.disabledNoDownload" :content="$t('fsUpload.download')">
           <super-icon @click="downloadFirst()" iconValue="amb-color-icon-xiazai" />
         </el-tooltip>
+        <slot name="tool-suffix" :item="getFirstFile()"></slot>
         <el-divider v-if="showMultipleFile" direction="vertical" />
         <el-popover :width="450" trigger="click">
           <template #reference>
             <el-button v-if="showMultipleFile" type="primary" round size="small" @click="showMultiView">
-              更多
+              {{ $t('fsUpload.more') }}
               <el-icon><ArrowDownBold /></el-icon>
             </el-button>
           </template>
@@ -53,6 +55,7 @@
                 <el-link type="primary" v-if="!disabled || !fileSetObj.disabledNoDownload" underline>
                   {{ $t('fsUpload.download') }}
                 </el-link> -->
+                <slot name="tool-more-prefix" :item="item"></slot>
                 <el-tooltip v-if="enableDelete" :content="$t('fsUpload.delete')">
                   <super-icon @click="deleteFile(item)" iconValue="amb-color-icon-shanchu" />
                 </el-tooltip>
@@ -81,7 +84,7 @@
 // import { Image } from 'antd';
 import { Paperclip as ElIconPaperclip, View as ElIconView, Download as ElIconDownload } from '@element-plus/icons-vue'
 import * as Vue from 'vue'
-import { isPlateSys, getSystemFrontendUrl } from '../../../src/utils/common-util'
+import { isPlateSys, getSystemFrontendUrl, getRelativeBaseUrl } from '../../../src/utils/common-util'
 import { isImage, getEntityFieldValue } from '../../../src/utils/util'
 import { packageFile } from '../../super-grid/src/utils'
 import { getToken } from '../../../src/utils/auth'
@@ -238,6 +241,7 @@ export default {
           if (isPlateSys(window.$vueApp.config.globalProperties.systemCode)) {
             tempAction = baseAPI + '/api/search-file-names'
           }
+          tempAction = getRelativeBaseUrl(tempAction)
           this.$http.post(tempAction, uuids).then((result) => {
             this.fileList = []
             uuids.forEach((uuid) => {
@@ -298,6 +302,7 @@ export default {
           previewUrl = baseUrl + '/common/fs-upload/preview?jwt=' + token
           previewUrl = previewUrl + '&showName=' + encodeURI(showName) + '&serverPath=' + fileInfo.serverPath
         }
+        previewUrl = getRelativeBaseUrl(previewUrl)
         window.open(previewUrl, showName)
       }
     },
@@ -306,7 +311,8 @@ export default {
       if (!this.fileList[index].src) {
         this.download(showName, this.fileList[index].serverPath)
       } else {
-        window.open(this.fileList[index].src)
+        const src = getRelativeBaseUrl(this.fileList[index].src)
+        window.open(src)
       }
     },
     download(showName, serverPath) {
@@ -315,6 +321,7 @@ export default {
       if (isPlateSys(window.$vueApp.config.globalProperties.systemCode)) {
         url = window.$vueApp.config.globalProperties.baseAPI + '/component/super-form/downloads?jwt=' + token
       }
+      url = getRelativeBaseUrl(url)
       const src = url + '&showName=' + encodeURI(showName) + '&serverPath=' + serverPath
       window.open(src)
     },
@@ -367,6 +374,7 @@ export default {
           if (isPlateSys(window.$vueApp.config.globalProperties.systemCode)) {
             tempAction = baseAPI + '/api/search-file-names'
           }
+          tempAction = getRelativeBaseUrl(tempAction)
           this.$http.post(tempAction, uuids).then((result) => {
             this.fileList = []
             uuids.forEach((uuid) => {
@@ -375,6 +383,7 @@ export default {
           })
         }
       }
+      return this.fileList
     },
     deleteFirst() {
       const fileInfo = this.getFirstFile()