Browse Source

开发消毒液及密封测试页面

master
LiLongLong 2 months ago
parent
commit
485067e30f
  1. 56
      package-lock.json
  2. 3
      package.json
  3. 1
      src/assets/images/home/home-chart.svg
  4. 1
      src/assets/images/home/home-finish.svg
  5. 1
      src/assets/images/home/home-round.svg
  6. 1
      src/assets/images/home/home-setting.svg
  7. 1
      src/assets/images/liquid/liquid-container.svg
  8. 1
      src/assets/images/liquid/liquid-scale.svg
  9. 1
      src/assets/images/liquid/liquied_bottle.svg
  10. 1
      src/assets/images/menuIcon/n-audit.svg
  11. 1
      src/assets/images/menuIcon/n-debug.svg
  12. 1
      src/assets/images/menuIcon/n-disinfect.svg
  13. 1
      src/assets/images/menuIcon/n-formula.svg
  14. 1
      src/assets/images/menuIcon/n-liquid.svg
  15. 1
      src/assets/images/menuIcon/n-seal.svg
  16. 1
      src/assets/images/menuIcon/n-setting.svg
  17. 1
      src/assets/images/menuIcon/n_debug.svg
  18. 1
      src/assets/images/menuIcon/n_expe.svg
  19. 1
      src/assets/images/menuIcon/n_home.svg
  20. 1
      src/assets/images/menuIcon/n_liquid.svg
  21. 1
      src/assets/images/menuIcon/n_liquid_config.svg
  22. 1
      src/assets/images/menuIcon/n_log.svg
  23. 1
      src/assets/images/menuIcon/n_ore.svg
  24. 1
      src/assets/images/menuIcon/n_setting.svg
  25. 1
      src/assets/images/menuIcon/n_user.svg
  26. 1
      src/assets/images/menuIcon/s-audit.svg
  27. 1
      src/assets/images/menuIcon/s-debug.svg
  28. 1
      src/assets/images/menuIcon/s-disinfect.svg
  29. 1
      src/assets/images/menuIcon/s-formula.svg
  30. 1
      src/assets/images/menuIcon/s-home.svg
  31. 1
      src/assets/images/menuIcon/s-liquid.svg
  32. 1
      src/assets/images/menuIcon/s-seal.svg
  33. 1
      src/assets/images/menuIcon/s-setting.svg
  34. 1
      src/assets/images/menuIcon/s_debug.svg
  35. 1
      src/assets/images/menuIcon/s_expe.svg
  36. 1
      src/assets/images/menuIcon/s_home.svg
  37. 1
      src/assets/images/menuIcon/s_liquid.svg
  38. 1
      src/assets/images/menuIcon/s_liquid_config.svg
  39. 1
      src/assets/images/menuIcon/s_log.svg
  40. 1
      src/assets/images/menuIcon/s_ore.svg
  41. 1
      src/assets/images/menuIcon/s_setting.svg
  42. 1
      src/assets/images/menuIcon/s_user.svg
  43. 1
      src/assets/images/seal/seal-instrument.svg
  44. 3
      src/assets/styles/common.scss
  45. 251
      src/components/common/SelectModal/index.vue
  46. 166
      src/components/common/SoftKeyboard/index.vue
  47. 72
      src/components/liquid/LiquidLevel.vue
  48. 11
      src/components/liquid/ScaleMark.vue
  49. 94
      src/components/seal/DashboardChart.vue
  50. 13
      src/layouts/default.vue
  51. 78
      src/router/routes.ts
  52. 14
      src/stores/homeStore.ts
  53. 13
      src/types/softKeyboard.d.ts
  54. 179
      src/views/home/index.vue
  55. 166
      src/views/liquid/index.vue
  56. 170
      src/views/seal/index.vue

56
package-lock.json

@ -12,7 +12,9 @@
"@element-plus/icons-vue": "^2.3.1",
"autoprefixer": "^10.4.20",
"axios": "1.8.2",
"chart.js": "^3.9.1",
"cssnano": "^7.0.6",
"echarts": "^5.6.0",
"element-plus": "^2.9.5",
"express": "^5.1.0",
"konva": "^9.3.18",
@ -27,6 +29,7 @@
"postcss-viewport-units": "^0.1.6",
"postcss-write-svg": "^3.0.1",
"vue": "^3.5.13",
"vue-chart-3": "^3.1.8",
"vue-router": "^4.5.0",
"ws": "^8.18.1"
},
@ -2384,6 +2387,12 @@
"url": "https://github.com/sponsors/wooorm"
}
},
"node_modules/chart.js": {
"version": "3.9.1",
"resolved": "https://registry.npmjs.org/chart.js/-/chart.js-3.9.1.tgz",
"integrity": "sha512-Ro2JbLmvg83gXF5F4sniaQ+lTbSv18E+TIf2cOeiH1Iqd2PGFOtem+DUufMZsCJwFE7ywPOpfXFBwRTGq7dh6w==",
"license": "MIT"
},
"node_modules/chokidar": {
"version": "4.0.3",
"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
@ -3360,6 +3369,22 @@
"node": ">= 0.4"
}
},
"node_modules/echarts": {
"version": "5.6.0",
"resolved": "https://registry.npmjs.org/echarts/-/echarts-5.6.0.tgz",
"integrity": "sha512-oTbVTsXfKuEhxftHqL5xprgLoc0k7uScAwtryCgWF6hPYFLRwOUHiFmHGCBKP5NPFNkDVopOieyUqYGH8Fa3kA==",
"license": "Apache-2.0",
"dependencies": {
"tslib": "2.3.0",
"zrender": "5.6.1"
}
},
"node_modules/echarts/node_modules/tslib": {
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
"integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==",
"license": "0BSD"
},
"node_modules/ee-first": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@ -10662,6 +10687,22 @@
}
}
},
"node_modules/vue-chart-3": {
"version": "3.1.8",
"resolved": "https://registry.npmjs.org/vue-chart-3/-/vue-chart-3-3.1.8.tgz",
"integrity": "sha512-zX5ajjQi/PocEqLETlej3vp92q/tnI/Fvu2RVb++Kap8qOrXu6PXCpodi73BFrWzEGZIAnqoUxC3OIkRWD657g==",
"license": "MIT",
"dependencies": {
"@vue/runtime-core": "latest",
"@vue/runtime-dom": "latest",
"csstype": "latest",
"lodash-es": "latest"
},
"peerDependencies": {
"chart.js": "=> ^3.1.0",
"vue": ">= 3"
}
},
"node_modules/vue-eslint-parser": {
"version": "10.1.3",
"resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-10.1.3.tgz",
@ -10971,6 +11012,21 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/zrender": {
"version": "5.6.1",
"resolved": "https://registry.npmjs.org/zrender/-/zrender-5.6.1.tgz",
"integrity": "sha512-OFXkDJKcrlx5su2XbzJvj/34Q3m6PvyCZkVPHGYpcCJ52ek4U/ymZyfuV1nKE23AyBJ51E/6Yr0mhZ7xGTO4ag==",
"license": "BSD-3-Clause",
"dependencies": {
"tslib": "2.3.0"
}
},
"node_modules/zrender/node_modules/tslib": {
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
"integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==",
"license": "0BSD"
},
"node_modules/zwitch": {
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz",

3
package.json

@ -29,7 +29,9 @@
"@element-plus/icons-vue": "^2.3.1",
"autoprefixer": "^10.4.20",
"axios": "1.8.2",
"chart.js": "^3.9.1",
"cssnano": "^7.0.6",
"echarts": "^5.6.0",
"element-plus": "^2.9.5",
"express": "^5.1.0",
"konva": "^9.3.18",
@ -44,6 +46,7 @@
"postcss-viewport-units": "^0.1.6",
"postcss-write-svg": "^3.0.1",
"vue": "^3.5.13",
"vue-chart-3": "^3.1.8",
"vue-router": "^4.5.0",
"ws": "^8.18.1"
},

1
src/assets/images/home/home-chart.svg

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="25.375" height="22.75" viewBox="0 0 25.375 22.75"><g><path d="M24.5,21L1.75,21L1.75,0.875C1.75,0.35,1.4,0,0.875,0C0.35,0,0,0.35,0,0.875L0,21.875C0,22.4,0.35,22.75,0.875,22.75L24.5,22.75C25.025,22.75,25.375,22.4,25.375,21.875C25.375,21.35,25.025,21,24.5,21ZM4.375,8.75C4.55,8.75,4.725,8.6625,4.9,8.575L10.5875,4.55L16.1875,7.7875C16.45,7.9625,16.8,7.9625,17.0625,7.7875L22.3125,4.8125L22.1375,5.6C22.05,6.0375,22.3125,6.5625,22.8375,6.65L23.0125,6.65C23.45,6.65,23.8,6.3875,23.8875,5.95L24.5,2.8875C24.5875,2.45,24.325,1.925,23.8,1.8375L20.7375,1.225C20.3,1.1375,19.775,1.4,19.6875,1.925C19.6,2.3625,19.8625,2.8875,20.3875,2.975L21.7,3.2375L16.7125,6.125L10.9375,2.7125C10.675,2.5375,10.2375,2.5375,9.975,2.8L3.85,7.175C3.5,7.4375,3.325,7.9625,3.675,8.4C3.85,8.6625,4.1125,8.75,4.375,8.75ZM21.7,8.575L17.2375,10.325C16.975,10.4125,16.625,10.4125,16.275,10.325L11.2,8.1375C10.85,7.9625,10.4125,8.05,10.0625,8.225L4.2875,11.725C3.9375,11.9875,3.675,12.3375,3.675,12.775L3.675,18.025C3.675,18.725,4.2,19.25,4.9,19.25L22.1375,19.25C22.8375,19.25,23.3625,18.725,23.3625,18.025L23.3625,9.7125C23.3625,8.8375,22.4875,8.225,21.7,8.575Z" fill="#2892F3" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>

1
src/assets/images/home/home-finish.svg

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="24" viewBox="0 0 24 24"><g><path d="M11.997,0.0000239992C18.6317,-0.013506,24.0135,5.36833,24,12.003C24,18.6084,18.604,23.9327,11.9955,23.9998C8.80965,24.0184,5.74927,22.7593,3.49887,20.5042C1.24307,18.2521,-0.0169475,15.1905,0.000172199,12.003C-0.00709523,8.81724,1.25657,5.76019,3.51107,3.5094C5.76054,1.25776,8.81426,-0.00510978,11.997,0.0000239992ZM11.997,1.40926C6.14726,1.40926,1.40604,6.15321,1.40941,12.003C1.38137,17.8624,6.13757,22.62,11.997,22.5936C17.8826,22.5936,22.6563,17.8184,22.6563,12.003C22.6563,6.17841,17.8826,1.40926,11.997,1.40926ZM15.2061,15.8677C15.6255,15.8677,15.9687,15.5246,15.9687,15.1051L15.9687,8.89473C15.9687,8.47531,15.6255,8.13215,15.2061,8.13215L8.79588,8.13215C8.37472,8.13215,8.0333,8.47357,8.0333,8.89473L8.0333,15.1051C8.0333,15.5263,8.37472,15.8677,8.79588,15.8677L15.2061,15.8677Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g></svg>

1
src/assets/images/home/home-round.svg

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="10" height="10" viewBox="0 0 10 10"><g><ellipse cx="5" cy="5" rx="5" ry="5" fill="#1AD66E" fill-opacity="1"/></g></svg>

1
src/assets/images/home/home-setting.svg

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="22" height="22" viewBox="0 0 22 22"><g><path d="M21.499,13.0625L19.6342,11.6482C19.6539,11.4518,19.6735,11.2357,19.6735,11C19.6735,10.7643,19.6539,10.5482,19.6342,10.3518L21.499,8.9375C22.0093,8.54464,22.1467,7.85714,21.813,7.26786L19.7324,3.75179C19.4968,3.33929,19.0454,3.08393,18.5743,3.08393C18.4172,3.08393,18.2798,3.10357,18.1228,3.1625L15.9047,4.02679C15.5318,3.77143,15.1392,3.55536,14.7466,3.37857L14.4129,1.11964C14.3148,0.471429,13.7652,0,13.0978,0L8.89717,0C8.22978,0,7.68017,0.471429,7.58203,1.1L7.26796,3.37857C6.87538,3.55536,6.50243,3.77143,6.10985,4.02679L3.89178,3.1625C3.73474,3.10357,3.57771,3.08393,3.42068,3.08393C2.94958,3.08393,2.49812,3.31964,2.2822,3.73214L0.181895,7.26786C-0.151798,7.81786,-0.0143948,8.54464,0.495959,8.9375L2.36071,10.3518C2.34108,10.5875,2.32146,10.8036,2.32146,11C2.32146,11.1964,2.32146,11.4125,2.36071,11.6482L0.495959,13.0625C-0.0143947,13.4554,-0.151798,14.1429,0.181895,14.7321L2.26257,18.2482C2.49812,18.6607,2.94958,18.9161,3.42068,18.9161C3.57771,18.9161,3.71511,18.8964,3.87215,18.8375L6.09022,17.9732C6.46317,18.2286,6.85575,18.4446,7.24833,18.6214L7.58203,20.8804C7.66054,21.5089,8.22978,22,8.89717,22L13.0978,22C13.7652,22,14.3148,21.5286,14.4129,20.9L14.7466,18.6214C15.1392,18.4446,15.5121,18.2286,15.9047,17.9732L18.1228,18.8375C18.2798,18.8964,18.4369,18.9161,18.5939,18.9161C19.065,18.9161,19.5165,18.6804,19.7324,18.2679L21.8327,14.7125C22.1467,14.1429,22.0093,13.4554,21.499,13.0625ZM15.7084,11C15.7084,13.5929,13.5885,15.7143,10.9975,15.7143C8.40644,15.7143,6.28651,13.5929,6.28651,11C6.28651,8.40714,8.40644,6.28571,10.9975,6.28571C13.5885,6.28571,15.7084,8.40714,15.7084,11Z" fill="#2892F3" fill-opacity="1"/></g></svg>

1
src/assets/images/liquid/liquid-container.svg

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="355" height="509" viewBox="0 0 355 509"><defs><linearGradient x1="1" y1="0.5" x2="0" y2="0.5" id="master_svg0_116_01059"><stop offset="22.380894422531128%" stop-color="#DFE9F5" stop-opacity="1"/><stop offset="49.52374994754791%" stop-color="#DFE9F5" stop-opacity="0"/><stop offset="83.80946516990662%" stop-color="#DFE9F5" stop-opacity="1"/></linearGradient><linearGradient x1="0.5" y1="1" x2="0.5" y2="0" id="master_svg1_116_8152"><stop offset="5.238037183880806%" stop-color="#EDF2FA" stop-opacity="1"/><stop offset="59.523749351501465%" stop-color="#EDF2FA" stop-opacity="0.5"/></linearGradient><linearGradient x1="0.5" y1="1" x2="0.5" y2="0" id="master_svg2_116_8156"><stop offset="0%" stop-color="#EDF2FA" stop-opacity="1"/><stop offset="59.523749351501465%" stop-color="#EDF2FA" stop-opacity="0.5"/></linearGradient></defs><g style="opacity:0.5;"><g><path d="M0 3C2.452636981645965e-16 1.3431457505076194 1.3431457505076199 0 3 0L352 0C353.65685424949237 0 355 1.3431457505076199 355 3L355 489C355 500.04569499661585 346.04569499661585 509 335 509L20 509C8.954305003384134 509 0 500.04569499661585 0 489Z" fill="url(#master_svg0_116_01059)" fill-opacity="1"/><path d="M1 4C1.0000000000000002 2.3431457505076194 2.34314575050762 1 4 1L351 1C352.65685424949237 1 354 2.34314575050762 354 4L354 488C354 499.04569499661585 345.04569499661585 508 334 508L21 508C9.954305003384134 508 1 499.04569499661585 1 488Z" fill-opacity="0" stroke-opacity="1" stroke="#AFC6E4" fill="none" stroke-width="2"/></g><g><path d="M249 2C249 2 249 2 249 2L353 2C353 2 353 2 353 2L353 489C353 498.94112549695427 344.94112549695427 507 335 507L249 507C249 507 249 507 249 507Z" fill="url(#master_svg1_116_8152)" fill-opacity="1"/></g><g><path d="M2 0C2 0 2 0 2 0L106 0C106 0 106 0 106 0L106 507C106 507 106 507 106 507L20 507C10.05887450304572 507 2 498.94112549695427 2 489Z" fill="url(#master_svg2_116_8156)" fill-opacity="1"/></g></g></svg>

1
src/assets/images/liquid/liquid-scale.svg
File diff suppressed because it is too large
View File

1
src/assets/images/liquid/liquied_bottle.svg

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="162.44374084472656" height="227.99989318847656" viewBox="0 0 162.44374084472656 227.99989318847656"><g><path d="M0,54.0618L0,64.2474C0,65.1128,0.699314,65.8144,1.56196,65.8144C2.4246,65.8144,3.12392,66.516,3.12392,67.3814L3.12392,73.6495C3.12392,74.5149,2.4246,75.2165,1.56196,75.2165C0.699314,75.2165,0,75.918,0,76.7835L0,90.8866C0,91.752,0.699314,92.4536,1.56196,92.4536C2.4246,92.4536,3.12392,93.1551,3.12392,94.0206L3.12392,100.289C3.12392,101.154,2.4246,101.856,1.56196,101.856C0.699314,101.856,0,102.557,0,103.423L0,122.227C0,123.092,0.699314,123.794,1.56196,123.794C2.4246,123.794,3.12392,124.495,3.12392,125.361L3.12392,131.629C3.12392,132.494,2.4246,133.196,1.56196,133.196C0.699314,133.196,0,133.897,0,134.763L0,153.567C0,154.432,0.699314,155.134,1.56196,155.134C2.4246,155.134,3.12392,155.836,3.12392,156.701L3.12392,162.969C3.12392,163.834,2.4246,164.536,1.56196,164.536C0.699314,164.536,0,165.238,0,166.103L0,183.34C0,184.206,0.699314,184.907,1.56196,184.907C2.4246,184.907,3.12392,185.609,3.12392,186.474L3.12392,193.526C3.12392,194.391,2.4246,195.093,1.56196,195.093C0.699314,195.093,0,195.794,0,196.66L0,206.062C0,218.178,9.79038,228,21.8674,228L140.576,228C152.653,228,162.444,218.178,162.444,206.062L162.444,196.66C162.444,195.794,161.744,195.093,160.882,195.093C160.019,195.093,159.32,194.391,159.32,193.526L159.32,186.474C159.32,185.609,160.019,184.907,160.882,184.907C161.744,184.907,162.444,184.206,162.444,183.34L162.444,166.103C162.444,165.238,161.744,164.536,160.882,164.536C160.019,164.536,159.32,163.834,159.32,162.969L159.32,156.701C159.32,155.836,160.019,155.134,160.882,155.134C161.744,155.134,162.444,154.432,162.444,153.567L162.444,134.763C162.444,133.897,161.744,133.196,160.882,133.196C160.019,133.196,159.32,132.494,159.32,131.629L159.32,125.361C159.32,124.495,160.019,123.794,160.882,123.794C161.744,123.794,162.444,123.092,162.444,122.227L162.444,103.423C162.444,102.557,161.744,101.856,160.882,101.856C160.019,101.856,159.32,101.154,159.32,100.289L159.32,94.0206C159.32,93.1551,160.019,92.4536,160.882,92.4536C161.744,92.4536,162.444,91.752,162.444,90.8866L162.444,76.7835C162.444,75.918,161.744,75.2165,160.882,75.2165C160.019,75.2165,159.32,74.5149,159.32,73.6495L159.32,67.3814C159.32,66.516,160.019,65.8144,160.882,65.8144C161.744,65.8144,162.444,65.1128,162.444,64.2474L162.444,54.0618C162.444,41.9457,152.653,32.1237,140.576,32.1237L134.962,32.1237C132.711,32.1237,131.583,29.3931,133.175,27.7961C137.914,23.042,140.576,16.594,140.576,9.87062L140.576,4.70103C140.576,2.10472,138.478,0,135.89,0L26.5533,0C23.9654,0,21.8674,2.10472,21.8674,4.70103L21.8674,9.87062C21.8674,16.594,24.5297,23.042,29.2685,27.7961C30.8603,29.3931,29.7329,32.1237,27.4817,32.1237L21.8674,32.1237C9.79038,32.1237,0,41.9457,0,54.0618Z" fill="#EEEFF8" fill-opacity="1"/></g></svg>

