优化云盘

src/components/CloudDisk/CloudDiskList.vue

@@ -13,7 +13,7 @@
             </template>
             <template #append>
               <el-select v-model="queryObj.QCreateBy" 
-              placeholder="人员名称" 
+              placeholder="检索上传人" 
               style="width: 100px"
               filterable
               remote
@@ -155,7 +155,7 @@
                           :divided="index==0?true:false"
                           @click="ClearOption(),setDropdown(item,2)">
                             <span style="width: 80px;">{{item.Name}}</span>
-                            <IconCheck class="q-pl-lg" v-if="item.check"></IconCheck>
+                            <IconCheck class="q-pl-lg" v-show="item.check"></IconCheck>
                           </el-dropdown-item>
                         </template>
                       </el-dropdown-menu>
@@ -184,7 +184,7 @@
                               </el-icon>
                               <span>{{item.Name}}</span>
                             </div>
-                            <IconCheck class="q-pl-lg" v-if="item.check"></IconCheck>
+                            <IconCheck class="q-pl-lg" v-show="item.check"></IconCheck>
                           </el-dropdown-item>
                         </template>
                       </el-dropdown-menu>
@@ -196,7 +196,7 @@
             :style="{'padding-bottom':queryObj.pageCount == queryObj.pageIndex && !loading?'60px':'130px'}"
             @mousedown="handleMouseDown">
               <div class="mask" v-if="queryObj.layout!=3" v-show="positionList.is_show_mask" :style="'width:' + mask_width + 'left:' + mask_left + 'height:' + mask_height + 'top:' + mask_top"></div>
-              <cellList v-if="queryObj.layout==1" :dataList="dataList" 
+              <cellList v-if="dataList.length>0&&queryObj.layout==1" :dataList="dataList" 
                   @refreshHandler="refreshHandler"
                   @CopyTo="CopyTo"
                   @MoveFile="MoveFile"
@@ -205,7 +205,7 @@
                   @MultipleChoice="MultipleChoice"
                   :Parent="datas"
                   ></cellList>
-              <waterfallFlowList v-if="queryObj.layout==2" :dataList="dataList" 
+              <waterfallFlowList v-if="dataList.length>0&&queryObj.layout==2" :dataList="dataList" 
                   @refreshHandler="refreshHandler"
                   @CopyTo="CopyTo"
                   @MoveFile="MoveFile"
@@ -214,7 +214,7 @@
                   @MultipleChoice="MultipleChoice"
                   :Parent="datas"
                   ></waterfallFlowList>
-              <list v-if="queryObj.layout==3" :dataList="dataList"
+              <list v-if="dataList.length>0&&queryObj.layout==3" :dataList="dataList"
                   @refreshHandler="refreshHandler"
                   @CopyTo="CopyTo"
                   @MoveFile="MoveFile"
@@ -231,6 +231,9 @@
                 <template v-else>
                   <div style="height:40px;" class="no-bg" background="transparent" v-loading="loading"  element-loading-text="正在加载中"></div>
                 </template>
+                <div v-if="(!dataList || dataList.length==0) && !loading">
+                  <el-empty class="q-ma-xl" description="暂无数据" />
+                </div>
             </div>
             <!-- <div v-if="queryObj.pageCount>1" class="q-mt-md" style="display: flex;justify-content: center;">
                 <el-pagination
@@ -250,15 +253,15 @@
                     <div class="row items-center nowrap shrink">
                       <el-checkbox class="fz14" label="全选" v-model="datas.selectAll" 
                       :indeterminate="datas.indeterminate" style="position: relative;top: 1px;"
-                      @change="setSelecAll"/>
+                      @change="setSelecAll" :disabled="dataList.length==0"/>
                       <span class="fz14 q-pl-md color959AA3 row nowrap"><span>已选择</span> <span class="q-pl-xs">{{datas.SelectedDatas.length}}</span></span>
                     </div>
                     <div class="q-px-lg">
                       <div style="border-right: 1px solid #BABABA;height: 13px;">&nbsp;</div>
                     </div>
