fix: 首页下方图标

src/components/home/HomeSetting.vue

@@ -28,7 +28,6 @@ provide<(methods: Home.GrandsonMethods) => void>('registerGrandsonMethods', (met
 // 状态管理
 const router = useRouter()
 const formulaStore = useFormulaStore()
-const deviceStore = useDeviceStore()
 const homeStore = useHomeStore()
 
 // 组件状态
@@ -156,53 +155,35 @@ const onCloseConfig = () => {
 const onCloseRuntime = () => {
   disinfectRuntimeVisible.value = false
 }
-const settingWidth = computed(() => {
-  if (__DEVICE_TYPE__ === deviceStore.deviceTypeMap.LargeSpaceDM_B) {
-    return '12rem'
-  }
-  return '7.5rem'
-})
 </script>
 
 <template>
-  <div class="home-start-opt">
-    <div class="home-opt-flex">
-      <div class="home-opt-ml">
-        <BtButton
-          button-text="查看图表"
-          text-size="1.3rem"
-          border-radius="5px"
-          :width="settingWidth"
-          height="3rem"
-          text-color="#1989fa"
-          :disabled="deviceState"
-          @click="onShowChart"
-        />
-      </div>
-      <div class="home-opt-ml">
-        <BtButton
-          v-if="deviceState"
-          button-text="消毒设置"
-          text-size="1.3rem"
-          border-radius="5px"
-          :width="settingWidth"
-          text-color="#1989fa"
-          height="3rem"
-          @click="onDisinfectConfig()"
-        />
-        <BtButton
-          v-else
-          button-text="运行参数"
-          text-size="1.3rem"
-          border-radius="5px"
-          :width="settingWidth"
-          text-color="#1989fa"
-          height="3rem"
-          @click="onDisinfectRuntime()"
-        />
-      </div>
-    </div>
-  </div>
+  <el-button type="primary" :disabled="deviceState" @click="onShowChart">
+    查看图表
+  </el-button>
+  <el-button v-if="deviceState" style="margin: 0" @click="onDisinfectConfig()">
+    消毒设置
+  </el-button>
+  <el-button v-else style="margin: 0" @click="onDisinfectRuntime()">
+    运行参数
+  </el-button>
+  <!--  <div class="home-start-opt"> -->
+  <!--    <div class="home-opt-flex"> -->
+  <!--      <div class="home-opt-ml"> -->
+  <!--        <el-button type="primary" :disabled="deviceState" @click="onShowChart"> -->
+  <!--          查看图表 -->
+  <!--        </el-button> -->
+  <!--      </div> -->
+  <!--      <div class="home-opt-ml"> -->
+  <!--        <el-button v-if="deviceState" @click="onDisinfectConfig()"> -->
+  <!--          消毒设置 -->
+  <!--        </el-button> -->
+  <!--        <el-button v-else @click="onDisinfectRuntime()"> -->
+  <!--          运行参数 -->
+  <!--        </el-button> -->
+  <!--      </div> -->
+  <!--    </div> -->
+  <!--  </div> -->
   <!-- 消毒设置  -->
   <ft-dialog v-model="disinfectConfigVisible" title="消毒设置" width="80vw">
     <div style="height: 80vh; overflow: auto">
@@ -287,7 +268,7 @@ const settingWidth = computed(() => {
   }
 }
 .home-start-opt {
-  margin: 0.5rem;
+  //margin: 0.5rem;
 }
 .home-opt-flex {
   display: flex;

src/components/home/PressureControl.vue

@@ -75,12 +75,14 @@ const confirm = async (val: string[]) => {
 .pressure-wrapper {
   display: flex;
   justify-content: center;
-  padding: 0.5rem 0;
+  width: 100px;
 }
 
 .pressure-cascader {
   width: 100%;
-  max-width: 7.5rem;
+}
+:deep(.el-cascader .el-input .el-input__inner) {
+  //height: 40px;
 }
 </style>
 

src/layouts/default.vue

@@ -284,13 +284,11 @@ const handleCloseAll = async () => {
       </el-main>
     </el-container>
     <el-footer class="footer">
-      <el-row>
-        <el-col :span="6">
       <div class="ip-info">
         IP : {{ deviceInfo.ip }}
       </div>
-        </el-col>
-        <el-col :span="12" :class="systemStore?.systemLogList.length > 0 ? 'warning-border' : ''">
+
+      <div style="width: 50%" :class="systemStore?.systemLogList.length > 0 ? 'warning-border' : ''">
         <div class="footer-left">
           <img src="../assets/images/run.svg" alt="" style="padding-right: 5px">
           <span v-if="!systemStore.systemLogList.length" class="text">设备运行状态</span>
@@ -334,13 +332,11 @@ const handleCloseAll = async () => {
             </template>
           </el-popover>
         </div>
-        </el-col>
-        <el-col :span="6">
+      </div>
+
       <div class="time">
         {{ currentTime }}
       </div>
-        </el-col>
-      </el-row>
     </el-footer>
     <NetReconnection />
     <!--    <ErrorEventsModal /> -->
@@ -364,12 +360,11 @@ const handleCloseAll = async () => {
     width: 100%;
     display: flex;
     align-items: center;
-    padding: 10px 15px;
-    position: sticky;
+    justify-content: space-between;
   }
   .header {
     color: #393f46;
-    box-shadow: 0px 1px 5px 0px rgba(9, 39, 62, 0.15);
+    box-shadow: 0 1px 5px 0 rgba(9, 39, 62, 0.15);
     display: flex;
     padding: 0 10px;
     justify-content: center;

src/views/home/index.vue

@@ -145,6 +145,10 @@ const deviceType = computed(() => {
 </template>
 
 <style lang="scss" scoped>
+.bottom {
+  display: flex;
+  justify-content: space-between;
+}
 $input-height: 3rem;
 .home {
   width: 100%;