1
src/assets/images/menuIcon/n-audit.svg

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 20 20"><g><path d="M4.73684,4.73684C5.1579,4.73684,5.52632,4.36842,5.52632,3.94737L5.52632,0.789474C5.52632,0.368421,5.1579,0,4.73684,0C4.31579,0,3.94737,0.368421,3.94737,0.789474L3.94737,3.94737C3.94737,4.36842,4.31579,4.73684,4.73684,4.73684ZM11.5789,4.73684C12,4.73684,12.3684,4.36842,12.3684,3.94737L12.3684,0.789474C12.3684,0.368421,12,0,11.5789,0C11.1579,0,10.7895,0.368421,10.7895,0.789474L10.7895,3.94737C10.7895,4.36842,11.1579,4.73684,11.5789,4.73684ZM8.94737,15.2632C8.94737,12.6842,10.5263,10.4211,12.7368,9.47369L2.89474,9.47369C2.47368,9.47369,2.10526,9.10526,2.10526,8.68421C2.10526,8.26316,2.47368,7.89474,2.89474,7.89474L12.8947,7.89474C13.3158,7.89474,13.6842,8.26316,13.6842,8.68421C13.6842,8.89474,13.5789,9.05263,13.4737,9.21053C14.0526,9.05263,14.6316,8.94737,15.2632,8.94737C15.4211,8.94737,15.6316,8.94737,15.7895,9L15.7895,4.21053C15.7895,3.05263,14.8421,2.10526,13.6842,2.10526L13.6842,3.94737C13.6842,5.26316,12.6316,6.31579,11.3158,6.31579C10,6.31579,8.94737,5.26316,8.94737,3.94737L8.94737,2.10526L6.84211,2.10526L6.84211,3.94737C6.84211,5.26316,5.78947,6.31579,4.47369,6.31579C3.1579,6.31579,2.10526,5.26316,2.10526,3.94737L2.10526,2.10526C0.947369,2.10526,0,3.05263,0,4.21053L0,17.8947C0,19.0526,0.947369,20,2.10526,20L11.1053,20C9.78947,18.8421,8.94737,17.1579,8.94737,15.2632ZM7.63158,15.7895L2.89474,15.7895C2.47368,15.7895,2.10526,15.4211,2.10526,15C2.10526,14.579,2.47368,14.2105,2.89474,14.2105L7.63158,14.2105C8.05263,14.2105,8.42105,14.579,8.42105,15C8.42105,15.4211,8.05263,15.7895,7.63158,15.7895ZM7.63158,12.6316L2.89474,12.6316C2.47368,12.6316,2.10526,12.2632,2.10526,11.8421C2.10526,11.4211,2.47368,11.0526,2.89474,11.0526L7.63158,11.0526C8.05263,11.0526,8.42105,11.4211,8.42105,11.8421C8.42105,12.2632,8.05263,12.6316,7.63158,12.6316ZM15.2632,10.5263C12.6316,10.5263,10.5263,12.6842,10.5263,15.2632C10.5263,17.8421,12.6842,20,15.2632,20C17.8421,20,20,17.8421,20,15.2632C20,12.6842,17.8947,10.5263,15.2632,10.5263ZM17.1053,16.8421L14.4737,16.8421C14.0526,16.8421,13.6842,16.4737,13.6842,16.0526L13.6842,12.8947C13.6842,12.4737,14.0526,12.1053,14.4737,12.1053C14.8947,12.1053,15.2632,12.4737,15.2632,12.8947L15.2632,15.2632L17.1053,15.2632C17.5263,15.2632,17.8947,15.6316,17.8947,16.0526C17.8947,16.4737,17.5263,16.8421,17.1053,16.8421Z" fill="#191919" fill-opacity="1"/></g></svg>

1
src/assets/images/menuIcon/n-debug.svg

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><g><path d="M16.2648,3.44855e-7L1.73484,3.44855e-7C0.776714,1.72428e-7,1.73304e-7,0.772788,3.46607e-7,1.72607L3.46607e-7,12.9462L18,12.9462L18,1.72607C18.0002,0.77284,17.2233,1.72428e-7,16.2648,3.44855e-7ZM15.8042,6.82682C15.8042,7.18361,15.5134,7.47354,15.1548,7.47418L13.0872,7.47418C12.9953,7.47424,12.9117,7.42101,12.8733,7.33789L12.6908,6.94479C12.6563,6.87062,12.5827,6.82221,12.5006,6.81976C12.4185,6.81731,12.342,6.86124,12.3031,6.93321L10.3803,10.5011C10.3054,10.6398,10.1604,10.7269,10.0021,10.7284C9.84384,10.7299,9.69731,10.6455,9.61979,10.5081L6.5646,5.08629C6.52345,5.01314,6.44343,4.97034,6.3594,4.97654C6.27538,4.98274,6.20258,5.03682,6.17273,5.11521L5.37832,7.19582C5.31435,7.36335,5.153,7.47412,4.97288,7.47418L2.84617,7.47418C2.48683,7.47418,2.19552,7.18435,2.19552,6.82682C2.19552,6.4693,2.48683,6.17946,2.84617,6.17946L4.0738,6.17946C4.25407,6.17946,4.41528,6.06857,4.47924,5.90111L5.77827,2.49718C5.83811,2.34057,5.98362,2.23255,6.15155,2.22009C6.31948,2.20762,6.47949,2.29296,6.56202,2.439L9.78714,8.1585C9.82583,8.22725,9.89912,8.26955,9.97831,8.26881C10.0575,8.26807,10.13,8.22443,10.1674,8.15496L12.1859,4.41289C12.2638,4.26915,12.4166,4.18148,12.5807,4.18638C12.7448,4.19128,12.8921,4.2879,12.9612,4.43604L13.6532,5.92843C13.7243,6.08143,13.8777,6.17914,14.047,6.17946L15.1548,6.17946C15.514,6.17946,15.8054,6.46939,15.8054,6.82682L15.8042,6.82682ZM3.46607e-7,13.6845L3.46607e-7,16.2739C1.73304e-7,17.2272,0.776714,18,1.73484,18L16.2648,18C17.223,18,17.9997,17.2272,17.9997,16.2739L17.9997,13.6845L3.46607e-7,13.6845ZM10.4381,15.75C10.437,16.1071,10.1464,16.3963,9.78746,16.3974L2.84617,16.3974C2.48683,16.3974,2.19552,16.1075,2.19552,15.75C2.19552,15.3925,2.48683,15.1026,2.84617,15.1026L9.78617,15.1026C10.1456,15.103,10.437,15.3924,10.4381,15.75ZM15.8042,15.75C15.8027,16.1063,15.5129,16.395,15.1548,16.3967L12.5513,16.3967C12.1919,16.3967,11.9006,16.1069,11.9006,15.7494C11.9006,15.3918,12.1919,15.102,12.5513,15.102L15.1548,15.102C15.5134,15.1038,15.8034,15.3932,15.8042,15.75Z" fill="#191919" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>

1
src/assets/images/menuIcon/n-disinfect.svg
File diff suppressed because it is too large
View File

1
src/assets/images/menuIcon/n-formula.svg

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="21" height="18" viewBox="0 0 21 18"><g><path d="M14.2217,13.5542L12.1497,14.234C11.991,14.2972,11.8218,14.3279,11.6526,14.3279C10.8904,14.3279,10.2782,13.7216,10.2782,12.9667L10.205,10.7788L16.899,1.25534L16.9094,1.26558L17.11,0.983774C16.9827,0.418446,16.4752,0,15.8717,0L1.26973,0C0.570334,0,0,0.565329,0,1.25534L0,16.7447C0,17.4347,0.570334,18,1.26973,18L15.863,18C16.5606,18,17.1327,17.4347,17.1327,16.7447L17.1327,9.40905L14.2217,13.5542ZM2.96155,3.1392L11.4206,3.1392C11.8863,3.1392,12.2665,3.51665,12.2665,3.97609C12.2665,4.43553,11.8863,4.81298,11.4206,4.81298L2.96155,4.81298C2.49587,4.81298,2.11564,4.43552,2.11564,3.97609C2.11564,3.51665,2.49587,3.1392,2.96155,3.1392ZM7.61317,14.8625L2.96155,14.8625C2.49587,14.8625,2.11564,14.4851,2.11564,14.0256C2.11564,13.5645,2.49587,13.1887,2.96155,13.1887L7.61492,13.1887C8.0806,13.1887,8.46083,13.5662,8.46083,14.0256C8.45908,14.4851,8.07886,14.8625,7.61317,14.8625ZM9.30499,9.83774L2.96155,9.83774C2.49587,9.83774,2.11564,9.46029,2.11564,9.00085C2.11564,8.54142,2.49587,8.16396,2.96155,8.16396L9.30674,8.16396C9.77242,8.16396,10.1526,8.54142,10.1526,9.00085C10.1526,9.46029,9.77068,9.83774,9.30499,9.83774ZM20.832,1.99829C21.0012,2.11272,21.0535,2.35354,20.9384,2.52092L20.8529,2.64731L20.7466,2.80444L20.7047,2.85739L20.3559,3.34927L17.7327,1.55935L18.2716,0.795901L18.3135,0.732707C18.4303,0.565329,18.6728,0.512383,18.8524,0.63877L20.832,1.99829ZM17.11,2.42869L19.7332,4.23911L13.6828,12.8625L11.8636,13.4586C11.8846,13.4483,11.916,13.4278,11.9369,13.4159C11.8514,13.4688,11.7573,13.4996,11.6509,13.4996C11.3544,13.4996,11.1224,13.269,11.1224,12.9769L11.1224,12.9667L11.0596,11.0401L17.11,2.42869Z" fill="#191919" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>

1
src/assets/images/menuIcon/n-liquid.svg

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="20" viewBox="0 0 18 20"><g><path d="M0.00657838,2.51325L0.00657838,17.8167C0.00432831,17.8973,0.0217661,17.9795,0.0549541,18.0556C0.29402,18.6889,1.2486,19.1601,2.97043,19.5C4.95328,19.8567,6.97549,20.0239,8.99996,19.9972C11.025,20.0173,13.0444,19.85,15.03,19.4995C16.7491,19.1534,17.7216,18.6717,17.945,18.0551C17.9781,17.9795,17.9956,17.8995,17.9933,17.8167L17.9933,2.51325C18.0022,2.48484,18.0022,2.45444,17.9933,2.42603L17.9933,2.28936C17.9933,1.50383,17.0298,0.912176,15.0272,0.52163C13.0408,0.15514,11.0229,-0.0190142,9.00221,0.00164347C6.97718,-0.018356,4.95777,0.148862,2.97212,0.499409C0.987591,0.889954,0.00657737,1.48105,0.00657737,2.26714C-0.0000464364,2.31228,-0.0000464364,2.35812,0.00657737,2.40325C-0.0021924,2.43149,-0.0021924,2.46168,0.00657737,2.48991L0.00657737,2.51214L0.00657838,2.51325ZM12.6028,13.333C12.6073,13.0002,12.9145,12.7302,13.2947,12.7258L16.1039,12.7258L16.1039,13.938L13.2947,13.938C12.9145,13.9357,12.6073,13.6657,12.6028,13.333ZM12.6028,10.6053C12.6073,10.2731,12.9145,10.0031,13.2947,9.99861L16.0375,9.99861L16.0375,11.2041L13.2947,11.2041C12.9167,11.2041,12.6073,10.938,12.6028,10.6058L12.6028,10.6053ZM12.6028,7.872C12.6073,7.53868,12.9167,7.27368,13.2947,7.27368L16.1039,7.27368L16.1039,8.47921L13.2947,8.47921C12.9145,8.47421,12.6073,8.20421,12.6028,7.87145L12.6028,7.872ZM2.70099,13.6335C2.70099,13.1358,2.83093,12.6447,3.07843,12.2141C3.65264,11.1906,4.28205,10.1983,4.96396,9.24141L4.96396,9.20141L5.10796,9.12364L5.14734,9.08975L5.38191,9.08975L5.38191,9.12308L5.42128,9.16308Q5.45503,9.16308,5.45503,9.20363C6.31451,10.1379,7.07294,11.1582,7.718,12.248C8.30477,13.2347,8.21414,14.4767,7.49019,15.3701C6.76736,16.2562,5.56753,16.5907,4.49539,16.2001C3.42325,15.8096,2.70943,14.7835,2.71618,13.6335L2.70099,13.6335ZM1.47191,2.87268C2.1503,2.27492,2.89956,1.8866,3.67976,1.73216C5.41143,1.2532,7.20412,1.02398,9.00221,1.05162C10.7854,1.02273,12.5696,1.25272,14.3247,1.73216C15.1049,1.88215,15.8564,2.27048,16.5325,2.87268C15.8519,3.46433,15.1026,3.85266,14.3247,4.01321C12.5909,4.4807,10.7993,4.70603,9.00221,4.68264C7.20505,4.70714,5.41334,4.48179,3.67976,4.01321C2.90237,3.85655,2.1503,3.47044,1.47191,2.87268Z" fill="#191919" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>

1
src/assets/images/menuIcon/n-seal.svg

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 20 20"><g><path d="M9.99959,0C4.47651,0,0,4.47715,0,10.0004C0,15.5228,4.47651,20,9.99958,20C15.5235,20,20,15.5224,20,10.0004C20,4.47632,15.5235,9.51652e-7,9.99959,0ZM9.52183,1.8993L10.7933,1.8993L10.7933,4.39441L9.52183,4.39441L9.52183,1.8993ZM5.71809,6.56646L3.95385,4.80188L4.85281,3.90296L6.61705,5.66754L5.71809,6.56646ZM6.34595,2.81402L7.49605,2.27766L8.55094,4.53827L7.39958,5.07546L6.34595,2.81402ZM10.1746,17.2883C9.06902,17.2883,8.17381,16.3918,8.17381,15.2875C8.17381,14.4235,8.72058,13.6909,9.48773,13.4103L9.48773,7.70238L10.758,7.70238L10.758,13.3728C11.578,13.6219,12.1759,14.3844,12.1759,15.2879C12.1759,16.3918,11.2803,17.2883,10.1746,17.2883ZM11.6644,4.53578L12.7193,2.27433L13.8707,2.81194L12.817,5.07339L11.6644,4.53578ZM14.4586,6.56646L13.5597,5.66754L15.3239,3.90296L16.2229,4.80188L14.4586,6.56646Z" fill="#191919" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>

1
src/assets/images/menuIcon/n-setting.svg

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="21" height="20" viewBox="0 0 21 20"><g><path d="M20.8054,8.0336C20.8008,7.99101,20.7961,7.95551,20.789,7.93422L20.789,7.91529L20.7797,7.86323C20.6133,7.04449,20.0769,6.5168,19.4092,6.5168L19.2991,6.5168C18.1605,6.5168,17.2375,5.57974,17.2375,4.43445C17.2375,4.16943,17.3593,3.79318,17.4109,3.66067C17.7342,2.89872,17.3898,2.03029,16.5909,1.58779L14.0772,0.151443L14.0304,0.134879C13.843,0.0733556,13.6251,1.80535e-7,13.3815,1.80535e-7C12.927,1.80535e-7,12.4163,0.212967,12.1,0.532418C11.7041,0.927591,10.9005,1.5168,10.4226,1.5168C9.94707,1.5168,9.14118,0.929957,8.74527,0.532418C8.40792,0.196403,7.94172,0,7.46381,0C7.21315,0,7.0023,0.0709891,6.81489,0.134879L6.77272,0.151443L4.13719,1.59252L4.12079,1.60199C3.48124,2.00663,3.2212,2.93422,3.54683,3.67014L3.55152,3.6796L3.5562,3.68907C3.60774,3.80502,3.76705,4.19782,3.76705,4.54094C3.76705,5.69096,2.83934,6.62328,1.70548,6.62328L1.59537,6.62328C0.897251,6.62328,0.374831,7.14387,0.224898,7.97917L0.215528,8.0265L0.215528,8.04307C0.215528,8.06673,0.206157,8.09986,0.199129,8.14245C0.140561,8.49976,0,9.34217,0,10.0308C0,10.7194,0.138219,11.5618,0.199129,11.9191C0.203814,11.9617,0.2085,11.9972,0.215528,12.0185L0.215528,12.0374L0.224898,12.0894C0.391229,12.9082,0.927706,13.4359,1.59537,13.4359L1.6516,13.4359C2.79015,13.4359,3.71317,14.3729,3.71317,15.5182C3.71317,15.7832,3.59135,16.1595,3.53981,16.292C3.22823,17.009,3.52341,17.9295,4.21216,18.3933L4.2309,18.4027L6.71415,19.7989L6.76101,19.8154C6.94842,19.8769,7.16161,19.9503,7.40525,19.9503C7.92532,19.9503,8.39386,19.7492,8.6867,19.4179C8.71481,19.3966,8.74292,19.3682,8.77572,19.3398C9.07559,19.0748,9.88147,18.3743,10.4133,18.3743C10.8092,18.3743,11.4722,18.7932,12.1398,19.4676C12.4772,19.8036,12.9434,20,13.4213,20C13.7446,20,13.9835,19.9101,14.2553,19.7752L14.2646,19.7705L16.8112,18.3483L16.8205,18.3389C17.4601,17.9342,17.7201,17.0066,17.3945,16.2707L17.3898,16.2612L17.3851,16.2518C17.3804,16.2494,17.1813,15.8306,17.2188,15.4543L17.2235,15.4307L17.2235,15.407C17.2235,14.257,18.1512,13.3247,19.285,13.3247L19.4022,13.3247C20.1003,13.3247,20.6227,12.8041,20.7726,11.9688L20.782,11.9214L20.782,11.9049C20.7867,11.8859,20.7914,11.8575,20.7984,11.8197C20.8593,11.4718,20.9999,10.6602,20.9999,9.91718C21.0046,9.23095,20.8664,8.39091,20.8054,8.0336ZM10.4976,13.2963C8.69607,13.2963,7.23657,11.8221,7.23657,10.0024C7.23657,8.18267,8.69607,6.70847,10.4976,6.70847C12.2991,6.70847,13.7586,8.18268,13.7586,10.0024C13.7586,11.8221,12.2991,13.2963,10.4976,13.2963Z" fill="#191919" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>

