Browse Source

组态页面样式重构

develop
fuguobin 1 year ago
parent
commit
a4701ce440
  1. 2
      .env.production
  2. 10
      src/api/device/index.ts
  3. 20
      src/api/device/types.ts
  4. 2
      src/assets/icons/baoxue-rijian.svg
  5. 2
      src/assets/icons/baoyu-rijian.svg
  6. 2
      src/assets/icons/dabaoyu-rijian.svg
  7. 2
      src/assets/icons/daxue-rijian.svg
  8. 2
      src/assets/icons/dayu-rijian.svg
  9. 2
      src/assets/icons/dongyu-rijian.svg
  10. 2
      src/assets/icons/duoyun-rijian.svg
  11. 2
      src/assets/icons/duoyun-wanjian.svg
  12. 2
      src/assets/icons/fuchen-rijian.svg
  13. 2
      src/assets/icons/leizhenyu-rijian.svg
  14. 2
      src/assets/icons/leizhenyujiabingbao.svg
  15. 2
      src/assets/icons/qiangshachenbao.svg
  16. 2
      src/assets/icons/qing-rijian.svg
  17. 2
      src/assets/icons/qing-wanjian.svg
  18. 2
      src/assets/icons/shachenbao-rijian.svg
  19. 2
      src/assets/icons/tedabaoyu.svg
  20. 2
      src/assets/icons/wu-rijian.svg
  21. 2
      src/assets/icons/xiaoxue-rijian.svg
  22. 2
      src/assets/icons/xiaoyu-rijian.svg
  23. 2
      src/assets/icons/yangsha-rijian.svg
  24. 2
      src/assets/icons/yin-rijian.svg
  25. 2
      src/assets/icons/yujiaxue-rijian.svg
  26. 2
      src/assets/icons/zhenxue-rijian.svg
  27. 2
      src/assets/icons/zhenxue-wanjian.svg
  28. 2
      src/assets/icons/zhenyu-rijian.svg
  29. 2
      src/assets/icons/zhenyu-wanjian.svg
  30. 2
      src/assets/icons/zhongxue-rijian.svg
  31. 2
      src/assets/icons/zhongyu-rijian.svg
  32. BIN
      src/assets/images/20230908-091531.png
  33. BIN
      src/assets/images/col_icon.png
  34. BIN
      src/assets/images/info_bg.png
  35. BIN
      src/assets/images/panelBtn_bg.png
  36. BIN
      src/assets/images/panel_icon.png
  37. 7
      src/types/components.d.ts
  38. 55
      src/views/monitoring/components/header.vue
  39. 186
      src/views/monitoring/components/menu.vue
  40. 101
      src/views/monitoring/devicemanage/components/main.vue
  41. 162
      src/views/monitoring/devicemanage/components/menu.vue
  42. 449
      src/views/monitoring/devicemanage/index.scss
  43. 37
      src/views/monitoring/devicemanage/index.vue
  44. 38
      src/views/monitoring/screen/components/infoPanel.vue
  45. 16
      src/views/monitoring/screen/components/main.vue
  46. 6
      src/views/monitoring/screen/components/menu.vue
  47. 168
      src/views/monitoring/screen/index.scss
  48. 8
      src/views/monitoring/screen/index.vue

2
.env.production

@ -2,4 +2,4 @@
VITE_APP_ENV = 'production'
VITE_APP_TITLE = 'vue-vite-project-admin'
VITE_APP_PORT = 8089
VITE_APP_BASE_API = 'http://localhost:8012/'
VITE_APP_BASE_API = 'http://board.heatiot.cn:8001/prod-api/'

10
src/api/device/index.ts

@ -2,6 +2,16 @@ import request from '@/utils/request';
import { AxiosPromise } from 'axios';
import { deviceVo } from './types';
/**
*
*/
export function getMenuData(): AxiosPromise<[]> {
return request({
url: '/bi/configuration/getMenuData',
method: 'get'
});
}
/**
*
*/

20
src/api/device/types.ts

