fix: 代码优化;ui优化; bug修复

src/assets/styles/element.scss

@@ -1,5 +1,5 @@
 :root {
-  --el-font-size-base: 18px;
+  --el-font-size-base: 16px;
   // --el-button-size: 80px;
    --el-color-primary:  #1989fa;
   //--el-button-active-bg-color: linear-gradient(90deg, #0657C0 24%, #096AE0 101%);

src/components/common/SoftKeyboard/index.vue

@@ -2,7 +2,7 @@
 import pinyinDict from 'libs/pinyinDict.json'
 import { useDeviceStore } from 'stores/deviceStore'
 import type { Ref } from 'vue'
-import { computed, defineEmits, defineProps, onMounted, ref, watch, watchEffect } from 'vue'
+import { computed, onMounted, ref, watch, watchEffect } from 'vue'
 
 const props = defineProps<{
   modelValue: string
@@ -50,12 +50,15 @@ watchEffect(() => {
   inputValue.value = props.modelValue
 })
 
-watch(() => props.isVisible, (newVal) => {
+watch(
+  () => props.isVisible,
+  (newVal) => {
     console.log('deviceStete.deviceType--2-', deviceStete.isLowCost)
     if (!deviceStete.isLowCost) {
       isOpen.value = newVal
     }
-})
+  },
+)
 
 const activeKey = ref('')
 const keyboardLayout = computed(() => {
@@ -207,7 +210,12 @@ const handleTouchEnd = () => {
               v-for="(cnName, cnIndex) in cnList"
               :key="cnIndex"
               class="cn-name"
-              @click="(e) => { e.stopPropagation(); handleKeyCn(cnName) }"
+              @click="
+                e => {
+                  e.stopPropagation();
+                  handleKeyCn(cnName);
+                }
+              "
             >
               {{ cnName }}
             </div>
@@ -225,12 +233,28 @@ const handleTouchEnd = () => {
               'key-text': key !== ' ' && keyboardType === 'text',
             }"
             :style="keyboardType === 'number' ? 'height: 10vh' : 'height:3rem;'"
-            @click="(e) => {
-              e.stopPropagation()
-              handleKeyPress(key)
-            }"
+            @click="
+              e => {
+                e.stopPropagation();
+                handleKeyPress(key);
+              }
+            "
           >
-            {{ key === ' ' ? '空格' : key === 'del' ? '删除' : key === 'enter' ? '确认' : key === 'close' ? '关闭' : key === 'cn' ? '英文' : key === 'en' ? '拼音' : key }}
+            {{
+              key === ' '
+                ? '空格'
+                : key === 'del'
+                  ? '删除'
+                  : key === 'enter'
+                    ? '确认'
+                    : key === 'close'
+                      ? '关闭'
+                      : key === 'cn'
+                        ? '英文'
+                        : key === 'en'
+                          ? '拼音'
+                          : key
+            }}
           </button>
         </div>
       </div>
@@ -321,7 +345,7 @@ const handleTouchEnd = () => {
 
 .key-space {
   margin-top: 3.5px;
-  width: 75vw;;
+  width: 75vw;
 }
 
 .key-special {

src/components/home/Environment.vue

@@ -60,7 +60,7 @@ onMounted(() => {
       温度
     </div>
     <div class="env-row-value">
-      {{ envParams.temp === -1 ? '--' : roundNumber(envParams.temp, 2) }}°C
+      {{ !envParams.temp || envParams.temp === -1 ? '--' : roundNumber(envParams.temp, 2) }}°C
     </div>
   </div>
   <div class="env-row">
@@ -68,7 +68,7 @@ onMounted(() => {
       相对湿度
     </div>
     <div class="env-row-value">
-      {{ envParams.rh === -1 ? '--' : roundNumber(envParams.rh, 2) }}%RH
+      {{ !envParams.rh || envParams.rh === -1 ? '--' : roundNumber(envParams.rh, 2) }}%RH
     </div>
   </div>
   <div class="env-row odd">
@@ -76,7 +76,7 @@ onMounted(() => {
       相对饱和度
     </div>
     <div class="env-row-value">
-      {{ envParams.rs === -1 ? '--' : roundNumber(envParams.rs, 2) }}%RS
+      {{ !envParams.rs || envParams.rs === -1 ? '--' : roundNumber(envParams.rs, 2) }}%RS
     </div>
   </div>
   <div class="env-row">
@@ -84,7 +84,7 @@ onMounted(() => {
       汽化过氧化氢
     </div>
     <div class="env-row-value">
-      {{ envParams.h2o2 === -1 ? '--' : roundNumber(envParams.h2o2, 2) }}ppm
+      {{ !envParams.h2o2 || envParams.h2o2 === -1 ? '--' : roundNumber(envParams.h2o2, 2) }}ppm
     </div>
   </div>
 </template>

src/components/setting/Device.vue

@@ -40,7 +40,7 @@ const screenHeight = ref(height)
 
 <style lang="scss" scoped>
 .device-ul {
-  background: #F6FAFE;
+  background: #f6fafe;
   height: 4rem;
   display: flex;
   align-items: center;
@@ -48,6 +48,6 @@ const screenHeight = ref(height)
   border-radius: 10px;
   margin-top: 1rem;
   padding-left: 2rem;
-  font-size: 1.5rem;
+  font-size: 16px;
 }
 </style>

src/components/setting/User.vue

@@ -111,19 +111,16 @@ const handleSelectionChange = (users: User.UserItem[]) => {
 
 <style lang="scss" scoped>
 .user {
-  height: 84vh;
+  height: 100%;
   overflow: hidden;
-  padding: 10px;
   background: $gradient-color;
   .add-user {
-    margin: 10px;
-    //height: 12%;
     display: flex;
     align-items: center;
+    height: 50px;
   }
   .user-table {
-    height: 73vh;
-    overflow: auto;
+    height: calc(100% - 50px);
   }
 }
 .user-opera {

src/layouts/default.vue

@@ -261,8 +261,12 @@ const statusMap = {
             <span v-if="!systemStore.systemLogList.length" class="text">设备运行状态</span>
             <el-popover v-else width="auto" trigger="click" placement="top">
               <template #reference>
-                <el-tag style="width: 100%" :type="statusMap[systemStore.systemLogList[0]?.status as keyof typeof statusMap].type">
-                  {{ statusMap[systemStore.systemLogList[0]?.status as keyof typeof statusMap].name }}: {{ systemStore.systemLogList[0]?.name }}
+                <el-tag
+                  style="width: 100%"
+                  :type="statusMap[systemStore.systemLogList[0]?.status as keyof typeof statusMap].type"
+                >
+                  {{ statusMap[systemStore.systemLogList[0]?.status as keyof typeof statusMap].name }}:
+                  {{ systemStore.systemLogList[0]?.name }}
                   {{ systemStore.systemLogList[0]?.time }}
                 </el-tag>
               </template>
@@ -400,7 +404,7 @@ const statusMap = {
     display: flex;
     gap: 5px;
     font-size: 1.6vw;
-    background: white;
+    background: rgba(0, 0, 0, 0);
     transition: background-color 0.5s;
   }
   .menu-tags {

src/views/audit/index.vue

@@ -98,14 +98,10 @@ const handleSelectionChange = (users: Audit.AuditItem[]) => {
   <div class="dashboard-container">
     <main class="main-content">
       <div class="audit-export">
-        <bt-button
-          type="primary"
-          button-text="导出"
-          @click="onExportRecord"
-        />
+        <bt-button type="primary" button-text="导出" @click="onExportRecord" />
       </div>
       <div class="audit-table">
-        <el-table :data="tableData" style="width: 100%" @selection-change="handleSelectionChange">
+        <el-table :data="tableData" style="width: 100%" height="100%" @selection-change="handleSelectionChange">
           <el-table-column type="selection" width="55" />
           <el-table-column prop="usrName" label="操作人" width="250" />
           <el-table-column prop="behaviorinfo" label="操作内容" />
@@ -126,18 +122,17 @@ const handleSelectionChange = (users: Audit.AuditItem[]) => {
   background: $gradient-color;
   box-shadow: 0px 1px 5px 0px rgba(9, 39, 62, 0.15);
   .audit-export {
-    padding: 2vw;
+    height: 50px;
+    padding: 0 10px;
     display: flex;
     align-items: center;
-    height: 12%;
   }
   .audit-table {
-    max-height: 67vh;
     overflow: auto;
-    height: 76%;
+    height: calc(100% - 100px);
   }
   .audit-pagination {
-    height: 12%;
+    height: 50px;
     display: flex;
     align-items: center;
     float: right;

src/views/setting/index.vue

@@ -40,9 +40,9 @@ const selectItem = (menuCode: string) => {
         <div v-if="selectedMenuCode === 'defaultFormula'">
           <FormulaConfig type="setting" />
         </div>
-        <div v-if="selectedMenuCode === 'user'">
+        <template v-if="selectedMenuCode === 'user'">
           <User />
-        </div>
+        </template>
         <div v-if="selectedMenuCode === 'date'">
           <SystemDate />
         </div>
@@ -76,6 +76,7 @@ const selectItem = (menuCode: string) => {
     background: $gradient-color;
     border-radius: 10px;
     overflow: hidden;
+    padding: 10px;
   }
 }
 .menu-container {