1
src/assets/images/menuIcon/n_debug.svg

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><defs><clipPath id="master_svg0_592_42038"><rect x="19" y="18.921875" width="41" height="41" rx="0"/></clipPath></defs><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#EEEFF8" fill-opacity="1"/></g><g clip-path="url(#master_svg0_592_42038)"><g><path d="M53.8413984375,21.65234443077L25.1580984375,21.65234443077C23.2666884375,21.652344090385,21.733398779614,23.17788375,21.733399121728,25.05973375L21.733399121728,47.20904375L57.2666984375,47.20904375L57.2666984375,25.05973375C57.2670984375,23.17798375,55.7333984375,21.652344090385,53.8413984375,21.65234443077ZM52.9319984375,35.12904375C52.9319984375,35.83334375,52.3579984375,36.405643749999996,51.6500984375,36.406943749999996L47.5684984375,36.406943749999996C47.3869984375,36.40704375,47.2220984375,36.30194375,47.1462984375,36.13784375L46.7859984375,35.36184375C46.7178984375,35.21544375,46.5724984375,35.11984375,46.410498437499996,35.11504375C46.2483984375,35.11024375,46.0974984375,35.19694375,46.0206984375,35.33904375L42.2247984375,42.38224375C42.0768984375,42.65614375,41.7907984375,42.828143749999995,41.478398437500005,42.83104375C41.165898437500005,42.83394375,40.8765984375,42.66724375,40.7235984375,42.39624375L34.6923984375,31.69304375C34.6111984375,31.54864375,34.4531984375,31.46415375,34.2872984375,31.47640375C34.1214984375,31.48864375,33.9777984375,31.59540375,33.9187984375,31.75014375L32.3505984375,35.85744375C32.224298437499996,36.18814375,31.9057984375,36.40684375,31.5502384375,36.406943749999996L27.3519484375,36.406943749999996C26.6425784375,36.406943749999996,26.067528437500002,35.83474375,26.067528437500002,35.12904375C26.067528437500002,34.42324375,26.6425784375,33.85104375,27.3519484375,33.85104375L29.7753884375,33.85104375C30.1312484375,33.85104375,30.4494884375,33.63214375,30.5757584375,33.30154375L33.1400984375,26.58196375C33.2582984375,26.27280375,33.5454984375,26.05956375,33.8769984375,26.03496375C34.2084984375,26.01035375,34.5243984375,26.17881375,34.687298437500004,26.46711375L41.053898437499996,37.75784375C41.1302984375,37.89354375,41.2749984375,37.97704375,41.431298437500004,37.97554375C41.587698437499995,37.974143749999996,41.7307984375,37.887943750000005,41.804598437500005,37.75084375L45.789198437500005,30.36372375C45.9430984375,30.079963749999997,46.244798437499995,29.906903749999998,46.568698437500004,29.916573749999998C46.8925984375,29.926243749999998,47.1832984375,30.11697375,47.3197984375,30.40940375L48.6858984375,33.35554375C48.8261984375,33.65754375,49.129098437500005,33.85044375,49.4632984375,33.85104375L51.6500984375,33.85104375C52.3592984375,33.85104375,52.9344984375,34.423443750000004,52.9344984375,35.12904375L52.9319984375,35.12904375ZM21.733399121728,48.66654375L21.733399121728,53.77824375C21.733398779614,55.66014375,23.2666884375,57.18564375,25.1580984375,57.18564375L53.8413984375,57.18564375C55.7327984375,57.18564375,57.2660984375,55.66014375,57.2660984375,53.77824375L57.2660984375,48.66654375L21.733399121728,48.66654375ZM42.338998437499995,52.74404375C42.3368984375,53.44894375,41.7630984375,54.01984375,41.054598437500005,54.02194375L27.3519484375,54.02194375C26.6425784375,54.02194375,26.067528437500002,53.449743749999996,26.067528437500002,52.74404375C26.067528437500002,52.03824375,26.6425784375,51.46604375,27.3519484375,51.46604375L41.0519984375,51.46604375C41.761498437499995,51.46674375,42.3368984375,52.03814375,42.338998437499995,52.74404375ZM52.9319984375,52.74404375C52.9291984375,53.447443750000005,52.3570984375,54.01724375,51.6500984375,54.02064375L46.510498437500004,54.02064375C45.8010984375,54.02064375,45.2260984375,53.44854375,45.2260984375,52.74274375C45.2260984375,52.03694375,45.8010984375,51.46484375,46.510498437500004,51.46484375L51.6500984375,51.46484375C52.358098437500004,51.46834375,52.930598437499995,52.03954375,52.9319984375,52.74404375Z" fill="#4F85FB" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></g></svg>

1
src/assets/images/menuIcon/n_expe.svg

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#EEEFF8" fill-opacity="1"/></g><g><path d="M54.037,56.006L28.80688,56.006C27.22599,56.006,25.93399,54.6781,25.93399,53.0441C25.93399,51.6375,26.888939999999998,50.4627,28.16489,50.1565L28.16489,21.0455056C25.82164,21.380591,24,23.46143,24,25.96836L24,53.0523C24,55.7785,26.15066,58,28.79886,58L54.037,58C54.5706,58,55,57.5574,55,57.0072C55.004000000000005,56.457,54.5706,56.006,54.037,56.006ZM42.742000000000004,37.799800000000005L41.847300000000004,37.799800000000005L41.847300000000004,39.1815L40.5031,39.1815L40.5031,40.1081L41.847300000000004,40.1081L41.847300000000004,41.4898L42.742000000000004,41.4898L42.742000000000004,40.1081L44.090199999999996,40.1081L44.090199999999996,39.1815L42.742000000000004,39.1815L42.742000000000004,37.799800000000005ZM44.090199999999996,29.05031L40.5031,29.05031L40.5031,33.3775L39.2994,35.6817C39.817,35.5824,40.334599999999995,35.5617,40.852199999999996,35.6155C42.2605,35.7644,42.569500000000005,36.8814,44.4393,36.8814C44.985,36.8814,45.4384,36.8193,45.807500000000005,36.6952L44.090199999999996,33.3981L44.090199999999996,29.05031ZM53.2425,21L30.09086,21L30.09086,50.1276L30.5563,50.1276C30.612470000000002,50.1358,30.67266,50.1358,30.73284,50.1358L53.2425,50.1358C54.125299999999996,50.1358,54.8475,49.3912,54.8475,48.4811L54.8475,22.65888C54.8515,21.744634,54.125299999999996,21.000000315617,53.2425,21ZM49.3224,42.424800000000005C49.1619,42.6978,48.881,42.8674,48.5721,42.875699999999995L36.0212,42.875699999999995C35.7042,42.875699999999995,35.4113,42.7061,35.2508,42.424800000000005C35.0903,42.1435,35.082300000000004,41.8001,35.2348,41.5105L39.5963,33.2161L39.5963,29.05031L38.5089,29.05031C38.2521,29.05031,38.0475,28.8352,38.0475,28.57457C38.0475,28.309820000000002,38.2561,28.09884,38.5089,28.09884L46.0643,28.09884C46.3211,28.09884,46.5257,28.31395,46.5257,28.57457C46.5257,28.83933,46.317099999999996,29.05031,46.0643,29.05031L44.9769,29.05031L44.9769,33.2203L46.561800000000005,36.231899999999996L49.3425,41.5105C49.490899999999996,41.8001,49.4869,42.1434,49.3224,42.424800000000005Z" fill="#4F85FB" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

1
src/assets/images/menuIcon/n_home.svg

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#EEEFF8" fill-opacity="1"/></g><g><path d="M20.0370799,43.6256C20.866486,47.6246,22.91091,51.222300000000004,25.94731,54.0277C26.3526,54.4028,26.9106,54.5752,27.46181,54.4956C28.0134,54.4165,28.49784,54.0943,28.77694,53.6208L31.1482,49.591300000000004C31.5442,48.9178,31.451999999999998,48.070499999999996,30.92,47.4942C29.68039,46.1482,28.77662,44.537800000000004,28.28009,42.7903C28.06083,42.015,27.34183,41.4784,26.52231,41.4784L21.82395,41.4784C21.27636,41.4781,20.757754,41.7198,20.411853,42.1363C20.0647341,42.552,19.9270634,43.0991,20.0370799,43.6256ZM44.1657,51.909C43.7696,51.233000000000004,42.9726,50.8869,42.1963,51.053799999999995C40.231899999999996,51.4761,38.1899,51.3965,36.2658,50.8227C35.453900000000004,50.580600000000004,34.579,50.9191,34.1541,51.6398L31.8262,55.5982C31.5578,56.055,31.5084,56.6046,31.691000000000003,57.1004C31.872999999999998,57.5967,32.2697,57.9884,32.7742,58.1703C34.9795,58.9695,37.3089,59.375,39.695,59.375C41.6678,59.375,43.6156,59.0954,45.482600000000005,58.543C46.0156,58.3847,46.446,57.9968,46.652,57.4891C46.8572,56.9806,46.814099999999996,56.408,46.535,55.9346L44.1657,51.909ZM52.5476,24.57127C52.2201,24.3027,51.806799999999996,24.15552,51.379999999999995,24.15542C51.2742,24.15542,51.1663,24.166330000000002,51.060500000000005,24.18424C50.531,24.2771,50.0703,24.59457,49.8016,25.05176L47.4685,29.01324C47.045100000000005,29.73472,47.183499999999995,30.6473,47.802800000000005,31.2165C49.39,32.6707,50.5347,34.5286,51.1096,36.5833C51.3275,37.3604,52.0476,37.8989,52.8691,37.899100000000004L57.568,37.899100000000004C58.1145,37.8988,58.6321,37.658,58.9784,37.2432C59.3258,36.8281,59.464,36.2815,59.3546,35.7553C58.4579,31.3953,56.0407,27.42316,52.5476,24.57127ZM46.652,21.88784C46.446600000000004,21.37975,46.0159,20.99153,45.482600000000005,20.833661C43.6053,20.279568,41.6553,19.99869145,39.695,20.00000417001C37.3089,20.00000417001,34.9795,20.405219,32.7742,21.20446C31.714199999999998,21.58978,31.262,22.8179,31.8262,23.77903L34.1541,27.73687C34.579,28.457549999999998,35.453900000000004,28.79609,36.2658,28.55402C37.3775,28.22171,38.5332,28.05317,39.6953,28.05394C40.530100000000004,28.05394,41.372299999999996,28.14349,42.1963,28.32119C42.9721,28.48767,43.7685,28.14262,44.1657,27.46794L46.5353,23.44182C46.8143,22.96858,46.857299999999995,22.39608,46.652,21.88784ZM57.568,41.4781L52.8691,41.4781C52.0475,41.477599999999995,51.327,42.0163,51.1096,42.7936C50.5345,44.848299999999995,49.3898,46.7063,47.802800000000005,48.160799999999995C47.1834,48.729,47.0449,49.6411,47.4685,50.3618L49.8016,54.3249C50.07,54.7824,50.5309,55.1001,51.060500000000005,55.1927C51.1663,55.2106,51.2742,55.2196,51.379999999999995,55.2196C51.8066,55.2202,52.2199,55.0737,52.5476,54.8057C56.0407,51.9518,58.4579,47.9814,59.3546,43.622C59.4641,43.0957,59.3259,42.549099999999996,58.9784,42.134C58.6326,41.718599999999995,58.1147,41.4778,57.568,41.4781ZM20.411568,37.241C20.757316,37.6573,21.27588,37.8989,21.82367,37.8989L26.52259,37.8989C27.34233,37.8986,28.06128,37.361999999999995,28.280369999999998,36.587C28.776699999999998,34.8389,29.68048,33.2279,30.920299999999997,31.8814C31.4524,31.3057,31.544600000000003,30.4588,31.1485,29.785890000000002L28.77722,25.75641C28.49772,25.28303,28.01361,24.96039,27.46209,24.87994C27.37433,24.86765,27.28578,24.86166,27.19713,24.86203C26.73679,24.86203,26.28729,25.03413,25.9476,25.349510000000002C22.91091,28.15468,20.866486,31.7521,20.0370799,35.7513C19.9271883,36.2779,20.0647273,36.825,20.411568,37.241Z" fill="#4F85FB" fill-opacity="1"/></g></g></svg>

1
src/assets/images/menuIcon/n_liquid.svg

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#EEEFF8" fill-opacity="1"/></g><g><path d="M30.42768,34.2143L30.42768,52.673C30.42768,53.4027,31.06121,54.0357,31.77429,54.0357L48.5584,54.0357C49.2714,54.0357,49.794,53.4027,49.794,52.673L49.794,34.2143L30.42768,34.2143ZM47.8574,46.726600000000005C47.8574,47.091499999999996,47.5684,47.387299999999996,47.2118,47.387299999999996C46.8553,47.387299999999996,46.5663,47.091499999999996,46.5663,46.726600000000005L46.5663,42.762299999999996C46.5663,42.397400000000005,46.8553,42.101600000000005,47.2118,42.101600000000005C47.5684,42.101600000000005,47.8574,42.397400000000005,47.8574,42.762299999999996L47.8574,46.726600000000005ZM47.2673,40.780100000000004C46.910799999999995,40.780100000000004,46.6218,40.4844,46.6218,40.1194C46.6218,39.7545,46.910799999999995,39.4587,47.2673,39.4587C47.6239,39.4587,47.9129,39.7545,47.9129,40.1194C47.9129,40.484300000000005,47.6239,40.780100000000004,47.2673,40.780100000000004ZM54.7629,21L29.21229,21C24.827023,21,24,23.26509,24,24.28292C26.44097,24.63393,26.55442,24.67522,26.55442,27.318080000000002L26.55442,52.673C26.55442,55.5922,28.92203,58,31.77429,58L48.5383,58C51.3904,58,53.6673,55.5922,53.6673,52.673L53.6673,24.96429C53.6673,23.28368,54.6596,21.803098,54.7579,21.6456C54.856300000000005,21.488186,55,21.331926,55,21.236123C55,21.139411,54.9664,21,54.7629,21ZM51.0851,24.96429L51.0851,52.673C51.0851,54.153,50.081,55.3571,48.679500000000004,55.3571L31.77429,55.3571C30.352719999999998,55.3571,29.136589999999998,54.128,29.136589999999998,52.673L29.136589999999998,27.318080000000002C29.136589999999998,26.34254,29.22487,24.24163,28.8277,23.6877C28.90202,23.62221,29.07898,23.64286,29.19211,23.64286L51.1939,23.64286C51.1345,23.64286,51.0851,24.53474,51.0851,24.96429Z" fill="#4F85FB" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

1
src/assets/images/menuIcon/n_liquid_config.svg

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#EEEFF8" fill-opacity="1"/></g><g><path d="M25.010964,27.14686L25.010964,52.3976C25.00721385,52.5305,25.0362768,52.6662,25.0915901,52.791799999999995C25.490033,53.8368,27.08099,54.6141,29.95072,55.1751C33.25546,55.7635,36.6258,56.0395,39.9999,55.9955C43.375,56.0285,46.7406,55.7525,50.0501,55.1741C52.915099999999995,54.6031,54.536100000000005,53.8083,54.9083,52.7909C54.9636,52.6662,54.992599999999996,52.5342,54.9889,52.3976L54.9889,27.14686C55.003699999999995,27.099980000000002,55.003699999999995,27.04982,54.9889,27.00294L54.9889,26.77745C54.9889,25.48132,53.3829,24.50509,50.0454,23.860689999999998C46.734700000000004,23.255981,43.3715,22.9686265,40.0037,23.00271173C36.6286,22.9697126,33.26296,23.245622,29.95353,23.824024C26.64599,24.468420000000002,25.0109623,25.44373,25.0109623,26.74078C24.999922606,26.81525,24.999922606,26.89089,25.0109623,26.96536C24.996346,27.011960000000002,24.996346,27.06176,25.0109623,27.10836L25.0109623,27.14502L25.010964,27.14686ZM46.0047,44.9994C46.0122,44.4503,46.524100000000004,44.0048,47.1578,43.9975L51.8398,43.9975L51.8398,45.9976L47.1578,45.9976C46.524100000000004,45.994,46.0122,45.548500000000004,46.0047,44.9994ZM46.0047,40.4987C46.0122,39.950500000000005,46.524100000000004,39.504999999999995,47.1578,39.497699999999995L51.7292,39.497699999999995L51.7292,41.4868L47.1578,41.4868C46.5278,41.4868,46.0122,41.047799999999995,46.0047,40.4996L46.0047,40.4987ZM46.0047,35.9888C46.0122,35.4388,46.5278,35.001599999999996,47.1578,35.001599999999996L51.8398,35.001599999999996L51.8398,36.990700000000004L47.1578,36.990700000000004C46.524100000000004,36.9824,46.0122,36.537,46.0047,35.987899999999996L46.0047,35.9888ZM29.501649999999998,45.4953C29.501649999999998,44.674,29.71822,43.8637,30.13072,43.1533C31.08773,41.4645,32.13675,39.827200000000005,33.27327,38.2483L33.27327,38.1823L33.51327,38.054L33.578900000000004,37.9981L33.96984,37.9981L33.96984,38.0531L34.035470000000004,38.1191Q34.09172,38.1191,34.09172,38.186C35.5242,39.727599999999995,36.7882,41.411100000000005,37.8633,43.209199999999996C38.841300000000004,44.8373,38.690200000000004,46.8866,37.483599999999996,48.3607C36.2789,49.8228,34.27922,50.3746,32.49232,49.730199999999996C30.70542,49.0858,29.51572,47.3928,29.52697,45.4953L29.501649999999998,45.4953ZM27.45319,27.739919999999998C28.58383,26.75362,29.8326,26.11288,31.13293,25.858060000000002C34.019059999999996,25.06777,37.0069,24.68957,40.0037,24.73517C42.9756,24.6875,45.9494,25.06699,48.8744,25.858060000000002C50.174800000000005,26.10555,51.4273,26.74628,52.5542,27.739919999999998C51.419799999999995,28.71615,50.171,29.35688,48.8744,29.62179C45.9848,30.39315,42.9988,30.76495,40.0037,30.72635C37.0084,30.76678,34.02223,30.39495,31.13293,29.62179C29.83728,29.3633,28.58383,28.72623,27.45319,27.739919999999998Z" fill="#4F85FB" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