-                    <el-button icon="CopyDocument" size="small" @click="BatchCopyTo()">复制到</el-button>
-                    <el-button icon="Expand" size="small" @click="BatchMoveFile()">移动到</el-button>
-                    <el-button icon="Delete" size="small" @click="BatchRemove()">删除</el-button>
+                    <el-button icon="CopyDocument" size="small" @click="BatchCopyTo()" :disabled="dataList.length==0">复制到</el-button>
+                    <el-button icon="Expand" size="small" @click="BatchMoveFile()" :disabled="dataList.length==0">移动到</el-button>
+                    <el-button icon="Delete" size="small" @click="BatchRemove()" :disabled="dataList.length==0">删除</el-button>
                     <span class="close-btn cursor-pointer column items-center flex-center q-pl-md" @click="datas.ControlsShow=false">
                       <IconClose :size="14"></IconClose>
                     </span>
@@ -294,7 +297,7 @@
       :initial-index="currentImg"
       :url-list="srcList"></el-image-viewer>
       
-  </template>
+</template>
   <script setup lang="ts">
   import { ref, reactive, watch, provide, inject, onMounted, PropType, nextTick, computed } from "vue";
   import type { ElMessage,ElImage,DropdownInstance,ElLoading } from "element-plus";
@@ -685,22 +688,23 @@
       }
       refreshHandler()
     }
+    
     if(type==3){
-      queryObj.layout = item.ID
-      resSetXY()
       const loadingObj = ElLoading.service({
-          text:'正在切换',
-          lock:true
+        text:'正在切换',
+        lock:true
+      })
+      item.check = !item.check
+      queryObj.layout = item.ID
+      layoutType.value.forEach(x=>{
+          if(x.ID!=item.ID) x.check = false
       })
-      for(let i=0;i<layoutType.value.length;i++){
-        layoutType.value[i].check = false
-      }
-      item.check = true
       let time = 300
       if(dataList.value.length>50) time = 3000
       setTimeout(()=>{
         loadingObj.close()
       },time)
+      resSetXY()
     }
     
   }
@@ -994,6 +998,9 @@ onMounted(()=>{
   })
   </script>
   <style lang="scss" scoped>
+  .CloudDisk-R-Center{
+    flex-wrap: wrap;
+  }
     .CloudDisk-R-Date{
       position: absolute;
       left: 0;

src/components/CloudDisk/cellList.vue

@@ -2,7 +2,7 @@
     <div class="CloudDisk-R-Center row">
         <template v-for="(item,index) in dataList">
             <div style="position: relative;">
-                <el-checkbox style="position: absolute;left: 2.5vw;top: .2vw;" 
+                <el-checkbox style="position: absolute;left: 2vw;top: .2vw;" 
                 class="fz14" label="" v-model="item.check" @click.stop="item.check=!item.check"/>
                 <div class="CloudDisk-R-Box cursor-pointer" :key="index">
                     <div class="CloudDisk-R-Img">

src/components/CloudDisk/list.vue

 <template>
-    <div class="CloudDisk-R-Center row" v-if="dataList.length>0">
+    <div class="CloudDisk-R-Center row">
         <el-table :data="dataList" style="width: 100%;"
         ref="multipleTableRef" 
         @selection-change="handleSelectionChange"

src/components/CloudDisk/waterfallFlowList.vue

@@ -13,7 +13,7 @@
         >
             <template #item="{ item, url, index }">
                 <div style="position: relative;">
-                    <el-checkbox style="position: absolute;left: .5vw;top: .2vw;" 
+                    <el-checkbox style="position: absolute;left: .5vw;top: .1vw;" 
                     class="fz14" label="" v-model="item.check" @click.stop="item.check=!item.check"
                     />
                     <div class="CloudDisk-R-Box cursor-pointer" :key="index">