行程列表

src/views/SellTemplate/components/journeyAds.vue

@@ -5,7 +5,8 @@
                 <table class="text-small" style="width: 100%">
                     <tr>
                         <th class="text-left" style="width: 20px;"><el-checkbox size="sm" v-model="datas.selectAll"
-                            @click="clickSelectAll"/></th>
+                            @click="clickSelectAll"
+                            :indeterminate="isIndeterminate"/></th>
                         <th colspan="2" class="text-light"><div class="text-left q-pl-md">文档名称</div></th>
                         <th class="text-light">最近修改</th>
                         <th class="text-light">创建者</th>
@@ -61,6 +62,7 @@
     const marketStore = useScreenStore()
 
     const PopoverVisibleControls = ref(false)
+    const isIndeterminate = ref(true)
     const dataList = ref([] as Array < any > )
     const searchData = ref({} as any)
     searchData.value = inject(injectKeyTemplate)
@@ -112,14 +114,18 @@
             }
             datas.selectedDatas.splice(index,1)
         }
+        isIndeterminate.value = false
         if(dataList.value.length>0
         &&datas.selectedDatas.length>0
         &&dataList.value.length==datas.selectedDatas.length) datas.selectAll = true
         if(dataList.value.length>0
         &&datas.selectedDatas.length>0
-        &&dataList.value.length>datas.selectedDatas.length) datas.selectAll = ['']
+        &&dataList.value.length>datas.selectedDatas.length) {
+            datas.selectAll = ''
+            isIndeterminate.value = true
+        }
         if(dataList.value.length==0
-        &&datas.selectedDatas.length==0) datas.selectAll = ['']
+        &&datas.selectedDatas.length==0) datas.selectAll = ''
 
         console.log(datas.selectedDatas,'----')
     }