1
src/assets/images/menuIcon/n_log.svg

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#EEEFF8" fill-opacity="1"/></g><g><path d="M32,30.00793C32.8,30.00793,33.5,29.30731,33.5,28.506610000000002L33.5,22.50132C33.5,21.700617,32.8,21,32,21C31.2,21,30.5,21.700617,30.5,22.50132L30.5,28.506610000000002C30.5,29.30731,31.2,30.00793,32,30.00793ZM45,30.00793C45.8,30.00793,46.5,29.30731,46.5,28.506610000000002L46.5,22.50132C46.5,21.700617,45.8,21,45,21C44.2,21,43.5,21.700617,43.5,22.50132L43.5,28.506610000000002C43.5,29.30731,44.2,30.00793,45,30.00793ZM40,50.0255C40,45.1212,43,40.8174,47.2,39.0159L28.5,39.0159C27.7,39.0159,27,38.315200000000004,27,37.5145C27,36.7138,27.7,36.0132,28.5,36.0132L47.5,36.0132C48.3,36.0132,49,36.7138,49,37.5145C49,37.9149,48.8,38.215199999999996,48.6,38.5154C49.7,38.215199999999996,50.8,38.015,52,38.015C52.3,38.015,52.7,38.015,53,38.1151L53,29.00705C53,26.80511,51.2,25.00352,49,25.00352L49,28.506610000000002C49,31.0088,47,33.0106,44.5,33.0106C42,33.0106,40,31.0088,40,28.506610000000002L40,25.00352L36,25.00352L36,28.506610000000002C36,31.0088,34,33.0106,31.5,33.0106C29,33.0106,27,31.0088,27,28.506610000000002L27,25.00352C24.8,25.00352,23,26.80511,23,29.00705L23,55.03C23,57.2319,24.8,59.0335,27,59.0335L44.1,59.0335C41.6,56.8315,40,53.6287,40,50.0255ZM37.5,51.026399999999995L28.5,51.026399999999995C27.7,51.026399999999995,27,50.3258,27,49.525099999999995C27,48.7244,27.7,48.0238,28.5,48.0238L37.5,48.0238C38.3,48.0238,39,48.7244,39,49.525099999999995C39,50.3258,38.3,51.026399999999995,37.5,51.026399999999995ZM37.5,45.021100000000004L28.5,45.021100000000004C27.7,45.021100000000004,27,44.320499999999996,27,43.519800000000004C27,42.7191,27.7,42.0185,28.5,42.0185L37.5,42.0185C38.3,42.0185,39,42.7191,39,43.519800000000004C39,44.320499999999996,38.3,45.021100000000004,37.5,45.021100000000004ZM52,41.0176C47,41.0176,43,45.1212,43,50.0255C43,54.9299,47.1,59.0335,52,59.0335C56.9,59.0335,61,54.9299,61,50.0255C61,45.1212,57,41.0176,52,41.0176ZM55.5,53.0282L50.5,53.0282C49.7,53.0282,49,52.327600000000004,49,51.5269L49,45.5216C49,44.7209,49.7,44.0203,50.5,44.0203C51.3,44.0203,52,44.7209,52,45.5216L52,50.0255L55.5,50.0255C56.3,50.0255,57,50.7262,57,51.5269C57,52.327600000000004,56.3,53.0282,55.5,53.0282Z" fill="#4F85FB" fill-opacity="1"/></g></g></svg>

1
src/assets/images/menuIcon/n_ore.svg

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#EEEFF8" fill-opacity="1"/></g><g><path d="M51.951499999999996,39.8059C50.843199999999996,40.323899999999995,49.9413,40.7615,48.9636,41.225899999999996C48.4242,40.9535,47.7542,40.408699999999996,47.004000000000005,40.2435C44.3744,39.6987,41.8501,42.1279,41.9554,44.9411C41.9554,45.378699999999995,41.593,46.0619,41.2348,46.1958C39.8694,46.687,39.2499,47.723,39.174099999999996,49.0894C39.0982,51.2194,38.9423,53.4297,41.5467,54.2513C41.7531,54.3049,41.829,54.7693,41.959599999999995,55.0417C41.652,55.2069,41.3149,55.5329,41.0072,55.5329C37.5305,55.5597,34.0496,55.5597,30.5729,55.5597C28.97572,55.5597,27.37854,55.5865,25.78137,55.5597C23.745912,55.5061,23,54.6577,23,52.527699999999996L23,23.88686C23,21.895306,23.720627,21.0468861,25.62966,21.020094C33.539699999999996,20.99330188,41.4497,20.99330188,49.364000000000004,21.020094C51.037,21.020094,51.9136,21.895306,51.9388,23.83327C52.0021,29.18278,51.951499999999996,34.5635,51.951499999999996,39.8059ZM37.6232,24.75761C37.6232,24.730809999999998,37.6232,24.730809999999998,37.6232,24.75761C35.2001,24.75761,32.776920000000004,24.730809999999998,30.35798,24.75761C29.17379,24.75761,28.19188,25.76678,28.21717,26.86079C28.26774,27.9816,29.144289999999998,28.79876,30.35798,28.79876C35.0737,28.79876,39.763999999999996,28.79876,44.4797,28.77197C45.950500000000005,28.77197,46.591,28.00839,46.565799999999996,26.56161C46.5405,25.44081,45.765100000000004,24.78886,44.4797,24.78886C42.183,24.730809999999998,39.915800000000004,24.75761,37.6232,24.75761ZM33.7841,36.3899C35.0189,36.3899,36.2578,36.4435,37.4673,36.3631C38.445,36.3095,39.1951,35.7335,39.2963,34.6171C39.4269,33.3624,38.6515,32.4336,37.6485,32.38C35.0737,32.2416,32.46928,32.4336,29.8902,32.5184C28.68073,32.5452,28.242449999999998,33.5544,28.26774,34.568C28.29302,35.7424,29.09372,36.3988,30.25262,36.3988L33.7841,36.3988L33.7841,36.3899ZM56.9495,50.3441C57.156,51.326499999999996,56.7177,51.9294,55.8412,52.3089C54.2693,52.9921,53.856300000000005,53.7825,54.1934,55.5016C54.3999,56.5644,53.7046,57.002,53.0851,57.4128C52.4403,57.8236,51.7956,58.3952,50.893699999999995,57.6048C49.6295,56.4572,48.727599999999995,56.6225,47.210499999999996,57.5245C46.6964,57.8236,45.8198,57.7968,45.2256,57.578C44.504999999999995,57.3057,43.7549,56.8145,43.9867,55.6669C44.3491,53.8941,43.5231,52.7465,42.081900000000005,52.143699999999995C40.9988,51.6793,41.1547,50.7237,41.18,49.9869C41.2053,49.415400000000005,41.6436,48.566900000000004,42.1071,48.3213C43.5231,47.584599999999995,44.1679,47.0085,44.0415,44.6062C43.965599999999995,43.324600000000004,44.787400000000005,43.021,45.4827,42.695C45.9463,42.4494,46.8228,42.3958,47.185199999999995,42.695C48.5001,43.815799999999996,49.7348,43.7577,50.948499999999996,42.7218C52.0821,41.7662,52.7269,42.775400000000005,53.5529,43.2398C54.3536,43.6774,54.2988,44.2757,54.0923,45.0706C53.7847,46.298500000000004,54.4547,47.6917,55.6136,48.0757C56.7177,48.4062,57.0802,49.143,56.9495,50.3441ZM45.7145,49.9333C45.6892,52.143699999999995,46.9787,53.5905,49.039500000000004,53.6173C50.7673,53.6441,52.259100000000004,52.2509,52.313900000000004,50.585300000000004C52.3645,48.2365,51.0497,46.682500000000005,48.9383,46.5977C47.210499999999996,46.5486,45.7398,48.049,45.7145,49.9333Z" fill="#4F85FB" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

1
src/assets/images/menuIcon/n_setting.svg

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#EEEFF8" fill-opacity="1"/></g><g><g><path d="M57.7309,36.6424L54.4199,35.1065C52.2821,34.1115,51.0169,31.80957,51.2919,29.41513L51.7134,25.70348C49.9764,24.13487,47.9673,22.91636,45.7913,22.111649L42.809,24.29289C40.9002,25.70218,38.3223,25.67794,36.438900000000004,24.23298L33.5495,22C31.3612,22.766417,29.33189,23.9468,27.56639,25.48018L27.92691,29.18911C28.16995,31.58721,26.871940000000002,33.8705,24.71933,34.8315L21.35269,36.3074C20.9039103,38.6357,20.883231,41.0297,21.291719,43.3658L24.60269,44.9071C26.74368,45.8995,28.01241,48.202,27.73869,50.5985L27.30925,54.2911C29.0484,55.858,31.056800000000003,57.0779,33.2313,57.8884L36.1897,55.7098C38.098,54.2997,40.6759,54.3229,42.559799999999996,55.767L45.4705,58C47.6601,57.2361,49.6906,56.0565,51.456199999999995,54.5225L51.0984,50.8054C50.8651,48.409099999999995,52.158699999999996,46.1352,54.306,45.1685L57.6461,43.6953C58.0967,41.3643,58.1179,38.9679,57.7044,36.6287L57.7309,36.6424ZM39.5113,49.514700000000005C34.3981,49.514700000000005,30.25307,45.2566,30.25307,40.0041C30.25307,34.7515,34.3981,30.49349,39.5113,30.49349C44.6245,30.49349,48.7696,34.7515,48.7696,40.0041C48.7696,45.2566,44.6245,49.514700000000005,39.5113,49.514700000000005Z" fill="#4F85FB" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M39.503226597900394,32.666666984558105C35.85293659790039,32.6648691245581,32.89285659790039,35.650166984558105,32.89285659790039,39.3333369845581C32.89285659790039,43.01646698455811,35.85293659790039,46.0017669845581,39.503226597900394,45.99996698455811C43.15095659790039,45.998166984558104,46.10715659790039,43.01396698455811,46.10715659790039,39.3333369845581C46.10715659790039,35.65270698455811,43.15095659790039,32.66846320455811,39.503226597900394,32.666666984558105ZM39.503226597900394,43.0462669845581C37.535416597900394,42.95376698455811,35.98716659790039,41.316986984558106,35.98716659790039,39.329296984558106C35.98716659790039,37.34159698455811,37.535416597900394,35.704856984558106,39.503226597900394,35.61227698455811C41.495636597900386,35.7097269845581,43.08915659790039,37.317586984558105,43.185756597900394,39.3279469845581C43.17395659790039,41.372516984558104,41.52956659790039,43.024566984558106,39.503226597900394,43.0274669845581L39.503226597900394,43.0462669845581Z" fill="#4F85FB" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></g></svg>

1
src/assets/images/menuIcon/n_user.svg

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#EEEFF8" fill-opacity="1"/></g><g><path d="M29.44471,32.3043C29.44472,37.9952,34.0687,42.608599999999996,39.772800000000004,42.608599999999996C45.4768,42.608599999999996,50.100899999999996,37.9952,50.100899999999996,32.3043C50.100899999999996,26.6134,45.4768,22,39.772800000000004,22C34.0687,22,29.44472,26.6134,29.44471,32.3043ZM55.678,46.5004L51.0002,46.5004C50.2702,46.5004,49.678200000000004,45.9097,49.678200000000004,45.1814C49.678200000000004,44.4531,50.2702,43.8625,51.0002,43.8625L55.678,43.8625C56.408,43.8625,57,44.4531,57,45.1814C57,45.9097,56.408,46.5004,55.678,46.5004ZM55.678,52.2502L47.580799999999996,52.2502C46.8508,52.2502,46.2588,51.6595,46.2588,50.931200000000004C46.2588,50.2029,46.8508,49.612300000000005,47.580799999999996,49.612300000000005L55.678,49.612300000000005C56.408,49.612300000000005,57,50.2029,57,50.931200000000004C57,51.6595,56.408,52.2502,55.678,52.2502ZM55.678,58L47.580799999999996,58C46.8508,58,46.2588,57.4094,46.2588,56.681C46.2588,55.9527,46.8508,55.3621,47.580799999999996,55.3621L55.678,55.3621C56.408,55.3621,57,55.9527,57,56.681C57,57.4094,56.408,58,55.678,58ZM41.260000000000005,52.9303C41.260000000000005,48.602900000000005,43.934200000000004,44.898700000000005,47.723299999999995,43.3724C48.3662,43.113600000000005,48.4289,42.229,47.825,41.8898C45.435,40.546099999999996,42.6911,39.782,39.772800000000004,39.782C30.50933,39.782,23,47.4797,23,56.9757C23,57.0475,23.000413211,57.1188,23.00123932,57.1901C23.0066098,57.6398,23.376768,58,23.827485,58L41.2753,58C41.865700000000004,58,42.262299999999996,57.4015,42.037099999999995,56.857C41.5364,55.6469,41.260000000000005,54.3209,41.260000000000005,52.9303Z" fill="#4F85FB" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

1
src/assets/images/menuIcon/s-audit.svg

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 20 20"><g><path d="M4.73684,4.73684C5.1579,4.73684,5.52632,4.36842,5.52632,3.94737L5.52632,0.789474C5.52632,0.368421,5.1579,0,4.73684,0C4.31579,0,3.94737,0.368421,3.94737,0.789474L3.94737,3.94737C3.94737,4.36842,4.31579,4.73684,4.73684,4.73684ZM11.5789,4.73684C12,4.73684,12.3684,4.36842,12.3684,3.94737L12.3684,0.789474C12.3684,0.368421,12,0,11.5789,0C11.1579,0,10.7895,0.368421,10.7895,0.789474L10.7895,3.94737C10.7895,4.36842,11.1579,4.73684,11.5789,4.73684ZM8.94737,15.2632C8.94737,12.6842,10.5263,10.4211,12.7368,9.47369L2.89474,9.47369C2.47368,9.47369,2.10526,9.10526,2.10526,8.68421C2.10526,8.26316,2.47368,7.89474,2.89474,7.89474L12.8947,7.89474C13.3158,7.89474,13.6842,8.26316,13.6842,8.68421C13.6842,8.89474,13.5789,9.05263,13.4737,9.21053C14.0526,9.05263,14.6316,8.94737,15.2632,8.94737C15.4211,8.94737,15.6316,8.94737,15.7895,9L15.7895,4.21053C15.7895,3.05263,14.8421,2.10526,13.6842,2.10526L13.6842,3.94737C13.6842,5.26316,12.6316,6.31579,11.3158,6.31579C10,6.31579,8.94737,5.26316,8.94737,3.94737L8.94737,2.10526L6.84211,2.10526L6.84211,3.94737C6.84211,5.26316,5.78947,6.31579,4.47369,6.31579C3.1579,6.31579,2.10526,5.26316,2.10526,3.94737L2.10526,2.10526C0.947369,2.10526,0,3.05263,0,4.21053L0,17.8947C0,19.0526,0.947369,20,2.10526,20L11.1053,20C9.78947,18.8421,8.94737,17.1579,8.94737,15.2632ZM7.63158,15.7895L2.89474,15.7895C2.47368,15.7895,2.10526,15.4211,2.10526,15C2.10526,14.579,2.47368,14.2105,2.89474,14.2105L7.63158,14.2105C8.05263,14.2105,8.42105,14.579,8.42105,15C8.42105,15.4211,8.05263,15.7895,7.63158,15.7895ZM7.63158,12.6316L2.89474,12.6316C2.47368,12.6316,2.10526,12.2632,2.10526,11.8421C2.10526,11.4211,2.47368,11.0526,2.89474,11.0526L7.63158,11.0526C8.05263,11.0526,8.42105,11.4211,8.42105,11.8421C8.42105,12.2632,8.05263,12.6316,7.63158,12.6316ZM15.2632,10.5263C12.6316,10.5263,10.5263,12.6842,10.5263,15.2632C10.5263,17.8421,12.6842,20,15.2632,20C17.8421,20,20,17.8421,20,15.2632C20,12.6842,17.8947,10.5263,15.2632,10.5263ZM17.1053,16.8421L14.4737,16.8421C14.0526,16.8421,13.6842,16.4737,13.6842,16.0526L13.6842,12.8947C13.6842,12.4737,14.0526,12.1053,14.4737,12.1053C14.8947,12.1053,15.2632,12.4737,15.2632,12.8947L15.2632,15.2632L17.1053,15.2632C17.5263,15.2632,17.8947,15.6316,17.8947,16.0526C17.8947,16.4737,17.5263,16.8421,17.1053,16.8421Z" fill="#FFFFFF" fill-opacity="1"/></g></svg>

1
src/assets/images/menuIcon/s-debug.svg

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><g><path d="M16.2648,3.44855e-7L1.73484,3.44855e-7C0.776714,1.72428e-7,1.73304e-7,0.772788,3.46607e-7,1.72607L3.46607e-7,12.9462L18,12.9462L18,1.72607C18.0002,0.77284,17.2233,1.72428e-7,16.2648,3.44855e-7ZM15.8042,6.82682C15.8042,7.18361,15.5134,7.47354,15.1548,7.47418L13.0872,7.47418C12.9953,7.47424,12.9117,7.42101,12.8733,7.33789L12.6908,6.94479C12.6563,6.87062,12.5827,6.82221,12.5006,6.81976C12.4185,6.81731,12.342,6.86124,12.3031,6.93321L10.3803,10.5011C10.3054,10.6398,10.1604,10.7269,10.0021,10.7284C9.84384,10.7299,9.69731,10.6455,9.61979,10.5081L6.5646,5.08629C6.52345,5.01314,6.44343,4.97034,6.3594,4.97654C6.27538,4.98274,6.20258,5.03682,6.17273,5.11521L5.37832,7.19582C5.31435,7.36335,5.153,7.47412,4.97288,7.47418L2.84617,7.47418C2.48683,7.47418,2.19552,7.18435,2.19552,6.82682C2.19552,6.4693,2.48683,6.17946,2.84617,6.17946L4.0738,6.17946C4.25407,6.17946,4.41528,6.06857,4.47924,5.90111L5.77827,2.49718C5.83811,2.34057,5.98362,2.23255,6.15155,2.22009C6.31948,2.20762,6.47949,2.29296,6.56202,2.439L9.78714,8.1585C9.82583,8.22725,9.89912,8.26955,9.97831,8.26881C10.0575,8.26807,10.13,8.22443,10.1674,8.15496L12.1859,4.41289C12.2638,4.26915,12.4166,4.18148,12.5807,4.18638C12.7448,4.19128,12.8921,4.2879,12.9612,4.43604L13.6532,5.92843C13.7243,6.08143,13.8777,6.17914,14.047,6.17946L15.1548,6.17946C15.514,6.17946,15.8054,6.46939,15.8054,6.82682L15.8042,6.82682ZM3.46607e-7,13.6845L3.46607e-7,16.2739C1.73304e-7,17.2272,0.776714,18,1.73484,18L16.2648,18C17.223,18,17.9997,17.2272,17.9997,16.2739L17.9997,13.6845L3.46607e-7,13.6845ZM10.4381,15.75C10.437,16.1071,10.1464,16.3963,9.78746,16.3974L2.84617,16.3974C2.48683,16.3974,2.19552,16.1075,2.19552,15.75C2.19552,15.3925,2.48683,15.1026,2.84617,15.1026L9.78617,15.1026C10.1456,15.103,10.437,15.3924,10.4381,15.75ZM15.8042,15.75C15.8027,16.1063,15.5129,16.395,15.1548,16.3967L12.5513,16.3967C12.1919,16.3967,11.9006,16.1069,11.9006,15.7494C11.9006,15.3918,12.1919,15.102,12.5513,15.102L15.1548,15.102C15.5134,15.1038,15.8034,15.3932,15.8042,15.75Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>

