驾驶舱-样式优化

ygtx-ui/src/views/index4.vue

@@ -175,10 +175,10 @@
               </div>
               <div id="type-content" class="tree-content" :class="{'show': treeExpanded.type}">
                 <label class="checkbox-item ml-2">
-                  <el-checkbox v-model="dimensionFilters.type.repair" label="维修" />
+                  <el-checkbox v-model="dimensionFilters.type.repair" label="维修" @change="handleWorkorderToggle" />
                 </label>
                 <label class="checkbox-item ml-2">
-                  <el-checkbox v-model="dimensionFilters.type.maintenance" label="维保" />
+                  <el-checkbox v-model="dimensionFilters.type.maintenance" label="维保" @change="handleWorkorderToggle"/>
                 </label>
               </div>
             </div>
@@ -238,13 +238,13 @@
                 <el-checkbox v-model="indicatorFilters.workhour.enabled" label="工时统计" @change="handleWorkhourToggle" />
               </label>
               <div class="ml-4 mt-1 border-l-2 border-neutral-200 pl-2" style="margin-left: 20px;">
-                <label class="checkbox-item">
+                <label v-if="!onlyWorkOrder" class="checkbox-item">
                   <el-checkbox v-model="indicatorFilters.workhour.items.xfsc" label="下发时长" @change="handleWorkhourSelect" />
                 </label>
-                <label class="checkbox-item">
+                <label v-if="!onlyWorkOrder" class="checkbox-item">
                   <el-checkbox v-model="indicatorFilters.workhour.items.xysc" label="接单时长" @change="handleWorkhourSelect" />
                 </label>
-                <label class="checkbox-item">
+                <label v-if="!onlyWorkOrder" class="checkbox-item">
                   <el-checkbox v-model="indicatorFilters.workhour.items.zbsc" label="准备时长" @change="handleWorkhourSelect" />
                 </label>
                 <label class="checkbox-item">
@@ -709,7 +709,8 @@ export default {
       originalEquipmentOptions: null,
       filteredEquipmentOptions: null,
       // 定时器
-      timer: null
+      timer: null,
+      onlyWorkOrder: false,
     }
   },
   created() {
@@ -1350,12 +1351,28 @@ export default {
     toggleTree(type) {
       this.treeExpanded[type] = !this.treeExpanded[type];
     },
+    handleWorkorderToggle(val) {
+      if (!this.dimensionFilters.type.repair && this.dimensionFilters.type.maintenance) {
+        this.indicatorFilters.workhour.items.xfsc = false;
+        this.indicatorFilters.workhour.items.xysc = false;
+        this.indicatorFilters.workhour.items.zbsc = false;
+        this.onlyWorkOrder = true;
+      }else{
+        this.onlyWorkOrder = false;
+      }
+    },
     handleWorkhourToggle(val) {
       // 当工时统计复选框状态改变时，同步更新所有子项的状态
+      if (this.onlyWorkOrder) {
+        this.indicatorFilters.workhour.items.xfsc = false;
+        this.indicatorFilters.workhour.items.xysc = false;
+        this.indicatorFilters.workhour.items.zbsc = false;
+      }else{
+        this.indicatorFilters.workhour.items.xfsc = val;
+        this.indicatorFilters.workhour.items.xysc = val;
+        this.indicatorFilters.workhour.items.zbsc = val;
+      }
       this.indicatorFilters.workhour.items.tjsc = val;
-      this.indicatorFilters.workhour.items.xfsc = val;
-      this.indicatorFilters.workhour.items.xysc = val;
-      this.indicatorFilters.workhour.items.zbsc = val;
       this.indicatorFilters.workhour.items.clsc = val;
       this.indicatorFilters.workhour.items.qjbwsc = val;
       this.indicatorFilters.workhour.items.gqsc = val;