@ -25,10 +25,18 @@ export interface menuVo {
*
*/
export interface deviceVo {
deviceUUID: string;
deviceName: string;
partionCounts: number;
orgCode: number;
sourceType: string;
ifControl: number;
name: string;
label: string;
header_main?: headerVo[];
header_valve?: headerVo[];
header_pump?: headerVo[];
}
export interface headerVo {
id: string;
name: string;
label: string;
value: string;
type: string;
ctrlFlag: string;
paramUnit: string;
}

2
src/assets/icons/baoxue-rijian.svg

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 9.5 KiB

2
src/assets/icons/baoyu-rijian.svg

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

2
src/assets/icons/dabaoyu-rijian.svg

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 6.6 KiB

2
src/assets/icons/daxue-rijian.svg

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 7.2 KiB

2
src/assets/icons/dayu-rijian.svg

@ -1 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M775.3 286.4c91.8 0 166.2 76.5 166.2 167.7 0 85.6-66.3 157-149.9 165.2H243.1C149.3 606.1 82.5 524 82.5 427.1c0-90.7 62.7-166.7 147.3-187.1 27.5-99.4 121.3-175.4 229.4-175.4 130.5 0 233 109.1 233 238.1 0 3.1-0.5 5.6-0.5 9.2 24.5-14.3 53-25.5 83.6-25.5z" fill="#E5E5E5" /><path d="M318 790.6c-4.7 0-9.4-1-13.9-3.2-15.8-7.7-22.4-26.8-14.7-42.6l37.3-76.6c7.7-15.8 26.8-22.4 42.6-14.7 15.8 7.7 22.4 26.8 14.7 42.6l-37.3 76.6c-5.5 11.3-16.9 17.9-28.7 17.9z m0 168.7c-4.7 0-9.4-1-13.9-3.2-15.8-7.7-22.4-26.8-14.7-42.6l37.3-76.6c7.7-15.8 26.8-22.4 42.6-14.7 15.8 7.7 22.4 26.8 14.7 42.6l-37.3 76.6c-5.5 11.3-16.9 17.9-28.7 17.9z m168.7-167.6c-4.7 0-9.4-1-13.9-3.2-15.8-7.7-22.4-26.8-14.7-42.6l18.8-38.6c7.7-15.8 26.8-22.4 42.6-14.7 15.8 7.7 22.4 26.8 14.7 42.6l-18.8 38.6c-5.6 11.3-16.9 17.9-28.7 17.9z m0 128.4c-4.7 0-9.4-1-13.9-3.2-15.8-7.7-22.4-26.8-14.7-42.6l18.8-38.6c7.7-15.8 26.8-22.4 42.6-14.7 15.8 7.7 22.4 26.8 14.7 42.6l-18.8 38.6c-5.6 11.3-16.9 17.9-28.7 17.9z m156.5-129.5c-4.7 0-9.4-1-13.9-3.2-15.8-7.7-22.4-26.8-14.7-42.6l37.3-76.6c7.7-15.8 26.8-22.4 42.6-14.7 15.8 7.7 22.4 26.8 14.7 42.6l-37.3 76.6c-5.6 11.3-16.9 17.9-28.7 17.9z m0 168.7c-4.7 0-9.4-1-13.9-3.2-15.8-7.7-22.4-26.8-14.7-42.6l37.3-76.6c7.7-15.8 26.8-22.4 42.6-14.7 15.8 7.7 22.4 26.8 14.7 42.6l-37.3 76.6c-5.6 11.3-16.9 17.9-28.7 17.9z" fill="#B3E2FF" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="389" height="388" viewBox="0 0 389 388"><defs><clipPath id="master_svg0_27_11107"><rect x="0" y="0" width="389" height="388" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_27_11107)"><g><path d="M294.52284375,108.518694921875C329.39584375,108.518694921875,357.65884375,137.50529492187502,357.65884375,172.061294921875C357.65884375,204.495294921875,332.47284375,231.549294921875,300.71484375,234.656294921875L92.34904374999999,234.656294921875C56.71604375,229.655294921875,31.33984375,198.547294921875,31.33984375,161.831294921875C31.33984375,127.464294921875,55.15854375,98.667094921875,87.29654375,90.937494921875C97.74334375,53.274194921875,133.37684375,24.477294921875,174.44184375,24.477294921875C224.01684375,24.477294921875,262.95484375,65.815994921875,262.95484375,114.694894921875C262.95484375,115.869494921875,262.76484375,116.816794921875,262.76484375,118.180794921875C272.07184374999997,112.762494921875,282.89784375,108.518694921875,294.52284375,108.518694921875Z" fill="#82CBFF" fill-opacity="1"/></g><g><path d="M120.803596875,299.56299609375003C119.018096875,299.56299609375003,117.232666875,299.18409609375,115.523186875,298.35049609375C109.521042875,295.43289609375,107.013816875,288.19579609375,109.938916875,282.20909609375L124.108496875,253.18488609375C127.033596875,247.19816709375,134.289396875,244.69738609375,140.291596875,247.61496609375C146.293696875,250.53254609375,148.800896875,257.76969609375,145.875796875,263.75639609375L131.706196875,292.78059609375C129.616796875,297.06219609375,125.286196875,299.56299609375003,120.803596875,299.56299609375003ZM120.803596875,363.48499609375C119.018096875,363.48499609375,117.232666875,363.10599609375,115.523186875,362.27199609375C109.521042875,359.35399609374997,107.013816875,352.11699609375,109.938916875,346.13059609375L124.108496875,317.10639609375C127.033596875,311.11969609375,134.289396875,308.61889609375,140.291596875,311.53649609375C146.293696875,314.45399609375,148.800896875,321.69109609375,145.875796875,327.67789609375L131.706196875,356.70199609375C129.616796875,360.98399609374997,125.286196875,363.48499609375,120.803596875,363.48499609375ZM184.889796875,299.97979609375C183.104296875,299.97979609375,181.318896875,299.60089609375,179.60939687500002,298.76729609375C173.607296875,295.84969609375,171.099996875,288.61259609374997,174.025096875,282.62589609375L181.16689687500002,268.00009609375C184.091996875,262.01339609375,191.347796875,259.51259609375,197.349896875,262.43019609375C203.352096875,265.34779609375,205.85929687499998,272.58489609375,202.934196875,278.57159609375003L195.792396875,293.19739609375C193.66509687500002,297.47899609374997,189.372396875,299.97979609375,184.889796875,299.97979609375ZM184.889796875,348.63099609375C183.104296875,348.63099609375,181.318896875,348.25199609375,179.60939687500002,347.41899609375C173.607296875,344.50129609375,171.099996875,337.26419609375,174.025096875,331.27749609375L181.16689687500002,316.65169609375C184.091996875,310.66499609375,191.347796875,308.16419609375,197.349896875,311.08179609375C203.352096875,313.99929609375,205.85929687499998,321.23649609375,202.934196875,327.22319609375L195.792396875,341.84899609375C193.66509687500002,346.13059609375,189.372396875,348.63099609375,184.889796875,348.63099609375ZM244.341796875,299.56299609375003C242.555796875,299.56299609375003,240.770796875,299.18409609375,239.060796875,298.35049609375C233.05879687499998,295.43289609375,230.55179687499998,288.19579609375,233.476796875,282.20909609375L247.646796875,253.18488609375C250.571796875,247.19816709375,257.827796875,244.69738609375,263.829796875,247.61496609375C269.831796875,250.53254609375,272.338796875,257.76969609375,269.413796875,263.75639609375L255.243796875,292.78059609375C253.116796875,297.06219609375,248.823796875,299.56299609375003,244.341796875,299.56299609375003ZM244.341796875,363.48499609375C242.555796875,363.48499609375,240.770796875,363.10599609375,239.060796875,362.27199609375C233.05879687499998,359.35399609374997,230.55179687499998,352.11699609375,233.476796875,346.13059609375L247.646796875,317.10639609375C250.571796875,311.11969609375,257.827796875,308.61889609375,263.829796875,311.53649609375C269.831796875,314.45399609375,272.338796875,321.69109609375,269.413796875,327.67789609375L255.243796875,356.70199609375C253.116796875,360.98399609374997,248.823796875,363.48499609375,244.341796875,363.48499609375Z" fill="#B3E2FF" fill-opacity="1"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

2
src/assets/icons/dongyu-rijian.svg

@ -1 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M281.2 781.7c-4.6 0-9.2-1-13.6-3.1-15.5-7.5-22-25.9-14.4-41.2l36.5-74.2c7.6-15.3 26.3-21.7 41.8-14.2 15.5 7.5 22 25.9 14.4 41.2l-36.5 74.2c-5.5 10.9-16.6 17.3-28.2 17.3z m0 163.3c-4.6 0-9.2-1-13.6-3.1-15.5-7.5-22-25.9-14.4-41.2l36.5-74.2c7.6-15.3 26.3-21.7 41.8-14.2 15.5 7.5 22 25.9 14.4 41.2l-36.5 74.2c-5.5 10.9-16.6 17.3-28.2 17.3zM675 781.7c-4.6 0-9.2-1-13.6-3.1-15.5-7.5-22-25.9-14.4-41.2l36.5-74.2c7.6-15.3 26.3-21.7 41.8-14.2 15.5 7.5 22 25.9 14.4 41.2l-36.5 74.2c-5.5 10.9-16.6 17.3-28.2 17.3z m0 163.3c-4.6 0-9.2-1-13.6-3.1-15.5-7.5-22-25.9-14.4-41.2l36.5-74.2c7.6-15.3 26.3-21.7 41.8-14.2 15.5 7.5 22 25.9 14.4 41.2l-36.5 74.2c-5.5 10.9-16.6 17.3-28.2 17.3z" fill="#B3E2FF" /><path d="M770.1 293.7c90 0 162.9 74 162.9 162.3 0 82.9-65 152-146.9 159.9H248.4c-92-12.8-157.4-92.3-157.4-186 0-87.8 61.5-161.4 144.4-181.1C262.4 152.5 354.3 79 460.3 79c127.9 0 228.4 105.6 228.4 230.4 0 3-0.5 5.4-0.5 8.9 24-13.8 51.9-24.6 81.9-24.6z" fill="#E5E5E5" /><path d="M458.9 642.3h81.3v290.1h-81.3z" fill="#B3E2FF" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="388" height="388" viewBox="0 0 388 388"><defs><clipPath id="master_svg0_27_11114"><rect x="0" y="0" width="388" height="388" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_27_11114)"><g><path d="M106.548775,296.1908265625C104.805775,296.1908265625,103.062835,295.8119265625,101.395655,295.0162265625C95.522604,292.1744265625,93.059715,285.2025265625,95.939405,279.4052265625L109.769475,251.2904065625C112.649175,245.4931395625,119.734675,243.0681365625,125.607775,245.9099365625C131.480775,248.7517365625,133.94367499999998,255.7236265625,131.063975,261.5208265625L117.233975,289.6357265625C115.149975,293.7658265625,110.944075,296.1908265625,106.548775,296.1908265625ZM106.548775,358.0657265625C104.805775,358.0657265625,103.062835,357.6877265625,101.395655,356.8917265625C95.522604,354.0497265625,93.059715,347.0777265625,95.939405,341.2806265625L109.769475,313.1658265625C112.649175,307.3685265625,119.734675,304.9435265625,125.607775,307.7853265625C131.480775,310.6271265625,133.94367499999998,317.5990265625,131.063975,323.39622656250003L117.233975,351.5107265625C115.149975,355.6407265625,110.944075,358.0657265625,106.548775,358.0657265625ZM255.762375,296.1908265625C254.019375,296.1908265625,252.276375,295.8119265625,250.609375,295.0162265625C244.736375,292.1744265625,242.273375,285.2025265625,245.152375,279.4052265625L258.982375,251.2904065625C261.862375,245.4931395625,268.948375,243.0681365625,274.821375,245.9099365625C280.69437500000004,248.7517365625,283.157375,255.7236265625,280.277375,261.5208265625L266.44737499999997,289.6357265625C264.363375,293.7658265625,260.157375,296.1908265625,255.762375,296.1908265625ZM255.762375,358.0657265625C254.019375,358.0657265625,252.276375,357.6877265625,250.609375,356.8917265625C244.736375,354.0497265625,242.273375,347.0777265625,245.152375,341.2806265625L258.982375,313.1658265625C261.862375,307.3685265625,268.948375,304.9435265625,274.821375,307.7853265625C280.69437500000004,310.6271265625,283.157375,317.5990265625,280.277375,323.39622656250003L266.44737499999997,351.5107265625C264.363375,355.6407265625,260.157375,358.0657265625,255.762375,358.0657265625Z" fill="#B3E2FF" fill-opacity="1"/></g><g><path d="M291.79546875,111.28479375C325.89746875,111.28479375,353.51946875,139.32359375,353.51946875,172.78159375C353.51946875,204.19259375,328.89046875,230.37459375,297.85846875,233.36859375L94.12026875000001,233.36859375C59.26096875,228.51859375,34.48046875,198.39559375,34.48046875,162.89159375C34.48046875,129.62379375,57.78316875,101.73629375,89.19456875,94.27189375C99.42496875,57.783193749999995,134.24646875000002,29.93359375,174.41046875,29.93359375C222.87246875,29.93359375,260.95246875,69.94609375,260.95246875,117.23359375C260.95246875,118.37029375,260.76346875,119.27969375,260.76346875,120.60589375C269.85746875,115.37699375,280.42846875,111.28479375,291.79546875,111.28479375Z" fill="#82CBFF" fill-opacity="1"/></g><g><path d="M173.8798828125,243.37158203125L204.6849828125,243.37158203125L204.6849828125,353.29258203125L173.8798828125,353.29258203125L173.8798828125,243.37158203125Z" fill="#B3E2FF" fill-opacity="1"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

2
src/assets/icons/duoyun-rijian.svg

@ -1 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M936.9 407.6h-43.2c-17.9 0-32.7 14.3-32.7 32.7 0 18.4 14.7 32.7 32.7 32.7h43.2c17.9 0 32.7-14.3 32.7-32.7 0-18.4-14.7-32.7-32.7-32.7z m-437.3-97.5c12.4 12.4 33.6 12.4 46 0s12.4-33.1 0-46l-30.8-30.4c-12.4-12.4-33.6-12.4-46 0-12.4 12.4-12.4 33.1 0 45.5 0 0.1 30.8 30.9 30.8 30.9zM884 234.2c-12.4-12.4-33.6-12.4-46 0l-30.8 30.4c-12.4 12.4-12.4 33.1 0 46 12.4 12 33.1 12 46-0.5l30.8-30.4c12.5-12.8 12.5-33.1 0-45.5z m-207.8 22.1c17.9 0 32.7-14.3 32.7-32.7v-43.2c0-17.9-14.7-32.7-32.7-32.7s-32.7 14.3-32.7 32.7v43.2c0 18.4 14.7 32.7 32.7 32.7z" fill="#FFCD00" /><path d="M679.4 575.9c82.8 0 149.9 69 149.9 151.3 0 77.3-59.8 141.6-135.2 149H199.3c-84.6-12-144.9-86-144.9-173.4 0-81.9 56.6-150.4 132.9-168.8 24.8-89.7 109.5-158.2 206.9-158.2 117.7 0 210.2 98.4 210.2 214.8 0 2.8-0.5 5.1-0.5 8.3 22.2-12.9 47.9-23 75.5-23z" fill="#E5E5E5" /><path d="M647.3 519.8c8.9-1.3 17.3-2.1 25.8-2.1 36 0 69.4 10.2 98.2 27.9 30-27.5 49.1-66.4 49.1-110.8 0-82.5-66.8-148.9-148.9-148.9-58.8 0-110 34.3-133.7 84.2 53.3 32.9 93.5 86.6 109.5 149.7z" fill="#FFCD00" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="388" height="388" viewBox="0 0 388 388"><defs><clipPath id="master_svg0_27_11122"><rect x="0" y="0" width="388" height="388" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_27_11122)"><g><path d="M354.997421875,154.44205546875L338.62842187499996,154.44205546875C331.84642187500003,154.44205546875,326.238421875,159.86035546875002,326.238421875,166.83235546875C326.238421875,173.80435546875,331.808421875,179.22235546874998,338.62842187499996,179.22235546874998L354.997421875,179.22235546874998C361.779421875,179.22235546874998,367.387421875,173.80435546875,367.387421875,166.83235546875C367.387421875,159.86035546875002,361.81742187500004,154.44205546875,354.997421875,154.44205546875ZM189.301521875,117.49875546875C194.00002187500002,122.19715546875,202.032821875,122.19715546875,206.73122187500002,117.49875546875C211.42972187499998,112.80025546875001,211.42972187499998,104.95695546875001,206.73122187500002,100.06905546875001L195.060921875,88.55025546875001C190.362521875,83.85185546875,182.329691875,83.85185546875,177.631251875,88.55025546875001C172.932811875,93.24875546875,172.932811875,101.09205546875,177.631251875,105.79055546875Q177.631251875,105.82845546875001,189.301521875,117.49875546875ZM334.953421875,88.73975546874999C330.254421875,84.04135546875,322.22142187500003,84.04135546875,317.523421875,88.73975546874999L305.853421875,100.25845546875C301.154421875,104.95695546875001,301.154421875,112.80025546875001,305.853421875,117.68815546875C310.55142187499996,122.23505546875,318.395421875,122.23505546875,323.282421875,117.49875546875L334.953421875,105.97995546875C339.689421875,101.12995546875,339.689421875,93.43815546875,334.953421875,88.73975546874999ZM256.216421875,97.11355546875001C262.998821875,97.11355546875001,268.606621875,91.69525546874999,268.606621875,84.72335546875L268.606621875,68.35455546875C268.606621875,61.57216546875,263.036721875,55.96435546875,256.216421875,55.96435546875C249.396121875,55.96435546875,243.826221875,61.38271546875,243.826221875,68.35455546875L243.826221875,84.72335546875C243.826221875,91.69525546874999,249.396121875,97.11355546875001,256.216421875,97.11355546875001Z" fill="#FFCD00" fill-opacity="1"/></g><g><path d="M257.42830468750003,218.21216640625C288.8023046875,218.21216640625,314.2263046875,244.35706640625,314.2263046875,275.54106640625C314.2263046875,304.83006640625,291.5683046875,329.19406640625,262.99830468749997,331.99806640625L75.51580468750001,331.99806640625C43.4603046875,327.45106640625,20.6123046875,299.41206640625,20.6123046875,266.29506640625C20.6123046875,235.26296640625,42.0584046875,209.30786640625,70.9689046875,202.33606640624998C80.3658046875,168.34816640625002,112.4592046875,142.39306640625,149.3643046875,142.39306640625C193.9623046875,142.39306640625,229.0103046875,179.67746640625,229.0103046875,223.78216640624998C229.0103046875,224.84306640625,228.8213046875,225.71456640625001,228.8213046875,226.92706640625C237.2333046875,222.03916640625,246.9713046875,218.21216640625,257.42830468750003,218.21216640625Z" fill="#82CBFF" fill-opacity="1"/></g><g><path d="M245.26559062500002,196.95530156249998C248.637890625,196.4627015625,251.820690625,196.1596015625,255.041390625,196.1596015625C268.681990625,196.1596015625,281.337490625,200.0244015625,292.249990625,206.7311015625C303.61719062500003,196.3111015625,310.854390625,181.57170156249998,310.854390625,164.74820156250001C310.854390625,133.4885015625,285.54339062500003,108.3291015625,254.435190625,108.3291015625C232.155490625,108.3291015625,212.755470625,121.3256015625,203.775390625,140.2330015625C223.971090625,152.6990015625,239.20309062500002,173.0463015625,245.26559062500002,196.95530156249998Z" fill="#FFCD00" fill-opacity="1"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

2
src/assets/icons/duoyun-wanjian.svg

@ -1 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M693.3 558.7c86.3 0 156.4 71.9 156.4 157.8 0 80.6-62.4 147.7-141 155.4H192.6C104.3 859.4 41.5 782.2 41.5 691c0-85.4 59-156.8 138.6-176C206 421.5 294.3 350 396 350c122.8 0 219.2 102.6 219.2 224 0 2.9-0.5 5.3-0.5 8.6 23-13.4 49.8-23.9 78.6-23.9z" fill="#E5E5E5" /><path d="M396 350c122.8 0 219.2 102.6 219.2 224 0 2.9-0.5 5.3-0.5 8.6 23-13.4 49.9-24 78.7-24 86.3 0 156.4 71.9 156.4 157.8 0 80.6-62.4 147.7-141 155.4H192.6C104.3 859.4 41.5 782.2 41.5 691c0-85.4 59-156.8 138.6-176C206 421.5 294.3 350 396 350" fill="#E5E5E5" /><path d="M851.8 439.6c-122.7 0-222.2-99.5-222.2-222.2 0-22.7 3.4-44.6 9.7-65.2-67.5 40.2-112.7 113.8-112.7 198 0 0.8 0.1 1.6 0.1 2.3 62.2 38.3 107.1 102.9 119.6 178.7 15.9-4.7 31.6-7.1 47.1-7.1 48.2 0 92.2 18.1 125.9 47.9 82.2-23 145.8-90.5 163.3-174.9-36.8 26.7-81.9 42.5-130.8 42.5z" fill="#FFCD00" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="388" height="388" viewBox="0 0 388 388"><defs><clipPath id="master_svg0_27_11130"><rect x="0" y="0" width="388" height="388" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_27_11130)"><g><path d="M262.695609375,211.6948875C295.395609375,211.6948875,321.956609375,238.9381875,321.956609375,271.4861875C321.956609375,302.0261875,298.312609375,327.4511875,268.53060937500004,330.3681875L72.977309375,330.3681875C39.519909375,325.6321875,15.724609375,296.38018750000003,15.724609375,261.8241875C15.724609375,229.4655875,38.080109375,202.4116875,68.241009375,195.1366875C78.054709375,159.7089875,111.512109375,132.6171875,150.046609375,132.6171875C196.576609375,132.6171875,233.103609375,171.4929875,233.103609375,217.4921875C233.103609375,218.59098749999998,232.913609375,219.5003875,232.913609375,220.7507875C241.628609375,215.6734875,251.783609375,211.6948875,262.695609375,211.6948875Z" fill="#E5E5E5" fill-opacity="1"/></g><g><path d="M150.046609375,132.6171875C196.576609375,132.6171875,233.103609375,171.4929875,233.103609375,217.4921875C233.103609375,218.59098749999998,232.913609375,219.5003875,232.913609375,220.7507875C241.628609375,215.6734875,251.820609375,211.6569875,262.733609375,211.6569875C295.433609375,211.6569875,321.994609375,238.90018750000002,321.994609375,271.4481875C321.994609375,301.9881875,298.350609375,327.4131875,268.568609375,330.33018749999997L72.977309375,330.33018749999997C39.519909375,325.6321875,15.724609375,296.38018750000003,15.724609375,261.8241875C15.724609375,229.4655875,38.080109375,202.4116875,68.241009375,195.1366875C78.054709375,159.7089875,111.512109375,132.6171875,150.046609375,132.6171875Z" fill="#4966FF" fill-opacity="1"/></g><g><path d="M322.7522265625,166.56743359375C276.2607265625,166.56743359375,238.5595265625,128.86593359375001,238.5595265625,82.37413359375C238.5595265625,73.77293359375,239.84782656250002,65.47490359375,242.2349265625,57.66943359375C216.6588265625,72.90143359375,199.5322265625,100.78893359375,199.5322265625,132.69283359374998C199.5322265625,132.99603359374998,199.5701171625,133.29913359375,199.5701171625,133.56433359375C223.1381265625,148.07643359374998,240.1510265625,172.55343359375001,244.8873265625,201.27443359375C250.9119265625,199.49443359375,256.8607265625,198.58443359375,262.7338265625,198.58443359375C280.99702656249997,198.58443359375,297.6689265625,205.44243359375,310.4382265625,216.73443359375C341.5842265625,208.01943359375,365.6822265625,182.44343359375,372.3132265625,150.46353359375001C358.37022656249997,160.58043359375,341.2812265625,166.56743359375,322.7522265625,166.56743359375Z" fill="#FFCD00" fill-opacity="1"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

2
src/assets/icons/fuchen-rijian.svg

@ -1 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#333333" d="M124.7 801.2h774.6V877H124.7zM474.8 490.2a45.3 45.3 0 1 0 90.6 0 45.3 45.3 0 1 0-90.6 0zM474.8 300.6a45.3 45.3 0 1 0 90.6 0 45.3 45.3 0 1 0-90.6 0zM474.8 684.4a45.3 45.3 0 1 0 90.6 0 45.3 45.3 0 1 0-90.6 0zM653.6 381.9a45.3 45.3 0 1 0 90.6 0 45.3 45.3 0 1 0-90.6 0zM653.6 192.3a45.3 45.3 0 1 0 90.6 0 45.3 45.3 0 1 0-90.6 0zM653.6 576.1a45.3 45.3 0 1 0 90.6 0 45.3 45.3 0 1 0-90.6 0zM279.8 381.9a45.3 45.3 0 1 0 90.6 0 45.3 45.3 0 1 0-90.6 0zM279.8 192.3a45.3 45.3 0 1 0 90.6 0 45.3 45.3 0 1 0-90.6 0zM279.8 576.1a45.3 45.3 0 1 0 90.6 0 45.3 45.3 0 1 0-90.6 0z" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="388" height="388" viewBox="0 0 388 388"><defs><clipPath id="master_svg0_27_11138"><rect x="0" y="0" width="388" height="388" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_27_11138)"><g><path d="M47.25,303.5796171875L340.751,303.5796171875L340.751,332.3006171875L47.25,332.3006171875L47.25,303.5796171875ZM179.905,185.7396171875C179.905,195.2196171875,187.59,202.9046171875,197.07,202.9046171875C206.549,202.9046171875,214.234,195.2196171875,214.234,185.7396171875C214.234,176.2606171875,206.549,168.5756171875,197.07,168.5756171875C187.59,168.5756171875,179.905,176.2606171875,179.905,185.7396171875ZM179.905,113.8994171875C179.905,123.3790171875,187.59,131.0638171875,197.07,131.0638171875C206.549,131.0638171875,214.234,123.3790171875,214.234,113.8994171875C214.234,104.4197171875,206.549,96.7349171875,197.07,96.7349171875C187.59,96.7349171875,179.905,104.4197171875,179.905,113.8994171875ZM179.905,259.32361718749996C179.905,268.8036171875,187.59,276.4876171875,197.07,276.4876171875C206.549,276.4876171875,214.234,268.8036171875,214.234,259.32361718749996C214.234,249.8436171875,206.549,242.1596171875,197.07,242.1596171875C187.59,242.1596171875,179.905,249.8436171875,179.905,259.32361718749996ZM247.654,144.70441718749998C247.644,154.1907171875,255.332,161.8856171875,264.818,161.8856171875C274.304,161.8856171875,281.99199999999996,154.1907171875,281.98199999999997,144.70441718749998C281.99199999999996,135.2182171875,274.304,127.5232171875,264.818,127.5232171875C255.332,127.5232171875,247.644,135.2182171875,247.654,144.70441718749998ZM247.654,72.8638171875C247.644,82.3500171875,255.332,90.04501718750001,264.818,90.04501718750001C274.304,90.04501718750001,281.99199999999996,82.3500171875,281.98199999999997,72.8638171875C281.99199999999996,63.377627187499996,274.304,55.6826171875,264.818,55.6826171875C255.332,55.6826171875,247.644,63.377627187499996,247.654,72.8638171875ZM247.654,218.2876171875C247.644,227.7746171875,255.332,235.4696171875,264.818,235.4696171875C274.304,235.4696171875,281.99199999999996,227.7746171875,281.98199999999997,218.2876171875C281.99199999999996,208.8016171875,274.304,201.1066171875,264.818,201.1066171875C255.332,201.1066171875,247.644,208.8016171875,247.654,218.2876171875ZM106.0184,144.70441718749998C106.0184,154.1841171875,113.7031,161.8686171875,123.1828,161.8686171875C132.6625,161.8686171875,140.34730000000002,154.1841171875,140.34730000000002,144.70441718749998C140.34730000000002,135.22481718749998,132.6625,127.5400171875,123.1828,127.5400171875C113.7031,127.5400171875,106.0184,135.22481718749998,106.0184,144.70441718749998ZM106.0184,72.8638171875C106.0184,82.3435171875,113.7031,90.0283171875,123.1828,90.0283171875C132.6625,90.0283171875,140.34730000000002,82.3435171875,140.34730000000002,72.8638171875C140.34730000000002,63.3841671875,132.6625,55.6993793875,123.1828,55.6993793875C113.7031,55.6993793875,106.0184,63.3841671875,106.0184,72.8638171875ZM106.0184,218.2876171875C106.0184,227.7676171875,113.7031,235.4526171875,123.1828,235.4526171875C132.6625,235.4526171875,140.34730000000002,227.7676171875,140.34730000000002,218.2876171875C140.34730000000002,208.8086171875,132.6625,201.1236171875,123.1828,201.1236171875C113.7031,201.1236171875,106.0184,208.8086171875,106.0184,218.2876171875Z" fill="#9EB0BC" fill-opacity="1"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 853 B

After

Width:  |  Height:  |  Size: 3.4 KiB

2
src/assets/icons/leizhenyu-rijian.svg

@ -1 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M317.4 656.5c-16.2-7.9-35.7-1.1-43.5 15l-38.1 78.2c-7.9 16.2-1.1 35.7 15 43.5 4.6 2.2 9.4 3.3 14.2 3.3 12.1 0 23.7-6.7 29.3-18.3l38.1-78.2c7.9-16.2 1.1-35.7-15-43.5z m0 172.3c-16.2-7.9-35.7-1.1-43.5 15L235.8 922c-7.9 16.2-1.1 35.7 15 43.5 4.6 2.2 9.4 3.3 14.2 3.3 12.1 0 23.7-6.7 29.3-18.3l38.1-78.2c7.9-16.2 1.1-35.7-15-43.5z m343.7-35.5c4.6 2.2 9.4 3.3 14.2 3.3 12.1 0 23.7-6.7 29.3-18.3l38.1-78.2c7.9-16.2 1.1-35.7-15-43.5-16.2-7.9-35.7-1.1-43.5 15L646 749.7c-7.8 16.2-1.1 35.7 15.1 43.6z m66.5 35.5c-16.2-7.9-35.7-1.1-43.5 15L646 922.1c-7.9 16.2-1.1 35.7 15 43.5 4.6 2.2 9.4 3.3 14.2 3.3 12.1 0 23.7-6.7 29.3-18.3l38.1-78.2c7.9-16.3 1.2-35.8-15-43.6z" fill="#B3E2FF" /><path d="M780.9 281.6c93.7 0 169.7 78.1 169.7 171.3 0 87.5-67.7 160.4-153.1 168.7H237.4c-95.8-13.5-164-97.4-164-196.3 0-92.7 64-170.3 150.5-191.1 28-101.5 123.8-179.1 234.2-179.1C591.4 55.1 696 166.5 696 298.2c0 3.1-0.5 5.7-0.5 9.4 25-14.5 54.2-26 85.4-26z" fill="#E5E5E5" /><path d="M489.9 677.2h-84.1c-11 0-18.6-9.7-14.6-18.7L480.5 450c2.3-5.4 8.1-8.9 14.6-8.9h71.4c11.1 0 18.7 9.9 14.5 19l-54.4 120.5h91.6c13.5 0 20.7 14 11.8 22.9L463.4 859.6c-10.9 11-31.2 1.5-26.9-12.6l53.4-169.8z" fill="#FFCD00" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="388" height="388" viewBox="0 0 388 388"><defs><clipPath id="master_svg0_27_11152"><rect x="0" y="0" width="388" height="388" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_27_11152)"><g><path d="M120.263903125,248.75191140625C114.125603125,245.75855140625,106.737003125,248.33511740625,103.781503125,254.43551140625L89.345173125,284.06594140625C86.351813125,290.20424140625,88.928379125,297.59294140625,95.028773125,300.54844140625C96.771743125,301.38204140625,98.590503125,301.79874140625,100.409203125,301.79874140625C104.994003125,301.79874140625,109.389303125,299.26014140625,111.51120312500001,294.86484140625L125.947503125,265.23434140625C128.940903125,259.09604140625,126.36430312499999,251.70738140625,120.263903125,248.75191140625ZM120.263903125,314.03744140624997C114.125603125,311.04414140625,106.737003125,313.62064140625,103.781503125,319.72104140625L89.345173125,349.35144140625C86.351813125,355.48944140624997,88.928379125,362.87844140625,95.028773125,365.83444140625C96.771743125,366.66744140625,98.590503125,367.08444140625,100.409203125,367.08444140625C104.994003125,367.08444140625,109.389303125,364.54544140625,111.51120312500001,360.15044140625L125.947503125,330.51984140625C128.940903125,324.38164140624997,126.36430312499999,316.99294140625,120.263903125,314.03744140624997ZM250.493703125,300.58634140624997C252.236703125,301.41984140625,254.055703125,301.83664140625,255.874703125,301.83664140625C260.45970312500003,301.83664140625,264.854703125,299.29804140625,266.976703125,294.90274140625L281.412703125,265.27224140625C284.405703125,259.13394140625,281.82970312500004,251.74527140625,275.72870312500004,248.78980140625C269.590703125,245.79644140625,262.20270312499997,248.37300840625,259.246703125,254.47340140625L244.772703125,284.06594140625C241.816703125,290.20424140625,244.355703125,297.59294140625,250.493703125,300.58634140624997ZM275.691703125,314.03744140624997C269.552703125,311.04414140625,262.16470312499996,313.62064140625,259.208703125,319.72104140625L244.772703125,349.38944140625C241.778703125,355.52744140625,244.355703125,362.91644140625,250.455703125,365.87144140625C252.198703125,366.70544140625,254.017703125,367.12244140625,255.836703125,367.12244140625C260.421703125,367.12244140625,264.816703125,364.58344140625,266.93870312499996,360.18844140625004L281.374703125,330.55774140625C284.368703125,324.38164140624997,281.82970312500004,316.99294140625,275.691703125,314.03744140624997Z" fill="#B3E2FF" fill-opacity="1"/></g><g><path d="M295.8875234375,106.7002296875C331.3915234375,106.7002296875,360.1885234375,136.29292968750002,360.1885234375,171.6069296875C360.1885234375,204.7609296875,334.5365234375,232.3829296875,302.1775234375,235.5279296875L89.9521234375,235.5279296875C53.6529234375,230.4129296875,27.8115234375,198.6229296875,27.8115234375,161.1489296875C27.8115234375,126.0239296875,52.0615234375,96.6213296875,84.83692343749999,88.7400296875C95.4463234375,50.281029687499995,131.7455234375,20.8779296875,173.5765234375,20.8779296875C224.0845234375,20.8779296875,263.71852343750004,63.0881296875,263.71852343750004,112.9900296875C263.71852343750004,114.1646296875,263.52952343749996,115.1498296875,263.52952343749996,116.5517296875C273.0015234375,111.0576296875,284.0655234375,106.7002296875,295.8875234375,106.7002296875Z" fill="#82CBFF" fill-opacity="1"/></g><g><path d="M185.6269359375,256.5955421875L153.7609259375,256.5955421875C149.5929559375,256.5955421875,146.7132659375,252.9201421875,148.2288949375,249.5099421875L182.0652359375,170.5080121875C182.9367359375,168.4619121875,185.1343359375,167.1357421875,187.5972359375,167.1357421875L214.6511359375,167.1357421875C218.8570359375,167.1357421875,221.7367359375,170.8869121875,220.1453359375,174.3349621875L199.5328359375,219.99314218749998L234.2406359375,219.99314218749998C239.3558359375,219.99314218749998,242.0839359375,225.2978421875,238.7117359375,228.6701421875L175.5859359375,325.7077421875C171.4558359375,329.8757421875,163.7640359375,326.27674218749996,165.3933359375,320.9337421875L185.6269359375,256.5955421875Z" fill="#FFCD00" fill-opacity="1"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

2
src/assets/icons/leizhenyujiabingbao.svg

@ -1 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M782.8 280c94.4 0 170.9 78.6 170.9 172.5 0 88.1-68.2 161.5-154.1 169.9H235.4c-96.5-13.6-165.2-98-165.2-197.7 0-93.3 64.5-171.4 151.5-192.4 28.4-102.2 124.9-180.4 236-180.4 134.2 0 239.6 112.2 239.6 244.8 0 3.1-0.5 5.8-0.5 9.4 25.2-14.6 54.5-26.1 86-26.1z" fill="#E5E5E5" /><path d="M485.4 503.2h-76.3c-10 0-16.8-8.8-13.3-17l81-189.2c2.1-4.9 7.4-8.1 13.3-8.1h64.8c10.1 0 17 9 13.2 17.2l-49.4 109.3h83.1c12.2 0 18.7 12.7 10.7 20.8L461.4 668.7c-9.9 9.9-28.3 1.3-24.4-11.5l48.4-154z" fill="#FFCD00" /><path d="M322.6 657.5c-16.3-7.9-35.9-1.1-43.8 15.1l-38.3 78.8c-7.9 16.3-1.1 35.9 15.1 43.8 4.6 2.2 9.5 3.3 14.3 3.3 12.2 0 23.8-6.8 29.5-18.4l38.3-78.8c7.9-16.3 1.1-35.9-15.1-43.8z m0 173.5c-16.3-7.9-35.9-1.1-43.8 15.1l-38.3 78.8c-7.9 16.3-1.1 35.9 15.1 43.8 4.6 2.2 9.5 3.3 14.3 3.3 12.2 0 23.8-6.8 29.5-18.4l38.3-78.8c7.9-16.3 1.1-35.9-15.1-43.8z m346.1-35.8c4.6 2.2 9.5 3.3 14.3 3.3 12.2 0 23.8-6.8 29.5-18.4l38.3-78.8c7.9-16.3 1.1-35.9-15.1-43.8-16.3-7.9-35.9-1.1-43.8 15.1l-38.3 78.8c-8 16.3-1.2 35.9 15.1 43.8z m67 35.8c-16.3-7.9-35.9-1.1-43.8 15.1l-38.3 78.8c-7.9 16.3-1.1 35.9 15.1 43.8 4.6 2.2 9.5 3.3 14.3 3.3 12.2 0 23.8-6.8 29.5-18.4l38.3-78.8c7.9-16.3 1.2-35.9-15.1-43.8zM438.069 877.538a75.4 75.4 0 1 0 106.63-106.634 75.4 75.4 0 1 0-106.63 106.634z" fill="#B3E2FF" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="388" height="388" viewBox="0 0 388 388"><defs><clipPath id="master_svg0_27_11142"><rect x="0" y="0" width="388" height="388" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_27_11142)"><g><path d="M296.608609375,106.0935390625C332.376609375,106.0935390625,361.363609375,135.8760390625,361.363609375,171.4550390625C361.363609375,204.8360390625,335.521609375,232.6480390625,302.973609375,235.8310390625L89.19490937500001,235.8310390625C52.630509375,230.6780390625,26.599609375,198.6980390625,26.599609375,160.9210390625C26.599609375,125.5690390625,51.039109374999995,95.9767390625,84.003909375,88.0197390625C94.764809375,49.2955390625,131.32960937500002,19.6650390625,173.425609375,19.6650390625C224.274609375,19.6650390625,264.21160937499997,62.1783390625,264.21160937499997,112.4213390625C264.21160937499997,113.5959390625,264.022609375,114.6189390625,264.022609375,115.9830390625C273.570609375,110.4509390625,284.672609375,106.0935390625,296.608609375,106.0935390625Z" fill="#82CBFF" fill-opacity="1"/></g><g><path d="M183.921640625,190.6654203125L155.011080625,190.6654203125C151.222020625,190.6654203125,148.645454625,187.33102031250002,149.971626625,184.2240203125L180.663040625,112.5349603125C181.458740625,110.6783203125,183.466940625,109.4658203125,185.702440625,109.4658203125L210.255640625,109.4658203125C214.08254062499998,109.4658203125,216.697040625,112.8759803125,215.257140625,115.9830103125L196.539240625,157.3974203125L228.026340625,157.3974203125C232.648940625,157.3974203125,235.111840625,162.2095203125,232.080640625,165.2787203125L174.827840625,253.3748203125C171.076740625,257.12582031249997,164.104840625,253.8668203125,165.582540625,249.0168203125L183.921640625,190.6654203125Z" fill="#FFCD00" fill-opacity="1"/></g><g><path d="M122.23570624999999,249.13093421875C116.05950625,246.13758421875,108.63300625,248.71414221875,105.63960625,254.85242421875L91.12751625,284.71022421875C88.13415625,290.88642421875,90.71071625,298.31292421875,96.84899625,301.30632421875C98.59196625,302.13992421875,100.44860625,302.55672421875,102.26740625,302.55672421875C106.89000625,302.55672421875,111.28530625,299.98012421875,113.44510625,295.58482421875L127.95720625,265.72702421875C130.95060625,259.55082421875,128.37400625,252.12429421875,122.23570624999999,249.13093421875ZM122.23570624999999,314.87122421875C116.05950625,311.87782421875,108.63300625,314.45442421875,105.63960625,320.59262421875L91.12751625,350.45032421875C88.13415625,356.62632421875,90.71071625,364.05332421875,96.84899625,367.04632421875C98.59196625,367.88032421875,100.44860625,368.29732421875,102.26740625,368.29732421875C106.89000625,368.29732421875,111.28530625,365.72032421874997,113.44510625,361.32532421875L127.95720625,331.46722421875C130.95060625,325.29112421875,128.37400625,317.86452421875003,122.23570624999999,314.87122421875ZM253.37490625,301.30632421875C255.11790625,302.13992421875,256.97490625,302.55672421875,258.79390624999996,302.55672421875C263.41590625000003,302.55672421875,267.81190625,299.98012421875,269.97090625,295.58482421875L284.48290625000004,265.72702421875C287.47690625,259.55082421875,284.89990624999996,252.12429421875,278.76190625000004,249.13093421875C272.58590625,246.13758421875,265.15890625,248.71414221875,262.16590625000003,254.85242421875L247.65390625,284.71022421875C244.62290625,290.88642421875,247.19890625,298.31292421875,253.37490625,301.30632421875ZM278.76190625000004,314.87122421875C272.58590625,311.87782421875,265.15890625,314.45442421875,262.16590625000003,320.59262421875L247.65390625,350.45032421875C244.65990625,356.62632421875,247.23690625,364.05332421875,253.37490625,367.04632421875C255.11790625,367.88032421875,256.97490625,368.29732421875,258.79390624999996,368.29732421875C263.41590625000003,368.29732421875,267.81190625,365.72032421874997,269.97090625,361.32532421875L284.48290625000004,331.46722421875C287.47690625,325.29112421875,284.93790624999997,317.86452421875003,278.76190625000004,314.87122421875ZM165.98760625,332.50472421874997C177.14500625,343.66162421875003,195.23390625000002,343.66122421875,206.39090625,332.50392421875C217.54790624999998,321.34662421875,217.54790624999998,303.25732421875,206.39090625,292.10042421875C195.23290624999998,280.94352421875,177.14380625,280.94382421875,165.98690625,292.10122421875C154.82990625,303.25852421875,154.83030625,321.34782421875,165.98760625,332.50472421874997Z" fill="#B3E2FF" fill-opacity="1"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

2
src/assets/icons/qiangshachenbao.svg

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 8.9 KiB

2
src/assets/icons/qing-rijian.svg

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

2
src/assets/icons/qing-wanjian.svg

@ -1 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#333333" d="M871.4 526c-51.8 95.7-153.1 160.8-269.6 160.8-169.2 0-306.3-137.2-306.3-306.3 0-84.7 34.4-161.4 90-216.8C249.4 215 152.6 346.4 152.6 500.4c0 198.8 161.2 359.9 360 359.9 190.1 0.1 345.7-147.4 358.8-334.3z" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="388" height="388" viewBox="0 0 388 388"><defs><clipPath id="master_svg0_27_11173"><rect x="0" y="0" width="388" height="388" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_27_11173)"><g><path d="M330.1792890625,199.30485546875C310.5512890625,235.56585546875,272.1682890625,260.23285546875,228.0262890625,260.23285546875C163.9152890625,260.23285546875,111.9669890625,208.24685546875,111.9669890625,144.17375546875002C111.9669890625,112.08035546875,125.0013890625,83.01825546875,146.0685890625,62.02685546875C94.4993890625,81.46475546875,57.8212890625,131.25305546875,57.8212890625,189.60485546875C57.8212890625,264.93085546875,118.9009890625,325.97285546875,194.2272890625,325.97285546875C266.25728906250004,326.01085546875,325.2152890625,270.12185546875,330.1792890625,199.30485546875Z" fill="#FFCD00" fill-opacity="1"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 496 B

After

Width:  |  Height:  |  Size: 960 B

2
src/assets/icons/shachenbao-rijian.svg

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

2
src/assets/icons/tedabaoyu.svg

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

2
src/assets/icons/wu-rijian.svg

@ -1 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#333333" d="M151.7 181.3h722.1v116.1H151.7z m-0.7 272.6h722.1V570H151z m-0.7 272.7h722.1v116.1H150.3z" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="388" height="388" viewBox="0 0 388 388"><defs><clipPath id="master_svg0_27_11191"><rect x="0" y="0" width="388" height="388" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_27_11191)"><g><path d="M57.47968775,68.69580078125L331.08821875,68.69580078125L331.08821875,112.68680078125L57.47968775,112.68680078125L57.47968775,68.69580078125ZM57.21445275,171.98580078125002L330.82221875,171.98580078125002L330.82221875,215.97680078125L57.21445275,215.97680078125L57.21445275,171.98580078125002ZM56.94921875,275.31380078125L330.55721875,275.31380078125L330.55721875,319.30480078125004L56.94921875,319.30480078125004L56.94921875,275.31380078125Z" fill="#9EB0BC" fill-opacity="1"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 382 B

After

Width:  |  Height:  |  Size: 811 B

2
src/assets/icons/xiaoxue-rijian.svg

@ -1 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M773.6 289.2c91.2 0 165.1 76 165.1 166.6 0 85.1-65.8 156-148.9 164.1h-545C151.6 606.7 85.3 525.2 85.3 429c0-90.2 62.3-165.6 146.4-185.9C259 144.3 352.2 68.9 459.6 68.9 589.2 68.9 691 177.3 691 305.4c0 3-0.5 5.6-0.5 9.1 24.3-14.2 52.7-25.3 83.1-25.3z" fill="#E5E5E5" /><path d="M635.4 776.8h-57.2l40.5-40.5c10.7-10.7 10.7-28.1 0-38.8-10.7-10.7-28.1-10.7-38.8 0L539.4 738v-57.2c0-15.2-12.3-27.4-27.4-27.4s-27.4 12.3-27.4 27.4V738l-40.5-40.5c-10.7-10.7-28.1-10.7-38.8 0-10.7 10.7-10.7 28.1 0 38.8l40.5 40.5h-57.2c-15.2 0-27.4 12.3-27.4 27.4 0 15.2 12.3 27.4 27.4 27.4h57.2l-40.5 40.5c-10.7 10.7-10.7 28.1 0 38.8 5.4 5.4 12.4 8 19.4 8 7 0 14-2.7 19.4-8l40.5-40.5v57.2c0 15.2 12.3 27.4 27.4 27.4s27.4-12.3 27.4-27.4v-57.2l40.5 40.5c5.4 5.4 12.4 8 19.4 8 7 0 14-2.7 19.4-8 10.7-10.7 10.7-28.1 0-38.8l-40.5-40.5h57.2c15.2 0 27.4-12.3 27.4-27.4 0.1-15.1-12.2-27.4-27.4-27.4z" fill="#B3E2FF" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="388" height="388" viewBox="0 0 388 388"><defs><clipPath id="master_svg0_27_3993"><rect x="0" y="0" width="388" height="388" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_27_3993)"><g><path d="M293.1213125,109.579789453125C327.6773125,109.579789453125,355.6793125,138.37668945312498,355.6793125,172.705689453125C355.6793125,204.950689453125,330.7473125,231.814689453125,299.2593125,234.883689453125L92.75581249999999,234.883689453125C57.4418125,229.882689453125,32.3203125,199.001689453125,32.3203125,162.550689453125C32.3203125,128.373689453125,55.9262125,99.803989453125,87.7922125,92.112189453125C98.1363125,54.676189453125005,133.4503125,26.106689453125,174.1453125,26.106689453125C223.2513125,26.106689453125,261.8243125,67.18008945312499,261.8243125,115.717989453125C261.8243125,116.854689453125,261.63431249999996,117.839889453125,261.63431249999996,119.166089453125C270.84131249999996,113.785589453125,281.60231250000004,109.579789453125,293.1213125,109.579789453125Z" fill="#82CBFF" fill-opacity="1"/></g><g><path d="M240.75732812500002,294.334392578125L219.084028125,294.334392578125L234.429728125,278.988692578125C238.484328125,274.93439257812497,238.484328125,268.341492578125,234.429728125,264.287192578125C230.37542812499998,260.232892578125,223.782428125,260.232892578125,219.728128125,264.287192578125L204.382428125,279.632892578125L204.382428125,257.959392578125C204.382428125,252.200052578125,199.721828125,247.577392578125,194.00042812499998,247.577392578125C188.278928125,247.577392578125,183.618328125,252.237942578125,183.618328125,257.959392578125L183.618328125,279.632892578125L168.272628125,264.287192578125C164.218328125,260.232892578125,157.62542812499998,260.232892578125,153.571128125,264.287192578125C149.516828125,268.341492578125,149.516828125,274.93439257812497,153.571128125,278.988692578125L168.916828125,294.334392578125L147.243328125,294.334392578125C141.483988125,294.334392578125,136.861328125,298.994992578125,136.861328125,304.716492578125C136.861328125,310.475792578125,141.521878125,315.098492578125,147.243328125,315.098492578125L168.916828125,315.098492578125L153.571128125,330.444192578125C149.516828125,334.498492578125,149.516828125,341.091492578125,153.571128125,345.145792578125C155.617228125,347.191892578125,158.269528125,348.177392578125,160.921828125,348.177392578125C163.574228125,348.177392578125,166.22652812500002,347.153992578125,168.272628125,345.145792578125L183.618328125,329.80009257812503L183.618328125,351.473392578125C183.618328125,357.232392578125,188.278928125,361.855392578125,194.00042812499998,361.855392578125C199.721828125,361.855392578125,204.382428125,357.195392578125,204.382428125,351.473392578125L204.382428125,329.80009257812503L219.728128125,345.145792578125C221.77422812499998,347.191892578125,224.426528125,348.177392578125,227.078928125,348.177392578125C229.731228125,348.177392578125,232.383628125,347.153992578125,234.429728125,345.145792578125C238.484328125,341.091492578125,238.484328125,334.498492578125,234.429728125,330.444192578125L219.084028125,315.098492578125L240.75732812500002,315.098492578125C246.516328125,315.098492578125,251.13932812500002,310.437892578125,251.13932812500002,304.716492578125C251.177328125,298.994992578125,246.516328125,294.334392578125,240.75732812500002,294.334392578125Z" fill="#B3E2FF" fill-opacity="1"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

2
src/assets/icons/xiaoyu-rijian.svg

@ -1 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M766.9 293.6c88.8 0 160.9 74 160.9 162.4 0 82.9-64.2 152-145.1 159.9H251.6c-90.8-12.8-155.5-92.3-155.5-186.1 0-87.9 60.7-161.4 142.6-181.1 26.7-96.2 117.5-169.8 222.1-169.8 126.4 0 225.6 105.6 225.6 230.5 0 3-0.5 5.4-0.5 8.9 23.8-13.8 51.4-24.7 81-24.7z" fill="#E5E5E5" /><path d="M493.9 781.7c-4.5 0-9.1-1-13.5-3.1-15.3-7.5-21.7-25.9-14.3-41.3l36.1-74.2c7.5-15.3 25.9-21.7 41.3-14.3s21.7 25.9 14.3 41.3l-36.1 74.2c-5.3 11.1-16.3 17.4-27.8 17.4z m0 163.4c-4.5 0-9.1-1-13.5-3.1-15.3-7.5-21.7-25.9-14.3-41.3l36.1-74.2c7.5-15.3 25.9-21.7 41.3-14.3s21.7 25.9 14.3 41.3l-36.1 74.2c-5.3 11-16.3 17.4-27.8 17.4z" fill="#B3E2FF" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="388" height="388" viewBox="0 0 388 388"><defs><clipPath id="master_svg0_27_4000"><rect x="0" y="0" width="388" height="388" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_27_4000)"><g><path d="M290.58308593749996,111.246951953125C324.2300859375,111.246951953125,351.5490859375,139.285751953125,351.5490859375,172.781751953125C351.5490859375,204.192751953125,327.2240859375,230.374751953125,296.5700859375,233.368751953125L95.3329859375,233.368751953125C60.9282859375,228.518751953125,36.4130859375,198.395751953125,36.4130859375,162.853751953125C36.4130859375,129.548051953125,59.4126859375,101.698451953125,90.4450859375,94.234051953125C100.5618859375,57.783251953125,134.96658593749999,29.895751953125,174.6000859375,29.895751953125C222.4940859375,29.895751953125,260.0810859375,69.908251953125,260.0810859375,117.233651953125C260.0810859375,118.370351953125,259.89208593750004,119.279751953125,259.89208593750004,120.605951953125C268.9100859375,115.377051953125,279.36808593750004,111.246951953125,290.58308593749996,111.246951953125Z" fill="#82CBFF" fill-opacity="1"/></g><g><path d="M187.14130625,296.191112890625C185.43619625,296.191112890625,183.69322625,295.812212890625,182.02604625,295.016512890625C176.22877625,292.174712890625,173.80377625,285.202812890625,176.60768625,279.367712890625L190.28620625,251.252852890625C193.12800625,245.455582890625,200.09990625,243.030582890625,205.93500625000001,245.834492890625C211.77020625,248.638392890625,214.15730625,255.648112890625,211.35340625,261.48331289062503L197.67490625,289.598212890625C195.66670625,293.804012890625,191.49870625,296.191112890625,187.14130625,296.191112890625ZM187.14130625,358.10421289062504C185.43619625,358.10421289062504,183.69322625,357.725212890625,182.02604625,356.930212890625C176.22877625,354.088212890625,173.80377625,347.116212890625,176.60768625,341.281012890625L190.28620625,313.166112890625C193.12800625,307.368912890625,200.09990625,304.94391289062503,205.93500625000001,307.747812890625C211.77020625,310.551712890625,214.15730625,317.561412890625,211.35340625,323.39661289062497L197.67490625,351.511212890625C195.66670625,355.67921289062497,191.49870625,358.10421289062504,187.14130625,358.10421289062504Z" fill="#B3E2FF" fill-opacity="1"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 896 B

After

Width:  |  Height:  |  Size: 2.3 KiB

2
src/assets/icons/yangsha-rijian.svg

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

2
src/assets/icons/yin-rijian.svg

@ -1 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#333333" d="M791.8 488.2c97.5 0 176.6 81.3 176.6 178.3 0 91-70.4 166.9-159.3 175.5h-583C126.5 827.9 55.5 740.7 55.5 637.7c0-96.4 66.6-177.2 156.6-198.8 29.3-105.7 129-186.4 243.8-186.4 138.7 0 247.6 115.9 247.6 253 0 3.3-0.5 6-0.5 9.8 26-15.2 56.3-27.1 88.8-27.1z" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="388" height="388" viewBox="0 0 388 388"><defs><clipPath id="master_svg0_27_4013"><rect x="0" y="0" width="388" height="388" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_27_4013)"><g><path d="M300.018296875,184.982028125C336.961296875,184.982028125,366.933296875,215.786828125,366.933296875,252.540828125C366.933296875,287.021828125,340.258296875,315.78082812499997,306.573296875,319.038828125L85.670696875,319.038828125C47.931596875,313.696828125,21.029296875,280.65582812499997,21.029296875,241.628828125C21.029296875,205.101828125,46.264496875,174.486328125,80.36599687500001,166.30192812500002C91.467996875,126.251528125,129.245296875,95.673828125,172.743296875,95.673828125C225.297296875,95.673828125,266.560296875,139.589028125,266.560296875,191.53712812499998C266.560296875,192.787528125,266.371296875,193.81052812500002,266.371296875,195.25042812499998C276.222296875,189.491028125,287.703296875,184.982028125,300.018296875,184.982028125Z" fill="#82CBFF" fill-opacity="1"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 544 B

After

Width:  |  Height:  |  Size: 1.1 KiB

2
src/assets/icons/yujiaxue-rijian.svg

@ -1 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M770.7 290.4c90.2 0 163.3 75.1 163.3 164.8 0 84.1-65.1 154.3-147.3 162.3H247.8C155.6 604.4 90 523.8 90 428.6c0-89.2 61.6-163.8 144.8-183.8 27-97.7 119.2-172.3 225.4-172.3 128.2 0 228.9 107.2 228.9 233.9 0 3-0.5 5.5-0.5 9 24-14 52.1-25 82.1-25z" fill="#E5E5E5" /><path d="M381.1 651c-15.6-7.6-34.3-1.1-41.9 14.5l-36.6 75.3c-7.6 15.6-1.1 34.3 14.5 41.9 4.4 2.1 9.1 3.2 13.7 3.2 11.6 0 22.8-6.5 28.2-17.6l36.6-75.3c7.6-15.7 1.1-34.5-14.5-42z m0 165.8c-15.6-7.6-34.3-1.1-41.9 14.5l-36.6 75.3c-7.6 15.6-1.1 34.3 14.5 41.9 4.4 2.1 9.1 3.2 13.7 3.2 11.6 0 22.8-6.5 28.2-17.6l36.6-75.3c7.6-15.7 1.1-34.5-14.5-42z m360.6-44.2h-56.6l40-40c10.6-10.6 10.6-27.8 0-38.4-10.6-10.6-27.8-10.6-38.4 0l-40 40v-56.6c0-15-12.1-27.1-27.1-27.1s-27.1 12.1-27.1 27.1v56.6l-40-40c-10.6-10.6-27.8-10.6-38.4 0-10.6 10.6-10.6 27.8 0 38.4l40 40h-56.6c-15 0-27.1 12.1-27.1 27.1s12.1 27.1 27.1 27.1h56.6l-40 40c-10.6 10.6-10.6 27.8 0 38.4 5.3 5.3 12.2 7.9 19.2 7.9s13.9-2.6 19.2-7.9l40-40v56.6c0 15 12.1 27.1 27.1 27.1s27.1-12.1 27.1-27.1v-56.6l40 40c5.3 5.3 12.2 7.9 19.2 7.9 6.9 0 13.9-2.6 19.2-7.9 10.6-10.6 10.6-27.8 0-38.4l-40-40h56.6c15 0 27.1-12.1 27.1-27.1s-12.1-27.1-27.1-27.1z" fill="#B3E2FF" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="388" height="388" viewBox="0 0 388 388"><defs><clipPath id="master_svg0_27_4017"><rect x="0" y="0" width="388" height="388" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_27_4017)"><g><path d="M292.0225625,110.034403125C326.2005625,110.034403125,353.8985625,138.49070312499998,353.8985625,172.477703125C353.8985625,204.343703125,329.2315625,230.943703125,298.0855625,233.974703125L93.89296250000001,233.974703125C58.957862500000005,229.010703125,34.1015625,198.470703125,34.1015625,162.399703125C34.1015625,128.600703125,57.442162499999995,100.334403125,88.9671625,92.756203125C99.1976625,55.737103125000004,134.1325625,27.470703125,174.3725625,27.470703125C222.9485625,27.470703125,261.1045625,68.089503125,261.1045625,116.096903125C261.1045625,117.233603125,260.9145625,118.180903125,260.9145625,119.507003125C270.00856250000004,114.202303125,280.6555625,110.034403125,292.0225625,110.034403125Z" fill="#82CBFF" fill-opacity="1"/></g><g><path d="M144.4004484375,246.668261328125C138.4895484375,243.788571328125,131.4039484375,246.251466328125,128.5242484375,252.162401328125L114.6563084375,280.694011328125C111.7766184375,286.605011328125,114.2395114375,293.690511328125,120.1504484375,296.57021132812497C121.8176384375,297.365911328125,123.5984484375,297.782711328125,125.3414484375,297.782711328125C129.7367484375,297.782711328125,133.9805484375,295.319811328125,136.0266484375,291.114011328125L149.8945484375,262.582311328125C152.7742484375,256.633511328125,150.3113484375,249.510061328125,144.4004484375,246.668261328125ZM144.4004484375,309.490911328125C138.4895484375,306.611211328125,131.4039484375,309.074111328125,128.5242484375,314.985111328125L114.6563084375,343.516711328125C111.7766184375,349.428111328125,114.2395114375,356.513111328125,120.1504484375,359.393111328125C121.8176384375,360.188111328125,123.5984484375,360.605111328125,125.3414484375,360.605111328125C129.7367484375,360.605111328125,133.9805484375,358.142111328125,136.0266484375,353.937111328125L149.8945484375,325.405011328125C152.7742484375,319.456111328125,150.3113484375,312.332711328125,144.4004484375,309.490911328125ZM281.0341484375,292.743311328125L259.58814843749997,292.743311328125L274.74414843750003,277.587011328125C278.7601484375,273.570611328125,278.7601484375,267.053411328125,274.74414843750003,263.037011328125C270.7281484375,259.020611328125,264.21014843750004,259.020611328125,260.19414843749996,263.037011328125L245.0381484375,278.193311328125L245.0381484375,256.747211328125C245.0381484375,251.063571328125,240.4531484375,246.478811328125,234.7691484375,246.478811328125C229.08614843750001,246.478811328125,224.5011484375,251.063571328125,224.5011484375,256.747211328125L224.5011484375,278.193311328125L209.3449484375,263.037011328125C205.3285484375,259.020611328125,198.8113484375,259.020611328125,194.7949484375,263.037011328125C190.7785484375,267.053411328125,190.7785484375,273.570611328125,194.7949484375,277.587011328125L209.9512484375,292.743311328125L188.5051484375,292.743311328125C182.82154843749998,292.743311328125,178.2367484375,297.328011328125,178.2367484375,303.011611328125C178.2367484375,308.69521132812497,182.82154843749998,313.280011328125,188.5051484375,313.280011328125L209.9512484375,313.280011328125L194.7949484375,328.436211328125C190.7785484375,332.452611328125,190.7785484375,338.969811328125,194.7949484375,342.986211328125C196.8031484375,344.994411328125,199.41764843750002,345.979111328125,202.0699484375,345.979111328125C204.7223484375,345.979111328125,207.3367484375,344.994411328125,209.3449484375,342.986211328125L224.5011484375,327.830011328125L224.5011484375,349.276111328125C224.5011484375,354.960111328125,229.08614843750001,359.544111328125,234.7691484375,359.544111328125C240.4531484375,359.544111328125,245.0381484375,354.960111328125,245.0381484375,349.276111328125L245.0381484375,327.830011328125L260.19414843749996,342.986211328125C262.2021484375,344.994411328125,264.8171484375,345.979111328125,267.4691484375,345.979111328125C270.0841484375,345.979111328125,272.7361484375,344.994411328125,274.74414843750003,342.986211328125C278.7601484375,338.969811328125,278.7601484375,332.452611328125,274.74414843750003,328.436211328125L259.58814843749997,313.280011328125L281.0341484375,313.280011328125C286.7171484375,313.280011328125,291.3021484375,308.69521132812497,291.3021484375,303.011611328125C291.3021484375,297.328011328125,286.7171484375,292.743311328125,281.0341484375,292.743311328125Z" fill="#B3E2FF" fill-opacity="1"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 4.5 KiB

2
src/assets/icons/zhenxue-rijian.svg

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 5.5 KiB

2
src/assets/icons/zhenxue-wanjian.svg

@ -1 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M835.6 312C734.2 312 652 229.8 652 128.4c0-18.7 2.8-36.8 8-53.8-55.7 33.2-93.1 94-93.1 163.5v1.9c51.4 31.6 88.5 85 98.8 147.6 13.1-3.9 26.1-5.9 38.9-5.9 39.8 0 76.2 15 104 39.6 67.9-19 120.4-74.8 134.9-144.5-30.3 22.1-67.6 35.2-107.9 35.2z" fill="#FFCD00" /><path d="M567.2 804.2h-46.6l33-33c8.7-8.7 8.7-22.9 0-31.6-8.7-8.7-22.9-8.7-31.6 0l-33 33V726c0-12.3-10-22.3-22.3-22.3s-22.3 10-22.3 22.3v46.6l-33-33c-8.7-8.7-22.9-8.7-31.6 0-8.7 8.7-8.7 22.9 0 31.6l33 33h-46.6c-12.3 0-22.3 10-22.3 22.3s10 22.3 22.3 22.3h46.6l-33 33c-8.7 8.7-8.7 22.9 0 31.6 4.4 4.4 10.1 6.5 15.8 6.5s11.4-2.2 15.8-6.5l33-33V927c0 12.3 10 22.3 22.3 22.3s22.3-10 22.3-22.3v-46.6l33 33c4.4 4.4 10.1 6.5 15.8 6.5 5.7 0 11.4-2.2 15.8-6.5 8.7-8.7 8.7-22.9 0-31.6l-33-33h46.6c12.3 0 22.3-10 22.3-22.3s-10-22.3-22.3-22.3z" fill="#B3E2FF" /><path d="M711 418.1c83.5 0 151.2 59.4 151.2 130.3 0 66.5-60.3 122-136.4 128.3H226.7c-85.4-10.3-146.1-74.1-146.1-149.3 0-70.5 57.1-129.5 134.1-145.4 25.1-77.2 110.4-136.3 208.8-136.3 118.8 0 212 84.8 212 185 0 2.4-0.5 4.4-0.5 7.1 22.2-11 48.2-19.7 76-19.7z" fill="#E5E5E5" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="388" height="388" viewBox="0 0 388 388"><defs><clipPath id="master_svg0_27_4034"><rect x="0" y="0" width="388" height="388" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_27_4034)"><g><path d="M316.6137578125,118.218757421875C278.1927578125,118.218757421875,247.0466578125,87.072657421875,247.0466578125,48.651557421875C247.0466578125,41.565957421875,248.1076578125,34.707767421875,250.07795781250002,28.266357421875C228.9728578125,40.846057421875,214.8017578125,63.883557421875,214.8017578125,90.217557421875L214.8017578125,90.937457421875C234.2775578125,102.910857421875,248.3349578125,123.144457421875,252.2376578125,146.864357421875C257.2013578125,145.386357421875,262.1271578125,144.628357421875,266.9771578125,144.628357421875C282.0576578125,144.628357421875,295.8497578125,150.312357421875,306.3833578125,159.633357421875C332.11075781249997,152.434357421875,352.0037578125,131.291357421875,357.4977578125,104.881257421875C346.01675781250003,113.255057421875,331.8837578125,118.218757421875,316.6137578125,118.218757421875Z" fill="#FFCD00" fill-opacity="1"/></g><g><path d="M214.9154640625,304.71633046875L197.2583640625,304.71633046875L209.76226406249998,292.21243046875C213.05876406250002,288.91593046875,213.05876406250002,283.53543046875,209.76226406249998,280.23893046875C206.4658640625,276.94253046875,201.0853640625,276.94253046875,197.7888640625,280.23893046875L185.2849640625,292.74283046875L185.2849640625,275.08584046875C185.2849640625,270.42529046875,181.4958640625,266.63623046875,176.8353640625,266.63623046875C172.1747640625,266.63623046875,168.38576406250002,270.42529046875,168.38576406250002,275.08584046875L168.38576406250002,292.74283046875L155.8818640625,280.23893046875C152.5853640625,276.94253046875,147.2048640625,276.94253046875,143.9083640625,280.23893046875C140.6119640625,283.53543046875,140.6119640625,288.91593046875,143.9083640625,292.21243046875L156.41226406250001,304.71633046875L138.7552740625,304.71633046875C134.0947240625,304.71633046875,130.3056640625,308.50533046875,130.3056640625,313.16593046875C130.3056640625,317.82643046875,134.0947240625,321.61553046875,138.7552740625,321.61553046875L156.41226406250001,321.61553046875L143.9083640625,334.11943046875C140.6119640625,337.41593046875,140.6119640625,342.79643046875003,143.9083640625,346.09283046875C145.5755640625,347.76003046875,147.7353640625,348.55573046874997,149.8951640625,348.55573046874997C152.0548640625,348.55573046874997,154.2146640625,347.72213046875,155.8818640625,346.09283046875L168.38576406250002,333.58893046875L168.38576406250002,351.24603046875C168.38576406250002,355.90653046875,172.1747640625,359.69563046875,176.8353640625,359.69563046875C181.4958640625,359.69563046875,185.2849640625,355.90653046875,185.2849640625,351.24603046875L185.2849640625,333.58893046875L197.7888640625,346.09283046875C199.4560640625,347.76003046875,201.6158640625,348.55573046874997,203.7755640625,348.55573046874997C205.9353640625,348.55573046874997,208.0951640625,347.72213046875,209.76226406249998,346.09283046875C213.05876406250002,342.79643046875003,213.05876406250002,337.41593046875,209.76226406249998,334.11943046875L197.2583640625,321.61553046875L214.9154640625,321.61553046875C219.57596406250002,321.61553046875,223.36506406249998,317.82643046875,223.36506406249998,313.16593046875C223.36506406249998,308.50533046875,219.57596406250002,304.71633046875,214.9154640625,304.71633046875Z" fill="#B3E2FF" fill-opacity="1"/></g><g><path d="M269.4030390625,158.42056796875C301.0410390625,158.42056796875,326.6930390625,180.92766796875,326.6930390625,207.79216796875C326.6930390625,232.98916796875,303.8450390625,254.01816796875,275.0100390625,256.40616796874997L85.8982390625,256.40616796874997C53.5396390625,252.50316796875,30.5400390625,228.32916796875,30.5400390625,199.83516796875C30.5400390625,173.12216796875,52.1755390625,150.76666796875,81.3513390625,144.74206796875C90.8619390625,115.49056796875,123.1826390625,93.09716796875,160.4670390625,93.09716796875C205.4810390625,93.09716796875,240.7950390625,125.22846796875001,240.7950390625,163.19486796875C240.7950390625,164.10416796875,240.6060390625,164.86196796874998,240.6060390625,165.88506796874998C249.0170390625,161.71706796875,258.8690390625,158.42056796875,269.4030390625,158.42056796875Z" fill="#4966FF" fill-opacity="1"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

2
src/assets/icons/zhenyu-rijian.svg

@ -1 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M450.2 808.1c3.9 1.9 8 2.7 12 2.7 10.4 0 20.4-5.9 25.2-15.9l32.2-67.3c6.6-13.9 0.8-30.6-13.1-37.2-13.9-6.7-30.6-0.8-37.2 13.1L437 770.9c-6.6 13.9-0.7 30.5 13.2 37.2z m56.8 30.4c-13.9-6.7-30.6-1-37.3 12.9l-32.6 67.1c-6.7 13.9-1 30.6 12.9 37.3 3.9 1.9 8.1 2.8 12.2 2.8 10.3 0 20.3-5.8 25.1-15.7l32.6-67.1c6.8-13.9 1-30.6-12.9-37.3z" fill="#B3E2FF" /><path d="M894.6 279H859c-14.7 0-26.8 11.7-26.8 26.8s12.1 26.8 26.8 26.8h35.5c14.7 0 26.8-11.7 26.8-26.8s-12-26.8-26.7-26.8z m-359.3-80.1c10.2 10.2 27.6 10.2 37.8 0 10.2-10.2 10.2-27.2 0-37.8l-25.3-24.9c-10.2-10.2-27.6-10.2-37.8 0-10.2 10.2-10.2 27.2 0 37.4l25.3 25.3z m315.8-62.4c-10.2-10.2-27.6-10.2-37.8 0l-25.3 25c-10.2 10.2-10.2 27.2 0 37.8 10.2 9.8 27.2 9.8 37.8-0.4l25.3-24.9c10.2-10.7 10.2-27.3 0-37.5z m-170.7 18.2c14.7 0 26.8-11.7 26.8-26.8V92.3c0-14.7-12.1-26.8-26.8-26.8-14.7 0-26.8 11.7-26.8 26.8v35.5c-0.1 15.1 12 26.9 26.8 26.9z m-23.7 216.4c19.2-9.9 80.6-15.5 114.1 6.8 22.3-22.3 28.1-40.2 28.1-76.7 0-67.8-54.9-122.3-122.3-122.3-48.3 0-90.4 28.2-109.8 69.2 43.6 27.1 76.7 71.2 89.9 123z" fill="#FFCD00" /><path d="M709 413.7c80.3 0 145.5 57.1 145.5 125.3 0 64-58 117.3-131.2 123.4H243.2c-82.1-9.9-140.5-71.2-140.5-143.6 0-67.8 54.9-124.6 128.9-139.8 24.1-74.3 106.2-131 200.8-131 114.2 0 203.9 81.5 203.9 177.9 0 2.3-0.4 4.2-0.4 6.9 21.3-10.7 46.3-19.1 73.1-19.1z" fill="#E5E5E5" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="388" height="388" viewBox="0 0 388 388"><defs><clipPath id="master_svg0_27_4044"><rect x="0" y="0" width="388" height="388" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_27_4044)"><g><path d="M170.582850625,306.19441640625C172.060580625,306.91431640625,173.614100625,307.21751640625,175.129740625,307.21751640625C179.070340625,307.21751640625,182.859440625,304.98191640625,184.678140625,301.19291640625L196.87894062499998,275.69251640625C199.379740625,270.42568640625,197.182040625,264.09794640625,191.915240625,261.59716640625C186.648440625,259.05849640625,180.32074062499998,261.29404440625,177.819940625,266.56084640625L165.581290625,292.09911640625C163.080500625,297.36591640625,165.316051625,303.65571640625,170.582850625,306.19441640625ZM192.104740625,317.71321640625C186.837940625,315.17451640625,180.510240625,317.33431640624997,177.971540625,322.60111640625L165.619180625,348.02571640625C163.080500625,353.29251640625,165.240270625,359.62021640625,170.507070625,362.15931640625C171.984800625,362.87831640625,173.576210625,363.22031640625,175.129740625,363.22031640625C179.032440625,363.22031640625,182.821540625,361.02231640625,184.640240625,357.27101640625L196.992640625,331.84641640625C199.569140625,326.57961640625,197.371540625,320.25181640625,192.104740625,317.71321640625Z" fill="#B3E2FF" fill-opacity="1"/></g><g><path d="M338.96975,105.714859375L325.48075,105.714859375C319.91075,105.714859375,315.32574999999997,110.148059375,315.32574999999997,115.869559375C315.32574999999997,121.591059375,319.91075,126.024359375,325.48075,126.024359375L338.93174999999997,126.024359375C344.50175,126.024359375,349.08675,121.591059375,349.08675,115.869559375C349.08675,110.148059375,344.53975,105.714859375,338.96975,105.714859375ZM202.82875,75.364459375C206.69355,79.229259375,213.28655,79.229259375,217.15135,75.364459375C221.01625,71.499659375,221.01625,65.058159375,217.15135,61.041759375L207.56504999999999,51.607059375C203.70015,47.742159375,197.10723,47.742159375,193.24238,51.607059375C189.377539,55.471859375,189.377539,61.913259375,193.24238,65.778159375L202.82875,75.364459375ZM322.48775,51.720659375C318.62275,47.855859375,312.02975000000004,47.855859375,308.16475,51.720659375L298.57875,61.193359375C294.71375,65.058159375,294.71375,71.499659375,298.57875,75.516059375C302.44275,79.229259375,308.88475,79.229259375,312.90075,75.364459375L322.48775,65.929659375C326.35175000000004,61.875359375,326.35175000000004,55.585559375,322.48775,51.720659375ZM257.80805,58.616759375C263.37795,58.616759375,267.96265,54.183559375,267.96265,48.462159375L267.96265,34.973059375C267.96265,29.403129375,263.37795,24.818359375,257.80805,24.818359375C252.23805,24.818359375,247.65335,29.251559375,247.65335,34.973059375L247.65335,48.424259375C247.61545,54.145659375,252.20015,58.616759375,257.80805,58.616759375ZM248.82795,140.61235937499998C256.10295,136.861359375,279.36775,134.739359375,292.06075,143.188359375C300.51075000000003,134.739359375,302.70875,127.956359375,302.70875,114.126559375C302.70875,88.43675937500001,281.90645,67.786359375,256.36815,67.786359375C238.06695,67.786359375,222.11505,78.471459375,214.76425,94.006659375C231.28455,104.274959375,243.82635,120.984759375,248.82795,140.61235937499998Z" fill="#FFCD00" fill-opacity="1"/></g><g><path d="M268.6450625,156.75355C299.0710625,156.75355,323.7760625,178.38905,323.7760625,204.23075C323.7760625,228.48075,301.7990625,248.67575,274.0630625,250.98775L92.1503625,250.98775C61.0421625,247.23675,38.9140625,224.00975,38.9140625,196.57675C38.9140625,170.88675,59.7160625,149.36485,87.75506250000001,143.60545C96.8867625,115.45275000000001,127.9949625,93.96875,163.8390625,93.96875C207.1100625,93.96875,241.0980625,124.84965,241.0980625,161.37615C241.0980625,162.24765,240.9470625,162.96755000000002,240.9470625,163.99065000000002C249.0180625,159.93635,258.4900625,156.75355,268.6450625,156.75355Z" fill="#82CBFF" fill-opacity="1"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

2
src/assets/icons/zhenyu-wanjian.svg

@ -1 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M822.5 303.2c-97.3 0-176.1-78.9-176.1-176.1 0-18 2.7-35.3 7.7-51.7-53.5 31.8-89.3 90.2-89.3 156.9v1.8c49.3 30.3 84.9 81.6 94.8 141.6 12.6-3.7 25.1-5.6 37.3-5.6 38.2 0 73.1 14.4 99.8 38 65.1-18.2 115.6-71.7 129.4-138.6-29.2 21.2-64.9 33.7-103.6 33.7z" fill="#FFCD00" /><path d="M456.7 801.2c-4.1 0-8.2-0.9-12.2-2.8-13.8-6.7-19.6-23.4-12.9-37.2l32.5-66.9c6.7-13.8 23.4-19.6 37.2-12.9 13.8 6.7 19.6 23.4 12.9 37.2l-32.5 66.9c-4.7 10-14.6 15.7-25 15.7z m0 147.4c-4.1 0-8.2-0.9-12.2-2.8-13.8-6.7-19.6-23.4-12.9-37.2l32.5-66.9c6.7-13.8 23.4-19.6 37.2-12.9 13.8 6.7 19.6 23.4 12.9 37.2l-32.5 66.9c-4.7 9.9-14.6 15.7-25 15.7z" fill="#B3E2FF" /><path d="M702.9 405.1c80.1 0 145.1 57 145.1 125 0 63.9-57.9 117.1-130.9 123.1h-479C156.3 643.4 98 582.2 98 510c0-67.7 54.8-124.3 128.6-139.5 24-74.1 105.9-130.7 200.3-130.7 114 0 203.4 81.3 203.4 177.5 0 2.3-0.4 4.2-0.4 6.8 21.4-10.7 46.3-19 73-19z" fill="#E5E5E5" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="388" height="388" viewBox="0 0 388 388"><defs><clipPath id="master_svg0_27_4054"><rect x="0" y="0" width="388" height="388" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_27_4054)"><g><path d="M311.649959375,114.884380078125C274.78245937500003,114.884380078125,244.924659375,84.988680078125,244.924659375,48.159080078125C244.924659375,41.338680078125,245.947659375,34.783640078125,247.842159375,28.569580078125C227.570659375,40.618780078125,214.005859375,62.746880078125,214.005859375,88.019980078125L214.005859375,88.70198007812499C232.685959375,100.182880078125,246.17495937500001,119.620780078125,249.926159375,142.355580078125C254.700359375,140.95358007812501,259.436759375,140.233580078125,264.059359375,140.233580078125C278.533559375,140.233580078125,291.757459375,145.689580078125,301.874259375,154.631580078125C326.54085937499997,147.735580078125,345.67585937499996,127.464080078125,350.904859375,102.115280078125C339.840859375,110.148080078125,326.313859375,114.884380078125,311.649959375,114.884380078125Z" fill="#FFCD00" fill-opacity="1"/></g><g><path d="M173.04696875,303.579615234375C171.49349875000001,303.579615234375,169.93997875,303.238515234375,168.42434875,302.518615234375C163.19544675,299.980015234375,160.99778875,293.652215234375,163.53645875,288.423315234375L175.85086875,263.074495234375C178.38956875,257.845593234375,184.71736875,255.647935234375,189.94626875,258.186605234375C195.17516875,260.725285234375,197.37276875,267.053015234375,194.83416875,272.281915234375L182.51966875,297.630715234375C180.73876875,301.419815234375,176.98766875,303.579615234375,173.04696875,303.579615234375ZM173.04696875,359.430615234375C171.49349875000001,359.430615234375,169.93997875,359.089615234375,168.42434875,358.36961523437503C163.19544675,355.830715234375,160.99778875,349.50301523437497,163.53645875,344.274115234375L175.85086875,318.925315234375C178.38956875,313.696415234375,184.71736875,311.498715234375,189.94626875,314.037415234375C195.17516875,316.576015234375,197.37276875,322.903815234375,194.83416875,328.132715234375L182.51966875,353.481515234375C180.73876875,357.232615234375,176.98766875,359.430615234375,173.04696875,359.430615234375Z" fill="#B3E2FF" fill-opacity="1"/></g><g><path d="M266.3328125,153.49501640625C296.6838125,153.49501640625,321.3128125,175.09271640625002,321.3128125,200.85781640624998C321.3128125,225.07081640625,299.3738125,245.22781640625,271.7138125,247.50181640625L90.2176125,247.50181640625C59.223012499999996,243.78881640625,37.1328125,220.59981640625,37.1328125,193.24181640625C37.1328125,167.59031640625,57.8969125,146.14421640625,85.8601125,140.38481640625C94.9539125,112.30791640625,125.9863125,90.86181640625,161.7548125,90.86181640625C204.9508125,90.86181640625,238.8248125,121.66691640625,238.8248125,158.11771640625C238.8248125,158.98911640625,238.6728125,159.70911640625002,238.6728125,160.69421640625C246.7818125,156.63991640625,256.2168125,153.49501640625,266.3328125,153.49501640625Z" fill="#4966FF" fill-opacity="1"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

2
src/assets/icons/zhongxue-rijian.svg

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 5.6 KiB

2
src/assets/icons/zhongyu-rijian.svg

@ -1 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M775.3 286.5c91.7 0 166.2 76.5 166.2 167.7 0 85.6-66.3 157-149.9 165.1H243.1C149.3 606 82.6 524 82.6 427.1c0-90.7 62.7-166.7 147.3-187.1 27.5-99.4 121.3-175.3 229.4-175.3 130.5 0 232.9 109.1 232.9 238 0 3.1-0.5 5.6-0.5 9.2 24.4-14.2 53-25.4 83.6-25.4z" fill="#E5E5E5" /><path d="M420.3 653.4c-15.8-7.7-34.9-1.1-42.6 14.7l-37.3 76.6c-7.7 15.8-1.1 34.9 14.7 42.6 4.5 2.2 9.2 3.2 13.9 3.2 11.8 0 23.2-6.6 28.7-17.9L435 696c7.7-15.8 1.1-34.9-14.7-42.6z m0 168.7c-15.8-7.7-34.9-1.1-42.6 14.7l-37.3 76.6c-7.7 15.8-1.1 34.9 14.7 42.6 4.5 2.2 9.2 3.2 13.9 3.2 11.8 0 23.2-6.6 28.7-17.9l37.3-76.6c7.7-15.8 1.1-34.9-14.7-42.6z m157.9-34.8c4.5 2.2 9.2 3.2 13.9 3.2 11.8 0 23.2-6.6 28.7-17.9l37.3-76.6c7.7-15.8 1.1-34.9-14.7-42.6-15.8-7.7-34.9-1.1-42.6 14.7l-37.3 76.6c-7.7 15.9-1.1 34.9 14.7 42.6z m65.2 34.8c-15.8-7.7-34.9-1.1-42.6 14.7l-37.3 76.6c-7.7 15.8-1.1 34.9 14.7 42.6 4.5 2.2 9.2 3.2 13.9 3.2 11.8 0 23.2-6.6 28.7-17.9l37.3-76.6c7.7-15.8 1.1-34.9-14.7-42.6z" fill="#B3E2FF" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="388" height="388" viewBox="0 0 388 388"><defs><clipPath id="master_svg0_27_4071"><rect x="0" y="0" width="388" height="388" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_27_4071)"><g><path d="M293.7658515625,108.55653671875C328.5118515625,108.55653671875,356.7408515625,137.54313671875002,356.7408515625,172.09913671875C356.7408515625,204.53313671875,331.6188515625,231.58713671875,299.9428515625,234.65613671875L92.11235156250001,234.65613671875C56.570851562499996,229.61713671875,31.2978515625,198.54713671875,31.2978515625,161.83113671875C31.2978515625,127.46413671875,55.055251562500004,98.66713671875,87.1107515625,90.93743671875C97.5306515625,53.27413671875,133.0718515625,24.51513671875,174.0318515625,24.51513671875C223.4788515625,24.51513671875,262.2788515625,65.85383671875,262.2788515625,114.69483671875C262.2788515625,115.86943671875,262.08985156250003,116.81673671875,262.08985156250003,118.18073671875C271.33485156250003,112.80033671875,282.1718515625,108.55653671875,293.7658515625,108.55653671875Z" fill="#82CBFF" fill-opacity="1"/></g><g><path d="M159.25531875000001,247.5773684375C153.26861875,244.6597884375,146.03151875,247.1605694375,143.11391875,253.1472884375L128.98068875,282.1714984375C126.06310875,288.1581984375,128.56388975,295.3952984375,134.55060875,298.3128984375C136.25568875,299.1464984375,138.03651875,299.52539843750003,139.81741875,299.52539843750003C144.28851875,299.52539843750003,148.60801874999999,297.0245984375,150.69201875,292.7429984375L164.82521875,263.7187984375C167.74281875,257.7320984375,165.24201875,250.4949484375,159.25531875000001,247.5773684375ZM159.25531875000001,311.4988984375C153.26861875,308.5812984375,146.03151875,311.0820984375,143.11391875,317.0687984375L128.98068875,346.0929984375C126.06310875,352.0793984375,128.56388975,359.31639843749997,134.55060875,362.2343984375C136.25568875,363.0683984375,138.03651875,363.4473984375,139.81741875,363.4473984375C144.28851875,363.4473984375,148.60801874999999,360.94639843749997,150.69201875,356.6643984375L164.82521875,327.6402984375C167.74281875,321.6534984375,165.24201875,314.4163984375,159.25531875000001,311.4988984375ZM219.08461875,298.3128984375C220.78971875000002,299.1464984375,222.57051875000002,299.52539843750003,224.35141875,299.52539843750003C228.82271875,299.52539843750003,233.14171875,297.0245984375,235.22571875,292.7429984375L249.35871874999998,263.7187984375C252.27671875,257.7320984375,249.77571875,250.4949484375,243.78971875000002,247.5773684375C237.80271875,244.6597884375,230.56571875,247.1605694375,227.64791875,253.1472884375L213.51471875,282.1714984375C210.59711875,288.1960984375,213.09791875000002,295.3952984375,219.08461875,298.3128984375ZM243.78971875000002,311.4988984375C237.80271875,308.5812984375,230.56571875,311.0820984375,227.64791875,317.0687984375L213.51471875,346.0929984375C210.59711875,352.0793984375,213.09791875000002,359.31639843749997,219.08461875,362.2343984375C220.78971875000002,363.0683984375,222.57051875000002,363.4473984375,224.35141875,363.4473984375C228.82271875,363.4473984375,233.14171875,360.94639843749997,235.22571875,356.6643984375L249.35871874999998,327.6402984375C252.27671875,321.6534984375,249.77571875,314.4163984375,243.78971875000002,311.4988984375Z" fill="#B3E2FF" fill-opacity="1"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
src/assets/images/20230908-091531.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB

BIN
src/assets/images/col_icon.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

BIN
src/assets/images/info_bg.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

BIN
src/assets/images/panelBtn_bg.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

BIN
src/assets/images/panel_icon.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

7
src/types/components.d.ts

@ -32,9 +32,16 @@ declare module '@vue/runtime-core' {
Hamburger: typeof import('./../components/Hamburger/index.vue')['default']
LangSelect: typeof import('./../components/LangSelect/index.vue')['default']
MultiUpload: typeof import('./../components/Upload/MultiUpload.vue')['default']
NAvatar: typeof import('naive-ui')['NAvatar']
NBadge: typeof import('naive-ui')['NBadge']
NButton: typeof import('naive-ui')['NButton']
NCollapse: typeof import('naive-ui')['NCollapse']
NCollapseItem: typeof import('naive-ui')['NCollapseItem']
NDrawer: typeof import('naive-ui')['NDrawer']
NDrawerContent: typeof import('naive-ui')['NDrawerContent']
NIcon: typeof import('naive-ui')['NIcon']
NMenu: typeof import('naive-ui')['NMenu']
NScrollbar: typeof import('naive-ui')['NScrollbar']
NSpin: typeof import('naive-ui')['NSpin']
NTooltip: typeof import('naive-ui')['NTooltip']
Pagination: typeof import('./../components/Pagination/index.vue')['default']

55
src/views/monitoring/components/header.vue

@ -38,17 +38,41 @@
</template>
返回首页
</n-tooltip>
<n-tooltip trigger="hover" v-if="warningShow">
<template #trigger>
<n-badge class="warningbadge" :value="warningData.length" :max="15">
<n-button class="tooltips" circle quaternary @click="waringClick">
<template #icon>
<n-icon>
<Bell />
</n-icon>
</template>
</n-button>
</n-badge>
</template>
报警
</n-tooltip>
</div>
<n-drawer class="waringDrawer" v-model:show="waringDrawer" :default-width="420" resizable placement="right">
<n-drawer-content closable>
<template #header>
消息
</template>
啊呀呀呀呀
</n-drawer-content>
</n-drawer>
</template>
<script lang="ts" setup>
import router from '@/router';
import { getWeather } from '@/api/user/index';
import { Filter, Maximize, Settings, Power } from '@vicons/tabler';
import { Filter, Maximize, Settings, Power, Bell } from '@vicons/tabler';
import { useDateFormat, useNow } from '@vueuse/core';
const currentTime = useDateFormat(useNow(), 'YYYY-MM-DD HH:mm:ss');
import calendar from '@/utils/lunar';
const emit = defineEmits(['showModalClick', 'returnClick']);
const timer = ref()
const isCurrentRoute = ref(true)
const waringDrawer = ref(false)
const weatherData = ref(
{ city: "", weather: "", temperature: "", weatherImg: "" }
@ -67,6 +91,14 @@ const props = defineProps({
settingShow: {
type: Boolean,
default: false
},
warningShow: {
type: Boolean,
default: false
},
warningData: {
type: Array,
default: [1, 2, 3],
}
});
@ -81,8 +113,12 @@ function showClick() {
}
function returnBack() {
//
emit('returnClick', '');
// router.replace("/dashboard")
// emit('returnClick', '');
router.replace("/dashboard")
}
function waringClick() {
//
waringDrawer.value = true
}
// function getWeatherData() {
@ -181,6 +217,10 @@ function getWeatherData() {
top: 2.5rem;
right: 7rem;
.warningbadge {
margin-top: -10px;
}
.tooltips {
width: 36px;
height: 36px;
@ -195,4 +235,13 @@ function getWeatherData() {
margin-left: 10px;
}
}
.n-drawer-container {
color: red;
.waringDrawer {
background: #0f2856;
backdrop-filter: blur(10px);
overflow: hidden;
}
}
</style>

186
src/views/monitoring/components/menu.vue

@ -0,0 +1,186 @@
<template>
<n-menu ref="menuInstRef" class="menu" :indent="0" :options="menuOptions" v-model:value="selectedKey" key-field="deptId"
label-field="deptName" :default-expand-all="false" :watch-props="['defaultExpandedKeys']"
:render-label="renderMenuLabel" @update:value="menuUpdateValue" />
</template>
<script lang="ts" setup>
import type { MenuOption } from 'naive-ui';
// import { NEllipsis } from 'naive-ui';
import { getMenu } from '@/api/table/list';
import { getMenuData } from '@/api/device/index';
import { getFirstNodeLastLevel } from '@/utils/index';
import useStorage from '@/utils/useStorage'
import mitt from '@/plugins/bus';
const menuOptions = ref([]);
const selectedKey = ref();
const sessionStorageIns = useStorage('sessionStorage');
const emit = defineEmits(['tableMenuData']);
const props = defineProps({
menuType: {
type: String,
default: '1',
},
});
onMounted(() => {
if (props.menuType === '1') {
menuApi();
} else if (props.menuType === '2') {
comMenuApi()
}
});
function menuApi() {
//
getMenu().then((res: any) => {
if (res.code === 200) {
const key = getFirstNodeLastLevel(res.data).deptId
removeChildren(res.data);
menuOptions.value = res.data;
selectedKey.value = key;
sessionStorageIns.setUseStorage('deptId', key);
mitt.emit(props.menuType === '1' ? 'menuKey' : 'deviceMenuKey', key);
emit('tableMenuData', res.data);
}
});
}
function comMenuApi() {
//
getMenuData().then((res: any) => {
if (res.code === 200) {
const key = getFirstNodeLastLevel(res.data).deptId
removeChildren(res.data);
menuOptions.value = res.data;
selectedKey.value = key;
sessionStorageIns.setUseStorage('deptId', key);
mitt.emit(props.menuType === '1' ? 'menuKey' : 'deviceMenuKey', key);
emit('tableMenuData', res.data);
}
});
}
function removeChildren(menu: any) {
//children
if (!Array.isArray(menu)) {
return;
}
menu.forEach((item) => {
if (item.children && item.children.length === 0) {
delete item.children;
} else {
removeChildren(item.children);
}
});
}
function renderMenuLabel(option: MenuOption) {
//
return h(NEllipsis, null, option.deptName as string);
}
function menuUpdateValue(key: string, item: MenuOption) {
//
sessionStorageIns.setUseStorage('deptId', key);
mitt.emit(props.menuType === '1' ? 'menuKey' : 'deviceMenuKey', key);
console.log(key, item);
}
</script>
<style lang="scss" scoped>
:root {
--n-item-text-color-child-active-hover: #fff;
--n-item-text-color-active-hover: #fff;
--n-item-text-color-child-active: #fff;
}
.menu {
text-align: center;
:deep(.n-submenu) {
--n-item-color-hover: auto;
.n-menu-item {
.n-menu-item-content {
padding: 0 !important;
.n-ellipsis {
font-family: 'AlibabaPuHuiTiBold';
padding: 0 15px;
}
}
// .n-menu-item-content--child-active {
// .n-menu-item-content-header:hover {
// color: #fff !important;
// }
// .n-menu-item-content__arrow:hover {
// color: #fff !important;
// }
// }
// .n-menu-item-content--child-active:hover{
// color: #fff !important;
// }
.n-menu-item-content-header {
font-size: 2.2rem;
color: #B1E3FF;
}
}
.n-submenu-children {
.n-menu-item-content-header {
font-size: 1.6rem;
}
.n-menu-item-content--selected {
.n-menu-item-content-header {
color: #fff;
.n-ellipsis {
position: relative;
span {
padding: 0 10px;
}
span::before {
content: '';
position: absolute;
left: 0;
top: 0.7rem;
width: 1.8rem;
height: 1.8rem;
background: url(@/assets/images/taps.png) no-repeat;
background-size: cover;
}
}
}
}
.n-menu-item-content--selected::before {
background: -webkit-linear-gradient(left, #1fc7ff29 0%, #1177e700 100%);
left: 0;
right: 0;
}
.n-menu-item-content--selected::after {
content: '';
position: absolute;
bottom: 0;
width: 100%;
height: 2px;
background: -webkit-linear-gradient(left, #1fc7ff29 0%, #1177e700 100%);
}
}
.n-base-icon {
color: #84e0f7;
right: 10px;
}
}
}
</style>

101
src/views/monitoring/devicemanage/components/main.vue

@ -147,68 +147,53 @@
<div class="dataInfo dataInfo11" v-html="doubleCount('045',2)"></div>
<img class="deviceImg" src="@/assets/images/device03.jpg" />
</div> -->
<div class="devicInfo">
<div class="valves">
<div class="devicInfo" v-if="infoData?.length != 0">
<div class="title">
<i />
<span>阀门控制</span>
</div>
<div class="infoPanel">
<n-scrollbar class="item">
<n-collapse class="collapse" :default-expanded-names="[0, 1, 2]">
<template #arrow>
<img src="@/assets/images/col_icon.png" />
</template>
<n-collapse-item class="colItem" :title="item.label" :name="index" v-for="(item, index) in infoData"
:key="index">
<div class="content">
<span v-for="(res, index) in item.header_valve" :key="index">{{ res.label }}: {{ res.value }}{{
res.paramUnit }}</span>
</div>
</n-collapse-item>
</n-collapse>
</n-scrollbar>
<n-scrollbar class="item">
<n-collapse class="collapse" :default-expanded-names="[0, 1, 2]">
<template #arrow>
<img src="@/assets/images/col_icon.png" />
</template>
<n-collapse-item class="colItem" :title="item.label" :name="index" v-for="(item, index) in infoData"
:key="index">
<div class="content pump">
<span v-for="(res, index) in item.header_pump" :key="index">{{ res.label }}: {{ res.value }}{{
res.paramUnit }}</span>
</div>
</n-collapse-item>
</n-collapse>
</n-scrollbar>
</div>
<!-- <div class="valves">
<div class="title l_green">阀门控制</div>
<div class="info">
<!-- <div class="select orange">
长岛三期分区参数选择:
<n-button class="orange" type="info" size="small">
低区
</n-button>
<n-button class="orange" type="info" size="small">
中区
</n-button>
<n-button class="orange" type="info" size="small">
高区
</n-button>
</div> -->
<div class="table">
<div class="item" v-for="(item, index) in infoData" :key="index">
<div class="lable l_green">{{ item.label }}</div>
<div class="parameters">
<span class="name" v-for="(res, index) in item.header_valve" :key="index">{{ res.label }}:{{ res.value }}
{{ res.paramUnit }}</span>
<!-- <div class="set">
<span class="orange">设定开度:100.0%</span>
<span class="l_blue">反馈开度:100.0%</span>
</div> -->
<!-- <div class="set l_blue">
控阀方式:
<n-radio-group v-model:value="value" name="radiogroup" size="small">
<n-space>
<n-radio :value="0">远程控阀</n-radio>
<n-radio :value="1">就地控阀</n-radio>
</n-space>
</n-radio-group>
</div> -->
</div>
</div>
</div>
<!-- <div class="switch">
<span class="orange">
一补二电磁阀状态:
<n-switch v-model:value="active" size="small">
<template #checked>
</template>
<template #unchecked>
</template>
</n-switch>
</span>
<span class="l_blue">
是否启动一补二电磁阀:
<n-switch v-model:value="active" size="small">
<template #checked>
</template>
<template #unchecked>
</template>
</n-switch>
</span>
</div> -->
</div>
</div>
<div class="pump">
@ -221,8 +206,9 @@
{{ res.paramUnit }}</span>
</div>
</div>
</div>
</div> -->
</div>
<div class="tips" v-if="infoData?.length === 0">暂无设备信息</div>
</div>
</template>
<script lang="ts" setup>
@ -233,12 +219,11 @@ import mitt from '@/plugins/bus';
const value = ref(0)
// const active = ref(true)
const deviceMenuKey = ref();
const infoData = ref([
{ header_main: [] }
]);
const infoData = ref<deviceVo[]>();
const zoneType = ref()//1:,2:2,3:3:,4:
const timer = ref()
const isCurrentRoute = ref(true)
// const collapseDefault = ref<any[]>();
defineProps({
sidebarHeight: {
@ -263,8 +248,8 @@ function gitDevice() {
await gitDevice();
}, 20000)
}
infoData.value = res.data.datas;
zoneType.value = res.data.pCounts
infoData.value = Object.keys(res.data).length === 0 ? [] : res.data.datas;
zoneType.value = Object.keys(res.data).length === 0 ? 0 : res.data.pCounts;
} else {
clearTimeout(timer.value);
}
@ -273,7 +258,7 @@ function gitDevice() {
onUnmounted(() => {
//setTimeout
if (timer.value !== null||timer.value !== undefined) {
if (timer.value !== null || timer.value !== undefined) {
clearTimeout(timer.value);
}
})

162
src/views/monitoring/devicemanage/components/menu.vue

@ -1,150 +1,66 @@
<template>
<el-menu ref="menuInstRef" class="menu" background-color="transparent" text-color="#84e0f7" active-text-color="#ffd04b"
:default-active="selectedKey" unique-opened @open="openClick" @close="closeClick" @select="selectClick">
<el-sub-menu :index="`${item.deptId}`" v-for="(item, index) in menuOptions" :key="item.deptId">
<template #title>
<el-tooltip class="box-item" effect="dark" :content="item.deptName" placement="top-start">
<span>{{ item.deptName }}</span>
</el-tooltip>
</template>
<el-sub-menu :index="`${result.deptId}`" v-for="(result, index) in item.children" :key="result.deptId">
<template #title>
<div @click.native="clickNative(result)">{{ result.deptName }}</div>
</template>
<el-menu-item :index="`${res.deptId}`" v-for="(res, index) in result.children" :key="res.deptId">
<el-tooltip class="box-item" effect="dark" :content="res.deptName" placement="right-start">
<span>{{ res.deptName }}</span>
</el-tooltip>
</el-menu-item>
</el-sub-menu>
</el-sub-menu>
</el-menu>
<n-menu ref="menuInstRef" class="menu" :indent="0" :options="menuOptions" v-model:value="selectedKey" key-field="deptId"
label-field="deptName" :default-expand-all="false" :watch-props="['defaultExpandedKeys']"
:render-label="renderMenuLabel" @update:value="menuUpdateValue" />
</template>
<script lang="ts" setup>
import { useRoute } from "vue-router";
import { getDept, getDeviceList } from '@/api/device/index';
import { menuVo, deviceVo } from '@/api/device/types';
import type { MenuOption } from 'naive-ui';
// import { NEllipsis } from 'naive-ui';
import { getMenuData } from '@/api/device/index';
import { getFirstNodeLastLevel } from '@/utils/index';
import useStorage from '@/utils/useStorage'
import mitt from '@/plugins/bus';
const deptData = ref([]);
const menuOptions = ref([]);
const selectedKey = ref();
const menuOptions = ref<menuVo[]>();
const deviceData = ref<deviceVo[]>();
const router = useRoute()
const sessionStorageIns = useStorage('sessionStorage');
const emit = defineEmits(['tableMenuData']);
onMounted(() => {
if (router.query?.id === undefined) {
menuApi('0');
} else {
menuApi('2');
}
menuApi();
});
function menuApi(type: string) {
//
getDept().then((res: any) => {
function menuApi() {
//
getMenuData().then((res: any) => {
if (res.code === 200) {
// removeChildren(res.data);
deptData.value = res.data;
// menuOptions.value = res.data
// selectedKey.value = key;
// mitt.emit('deviceMenuKey', key);
const key = getFirstNodeLastLevel(res.data).deptId
removeChildren(res.data);
menuOptions.value = res.data;
selectedKey.value = key;
sessionStorageIns.setUseStorage('deptId', key);
mitt.emit('deviceMenuKey', key);
emit('tableMenuData', res.data);
if (type === '0') {
const key =
res.data[0] && res.data[0].children && res.data[0].children.length > 0
? res.data[0].children[0].deptId
: res.data[0].deptId;
gitDevice(key, '0')
} else {
const deptId = Number(sessionStorage.getItem('deptId'))
gitDevice(deptId, '2')
}
}
});
}
function gitDevice(key: number, type: string) {
//
const params = key;
getDeviceList(params).then((res: any) => {
if (res.code === 200) {
// res.data.map((item: any) => {
// item.level = '3'
// item.deptId = Number(item.deviceUUID)
// item.deptName = item.deviceName
// });
deptData.value.map((result: any) => {
if (result.children && result.children.length) {
result.children.map((data: any) => {
if (key === data.deptId) {
data.children = res.data
}
});
}
});
if (type === '0') {
const deptIdKey = res.data[0].deptId;
selectedKey.value = deptIdKey.toString();
mitt.emit('deviceMenuKey', deptIdKey);
} else if (type === '2') {
const deptIdKey = router.query?.id;
selectedKey.value = deptIdKey?.toString();
mitt.emit('deviceMenuKey', deptIdKey);
}
menuOptions.value = deptData.value
deviceData.value = res.data;
// console.log(menuOptions.value)
// if (type === '0') {
// selectedKey.value = res.data[0].deptId;
// mitt.emit('deviceMenuKey', res.data[0].deptId);
// }
function removeChildren(menu: any) {
//children
if (!Array.isArray(menu)) {
return;
}
menu.forEach((item) => {
if (item.children && item.children.length === 0) {
delete item.children;
} else {
removeChildren(item.children);
}
});
}
// function removeChildren(menu: any) {
// //children
// if (!Array.isArray(menu)) {
// return;
// }
// menu.forEach((item) => {
// if (item.children && item.children.length === 0) {
// delete item.children;
// } else {
// removeChildren(item.children);
// }
// });
// }
// function menuUpdateValue(key: number, item: MenuOption) {
// //
// // gitDevice(key, '1')
// mitt.emit('deviceMenuKey', key);
// console.log(key, item);
// }
const openClick = (key: string, indexPath: string[]) => {
//sub-menu
console.log("open-", key, indexPath)
// gitDevice(Number(key), '1')
}
const closeClick = (key: string, keyPath: string[]) => {
//sub-menu
console.log("close-", key, keyPath)
}
const selectClick = (key: string, keyPath: string[], item: any) => {
//
console.log("select-", key, keyPath, item)
mitt.emit('deviceMenuKey', key);
function renderMenuLabel(option: MenuOption) {
//
return h(NEllipsis, null, option.deptName as string);
}
function clickNative(item: any) {
gitDevice(item.deptId, '1')
console.log("clickNative-", item)
function menuUpdateValue(key: string, item: MenuOption) {
//
sessionStorageIns.setUseStorage('deptId', key);
mitt.emit('deviceMenuKey', key);
console.log(key, item);
}
</script>
<style lang="scss" scoped>

449
src/views/monitoring/devicemanage/index.scss

@ -1,42 +1,17 @@
.devicemanage {
position: relative;
width: 100%;
height: 100vh;
background: -webkit-linear-gradient(top, #020e38 0%, #04195b 100%);
background: url(@/assets/images/screen.png);
// background-color: var(--tableBg);
background-size: 100% 100%;
padding: 20px;
background-color: rgba(0, 0, 0, 0.3);
background-blend-mode: multiply;
padding: 0 25px;
overflow: hidden;
.title {
display: flex;
justify-content: space-between;
align-items: center;
height: 5.7rem;
h3 {
font-size: 3.8rem;
font-weight: 800;
color: #84e0f7;
}
}
.seeting {
.tooltips {
color: #606266;
border: 2px solid #1e60a6;
box-shadow: inset 0px 0px 10px 0px rgb(36, 90, 124);
background-color: transparent;
:deep(span) {
color: #5beff9;
}
margin-left: 10px;
}
}
.layout {
display: flex;
margin-top: 20px;
.sidebar {
width: 12%;
@ -48,30 +23,80 @@
margin-right: 1%;
overflow: scroll;
.menu {
text-align: center;
border-right: none;
.el-sub-menu {
span {
font-size: 2.2rem;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.el-menu-item {
span {
font-size: 1.4rem;
}
}
}
.el-sub-menu:hover,
.el-menu-item:hover {
background-color: transparent !important;
}
}
// .menu {
// text-align: center;
// :deep(.n-submenu) {
// --n-item-color-hover: auto;
// .n-menu-item {
// .n-menu-item-content {
// padding: 0 !important;
// .n-ellipsis {
// font-family: 'AlibabaPuHuiTiBold';
// padding: 0 15px;
// }
// }
// .n-menu-item-content-header {
// font-size: 2.4rem;
// color: #B1E3FF;
// }
// }
// .n-submenu-children {
// .n-menu-item-content-header {
// font-size: 1.8rem;
// }
// .n-menu-item-content--selected {
// .n-menu-item-content-header {
// color: #fff;
// .n-ellipsis {
// position: relative;
// span {
// padding: 0 10px;
// }
// span::before {
// content: '';
// position: absolute;
// left: 0;
// top: 0.7rem;
// width: 1.8rem;
// height: 1.8rem;
// background: url(../../../assets/images/taps.png) no-repeat;
// background-size: cover;
// }
// }
// }
// }
// .n-menu-item-content--selected::before {
// background: -webkit-linear-gradient(left, #1fc7ff29 0%, #1177e700 100%);
// left: 0;
// right: 0;
// }
// .n-menu-item-content--selected::after {
// content: '';
// position: absolute;
// bottom: 0;
// width: 100%;
// height: 2px;
// background: -webkit-linear-gradient(left, #1fc7ff29 0%, #1177e700 100%);
// }
// }
// .n-base-icon {
// color: #84e0f7;
// right: 10px;
// }
// }
// }
}
.main {
@ -108,12 +133,15 @@
display: block;
}
}
.dataFlex{
.dataFlex {
display: flex;
.flexItem{
.flexItem {
margin-right: 15px;
}
.flexItem:last-child{
.flexItem:last-child {
margin-right: 0;
}
}
@ -139,62 +167,76 @@
top: 40%;
left: 4%;
}
.card_b {
top: 5%;
left: 3%;
}
.card_c {
top: 9%;
right: 3%;
}
.card_f {
top: 52%;
right: 6%;
}
}
.deviceImgB {
.card_a {
top: 42%;
left: 8%;
}
.card_b {
top: 10%;
left: 9%;
}
.card_c {
top: 1%;
right: 21%;
}
.card_d {
top: 32%;
right: 18%;
}
.card_f {
top: 62%;
right: 11%;
}
}
.deviceImgC {
.card_a {
top: 1%;
left: 9%;
}
.card_b {
top: 55%;
left: 6%;
}
.card_c {
top: 1%;
right: 22%;
}
.card_d {
top: 32%;
right: 20%;
}
.card_e {
top: 36%;
right: 4%;
}
.card_f {
top: 68%;
right: 13%;
@ -353,125 +395,226 @@
// }
.devicInfo {
display: flex;
justify-content: space-between;
padding: 10px 20px;
margin: 3% 20px 0 20px;
// border: 2px solid #292a48;
.l_green {
color: #39c33c;
}
.l_blue {
color: #41a5d7;
}
.orange {
color: #c15757;
}
color: #B1E3FF;
padding: 0 3rem;
font-family: 'AlibabaPuHuiTiRegular';
.title {
font-size: 16px;
}
.valves {
display: flex;
align-items: center;
flex-shrink: 0;
width: 40%;
.title {
writing-mode: vertical-rl;
// transform: rotate(180deg);
font-size: 20px;
background: url(@/assets/images/info_bg.png) no-repeat center;
background-size: 100% 100%;
i {
display: block;
width: 6px;
height: 50px;
background: linear-gradient(270deg, #679FFF 0%, rgba(17, 119, 231, 0.698) 100%);
border-radius: 0px 0px 0px 0px;
margin-right: 18px;
}
}
.info {
.select {
font-weight: 800;
.n-button {
margin-right: 5px;
background: linear-gradient(#3370cb, #162f68, #162f68);
}
}
.table {
border: 1px solid #39c33c;
border-radius: 3px;
margin: 10px 0 10px 20px;
.item {
display: flex;
align-items: center;
padding: 10px 20px;
line-height: 26px;
border-bottom: 1px solid #39c33c;
.lable {
font-size: 16px;
flex-shrink: 0;
}
.parameters {
display: flex;
flex-wrap: wrap;
.name {
color: #c15757;
margin-left: 15px;
}
.infoPanel {
display: flex;
justify-content: space-between;
margin-top: 15px;
.name:nth-child(even) {
color: #41a5d7;
.item {
width: 49%;
height: calc(100vh - 150px - 52rem);
padding: 15px 0;
background: -webkit-linear-gradient(top, #052266 0%, #011341 100%);
overflow: auto;
.collapse {
.colItem {
.n-collapse-item__header-main {
font-size: 18px;
color: #1FB1FF;
padding: 0 22px;
.n-collapse-item-arrow {
margin-right: 10px;
img {
width: 18px;
height: 16px;
}
}
}
.n-radio__label {
color: #41a5d7;
.n-collapse-item__content-wrapper {
.n-collapse-item__content-inner {
padding-top: 10px;
.content {
display: flex;
flex-wrap: wrap;
padding: 0 15px;
font-size: 16px;
color: #c15757;
line-height: 30px;
span {
flex: 0 0 calc(100% / 2)
}
span:nth-child(even) {
color: #41a5d7;
}
}
.content.pump{
span{
flex: auto;
}
}
}
}
}
.item:last-child {
border-bottom: none;
.colItem.n-collapse-item--active {
.n-collapse-item-arrow {
transform: none
}
}
}
.switch {
display: flex;
span {
display: flex;
align-items: center;
margin-right: 5px;
.colItem:not(:first-child) {
border-top: none
}
.colItem:not(:first-child)::before{
display: block;
content: '';
width: 100%;
height: 1px;
background: linear-gradient(90deg, rgba(31,225,255,0) 0%, rgba(189,220,255,0.94) 50%, rgba(31,225,255,0) 97%);
}
}
}
}
.pump {
width: 55%;
padding: 5px 10px;
border: 1px solid #39c33c;
// .l_green {
// color: #39c33c;
// }
.item {
line-height: 28px;
// .l_blue {
// color: #41a5d7;
// }
.info {
display: flex;
flex-wrap: wrap;
// .orange {
// color: #c15757;
// }
.name {
color: #c15757;
margin-left: 15px;
}
// .title {
// font-size: 16px;
// }
.name:nth-child(even) {
color: #41a5d7;
}
}
}
}
// .valves {
// display: flex;
// align-items: center;
// flex-shrink: 0;
// width: 40%;
// .title {
// writing-mode: vertical-rl;
// // transform: rotate(180deg);
// }
// .info {
// .select {
// font-weight: 800;
// .n-button {
// margin-right: 5px;
// background: linear-gradient(#3370cb, #162f68, #162f68);
// }
// }
// .table {
// border: 1px solid #39c33c;
// border-radius: 3px;
// margin: 10px 0 10px 20px;
// .item {
// display: flex;
// align-items: center;
// padding: 10px 20px;
// line-height: 26px;
// border-bottom: 1px solid #39c33c;
// .lable {
// font-size: 16px;
// flex-shrink: 0;
// }
// .parameters {
// display: flex;
// flex-wrap: wrap;
// .name {
// color: #c15757;
// margin-left: 15px;
// }
// .name:nth-child(even) {
// color: #41a5d7;
// }
// .n-radio__label {
// color: #41a5d7;
// }
// }
// }
// .item:last-child {
// border-bottom: none;
// }
// }
// .switch {
// display: flex;
// span {
// display: flex;
// align-items: center;
// margin-right: 5px;
// }
// }
// }
// }
// .pump {
// width: 55%;
// padding: 5px 10px;
// border: 1px solid #39c33c;
// .item {
// line-height: 28px;
// .info {
// display: flex;
// flex-wrap: wrap;
// .name {
// color: #c15757;
// margin-left: 15px;
// }
// .name:nth-child(even) {
// color: #41a5d7;
// }
// }
// }
// }
}
.tips {
font-size: 1.6rem;
font-family: 'AlibabaPuHuiTiRegular';
text-align: center;
color: #B1E3FF;
margin-top: 40vh;
}
}
}

37
src/views/monitoring/devicemanage/index.vue

@ -1,37 +1,11 @@
<template>
<div ref="screenRef" class="devicemanage">
<secton ref="titleRef" class="title">
<h3>{{ titleData }}</h3>
<div class="seeting">
<!-- <n-tooltip trigger="hover">
<template #trigger>
<n-button class="tooltips" circle quaternary @click="screenClick">
<template #icon>
<n-icon>
<Scan />
</n-icon>
</template>
</n-button>
</template>
全屏
</n-tooltip> -->
<n-tooltip trigger="hover">
<template #trigger>
<n-button class="tooltips" circle quaternary @click="returnBack">
<template #icon>
<n-icon>
<Power />
</n-icon>
</template>
</n-button>
</template>
返回首页
</n-tooltip>
</div>
<secton ref="titleRef" class="header">
<Header :titleData="titleData" :settingShow="false" @returnClick="returnClick" />
</secton>
<section class="layout">
<div ref="sidebar" class="sidebar">
<Menu @tableMenuData="tableMenuData" />
<Menu menuType="2" @tableMenuData="tableMenuData" />
</div>
<div class="main">
<Main :sidebarHeight="sidebarHeight" />
@ -42,7 +16,8 @@
<script lang="ts" setup>
import router from '@/router';
import { Filter, Maximize, Settings, Power } from '@vicons/tabler';
import Menu from './components/menu.vue';
import Header from '../components/header.vue';
import Menu from '../components/menu.vue';
import Main from './components/main.vue';
// import screenfull from 'screenfull'
const titleRef = ref<HTMLElement>();
@ -66,7 +41,7 @@ function tableMenuData(data: any) {
//
titleData.value = data[0].deptName
}
function returnBack(){
function returnClick(){
//
router.replace("/dashboard")
}

38
src/views/monitoring/screen/components/infoPanel.vue

@ -6,7 +6,7 @@
<swiper-slide class="item" v-for="(item, index) in panelData" :key="index">
<div class="content">
<div class="icon">
<img src="@/assets/images/menu_bg.png" />
<img src="@/assets/images/panel_icon.png" />
</div>
<div class="numValue">
<span>
@ -31,25 +31,25 @@ import 'swiper/css';
const modules = [Navigation, Pagination, Autoplay];
const panelData = ref<PanelVo[]>();
interface CardData {
id: string;
title: string;
value: number;
ext: string,
time: number;
icon: string;
}
// interface CardData {
// id: string;
// title: string;
// value: number;
// ext: string,
// time: number;
// icon: string;
// }
const cardData: CardData[] = [
{
id: '1',
title: '设备在线率',
value: 95,
ext: '%',
time: 5000,
icon: ''
},
];
// const cardData: CardData[] = [
// {
// id: '1',
// title: '线',
// value: 95,
// ext: '%',
// time: 5000,
// icon: ''
// },
// ];
onMounted(() => {
getPanel()

16
src/views/monitoring/screen/components/main.vue

@ -19,11 +19,13 @@
:column-config="{ resizable: true, useKey: true }" :row-config="{ useKey: true }" :columns="tableColumn"
:data="tableData" @cell-dblclick="cellDBLClickEvent">
<template #deviceuuid_default="{ row }">
<svg-icon icon-class="warning_lights" style="fill:currentColor;width: 15px;height: 15px;color: green;"
v-if="row.deviceuuid.deviceStatus === 0" />
<svg-icon icon-class="warning_lights" style="fill:currentColor;width: 15px;height: 15px;color: red;"
v-if="row.deviceuuid.deviceStatus === 2" />
<span class="name" @click.native="nameClick(row.deviceuuid)">{{ row.deviceuuid.title }}</span>
<div class="title">
<svg-icon icon-class="warning_lights" style="fill:currentColor;width: 15px;height: 15px;color: green;"
v-if="row.deviceuuid.deviceStatus === 0" />
<svg-icon icon-class="warning_lights" style="fill:currentColor;width: 15px;height: 15px;color: red;"
v-if="row.deviceuuid.deviceStatus === 2" />
<span class="name" @click.native="nameClick(row.deviceuuid)">{{ row.deviceuuid.title }}</span>
</div>
</template>
</vxe-grid>
<!-- <vxe-grid class="tableGrid" v-bind="gridOptions"> </vxe-grid> -->
@ -110,8 +112,8 @@ const formRules = ref<VxeFormPropTypes.Rules>({
const userStorageInfo = sessionStorage.getItem('userInfo')
const userInfo = JSON.parse(userStorageInfo === null ? '' : userStorageInfo);
// const loginIp = userInfo.loginIp.split('.').join('');
// const baseApi = "http://localhost:8001/prod-api"//websocket
const baseApi = import.meta.env.VITE_APP_BASE_API
const baseApi = "http://10.10.10.56:9000"//websocket
// const baseApi = import.meta.env.VITE_APP_BASE_API
const apiUrl = baseApi.replace(/https?:/, '');
const wsUrl = `ws:${apiUrl}/websocket/${userInfo.userName}`; //websocket
// const wsData = ref(socket.data);

6
src/views/monitoring/screen/components/menu.vue

@ -1,7 +1,7 @@
<template>
<n-menu ref="menuInstRef" class="menu" :indent="0" :options="menuOptions" v-model:value="selectedKey" key-field="deptId"
label-field="deptName" default-expand-all :watch-props="['defaultExpandedKeys']" :render-label="renderMenuLabel"
@update:value="menuUpdateValue" />
label-field="deptName" :default-expand-all="false" :watch-props="['defaultExpandedKeys']"
:render-label="renderMenuLabel" @update:value="menuUpdateValue" />
</template>
<script lang="ts" setup>
@ -25,7 +25,7 @@ function menuApi() {
//
getMenu().then((res: any) => {
if (res.code === 200) {
const key=getFirstNodeLastLevel(res.data).deptId
const key = getFirstNodeLastLevel(res.data).deptId
removeChildren(res.data);
menuOptions.value = res.data;
selectedKey.value = key;

168
src/views/monitoring/screen/index.scss

@ -4,7 +4,7 @@
position: relative;
width: 100%;
height: 100vh;
background: url(@/assets/images/screen.png);
background: url(@/assets/images/screen.png) no-repeat;
// background-color: var(--tableBg);
background-size: 100% 100%;
background-color: rgba(0, 0, 0, 0.3);
@ -50,11 +50,11 @@
width: 70%;
text-align: center;
color: #A2CEFF;
background: url(@/assets/images/title-bg.png);
background-size: 100%;
background: url(@/assets/images/panelBtn_bg.png) no-repeat center;
background-size: 100% 100%;
transition: width 0.28s;
margin: 0 auto;
cursor: pointer;
transition: width 0.28s;
.iconfont {
display: inline-block;
@ -171,80 +171,80 @@
overflow: auto;
transition: width 0.28s;
.menu {
text-align: center;
:deep(.n-submenu) {
--n-item-color-hover: auto;
.n-menu-item {
.n-menu-item-content {
padding: 0 !important;
.n-ellipsis {
font-family: 'AlibabaPuHuiTiBold';
padding: 0 15px;
}
}
.n-menu-item-content-header {
font-size: 2.4rem;
color: #B1E3FF;
}
}
.n-submenu-children {
.n-menu-item-content-header {
font-size: 1.8rem;
}
.n-menu-item-content--selected {
.n-menu-item-content-header {
color: #fff;
.n-ellipsis {
position: relative;
span {
padding: 0 10px;
}
span::before {
content: '';
position: absolute;
left: 0;
top: 0.7rem;
width: 1.8rem;
height: 1.8rem;
background: url(../../../assets/images/taps.png) no-repeat;
background-size: cover;
}
}
}
}
.n-menu-item-content--selected::before {
background: -webkit-linear-gradient(left, #1fc7ff29 0%, #1177e700 100%);
left: 0;
right: 0;
}
.n-menu-item-content--selected::after {
content: '';
position: absolute;
bottom: 0;
width: 100%;
height: 2px;
background: -webkit-linear-gradient(left, #1fc7ff29 0%, #1177e700 100%);
}
}
.n-base-icon {
color: #84e0f7;
right: 10px;
}
}
}
// .menu {
// text-align: center;
// :deep(.n-submenu) {
// --n-item-color-hover: auto;
// .n-menu-item {
// .n-menu-item-content {
// padding: 0 !important;
// .n-ellipsis {
// font-family: 'AlibabaPuHuiTiBold';
// padding: 0 15px;
// }
// }
// .n-menu-item-content-header {
// font-size: 2.4rem;
// color: #B1E3FF;
// }
// }
// .n-submenu-children {
// .n-menu-item-content-header {
// font-size: 1.8rem;
// }
// .n-menu-item-content--selected {
// .n-menu-item-content-header {
// color: #fff;
// .n-ellipsis {
// position: relative;
// span {
// padding: 0 10px;
// }
// span::before {
// content: '';
// position: absolute;
// left: 0;
// top: 0.7rem;
// width: 1.8rem;
// height: 1.8rem;
// background: url(../../../assets/images/taps.png) no-repeat;
// background-size: cover;
// }
// }
// }
// }
// .n-menu-item-content--selected::before {
// background: -webkit-linear-gradient(left, #1fc7ff29 0%, #1177e700 100%);
// left: 0;
// right: 0;
// }
// .n-menu-item-content--selected::after {
// content: '';
// position: absolute;
// bottom: 0;
// width: 100%;
// height: 2px;
// background: -webkit-linear-gradient(left, #1fc7ff29 0%, #1177e700 100%);
// }
// }
// .n-base-icon {
// color: #84e0f7;
// right: 10px;
// }
// }
// }
}
.sidebar.sidebarHide {
@ -260,7 +260,8 @@
bottom: 0;
width: 100%;
height: 18rem;
background: url('../../../assets/images/menu_bg.png') no-repeat;
background: url(@/assets/images/menu_bg.png) no-repeat;
background-size: 100% 100%;
}
.main {
@ -352,6 +353,15 @@
.vxe-cell {
font-family: 'AlibabaPuHuiTiRegular';
color: #B1E3FF;
.title{
display: flex;
align-items: center;
text-align: left;
.svg-icon{
flex-shrink: 0;
}
}
}
.vxe-cell--html {

8
src/views/monitoring/screen/index.vue

@ -1,7 +1,7 @@
<template>
<div ref="screenRef" class="screen">
<section ref="titleRef" class="header">
<Header :titleData="titleData" :settingShow="true" @showModalClick="showModalClick" @returnClick="returnClick" />
<Header :titleData="titleData" :settingShow="true" :warningShow="false" @showModalClick="showModalClick" @returnClick="returnClick" />
<!-- <div class="title">
<h3>{{ titleData }}</h3>
</div>
@ -44,7 +44,7 @@
</section>
<section class="layout">
<div ref="sidebar" class="sidebar animate__animated animate__fadeIn" :class="menuShow ? '' : 'sidebarHide'">
<Menu @tableMenuData="tableMenuData" />
<Menu menuType="1" @tableMenuData="tableMenuData" />
</div>
<div class="main" :style="`width: ${mainWidth}%`">
<Main :tapsShow="tapsShow" :sidebarHeight="sidebarHeight" @tableHeaderData="tableHeaderData" />
@ -81,11 +81,11 @@
import router from '@/router';
// import { useDateFormat, useNow } from '@vueuse/core';
// import { Filter, Maximize, Settings, Power } from '@vicons/tabler';
import Menu from './components/menu.vue';
import Header from '../components/header.vue';
import Menu from '../components/menu.vue';
import Main from './components/main.vue';
import InfoPanel from './components/infoPanel.vue';
import ShowTree from './components/showTree.vue';
import Header from '../components/header.vue';
import useStorage from '@/utils/useStorage'
const sessionStorageIns = useStorage('sessionStorage');
// import calendar from '@/utils/lunar';

Loading…
Cancel
Save