1
src/assets/images/menuIcon/s-disinfect.svg
File diff suppressed because it is too large
View File

1
src/assets/images/menuIcon/s-formula.svg

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="21" height="18" viewBox="0 0 21 18"><g><path d="M14.2217,13.5542L12.1497,14.234C11.991,14.2972,11.8218,14.3279,11.6526,14.3279C10.8904,14.3279,10.2782,13.7216,10.2782,12.9667L10.205,10.7788L16.899,1.25534L16.9094,1.26558L17.11,0.983774C16.9827,0.418446,16.4752,0,15.8717,0L1.26973,0C0.570334,0,0,0.565329,0,1.25534L0,16.7447C0,17.4347,0.570334,18,1.26973,18L15.863,18C16.5606,18,17.1327,17.4347,17.1327,16.7447L17.1327,9.40905L14.2217,13.5542ZM2.96155,3.1392L11.4206,3.1392C11.8863,3.1392,12.2665,3.51665,12.2665,3.97609C12.2665,4.43553,11.8863,4.81298,11.4206,4.81298L2.96155,4.81298C2.49587,4.81298,2.11564,4.43552,2.11564,3.97609C2.11564,3.51665,2.49587,3.1392,2.96155,3.1392ZM7.61317,14.8625L2.96155,14.8625C2.49587,14.8625,2.11564,14.4851,2.11564,14.0256C2.11564,13.5645,2.49587,13.1887,2.96155,13.1887L7.61492,13.1887C8.0806,13.1887,8.46083,13.5662,8.46083,14.0256C8.45908,14.4851,8.07886,14.8625,7.61317,14.8625ZM9.30499,9.83774L2.96155,9.83774C2.49587,9.83774,2.11564,9.46029,2.11564,9.00085C2.11564,8.54142,2.49587,8.16396,2.96155,8.16396L9.30674,8.16396C9.77242,8.16396,10.1526,8.54142,10.1526,9.00085C10.1526,9.46029,9.77068,9.83774,9.30499,9.83774ZM20.832,1.99829C21.0012,2.11272,21.0535,2.35354,20.9384,2.52092L20.8529,2.64731L20.7466,2.80444L20.7047,2.85739L20.3559,3.34927L17.7327,1.55935L18.2716,0.795901L18.3135,0.732707C18.4303,0.565329,18.6728,0.512383,18.8524,0.63877L20.832,1.99829ZM17.11,2.42869L19.7332,4.23911L13.6828,12.8625L11.8636,13.4586C11.8846,13.4483,11.916,13.4278,11.9369,13.4159C11.8514,13.4688,11.7573,13.4996,11.6509,13.4996C11.3544,13.4996,11.1224,13.269,11.1224,12.9769L11.1224,12.9667L11.0596,11.0401L17.11,2.42869Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>

1
src/assets/images/menuIcon/s-home.svg
File diff suppressed because it is too large
View File

1
src/assets/images/menuIcon/s-liquid.svg

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="20" viewBox="0 0 18 20"><g><path d="M0.00657838,2.51325L0.00657838,17.8167C0.00432831,17.8973,0.0217661,17.9795,0.0549541,18.0556C0.29402,18.6889,1.2486,19.1601,2.97043,19.5C4.95328,19.8567,6.97549,20.0239,8.99996,19.9972C11.025,20.0173,13.0444,19.85,15.03,19.4995C16.7491,19.1534,17.7216,18.6717,17.945,18.0551C17.9781,17.9795,17.9956,17.8995,17.9933,17.8167L17.9933,2.51325C18.0022,2.48484,18.0022,2.45444,17.9933,2.42603L17.9933,2.28936C17.9933,1.50383,17.0298,0.912176,15.0272,0.52163C13.0408,0.15514,11.0229,-0.0190142,9.00221,0.00164347C6.97718,-0.018356,4.95777,0.148862,2.97212,0.499409C0.987591,0.889954,0.00657737,1.48105,0.00657737,2.26714C-0.0000464364,2.31228,-0.0000464364,2.35812,0.00657737,2.40325C-0.0021924,2.43149,-0.0021924,2.46168,0.00657737,2.48991L0.00657737,2.51214L0.00657838,2.51325ZM12.6028,13.333C12.6073,13.0002,12.9145,12.7302,13.2947,12.7258L16.1039,12.7258L16.1039,13.938L13.2947,13.938C12.9145,13.9357,12.6073,13.6657,12.6028,13.333ZM12.6028,10.6053C12.6073,10.2731,12.9145,10.0031,13.2947,9.99861L16.0375,9.99861L16.0375,11.2041L13.2947,11.2041C12.9167,11.2041,12.6073,10.938,12.6028,10.6058L12.6028,10.6053ZM12.6028,7.872C12.6073,7.53868,12.9167,7.27368,13.2947,7.27368L16.1039,7.27368L16.1039,8.47921L13.2947,8.47921C12.9145,8.47421,12.6073,8.20421,12.6028,7.87145L12.6028,7.872ZM2.70099,13.6335C2.70099,13.1358,2.83093,12.6447,3.07843,12.2141C3.65264,11.1906,4.28205,10.1983,4.96396,9.24141L4.96396,9.20141L5.10796,9.12364L5.14734,9.08975L5.38191,9.08975L5.38191,9.12308L5.42128,9.16308Q5.45503,9.16308,5.45503,9.20363C6.31451,10.1379,7.07294,11.1582,7.718,12.248C8.30477,13.2347,8.21414,14.4767,7.49019,15.3701C6.76736,16.2562,5.56753,16.5907,4.49539,16.2001C3.42325,15.8096,2.70943,14.7835,2.71618,13.6335L2.70099,13.6335ZM1.47191,2.87268C2.1503,2.27492,2.89956,1.8866,3.67976,1.73216C5.41143,1.2532,7.20412,1.02398,9.00221,1.05162C10.7854,1.02273,12.5696,1.25272,14.3247,1.73216C15.1049,1.88215,15.8564,2.27048,16.5325,2.87268C15.8519,3.46433,15.1026,3.85266,14.3247,4.01321C12.5909,4.4807,10.7993,4.70603,9.00221,4.68264C7.20505,4.70714,5.41334,4.48179,3.67976,4.01321C2.90237,3.85655,2.1503,3.47044,1.47191,2.87268Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>

1
src/assets/images/menuIcon/s-seal.svg

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 20 20"><g><path d="M9.99959,0C4.47651,0,0,4.47715,0,10.0004C0,15.5228,4.47651,20,9.99958,20C15.5235,20,20,15.5224,20,10.0004C20,4.47632,15.5235,9.51652e-7,9.99959,0ZM9.52183,1.8993L10.7933,1.8993L10.7933,4.39441L9.52183,4.39441L9.52183,1.8993ZM5.71809,6.56646L3.95385,4.80188L4.85281,3.90296L6.61705,5.66754L5.71809,6.56646ZM6.34595,2.81402L7.49605,2.27766L8.55094,4.53827L7.39958,5.07546L6.34595,2.81402ZM10.1746,17.2883C9.06902,17.2883,8.17381,16.3918,8.17381,15.2875C8.17381,14.4235,8.72058,13.6909,9.48773,13.4103L9.48773,7.70238L10.758,7.70238L10.758,13.3728C11.578,13.6219,12.1759,14.3844,12.1759,15.2879C12.1759,16.3918,11.2803,17.2883,10.1746,17.2883ZM11.6644,4.53578L12.7193,2.27433L13.8707,2.81194L12.817,5.07339L11.6644,4.53578ZM14.4586,6.56646L13.5597,5.66754L15.3239,3.90296L16.2229,4.80188L14.4586,6.56646Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>

1
src/assets/images/menuIcon/s-setting.svg

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="21" height="20" viewBox="0 0 21 20"><g><path d="M20.8054,8.0336C20.8008,7.99101,20.7961,7.95551,20.789,7.93422L20.789,7.91529L20.7797,7.86323C20.6133,7.04449,20.0769,6.5168,19.4092,6.5168L19.2991,6.5168C18.1605,6.5168,17.2375,5.57974,17.2375,4.43445C17.2375,4.16943,17.3593,3.79318,17.4109,3.66067C17.7342,2.89872,17.3898,2.03029,16.5909,1.58779L14.0772,0.151443L14.0304,0.134879C13.843,0.0733556,13.6251,1.80535e-7,13.3815,1.80535e-7C12.927,1.80535e-7,12.4163,0.212967,12.1,0.532418C11.7041,0.927591,10.9005,1.5168,10.4226,1.5168C9.94707,1.5168,9.14118,0.929957,8.74527,0.532418C8.40792,0.196403,7.94172,0,7.46381,0C7.21315,0,7.0023,0.0709891,6.81489,0.134879L6.77272,0.151443L4.13719,1.59252L4.12079,1.60199C3.48124,2.00663,3.2212,2.93422,3.54683,3.67014L3.55152,3.6796L3.5562,3.68907C3.60774,3.80502,3.76705,4.19782,3.76705,4.54094C3.76705,5.69096,2.83934,6.62328,1.70548,6.62328L1.59537,6.62328C0.897251,6.62328,0.374831,7.14387,0.224898,7.97917L0.215528,8.0265L0.215528,8.04307C0.215528,8.06673,0.206157,8.09986,0.199129,8.14245C0.140561,8.49976,0,9.34217,0,10.0308C0,10.7194,0.138219,11.5618,0.199129,11.9191C0.203814,11.9617,0.2085,11.9972,0.215528,12.0185L0.215528,12.0374L0.224898,12.0894C0.391229,12.9082,0.927706,13.4359,1.59537,13.4359L1.6516,13.4359C2.79015,13.4359,3.71317,14.3729,3.71317,15.5182C3.71317,15.7832,3.59135,16.1595,3.53981,16.292C3.22823,17.009,3.52341,17.9295,4.21216,18.3933L4.2309,18.4027L6.71415,19.7989L6.76101,19.8154C6.94842,19.8769,7.16161,19.9503,7.40525,19.9503C7.92532,19.9503,8.39386,19.7492,8.6867,19.4179C8.71481,19.3966,8.74292,19.3682,8.77572,19.3398C9.07559,19.0748,9.88147,18.3743,10.4133,18.3743C10.8092,18.3743,11.4722,18.7932,12.1398,19.4676C12.4772,19.8036,12.9434,20,13.4213,20C13.7446,20,13.9835,19.9101,14.2553,19.7752L14.2646,19.7705L16.8112,18.3483L16.8205,18.3389C17.4601,17.9342,17.7201,17.0066,17.3945,16.2707L17.3898,16.2612L17.3851,16.2518C17.3804,16.2494,17.1813,15.8306,17.2188,15.4543L17.2235,15.4307L17.2235,15.407C17.2235,14.257,18.1512,13.3247,19.285,13.3247L19.4022,13.3247C20.1003,13.3247,20.6227,12.8041,20.7726,11.9688L20.782,11.9214L20.782,11.9049C20.7867,11.8859,20.7914,11.8575,20.7984,11.8197C20.8593,11.4718,20.9999,10.6602,20.9999,9.91718C21.0046,9.23095,20.8664,8.39091,20.8054,8.0336ZM10.4976,13.2963C8.69607,13.2963,7.23657,11.8221,7.23657,10.0024C7.23657,8.18267,8.69607,6.70847,10.4976,6.70847C12.2991,6.70847,13.7586,8.18268,13.7586,10.0024C13.7586,11.8221,12.2991,13.2963,10.4976,13.2963Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>

1
src/assets/images/menuIcon/s_debug.svg

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><defs><clipPath id="master_svg0_592_42099"><rect x="19" y="18.921875" width="41" height="41" rx="0"/></clipPath></defs><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#479CF1" fill-opacity="1"/></g><g clip-path="url(#master_svg0_592_42099)"><g><path d="M53.8413984375,21.65234443077L25.1580984375,21.65234443077C23.2666884375,21.652344090385,21.733398779614,23.17788375,21.733399121728,25.05973375L21.733399121728,47.20904375L57.2666984375,47.20904375L57.2666984375,25.05973375C57.2670984375,23.17798375,55.7333984375,21.652344090385,53.8413984375,21.65234443077ZM52.9319984375,35.12904375C52.9319984375,35.83334375,52.3579984375,36.405643749999996,51.6500984375,36.406943749999996L47.5684984375,36.406943749999996C47.3869984375,36.40704375,47.2220984375,36.30194375,47.1462984375,36.13784375L46.7859984375,35.36184375C46.7178984375,35.21544375,46.5724984375,35.11984375,46.410498437499996,35.11504375C46.2483984375,35.11024375,46.0974984375,35.19694375,46.0206984375,35.33904375L42.2247984375,42.38224375C42.0768984375,42.65614375,41.7907984375,42.828143749999995,41.478398437500005,42.83104375C41.165898437500005,42.83394375,40.8765984375,42.66724375,40.7235984375,42.39624375L34.6923984375,31.69304375C34.6111984375,31.54864375,34.4531984375,31.46415375,34.2872984375,31.47640375C34.1214984375,31.48864375,33.9777984375,31.59540375,33.9187984375,31.75014375L32.3505984375,35.85744375C32.224298437499996,36.18814375,31.9057984375,36.40684375,31.5502384375,36.406943749999996L27.3519484375,36.406943749999996C26.6425784375,36.406943749999996,26.067528437500002,35.83474375,26.067528437500002,35.12904375C26.067528437500002,34.42324375,26.6425784375,33.85104375,27.3519484375,33.85104375L29.7753884375,33.85104375C30.1312484375,33.85104375,30.4494884375,33.63214375,30.5757584375,33.30154375L33.1400984375,26.58196375C33.2582984375,26.27280375,33.5454984375,26.05956375,33.8769984375,26.03496375C34.2084984375,26.01035375,34.5243984375,26.17881375,34.687298437500004,26.46711375L41.053898437499996,37.75784375C41.1302984375,37.89354375,41.2749984375,37.97704375,41.431298437500004,37.97554375C41.587698437499995,37.974143749999996,41.7307984375,37.887943750000005,41.804598437500005,37.75084375L45.789198437500005,30.36372375C45.9430984375,30.079963749999997,46.244798437499995,29.906903749999998,46.568698437500004,29.916573749999998C46.8925984375,29.926243749999998,47.1832984375,30.11697375,47.3197984375,30.40940375L48.6858984375,33.35554375C48.8261984375,33.65754375,49.129098437500005,33.85044375,49.4632984375,33.85104375L51.6500984375,33.85104375C52.3592984375,33.85104375,52.9344984375,34.423443750000004,52.9344984375,35.12904375L52.9319984375,35.12904375ZM21.733399121728,48.66654375L21.733399121728,53.77824375C21.733398779614,55.66014375,23.2666884375,57.18564375,25.1580984375,57.18564375L53.8413984375,57.18564375C55.7327984375,57.18564375,57.2660984375,55.66014375,57.2660984375,53.77824375L57.2660984375,48.66654375L21.733399121728,48.66654375ZM42.338998437499995,52.74404375C42.3368984375,53.44894375,41.7630984375,54.01984375,41.054598437500005,54.02194375L27.3519484375,54.02194375C26.6425784375,54.02194375,26.067528437500002,53.449743749999996,26.067528437500002,52.74404375C26.067528437500002,52.03824375,26.6425784375,51.46604375,27.3519484375,51.46604375L41.0519984375,51.46604375C41.761498437499995,51.46674375,42.3368984375,52.03814375,42.338998437499995,52.74404375ZM52.9319984375,52.74404375C52.9291984375,53.447443750000005,52.3570984375,54.01724375,51.6500984375,54.02064375L46.510498437500004,54.02064375C45.8010984375,54.02064375,45.2260984375,53.44854375,45.2260984375,52.74274375C45.2260984375,52.03694375,45.8010984375,51.46484375,46.510498437500004,51.46484375L51.6500984375,51.46484375C52.358098437500004,51.46834375,52.930598437499995,52.03954375,52.9319984375,52.74404375Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></g></svg>

1
src/assets/images/menuIcon/s_expe.svg

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#479CF1" fill-opacity="1"/></g><g><path d="M54.037,56.006L28.80688,56.006C27.22599,56.006,25.93399,54.6781,25.93399,53.0441C25.93399,51.6375,26.888939999999998,50.4627,28.16489,50.1565L28.16489,21.0455056C25.82164,21.380591,24,23.46143,24,25.96836L24,53.0523C24,55.7785,26.15066,58,28.79886,58L54.037,58C54.5706,58,55,57.5574,55,57.0072C55.004000000000005,56.457,54.5706,56.006,54.037,56.006ZM42.742000000000004,37.799800000000005L41.847300000000004,37.799800000000005L41.847300000000004,39.1815L40.5031,39.1815L40.5031,40.1081L41.847300000000004,40.1081L41.847300000000004,41.4898L42.742000000000004,41.4898L42.742000000000004,40.1081L44.090199999999996,40.1081L44.090199999999996,39.1815L42.742000000000004,39.1815L42.742000000000004,37.799800000000005ZM44.090199999999996,29.05031L40.5031,29.05031L40.5031,33.3775L39.2994,35.6817C39.817,35.5824,40.334599999999995,35.5617,40.852199999999996,35.6155C42.2605,35.7644,42.569500000000005,36.8814,44.4393,36.8814C44.985,36.8814,45.4384,36.8193,45.807500000000005,36.6952L44.090199999999996,33.3981L44.090199999999996,29.05031ZM53.2425,21L30.09086,21L30.09086,50.1276L30.5563,50.1276C30.612470000000002,50.1358,30.67266,50.1358,30.73284,50.1358L53.2425,50.1358C54.125299999999996,50.1358,54.8475,49.3912,54.8475,48.4811L54.8475,22.65888C54.8515,21.744634,54.125299999999996,21.000000315617,53.2425,21ZM49.3224,42.424800000000005C49.1619,42.6978,48.881,42.8674,48.5721,42.875699999999995L36.0212,42.875699999999995C35.7042,42.875699999999995,35.4113,42.7061,35.2508,42.424800000000005C35.0903,42.1435,35.082300000000004,41.8001,35.2348,41.5105L39.5963,33.2161L39.5963,29.05031L38.5089,29.05031C38.2521,29.05031,38.0475,28.8352,38.0475,28.57457C38.0475,28.309820000000002,38.2561,28.09884,38.5089,28.09884L46.0643,28.09884C46.3211,28.09884,46.5257,28.31395,46.5257,28.57457C46.5257,28.83933,46.317099999999996,29.05031,46.0643,29.05031L44.9769,29.05031L44.9769,33.2203L46.561800000000005,36.231899999999996L49.3425,41.5105C49.490899999999996,41.8001,49.4869,42.1434,49.3224,42.424800000000005Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

