fix: eslint格式化

src/apis/system.ts

@@ -1,6 +1,6 @@
-import { useSystemStore } from '@/stores/systemStore'
 import { createWebSocket } from 'libs/socket'
 import { nanoid } from 'nanoid'
+import { useSystemStore } from '@/stores/systemStore'
 
 const wsClient = createWebSocket()
 

src/app.vue

@@ -1,9 +1,9 @@
 <script setup lang='ts'>
-import { sendCmd } from '@/apis/system'
 import { useDeviceStore } from 'stores/deviceStore'
 import { useHomeStore } from 'stores/homeStore'
 import { useLiquidStore } from 'stores/liquidStore'
 import { onBeforeMount, ref } from 'vue'
+import { sendCmd } from '@/apis/system'
 import { useFormulaStore } from './stores/formulaStore'
 
 /**

src/components/common/CascadingSelectModal/index.vue

@@ -114,7 +114,7 @@ watchEffect(() => {
         <div class="modal-header">
           <h3>{{ placeholder }}</h3>
           <button class="close-btn" @click="handleCancel">
-            <i class="fa fa-times"></i>
+            <i class="fa fa-times" />
           </button>
         </div>
         <div class="modal-main">

src/components/common/DatePicker/index.vue

@@ -291,33 +291,33 @@ onUnmounted(() => {
   <div class="date-time-picker">
     <div class="input-group">
       <input
-        type="text"
         v-model="dateText"
-        @click="toggleDropdown"
+        type="text"
         readonly
         placeholder="请选择日期时间"
         class="form-input"
+        @click="toggleDropdown"
       >
       <span class="input-icon" @click="toggleDropdown">
-        <i class="fa fa-calendar"></i>
+        <i class="fa fa-calendar" />
       </span>
     </div>
     <transition name="fade">
       <div v-show="isDropdownVisible" class="dropdown-container">
         <div class="calendar-header">
-          <button @click="prevYear" class="nav-btn">
+          <button class="nav-btn" @click="prevYear">
             <el-icon><DArrowLeft /></el-icon>
           </button>
-          <button @click="prevMonth" class="nav-btn">
+          <button class="nav-btn" @click="prevMonth">
             <el-icon><ArrowLeft /></el-icon>
           </button>
           <span class="current-date">
             {{ currentYear }}年 {{ currentMonth + 1 }}月
           </span>
-          <button @click="nextMonth" class="nav-btn">
+          <button class="nav-btn" @click="nextMonth">
             <el-icon><ArrowRight /></el-icon>
           </button>
-          <button @click="nextYear" class="nav-btn">
+          <button class="nav-btn" @click="nextYear">
             <el-icon><DArrowRight /></el-icon>
           </button>
         </div>
@@ -343,28 +343,34 @@ onUnmounted(() => {
           </div>
         </div>
         <div class="time-selector">
-          <div class="time-label">时间:</div>
-          <el-select v-model="selectedHour" @change="updateTime"  class="time-select" >
+          <div class="time-label">
+            时间:
+          </div>
+          <el-select v-model="selectedHour" class="time-select" @change="updateTime">
             <el-option v-for="i in hoursOptions" :key="i" :value="i.toString().padStart(2, '0')" style="font-size: 20px;line-height: 2px;height: 5rem;display: flex; align-items: center;">
               {{ i.toString().padStart(2, '0') }}
             </el-option>
           </el-select>
           <span class="time-separator">:</span>
-          <el-select v-model="selectedMinute" @change="updateTime" class="time-select">
+          <el-select v-model="selectedMinute" class="time-select" @change="updateTime">
             <el-option v-for="i in minuteOptions" :key="i" :value="i.toString().padStart(2, '0')" style="font-size: 20px;line-height: 2px;height: 5rem;display: flex; align-items: center;">
               {{ i.toString().padStart(2, '0') }}
             </el-option>
           </el-select>
           <span class="time-separator">:</span>
-          <el-select v-model="selectedSecond" @change="updateTime" class="time-select">
-            <el-option v-for="i in secondOptions" :key="i" :value="i.toString().padStart(2, '0')"  style="font-size: 20px;line-height: 2px;height: 5rem;display: flex; align-items: center;">
+          <el-select v-model="selectedSecond" class="time-select" @change="updateTime">
+            <el-option v-for="i in secondOptions" :key="i" :value="i.toString().padStart(2, '0')" style="font-size: 20px;line-height: 2px;height: 5rem;display: flex; align-items: center;">
               {{ i.toString().padStart(2, '0') }}
             </el-option>
           </el-select>
         </div>
         <div class="calendar-footer">
-          <button @click="confirmSelection" class="confirm-btn">确定</button>
-          <button @click="cancelSelection" class="cancel-btn">取消</button>
+          <button class="confirm-btn" @click="confirmSelection">
+            确定
+          </button>
+          <button class="cancel-btn" @click="cancelSelection">
+            取消
+          </button>
         </div>
       </div>
     </transition>

src/components/common/DigitalKeyboard/index.vue

@@ -63,13 +63,13 @@ onMounted(() => {
   <div
     ref="keyboardRef"
     class="keyboard-container"
-    @touchstart="handleTouchStart"
-    @touchmove="handleTouchMove"
-    @touchend="handleTouchEnd"
     :style="{
       transform: `translate(${x}px, ${y}px)`,
       transition: isDragging ? 'none' : 'transform 0.3s ease',
     }"
+    @touchstart="handleTouchStart"
+    @touchmove="handleTouchMove"
+    @touchend="handleTouchEnd"
   >
     <!-- 输入显示框 -->
     <div class="input-box">
@@ -79,7 +79,7 @@ onMounted(() => {
         placeholder="点击输入"
         class="input-field"
         @click.stop
-      />
+      >
     </div>
 
     <!-- 数字按键区域 -->

src/components/common/ErrorModal/index.vue

@@ -33,14 +33,20 @@ const close = () => {
   <div v-if="visible" class="error-box-mask">
     <div class="error-box-container">
       <div class="error-box-header">
-        <div class="error-title">{{ title }}</div>
-        <button @click="close">X</button>
+        <div class="error-title">
+          {{ title }}
+        </div>
+        <button @click="close">
+          X
+        </button>
       </div>
       <div class="error-box-content">
         <slot>{{ message }}</slot>
       </div>
       <div class="error-box-footer">
-        <button @click="close" class="error-box-btn">{{ confirmText }}</button>
+        <button class="error-box-btn" @click="close">
+          {{ confirmText }}
+        </button>
       </div>
     </div>
   </div>

src/components/common/SelectModal/index.vue

@@ -69,7 +69,7 @@ const handleCancel = () => {
       <div class="modal-header">
         <h3>{{ placeholder }}</h3>
         <button class="close-btn" @click="handleCancel">
-          <i class="fa fa-times"></i>
+          <i class="fa fa-times" />
         </button>
       </div>
       <div ref="optionsList" class="modal-content" re>
@@ -89,8 +89,12 @@ const handleCancel = () => {
         </div>
       </div>
       <div class="modal-footer">
-        <button class="cancel-btn" @click="handleCancel">取消</button>
-        <button class="confirm-btn" @click="confirmSelection">确定</button>
+        <button class="cancel-btn" @click="handleCancel">
+          取消
+        </button>
+        <button class="confirm-btn" @click="confirmSelection">
+          确定
+        </button>
       </div>
     </div>
   </div>

src/components/common/SoftKeyboard/index.vue

@@ -189,15 +189,15 @@ const handleTouchEnd = () => {
     <div
       ref="keyboardRef"
       class="keyboard-container keyboard-body"
-      @touchstart="handleTouchStart"
-      @touchmove="handleTouchMove"
-      @touchend="handleTouchEnd"
       :style="{
         transform: `translate(${x}px, ${y}px)`,
         transition: isDragging ? 'none' : 'transform 0.3s ease',
         width: keyboardType === 'number' ? '30vw' : '66vw',
         height: keyboardType === 'number' ? '46vh' : '46vh',
       }"
+      @touchstart="handleTouchStart"
+      @touchmove="handleTouchMove"
+      @touchend="handleTouchEnd"
     >
       <div>
         <div v-if="keyboardType === 'text'" class="pinyin-container">
@@ -207,7 +207,8 @@ 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>
           </div>

src/components/common/SoftKeyboard/moveKeyboard.vue

@@ -206,15 +206,15 @@ const handleTouchEnd = () => {
     <div
       ref="keyboardRef"
       class="keyboard-container keyboard-body"
-      @touchstart="handleTouchStart"
-      @touchmove="handleTouchMove"
-      @touchend="handleTouchEnd"
       :style="{
         transform: `translate(${x}px, ${y}px)`,
         transition: isDragging ? 'none' : 'transform 0.3s ease',
         width: keyboardType === 'number' ? '30vw' : '66vw',
         height: keyboardType === 'number' ? '46vh' : '46vh',
       }"
+      @touchstart="handleTouchStart"
+      @touchmove="handleTouchMove"
+      @touchend="handleTouchEnd"
     >
       <div>
         <div v-if="keyboardType === 'text'" class="pinyin-container">
@@ -224,7 +224,8 @@ 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>
           </div>

src/components/formula/FormulaConfig.vue

@@ -1,13 +1,13 @@
 <script lang="ts" setup>
-import { FtMessage } from '@/libs/message'
-import { compareJSON, convertValuesToInt, convertValuesToString } from '@/libs/utils'
-import { useFormulaStore } from '@/stores/formulaStore'
 import { sendCmd, syncSendCmd } from 'apis/system'
 import SelectModal from 'components/common/SelectModal/index.vue'
 import SoftKeyboard from 'components/common/SoftKeyboard/index.vue'
 import { formulaNameMap } from 'libs/constant'
 import { cloneDeep } from 'lodash'
 import { inject, onMounted, ref, watch, watchEffect } from 'vue'
+import { FtMessage } from '@/libs/message'
+import { compareJSON, convertValuesToInt, convertValuesToString } from '@/libs/utils'
+import { useFormulaStore } from '@/stores/formulaStore'
 
 /**
  * 配方表单组件 - 用于配置和管理各种配方参数
@@ -390,7 +390,9 @@ const openKeyboardType = (labelName: string) => {
               :disabled="!item.is_visible_in_setting_page"
               @focus="(e) => openKeyboard(e, item)"
             >
-              <template v-if="labelUnitMap[item.setting_id]" #append>{{ labelUnitMap[item.setting_id] }}</template>
+              <template v-if="labelUnitMap[item.setting_id]" #append>
+                {{ labelUnitMap[item.setting_id] }}
+              </template>
             </el-input>
           </template>
           <template v-else-if="item.val_type === 'enum'">
@@ -402,7 +404,9 @@ const openKeyboardType = (labelName: string) => {
               readonly
               @focus="openModal"
             >
-              <template #append>{{ labelUnitMap[item.setting_id] }}</template>
+              <template #append>
+                {{ labelUnitMap[item.setting_id] }}
+              </template>
             </el-input>
           </template>
           <template v-else-if="item.val_type === 'boolean'">

src/components/formula/FormulaTable.vue

@@ -1,11 +1,11 @@
 <script lang="ts" setup>
+import { syncSendCmd } from 'apis/system'
+import { ElMessageBox } from 'element-plus'
+import { onMounted, ref, watchEffect } from 'vue'
 import { FtMessage } from '@/libs/message'
 import { FtMessageBox } from '@/libs/messageBox'
 import { convertValuesToInt } from '@/libs/utils'
 import { useFormulaStore } from '@/stores/formulaStore'
-import { syncSendCmd } from 'apis/system'
-import { ElMessageBox } from 'element-plus'
-import { onMounted, ref, watchEffect } from 'vue'
 
 const formulaStore = useFormulaStore()
 const selectedIndex = ref<number | null>(null)

src/components/home/Environment.vue

@@ -8,7 +8,7 @@ import { onMounted } from 'vue'
 /**
  * 环境参数展示组件
  * @description 用于展示仓内或探头的环境数据（温度、湿度、过氧化氢浓度等）
- * @props {Object} envParams - 环境参数对象
+ * @props {object} envParams - 环境参数对象
  * @props {string} lineColor - 线条颜色（默认值：red）
  */
 defineProps({

src/components/home/HomeFormula.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { useFormulaStore } from '@/stores/formulaStore'
 // import homeRound from 'assets/images/home/home-round.svg'
 import { ref, watchEffect } from 'vue'
+import { useFormulaStore } from '@/stores/formulaStore'
 
 const formulaStore = useFormulaStore()
 const formulaInfo = ref()

src/components/home/HomeLogLevel.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { useFormulaStore } from '@/stores/formulaStore'
 import SelectModal from 'components/common/SelectModal/index.vue'
 import { ref, watchEffect } from 'vue'
+import { useFormulaStore } from '@/stores/formulaStore'
 
 const formulaStore = useFormulaStore()
 const options = ref(formulaStore.logLevelOptions)

src/components/home/HomeOperation.vue

@@ -1,16 +1,16 @@
 <script lang="ts" setup>
-import { getDeviceStatus } from '@/libs/deviceComm'
-import { FtMessage } from '@/libs/message'
-import { FtMessageBox } from '@/libs/messageBox'
-import { useFormulaStore } from '@/stores/formulaStore'
-import { useHomeStore } from '@/stores/homeStore'
-import { useSystemStore } from '@/stores/systemStore'
 import { sendCmd, subscribeEvent } from 'apis/system'
 import homeFinish from 'assets/images/home/home-finish.svg'
 import homeStart from 'assets/images/home/home-start.svg'
 import { startTimer, stopTimer } from 'libs/countdownTimer'
 import { deviceStateMap } from 'libs/utils'
 import { computed, onMounted, ref, watchEffect } from 'vue'
+import { getDeviceStatus } from '@/libs/deviceComm'
+import { FtMessage } from '@/libs/message'
+import { FtMessageBox } from '@/libs/messageBox'
+import { useFormulaStore } from '@/stores/formulaStore'
+import { useHomeStore } from '@/stores/homeStore'
+import { useSystemStore } from '@/stores/systemStore'
 
 /**
  * 消毒操作控制组件

src/components/home/HomeSetting.vue

@@ -1,8 +1,4 @@
 <script lang="ts" setup>
-import { FtMessage } from '@/libs/message'
-import { useDeviceStore } from '@/stores/deviceStore'
-import { useFormulaStore } from '@/stores/formulaStore'
-import { useHomeStore } from '@/stores/homeStore'
 import { sendCmd, syncSendCmd } from 'apis/system'
 // import homeChart from 'assets/images/home/home-chart.svg'
 import BtButton from 'components/common/BTButton/index.vue'
@@ -12,6 +8,10 @@ import { compareJSON } from 'libs/utils'
 import { cloneDeep } from 'lodash'
 import { computed, onMounted, provide, ref, watchEffect } from 'vue'
 import { useRouter } from 'vue-router'
+import { FtMessage } from '@/libs/message'
+import { useDeviceStore } from '@/stores/deviceStore'
+import { useFormulaStore } from '@/stores/formulaStore'
+import { useHomeStore } from '@/stores/homeStore'
 
 /**
  * 主页操作控制组件

src/components/home/config.vue

@@ -1,11 +1,11 @@
 <script lang="ts" setup>
-import { convertValuesToInt } from '@/libs/utils'
-import { useFormulaStore } from '@/stores/formulaStore'
-import { useHomeStore } from '@/stores/homeStore'
 import SelectModal from 'components/common/SelectModal/index.vue'
 import FormulaConfig from 'components/formula/FormulaConfig.vue'
 import { FtMessage } from 'libs/message'
 import { computed, onMounted, ref, watchEffect } from 'vue'
+import { convertValuesToInt } from '@/libs/utils'
+import { useFormulaStore } from '@/stores/formulaStore'
+import { useHomeStore } from '@/stores/homeStore'
 
 /**
  * 配方选择页面组件

src/components/liquid/LiquidLevel.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
-import { useLiquidStore } from '@/stores/liquidStore'
 import liquidLevelSvg from 'assets/images/liquid/liquid-container.svg'
 import liquidScaleSvg from 'assets/images/liquid/liquid-scale.svg'
 import { roundNumber } from 'libs/utils'
 import { computed, ref, watchEffect } from 'vue'
+import { useLiquidStore } from '@/stores/liquidStore'
 
 const liquidStore = useLiquidStore()
 const liquidStateData = ref(liquidStore.liquidStateData)

src/components/seal/DashboardChart.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { useSealStore } from '@/stores/sealStore'
 import * as echarts from 'echarts'
 import { onUnmounted, ref, watchEffect } from 'vue'
+import { useSealStore } from '@/stores/sealStore'
 
 const sealStore = useSealStore()
 const chartRef = ref<HTMLElement | null>(null)

src/components/setting/AddUser.vue

@@ -1,10 +1,10 @@
 <script lang="ts" setup>
 import type { FormInstance } from 'element-plus'
-import { useSettingStore } from '@/stores/settingStore'
 import { syncSendCmd } from 'apis/system'
 import SoftKeyboard from 'components/common/SoftKeyboard/index.vue'
 import { FtMessage } from 'libs/message'
 import { ref, watchEffect } from 'vue'
+import { useSettingStore } from '@/stores/settingStore'
 
 const emits = defineEmits(['refresh'])
 const settingStore = useSettingStore()
@@ -129,7 +129,7 @@ const handleConfirm = (value: string) => {
             trigger: ['blur', 'change'],
           }]"
         >
-          <el-input v-model="userForm.name" v-prevent-keyboard name="name" @focus="openKeyboard" placeholder="登录名" />
+          <el-input v-model="userForm.name" v-prevent-keyboard name="name" placeholder="登录名" @focus="openKeyboard" />
         </el-form-item>
         <div>
           <el-form-item
@@ -141,7 +141,7 @@ const handleConfirm = (value: string) => {
               trigger: ['blur', 'change'],
             }"
           >
-            <el-input v-model="userForm.passwd" v-prevent-keyboard name="passwd" @focus="openKeyboard" type="password" placeholder="密码" />
+            <el-input v-model="userForm.passwd" v-prevent-keyboard name="passwd" type="password" placeholder="密码" @focus="openKeyboard" />
           </el-form-item>
           <el-form-item
             label="确认密码："
@@ -152,7 +152,7 @@ const handleConfirm = (value: string) => {
               trigger: ['blur', 'change'],
             }"
           >
-            <el-input v-model="userForm.confirmPasswd" v-prevent-keyboard name="confirmPasswd" @focus="openKeyboard" placeholder="确认密码" />
+            <el-input v-model="userForm.confirmPasswd" v-prevent-keyboard name="confirmPasswd" placeholder="确认密码" @focus="openKeyboard" />
           </el-form-item>
         </div>
         <el-form-item

src/components/setting/History.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
-// import { useSettingStore } from '@/stores/settingStore'
-import { FtMessage } from '@/libs/message'
 import { syncSendCmd } from 'apis/system'
 import { ElMessageBox } from 'element-plus'
 import { onMounted, ref } from 'vue'
+// import { useSettingStore } from '@/stores/settingStore'
+import { FtMessage } from '@/libs/message'
 import HistoryDetail from './HistoryDetail.vue'
 
 // const settingStore = useSettingStore()

src/components/setting/ModifyPwd.vue

@@ -1,10 +1,10 @@
 <script lang="ts" setup>
 import type { FormInstance } from 'element-plus'
-import { useSettingStore } from '@/stores/settingStore'
 import { syncSendCmd } from 'apis/system'
 import SoftKeyboard from 'components/common/SoftKeyboard/index.vue'
 import { FtMessage } from 'libs/message'
 import { ref, watchEffect } from 'vue'
+import { useSettingStore } from '@/stores/settingStore'
 
 const emits = defineEmits(['refresh'])
 const settingStore = useSettingStore()
@@ -104,7 +104,7 @@ const handleConfirm = (value: string) => {
               trigger: ['blur', 'change'],
             }"
           >
-            <el-input v-model="userForm.passwd" v-prevent-keyboard name="passwd" @focus="openKeyboard" type="password" placeholder="密码" />
+            <el-input v-model="userForm.passwd" v-prevent-keyboard name="passwd" type="password" placeholder="密码" @focus="openKeyboard" />
           </el-form-item>
           <el-form-item
             label="新密码："
@@ -115,7 +115,7 @@ const handleConfirm = (value: string) => {
               trigger: ['blur', 'change'],
             }"
           >
-            <el-input v-model="userForm.newpasswd" v-prevent-keyboard name="newpasswd" @focus="openKeyboard" type="password" placeholder="密码" />
+            <el-input v-model="userForm.newpasswd" v-prevent-keyboard name="newpasswd" type="password" placeholder="密码" @focus="openKeyboard" />
           </el-form-item>
           <el-form-item
             label="确认新密码："
@@ -126,7 +126,7 @@ const handleConfirm = (value: string) => {
               trigger: ['blur', 'change'],
             }"
           >
-            <el-input v-model="userForm.confirmNewPasswd" v-prevent-keyboard name="confirmNewPasswd" @focus="openKeyboard" type="password" placeholder="确认密码" />
+            <el-input v-model="userForm.confirmNewPasswd" v-prevent-keyboard name="confirmNewPasswd" type="password" placeholder="确认密码" @focus="openKeyboard" />
           </el-form-item>
         </div>
       </el-form>

src/components/setting/User.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
-import { useSettingStore } from '@/stores/settingStore'
 import { syncSendCmd } from 'apis/system'
 import { FtMessage } from 'libs/message'
 import { FtMessageBox } from 'libs/messageBox'
 import { onMounted, ref } from 'vue'
+import { useSettingStore } from '@/stores/settingStore'
 import AddUser from './AddUser.vue'
 import ModifyPwd from './ModifyPwd.vue'
 

src/components/system/ErrorEventsModal.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import { ref, watchEffect } from 'vue'
 import { syncSendCmd } from '@/apis/system'
 import { useDeviceStore } from '@/stores/deviceStore'
-import { ref, watchEffect } from 'vue'
 
 const deviceStore = useDeviceStore()
 const appEvents = ref<Record<string, any>[]>([])

src/components/system/NetReconnection.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { useSystemStore } from '@/stores/systemStore'
 import { startTimer, stopTimer } from 'libs/countdownTimer'
 import { ref, watchEffect } from 'vue'
 import { useRouter } from 'vue-router'
+import { useSystemStore } from '@/stores/systemStore'
 
 const systemStore = useSystemStore()
 const router = useRouter()

src/layouts/default.vue

@@ -1,10 +1,4 @@
 <script setup lang="ts">
-import { getDeviceStatus } from '@/libs/deviceComm'
-import { FtMessageBox } from '@/libs/messageBox'
-import { useHomeStore } from '@/stores/homeStore'
-import { useLiquidStore } from '@/stores/liquidStore'
-import { useSealStore } from '@/stores/sealStore'
-import { useSystemStore } from '@/stores/systemStore'
 import HomeAlarmSvg from 'assets/images/home/home-alarm.svg'
 import WifiConnSvg from 'assets/images/wifi-conn.svg'
 import WifiUnconnSvg from 'assets/images/wifi-unconn.svg'
@@ -17,6 +11,12 @@ import { useDeviceStore } from 'stores/deviceStore'
 import { onMounted, onUnmounted, ref, watchEffect } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
+import { getDeviceStatus } from '@/libs/deviceComm'
+import { FtMessageBox } from '@/libs/messageBox'
+import { useHomeStore } from '@/stores/homeStore'
+import { useLiquidStore } from '@/stores/liquidStore'
+import { useSealStore } from '@/stores/sealStore'
+import { useSystemStore } from '@/stores/systemStore'
 
 const { locale } = useI18n()
 const router = useRouter()
@@ -154,8 +154,8 @@ const toggleLanguage = () => {
         </div>
         <div class="user">
           <span v-if="isLowCost">
-            <img v-if="websocketConnected" width="20" :src="WifiConnSvg" alt="" />
-            <img v-else :src="WifiUnconnSvg" width="20" alt="" />
+            <img v-if="websocketConnected" width="20" :src="WifiConnSvg" alt="">
+            <img v-else :src="WifiUnconnSvg" width="20" alt="">
           </span>
           <el-select v-model="languageType" class="select-language" :disabled="false" @change="toggleLanguage">
             <el-option v-for="language in languages" :key="language.value" style="height: 2rem;" :value="language.value" :label="language.name">
@@ -174,7 +174,9 @@ const toggleLanguage = () => {
       <el-main>
         <router-view v-slot="{ Component }" class="content">
           <transition name="el-fade-in-linear">
-            <keep-alive include="seal"><component :is="Component" /></keep-alive>
+            <keep-alive include="seal">
+              <component :is="Component" />
+            </keep-alive>
           </transition>
         </router-view>
       </el-main>
@@ -185,7 +187,9 @@ const toggleLanguage = () => {
       </div>
       <div class="alarm-info">
         <img :src="HomeAlarmSvg" width="20" alt="报警">
-        <div class="alarm-workState">{{ workStateName || '空闲' }}</div>
+        <div class="alarm-workState">
+          {{ workStateName || '空闲' }}
+        </div>
       </div>
       <div class="time">
         {{ currentTime }}

src/libs/deviceComm.ts

@@ -1,7 +1,7 @@
+import { ref, watchEffect } from 'vue'
 import { useHomeStore } from '@/stores/homeStore'
 import { useLiquidStore } from '@/stores/liquidStore'
 import { useSealStore } from '@/stores/sealStore'
-import { ref, watchEffect } from 'vue'
 
 const homeStore = useHomeStore()
 const liquidStore = useLiquidStore()

src/libs/http.ts

@@ -1,7 +1,7 @@
-import { HEADER_TOKEN_KEY } from '@/libs/constant'
 import axios from 'axios'
 import { FtMessage } from 'libs/message'
 import { getToken } from 'libs/token'
+import { HEADER_TOKEN_KEY } from '@/libs/constant'
 
 const http = axios.create({
   baseURL: import.meta.env.FT_API_BASE,

src/router/index.ts

@@ -1,7 +1,7 @@
 import type { NavigationGuardNext, RouteLocationNormalized } from 'vue-router'
-import { getToken } from '@/libs/token'
 import { createWebSocket } from 'libs/socket'
 import { createRouter, createWebHashHistory } from 'vue-router'
+import { getToken } from '@/libs/token'
 import routes from './routes'
 
 const wsClient = createWebSocket()

src/stores/deviceStore.ts

@@ -1,7 +1,7 @@
-import { subscribeEvent } from '@/apis/system'
-import { DEVICE_STATES } from '@/libs/utils'
 import { defineStore } from 'pinia'
 import { ref } from 'vue'
+import { subscribeEvent } from '@/apis/system'
+import { DEVICE_STATES } from '@/libs/utils'
 
 const initDeviceInfo = {
   appVersion: '',

src/stores/formulaStore.ts

@@ -1,8 +1,8 @@
-import { FtMessage } from '@/libs/message'
 import { sendCmd, syncSendCmd } from 'apis/system'
 import { cloneDeep } from 'lodash'
 import { defineStore } from 'pinia'
 import { computed, ref, watch } from 'vue'
+import { FtMessage } from '@/libs/message'
 
 // 常量定义
 const LOG_ITEMS = Array.from({ length: 12 }, (_, i) => ({

src/stores/homeStore.ts

@@ -1,8 +1,8 @@
-import { DEVICE_STATES } from '@/libs/utils'
 import { syncSendCmd } from 'apis/system'
 import { PARSSURE_DATA } from 'libs/constant'
 import { defineStore } from 'pinia'
 import { computed, ref } from 'vue'
+import { DEVICE_STATES } from '@/libs/utils'
 
 // 传感器数据初始值
 const h2O2Data: Home.DisplayrelyMgrParams[] = [{

src/stores/initHomeData.ts

@@ -1,6 +1,6 @@
-import { sendCmd } from '@/apis/system'
 import { useHomeStore } from 'stores/homeStore'
 import { useLiquidStore } from 'stores/liquidStore'
+import { sendCmd } from '@/apis/system'
 import { useDeviceStore } from './deviceStore'
 
 const homeStore = useHomeStore()

src/stores/systemStore.ts

@@ -1,6 +1,6 @@
-import { syncSendCmd } from '@/apis/system'
 import { defineStore } from 'pinia'
 import { ref } from 'vue'
+import { syncSendCmd } from '@/apis/system'
 
 export const useSystemStore = defineStore('system', () => {
   const websocketConnected = ref(true)

src/types/softKeyboard.d.ts

@@ -1,13 +1,13 @@
 // types/softKeyboard.d.ts
 declare module 'vue-soft-keyboard' {
-  import type { Component } from 'vue';
+  import type { Component } from 'vue'
 
   export interface SoftKeyboardProps {
-    modelValue: string;
-    keyboardType?: 'number' | 'text';
-    isVisible?: boolean;
+    modelValue: string
+    keyboardType?: 'number' | 'text'
+    isVisible?: boolean
   }
 
-  const SoftKeyboard: Component<SoftKeyboardProps>;
-  export default SoftKeyboard;
+  const SoftKeyboard: Component<SoftKeyboardProps>
+  export default SoftKeyboard
 }

src/views/audit/index.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { FtMessage } from '@/libs/message'
 import { sendCmd, syncSendCmd } from 'apis/system'
 import { onMounted, ref } from 'vue'
+import { FtMessage } from '@/libs/message'
 
 /**
  * 审计日志管理组件

src/views/formula/index.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
-import { useFormulaStore } from '@/stores/formulaStore'
 import { syncSendCmd } from 'apis/system'
 import FormulaConfig from 'components/formula/FormulaConfig.vue'
 import FormulaTable from 'components/formula/FormulaTable.vue'
 import { FtMessage } from 'libs/message'
+import { useFormulaStore } from '@/stores/formulaStore'
 
 const formulaStore = useFormulaStore()
 const onAddFormula = () => {

src/views/home/chart.vue

@@ -1,6 +1,4 @@
 <script lang="ts" setup>
-import { useFormulaStore } from '@/stores/formulaStore'
-import { useHomeStore } from '@/stores/homeStore'
 import { syncSendCmd } from 'apis/system'
 import homeFinish from 'assets/images/home/home-finish.svg'
 import homeSettingSvg from 'assets/images/home/home-setting.svg'
@@ -12,6 +10,8 @@ import { deviceStateMap } from 'libs/utils'
 import { cloneDeep } from 'lodash'
 import { provide, ref, watchEffect } from 'vue'
 import { useRouter } from 'vue-router'
+import { useFormulaStore } from '@/stores/formulaStore'
+import { useHomeStore } from '@/stores/homeStore'
 
 const configRef = ref()
 provide<(methods: Home.GrandsonMethods) => void>('registerGrandsonMethods', (methods) => {

src/views/home/index.vue

@@ -1,7 +1,4 @@
 <script lang="ts" setup>
-import { roundNumber } from '@/libs/utils'
-import { useFormulaStore } from '@/stores/formulaStore'
-import { useSystemStore } from '@/stores/systemStore'
 import homeLiquid from 'assets/images/home/home-liquid.svg'
 import Environment from 'components/home/Environment.vue'
 import HomeFormula from 'components/home/HomeFormula.vue'
@@ -12,6 +9,9 @@ import { useHomeStore } from 'stores/homeStore'
 import { useLiquidStore } from 'stores/liquidStore'
 import { computed, ref, watchEffect } from 'vue'
 import { useRoute } from 'vue-router'
+import { roundNumber } from '@/libs/utils'
+import { useFormulaStore } from '@/stores/formulaStore'
+import { useSystemStore } from '@/stores/systemStore'
 
 const route = useRoute()
 const homeStore = useHomeStore()

src/views/liquid/index.vue

@@ -1,11 +1,4 @@
 <script lang="ts" setup>
-import { getDeviceStatus } from '@/libs/deviceComm'
-import { FtMessage } from '@/libs/message'
-import { FtMessageBox } from '@/libs/messageBox'
-import { useHomeStore } from '@/stores/homeStore'
-import { useLiquidStore } from '@/stores/liquidStore'
-import { useSealStore } from '@/stores/sealStore'
-import { useSystemStore } from '@/stores/systemStore'
 import { subscribeEvent, syncSendCmd } from 'apis/system'
 import homeFinish from 'assets/images/home/home-finish.svg'
 import homeStart from 'assets/images/home/home-start.svg'
@@ -14,6 +7,13 @@ import LiquidLevel from 'components/liquid/LiquidLevel.vue'
 import { ElMessage } from 'element-plus'
 // import { roundNumber } from 'libs/utils'
 import { onMounted, ref, watch, watchEffect } from 'vue'
+import { getDeviceStatus } from '@/libs/deviceComm'
+import { FtMessage } from '@/libs/message'
+import { FtMessageBox } from '@/libs/messageBox'
+import { useHomeStore } from '@/stores/homeStore'
+import { useLiquidStore } from '@/stores/liquidStore'
+import { useSealStore } from '@/stores/sealStore'
+import { useSystemStore } from '@/stores/systemStore'
 
 const liquidStore = useLiquidStore()
 const homeStore = useHomeStore()

src/views/login/index.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { FtMessage } from '@/libs/message'
-import { setToken } from '@/libs/token'
 import { syncSendCmd } from 'apis/system'
 import { login } from 'apis/user'
 import logo from 'assets/images/logo.svg'
@@ -11,6 +9,8 @@ import { nanoid } from 'nanoid'
 import { useSystemStore } from 'stores/systemStore'
 import { ref, watchEffect } from 'vue'
 import { useRouter } from 'vue-router'
+import { FtMessage } from '@/libs/message'
+import { setToken } from '@/libs/token'
 
 const router = useRouter()
 const sys = useSystemStore()
@@ -97,8 +97,8 @@ const loginHandle = async () => {
       <div>
         <img :src="logo" style="width:20vw" alt="">
       </div>
-      <br/>
-      <el-form ref="formRef" class="input-username" :model="loginForm" :rules="rules" style="width: 100%" >
+      <br>
+      <el-form ref="formRef" class="input-username" :model="loginForm" :rules="rules" style="width: 100%">
         <!-- <div class="input-title">
           用户名
         </div> -->
@@ -147,8 +147,8 @@ const loginHandle = async () => {
       </el-form>
       <SoftKeyboard
         ref="softKeyboardRef"
-        v-model="inputValue"
         :key="keyboardKey"
+        v-model="inputValue"
         :is-visible="keyboardVisible"
         :keyboard-type="keyboardType"
         @update-keyboard-visible="(visible: boolean) => keyboardVisible = visible"

src/views/seal/index.vue

@@ -1,9 +1,4 @@
 <script lang="ts" setup>
-import { getDeviceStatus } from '@/libs/deviceComm'
-import { FtMessage } from '@/libs/message'
-import { FtMessageBox } from '@/libs/messageBox'
-import { useSealStore } from '@/stores/sealStore'
-import { useSystemStore } from '@/stores/systemStore'
 import { subscribeEvent, syncSendCmd } from 'apis/system'
 import homeFinish from 'assets/images/home/home-finish.svg'
 import homeStart from 'assets/images/home/home-start.svg'
@@ -12,9 +7,14 @@ import SoftKeyboard from 'components/common/SoftKeyboard/index.vue'
 import DashboardChart from 'components/seal/DashboardChart.vue'
 import { startPosityveTimer, stopPosityveTimer } from 'libs/timer'
 import { computed, onMounted, ref, watch, watchEffect } from 'vue'
+import { getDeviceStatus } from '@/libs/deviceComm'
+import { FtMessage } from '@/libs/message'
+import { FtMessageBox } from '@/libs/messageBox'
+import { useSealStore } from '@/stores/sealStore'
+import { useSystemStore } from '@/stores/systemStore'
 
 defineOptions({
-  name: 'seal',
+  name: 'Seal',
 })
 const sealStore = useSealStore()
 const systemStore = useSystemStore()

src/views/setting/index.vue

@@ -1,11 +1,11 @@
 <script lang="ts" setup>
+import History from 'components/setting/History.vue'
+import { ref } from 'vue'
 import FormulaConfig from '@/components/formula/FormulaConfig.vue'
 import Device from '@/components/setting/Device.vue'
 import SystemDate from '@/components/setting/SystemDate.vue'
 import User from '@/components/setting/User.vue'
 import { useSettingStore } from '@/stores/settingStore'
-import History from 'components/setting/History.vue'
-import { ref } from 'vue'
 
 const settingStore = useSettingStore()
 const settingMenus = settingStore.settingMenus
@@ -35,7 +35,7 @@ const selectItem = (menuCode: string) => {
         </div>
       </div>
       <div class="setting-right">
-        <History v-if="selectedMenuCode === 'history'"/>
+        <History v-if="selectedMenuCode === 'history'" />
         <div v-if="selectedMenuCode === 'defaultFormula'">
           <FormulaConfig type="setting" />
         </div>