Browse Source

fix: 代码格式统一

master
guoapeng 3 weeks ago
parent
commit
19da51d841
  1. 6
      eslint.config.js
  2. 1
      package.json
  3. 3
      src/apis/system.ts
  4. 4
      src/app.vue
  5. 1
      src/components/common/FTTable/index.vue
  6. 3
      src/components/common/KeyboardPinyin/index.vue
  7. 2
      src/components/common/SoftKeyboard/index.vue
  8. 2
      src/components/common/SoftKeyboard/moveKeyboard.vue
  9. 7
      src/components/formula/FormulaConfig.vue
  10. 7
      src/components/formula/FormulaTable.vue
  11. 3
      src/components/home/HomeFormula.vue
  12. 3
      src/components/home/HomeLogLevel.vue
  13. 13
      src/components/home/HomeOperation.vue
  14. 9
      src/components/home/HomeSetting.vue
  15. 7
      src/components/home/config.vue
  16. 3
      src/components/liquid/LiquidLevel.vue
  17. 3
      src/components/seal/DashboardChart.vue
  18. 5
      src/components/setting/AddUser.vue
  19. 4
      src/components/setting/History.vue
  20. 5
      src/components/setting/ModifyPwd.vue
  21. 4
      src/components/setting/User.vue
  22. 3
      src/components/system/ErrorEventsModal.vue
  23. 3
      src/components/system/NetReconnection.vue
  24. 13
      src/layouts/default.vue
  25. 3
      src/libs/deviceComm.ts
  26. 3
      src/libs/http.ts
  27. 2
      src/libs/modalUtil.ts
  28. 1
      src/libs/socket.ts
  29. 9
      src/main.ts
  30. 6
      src/router/index.ts
  31. 2
      src/router/routes.ts
  32. 5
      src/stores/deviceStore.ts
  33. 3
      src/stores/formulaStore.ts
  34. 3
      src/stores/homeStore.ts
  35. 4
      src/stores/initHomeData.ts
  36. 3
      src/stores/systemStore.ts
  37. 3
      src/views/audit/index.vue
  38. 3
      src/views/formula/index.vue
  39. 5
      src/views/home/chart.vue
  40. 7
      src/views/home/index.vue
  41. 15
      src/views/liquid/index.vue
  42. 5
      src/views/login/index.vue
  43. 11
      src/views/seal/index.vue
  44. 5
      src/views/setting/index.vue

6
eslint.config.js