1
src/assets/images/menuIcon/s_home.svg

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#479CF1" fill-opacity="1"/></g><g><path d="M20.0370799,43.6256C20.866486,47.6246,22.91091,51.222300000000004,25.94731,54.0277C26.3526,54.4028,26.9106,54.5752,27.46181,54.4956C28.0134,54.4165,28.49784,54.0943,28.77694,53.6208L31.1482,49.591300000000004C31.5442,48.9178,31.451999999999998,48.070499999999996,30.92,47.4942C29.68039,46.1482,28.77662,44.537800000000004,28.28009,42.7903C28.06083,42.015,27.34183,41.4784,26.52231,41.4784L21.82395,41.4784C21.27636,41.4781,20.757754,41.7198,20.411853,42.1363C20.0647341,42.552,19.9270634,43.0991,20.0370799,43.6256ZM44.1657,51.909C43.7696,51.233000000000004,42.9726,50.8869,42.1963,51.053799999999995C40.231899999999996,51.4761,38.1899,51.3965,36.2658,50.8227C35.453900000000004,50.580600000000004,34.579,50.9191,34.1541,51.6398L31.8262,55.5982C31.5578,56.055,31.5084,56.6046,31.691000000000003,57.1004C31.872999999999998,57.5967,32.2697,57.9884,32.7742,58.1703C34.9795,58.9695,37.3089,59.375,39.695,59.375C41.6678,59.375,43.6156,59.0954,45.482600000000005,58.543C46.0156,58.3847,46.446,57.9968,46.652,57.4891C46.8572,56.9806,46.814099999999996,56.408,46.535,55.9346L44.1657,51.909ZM52.5476,24.57127C52.2201,24.3027,51.806799999999996,24.15552,51.379999999999995,24.15542C51.2742,24.15542,51.1663,24.166330000000002,51.060500000000005,24.18424C50.531,24.2771,50.0703,24.59457,49.8016,25.05176L47.4685,29.01324C47.045100000000005,29.73472,47.183499999999995,30.6473,47.802800000000005,31.2165C49.39,32.6707,50.5347,34.5286,51.1096,36.5833C51.3275,37.3604,52.0476,37.8989,52.8691,37.899100000000004L57.568,37.899100000000004C58.1145,37.8988,58.6321,37.658,58.9784,37.2432C59.3258,36.8281,59.464,36.2815,59.3546,35.7553C58.4579,31.3953,56.0407,27.42316,52.5476,24.57127ZM46.652,21.88784C46.446600000000004,21.37975,46.0159,20.99153,45.482600000000005,20.833661C43.6053,20.279568,41.6553,19.99869145,39.695,20.00000417001C37.3089,20.00000417001,34.9795,20.405219,32.7742,21.20446C31.714199999999998,21.58978,31.262,22.8179,31.8262,23.77903L34.1541,27.73687C34.579,28.457549999999998,35.453900000000004,28.79609,36.2658,28.55402C37.3775,28.22171,38.5332,28.05317,39.6953,28.05394C40.530100000000004,28.05394,41.372299999999996,28.14349,42.1963,28.32119C42.9721,28.48767,43.7685,28.14262,44.1657,27.46794L46.5353,23.44182C46.8143,22.96858,46.857299999999995,22.39608,46.652,21.88784ZM57.568,41.4781L52.8691,41.4781C52.0475,41.477599999999995,51.327,42.0163,51.1096,42.7936C50.5345,44.848299999999995,49.3898,46.7063,47.802800000000005,48.160799999999995C47.1834,48.729,47.0449,49.6411,47.4685,50.3618L49.8016,54.3249C50.07,54.7824,50.5309,55.1001,51.060500000000005,55.1927C51.1663,55.2106,51.2742,55.2196,51.379999999999995,55.2196C51.8066,55.2202,52.2199,55.0737,52.5476,54.8057C56.0407,51.9518,58.4579,47.9814,59.3546,43.622C59.4641,43.0957,59.3259,42.549099999999996,58.9784,42.134C58.6326,41.718599999999995,58.1147,41.4778,57.568,41.4781ZM20.411568,37.241C20.757316,37.6573,21.27588,37.8989,21.82367,37.8989L26.52259,37.8989C27.34233,37.8986,28.06128,37.361999999999995,28.280369999999998,36.587C28.776699999999998,34.8389,29.68048,33.2279,30.920299999999997,31.8814C31.4524,31.3057,31.544600000000003,30.4588,31.1485,29.785890000000002L28.77722,25.75641C28.49772,25.28303,28.01361,24.96039,27.46209,24.87994C27.37433,24.86765,27.28578,24.86166,27.19713,24.86203C26.73679,24.86203,26.28729,25.03413,25.9476,25.349510000000002C22.91091,28.15468,20.866486,31.7521,20.0370799,35.7513C19.9271883,36.2779,20.0647273,36.825,20.411568,37.241Z" fill="#FFFFFF" fill-opacity="1"/></g></g></svg>

1
src/assets/images/menuIcon/s_liquid.svg

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#479CF1" fill-opacity="1"/></g><g><path d="M30.42768,34.2143L30.42768,52.673C30.42768,53.4027,31.06121,54.0357,31.77429,54.0357L48.5584,54.0357C49.2714,54.0357,49.794,53.4027,49.794,52.673L49.794,34.2143L30.42768,34.2143ZM47.8574,46.726600000000005C47.8574,47.091499999999996,47.5684,47.387299999999996,47.2118,47.387299999999996C46.8553,47.387299999999996,46.5663,47.091499999999996,46.5663,46.726600000000005L46.5663,42.762299999999996C46.5663,42.397400000000005,46.8553,42.101600000000005,47.2118,42.101600000000005C47.5684,42.101600000000005,47.8574,42.397400000000005,47.8574,42.762299999999996L47.8574,46.726600000000005ZM47.2673,40.780100000000004C46.910799999999995,40.780100000000004,46.6218,40.4844,46.6218,40.1194C46.6218,39.7545,46.910799999999995,39.4587,47.2673,39.4587C47.6239,39.4587,47.9129,39.7545,47.9129,40.1194C47.9129,40.484300000000005,47.6239,40.780100000000004,47.2673,40.780100000000004ZM54.7629,21L29.21229,21C24.827023,21,24,23.26509,24,24.28292C26.44097,24.63393,26.55442,24.67522,26.55442,27.318080000000002L26.55442,52.673C26.55442,55.5922,28.92203,58,31.77429,58L48.5383,58C51.3904,58,53.6673,55.5922,53.6673,52.673L53.6673,24.96429C53.6673,23.28368,54.6596,21.803098,54.7579,21.6456C54.856300000000005,21.488186,55,21.331926,55,21.236123C55,21.139411,54.9664,21,54.7629,21ZM51.0851,24.96429L51.0851,52.673C51.0851,54.153,50.081,55.3571,48.679500000000004,55.3571L31.77429,55.3571C30.352719999999998,55.3571,29.136589999999998,54.128,29.136589999999998,52.673L29.136589999999998,27.318080000000002C29.136589999999998,26.34254,29.22487,24.24163,28.8277,23.6877C28.90202,23.62221,29.07898,23.64286,29.19211,23.64286L51.1939,23.64286C51.1345,23.64286,51.0851,24.53474,51.0851,24.96429Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

1
src/assets/images/menuIcon/s_liquid_config.svg

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#479CF1" fill-opacity="1"/></g><g><path d="M25.010964,27.14686L25.010964,52.3976C25.00721385,52.5305,25.0362768,52.6662,25.0915901,52.791799999999995C25.490033,53.8368,27.08099,54.6141,29.95072,55.1751C33.25546,55.7635,36.6258,56.0395,39.9999,55.9955C43.375,56.0285,46.7406,55.7525,50.0501,55.1741C52.915099999999995,54.6031,54.536100000000005,53.8083,54.9083,52.7909C54.9636,52.6662,54.992599999999996,52.5342,54.9889,52.3976L54.9889,27.14686C55.003699999999995,27.099980000000002,55.003699999999995,27.04982,54.9889,27.00294L54.9889,26.77745C54.9889,25.48132,53.3829,24.50509,50.0454,23.860689999999998C46.734700000000004,23.255981,43.3715,22.9686265,40.0037,23.00271173C36.6286,22.9697126,33.26296,23.245622,29.95353,23.824024C26.64599,24.468420000000002,25.0109623,25.44373,25.0109623,26.74078C24.999922606,26.81525,24.999922606,26.89089,25.0109623,26.96536C24.996346,27.011960000000002,24.996346,27.06176,25.0109623,27.10836L25.0109623,27.14502L25.010964,27.14686ZM46.0047,44.9994C46.0122,44.4503,46.524100000000004,44.0048,47.1578,43.9975L51.8398,43.9975L51.8398,45.9976L47.1578,45.9976C46.524100000000004,45.994,46.0122,45.548500000000004,46.0047,44.9994ZM46.0047,40.4987C46.0122,39.950500000000005,46.524100000000004,39.504999999999995,47.1578,39.497699999999995L51.7292,39.497699999999995L51.7292,41.4868L47.1578,41.4868C46.5278,41.4868,46.0122,41.047799999999995,46.0047,40.4996L46.0047,40.4987ZM46.0047,35.9888C46.0122,35.4388,46.5278,35.001599999999996,47.1578,35.001599999999996L51.8398,35.001599999999996L51.8398,36.990700000000004L47.1578,36.990700000000004C46.524100000000004,36.9824,46.0122,36.537,46.0047,35.987899999999996L46.0047,35.9888ZM29.501649999999998,45.4953C29.501649999999998,44.674,29.71822,43.8637,30.13072,43.1533C31.08773,41.4645,32.13675,39.827200000000005,33.27327,38.2483L33.27327,38.1823L33.51327,38.054L33.578900000000004,37.9981L33.96984,37.9981L33.96984,38.0531L34.035470000000004,38.1191Q34.09172,38.1191,34.09172,38.186C35.5242,39.727599999999995,36.7882,41.411100000000005,37.8633,43.209199999999996C38.841300000000004,44.8373,38.690200000000004,46.8866,37.483599999999996,48.3607C36.2789,49.8228,34.27922,50.3746,32.49232,49.730199999999996C30.70542,49.0858,29.51572,47.3928,29.52697,45.4953L29.501649999999998,45.4953ZM27.45319,27.739919999999998C28.58383,26.75362,29.8326,26.11288,31.13293,25.858060000000002C34.019059999999996,25.06777,37.0069,24.68957,40.0037,24.73517C42.9756,24.6875,45.9494,25.06699,48.8744,25.858060000000002C50.174800000000005,26.10555,51.4273,26.74628,52.5542,27.739919999999998C51.419799999999995,28.71615,50.171,29.35688,48.8744,29.62179C45.9848,30.39315,42.9988,30.76495,40.0037,30.72635C37.0084,30.76678,34.02223,30.39495,31.13293,29.62179C29.83728,29.3633,28.58383,28.72623,27.45319,27.739919999999998Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

1
src/assets/images/menuIcon/s_log.svg

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#479CF1" fill-opacity="1"/></g><g><path d="M32,30.00793C32.8,30.00793,33.5,29.30731,33.5,28.506610000000002L33.5,22.50132C33.5,21.700617,32.8,21,32,21C31.2,21,30.5,21.700617,30.5,22.50132L30.5,28.506610000000002C30.5,29.30731,31.2,30.00793,32,30.00793ZM45,30.00793C45.8,30.00793,46.5,29.30731,46.5,28.506610000000002L46.5,22.50132C46.5,21.700617,45.8,21,45,21C44.2,21,43.5,21.700617,43.5,22.50132L43.5,28.506610000000002C43.5,29.30731,44.2,30.00793,45,30.00793ZM40,50.0255C40,45.1212,43,40.8174,47.2,39.0159L28.5,39.0159C27.7,39.0159,27,38.315200000000004,27,37.5145C27,36.7138,27.7,36.0132,28.5,36.0132L47.5,36.0132C48.3,36.0132,49,36.7138,49,37.5145C49,37.9149,48.8,38.215199999999996,48.6,38.5154C49.7,38.215199999999996,50.8,38.015,52,38.015C52.3,38.015,52.7,38.015,53,38.1151L53,29.00705C53,26.80511,51.2,25.00352,49,25.00352L49,28.506610000000002C49,31.0088,47,33.0106,44.5,33.0106C42,33.0106,40,31.0088,40,28.506610000000002L40,25.00352L36,25.00352L36,28.506610000000002C36,31.0088,34,33.0106,31.5,33.0106C29,33.0106,27,31.0088,27,28.506610000000002L27,25.00352C24.8,25.00352,23,26.80511,23,29.00705L23,55.03C23,57.2319,24.8,59.0335,27,59.0335L44.1,59.0335C41.6,56.8315,40,53.6287,40,50.0255ZM37.5,51.026399999999995L28.5,51.026399999999995C27.7,51.026399999999995,27,50.3258,27,49.525099999999995C27,48.7244,27.7,48.0238,28.5,48.0238L37.5,48.0238C38.3,48.0238,39,48.7244,39,49.525099999999995C39,50.3258,38.3,51.026399999999995,37.5,51.026399999999995ZM37.5,45.021100000000004L28.5,45.021100000000004C27.7,45.021100000000004,27,44.320499999999996,27,43.519800000000004C27,42.7191,27.7,42.0185,28.5,42.0185L37.5,42.0185C38.3,42.0185,39,42.7191,39,43.519800000000004C39,44.320499999999996,38.3,45.021100000000004,37.5,45.021100000000004ZM52,41.0176C47,41.0176,43,45.1212,43,50.0255C43,54.9299,47.1,59.0335,52,59.0335C56.9,59.0335,61,54.9299,61,50.0255C61,45.1212,57,41.0176,52,41.0176ZM55.5,53.0282L50.5,53.0282C49.7,53.0282,49,52.327600000000004,49,51.5269L49,45.5216C49,44.7209,49.7,44.0203,50.5,44.0203C51.3,44.0203,52,44.7209,52,45.5216L52,50.0255L55.5,50.0255C56.3,50.0255,57,50.7262,57,51.5269C57,52.327600000000004,56.3,53.0282,55.5,53.0282Z" fill="#FFFFFF" fill-opacity="1"/></g></g></svg>

1
src/assets/images/menuIcon/s_ore.svg

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#479CF1" fill-opacity="1"/></g><g><path d="M51.951499999999996,39.8059C50.843199999999996,40.323899999999995,49.9413,40.7615,48.9636,41.225899999999996C48.4242,40.9535,47.7542,40.408699999999996,47.004000000000005,40.2435C44.3744,39.6987,41.8501,42.1279,41.9554,44.9411C41.9554,45.378699999999995,41.593,46.0619,41.2348,46.1958C39.8694,46.687,39.2499,47.723,39.174099999999996,49.0894C39.0982,51.2194,38.9423,53.4297,41.5467,54.2513C41.7531,54.3049,41.829,54.7693,41.959599999999995,55.0417C41.652,55.2069,41.3149,55.5329,41.0072,55.5329C37.5305,55.5597,34.0496,55.5597,30.5729,55.5597C28.97572,55.5597,27.37854,55.5865,25.78137,55.5597C23.745912,55.5061,23,54.6577,23,52.527699999999996L23,23.88686C23,21.895306,23.720627,21.0468861,25.62966,21.020094C33.539699999999996,20.99330188,41.4497,20.99330188,49.364000000000004,21.020094C51.037,21.020094,51.9136,21.895306,51.9388,23.83327C52.0021,29.18278,51.951499999999996,34.5635,51.951499999999996,39.8059ZM37.6232,24.75761C37.6232,24.730809999999998,37.6232,24.730809999999998,37.6232,24.75761C35.2001,24.75761,32.776920000000004,24.730809999999998,30.35798,24.75761C29.17379,24.75761,28.19188,25.76678,28.21717,26.86079C28.26774,27.9816,29.144289999999998,28.79876,30.35798,28.79876C35.0737,28.79876,39.763999999999996,28.79876,44.4797,28.77197C45.950500000000005,28.77197,46.591,28.00839,46.565799999999996,26.56161C46.5405,25.44081,45.765100000000004,24.78886,44.4797,24.78886C42.183,24.730809999999998,39.915800000000004,24.75761,37.6232,24.75761ZM33.7841,36.3899C35.0189,36.3899,36.2578,36.4435,37.4673,36.3631C38.445,36.3095,39.1951,35.7335,39.2963,34.6171C39.4269,33.3624,38.6515,32.4336,37.6485,32.38C35.0737,32.2416,32.46928,32.4336,29.8902,32.5184C28.68073,32.5452,28.242449999999998,33.5544,28.26774,34.568C28.29302,35.7424,29.09372,36.3988,30.25262,36.3988L33.7841,36.3988L33.7841,36.3899ZM56.9495,50.3441C57.156,51.326499999999996,56.7177,51.9294,55.8412,52.3089C54.2693,52.9921,53.856300000000005,53.7825,54.1934,55.5016C54.3999,56.5644,53.7046,57.002,53.0851,57.4128C52.4403,57.8236,51.7956,58.3952,50.893699999999995,57.6048C49.6295,56.4572,48.727599999999995,56.6225,47.210499999999996,57.5245C46.6964,57.8236,45.8198,57.7968,45.2256,57.578C44.504999999999995,57.3057,43.7549,56.8145,43.9867,55.6669C44.3491,53.8941,43.5231,52.7465,42.081900000000005,52.143699999999995C40.9988,51.6793,41.1547,50.7237,41.18,49.9869C41.2053,49.415400000000005,41.6436,48.566900000000004,42.1071,48.3213C43.5231,47.584599999999995,44.1679,47.0085,44.0415,44.6062C43.965599999999995,43.324600000000004,44.787400000000005,43.021,45.4827,42.695C45.9463,42.4494,46.8228,42.3958,47.185199999999995,42.695C48.5001,43.815799999999996,49.7348,43.7577,50.948499999999996,42.7218C52.0821,41.7662,52.7269,42.775400000000005,53.5529,43.2398C54.3536,43.6774,54.2988,44.2757,54.0923,45.0706C53.7847,46.298500000000004,54.4547,47.6917,55.6136,48.0757C56.7177,48.4062,57.0802,49.143,56.9495,50.3441ZM45.7145,49.9333C45.6892,52.143699999999995,46.9787,53.5905,49.039500000000004,53.6173C50.7673,53.6441,52.259100000000004,52.2509,52.313900000000004,50.585300000000004C52.3645,48.2365,51.0497,46.682500000000005,48.9383,46.5977C47.210499999999996,46.5486,45.7398,48.049,45.7145,49.9333Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

