agilebuilder-ui 1.1.36 → 1.1.37-sit2

package/packages/department-user-tree-mobile/src/department-user-tree-service.ts

@@ -1,64 +1,71 @@
-export function getTenant () {
+export function getTenant() {
   const parentId = 0
-  return window['$vueApp'].config.globalProperties.$http.get(window['$vueApp'].config.globalProperties.baseAPI + '/component/organization-trees/departments/' + parentId)
+  return window['$vueApp'].config.globalProperties.$http.get(
+    window['$vueApp'].config.globalProperties.baseAPI + '/component/organization-trees/departments/' + parentId
+  )
 }
 
 // 获得公司节点的孩子节点
-export function getTenantChildren (departmentInfo, tenantNodeId) {
-    if (departmentInfo && departmentInfo.length > 0) {
-      // 加载指定部门时，展开公司节点
-      return loadPointDepartments(departmentInfo)
-    } else {
-      // 加载整个组织结构树时，展开公司节点
-      return loadDepartment(tenantNodeId, null)
-    }
-  
+export function getTenantChildren(departmentInfo, tenantNodeId, limitFilterColumn) {
+  if (departmentInfo && departmentInfo.length > 0) {
+    // 加载指定部门时，展开公司节点
+    return loadPointDepartments(departmentInfo, limitFilterColumn)
+  } else {
+    // 加载整个组织结构树时，展开公司节点
+    return loadDepartment(tenantNodeId, null)
+  }
 }
 
-
-  // 加载指定部门节点
-export function loadPointDepartments (departmentInfo) {
-  return new Promise((resolve,reject)=>{
-    window['$vueApp'].config.globalProperties.$http.post(window['$vueApp'].config.globalProperties.baseAPI + '/component/organization-trees/point-department-users', departmentInfo).then(children => {
+// 加载指定部门节点
+export function loadPointDepartments(departmentInfo, limitFilterColumn) {
+  return new Promise((resolve, reject) => {
+    let url = window['$vueApp'].config.globalProperties.baseAPI + '/component/organization-trees/point-department-users'
+    if (limitFilterColumn) {
+      url += '/' + limitFilterColumn
+    }
+    window['$vueApp'].config.globalProperties.$http.post(url, departmentInfo).then((children) => {
       resolve(children)
     })
   })
 }
 
-
-  // 加载当前节点的子节点
-  export function loadDepartment (parentId, branchId) {
-    let param = {
-      parentId: parentId,
-      needVirtualUser: false,
-      branchId: null
-    }
-    if (branchId) {
-      param.branchId = branchId
-    }
-    return new Promise((resolve,reject)=>{
-       window['$vueApp'].config.globalProperties.$http.post(window['$vueApp'].config.globalProperties.baseAPI + '/component/organization-trees/department-users', param)
-      .then(children => {
-        resolve(children)
-      })
-    })
+// 加载当前节点的子节点
+export function loadDepartment(parentId, branchId) {
+  let param = {
+    parentId: parentId,
+    needVirtualUser: false,
+    branchId: null
   }
-  export function checkedDeptDefault (selectDepts, defaultCheckedKeys) {
-    defaultCheckedKeys = []
-    selectDepts.forEach(dept => {
-      defaultCheckedKeys.push(dept.nodeId)
-    })
-  }
-  // ,
-  // isDeptOrUser (item, dept) {
-  //   return item.id === dept.id && item.nodeType && dept.nodeType && item.nodeType === dept.nodeType
-  // },
-  export function getUserInDepartments (departmentIds) {
-    return window['$vueApp'].config.globalProperties.$http.post(window['$vueApp'].config.globalProperties.baseAPI + '/component/organization-trees/user-only-in-departments', departmentIds)
+  if (branchId) {
+    param.branchId = branchId
   }
-  // getTenantNoDeptUsers () {
-  //   return this.$http.get(window['$vueApp'].config.globalProperties.baseAPI + '/component/organization-trees/tenant-no-dept-users')
-  // },
-  // getBranchNoDeptUsers (branchId) {
-  //   return this.$http.get(window['$vueApp'].config.globalProperties.baseAPI + '/component/organization-trees/branch-no-dept-users/' + branchId)
-  // }
+  return new Promise((resolve, reject) => {
+    window['$vueApp'].config.globalProperties.$http
+      .post(window['$vueApp'].config.globalProperties.baseAPI + '/component/organization-trees/department-users', param)
+      .then((children) => {
+        resolve(children)
+      })
+  })
+}
+export function checkedDeptDefault(selectDepts, defaultCheckedKeys) {
+  defaultCheckedKeys = []
+  selectDepts.forEach((dept) => {
+    defaultCheckedKeys.push(dept.nodeId)
+  })
+}
+// ,
+// isDeptOrUser (item, dept) {
+//   return item.id === dept.id && item.nodeType && dept.nodeType && item.nodeType === dept.nodeType
+// },
+export function getUserInDepartments(departmentIds) {
+  return window['$vueApp'].config.globalProperties.$http.post(
+    window['$vueApp'].config.globalProperties.baseAPI + '/component/organization-trees/user-only-in-departments',
+    departmentIds
+  )
+}
+// getTenantNoDeptUsers () {
+//   return this.$http.get(window['$vueApp'].config.globalProperties.baseAPI + '/component/organization-trees/tenant-no-dept-users')
+// },
+// getBranchNoDeptUsers (branchId) {
+//   return this.$http.get(window['$vueApp'].config.globalProperties.baseAPI + '/component/organization-trees/branch-no-dept-users/' + branchId)
+// }

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

@@ -37,7 +37,16 @@
         </span>
       </template>
       <el-table :show-header="false" :data="fileList" max-height="60vh">
-        <el-table-column prop="showName" show-overflow-tooltip />
+        <el-table-column prop="showName" show-overflow-tooltip>
+          <template v-slot="scope">
+            <div style="display: flex; align-items: center">
+              <super-icon :iconValue="getFileIconByName(scope.row.showName)" />
+              <span style="margin-left: 10px; cursor: pointer" @click="previewSingle(scope.row)">
+                {{ scope.row.showName }}
+              </span>
+            </div>
+          </template>
+        </el-table-column>
         <el-table-column width="80" align="center">
           <template v-slot="scope">
             <div style="margin: -10px 0">
@@ -69,6 +78,7 @@ import { isPlateSys, getSystemFrontendUrl } 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'
+import { getFileIconByName } from '../../../src/utils/file-util'
 import { Base64 } from 'js-base64'
 export default {
   components: {
@@ -284,10 +294,18 @@ export default {
     },
     formatFileName(fileName) {
       return fileName.replace('#', '~~').replace('?', '~$').replace('&', '$')
+    },
+    getFileIconByName(fileName) {
+      return getFileIconByName(fileName)
     }
   },
   emits: ['close']
 }
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.amb-color-iconfont {
+  width: 30px;
+  height: 30px;
+}
+</style>

package/packages/fs-upload-list/src/fs-upload-list.vue

@@ -82,22 +82,35 @@
             </span>
           </template>
           <el-table :data="showFileList" :show-header="false">
-            <el-table-column prop="showName" width="300" />
+            <el-table-column prop="showName" width="300" show-overflow-tooltip>
+              <template v-slot="scope">
+                <div style="display: flex; align-items: center">
+                  <super-icon :iconValue="getFileIconByName(scope.row.showName)" />
+                  <span style="margin-left: 10px; cursor: pointer" @click="previewSingle(scope.row)">
+                    {{ scope.row.showName }}
+                  </span>
+                </div>
+              </template>
+            </el-table-column>
             <el-table-column align="right">
               <template v-slot="scope">
                 <el-tooltip :content="$t('imatrixUIPublicModel.preview')" class="item" effect="dark" placement="top">
-                  <el-icon style="cursor: pointer" @click="previewSingle(scope.row)">
-                    <el-icon-view />
-                  </el-icon>
+                  <el-button type="text" @click="previewSingle(scope.row)">
+                    <el-icon style="cursor: pointer">
+                      <el-icon-view />
+                    </el-icon>
+                  </el-button>
                 </el-tooltip>
               </template>
             </el-table-column>
             <el-table-column v-if="!disabled">
               <template v-slot="scope">
                 <el-tooltip :content="$t('imatrixUIPublicModel.delete')" class="item" effect="dark" placement="top">
-                  <el-icon style="cursor: pointer" @click="deleteRow(scope.$index)">
-                    <el-icon-delete />
-                  </el-icon>
+                  <el-button type="text" @click="deleteRow(scope.$index)">
+                    <el-icon style="cursor: pointer">
+                      <el-icon-delete />
+                    </el-icon>
+                  </el-button>
                 </el-tooltip>
               </template>
             </el-table-column>
@@ -144,6 +157,7 @@ import FsPreview from '../../fs-preview/src/fs-preview.vue'
 import { packageFile } from '../../super-grid/src/utils'
 import FileUploadInputMobile from '../../fs-upload-new/src/file-upload-mobile/file-upload-input.vue'
 import { Base64 } from 'js-base64'
+import { getFileIconByName } from '../../../src/utils/file-util'
 export default {
   name: 'FsUploadList',
   props: {
@@ -418,8 +432,17 @@ export default {
     },
     uploadFileDone(data) {
       this.$refs.fileUploadRef.uploadFileDone(data)
+    },
+    getFileIconByName(fileName) {
+      return getFileIconByName(fileName)
     }
   },
   emits: ['close', 'upload-success', 'delete-success', 'delete', 'update:value', 'close', 'update:value']
 }
 </script>
+<style lang="scss" scoped>
+.amb-color-iconfont {
+  width: 30px;
+  height: 30px;
+}
+</style>

package/packages/fs-upload-new/src/file-upload-mobile/file-upload-browser.vue

@@ -362,7 +362,7 @@ function validateCanUploadFile(file, limitFileSize) {
     ElMessage({
       showClose: true,
       type: 'warning',
-      message: t('fileUpload.exceedFileSize', { fileName: file.name, fileSize: limitFileSize })
+      message: t('imatrixUIMessage.exceedFileSize', { fileName: file.name, fileSize: limitFileSize })
     })
     // 返回false停止上传
     isCanUpload = false

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

@@ -2,21 +2,26 @@
   <div>
     <div v-if="!isMobile">
       <div v-for="(file, index) in fileList" :key="index" style="width: 100%">
-        <el-tag>
-          <el-tooltip content="预览" placement="top">
-            <span style="cursor: pointer" @click="preview(file.showName, file.serverPath)">
-              <el-icon><Paperclip /></el-icon>
-              <span style="margin-left: 6.5px">{{ file.showName }}</span>
-            </span>
-          </el-tooltip>
-          <el-tooltip v-if="!disabled" content="下载" placement="top">
-            <el-icon @click="handleDownload(file)">
-              <Download />
-            </el-icon>
-          </el-tooltip>
-          <el-tooltip v-if="!disabled" content="移除" placement="top">
-            <el-icon @click="handleOnRemove(file)"><Close /></el-icon>
-          </el-tooltip>
+        <el-tag color="white" size="large">
+          <template #default>
+            <div style="display: flex; align-items: center">
+              <!-- 'amb-color-icon-XLS' -->
+              <super-icon :iconValue="getFileIconByName(file.showName)" />
+              <el-tooltip content="预览" placement="top">
+                <span style="cursor: pointer" @click="preview(file.showName, file.serverPath)">
+                  <span style="margin-left: 6.5px">{{ file.showName }}</span>
+                </span>
+              </el-tooltip>
+              <el-tooltip v-if="!disabled" content="下载" placement="top">
+                <el-icon style="margin-left: 10px" @click="handleDownload(file)">
+                  <Download />
+                </el-icon>
+              </el-tooltip>
+              <el-tooltip v-if="!disabled" content="移除" placement="top">
+                <el-icon @click="handleOnRemove(file)"><Close /></el-icon>
+              </el-tooltip>
+            </div>
+          </template>
         </el-tag>
       </div>
     </div>
@@ -53,6 +58,7 @@ import { getSystemFrontendUrl, isPlateSys, isMobileBrowser, getReplaceUrlDomain
 import { getToken } from '../../../src/utils/auth'
 import { isImage } from '../../../src/utils/util'
 import { Base64 } from 'js-base64'
+import { getFileIconByName } from '../../../src/utils/file-util'
 const props = defineProps({
   systemCode: {
     type: String,
@@ -264,3 +270,9 @@ const isPreview = (fileName: string) => {
   return false
 }
 </script>
+<style lang="scss" scoped>
+.amb-color-iconfont {
+  width: 30px;
+  height: 30px;
+}
+</style>

package/packages/organization-input/src/organization-input.vue

@@ -39,6 +39,7 @@
       :search-field="searchField"
       :select-user-info="selectOrganizationInfo"
       :separator="separator"
+      :limit-filter-column="limitFilterColumn"
       @close="closeOrganizationTree"
     />
     <!-- 部门树 -->
@@ -47,8 +48,10 @@
       :check-strictly="typeof checkStrictly === 'undefined' ? false : checkStrictly"
       :multiple="typeof multiple === 'undefined' ? false : multiple"
       :search-field="searchField"
+      :department-info="departmentInfo"
       :select-department-info="selectOrganizationInfo"
       :separator="separator"
+      :limit-filter-column="limitFilterColumn"
       width="30%"
       @close="closeOrganizationTree"
     />
@@ -60,6 +63,7 @@
       :search-field="searchField"
       :select-workgroup-info="selectOrganizationInfo"
       :separator="separator"
+      :limit-filter-column="limitFilterColumn"
       width="30%"
       @close="closeOrganizationTree"
     />
@@ -71,6 +75,7 @@
       :search-field="searchField"
       :select-user-info="selectOrganizationInfo"
       :separator="separator"
+      :limit-filter-column="limitFilterColumn"
       width="30%"
       @close="closeOrganizationTree"
     />
@@ -102,11 +107,14 @@
 import { Delete as ElIconDelete, Search as ElIconSearch } from '@element-plus/icons-vue'
 // import Vue from 'vue'
 import { getPropNameWhenJoinTable, setEntityFieldValue } from '../../../src/utils/util'
-
+import DepartmentUserTree from '../../department-user-tree/src/department-user-tree.vue'
+import DepartmentTree from '../../department-tree/src/department-tree.vue'
 export default {
   components: {
     ElIconSearch,
-    ElIconDelete
+    ElIconDelete,
+    DepartmentUserTree,
+    DepartmentTree
   },
   name: 'OrganizationInput',
   model: {
@@ -184,6 +192,11 @@ export default {
     pageModels: {
       type: Object,
       default: null
+    },
+    // 根据变量限制部门时，根据部门表的哪个字段进行过滤，默认是code
+    limitFilterColumn: {
+      type: String,
+      default: 'code'
     }
   },
   data() {
@@ -369,20 +382,24 @@ export default {
             }
           }
           return mainDeptIds.join(this.separator)
-        } else if (orgDataType === 'mainDeptCode') {
-          // 正职部门code
-          const mainDeptCodes = []
+        } else if (orgDataType === 'mainDeptCode' || orgDataType === 'mainDeptName') {
+          // 正职部门code或名称
+          // 这里的orgDataType是mainDeptCode或mainDeptName
+          // 需要根据orgDataType来判断返回的值
+          // 如果是mainDeptCode，则返回mainDepartmentCode，如果是mainDeptName，则返回mainDepartmentName
+          const mainDeptColumn = []
+          const key = orgDataType === 'mainDeptCode' ? 'mainDepartmentCode' : 'mainDepartmentName'
           if (isUserTree) {
             const users = selectNodeInfo.users
             if (users) {
               users.forEach((user) => {
-                if (user.mainDepartmentCode) {
-                  mainDeptCodes.push(user.mainDepartmentCode)
+                if (user[key]) {
+                  mainDeptColumn.push(user[key])
                 }
               })
             }
           }
-          return mainDeptCodes.join(this.separator)
+          return mainDeptColumn.join(this.separator)
         } else if (orgDataType === 'subCompanyName') {
           // 分支名称
           const branchNames = []
@@ -445,16 +462,21 @@ export default {
             }
           }
           return mainDeptId
-        } else if (orgDataType === 'mainDeptCode') {
+        } else if (orgDataType === 'mainDeptCode' || orgDataType === 'mainDeptName') {
+          // 正职部门code或名称
+          // 这里的orgDataType是mainDeptCode或mainDeptName
+          // 需要根据orgDataType来判断返回的值
+          // 如果是mainDeptCode，则返回mainDepartmentCode，如果是mainDeptName，则返回mainDepartmentName
+          const key = orgDataType === 'mainDeptCode' ? 'mainDepartmentCode' : 'mainDepartmentName'
           // 正职部门code
-          let mainDeptCode = null
+          let mainDeptColumn = null
           if (isUserTree) {
             const user = selectNodeInfo.user
             if (user) {
-              mainDeptCode = user.mainDepartmentCode
+              mainDeptColumn = user[key]
             }
           }
-          return mainDeptCode
+          return mainDeptColumn
         } else if (orgDataType === 'subCompanyName') {
           // 分支名称
           let branchName = null

package/packages/super-grid/src/apis.js

@@ -134,7 +134,12 @@ const apis = {
     }
   },
   // 新建行
-  createRow(listCode, row, options) {
+  createRow(listCode, row, options, event) {
+    // addRowIndex 表示新建行插入到第几行后面，默认是-1表示添加到最后面
+    let addRowIndex = -1
+    if (event && event.rowIndex > -1) {
+      addRowIndex = event.rowIndex + 1
+    }
     return new Promise((resolve, reject) => {
       if (!listCode) {
         listCode = store.get('_list_code')
@@ -257,10 +262,18 @@ const apis = {
             if (gridParams.isSubTableShowPage !== undefined && gridParams.isSubTableShowPage === true) {
               // 子表集合添加该新建的行。会触发watch subTableData的监控
               gridParams.isChangePage = true
-              gridParams.subTableData.splice(gridParams.subTableData.length, 0, row)
+              if (addRowIndex >= 0) {
+                gridParams.subTableData.splice(addRowIndex, 0, row)
+              } else {
+                gridParams.subTableData.splice(gridParams.subTableData.length, 0, row)
+              }
             } else {
               // 子表不分页
-              gridData.splice(gridData.length, 0, row)
+              if (addRowIndex >= 0) {
+                gridData.splice(addRowIndex, 0, row)
+              } else {
+                gridData.splice(gridData.length, 0, row)
+              }
               if (gridParams.lineEdit.editingCell) {
                 gridParams.lineEdit.editingCell.row = gridData.length
               }
@@ -284,7 +297,11 @@ const apis = {
           // console.log('创建行所属的list2', gridData)
           // console.log('创建行所属的打印gridParams.gridData', gridParams.gridData)
           const orgRow = Object.assign({}, row)
-          gridParams.orgGridData.splice(0, 0, orgRow)
+          if (addRowIndex >= 0) {
+            gridParams.orgGridData.splice(addRowIndex, 0, orgRow)
+          } else {
+            gridParams.orgGridData.splice(0, 0, orgRow)
+          }
           if (!gridParams.lineEdit.editingCell) {
             gridParams.lineEdit.editingCell = {}
             gridParams.lineEdit.validateErrorField = ''
@@ -1404,6 +1421,7 @@ const apis = {
       if (!gridParams.options.customRules) {
         gridParams.options.customRules = {}
       }
+      copyItem.beforeValidate = item.beforeValidate
       // console.log('dynamicControlTableEdit----gridParams.options.customRules222-----', gridParams.options.customRules)
       gridParams.options.customRules[prop] = copyItem
     })
@@ -1439,6 +1457,9 @@ const apis = {
     if (this.$refs && this.$refs.superGrid) {
       this.$refs.superGrid.doLayout()
     }
+  },
+  getCustomFunc(funcName) {
+    window.$PageUtil.getCustomFunc(this.pageContext, funcName)
   }
 }
 export default apis

package/packages/super-grid/src/components/grid-radio-input.vue

@@ -0,0 +1,104 @@
+<template>
+  <el-radio-group
+    ref="item"
+    v-model="innerValue"
+    :disabled="disabled"
+    :title="getClassOptionTitle(innerValue)"
+    @blur="emits('cellEvent', 'blur', $event)"
+    @change="changeValue"
+    @clear="emits('cellEvent', 'clear', $event)"
+    @focus="emits('cellEvent', 'focus', $event)"
+    @input="emits('cellEvent', 'input', $event)"
+    @visible-change="emits('cellEvent', 'visible-change', $event)"
+  >
+    <el-radio v-for="item in options" :key="item.value" :value="item.value">
+      {{ item.label }}
+    </el-radio>
+  </el-radio-group>
+</template>
+<script lang="ts" setup>
+import { onMounted, ref, defineProps, defineEmits } from 'vue'
+const props = defineProps({
+  options: {
+    type: Array,
+    default: () => []
+  },
+  valueSetOptions: {
+    type: Object,
+    default: false
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  modelValue: {
+    type: [String, Number, Boolean],
+    default: ''
+  },
+  prop: {
+    type: String,
+    default: ''
+  },
+  entity: {
+    type: Object,
+    default: () => ({})
+  }
+})
+
+const emits = defineEmits(['update:modelValue', 'cellEvent', 'getClassOptionTitle'])
+const innerValue = ref(props.modelValue)
+
+const changeValue = (val: any) => {
+  innerValue.value = val
+  if (props.valueSetOptions && props.valueSetOptions.length > 0) {
+    // 如果有valueSetOptions，则根据valueSetOptions设置对应的值
+    const selectedOptions = getSelectedOptionItem(val, props.options)
+    if (selectedOptions) {
+      props.valueSetOptions.forEach((item: any) => {
+        if (item.valueField !== props.prop) {
+          props.entity[item.valueField] = selectedOptions[item.columnName]
+        }
+      })
+    }
+  }
+  emits('update:modelValue', val)
+  emits('cellEvent', 'change', val)
+}
+
+/**
+ * 根据value获取options中value等于传递的value的选项
+ */
+function getSelectedOptionItem(value, options) {
+  if (!options) {
+    return []
+  }
+  return options.find((item) => {
+    return item.value === value
+  })
+}
+
+function getClassOptionTitle(val) {
+  if (val !== null && val !== undefined && val !== '' && val.length > 0) {
+    let selectTittle = ''
+    if (typeof val === 'string') {
+      // 单选
+      props.options?.forEach((item: any) => {
+        if (item.value === val) {
+          selectTittle = item.label
+        }
+      })
+    } else {
+      // 多选
+      props.options?.forEach((item: any) => {
+        val.forEach((Vtem) => {
+          if (item.value === Vtem) {
+            selectTittle = selectTittle + item.label + ','
+          }
+        })
+      })
+      selectTittle = selectTittle.slice(0, selectTittle.length - 1)
+    }
+    return selectTittle
+  }
+}
+</script>