@ -4,13 +4,19 @@
// import vue_parser from 'vue-eslint-parser'; // import vue_parser from 'vue-eslint-parser';
import lintConfig from '@antfu/eslint-config' import lintConfig from '@antfu/eslint-config'
import simpleImportSort from 'eslint-plugin-simple-import-sort'
export default lintConfig({ export default lintConfig({
vue: true, vue: true,
markdown: true, markdown: true,
ignores: [], ignores: [],
plugins: {
'simple-import-sort': simpleImportSort, // 作为对象注册插件
},
rules: { rules: {
'simple-import-sort/imports': 'error',
'no-console': 0, 'no-console': 0,
'perfectionist/sort-imports': 'off',
'antfu/top-level-function': 0, 'antfu/top-level-function': 0,
'ts/no-use-before-define': 0, 'ts/no-use-before-define': 0,
'no-alert': 0, 'no-alert': 0,

1
package.json

@ -75,6 +75,7 @@
"eslint": "^9.21.0", "eslint": "^9.21.0",
"eslint-config-prettier": "^10.0.2", "eslint-config-prettier": "^10.0.2",
"eslint-plugin-prettier": "^5.2.3", "eslint-plugin-prettier": "^5.2.3",
"eslint-plugin-simple-import-sort": "^12.1.1",
"eslint-plugin-vue": "^9.32.0", "eslint-plugin-vue": "^9.32.0",
"husky": "^9.1.7", "husky": "^9.1.7",
"lint-staged": "^15.4.3", "lint-staged": "^15.4.3",

3
src/apis/system.ts

@ -1,7 +1,8 @@
import { useSystemStore } from '@/stores/systemStore'
import { createWebSocket } from 'libs/socket' import { createWebSocket } from 'libs/socket'
import { nanoid } from 'nanoid' import { nanoid } from 'nanoid'
import { useSystemStore } from '@/stores/systemStore'
const wsClient = createWebSocket() const wsClient = createWebSocket()
export async function sendCmd(resParams: System.SendCmdParams) { export async function sendCmd(resParams: System.SendCmdParams) {

4
src/app.vue

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

1
src/components/common/FTTable/index.vue

@ -1,6 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import type { VNode } from 'vue' import type { VNode } from 'vue'
import { onMounted, reactive } from 'vue' import { onMounted, reactive } from 'vue'
import Expand from './expand' import Expand from './expand'
defineOptions({ defineOptions({

3
src/components/common/KeyboardPinyin/index.vue

@ -1,7 +1,8 @@
<script lang="ts" setup> <script lang="ts" setup>
import 'cnchar-poly'
import cnchar from 'cnchar' import cnchar from 'cnchar'
import { onMounted, ref } from 'vue' import { onMounted, ref } from 'vue'
import 'cnchar-poly'
const props = defineProps<{ const props = defineProps<{
isVisible: boolean isVisible: boolean

2
src/components/common/SoftKeyboard/index.vue

@ -1,7 +1,7 @@
<script lang="ts" setup> <script lang="ts" setup>
import type { Ref } from 'vue'
import pinyinDict from 'libs/pinyinDict.json' import pinyinDict from 'libs/pinyinDict.json'
import { useDeviceStore } from 'stores/deviceStore' import { useDeviceStore } from 'stores/deviceStore'
import type { Ref } from 'vue'
import { computed, defineEmits, defineProps, onMounted, ref, watch, watchEffect } from 'vue' import { computed, defineEmits, defineProps, onMounted, ref, watch, watchEffect } from 'vue'
const props = defineProps<{ const props = defineProps<{

2
src/components/common/SoftKeyboard/moveKeyboard.vue

@ -1,6 +1,6 @@
<script lang="ts" setup> <script lang="ts" setup>
import type { Ref } from 'vue'
import pinyinDict from 'libs/pinyinDict.json' import pinyinDict from 'libs/pinyinDict.json'
import type { Ref } from 'vue'
import { computed, defineEmits, defineProps, nextTick, onMounted, ref, watch, watchEffect } from 'vue' import { computed, defineEmits, defineProps, nextTick, onMounted, ref, watch, watchEffect } from 'vue'
const props = defineProps<{ const props = defineProps<{

7
src/components/formula/FormulaConfig.vue

@ -1,7 +1,4 @@
<script lang="ts" setup> <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 { sendCmd, syncSendCmd } from 'apis/system'
import SelectModal from 'components/common/SelectModal/index.vue' import SelectModal from 'components/common/SelectModal/index.vue'
import SoftKeyboard from 'components/common/SoftKeyboard/index.vue' import SoftKeyboard from 'components/common/SoftKeyboard/index.vue'
@ -9,6 +6,10 @@ import { formulaNameMap } from 'libs/constant'
import { cloneDeep } from 'lodash' import { cloneDeep } from 'lodash'
import { inject, onMounted, ref, watch, watchEffect } from 'vue' 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'
/** /**
* 配方表单组件 - 用于配置和管理各种配方参数 * 配方表单组件 - 用于配置和管理各种配方参数
* 支持三种模式主页模式(home)设置模式(setting)和配方管理模式(formula) * 支持三种模式主页模式(home)设置模式(setting)和配方管理模式(formula)

7
src/components/formula/FormulaTable.vue

@ -1,11 +1,12 @@
<script lang="ts" setup> <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 { FtMessage } from '@/libs/message'
import { FtMessageBox } from '@/libs/messageBox' import { FtMessageBox } from '@/libs/messageBox'
import { convertValuesToInt } from '@/libs/utils' import { convertValuesToInt } from '@/libs/utils'
import { useFormulaStore } from '@/stores/formulaStore' 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 formulaStore = useFormulaStore()
const selectedIndex = ref<number | null>(null) const selectedIndex = ref<number | null>(null)

3
src/components/home/HomeFormula.vue

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

3
src/components/home/HomeLogLevel.vue

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

13
src/components/home/HomeOperation.vue

@ -1,10 +1,4 @@
<script lang="ts" setup> <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 { sendCmd, subscribeEvent } from 'apis/system'
import homeFinish from 'assets/images/home/home-finish.svg' import homeFinish from 'assets/images/home/home-finish.svg'
import homeStart from 'assets/images/home/home-start.svg' import homeStart from 'assets/images/home/home-start.svg'
@ -12,6 +6,13 @@ import { startTimer, stopTimer } from 'libs/countdownTimer'
import { deviceStateMap } from 'libs/utils' import { deviceStateMap } from 'libs/utils'
import { computed, onMounted, ref, watchEffect } from 'vue' 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'
/** /**
* 消毒操作控制组件 * 消毒操作控制组件
* @description 负责处理消毒流程控制开始/结束状态监听及倒计时逻辑 * @description 负责处理消毒流程控制开始/结束状态监听及倒计时逻辑

9
src/components/home/HomeSetting.vue

@ -1,8 +1,4 @@
<script lang="ts" setup> <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 { sendCmd, syncSendCmd } from 'apis/system'
// import homeChart from 'assets/images/home/home-chart.svg' // import homeChart from 'assets/images/home/home-chart.svg'
import BtButton from 'components/common/BTButton/index.vue' import BtButton from 'components/common/BTButton/index.vue'
@ -13,6 +9,11 @@ import { cloneDeep } from 'lodash'
import { computed, onMounted, provide, ref, watchEffect } from 'vue' import { computed, onMounted, provide, ref, watchEffect } from 'vue'
import { useRouter } from 'vue-router' 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'
/** /**
* 主页操作控制组件 * 主页操作控制组件
* @description 负责处理压力控制消毒设置图表导航等功能协调组件间通信 * @description 负责处理压力控制消毒设置图表导航等功能协调组件间通信

7
src/components/home/config.vue

@ -1,12 +1,13 @@
<script lang="ts" setup> <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 SelectModal from 'components/common/SelectModal/index.vue'
import FormulaConfig from 'components/formula/FormulaConfig.vue' import FormulaConfig from 'components/formula/FormulaConfig.vue'
import { FtMessage } from 'libs/message' import { FtMessage } from 'libs/message'
import { computed, onMounted, ref, watchEffect } from 'vue' import { computed, onMounted, ref, watchEffect } from 'vue'
import { convertValuesToInt } from '@/libs/utils'
import { useFormulaStore } from '@/stores/formulaStore'
import { useHomeStore } from '@/stores/homeStore'
/** /**
* 配方选择页面组件 * 配方选择页面组件
* @description 负责处理配方选择逻辑设备状态判断及界面交互 * @description 负责处理配方选择逻辑设备状态判断及界面交互

3
src/components/liquid/LiquidLevel.vue

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

3
src/components/seal/DashboardChart.vue

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

5
src/components/setting/AddUser.vue

@ -1,11 +1,12 @@
<script lang="ts" setup> <script lang="ts" setup>
import type { FormInstance } from 'element-plus'
import { useSettingStore } from '@/stores/settingStore'
import { syncSendCmd } from 'apis/system' import { syncSendCmd } from 'apis/system'
import SoftKeyboard from 'components/common/SoftKeyboard/index.vue' import SoftKeyboard from 'components/common/SoftKeyboard/index.vue'
import type { FormInstance } from 'element-plus'
import { FtMessage } from 'libs/message' import { FtMessage } from 'libs/message'
import { ref, watchEffect } from 'vue' import { ref, watchEffect } from 'vue'
import { useSettingStore } from '@/stores/settingStore'
const emits = defineEmits(['refresh']) const emits = defineEmits(['refresh'])
const settingStore = useSettingStore() const settingStore = useSettingStore()
const visible = ref(settingStore.addUserVisible) const visible = ref(settingStore.addUserVisible)

4
src/components/setting/History.vue

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

5
src/components/setting/ModifyPwd.vue

@ -1,11 +1,12 @@
<script lang="ts" setup> <script lang="ts" setup>
import type { FormInstance } from 'element-plus'
import { useSettingStore } from '@/stores/settingStore'
import { syncSendCmd } from 'apis/system' import { syncSendCmd } from 'apis/system'
import SoftKeyboard from 'components/common/SoftKeyboard/index.vue' import SoftKeyboard from 'components/common/SoftKeyboard/index.vue'
import type { FormInstance } from 'element-plus'
import { FtMessage } from 'libs/message' import { FtMessage } from 'libs/message'
import { ref, watchEffect } from 'vue' import { ref, watchEffect } from 'vue'
import { useSettingStore } from '@/stores/settingStore'
const emits = defineEmits(['refresh']) const emits = defineEmits(['refresh'])
const settingStore = useSettingStore() const settingStore = useSettingStore()
const visible = ref(settingStore.modifyPwdVisible) const visible = ref(settingStore.modifyPwdVisible)

4
src/components/setting/User.vue

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

3
src/components/system/ErrorEventsModal.vue

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

3
src/components/system/NetReconnection.vue

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

13
src/layouts/default.vue

@ -1,10 +1,4 @@
<script setup lang="ts"> <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 HomeAlarmSvg from 'assets/images/home/home-alarm.svg'
import WifiConnSvg from 'assets/images/wifi-conn.svg' import WifiConnSvg from 'assets/images/wifi-conn.svg'
import WifiUnconnSvg from 'assets/images/wifi-unconn.svg' import WifiUnconnSvg from 'assets/images/wifi-unconn.svg'
@ -18,6 +12,13 @@ import { onMounted, onUnmounted, ref, watchEffect } from 'vue'
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'
import { useRouter } from 'vue-router' 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 { locale } = useI18n()
const router = useRouter() const router = useRouter()
const liquidStore = useLiquidStore() const liquidStore = useLiquidStore()

3
src/libs/deviceComm.ts

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

3
src/libs/http.ts

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

2
src/libs/modalUtil.ts

@ -1,5 +1,5 @@
import type { App } from 'vue'
import ErrorBox from 'components/common/ErrorModal/index.vue' import ErrorBox from 'components/common/ErrorModal/index.vue'
import type { App } from 'vue'
import { createVNode, render } from 'vue' import { createVNode, render } from 'vue'
interface ErrorBoxOptions { interface ErrorBoxOptions {

1
src/libs/socket.ts

@ -1,5 +1,6 @@
import type { Ref } from 'vue' import type { Ref } from 'vue'
import { ref, watch } from 'vue' import { ref, watch } from 'vue'
import { FtMessageBox } from './messageBox' import { FtMessageBox } from './messageBox'
// WebSocket客户端类 // WebSocket客户端类

9
src/main.ts

@ -1,21 +1,22 @@
import type { LocaleType } from './lang'
import 'element-plus/dist/index.css'
import 'assets/styles/main.scss'
import * as ElementPlusIconsVue from '@element-plus/icons-vue' import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import BTButton from 'components/common/BTButton/index.vue' import BTButton from 'components/common/BTButton/index.vue'
import FtButton from 'components/common/FTButton/index.vue' import FtButton from 'components/common/FTButton/index.vue'
import FtDialog from 'components/common/FTDialog/index.vue' import FtDialog from 'components/common/FTDialog/index.vue'
import FtTable from 'components/common/FTTable/index.vue' import FtTable from 'components/common/FTTable/index.vue'
import ElementPlus from 'element-plus' import ElementPlus from 'element-plus'
import locale from 'element-plus/es/locale/lang/zh-cn' import locale from 'element-plus/es/locale/lang/zh-cn'
import ErrorBox from 'libs/modalUtil' import ErrorBox from 'libs/modalUtil'
import pinia from 'stores/index' import pinia from 'stores/index'
import { createApp } from 'vue' import { createApp } from 'vue'
import { createI18n } from 'vue-i18n' import { createI18n } from 'vue-i18n'
import App from './app.vue' import App from './app.vue'
import type { LocaleType } from './lang'
import { defaultLocale, messages } from './lang' import { defaultLocale, messages } from './lang'
import router from './router' import router from './router'
import 'element-plus/dist/index.css'
import 'assets/styles/main.scss'
// 创建 i18n 实例 // 创建 i18n 实例
const i18n = createI18n<{ const i18n = createI18n<{

6
src/router/index.ts

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

2
src/router/routes.ts

@ -1,4 +1,3 @@
import type { RouteRecordRaw } from 'vue-router'
import n_audit from 'assets/images/menuIcon/n-audit.svg' import n_audit from 'assets/images/menuIcon/n-audit.svg'
import n_debug from 'assets/images/menuIcon/n-debug.svg' import n_debug from 'assets/images/menuIcon/n-debug.svg'
import n_disinfect from 'assets/images/menuIcon/n-disinfect.svg' import n_disinfect from 'assets/images/menuIcon/n-disinfect.svg'
@ -15,6 +14,7 @@ import s_seal from 'assets/images/menuIcon/s-seal.svg'
import s_setting from 'assets/images/menuIcon/s-setting.svg' import s_setting from 'assets/images/menuIcon/s-setting.svg'
import { useDeviceStore } from 'stores/deviceStore' import { useDeviceStore } from 'stores/deviceStore'
import { ref, watchEffect } from 'vue' import { ref, watchEffect } from 'vue'
import type { RouteRecordRaw } from 'vue-router'
const authRoutes = ref<RouteRecordRaw[]>([ const authRoutes = ref<RouteRecordRaw[]>([
{ {

5
src/stores/deviceStore.ts

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

3
src/stores/formulaStore.ts

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

3
src/stores/homeStore.ts

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

4
src/stores/initHomeData.ts

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

3
src/stores/systemStore.ts

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

3
src/views/audit/index.vue

@ -1,8 +1,9 @@
<script lang="ts" setup> <script lang="ts" setup>
import { FtMessage } from '@/libs/message'
import { sendCmd, syncSendCmd } from 'apis/system' import { sendCmd, syncSendCmd } from 'apis/system'
import { onMounted, ref } from 'vue' import { onMounted, ref } from 'vue'
import { FtMessage } from '@/libs/message'
/** /**
* 审计日志管理组件 * 审计日志管理组件
* @description 展示审计日志列表支持分页和单条记录导出功能 * @description 展示审计日志列表支持分页和单条记录导出功能

3
src/views/formula/index.vue

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

5
src/views/home/chart.vue

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

7
src/views/home/index.vue

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

15
src/views/liquid/index.vue

@ -1,11 +1,4 @@
<script lang="ts" setup> <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 { subscribeEvent, syncSendCmd } from 'apis/system'
import homeFinish from 'assets/images/home/home-finish.svg' import homeFinish from 'assets/images/home/home-finish.svg'
import homeStart from 'assets/images/home/home-start.svg' import homeStart from 'assets/images/home/home-start.svg'
@ -15,6 +8,14 @@ import { ElMessage } from 'element-plus'
// import { roundNumber } from 'libs/utils' // import { roundNumber } from 'libs/utils'
import { onMounted, ref, watch, watchEffect } from 'vue' 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 liquidStore = useLiquidStore()
const homeStore = useHomeStore() const homeStore = useHomeStore()
const sealStore = useSealStore() const sealStore = useSealStore()

5
src/views/login/index.vue

@ -1,6 +1,4 @@
<script setup lang="ts"> <script setup lang="ts">
import { FtMessage } from '@/libs/message'
import { setToken } from '@/libs/token'
import { syncSendCmd } from 'apis/system' import { syncSendCmd } from 'apis/system'
import { login } from 'apis/user' import { login } from 'apis/user'
import logo from 'assets/images/logo.svg' import logo from 'assets/images/logo.svg'
@ -12,6 +10,9 @@ import { useSystemStore } from 'stores/systemStore'
import { ref, watchEffect } from 'vue' import { ref, watchEffect } from 'vue'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import { FtMessage } from '@/libs/message'
import { setToken } from '@/libs/token'
const router = useRouter() const router = useRouter()
const sys = useSystemStore() const sys = useSystemStore()
const formRef = ref() const formRef = ref()

11
src/views/seal/index.vue

@ -1,9 +1,4 @@
<script lang="ts" setup> <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 { subscribeEvent, syncSendCmd } from 'apis/system'
import homeFinish from 'assets/images/home/home-finish.svg' import homeFinish from 'assets/images/home/home-finish.svg'
import homeStart from 'assets/images/home/home-start.svg' import homeStart from 'assets/images/home/home-start.svg'
@ -13,6 +8,12 @@ import DashboardChart from 'components/seal/DashboardChart.vue'
import { startPosityveTimer, stopPosityveTimer } from 'libs/timer' import { startPosityveTimer, stopPosityveTimer } from 'libs/timer'
import { computed, onMounted, ref, watch, watchEffect } from 'vue' 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({ defineOptions({
name: 'Seal', name: 'Seal',
}) })

5
src/views/setting/index.vue

@ -1,11 +1,12 @@
<script lang="ts" setup> <script lang="ts" setup>
import History from 'components/setting/History.vue'
import { ref } from 'vue'
import FormulaConfig from '@/components/formula/FormulaConfig.vue' import FormulaConfig from '@/components/formula/FormulaConfig.vue'
import Device from '@/components/setting/Device.vue' import Device from '@/components/setting/Device.vue'
import SystemDate from '@/components/setting/SystemDate.vue' import SystemDate from '@/components/setting/SystemDate.vue'
import User from '@/components/setting/User.vue' import User from '@/components/setting/User.vue'
import { useSettingStore } from '@/stores/settingStore' import { useSettingStore } from '@/stores/settingStore'
import History from 'components/setting/History.vue'
import { ref } from 'vue'
const settingStore = useSettingStore() const settingStore = useSettingStore()
const settingMenus = settingStore.settingMenus const settingMenus = settingStore.settingMenus

Loading…
Cancel
Save