1
src/assets/images/menuIcon/s_setting.svg

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#479CF1" fill-opacity="1"/></g><g><g><path d="M57.7309,36.6424L54.4199,35.1065C52.2821,34.1115,51.0169,31.80957,51.2919,29.41513L51.7134,25.70348C49.9764,24.13487,47.9673,22.91636,45.7913,22.111649L42.809,24.29289C40.9002,25.70218,38.3223,25.67794,36.438900000000004,24.23298L33.5495,22C31.3612,22.766417,29.33189,23.9468,27.56639,25.48018L27.92691,29.18911C28.16995,31.58721,26.871940000000002,33.8705,24.71933,34.8315L21.35269,36.3074C20.9039103,38.6357,20.883231,41.0297,21.291719,43.3658L24.60269,44.9071C26.74368,45.8995,28.01241,48.202,27.73869,50.5985L27.30925,54.2911C29.0484,55.858,31.056800000000003,57.0779,33.2313,57.8884L36.1897,55.7098C38.098,54.2997,40.6759,54.3229,42.559799999999996,55.767L45.4705,58C47.6601,57.2361,49.6906,56.0565,51.456199999999995,54.5225L51.0984,50.8054C50.8651,48.409099999999995,52.158699999999996,46.1352,54.306,45.1685L57.6461,43.6953C58.0967,41.3643,58.1179,38.9679,57.7044,36.6287L57.7309,36.6424ZM39.5113,49.514700000000005C34.3981,49.514700000000005,30.25307,45.2566,30.25307,40.0041C30.25307,34.7515,34.3981,30.49349,39.5113,30.49349C44.6245,30.49349,48.7696,34.7515,48.7696,40.0041C48.7696,45.2566,44.6245,49.514700000000005,39.5113,49.514700000000005Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M39.503226597900394,32.666666984558105C35.85293659790039,32.6648691245581,32.89285659790039,35.650166984558105,32.89285659790039,39.3333369845581C32.89285659790039,43.01646698455811,35.85293659790039,46.0017669845581,39.503226597900394,45.99996698455811C43.15095659790039,45.998166984558104,46.10715659790039,43.01396698455811,46.10715659790039,39.3333369845581C46.10715659790039,35.65270698455811,43.15095659790039,32.66846320455811,39.503226597900394,32.666666984558105ZM39.503226597900394,43.0462669845581C37.535416597900394,42.95376698455811,35.98716659790039,41.316986984558106,35.98716659790039,39.329296984558106C35.98716659790039,37.34159698455811,37.535416597900394,35.704856984558106,39.503226597900394,35.61227698455811C41.495636597900386,35.7097269845581,43.08915659790039,37.317586984558105,43.185756597900394,39.3279469845581C43.17395659790039,41.372516984558104,41.52956659790039,43.024566984558106,39.503226597900394,43.0274669845581L39.503226597900394,43.0462669845581Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></g></svg>

1
src/assets/images/menuIcon/s_user.svg

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#479CF1" fill-opacity="1"/></g><g><path d="M29.44471,32.3043C29.44472,37.9952,34.0687,42.608599999999996,39.772800000000004,42.608599999999996C45.4768,42.608599999999996,50.100899999999996,37.9952,50.100899999999996,32.3043C50.100899999999996,26.6134,45.4768,22,39.772800000000004,22C34.0687,22,29.44472,26.6134,29.44471,32.3043ZM55.678,46.5004L51.0002,46.5004C50.2702,46.5004,49.678200000000004,45.9097,49.678200000000004,45.1814C49.678200000000004,44.4531,50.2702,43.8625,51.0002,43.8625L55.678,43.8625C56.408,43.8625,57,44.4531,57,45.1814C57,45.9097,56.408,46.5004,55.678,46.5004ZM55.678,52.2502L47.580799999999996,52.2502C46.8508,52.2502,46.2588,51.6595,46.2588,50.931200000000004C46.2588,50.2029,46.8508,49.612300000000005,47.580799999999996,49.612300000000005L55.678,49.612300000000005C56.408,49.612300000000005,57,50.2029,57,50.931200000000004C57,51.6595,56.408,52.2502,55.678,52.2502ZM55.678,58L47.580799999999996,58C46.8508,58,46.2588,57.4094,46.2588,56.681C46.2588,55.9527,46.8508,55.3621,47.580799999999996,55.3621L55.678,55.3621C56.408,55.3621,57,55.9527,57,56.681C57,57.4094,56.408,58,55.678,58ZM41.260000000000005,52.9303C41.260000000000005,48.602900000000005,43.934200000000004,44.898700000000005,47.723299999999995,43.3724C48.3662,43.113600000000005,48.4289,42.229,47.825,41.8898C45.435,40.546099999999996,42.6911,39.782,39.772800000000004,39.782C30.50933,39.782,23,47.4797,23,56.9757C23,57.0475,23.000413211,57.1188,23.00123932,57.1901C23.0066098,57.6398,23.376768,58,23.827485,58L41.2753,58C41.865700000000004,58,42.262299999999996,57.4015,42.037099999999995,56.857C41.5364,55.6469,41.260000000000005,54.3209,41.260000000000005,52.9303Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>

1
src/assets/images/seal/seal-instrument.svg

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="30" height="30" viewBox="0 0 30 30"><g><path d="M14.9994,0C6.71476,0,0,6.71573,0,15.0006C0,23.2843,6.71476,30,14.9994,30C23.2852,30,30,23.2836,30,15.0006C30,6.71448,23.2852,0,14.9994,0ZM14.2827,2.84895L16.19,2.84895L16.19,6.59162L14.2827,6.59162L14.2827,2.84895ZM8.57713,9.8497L5.93077,7.20282L7.27921,5.85443L9.92557,8.50131L8.57713,9.8497ZM9.51892,4.22103L11.2441,3.41649L12.8264,6.80741L11.0994,7.6132L9.51892,4.22103ZM15.262,25.9324C13.6035,25.9324,12.2607,24.5878,12.2607,22.9313C12.2607,21.6353,13.0809,20.5364,14.2316,20.1154L14.2316,11.5536L16.137,11.5536L16.137,20.0592C17.3669,20.4328,18.2638,21.5766,18.2638,22.9319C18.2638,24.5878,16.9204,25.9324,15.262,25.9324ZM17.4967,6.80367L19.079,3.4115L20.806,4.21791L19.2256,7.61008L17.4967,6.80367ZM21.6879,9.8497L20.3395,8.50131L22.9859,5.85443L24.3343,7.20282L21.6879,9.8497Z" fill="#2892F3" fill-opacity="1"/></g></svg>

3
src/assets/styles/common.scss

@ -89,3 +89,6 @@ input[type='number'] {
border: 1px solid #ccc !important;
}
}
.el-main{
overflow: hidden;
}

251
src/components/common/SelectModal/index.vue

@ -0,0 +1,251 @@
<script lang="ts" setup>
import { computed, defineEmits, defineProps, ref, toRefs } from 'vue'
interface Option {
value: any
label: string
}
const props = defineProps({
options: {
type: Array as () => Option[],
required: true,
},
selectedValue: {
type: [String, Number, Boolean, Object],
default: null,
},
placeholder: {
type: String,
default: '请选择',
},
searchable: {
type: Boolean,
default: true,
},
})
const emits = defineEmits(['confirm', 'cancel'])
const { options, selectedValue, searchable } = toRefs(props)
//
const searchTerm = ref('')
const tempSelectedValue = ref(selectedValue.value)
//
const filteredOptions = computed(() => {
if (!searchTerm.value || !searchable.value) {
return options.value
}
return options.value.filter((option) => {
return option.label.toLowerCase().includes(searchTerm.value.toLowerCase())
})
})
//
const selectOption = (option: Option) => {
tempSelectedValue.value = option.value
}
const confirmSelection = () => {
emits('confirm', tempSelectedValue.value)
}
const handleCancel = () => {
emits('cancel')
}
</script>
<template>
<div class="modal-overlay" @click.self="handleCancel">
<div class="modal-container">
<div class="modal-header">
<h3>{{ placeholder }}</h3>
<button class="close-btn" @click="handleCancel">
<i class="fa fa-times"></i>
</button>
</div>
<div class="modal-content">
<ul class="options-list">
<li
v-for="(option, index) in filteredOptions"
:key="option.value || index"
:class="{ selected: option.value === tempSelectedValue }"
@click="selectOption(option)"
>
{{ option.label }}
</li>
</ul>
<div v-if="!filteredOptions.length && searchTerm" class="no-results">
没有找到匹配项
</div>
</div>
<div class="modal-footer">
<button class="cancel-btn" @click="handleCancel">取消</button>
<button class="confirm-btn" @click="confirmSelection">确定</button>
</div>
</div>
</div>
</template>
<style scoped>
.modal-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 200;
}
.modal-container {
background-color: white;
border-radius: 12px;
width: 90%;
max-width: 400px;
max-height: 80vh;
display: flex;
flex-direction: column;
overflow: hidden;
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
animation: fadeIn 0.2s ease-out;
}
.modal-header {
padding: 16px 20px;
border-bottom: 1px solid #e2e8f0;
display: flex;
justify-content: space-between;
align-items: center;
}
.modal-header h3 {
margin: 0;
font-size: 18px;
font-weight: 500;
color: #1e293b;
}
.close-btn {
background: none;
border: none;
cursor: pointer;
font-size: 18px;
color: #94a3b8;
transition: color 0.2s ease;
}
.close-btn:hover {
color: #64748b;
}
.modal-content {
flex: 1;
overflow-y: auto;
padding: 10px 0;
}
.search-box {
position: relative;
padding: 8px 16px;
}
.search-box input {
width: 100%;
padding: 10px 32px 10px 12px;
border: 1px solid #e2e8f0;
border-radius: 8px;
font-size: 14px;
outline: none;
transition: border-color 0.2s ease;
}
.search-box input:focus {
border-color: #3b82f6;
}
.search-box i {
position: absolute;
right: 28px;
top: 50%;
transform: translateY(-50%);
color: #94a3b8;
}
.options-list {
list-style: none;
margin: 0;
padding: 0;
}
.options-list li {
padding: 14px 20px;
font-size: 16px;
color: #334155;
cursor: pointer;
transition: background-color 0.2s ease;
}
.options-list li:hover {
background-color: #f1f5f9;
}
.options-list li.selected {
background-color: #a4c4f1;
color: #0284c7;
font-weight: 500;
}
.no-results {
padding: 16px 20px;
font-size: 14px;
color: #94a3b8;
text-align: center;
}
.modal-footer {
padding: 12px 16px;
border-top: 1px solid #e2e8f0;
display: flex;
gap: 12px;
}
.modal-footer button {
flex: 1;
padding: 10px 16px;
border-radius: 8px;
font-size: 16px;
cursor: pointer;
transition: all 0.2s ease;
}
.cancel-btn {
background-color: #ffffff;
border: 1px solid #e2e8f0;
color: #64748b;
}
.cancel-btn:hover {
background-color: #f8fafc;
}
.confirm-btn {
background-color: #3b82f6;
border: none;
color: white;
}
.confirm-btn:hover {
background-color: #2563eb;
}
@keyframes fadeIn {
from { opacity: 0; transform: scale(0.95); }
to { opacity: 1; transform: scale(1); }
}
</style>

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

@ -0,0 +1,166 @@
<script lang="ts" setup>
import { computed, defineEmits, defineProps, ref, watch } from 'vue'
const props = defineProps<{
modelValue: string
keyboardType: string
isVisible: boolean
}>()
const emits = defineEmits<{
(e: 'update:modelValue', value: string): void
(e: 'confirm', value: string): void
(e: 'close'): void
}>()
const isOpen = ref(props.isVisible)
const activeKey = ref('')
const keyboardLayout = computed(() => {
if (props.keyboardType === 'number') {
return [
['1', '2', '3'],
['4', '5', '6'],
['7', '8', '9'],
['.', '0', 'del'],
]
}
return [
['q', 'w', 'e', 'r', 't', 'y', 'u', 'i', 'o', 'p'],
['a', 's', 'd', 'f', 'g', 'h', 'j', 'k', 'l', 'del'],
['z', 'x', 'c', 'v', 'b', 'n', 'm', '.'],
[' ', 'enter'],
]
})
const specialKeys = ['del', 'enter', ' ']
const handleKeyPress = (key: string) => {
activeKey.value = key
setTimeout(() => {
activeKey.value = ''
}, 150)
if (key === 'del') {
emits('update:modelValue', props.modelValue.slice(0, -1))
}
else if (key === 'enter') {
emits('confirm', props.modelValue)
closeKeyboard()
}
else {
emits('update:modelValue', props.modelValue + key)
}
}
const closeKeyboard = () => {
isOpen.value = false
emits('close')
}
watch(() => props.isVisible, (newVal) => {
isOpen.value = newVal
})
</script>
<template>
<div class="soft-keyboard" :class="{ 'keyboard-open': isOpen }">
<div class="keyboard-header">
<button @click="closeKeyboard">
关闭键盘
</button>
</div>
<div class="keyboard-body">
<div class="keyboard-row" v-for="(row, index) in keyboardLayout" :key="index">
<button
v-for="(key, keyIndex) in row"
:key="keyIndex"
:class="{
'key-space': key === ' ',
'key-special': specialKeys.includes(key),
'key-active': activeKey === key,
}"
@click="handleKeyPress(key)"
>
{{ key === ' ' ? '空格' : key === 'del' ? '删除' : key === 'enter' ? '确认' : key }}
</button>
</div>
</div>
</div>
</template>
<style scoped>
.soft-keyboard {
position: fixed;
bottom: -300px;
left: 0;
right: 0;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
padding: 10px;
transition: bottom 0.3s ease;
user-select: none;
z-index: 9999;
}
.keyboard-open {
bottom: 0;
}
.keyboard-header {
margin-bottom: 10px;
position: absolute;
float:right;
}
.keyboard-header button {
padding: 8px 15px;
background-color: #e0e0e0;
border: none;
border-radius: 5px;
cursor: pointer;
}
.keyboard-body {
display: flex;
flex-direction: column;
gap: 8px;
}
.keyboard-row {
display: flex;
justify-content: center;
gap: 5px;
}
.keyboard-row button {
min-width: 50px;
height: 50px;
font-size: 18px;
border: none;
border-radius: 5px;
background-color: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
cursor: pointer;
transition: all 0.2s;
}
.keyboard-row button:hover {
background-color: #e0e0e0;
}
.keyboard-row button:active {
transform: scale(0.95);
}
.key-space {
width: 45vw;;
}
.key-special {
background-color: #e0e0e0;
}
.key-active {
background-color: #a0c4ff;
transform: scale(0.95);
}
</style>

72
src/components/liquid/LiquidLevel.vue

