feat: 实现首页拖拽暗黑模式样式

src/views/Dashboard/index.ts

@@ -1 +1 @@
-export { default } from './src/DashboardView.vue'
+export { default } from './src/DashboardView.new.vue'

src/views/Dashboard/src/DashboardView.new.vue

@@ -1592,7 +1592,7 @@ const handleGuide = () => {
 }
 .fallback-class {
   opacity: 1 !important;
-  background-color: #fff;
+  background-color: var(--color-v-box-content-drag-bg);
   cursor: move !important;
   box-shadow: 4px 4px 32px 0px rgba(0, 0, 0, 0.2);
   border-radius: 12px;

src/views/Dashboard/src/components/DashFiters.vue

@@ -97,7 +97,7 @@ const getdefaultdata = () => {
   dashboardObj.date_type = CheckboxGroup2.value
 }
 const changeCheckboxGroup1 = (val: any) => {
-  if (val.length == 3) {
+  if (val.length == 4) {
     checkboxGroup1.value = ['All']
   }
   if (val.length == 0) {
@@ -213,7 +213,12 @@ const guideStore = useGuideStore()
           size="large"
           :disabled="checkboxDisabled"
         >
-          <el-checkbox-button class="filter_button" v-for="item in shipper" :key="item" :value="item">
+          <el-checkbox-button
+            class="filter_button"
+            v-for="item in shipper"
+            :key="item"
+            :value="item"
+          >
             {{ item }}
           </el-checkbox-button>
         </el-checkbox-group>