agilebuilder-ui 1.0.76 → 1.0.78

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agilebuilder-ui",
-  "version": "1.0.76",
+  "version": "1.0.78",
   "type": "module",
   "private": false,
   "main": "./lib/super-ui.js",

package/packages/department-tree/src/department-tree.vue

@@ -1,6 +1,5 @@
 <template>
 	<div>
-		
 		<DepartmentMobileTree
 			v-if="isMobile"
 			ref="inlineDeparmentTree"

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

@@ -18,7 +18,7 @@
           </el-col>
       </el-row>
     </el-card>
-    <el-card  v-if="tenantName" class="card-content"  style="height: 40px">
+    <el-card  v-if="tenantName" class="card-content" >
       <el-row class="item-row item-row-all">
         <el-col class="item-label dept-path"><deptPath :tenantName="tenantName" :clickDepts="clickDepts" @clickBreadcrumb="clickBreadcrumb"/></el-col>
       </el-row>
@@ -44,7 +44,7 @@
       </template>
     </el-tree>
     </el-card>
-    <el-card  class="card-footer" style="height: 40px">
+    <el-card  class="card-footer">
     <div  style="display: flex;">
       <div  class="select-result" @click="showResult">
         <!-- 已选择:6人,其中有一个部门(含子部门) -->