@ -0,0 +1,72 @@
<script lang="ts" setup>
import liquidLevelSvg from 'assets/images/liquid/liquid-container.svg'
import liquidScaleSvg from 'assets/images/liquid/liquid-scale.svg'
import { ref } from 'vue'
const currentLevel = ref(2000)
//
const totalCapacity = 2500
// 200px
const liquidHeight = ref((currentLevel.value / totalCapacity) * 200)
</script>
<template>
<div class="liquid-level-main">
<img :src="liquidScaleSvg" alt="刻度" class="liquid-level-img">
<div class="liquid-level-contailner">
<img :src="liquidLevelSvg" alt="液位图" class="liquid-level-img">
<div class="liquid-level-middle" :style="{ height: `${liquidHeight}px` }" />
<div class="liquid-level" :style="{ height: `${liquidHeight}px` }" />
<div class="current-level">
<span>当前液位</span>
<span class="text">{{ currentLevel }}</span>
<span class="text">g</span>
</div>
</div>
</div>
</template>
<style lang="scss" scoped>
.liquid-level-main {
display: flex;
gap: 5px;
}
.liquid-level-contailner{
position: relative;
height: 60vh;; /* 根据实际调整 */
}
.liquid-level-img {
/* width: 100%;
height: 100%; */
height: 60vh;
}
.liquid-level {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: linear-gradient(to top, #0099ff, #e6f7ff); /* 颜色渐变,可按需调整 */
border-radius: 10px;
}
.liquid-level-middle{
background: linear-gradient(352deg, #0093f5, #effafe);
bottom: 0;
left: 0;
position: absolute;
width: 50%;
z-index: 1;
margin-left: 23%
}
.current-level {
position: absolute;
top: 10px;
left: 50%;
transform: translateX(-50%);
font-weight: bold;
.text{
color: #007bff;
padding: 3px;
}
}
</style>

11
src/components/liquid/ScaleMark.vue

@ -0,0 +1,11 @@
<script lang="ts" setup>
</script>
<template>
<div class="scale-container">
1
</div>
</template>
<style scoped>
</style>

94
src/components/seal/DashboardChart.vue

@ -0,0 +1,94 @@
<script lang="ts" setup>
import * as echarts from 'echarts'
import { onMounted, ref } from 'vue'
const option = ref()
const pressure = ref(50)
onMounted(() => {
const chartDom = document.getElementById('main')!
const myChart = echarts.init(chartDom)
init()
setInterval(() => {
myChart.setOption<echarts.EChartsOption>({
series: [
{
data: [
{
value: +(Math.random() * 100).toFixed(1),
},
],
},
],
})
}, 2000)
option.value && myChart.setOption(option.value)
})
const init = () => {
option.value = {
series: [
{
type: 'gauge',
axisLine: {
lineStyle: {
width: 15,
color: [
[0.3, '#67e0e3'],
[0.7, '#37a2da'],
[1, '#fd666d'],
],
},
},
pointer: { //
itemStyle: {
color: 'auto',
},
},
axisTick: { //
distance: -15,
length: 8, // 线
lineStyle: {
color: '#fff',
width: 1, // 线
},
},
splitLine: {
distance: -30, //
length: 30,
lineStyle: {
color: '#fff',
width: 4,
},
},
axisLabel: {
color: 'inherit',
distance: 25,
fontSize: 14,
},
detail: {
valueAnimation: true,
formatter: '{value} KPa',
color: 'inherit',
fontSize: 14,
},
data: [
{
value: pressure.value,
},
],
},
],
}
}
</script>
<template>
<div id="main" style="width: 40vw; height: 30vw" />
</template>
<style>
canvas{
width: 600px !important;
height: 450px !important;
}
</style>

13
src/layouts/default.vue

@ -34,7 +34,7 @@ onUnmounted(() => {
:class="{ 'aside-item-active': router.currentRoute.value.path.includes(item.path) }"
@click="router.push(item.path)"
>
<!-- <img class="swing-icon" :src="((router.currentRoute.value.path.includes(item.path) ? item.meta!.activeIcon : item.meta!.icon) as string)" alt=""> -->
<img class="swing-icon" :src="((router.currentRoute.value.path.includes(item.path) ? item.meta!.activeIcon : item.meta!.icon) as string)" alt="">
<span class="text">{{ item.meta!.title }}</span>
</div>
</div>
@ -164,11 +164,11 @@ onUnmounted(() => {
overflow: hidden;
height: 3.5vw;
justify-content: center;
border: 1px solid #e7e7e7;
// border: 1px solid #e7e7e7;
min-width: 6rem;
img {
height: 80%;
margin-right: 20px;
// height: 80%;
margin-right: 10px;
}
.text {
transition: opacity 0.3s ease;
@ -266,9 +266,10 @@ onUnmounted(() => {
}
}
}
.aside-item:hover {
.aside-item {
.swing-icon {
animation: swing 1s ease-in-out;
// animation: swing 1s ease-in-out;
width: 1.25rem;
}
}
.logout {

78
src/router/routes.ts

@ -1,4 +1,18 @@
import type { RouteRecordRaw } from 'vue-router'
import n_audit from 'assets/images/menuIcon/n-audit.svg'
import n_debug from 'assets/images/menuIcon/n-debug.svg'
import n_disinfect from 'assets/images/menuIcon/n-disinfect.svg'
import n_formula from 'assets/images/menuIcon/n-formula.svg'
import n_liquid from 'assets/images/menuIcon/n-liquid.svg'
import n_seal from 'assets/images/menuIcon/n-seal.svg'
import n_setting from 'assets/images/menuIcon/n-setting.svg'
import s_audit from 'assets/images/menuIcon/s-audit.svg'
import s_debug from 'assets/images/menuIcon/s-debug.svg'
import s_disinfect from 'assets/images/menuIcon/s-disinfect.svg'
import s_formula from 'assets/images/menuIcon/s-formula.svg'
import s_liquid from 'assets/images/menuIcon/s-liquid.svg'
import s_seal from 'assets/images/menuIcon/s-seal.svg'
import s_setting from 'assets/images/menuIcon/s-setting.svg'
const authRoutes: RouteRecordRaw[] = [
{
@ -8,42 +22,74 @@ const authRoutes: RouteRecordRaw[] = [
meta: {
isDefault: true,
title: '消毒',
icon: n_disinfect,
activeIcon: s_disinfect,
},
},
{
path: '/addLliquid',
name: 'addLliquid',
component: () => import('views/liquid/addLliquid.vue'),
path: '/liquid',
name: 'liquid',
component: () => import('views/liquid/index.vue'),
meta: {
isDefault: true,
title: '加液',
title: '消毒液',
icon: n_liquid,
activeIcon: s_liquid,
},
},
{
path: '/drainLiquid',
name: 'drainLiquid',
component: () => import('views/liquid/drainLiquid.vue'),
path: '/seal',
name: 'seal',
component: () => import('views/seal/index.vue'),
meta: {
isDefault: true,
title: '排液',
title: '密封测试',
icon: n_seal,
activeIcon: s_seal,
},
},
{
path: '/runing',
name: 'runing',
component: () => import('views/runing/index.vue'),
path: '/formula',
name: 'formula',
component: () => import('views/formula/index.vue'),
meta: {
isDefault: true,
title: '运行参数',
title: '配方',
icon: n_formula,
activeIcon: s_formula,
},
},
{
path: '/formula',
name: 'formula',
component: () => import('views/formula/index.vue'),
path: '/debug',
name: 'debug',
component: () => import('views/debug/index.vue'),
meta: {
isDefault: true,
title: '测试',
icon: n_debug,
activeIcon: s_debug,
},
},
{
path: '/audit',
name: 'audit',
component: () => import('views/audit/index.vue'),
meta: {
isDefault: true,
title: '审计',
icon: n_audit,
activeIcon: s_audit,
},
},
{
path: '/setting',
name: 'setting',
component: () => import('views/setting/index.vue'),
meta: {
isDefault: true,
title: '配方管理',
title: '设置',
icon: n_setting,
activeIcon: s_setting,
},
},
]

14
src/stores/homeStore.ts

@ -49,6 +49,20 @@ export const useHomeStore = defineStore('home', {
updateHomeLiquid(liquidData: Home.LiquidData) {
this.liquidData = liquidData
},
startDisinfect() {
// 是否进行设备的初始化 return false
// 是否选择了配方 return false
// 未选择配方时,是否配置了默认值 return false
// 检查消毒液余量是否满足此次消毒 return false
// 检查压力是否正常 return false
// 是否选择了消毒级别 return false
/*
*className: "DisinfectionCtrlService",
*fnName: "start",
**/
return true
},
},
persist: false,
})

13
src/types/softKeyboard.d.ts

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

179
src/views/home/index.vue

@ -1,8 +1,12 @@
import homeLiquid from 'assets/images/liquid/home-liquid.svg';
<script lang="ts" setup>
import { sendCmd } from '@/apis/system'
import homeChart from 'assets/images/home/home-chart.svg'
import homeFinish from 'assets/images/home/home-finish.svg'
import homeLiquid from 'assets/images/home/home-liquid.svg'
import homeRound from 'assets/images/home/home-round.svg'
import homeSetting from 'assets/images/home/home-setting.svg'
import homeStart from 'assets/images/home/home-start.svg'
import SelectModal from 'components/common/SelectModal/index.vue'
import Environment from 'components/home/Environment.vue'
import { useHomeStore } from 'stores/homeStore'
import { onMounted, ref, watch } from 'vue'
@ -18,7 +22,19 @@ const environmentParams = ref<Home.DisplayrelyMgrParams>(homeStore.$state.h2O2Se
const probe1Params = ref<Home.DisplayrelyMgrParams>(homeStore.$state.h2O2SensorData[1])
const probe2Params = ref<Home.DisplayrelyMgrParams>(homeStore.$state.h2O2SensorData[2])
const liquidInfo = ref<Home.LiquidData>(homeStore.$state.liquidData)
const deviceState = ref(1)
const isModalOpen = ref(false)
const options = ref([{
label: '1级',
value: 1,
}, {
label: '2级',
value: 2,
}, {
label: '3级',
value: 3,
}])
const selectedValue = ref()
watch(() => homeStore.$state.h2O2SensorData, (newVal) => {
if (newVal && newVal.length) {
environmentParams.value = newVal[0]
@ -47,6 +63,37 @@ const initData = async () => {
liquidInfo.value = liquidData.rely
}
}
//
const onStartDisinfect = () => {
const isStart = homeStore.startDisinfect()
deviceState.value = 2
if (isStart) {
//
}
}
//
const onFinishDisinfect = () => {
deviceState.value = 1
console.log('结束消毒')
}
//
const openModal = () => {
isModalOpen.value = true
}
const loglevel = ref()
const handleConfirm = (value: any) => {
console.log('value---', value)
isModalOpen.value = false
loglevel.value = value
}
const handleCancel = () => {
isModalOpen.value = false
}
</script>
<template>
@ -81,23 +128,70 @@ const initData = async () => {
</div>
</div>
<div class="home-grid-item home-right">
<div class="home-right-title">
<div class="title-formula">
<div>
<img :src="homeRound" alt="">
</div>
<div>配方1</div>
</div>
<div class="title-spend">
<span>速率</span>
<span style="color: #31CB7A">50</span>g/分钟
</div>
</div>
<div class="home-right-level">
消毒等级<el-input
消毒等级
<el-input
v-model="loglevel"
class="input"
placeholder="请选择"
@focus="openModal"
>
<template #append>
<el-button type="primary" style="color: #ffffff">
<el-button type="primary" class="input-log">
Log
</el-button>
</template>
</el-input>
<SelectModal
v-if="isModalOpen"
:options="options"
:selected-value="selectedValue"
placeholder="请选择"
@confirm="handleConfirm"
@cancel="handleCancel"
/>
</div>
<div class="home-disinfect">
<div class="home-start">
<div v-if="deviceState === 1" class="home-disinfect-btn home-start" @click="onStartDisinfect">
<img :src="homeStart" alt="">
<div>开始消毒</div>
</div>
<div v-else class="home-disinfect-btn home-end" @click="onFinishDisinfect">
<img :src="homeFinish" alt="">
<div>结束消毒</div>
</div>
</div>
<div class="home-remain-time">
<div class="home-remaini-label">预计剩余时间: </div>
<div class="home-remaini-value">10:00:20</div>
</div>
<div class="home-start-opt">
<div class="home-opt-flex">
<FtButton size="large">
<div class="home-chart">
<div><img :src="homeChart" style="width: 20px"></div>
<div class="home-chart-text">图表数据</div>
</div>
</FtButton>
<FtButton>
<div class="home-chart">
<div><img :src="homeSetting" style="width: 20px"></div>
<div class="home-chart-text">消毒设置</div>
</div>
</FtButton>
</div>
</div>
</div>
</div>
@ -105,6 +199,7 @@ const initData = async () => {
</template>
<style lang="scss" scoped>
$input-height: 3rem;
.home-grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
@ -113,7 +208,6 @@ const initData = async () => {
.home-grid-item {
padding: 0.5rem;
border-radius: 8px;
font-weight: bold;
text-align: center;
transition: all 0.3s ease;
background: linear-gradient(180deg, rgba(147, 203, 255, 0.01) -190%, #FFFFFF 24%);
@ -136,15 +230,38 @@ const initData = async () => {
height: 83vh;
background: linear-gradient(180deg, rgba(147, 203, 255, 0.01) -190%, #FFFFFF 24%);
.home-right-title{
display: grid;
grid-template-columns: 1fr 1fr;
.title-formula{
display: flex;
justify-self: start;
align-items: center;
gap: 5px;
padding: 10px;
}
.title-spend{
justify-self: end;
display: flex;
align-items: center;
gap: 5px;
padding: 10px;
}
}
.home-right-level{
display: flex;
align-items: center;
justify-content: center;
margin-top: 28vh;
margin-top: 18vh;
font-family: Source Han Sans;
font-size: 24px;
.input{
width: 15vw;
height: $input-height
}
.input-log{
color: #ffffff;
height: $input-height
}
}
}
@ -238,8 +355,7 @@ const initData = async () => {
justify-content: center;
margin-top: 5vh;
}
.home-start{
background: #31CB7A;
.home-disinfect-btn{
width: 27vw;
height: 8vh;
border-radius: 12px;
@ -250,7 +366,52 @@ const initData = async () => {
font-size: 24px;
gap: 10px;
}
.home-start{
background: #31CB7A;
}
.home-end{
background: #FF6767;
}
.el-button {
background-color: #2892F3 !important;
}
.home-start-opt{
position: absolute;
bottom: 10px;
margin: 1rem;
gap: 5px;
.home-opt-flex{
display: flex;
gap: 25px;
.home-chart{
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
.home-chart-text{
font-size: 1.2rem;
}
}
}
}
.home-remain-time{
background: #F6FAFE;
margin-top: 5rem;
width: 27vw;
height: 8vh;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
gap: 10px;
margin-left: 1rem;
.home-remaini-value{
color: #2892F3;
}
}
</style>

166
src/views/liquid/index.vue

@ -1,11 +1,169 @@
<script lang="ts" setup></script>
<script lang="ts" setup>
import homeStart from 'assets/images/home/home-start.svg'
import SoftKeyboard from 'components/common/SoftKeyboard/index.vue'
import LiquidLevel from 'components/liquid/LiquidLevel.vue'
import { ref, watch } from 'vue'
const stopatg = ref()
const inputValue = ref('')
const keyboardVisible = ref(false)
const keyboardType = ref('number')
watch(inputValue, (newVal) => {
console.log('new-valu==', newVal)
stopatg.value = newVal
})
const openKeyboard = () => {
keyboardVisible.value = true
}
const handleConfirm = (value: string) => {
console.log('确认输入:', value)
}
const onStartAddLiquid = () => {
// TODO
}
const onStartDrainLiquid = () => {
// TODO
}
</script>
<template>
<div class="dashboard-container">
<div>
<main class="main-content">
<div>加液</div>
<div class="liquid-left">
<LiquidLevel />
</div>
<div class="liquid-right">
<!-- 当前液位 -->
<div class="liquid-surplus-title">
<div>当前液位</div>
<div class="liquid-title-g">2000g</div>
</div>
<!-- 输入加液/排液量 -->
<div class="liquid-input">
<el-input
v-model="stopatg"
class="input"
placeholder=""
style="height: 4rem"
@focus="openKeyboard"
>
<template #append>
<el-button type="primary" class="input-append">
2500g
</el-button>
</template>
</el-input>
</div>
<!-- 操作区 -->
<div class="liquid-opt">
<div>
<div class="liquid-add-btn liquid-start" @click="onStartAddLiquid">
<img :src="homeStart" alt="">
<div>开始加液</div>
</div>
<div class="liquid-add-btn liquid-drain" @click="onStartDrainLiquid">
<img :src="homeStart" alt="">
<div>开始排液</div>
</div>
</div>
</div>
</div>
</main>
<SoftKeyboard
v-model="inputValue"
:is-visible="keyboardVisible"
:keyboard-type="keyboardType"
@confirm="handleConfirm"
@close="keyboardVisible = false"
/>
</div>
</template>
<style scoped></style>
<style lang="scss" scoped>
.main-content{
display: grid;
grid-template-columns: repeat(3,1fr);
height: 100%;
gap: 10px;
overflow: hidden;
.liquid-left{
background: #FFFFFF;
grid-column: 1 / 3;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0px 1px 5px 0px rgba(9, 39, 62, 0.15);
}
.liquid-right{
background:#FFFFFF;
box-shadow: 0px 1px 5px 0px rgba(9, 39, 62, 0.15);
padding-top: 15vh;
width: 100%;
.liquid-surplus-title{
height: 10vh;
display: flex;
padding-left: 2rem;
align-items: center;
font-size: 24px;
font-weight: 400;
.liquid-title-g{
color: #2892F3;
font-weight: bold;
}
}
.liquid-input{
display: flex;
padding-left: 2rem;
align-items: center;
.input{
width: 25vw;
}
.input-append{
color: #ffffff;
height: 4rem;
font-size: 24px;
}
}
.liquid-opt{
display: flex;
justify-content: center;
margin-top: 5vh;
}
.liquid-add-btn{
width: 27vw;
height: 8vh;
border-radius: 12px;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
gap: 10px;
}
.liquid-start{
background: #31CB7A;
}
.liquid-drain{
background: #2892F3;
margin-top: 1.5rem;
}
}
}
.el-button {
background-color: #2892F3 !important;
}
.el-input__inner {
height: 40px !important; /* 这里设置你想要的高度,比如40px */
border: 1px solid red
}
</style>

170
src/views/seal/index.vue

@ -1,11 +1,175 @@
<script lang="ts" setup></script>
<script lang="ts" setup>
import homeFinish from 'assets/images/home/home-finish.svg'
import homeStart from 'assets/images/home/home-start.svg'
import SealInstrumentSvg from 'assets/images/seal/seal-instrument.svg'
import DashboardChart from 'components/seal/DashboardChart.vue'
// import { ref } from 'vue'
// const pressure = ref()
const onStartTest = () => {
}
const onFinishTest = () => {
}
</script>
<template>
<div class="dashboard-container">
<main class="main-content">
<div>密封测试</div>
<div class="seal-left">
<div class="left-title">
<div class="title-text-test">
<img :src="SealInstrumentSvg" alt="仪表盘">
<div class="title-text">
测试前气压
</div>
<div class="title-text title-text-kpa">
<span>2</span>
<span class="title-kpa-pl">KPa</span>
</div>
</div>
</div>
<!-- 仪表盘 -->
<div class="seal-chart">
<div class="chart-ml">
<DashboardChart />
</div>
<div class="seal-opt">
<div class="seal-add-btn seal-start" @click="onStartTest">
<img :src="homeStart" alt="">
<div>启动测试</div>
</div>
<div class="seal-add-btn seal-stop" @click="onFinishTest">
<img :src="homeFinish" alt="">
<div>停止测试</div>
</div>
</div>
</div>
</div>
<div class="seal-right">
<div class="seal-time">
<div class="seal-time-text">测试时间</div>
<div class="seal-time-statue seal-time-text">
未开始
</div>
</div>
<div class="seal-diff">
<div class="seal-diff-text">气压差值</div>
<div class="seal-diff-statue seal-diff-text">
未开始
</div>
</div>
</div>
</main>
</div>
</template>
<style scoped></style>
<style lang="scss" scoped>
.main-content{
display: grid;
grid-template-columns: repeat(3,1fr);
height: 100%;
gap: 10px;
height: 100%;
.seal-left{
background: #FFFFFF;
grid-column: 1 / 3;
box-shadow: 0px 1px 5px 0px rgba(9, 39, 62, 0.15);
.left-title{
padding-top: 40px;
padding-left: 28px;
display: flex;
height: 5rem;
.title-text-test{
display: flex;
justify-content: center;
align-items: center;
gap: 1rem;
.title-text{
font-size: 20px;
}
.title-text-kpa{
color: #409EFF;
}
.title-kpa-pl{
padding-left: 5px;
font-weight: bold;
}
}
}
.seal-chart{
margin-left: 1rem;
}
.chart-ml{
margin-left: 3rem;
}
}
}
.seal-opt{
display: flex;
justify-content: center;
margin-top: 8vh;
gap: 2rem
}
.seal-add-btn{
width: 18vw;
height: 8vh;
border-radius: 12px;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
gap: 10px;
}
.seal-start{
background: #31CB7A;
}
.seal-stop{
background: #e8e8e8;
}
.seal-right{
display: grid;
grid-template-rows: 1fr 1fr;
background: linear-gradient(180deg, rgba(147, 203, 255, 0.01) -190%, #FFFFFF 24%);
.seal-time{
margin-top: 6.25rem;
margin-left: 2rem;
.seal-time-text{
font-size: 24px;
font-weight: 500;
}
.seal-time-statue{
height: 7rem;
width: 21.25rem;
display: flex;
justify-content: center;
align-items: center;
background: #F6FAFE;
margin-top: 20px;
}
}
.seal-diff{
margin-top: 2.25rem;
margin-left: 2rem;
.seal-diff-text{
font-size: 24px;
font-weight: 500;
}
.seal-diff-statue{
height: 7rem;
width: 21.25rem;
display: flex;
justify-content: center;
align-items: center;
background: #F6FAFE;
margin-top: 20px;
}
}
}
</style>
Loading…
Cancel
Save