云盘

src/components/CloudDisk/CloudDiskList.vue

@@ -101,9 +101,10 @@
                         </el-input>
                         <div class="row flex-between items-center q-pt-md" v-for="(item,index) in formatType">
                           <div class="grow">
-                            <el-checkbox style="width: 100%;" v-model="queryObj.QFileType" 
-                            :label="item.FileFormat" 
-                            @change="ClearOption(),refreshHandler()"></el-checkbox>
+                            <el-checkbox-group  v-model="queryObj.QFileType" @change="ClearOption(),refreshHandler()">
+                              <el-checkbox style="width: 100%;"
+                              :label="item.FileFormat"></el-checkbox>
+                            </el-checkbox-group>
                           </div>
                           <span>{{item.RecordNum}}</span>
                         </div>
@@ -297,7 +298,7 @@
       
   </template>
   <script setup lang="ts">
-  import { ref, reactive, watch, provide, inject, onMounted, PropType, nextTick, onBeforeUnmount, computed } from "vue";
+  import { ref, reactive, watch, provide, inject, onMounted, PropType, nextTick, computed } from "vue";
   import type { ElMessage,ElImage,DropdownInstance,ElLoading } from "element-plus";
   import { ArrowLeft,CopyDocument } from "@element-plus/icons-vue";
   import CloudDiskService from "@/services/CloudDiskService";
@@ -984,19 +985,14 @@ querySearchGroup()
 querySearchHandler()
 getCloudInfo()
 onMounted(()=>{
-  document.addEventListener('click', (e) => {
-      if (currentSearchType.value==3) {
-          
-      }
-  });
   imgDiskRef.value.addEventListener("scroll", scrollingHandler);
 })
-  onBeforeUnmount(() => {
-      document.removeEventListener('click', () => {});
-  })
   watch(()=>datas.SelectedDatas,(n,o)=>{
     datas.IdList = []
-    if(n.length>0) datas.IdList = datas.SelectedDatas.map(x=>{ return x.DetailsId})
+    if(n.length>0) {
+      datas.IdList = datas.SelectedDatas.map(x=>{ return x.DetailsId})
+      datas.ControlsShow = true
+    }
   })
   </script>
   <style lang="scss" scoped>

src/components/CloudDisk/cellList.vue

@@ -3,8 +3,7 @@
         <template v-for="(item,index) in dataList">
             <div style="position: relative;">
                 <el-checkbox style="position: absolute;left: 35px;top: 2px;" 
-                class="fz14" label="" v-model="item.check" 
-                @change="checkItem($event,item)"/>
+                class="fz14" label="" v-model="item.check"/>
                 <div class="CloudDisk-R-Box cursor-pointer" :key="index">
                     <div class="CloudDisk-R-Img">
                         <el-image :src="item.FilePath" style="width: 100%; height: 100%;"

src/components/CloudDisk/waterfallFlowList.vue

@@ -5,8 +5,8 @@
             1400:{rowPerView:5},
             1200:{rowPerView:4},
             1000:{rowPerView:3},
-            800:{rowPerView:2},
-            500:{rowPerView:1}
+            800:{rowPerView:3},
+            500:{rowPerView:2}
             }" 
             :hasAroundGutter="false" :align="'left'"
             rowKey="DetailsId" :gutter="24"