云盘

src/components/CloudDisk/CloudDiskList.vue

 <template>
     <div class="column full-height" ref="currentRootDom">
-      <!-- <div class="q-pl-lg row q-mb-lg">
-        <div class="col row items-center q-pl-md">
-          <h5 class="row items-center">
-            <span class="q-pl-md">
-              <span class="pointer">云盘</span>
-            </span>
-          </h5>
-          <div class="select-btn q-pl-lg pointer q-mt-sm">
-            <el-icon>
-              <RefreshRight
-                v-if="!RefreshLoading"
-                @click="querySearchGroup(),refreshHandler()"
-              />
-              <Refresh v-else />
-            </el-icon>
-          </div>
-        </div>
-      </div> -->
+
       <div class="row items-center flex-between">
         <div class="text-dark text-weight-bolder">云盘空间</div>
         <div class="row flex-center CloudDisk-R-inquire">
-          <!-- <el-input style="max-width:600px" v-model="queryObj.FileName" placeholder="请输入图片名称搜索" class="q-pr-33" clearable
-          @keyup.enter="refreshHandler" @input="SearchImg">
-            <template #append>
-              <div @click.stop="refreshHandler">
-                <div class="row items-center pointer">
-                  <IconSearch class="cusor-pointer"></IconSearch>
-                </div>
-              </div>
-            </template>
-          </el-input> -->
           <el-input
           style="max-width:600px" v-model="queryObj.FileName" placeholder="请输入图片名称搜索" 
           class="q-pr-33 input-with-select" clearable
@@ -432,15 +405,23 @@
     if(datas.selectAll){
       dataList.value.forEach(x=>{
         x.check = true
+        datas.SelectedDatas.push(x.DetailsId)
+      })
+      datas.indeterminate = false
+    }else if(datas.indeterminate){
+      datas.SelectedDatas.forEach(x=>{
+        dataList.value.forEach(y=>{
+          if(x==y.DetailsId) y.check = true
+        })
       })
-      datas.SelectedDatas = dataList.value.map(x=>{x.DetailsId})
     }else{
       dataList.value.forEach(x=>{
         x.check = false
       })
       datas.SelectedDatas = []
+      datas.indeterminate = false
     }
-    datas.indeterminate = false
+    
   }
 
   const OpenDropdown = () =>{
@@ -687,7 +668,11 @@ const SearchImg = () =>{
 }
   const refreshHandler = (row:any) => {
     // currentRootDom.value.click()
-    if(row) queryObj.CloudGroupId = row.Id
+    if(row&&row.Id) {
+      if(row.Id==queryObj.CloudGroupId) return
+      queryObj.CloudGroupId = row.Id
+      datas.SelectedDatas = []
+    }
     RefreshLoading.value = true;
     queryObj.pageIndex = 1;
     srcList.value = []
@@ -712,7 +697,7 @@ const SearchImg = () =>{
         dataList.value = dataList.value.concat(pageRes.data.data.pageData);
         srcList.value = srcList.value.concat(imgs);
         queryObj.pageCount = pageRes.data.data.pageCount;
-        newDatasSelected()
+        
       }
       loading.value = false;
       RefreshLoading.value = false;
@@ -723,6 +708,8 @@ const SearchImg = () =>{
       loading.value = false;
       RefreshLoading.value = false;
     }
+    setSelecAll()
+    newDatasSelected()
   };
   const scrollingHandler = () =>{
     if(imgDiskRef.value && !loading.value){

src/components/CloudDisk/cellList.vue

@@ -90,7 +90,7 @@
         if(filter.length==0&&row.check) {
             multipleSelection.value.push(row.DetailsId)
             emit('MultipleChoice',multipleSelection.value)
-        }else {
+        }else if(!row.check){
             let newFilter = props.Parent.SelectedDatas.filter(x=>x!=row.DetailsId)
             multipleSelection.value = newFilter
             emit('MultipleChoice',multipleSelection.value)