@@ -166,17 +166,19 @@ function  resizeScrollTargetHeight () {
 }
 // 点击复选框时处理
 function handleCheckNode(data, check, isChildrenCheck) {
-    if(check) {
-      // 表示选择节点时
-      addToSelectDept(data)
-    } else {
-      // 表示取消选择
-      removeSelectDept(data)
+    if(props.multiple) {
+      if(check) {
+        // 表示选择节点时
+        addToSelectDept(data)
+      } else {
+        // 表示取消选择
+        removeSelectDept(data)
+      }
     }
 }
 
 function handleClickNode(data, node, treenode, events) {
-  if(data.nodeType && data.nodeType === 'DEPARTMENT') {
+  if(!props.multiple && data.nodeType && data.nodeType === 'DEPARTMENT') {
     selectDepts.value = [data]
   }
 }
@@ -184,7 +186,7 @@ function handleClickNode(data, node, treenode, events) {
 
 function addToSelectDept(dept) {
     if(dept.nodeType && dept.nodeType === 'DEPARTMENT') {
-      const filterValue = selectDepts.value.filter(item=> item.nodeId === dept.nodeId)
+      const filterValue = selectDepts.value.filter(item=> (item.nodeId === dept.nodeId))
       if(!filterValue || filterValue.length === 0) {
         // 表示集合中没有该记录，需要记录到结果集合中
         selectDepts.value.push(JSON.parse(JSON.stringify(dept)))
@@ -193,7 +195,7 @@ function addToSelectDept(dept) {
 }
 
 function removeSelectDept(dept) {
-    const index = selectDepts.value.findIndex(selectItem=> selectItem.nodeId === dept.nodeId)
+    const index = selectDepts.value.findIndex(selectItem=> (selectItem.nodeId === dept.nodeId))
     // 删除指定元素
     selectDepts.value.splice(index, 1)
     checkAll.value =false
@@ -251,7 +253,7 @@ function showResult() {
 }
 
 function removeResultDept(dept) {
-  const removeDeptInDepts = departments.value.filter(item=>item.nodeId === dept.nodeId)
+  const removeDeptInDepts = selectDepts.value.filter(item=>item.nodeId === dept.nodeId)
   if(removeDeptInDepts && removeDeptInDepts.length > 0) {
     // departments结果存在当前移除的节点时，check-change事件会走removeSelectDept的逻辑
     const selectNodeIds = []
@@ -261,10 +263,8 @@ function removeResultDept(dept) {
       }
     })
     orgTreeRef.value.setCheckedKeys(selectNodeIds, true)
-  } else {
-    // departments结果不存在当前移除的节点时
-    removeSelectDept(dept)
   }
+  removeSelectDept(dept)
 }
 
 function saveDept() {

package/packages/department-user-tree/src/department-user-tree.vue

@@ -28,6 +28,7 @@
 		/>
 		<DepartmentUserMobileTree
 			v-if="isMobile"
+			:multiple="multiple"
 			:department-info="departmentInfo"
 			:search-field="searchField"
 			:select-user-info="selectUserInfo"

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

@@ -18,7 +18,7 @@
           </el-col>
       </el-row>
     </el-card>
-    <el-card  v-if="tenantName" class="card-content"  style="height: 40px">
+    <el-card  v-if="tenantName" class="card-content">
       <el-row class="item-row item-row-all">
         <el-col class="item-label dept-path"><deptPath :tenantName="tenantName" :clickDepts="clickDepts" @clickBreadcrumb="clickBreadcrumb"/></el-col>
       </el-row>
@@ -47,7 +47,7 @@
       </template>
     </el-tree>
     </el-card>
-    <el-card  class="card-footer" style="height: 40px">
+    <el-card  class="card-footer">
     <div  style="display: flex;">
       <div  class="select-result" >
         <!-- 已选择:{useNum}个用户,{deptNum}个部门(含子部门) -->
@@ -177,30 +177,31 @@ function  resizeScrollTargetHeight () {
 }
 // 点击复选框时处理
 function handleCheckNode(data, check, isChildrenCheck) {
-  debugger
-    if(check) {
-      // 表示选择节点时
-      if(props.multiple) {
-        // 表示是复选组织树
-        addToSelectDept(data)
-      }
-    } else {
-      // 表示取消选择
-      if(props.multiple || (data.nodeType && data.nodeType === 'USER')) {
-        removeSelectDept(data)
+    if(props.multiple) {
+      if(check) {
+        // 表示选择节点时
+        if(props.multiple) {
+          // 表示是复选组织树
+          addToSelectDept(data)
+        }
+      } else {
+        // 表示取消选择
+        if(props.multiple || (data.nodeType && data.nodeType === 'USER')) {
+          removeSelectDept(data)
+        }
       }
     }
 }
 
 function handleClickNode(data, node, treenode, events) {
-  if(data.nodeType && data.nodeType === 'USER') {
+  if(!props.multiple && data.nodeType && data.nodeType === 'USER') {
     selectUsers.value = [data]
   }
 }
 function addToSelectDept(dept) {
   if(dept.nodeType && dept.nodeType === 'USER') {
     // 表示是用户
-    const filterValue = selectUsers.value.filter(item=> item.nodeId === dept.nodeId)
+    const filterValue = selectUsers.value.filter(item=> item.nodeId === dept.nodeId )
     if(!filterValue || filterValue.length === 0) {
       // 表示集合中没有该记录，需要记录到结果集合中
       selectUsers.value.push(JSON.parse(JSON.stringify(dept)))
@@ -216,7 +217,6 @@ function addToSelectDept(dept) {
 }
 
 function removeSelectDept(dept) {
-  debugger
   if(dept.nodeType && dept.nodeType === 'USER') {
     const index = selectUsers.value.findIndex(selectItem=> selectItem.nodeId === dept.nodeId)
     // 删除指定元素
@@ -296,10 +296,8 @@ function removeResultDept(dept) {
       }
     })
     orgTreeRef.value.setCheckedKeys(selectNodeIds, true)
-  } else {
-    // departments结果不存在当前移除的节点时
-    removeSelectDept(dept)
   }
+  removeSelectDept(dept)
 }
 
 function saveDept () {

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

@@ -49,17 +49,6 @@ export function loadPointDepartments (departmentInfo) {
       defaultCheckedKeys.push(dept.nodeId)
     })
   }
-// 获得所有指定父部门的子部门信息
-  export  function getChildDepts (parentDept) {
-    return new Promise((resolve, reject) => {
-      const parentIds = [parentDept.id]
-      window['$vueApp'].config.globalProperties.$http.post(window['$vueApp'].config.globalProperties.baseAPI + '/component/organization-trees/department-children', parentIds).then(departments => {
-        resolve(departments)
-      }).catch(error => {
-        reject(error)
-      })
-    })
-  }
   // ,
   // isDeptOrUser (item, dept) {
   //   return item.id === dept.id && item.nodeType && dept.nodeType && item.nodeType === dept.nodeType

package/packages/dynamic-source-select/src/dynamic-source-select.vue

@@ -31,7 +31,7 @@
 		          :key="item.value"
 		          :label="item._label_"
 		          :title="item._description_?item._label_ + item._description_:item._label_"
-		          :value="item[valueAttribute]"
+		          :value="baseProps.multiple && item.value==='saveAll'?item.value:item[valueAttribute]"
           >
             <div style="display: flex">
               <span>{{ item._label_ }}</span>
@@ -48,7 +48,7 @@
 			:key="item.value"
 			:label="item._label_"
 			:title="item._description_?item._label_ + item._description_:item._label_"
-			:value="item[valueAttribute]"
+			:value="baseProps.multiple && item.value==='saveAll'?item.value:item[valueAttribute]"
 		>
 		<span style="float: left">{{ item._label_ }}</span>
 		<span
@@ -71,7 +71,7 @@
 		          v-for="item in optionItemList"
 		          :key="item.value"
 		          :label="item._label_"
-		          :value="item[valueAttribute]"
+		          :value="baseProps.multiple && item.value==='saveAll'?item.value:item[valueAttribute]"
           />
         </div>
 		<el-option
@@ -79,7 +79,7 @@
 			v-for="item in optionItemList"
 			:key="item.value"
 			:label="item._label_"
-			:value="item[valueAttribute]"
+			:value="baseProps.multiple && item.value==='saveAll'?item.value:item[valueAttribute]"
 		/>
       </template>
     </el-select>
@@ -444,7 +444,7 @@ export default {
 									this.optionItems = dynamicDataSourceDto.options
 									let optionsResult = dynamicDataSourceDto.options
 									if(this.baseProps.multiple !== undefined && this.baseProps.multiple === true && optionsResult && optionsResult.length > 0){
-										const saveAll = {value: 'saveAll', label: this.$t('superGrid.selectAll')}
+										const saveAll = {value: 'saveAll', _label_: this.$t('superGrid.selectAll')}
 										optionsResult = [saveAll,...optionsResult]
 									}
 									this.optionItemList = optionsResult

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

@@ -1,97 +1,121 @@
 <template>
   <div>
     <template v-if="!disabled">
-      <el-input
-        ref="item"
-        :disabled="disabled"
-        :model-value="value"
-        :placeholder="$t('imatrixUIMessage.fileUpload')"
-        :readonly="true"
-      >
-        <template v-slot:append>
-          <el-button v-if="!disabled" :icon="ElIconUpload2" size="default" @click="openAnnexUpload" />
-          <el-button :icon="ElIconZoomIn" size="default" @click="preview" />
-        </template>
-      </el-input>
+      <template v-if="!isMobile">
+        <el-input
+          ref="item"
+          :disabled="disabled"
+          :model-value="value"
+          :placeholder="$t('imatrixUIMessage.fileUpload')"
+          :readonly="true"
+        >
+          <template v-slot:append>
+            <el-button v-if="!disabled" :icon="ElIconUpload2" size="default" @click="openAnnexUpload" />
+            <el-button :icon="ElIconZoomIn" size="default" @click="preview" />
+          </template>
+        </el-input>
 
-      <el-dialog
-        v-model="annexUploadFlag"
-        :append-to-body="true"
-        :show-close="true"
-        :title="$t('imatrixUIMessage.upload')"
-        width="30%"
-      >
-        <el-upload
-          v-if="annexUploadFlag"
-          :accept="fileSetObj.accept ? fileSetObj.accept : null"
-          :action="defaultAction"
-          :multiple="fileSetObj.multiple"
-          :before-upload="handleBeforeUpload"
-          :headers="headers"
-          :on-success="uploadOnSuccess"
-          :with-credentials="true"
-          name="file"
+        <el-dialog
+          v-model="annexUploadFlag"
+          :append-to-body="true"
+          :show-close="true"
+          :title="$t('imatrixUIMessage.upload')"
+          width="30%"
+        >
+          <el-upload
+            v-if="annexUploadFlag"
+            :accept="fileSetObj.accept ? fileSetObj.accept : null"
+            :action="defaultAction"
+            :multiple="fileSetObj.multiple"
+            :before-upload="handleBeforeUpload"
+            :headers="headers"
+            :on-success="uploadOnSuccess"
+            :with-credentials="true"
+            name="file"
+          >
+            <el-button>{{ $t('imatrixUIMessage.upload') }}</el-button>
+          </el-upload>
+        </el-dialog>
+        <el-dialog
+          v-model="showPreviewSingleImage"
+          :append-to-body="true"
+          :show-close="true"
+          :title="$t('imatrixUIPublicModel.previewImage')"
+          @close="$emit('close')"
+        >
+          <template v-slot:title>
+            <span
+              >{{ $t('imatrixUIPublicModel.previewImage') }}
+              <!-- <i v-if="downloadable" class="el-icon-download" style="padding-left:5px;cursor:pointer;color:#409EFF" @click="downloadFile()" /> -->
+              <!-- <i v-if="deleteable" class="el-icon-delete" style="padding-left:5px;cursor:pointer;color:#F56C6C" @click="deleteFile()" /> -->
+            </span>
+          </template>
+          <el-image
+            v-if="previewImageInfo && previewImageInfo.isImg"
+            :preview-src-list="[previewImageInfo.src]"
+            :src="previewImageInfo.src"
+          />
+        </el-dialog>
+        <el-dialog
+          v-model="showPreviewMulti"
+          :append-to-body="true"
+          :show-close="true"
+          :title="$t('imatrixUIPublicModel.preview')"
+          width="30%"
+          @close="$emit('close')"
         >
-          <el-button>{{ $t('imatrixUIMessage.upload') }}</el-button>
-        </el-upload>
-      </el-dialog>
-      <el-dialog
-        v-model="showPreviewSingleImage"
-        :append-to-body="true"
-        :show-close="true"
-        :title="$t('imatrixUIPublicModel.previewImage')"
-        @close="$emit('close')"
-      >
-        <template v-slot:title>
-          <span
-            >{{ $t('imatrixUIPublicModel.previewImage') }}
-            <!-- <i v-if="downloadable" class="el-icon-download" style="padding-left:5px;cursor:pointer;color:#409EFF" @click="downloadFile()" /> -->
-            <!-- <i v-if="deleteable" class="el-icon-delete" style="padding-left:5px;cursor:pointer;color:#F56C6C" @click="deleteFile()" /> -->
-          </span>
-        </template>
-        <el-image
-          v-if="previewImageInfo && previewImageInfo.isImg"
-          :preview-src-list="[previewImageInfo.src]"
-          :src="previewImageInfo.src"
-        />
-      </el-dialog>
-      <el-dialog
-        v-model="showPreviewMulti"
-        :append-to-body="true"
-        :show-close="true"
-        :title="$t('imatrixUIPublicModel.preview')"
-        width="30%"
-        @close="$emit('close')"
-      >
-        <template v-slot:title>
-          <span
-            >{{ $t('imatrixUIPublicModel.preview') }}
-            <!-- <i v-if="downloadable" class="el-icon-download" style="padding-left:5px;cursor:pointer;color:#409EFF" @click="downloadFile()" /> -->
-            <!-- <i v-if="deleteable" class="el-icon-delete" style="padding-left:5px;cursor:pointer;color:#F56C6C" @click="deleteFile()" /> -->
-          </span>
-        </template>
-        <el-table :data="showFileList" :show-header="false">
-          <el-table-column prop="showName" width="300" />
-          <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-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-tooltip>
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-dialog>
+          <template v-slot:title>
+            <span
+              >{{ $t('imatrixUIPublicModel.preview') }}
+              <!-- <i v-if="downloadable" class="el-icon-download" style="padding-left:5px;cursor:pointer;color:#409EFF" @click="downloadFile()" /> -->
+              <!-- <i v-if="deleteable" class="el-icon-delete" style="padding-left:5px;cursor:pointer;color:#F56C6C" @click="deleteFile()" /> -->
+            </span>
+          </template>
+          <el-table :data="showFileList" :show-header="false">
+            <el-table-column prop="showName" width="300" />
+            <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-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-tooltip>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-dialog>
+      </template>
+      <FileUploadInputMobile
+        v-else
+        ref="fileUploadRef"
+        :disabled="disabled"
+        :fileInfo="fileInfo"
+        :systemCode="systemCode"
+        :accept="fileSetObj.accept ? fileSetObj.accept : null"
+        :multiple="fileSetObj.multiple"
+        :limitFileSize="fileSetObj.limitFileSize"
+        :placeholder="$t('imatrixUIMessage.fileUpload')"
+        :file-list="fileList"
+        :beforeUpload="fileSetObj.beforeUpload"
+        :onSuccess="uploadOnSuccessMobile"
+        :beforeRemove="fileSetObj.beforeRemove"
+        :onRemove="onRemoveMobile"
+        :beforeDownload="fileSetObj.beforeDownload"
+        :pageContext="pageContext"
+        :openFsUpload="openFsUpload"
+        :componentId="componentId"
+        :listCode="listCode"
+        :openCameraOrChoosePhoto="fileSetObj.openCameraOrChoosePhoto"
+      />
     </template>
     <template v-else>
       <fs-preview :entity="row" :file-set-obj="fileSetObj" :is-sql="isSql" :label="value" />
@@ -110,36 +134,13 @@ import { $emit } from '../../utils/gogocodeTransfer'
 
 import { getToken } from '../../../src/utils/auth'
 import { isImage } from '../../../src/utils/util'
-import { getSystemFrontendUrl, isPlateSys } from '../../../src/utils/common-util'
+import { getSystemFrontendUrl, isPlateSys, isMobileBrowser } from '../../../src/utils/common-util'
 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'
+
 
 export default {
-  data() {
-    const headers = { Authorization: getToken() }
-    let defaultAction = window.$vueApp.config.globalProperties.baseURL + '/common/fs-upload'
-    if (isPlateSys(window.$vueApp.config.globalProperties.systemCode)) {
-      defaultAction = window.$vueApp.config.globalProperties.baseAPI + '/component/super-form/uploads'
-    }
-    return {
-      deleteUuids: [],
-      headers,
-      defaultAction,
-      annexUploadFlag: false,
-      showPreviewSingleImage: false,
-      showPreviewMulti: false,
-      lastFileName: null,
-      previewImageInfo: {},
-      showFileList: this.fileList,
-      ElIconUpload2,
-      ElIconZoomIn
-    }
-  },
-  components: {
-    FsPreview,
-    ElIconView,
-    ElIconDelete
-  },
   name: 'FsUploadList',
   props: {
     value: {
@@ -195,10 +196,52 @@ export default {
       type: Boolean,
       default: false
     },
-				openFsUpload:{
-						type: Boolean,
-						default: true
-				}
+    openFsUpload:{
+        type: Boolean,
+        default: true
+    },
+    pageContext: {
+      type: Object,
+      default: () => ({})
+    },
+    listCode: {
+      type: String,
+      default: null
+    },
+    componentId: {
+      type: String,
+      default: null
+    }
+  },
+  data() {
+    const headers = { Authorization: getToken() }
+    let defaultAction = window.$vueApp.config.globalProperties.baseURL + '/common/fs-upload'
+    if (isPlateSys(window.$vueApp.config.globalProperties.systemCode)) {
+      defaultAction = window.$vueApp.config.globalProperties.baseAPI + '/component/super-form/uploads'
+    }
+    const isMobile = isMobileBrowser()
+    const systemCode = this.pageContext && this.pageContext.systemCode? this.pageContext.systemCode: null
+    return {
+      deleteUuids: [],
+      headers,
+      defaultAction,
+      annexUploadFlag: false,
+      showPreviewSingleImage: false,
+      showPreviewMulti: false,
+      lastFileName: null,
+      previewImageInfo: {},
+      showFileList: this.fileList,
+      ElIconUpload2,
+      ElIconZoomIn,
+      isMobile,
+      systemCode
+    }
+  },
+  components: {
+    FsPreview,
+    ElIconView,
+    ElIconDelete,
+    FileUploadInputMobile
   },
   created() {},
   mounted() {},
@@ -351,6 +394,23 @@ export default {
         })
         $emit(this, 'delete', this.showFileList, index)
       }
+    },
+    // 移动端上传成功
+    uploadOnSuccessMobile() {
+      console.log('uploadOnSuccessMobile-------this.fileList=', this.fileList)
+      $emit(this, 'upload-success', this.fileList)
+    },
+    // 移动端删除附件
+    onRemoveMobile(){
+      console.log('onRemoveMobile-------this.fileList=', this.fileList)
+      $emit(this, 'delete', this.fileList)
+    },
+    pickFileDone(data){
+      console.log('fs-upload-list------pickFileDone-------data=', data)
+      this.$refs.fileUploadRef.pickFileDone(data)
+    },
+    uploadFileDone(data){
+      this.$refs.fileUploadRef.uploadFileDone(data)
     }
   },
   emits: ['close', 'upload-success', 'delete-success', 'delete', 'update:value', 'close', 'update:value']

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

@@ -124,10 +124,6 @@ const props = defineProps({
       return 'file-upload'
     }
   },
-  options: {
-    type: Object,
-    default: null
-  },
   // 列表编码
   listCode: {
     type: String,
@@ -146,8 +142,8 @@ const props = defineProps({
 
 const fileListResult = ref(props.fileList)
 let baseURL = window.$vueApp.config.globalProperties.baseURL
-if (props.options) {
-  baseURL = props.options.backendUrl
+if (props.pageContext && props.pageContext.backendUrl) {
+  baseURL = props.pageContext.backendUrl
 }
 if (!baseURL) {
   baseURL = window.$vueApp.config.globalProperties.baseURL

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

@@ -188,10 +188,6 @@ const props = defineProps({
       return 'file-upload'
     }
   },
-  options: {
-    type: Object,
-    default: null
-  },
   // 列表编码
   listCode: {
     type: String,
@@ -211,8 +207,8 @@ const props = defineProps({
 const fileListResult = ref(props.fileList)
 
 let baseURL = window.$vueApp.config.globalProperties.baseURL
-if (props.options) {
-  baseURL = props.options.backendUrl
+if (props.pageContext && props.pageContext.backendUrl) {
+  baseURL = props.pageContext.backendUrl
 }
 if (!baseURL) {
   baseURL = window.$vueApp.config.globalProperties.baseURL

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

@@ -1,9 +1,9 @@
 <template>
   <el-upload action="#" list-type="picture-card" :file-list="fileListResult" :auto-upload="false" :disabled="true">
-  <template #tip>
+  <template  v-if="!disabled" #tip>
     <el-text size="small" style="padding: 10px;font-weight: 600"> {{ accept }} {{limitFileSize?$t('imatrixUIMessage.uploadFileTip',{fileSize: limitFileSize}): ''}}</el-text>
   </template>
-  <template #trigger>
+  <template v-if="!disabled" #trigger>
     <el-icon @click="chooseFile"><Plus /></el-icon>
  </template>