提示按钮调整

2024-11-20 10:42:51 +08:00 · 2024-11-20 10:42:51 +08:00 · 718835302e
parent 59ffd45dfb
commit 718835302e
1 changed files with 20 additions and 7 deletions
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@ -51,13 +51,26 @@
            label="返回"
            @click="backConfirm"
          />
-          <q-toggle
-            v-model="lineStore.faultStatistics"
-            checked-icon="check"
-            color="red"
-            label="故障信息统计"
-            unchecked-icon="clear"
-          />
+          <q-btn
+            round
+            dense
+            flat
+            :color="lineStore.faultStatistics ? 'white' : 'red'"
+            :icon="lineStore.faultStatistics ? 'grid_on' : 'grid_off'"
+            @click="
+              () => {
+                lineStore.faultStatistics = !lineStore.faultStatistics;
+              }
+            "
+          >
+            <q-tooltip style="font-size: 14px">
+              {{
+                lineStore.faultStatistics
+                  ? '关闭故障信息统计'
+                  : '开启故障信息统计'
+              }}
+            </q-tooltip>
+          </q-btn>
          <q-btn
            round
            dense