update
This commit is contained in:
hzz
parent
d2ca83395f
commit
60b6b580df
1
src/assets/img/paifeng.svg
Normal file
1
src/assets/img/paifeng.svg
Normal file
@ -0,0 +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 t="1695625025523" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16590" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M515.2768 53.7088a457.8816 457.8816 0 1 0 0 915.7632 457.8816 457.8816 0 0 0 0-915.7632z m0 877.4144c-231.2192 0-419.4304-188.3136-419.4304-419.4816 0-231.2704 188.2112-419.4816 419.4304-419.4816s419.4304 188.2112 419.4304 419.4816c0 231.168-188.2112 419.4816-419.4304 419.4816z" fill="#20AEC5" p-id="16591"></path><path d="M511.3856 563.968a13.4144 13.4144 0 0 1 0.8704-1.6896 193.3824 193.3824 0 0 1-54.1696-76.4928l-2.048-0.3072 0.256 0.7168c-8.6528 2.3552-17.92 4.6592-27.5968 6.5536-33.0752 6.4-66.048-0.6656-97.792-7.4752-39.3216-8.3968-76.544-16.384-106.3936 4.7104a111.7184 111.7184 0 0 0-29.3888 149.0432c16.1792 26.7776 43.2128 45.2608 76.032 52.0704 9.1648 1.8944 18.3296 2.816 27.7504 2.816 34.304 0 70.4-12.4416 103.936-36.1984 36.1984-25.6 75.2128-61.9008 107.6736-94.3104a5.12 5.12 0 0 0 0.8704 0.5632z" fill="#20AEC5" p-id="16592"></path><path d="M570.6752 516.5056l-1.6896-0.9216a194.56 194.56 0 0 1-76.544 54.2208l-0.2048 1.9968 0.7168-0.2048c2.3552 8.704 4.7104 17.8688 6.5024 27.5456 6.4 33.0752-0.7168 65.8944-7.424 97.8432-8.5504 39.3216-16.4864 76.4416 4.608 106.3936a111.7184 111.7184 0 0 0 148.992 29.3376c26.7776-16.2816 45.4144-43.3152 52.224-76.1344 1.792-9.0112 2.8672-18.2272 2.8672-27.6992 0-34.3552-12.4928-70.3488-36.4032-103.936-25.5488-36.0448-61.7984-75.2128-94.208-107.6224l0.5632-0.8192z" fill="#20AEC5" p-id="16593"></path><path d="M519.168 449.6384l-0.8192 1.6896c23.7568 20.48 42.496 46.6432 54.1184 76.4928a14.848 14.848 0 0 1 2.0992 0.3072l-0.2048-0.768c8.704-2.4064 17.92-4.608 27.5456-6.5024 33.0752-6.3488 65.8944 0.6144 97.7408 7.4752 39.424 8.448 76.4928 16.4352 106.4448-4.7616a111.5136 111.5136 0 0 0 29.3376-148.9408c-16.1792-26.8288-43.3152-45.312-76.032-52.1728a135.1168 135.1168 0 0 0-27.648-2.816c-34.4064 0-70.5536 12.4416-104.0896 36.2496-36.1472 25.6-75.1616 61.9008-107.52 94.3104l-0.9728-0.5632z" fill="#20AEC5" p-id="16594"></path><path d="M475.4944 506.6752c0.512 0.3072 1.1264 0.512 1.6896 0.8192 20.5312-23.7056 46.6432-42.496 76.544-54.1696 0-0.6656 0.1536-1.3312 0.2048-2.048l-0.7168 0.2048a359.6288 359.6288 0 0 1-6.5024-27.5968c-6.4-33.024 0.7168-65.9456 7.424-97.792 8.4992-39.3728 16.4864-76.4928-4.608-106.3936a111.6672 111.6672 0 0 0-148.9408-29.3888c-26.8288 16.2816-45.3632 43.3152-52.1728 76.1856a138.6496 138.6496 0 0 0-2.816 27.7504c0 34.304 12.3904 70.4 36.2496 103.936 25.7024 36.096 61.9008 75.2128 94.3104 107.6224-0.3072 0.256-0.4608 0.5632-0.6656 0.8704z" fill="#20AEC5" p-id="16595"></path><path d="M449.536 439.7056h122.1632v122.112H449.536z" fill="#20AEC5" p-id="16596"></path></svg>
|
||||
|
After Width: | Height: | Size: 2.8 KiB |
1
src/assets/img/paifeng1.svg
Normal file
1
src/assets/img/paifeng1.svg
Normal file
@ -0,0 +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 t="1695625025523" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16590" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M515.2768 53.7088a457.8816 457.8816 0 1 0 0 915.7632 457.8816 457.8816 0 0 0 0-915.7632z m0 877.4144c-231.2192 0-419.4304-188.3136-419.4304-419.4816 0-231.2704 188.2112-419.4816 419.4304-419.4816s419.4304 188.2112 419.4304 419.4816c0 231.168-188.2112 419.4816-419.4304 419.4816z" fill="#E43961" p-id="16591"></path><path d="M511.3856 563.968a13.4144 13.4144 0 0 1 0.8704-1.6896 193.3824 193.3824 0 0 1-54.1696-76.4928l-2.048-0.3072 0.256 0.7168c-8.6528 2.3552-17.92 4.6592-27.5968 6.5536-33.0752 6.4-66.048-0.6656-97.792-7.4752-39.3216-8.3968-76.544-16.384-106.3936 4.7104a111.7184 111.7184 0 0 0-29.3888 149.0432c16.1792 26.7776 43.2128 45.2608 76.032 52.0704 9.1648 1.8944 18.3296 2.816 27.7504 2.816 34.304 0 70.4-12.4416 103.936-36.1984 36.1984-25.6 75.2128-61.9008 107.6736-94.3104a5.12 5.12 0 0 0 0.8704 0.5632z" fill="#E43961" p-id="16592"></path><path d="M570.6752 516.5056l-1.6896-0.9216a194.56 194.56 0 0 1-76.544 54.2208l-0.2048 1.9968 0.7168-0.2048c2.3552 8.704 4.7104 17.8688 6.5024 27.5456 6.4 33.0752-0.7168 65.8944-7.424 97.8432-8.5504 39.3216-16.4864 76.4416 4.608 106.3936a111.7184 111.7184 0 0 0 148.992 29.3376c26.7776-16.2816 45.4144-43.3152 52.224-76.1344 1.792-9.0112 2.8672-18.2272 2.8672-27.6992 0-34.3552-12.4928-70.3488-36.4032-103.936-25.5488-36.0448-61.7984-75.2128-94.208-107.6224l0.5632-0.8192z" fill="#E43961" p-id="16593"></path><path d="M519.168 449.6384l-0.8192 1.6896c23.7568 20.48 42.496 46.6432 54.1184 76.4928a14.848 14.848 0 0 1 2.0992 0.3072l-0.2048-0.768c8.704-2.4064 17.92-4.608 27.5456-6.5024 33.0752-6.3488 65.8944 0.6144 97.7408 7.4752 39.424 8.448 76.4928 16.4352 106.4448-4.7616a111.5136 111.5136 0 0 0 29.3376-148.9408c-16.1792-26.8288-43.3152-45.312-76.032-52.1728a135.1168 135.1168 0 0 0-27.648-2.816c-34.4064 0-70.5536 12.4416-104.0896 36.2496-36.1472 25.6-75.1616 61.9008-107.52 94.3104l-0.9728-0.5632z" fill="#E43961" p-id="16594"></path><path d="M475.4944 506.6752c0.512 0.3072 1.1264 0.512 1.6896 0.8192 20.5312-23.7056 46.6432-42.496 76.544-54.1696 0-0.6656 0.1536-1.3312 0.2048-2.048l-0.7168 0.2048a359.6288 359.6288 0 0 1-6.5024-27.5968c-6.4-33.024 0.7168-65.9456 7.424-97.792 8.4992-39.3728 16.4864-76.4928-4.608-106.3936a111.6672 111.6672 0 0 0-148.9408-29.3888c-26.8288 16.2816-45.3632 43.3152-52.1728 76.1856a138.6496 138.6496 0 0 0-2.816 27.7504c0 34.304 12.3904 70.4 36.2496 103.936 25.7024 36.096 61.9008 75.2128 94.3104 107.6224-0.3072 0.256-0.4608 0.5632-0.6656 0.8704z" fill="#E43961" p-id="16595"></path><path d="M449.536 439.7056h122.1632v122.112H449.536z" fill="#E43961" p-id="16596"></path></svg>
|
||||
|
After Width: | Height: | Size: 2.8 KiB |
1
src/assets/img/shidu.svg
Normal file
1
src/assets/img/shidu.svg
Normal file
@ -0,0 +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 t="1695623192300" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12699" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M619.52 267.52C536.4224 141.7728 454.7584 40.3968 451.2768 36.1472L422.0928 0l-29.2352 36.1472c-3.4304 4.2496-85.1456 105.6256-168.2432 231.3216a1781.76 1781.76 0 0 0-116.6336 200.1408C70.5536 544.9728 52.3264 606.0032 52.3264 654.2336a369.7664 369.7664 0 0 0 631.1936 261.4784 367.3088 367.3088 0 0 0 108.288-261.4784c0-48.2304-18.2272-109.312-55.6544-186.6752a1781.76 1781.76 0 0 0-116.6336-200.0384zM422.0928 948.8896a294.9632 294.9632 0 0 1-294.6048-294.6048c0-66.56 56.6784-189.0304 159.5392-344.832 51.6096-78.2336 103.7824-148.0704 135.0656-188.7744 31.2832 40.704 83.4048 110.4896 135.0656 188.7232 102.912 155.8016 159.5392 278.272 159.5392 344.832a294.9632 294.9632 0 0 1-294.6048 294.656zM915.8656 99.4816c-26.4704-38.4-52.48-69.3248-53.5552-70.656l-14.336-17.0496-14.336 17.0496c-1.0752 1.28-27.136 32.256-53.5552 70.656-37.5296 54.4768-55.808 94.208-55.808 121.4976 0 65.8432 55.5008 119.3984 123.6992 119.3984S971.6736 286.72 971.6736 221.0304c0-27.2896-18.2272-67.072-55.808-121.5488z m-67.9424 203.3664c-47.5136 0-86.1696-36.7104-86.1696-81.92 0-31.3344 48.128-102.4 86.1696-150.3232 38.0416 47.9232 86.1696 119.04 86.1696 150.3232 0 45.312-38.656 81.92-86.1696 81.92z" fill="#66ffff" p-id="12700"></path><path d="M422.0928 818.0224a165.4272 165.4272 0 0 1-165.2736-165.2736 37.5808 37.5808 0 0 0-75.1104 0 240.64 240.64 0 0 0 240.64 240.64 37.5808 37.5808 0 1 0 0-75.1104z" fill="#66ffff" p-id="12701"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
1
src/assets/img/shidu1.svg
Normal file
1
src/assets/img/shidu1.svg
Normal file
@ -0,0 +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 t="1695623192300" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12699" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M619.52 267.52C536.4224 141.7728 454.7584 40.3968 451.2768 36.1472L422.0928 0l-29.2352 36.1472c-3.4304 4.2496-85.1456 105.6256-168.2432 231.3216a1781.76 1781.76 0 0 0-116.6336 200.1408C70.5536 544.9728 52.3264 606.0032 52.3264 654.2336a369.7664 369.7664 0 0 0 631.1936 261.4784 367.3088 367.3088 0 0 0 108.288-261.4784c0-48.2304-18.2272-109.312-55.6544-186.6752a1781.76 1781.76 0 0 0-116.6336-200.0384zM422.0928 948.8896a294.9632 294.9632 0 0 1-294.6048-294.6048c0-66.56 56.6784-189.0304 159.5392-344.832 51.6096-78.2336 103.7824-148.0704 135.0656-188.7744 31.2832 40.704 83.4048 110.4896 135.0656 188.7232 102.912 155.8016 159.5392 278.272 159.5392 344.832a294.9632 294.9632 0 0 1-294.6048 294.656zM915.8656 99.4816c-26.4704-38.4-52.48-69.3248-53.5552-70.656l-14.336-17.0496-14.336 17.0496c-1.0752 1.28-27.136 32.256-53.5552 70.656-37.5296 54.4768-55.808 94.208-55.808 121.4976 0 65.8432 55.5008 119.3984 123.6992 119.3984S971.6736 286.72 971.6736 221.0304c0-27.2896-18.2272-67.072-55.808-121.5488z m-67.9424 203.3664c-47.5136 0-86.1696-36.7104-86.1696-81.92 0-31.3344 48.128-102.4 86.1696-150.3232 38.0416 47.9232 86.1696 119.04 86.1696 150.3232 0 45.312-38.656 81.92-86.1696 81.92z" fill="#E43961" p-id="12700"></path><path d="M422.0928 818.0224a165.4272 165.4272 0 0 1-165.2736-165.2736 37.5808 37.5808 0 0 0-75.1104 0 240.64 240.64 0 0 0 240.64 240.64 37.5808 37.5808 0 1 0 0-75.1104z" fill="#E43961" p-id="12701"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
6
src/assets/img/wendu.svg
Normal file
6
src/assets/img/wendu.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="48px" height="88px" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="matrix(1 0 0 1 -270 -286 )">
|
||||
<path d="M 47.80912797656249 64.43590847222222 C 47.80912797656249 57.56321585972223 44.561428679687495 51.421889597222226 39 47.28240985416667 L 39 16.03532027777778 C 39.4712582578125 7.755016347222222 32.321369976562494 0.9777777777777779 23.5985062734375 0.9777777777777779 C 14.875642570312507 0.9777777777777779 7.7257542890625 7.755016347222222 8 16.03532027777778 L 8 47.98016559722222 C 3.1044514765625024 52.099479009722224 0.19087202343749965 57.92889903472222 0.19087202343749965 64.43590847222222 C 0.19087202343749965 76.90812472291665 10.851080476562501 87.02222222222223 24 87.02222222222223 C 37.148919523437506 87.02222222222223 47.80912797656249 76.90946908333332 47.80912797656249 64.43590847222222 Z M 42.965078687500004 64.42515308472223 C 42.965078687500004 74.34699805347222 34.459461546875005 82.41488312291668 24 82.41488312291668 C 13.540538453124995 82.41488312291668 5.0349213125 74.34834249791666 5.0349213125 64.42515308472223 C 5.0349213125 59.426586702083334 7.16751296875 54.76815955416666 11.040827468750003 51.326435554166665 L 13 49.971256729166676 L 13 16.024564890277777 C 12.569803578124997 10.252955052083335 17.519726234375 5.56226165763889 23.5985062734375 5.562261741666668 C 29.677286312499994 5.562261825694446 34.62720896875 10.254299580555557 34 16.024564890277777 L 34 49.389121359722225 L 36.3225575 50.76581095972222 C 40.54236658593751 54.195435127777785 42.965078687500004 59.17249073541666 42.965078687500004 64.42515308472223 Z M 38.12102939843749 64.42918633402778 C 38.12102939843749 60.516914088888896 36.311557671875 56.811683095138896 33.164231828125 54.259967452777786 L 29 51.506588252777796 L 29 16.024564890277777 C 29.781784679687505 12.84769232847222 26.9465789375 10.157501009027778 23.594381359375 10.157501009027778 C 20.242183781250006 10.157501009027778 17.4069780390625 12.846347884027777 17.4069780390625 16.024564890277777 L 17.4069780390625 17.813992464583333 L 21.437040046874998 17.813992464583333 L 21.437040046874998 20.619804241666667 L 17.4138528671875 20.619804241666667 L 17.4138528671875 25.151855628472223 L 21.443914960937498 25.151855628472223 L 21.443914960937498 27.95766732152778 L 17.4138528671875 27.95766732152778 L 17.4138528671875 32.48971870833334 L 21.443914960937498 32.48971870833334 L 21.443914960937498 35.29553048541667 L 17.4138528671875 35.29553048541667 L 17.4138528671875 39.831615121527776 L 21.443914960937498 39.831615121527776 L 21.443914960937498 42.637426814583335 L 17.4138528671875 42.637426814583335 L 17.4138528671875 51.95562572291665 L 14.355900648437505 54.67673876041667 C 11.468445765625003 57.24996526180555 9.8789706015625 60.7118555923611 9.8789706015625 64.42918633402778 C 9.8789706015625 71.82351524027779 16.203871773437506 77.82367702083333 24 77.82367702083333 C 31.796128226562494 77.82367702083333 38.12102939843749 71.80872651944443 38.12102939843749 64.42918633402778 Z M 34.88982984375 64.42649752916667 C 34.8939547578125 70.12147521041666 30.005906156250006 74.75973611180555 24 74.75973602777779 C 17.99409384375 74.75973602777779 13.106045242187498 70.1214751263889 13.106045242187498 64.42515308472223 C 13.106045242187498 61.56556445416667 14.333901078124995 58.88747296666667 16.565491187499994 56.90713722222222 L 20.639552507812496 53.27719394097222 L 20.639552507812496 47.67363705347222 L 26.551960124999994 47.67363705347222 L 26.551960124999994 52.91688845972222 L 31.061889656250003 56.580442347916666 C 33.495601671875 58.56077809236111 34.88982984375 61.42036672291667 34.88982984375 64.42649752916667 Z " fill-rule="nonzero" fill="#20aec5" stroke="none" transform="matrix(1 0 0 1 270 286 )" />
|
||||
</g>
|
||||
</svg>
|
||||
6
src/assets/img/wendu1.svg
Normal file
6
src/assets/img/wendu1.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="48px" height="88px" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="matrix(1 0 0 1 -270 -286 )">
|
||||
<path d="M 47.80912797656249 64.43590847222222 C 47.80912797656249 57.56321585972223 44.561428679687495 51.421889597222226 39 47.28240985416667 L 39 16.03532027777778 C 39.4712582578125 7.755016347222222 32.321369976562494 0.9777777777777779 23.5985062734375 0.9777777777777779 C 14.875642570312507 0.9777777777777779 7.7257542890625 7.755016347222222 8 16.03532027777778 L 8 47.98016559722222 C 3.1044514765625024 52.099479009722224 0.19087202343749965 57.92889903472222 0.19087202343749965 64.43590847222222 C 0.19087202343749965 76.90812472291665 10.851080476562501 87.02222222222223 24 87.02222222222223 C 37.148919523437506 87.02222222222223 47.80912797656249 76.90946908333332 47.80912797656249 64.43590847222222 Z M 42.965078687500004 64.42515308472223 C 42.965078687500004 74.34699805347222 34.459461546875005 82.41488312291668 24 82.41488312291668 C 13.540538453124995 82.41488312291668 5.0349213125 74.34834249791666 5.0349213125 64.42515308472223 C 5.0349213125 59.426586702083334 7.16751296875 54.76815955416666 11.040827468750003 51.326435554166665 L 13 49.971256729166676 L 13 16.024564890277777 C 12.569803578124997 10.252955052083335 17.519726234375 5.56226165763889 23.5985062734375 5.562261741666668 C 29.677286312499994 5.562261825694446 34.62720896875 10.254299580555557 34 16.024564890277777 L 34 49.389121359722225 L 36.3225575 50.76581095972222 C 40.54236658593751 54.195435127777785 42.965078687500004 59.17249073541666 42.965078687500004 64.42515308472223 Z M 38.12102939843749 64.42918633402778 C 38.12102939843749 60.516914088888896 36.311557671875 56.811683095138896 33.164231828125 54.259967452777786 L 29 51.506588252777796 L 29 16.024564890277777 C 29.781784679687505 12.84769232847222 26.9465789375 10.157501009027778 23.594381359375 10.157501009027778 C 20.242183781250006 10.157501009027778 17.4069780390625 12.846347884027777 17.4069780390625 16.024564890277777 L 17.4069780390625 17.813992464583333 L 21.437040046874998 17.813992464583333 L 21.437040046874998 20.619804241666667 L 17.4138528671875 20.619804241666667 L 17.4138528671875 25.151855628472223 L 21.443914960937498 25.151855628472223 L 21.443914960937498 27.95766732152778 L 17.4138528671875 27.95766732152778 L 17.4138528671875 32.48971870833334 L 21.443914960937498 32.48971870833334 L 21.443914960937498 35.29553048541667 L 17.4138528671875 35.29553048541667 L 17.4138528671875 39.831615121527776 L 21.443914960937498 39.831615121527776 L 21.443914960937498 42.637426814583335 L 17.4138528671875 42.637426814583335 L 17.4138528671875 51.95562572291665 L 14.355900648437505 54.67673876041667 C 11.468445765625003 57.24996526180555 9.8789706015625 60.7118555923611 9.8789706015625 64.42918633402778 C 9.8789706015625 71.82351524027779 16.203871773437506 77.82367702083333 24 77.82367702083333 C 31.796128226562494 77.82367702083333 38.12102939843749 71.80872651944443 38.12102939843749 64.42918633402778 Z M 34.88982984375 64.42649752916667 C 34.8939547578125 70.12147521041666 30.005906156250006 74.75973611180555 24 74.75973602777779 C 17.99409384375 74.75973602777779 13.106045242187498 70.1214751263889 13.106045242187498 64.42515308472223 C 13.106045242187498 61.56556445416667 14.333901078124995 58.88747296666667 16.565491187499994 56.90713722222222 L 20.639552507812496 53.27719394097222 L 20.639552507812496 47.67363705347222 L 26.551960124999994 47.67363705347222 L 26.551960124999994 52.91688845972222 L 31.061889656250003 56.580442347916666 C 33.495601671875 58.56077809236111 34.88982984375 61.42036672291667 34.88982984375 64.42649752916667 Z " fill-rule="nonzero" fill="#E43961" stroke="none" transform="matrix(1 0 0 1 270 286 )" />
|
||||
</g>
|
||||
</svg>
|
||||
@ -126,7 +126,21 @@ export const useSocketStore = defineStore(Names.socket, {
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
],
|
||||
dqbf: {
|
||||
paifeng: 0,//工作:1，未工作:0
|
||||
humidity: 30,//湿度
|
||||
temp: 40.0,//温度
|
||||
humidity_limit: 80,//湿度临界值
|
||||
temp_limit: 36,//温度临界值
|
||||
},
|
||||
xqbf: {
|
||||
paifeng: 0,//工作:1，未工作:0
|
||||
humidity: 30,//湿度
|
||||
temp: 40.0,//温度
|
||||
humidity_limit: 80,//湿度临界值
|
||||
temp_limit: 36,//温度临界值
|
||||
}
|
||||
}
|
||||
},
|
||||
//computed 修改一些值
|
||||
@ -142,6 +156,17 @@ export const useSocketStore = defineStore(Names.socket, {
|
||||
// 1、Index.方法()
|
||||
//异步方法需要添加async和await
|
||||
actions: {
|
||||
setDqbfData(val) {
|
||||
this.dqbf = val
|
||||
console.log(this.dqbf, 'dqbf');
|
||||
|
||||
},
|
||||
setXqbfData(val) {
|
||||
this.xqbf = val
|
||||
console.log(this.xqbf, 'xqbf');
|
||||
},
|
||||
|
||||
|
||||
/**
|
||||
* @函数功能:
|
||||
* @param {*} val 环境噪音参数
|
||||
@ -173,22 +198,22 @@ export const useSocketStore = defineStore(Names.socket, {
|
||||
*/
|
||||
changePM(val) {
|
||||
let arr = ['25c78580-1594-11ee-b4df-a9653aef169c', '2e0310c0-1594-11ee-b4df-a9653aef169c', '6bbbb1b0-1594-11ee-b4df-a9653aef169c']
|
||||
|
||||
|
||||
// if (arr.indexOf(val.devId) > -1) {
|
||||
// console.log(val,'这三个设备');
|
||||
|
||||
|
||||
// }
|
||||
|
||||
if (val.devId == '2e0310c0-1594-11ee-b4df-a9653aef169c') {
|
||||
this.pm.welding.two = val.pm25
|
||||
this.pm.welding.ten = val.pm10
|
||||
this.pm.welding.two = val.pm25
|
||||
this.pm.welding.ten = val.pm10
|
||||
} else if (val.devId == '6bbbb1b0-1594-11ee-b4df-a9653aef169c') {
|
||||
this.pm.ornaments.two = val.pm25
|
||||
this.pm.ornaments.ten = val.pm10
|
||||
this.pm.ornaments.two = val.pm25
|
||||
this.pm.ornaments.ten = val.pm10
|
||||
} else if (val.devId == '25c78580-1594-11ee-b4df-a9653aef169c') {
|
||||
this.pm.stuff.two = val.pm25
|
||||
this.pm.stuff.ten = val.pm10
|
||||
}
|
||||
this.pm.stuff.two = val.pm25
|
||||
this.pm.stuff.ten = val.pm10
|
||||
}
|
||||
|
||||
|
||||
// if (val.enName == 'welding') {
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
* 版权信息 : 2023 by ${再登软件}, All Rights Reserved.
|
||||
*/
|
||||
|
||||
// export const development={xhr:process.env.VUE_APP_BASE_API,ws:"ws://192.168.1.128:9018/",imgxhr:process.env.VUE_APP_BASE_API+"/image/"}
|
||||
// export const development={xhr:process.env.VUE_APP_BASE_API,ws:"ws://192.168.110.116:9018/",imgxhr:process.env.VUE_APP_BASE_API+"/image/"}
|
||||
export const development={xhr:process.env.VUE_APP_BASE_API,ws:"ws://8.130.165.100:9018/",imgxhr:process.env.VUE_APP_BASE_API}
|
||||
export const production={xhr:process.env.VUE_APP_BASE_API,ws:"ws://8.130.165.100:9018/",imgxhr:process.env.VUE_APP_BASE_API}
|
||||
//拼接图片url路径
|
||||
|
||||
@ -1,3 +1,4 @@
|
||||
<!-- 广州木工机械展 -->
|
||||
<template>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
|
||||
@ -1,3 +1,4 @@
|
||||
<!-- 木工展主页 -->
|
||||
<template>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
|
||||
@ -1,3 +1,5 @@
|
||||
<!-- 深圳华南展 -->
|
||||
|
||||
<template>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
|
||||
@ -1061,7 +1061,7 @@ function createTitleFloor(houseName: string, baseWidth: number, baseLength: numb
|
||||
function createFloor(houseName: string, baseWidth: number, baseLength: number, position: positionType, wood:any = "") {
|
||||
let obj = {}
|
||||
if (wood == "") {
|
||||
const texture = new THREE.TextureLoader().load(wood);
|
||||
const texture = new THREE.TextureLoader().load(requires.wood);
|
||||
obj = { map: texture, transparent: true }
|
||||
} else {
|
||||
obj = { color: wood }
|
||||
|
||||
@ -89,8 +89,8 @@ let titleTip = [
|
||||
];
|
||||
const config = reactive({
|
||||
shidu: {
|
||||
image: require('./image/shidu.svg'),
|
||||
image1: require('./image/shidu1.svg'),
|
||||
image: require('/src/assets/img/shidu.svg'),
|
||||
image1: require('/src/assets/img/shidu1.svg'),
|
||||
type: 1,
|
||||
classArr: [],
|
||||
value: 0,
|
||||
@ -98,8 +98,8 @@ const config = reactive({
|
||||
unit: '%RH'
|
||||
},
|
||||
wendu: {
|
||||
image: require('./image/wendu.svg'),
|
||||
image1: require('./image/wendu1.svg'),
|
||||
image: require('/src/assets/img/wendu.svg'),
|
||||
image1: require('/src/assets/img/wendu1.svg'),
|
||||
type: 1,
|
||||
classArr: [],
|
||||
value: 0,
|
||||
@ -116,8 +116,8 @@ const config = reactive({
|
||||
unit: ''
|
||||
},
|
||||
paifeng: {
|
||||
image: require('./image/paifeng.svg'),
|
||||
image1: require('./image/paifeng1.svg'),
|
||||
image: require('/src/assets/img/paifeng.svg'),
|
||||
image1: require('/src/assets/img/paifeng1.svg'),
|
||||
type: 2,
|
||||
classArr: ['paifeng'],
|
||||
value: 0,
|
||||
|
||||
235
src/views/realtimeSecurity/content/chart/Card.vue
Normal file
235
src/views/realtimeSecurity/content/chart/Card.vue
Normal file
@ -0,0 +1,235 @@
|
||||
<template>
|
||||
<div class="card-container">
|
||||
<div class="title" :class="{ 'red-color':prop.config.value>=prop.config.limit }">
|
||||
{{ porptitle }}
|
||||
</div>
|
||||
<div class="card-content" :class="{ noborder,'red-bg':prop.config.value>=prop.config.limit }">
|
||||
<div v-if="prop.config.type == 1" class="type1">
|
||||
<div class="img">
|
||||
<img :src="prop.config.image" v-if="prop.config.value<prop.config.limit">
|
||||
<img :src="prop.config.image1" v-else>
|
||||
</div>
|
||||
<div class="text">
|
||||
{{ prop.config.value }}{{ prop.config.unit }}
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="prop.config.type == 2" class="type2">
|
||||
<div class="img2" :class="[prop.config.value>=prop.config.limit?prop.config.classArr:'']" v-for="item in prop.config.num">
|
||||
<img :src="prop.config.image" v-if="prop.config.value<prop.config.limit">
|
||||
<img :src="prop.config.image1" v-else>
|
||||
|
||||
</div>
|
||||
<!-- <div class="text2">
|
||||
<div class="text2-l " :class="[prop.config.value == 0?'grey':'green']"></div>
|
||||
<div class="text2-r" :class="[prop.config.value == 0?'grey':'green']">{{ prop.config.value == 0?'关闭':'开启' }}</div>
|
||||
</div> -->
|
||||
</div>
|
||||
<div v-if="prop.config.type == 3" class="type3">
|
||||
<div class="img3">
|
||||
<img :src="prop.config.image" v-if="prop.config.value<prop.config.limit">
|
||||
<img :src="prop.config.image1" v-else>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang='ts'>
|
||||
import { number } from 'echarts/core';
|
||||
import { computed } from 'vue'
|
||||
const prop = defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: '卡片'
|
||||
},
|
||||
noborder: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
config: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {
|
||||
type: 1,
|
||||
image: '',
|
||||
classArr:[]
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
const porptitle = computed(() => {
|
||||
return prop.title.split('').join(' ')
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.card-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: 100%;
|
||||
height: 35%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: #66ffff;
|
||||
}
|
||||
.red-color {
|
||||
color: #E43961;
|
||||
}
|
||||
|
||||
.card-content {
|
||||
width: 100%;
|
||||
height: 65%;
|
||||
border-right: 2px solid #53FFC3;
|
||||
border-left: 2px solid #53FFC3;
|
||||
font-size: 14px;
|
||||
color: #53FFC3;
|
||||
padding: 2px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.red-bg {
|
||||
background-color: rgba(228, 57, 97, 0.1411764705882353);
|
||||
}
|
||||
|
||||
.noborder {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.type1 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.type2 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.img img {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.img {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.img2 {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.img2 img {
|
||||
width: 100%;
|
||||
}
|
||||
.text {
|
||||
font-size: 16px;
|
||||
}
|
||||
.text2 {
|
||||
width: 80px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.text2-l {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.text2-l.grey {
|
||||
background-color: #A7A6BD;
|
||||
}
|
||||
|
||||
.text2-l.green {
|
||||
background-color: #53FFC3;
|
||||
}
|
||||
.text2-r.grey {
|
||||
color: #A7A6BD;
|
||||
/* background-color: #A7A6BD; */
|
||||
}
|
||||
|
||||
.text2-r.green {
|
||||
color: #53FFC3;
|
||||
/* background-color: #53FFC3; */
|
||||
}
|
||||
.text2-r {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.type3 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.img3 {
|
||||
width: 130px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.img3 img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.kongtiao::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 40%;
|
||||
background-color: #100c2a;
|
||||
box-sizing: border-box;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
animation: kongtiao 1.5s linear infinite;
|
||||
}
|
||||
|
||||
.paifeng {
|
||||
animation: paifeng 2s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes kongtiao
|
||||
{
|
||||
0% {height: 40%;}
|
||||
25% {height: 25%;}
|
||||
50% {height: 10%;}
|
||||
100% {height: 0;}
|
||||
}
|
||||
|
||||
@keyframes paifeng
|
||||
{
|
||||
0% {transform: rotate(0deg);}
|
||||
25% {transform: rotate(90deg);}
|
||||
50% {transform: rotate(180deg);}
|
||||
100% {transform: rotate(360deg);}
|
||||
}
|
||||
</style>
|
||||
@ -1,247 +1,300 @@
|
||||
<template>
|
||||
<div style="width: 97%;">
|
||||
<div style="width: 97%;position: relative;">
|
||||
<border6 ref="refborder3">
|
||||
<template v-slot>
|
||||
<div ref="Pressure" class="pressurebox"></div>
|
||||
</template>
|
||||
<template v-slot>
|
||||
<div ref="Pressure" class="pressurebox"></div>
|
||||
<div class="humiture">
|
||||
|
||||
<div class="card" style="width: 200px;">
|
||||
<Card :title="'排风状态'" :type="2" :config="props.config.paifeng"></Card>
|
||||
</div>
|
||||
<div class="card" style="width: 100px;">
|
||||
<Card :title="'湿度'" :config="props.config.shidu">
|
||||
</Card>
|
||||
</div>
|
||||
<div class="card" style="width: 100px;">
|
||||
<Card :title="'温度'" :config="props.config.wendu"></Card>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</border6>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import {getCurrentInstance, onMounted, reactive, ref} from "vue"
|
||||
import {EDataPerson,EDataPersonItem} from '@/type/realtimeSecurity'
|
||||
// import border3 from "@/components/borderBox/border3.vue"
|
||||
import border6 from "@/components/borderBox/border6.vue";
|
||||
const { proxy } = getCurrentInstance() as any;
|
||||
let props=defineProps<{
|
||||
name:String,
|
||||
title:string
|
||||
}>()
|
||||
let Pressure=ref()
|
||||
</div>
|
||||
</template>
|
||||
|
||||
let refborder3=ref()
|
||||
<script setup lang="ts">
|
||||
import { getCurrentInstance, onMounted, reactive, ref } from "vue"
|
||||
import { EDataPerson, EDataPersonItem } from '@/type/realtimeSecurity'
|
||||
import Card from "./Card.vue"
|
||||
// import border3 from "@/components/borderBox/border3.vue"
|
||||
import border6 from "@/components/borderBox/border6.vue";
|
||||
const { proxy } = getCurrentInstance() as any;
|
||||
let props = defineProps<{
|
||||
name: String,
|
||||
title: string,
|
||||
config: any
|
||||
}>()
|
||||
let Pressure = ref()
|
||||
|
||||
let refborder3 = ref()
|
||||
let paifeng = require('@/assets/img/paifeng.svg')
|
||||
const echartsData = reactive<EDataPerson>({
|
||||
Pressure:{
|
||||
div:null,
|
||||
data:null,
|
||||
title:'',
|
||||
box:null
|
||||
},
|
||||
Pressure: {
|
||||
div: null,
|
||||
data: null,
|
||||
title: '',
|
||||
box: null
|
||||
},
|
||||
})
|
||||
|
||||
const setData=(value:any,type:number)=>{
|
||||
|
||||
const setData = (value: any, type: number) => {
|
||||
// value=value+''
|
||||
echartsData.Pressure!.div = Pressure.value
|
||||
echartsData.Pressure!.title = props.title
|
||||
echartsData.Pressure!.data={
|
||||
title:{
|
||||
text:echartsData.Pressure!.title,
|
||||
show:true,
|
||||
textStyle:{
|
||||
color:'#fff',
|
||||
fontSize:20
|
||||
echartsData.Pressure!.div = Pressure.value
|
||||
echartsData.Pressure!.title = props.title
|
||||
echartsData.Pressure!.data = {
|
||||
title: {
|
||||
text: echartsData.Pressure!.title,
|
||||
show: true,
|
||||
textStyle: {
|
||||
color: '#fff',
|
||||
fontSize: 20
|
||||
},
|
||||
top: '1%'
|
||||
},
|
||||
series: [
|
||||
{
|
||||
type: 'gauge',
|
||||
center: ['50%', '65%'],
|
||||
min: 0,
|
||||
max: 2,
|
||||
splitNumber: 10,
|
||||
radius: '70%',
|
||||
axisLine: {
|
||||
show: false,
|
||||
lineStyle: {
|
||||
// color: [[1, '#f00']],
|
||||
width: 1
|
||||
}
|
||||
},
|
||||
top:'1%'
|
||||
},
|
||||
series: [
|
||||
{
|
||||
type: 'gauge',
|
||||
center: ['50%', '65%'],
|
||||
min: 0,
|
||||
max: 2,
|
||||
splitNumber: 10,
|
||||
radius: '70%',
|
||||
axisLine: {
|
||||
show:false,
|
||||
lineStyle: {
|
||||
// color: [[1, '#f00']],
|
||||
width: 1
|
||||
}
|
||||
splitLine: {
|
||||
|
||||
distance: -9,
|
||||
length: 10,
|
||||
// lineStyle: {
|
||||
// color: '#f00'
|
||||
// }
|
||||
},
|
||||
axisTick: {
|
||||
|
||||
distance: -6,
|
||||
length: 5,
|
||||
// lineStyle: {
|
||||
// color: '#f00'
|
||||
// }
|
||||
},
|
||||
axisLabel: {
|
||||
|
||||
distance: -25,
|
||||
// color: '#f00',
|
||||
fontSize: 16
|
||||
},
|
||||
anchor: {
|
||||
show: true,
|
||||
size: 10,
|
||||
itemStyle: {
|
||||
borderColor: '#000',
|
||||
borderWidth: 1
|
||||
}
|
||||
},
|
||||
pointer: {
|
||||
offsetCenter: [0, '10%'],
|
||||
icon:
|
||||
'path://M2090.36389,615.30999 L2090.36389,615.30999 C2091.48372,615.30999 2092.40383,616.194028 2092.44859,617.312956 L2096.90698,728.755929 C2097.05155,732.369577 2094.2393,735.416212 2090.62566,735.56078 C2090.53845,735.564269 2090.45117,735.566014 2090.36389,735.566014 L2090.36389,735.566014 C2086.74736,735.566014 2083.81557,732.63423 2083.81557,729.017692 C2083.81557,728.930412 2083.81732,728.84314 2083.82081,728.755929 L2088.2792,617.312956 C2088.32396,616.194028 2089.24407,615.30999 2090.36389,615.30999 Z',
|
||||
length: '95%',
|
||||
itemStyle: {
|
||||
color: '#fff'
|
||||
}
|
||||
},
|
||||
detail: {
|
||||
valueAnimation: true,
|
||||
precision: 1,
|
||||
// formatter:'{value}Mpa',
|
||||
formatter: function (params) {
|
||||
//防止echarts对数据处理 直接将显示的值覆盖
|
||||
|
||||
return value + 'Mpa'
|
||||
},
|
||||
textStyle: {
|
||||
fontSize: 14
|
||||
}
|
||||
},
|
||||
title: {
|
||||
offsetCenter: [0, '-50%']
|
||||
},
|
||||
data: [
|
||||
{
|
||||
value: value,
|
||||
name: 'Mpa'
|
||||
}
|
||||
]
|
||||
},
|
||||
splitLine: {
|
||||
|
||||
distance: -9,
|
||||
length: 10,
|
||||
// lineStyle: {
|
||||
// color: '#f00'
|
||||
// }
|
||||
{
|
||||
type: 'gauge',
|
||||
center: ['50%', '65%'],
|
||||
radius: '68%',
|
||||
axisLine: {
|
||||
lineStyle: {
|
||||
width: 7,
|
||||
color: [
|
||||
[0.1, '#67e0e3'],
|
||||
[0.4, '#37a2da'],
|
||||
[1, '#fd666d']
|
||||
]
|
||||
}
|
||||
},
|
||||
axisTick: {
|
||||
show: false
|
||||
},
|
||||
splitLine: {
|
||||
show: false
|
||||
},
|
||||
axisLabel: {
|
||||
show: false
|
||||
},
|
||||
},
|
||||
axisTick: {
|
||||
|
||||
distance: -6,
|
||||
length: 5,
|
||||
// lineStyle: {
|
||||
// color: '#f00'
|
||||
// }
|
||||
},
|
||||
axisLabel: {
|
||||
|
||||
distance: -25,
|
||||
// color: '#f00',
|
||||
fontSize: 16
|
||||
},
|
||||
anchor: {
|
||||
show: true,
|
||||
size: 10,
|
||||
itemStyle: {
|
||||
borderColor: '#000',
|
||||
borderWidth: 1
|
||||
}
|
||||
},
|
||||
pointer: {
|
||||
offsetCenter: [0, '10%'],
|
||||
icon:
|
||||
'path://M2090.36389,615.30999 L2090.36389,615.30999 C2091.48372,615.30999 2092.40383,616.194028 2092.44859,617.312956 L2096.90698,728.755929 C2097.05155,732.369577 2094.2393,735.416212 2090.62566,735.56078 C2090.53845,735.564269 2090.45117,735.566014 2090.36389,735.566014 L2090.36389,735.566014 C2086.74736,735.566014 2083.81557,732.63423 2083.81557,729.017692 C2083.81557,728.930412 2083.81732,728.84314 2083.82081,728.755929 L2088.2792,617.312956 C2088.32396,616.194028 2089.24407,615.30999 2090.36389,615.30999 Z',
|
||||
length: '95%',
|
||||
itemStyle: {
|
||||
color: '#fff'
|
||||
}
|
||||
},
|
||||
detail: {
|
||||
valueAnimation: true,
|
||||
precision: 1,
|
||||
// formatter:'{value}Mpa',
|
||||
formatter: function (params) {
|
||||
//防止echarts对数据处理 直接将显示的值覆盖
|
||||
|
||||
return value+'Mpa'
|
||||
},
|
||||
textStyle:{
|
||||
fontSize:14
|
||||
}
|
||||
},
|
||||
title: {
|
||||
offsetCenter: [0, '-50%']
|
||||
},
|
||||
data: [
|
||||
{
|
||||
value: value,
|
||||
name: 'Mpa'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
type: 'gauge',
|
||||
center: ['50%', '65%'],
|
||||
radius: '68%',
|
||||
axisLine: {
|
||||
lineStyle: {
|
||||
width: 7,
|
||||
color: [
|
||||
[0.1, '#67e0e3'],
|
||||
[0.4, '#37a2da'],
|
||||
[1, '#fd666d']
|
||||
]
|
||||
}
|
||||
},
|
||||
axisTick: {
|
||||
show:false
|
||||
},
|
||||
splitLine: {
|
||||
show:false
|
||||
},
|
||||
axisLabel: {
|
||||
show:false
|
||||
},
|
||||
},
|
||||
{
|
||||
type: 'gauge',
|
||||
center: ['50%', '65%'],
|
||||
min: 0,
|
||||
max: 60,
|
||||
radius: '60%',
|
||||
splitNumber: 6,
|
||||
axisLine: {
|
||||
lineStyle: {
|
||||
color: [[1, '#fff']],
|
||||
width: 1
|
||||
}
|
||||
},
|
||||
splitLine: {
|
||||
distance: -3,
|
||||
length: 10,
|
||||
lineStyle: {
|
||||
color: '#fff'
|
||||
}
|
||||
},
|
||||
axisTick: {
|
||||
distance: 0,
|
||||
length: 5,
|
||||
lineStyle: {
|
||||
color: '#fff'
|
||||
}
|
||||
},
|
||||
axisLabel: {
|
||||
show: false,
|
||||
distance: 5,
|
||||
fontSize: 16,
|
||||
color: '#fff'
|
||||
},
|
||||
pointer: {
|
||||
show: false
|
||||
},
|
||||
title: {
|
||||
show: false
|
||||
},
|
||||
anchor: {
|
||||
show: true,
|
||||
size: 10,
|
||||
itemStyle: {
|
||||
{
|
||||
type: 'gauge',
|
||||
center: ['50%', '65%'],
|
||||
min: 0,
|
||||
max: 60,
|
||||
radius: '60%',
|
||||
splitNumber: 6,
|
||||
axisLine: {
|
||||
lineStyle: {
|
||||
color: [[1, '#fff']],
|
||||
width: 1
|
||||
}
|
||||
},
|
||||
splitLine: {
|
||||
distance: -3,
|
||||
length: 10,
|
||||
lineStyle: {
|
||||
color: '#fff'
|
||||
}
|
||||
},
|
||||
axisTick: {
|
||||
distance: 0,
|
||||
length: 5,
|
||||
lineStyle: {
|
||||
color: '#fff'
|
||||
}
|
||||
},
|
||||
axisLabel: {
|
||||
show: false,
|
||||
distance: 5,
|
||||
fontSize: 16,
|
||||
color: '#fff'
|
||||
},
|
||||
pointer: {
|
||||
show: false
|
||||
},
|
||||
title: {
|
||||
show: false
|
||||
},
|
||||
anchor: {
|
||||
show: true,
|
||||
size: 10,
|
||||
itemStyle: {
|
||||
color: '#fff'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
};
|
||||
]
|
||||
};
|
||||
|
||||
if(type==1){
|
||||
change(echartsData.Pressure)
|
||||
}else{
|
||||
updata(echartsData.Pressure)
|
||||
if (type == 1) {
|
||||
change(echartsData.Pressure)
|
||||
} else {
|
||||
updata(echartsData.Pressure)
|
||||
}
|
||||
}
|
||||
}
|
||||
const change = (item:EDataPersonItem) => {
|
||||
let Ebox=proxy.$echarts.init(
|
||||
const change = (item: EDataPersonItem) => {
|
||||
let Ebox = proxy.$echarts.init(
|
||||
item.div,
|
||||
"dark"
|
||||
);
|
||||
Ebox.setOption(item.data);
|
||||
item.box = Ebox
|
||||
};
|
||||
const updata = (item:EDataPersonItem) => {
|
||||
const updata = (item: EDataPersonItem) => {
|
||||
|
||||
item.box.setOption(item.data);
|
||||
item.box.setOption(item.data);
|
||||
|
||||
};
|
||||
|
||||
function setchartWH(width:any,height:any){
|
||||
function setchartWH(width: any, height: any) {
|
||||
echartsData.Pressure!.div = Pressure.value
|
||||
Pressure.value.style.height=height+'px'
|
||||
Pressure.value.style.width=width+'px'
|
||||
|
||||
refborder3.value.resetWH()
|
||||
if(echartsData.Pressure.box){
|
||||
Pressure.value.style.height = height + 'px'
|
||||
Pressure.value.style.width = width + 'px'
|
||||
|
||||
refborder3.value.resetWH()
|
||||
if (echartsData.Pressure.box) {
|
||||
echartsData.Pressure.box.resize()
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
onMounted(() => {
|
||||
// setData()
|
||||
// setData()
|
||||
})
|
||||
|
||||
// return{setchartWH}
|
||||
defineExpose({
|
||||
setchartWH,
|
||||
setData
|
||||
setchartWH,
|
||||
setData
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.pressurebox{
|
||||
margin-top: 5px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.pressurebox {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.humiture {
|
||||
position: absolute;
|
||||
width: 390px;
|
||||
height: 140px;
|
||||
top: 12%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.card {
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
.paifeng {
|
||||
animation: paifeng 2s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes paifeng {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
25% {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -14,10 +14,10 @@
|
||||
<div>
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<pressure ref="perssure1" name="east" :title="t('messages.EastPumpPressure_Mpa')"></pressure>
|
||||
<pressure ref="perssure1" name="east" :config="config_left" :title="t('messages.EastPumpPressure_Mpa')"></pressure>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<pressure ref="perssure2" name="west" :title="t('messages.WestPumpPressure_Mpa')"></pressure>
|
||||
<pressure ref="perssure2" name="west" :config="config_right" :title="t('messages.WestPumpPressure_Mpa')"></pressure>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<pipe ref="pipe1" :title="t('messages.PipelinePressure_Mpa')"></pipe>
|
||||
@ -91,6 +91,71 @@ function gotoTrendChart(value, unit) {
|
||||
|
||||
}
|
||||
|
||||
//东西气泵房温湿度排风状态
|
||||
const config_left = reactive({
|
||||
shidu: {
|
||||
image: require('/src/assets/img/shidu.svg'),
|
||||
image1: require('/src/assets/img/shidu1.svg'),
|
||||
type: 1,
|
||||
classArr: [],
|
||||
value: 0,
|
||||
limit: 120,
|
||||
unit: '%RH'
|
||||
},
|
||||
wendu: {
|
||||
image: require('/src/assets/img/wendu.svg'),
|
||||
image1: require('/src/assets/img/wendu1.svg'),
|
||||
type: 1,
|
||||
classArr: [],
|
||||
value: 0,
|
||||
limit: 20,
|
||||
unit: '℃'
|
||||
},
|
||||
paifeng: {
|
||||
image: require('/src/assets/img/paifeng.svg'),
|
||||
image1: require('/src/assets/img/paifeng1.svg'),
|
||||
type: 2,
|
||||
classArr: ['paifeng'],
|
||||
value: 0,
|
||||
limit: 1,
|
||||
unit: '',
|
||||
num: 2
|
||||
},
|
||||
})
|
||||
|
||||
const config_right = reactive({
|
||||
shidu: {
|
||||
image: require('/src/assets/img/shidu.svg'),
|
||||
image1: require('/src/assets/img/shidu1.svg'),
|
||||
type: 1,
|
||||
classArr: [],
|
||||
value: 0,
|
||||
limit: 120,
|
||||
unit: '%RH'
|
||||
},
|
||||
wendu: {
|
||||
image: require('/src/assets/img/wendu.svg'),
|
||||
image1: require('/src/assets/img/wendu1.svg'),
|
||||
type: 1,
|
||||
classArr: [],
|
||||
value: 0,
|
||||
limit: 25,
|
||||
unit: '℃'
|
||||
},
|
||||
paifeng: {
|
||||
image: require('/src/assets/img/paifeng.svg'),
|
||||
image1: require('/src/assets/img/paifeng1.svg'),
|
||||
type: 2,
|
||||
classArr: ['paifeng'],
|
||||
value: 0,
|
||||
limit: 1,
|
||||
unit: '',
|
||||
num: 1
|
||||
},
|
||||
})
|
||||
|
||||
|
||||
|
||||
|
||||
function reset(val: any) {
|
||||
//宽高为0时跳出该方法
|
||||
@ -132,6 +197,36 @@ watch(
|
||||
},
|
||||
{ deep: true, flush: "post" }
|
||||
);
|
||||
watch(
|
||||
() => store.dqbf,
|
||||
(newVal, oldVal) => {
|
||||
config_left.shidu.value = newVal.humidity
|
||||
config_left.wendu.value = newVal.temp
|
||||
config_left.paifeng.value = newVal.paifeng
|
||||
config_left.shidu.limit = newVal.humidity_limit
|
||||
config_left.wendu.limit = newVal.temp_limit
|
||||
|
||||
},
|
||||
{ deep: true, flush: "post" }
|
||||
);
|
||||
watch(
|
||||
() => store.xqbf,
|
||||
(newVal, oldVal) => {
|
||||
config_right.shidu.value = newVal.humidity
|
||||
config_right.wendu.value = newVal.temp
|
||||
config_right.paifeng.value = newVal.paifeng
|
||||
config_right.shidu.limit = newVal.humidity_limit
|
||||
config_right.wendu.limit = newVal.temp_limit
|
||||
|
||||
},
|
||||
{ deep: true, flush: "post" }
|
||||
);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
async function getPressureDatafun() {
|
||||
let result: any = await getPressureData()
|
||||
|
||||
|
||||
@ -12,7 +12,8 @@
|
||||
<div class="header">
|
||||
<div class="title">
|
||||
|
||||
<header2 ref="headerref" :width="'100%'" :height="'150px'" :title="t('messages.realtimeSecurity')" :titleTip="titleTip" :typeFun="['AbnormalData','time']" :alarmType="['saving','pressure']"></header2>
|
||||
<header2 ref="headerref" :width="'100%'" :height="'150px'" :title="t('messages.realtimeSecurity')"
|
||||
:titleTip="titleTip" :typeFun="['AbnormalData', 'time']" :alarmType="['saving', 'pressure']"></header2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -38,10 +39,10 @@ import { connectWebsocket, closeWebsocket } from "@/utils/websocket";
|
||||
import { useSocketStore } from "@/store/moduleSocket";
|
||||
const store = useSocketStore();
|
||||
let Acontent = ref();
|
||||
let headerref=ref()
|
||||
let headerref = ref()
|
||||
let time = ref(null);
|
||||
import { useI18n } from 'vue-i18n'
|
||||
let {t} = useI18n();
|
||||
let { t } = useI18n();
|
||||
let titleTip = [
|
||||
{
|
||||
color: "#20AEC5",
|
||||
@ -66,66 +67,100 @@ function WH(div: HTMLElement) {
|
||||
size.oWidth = a.oWidth;
|
||||
size.oHeight = a.oHeight;
|
||||
// console.log(a,"sssssfafasagdfgsbxczvzdbdz");
|
||||
|
||||
|
||||
}
|
||||
//
|
||||
function getWebsocket(val) {
|
||||
headerref.value.HeadergetWebsocket(val)
|
||||
try{
|
||||
let data = JSON.parse(val);
|
||||
try {
|
||||
let data = JSON.parse(val);
|
||||
|
||||
//燃气监测
|
||||
if (data.type == "Gas") {
|
||||
// store.changepaintingGas(data.msg);
|
||||
|
||||
let verticalData = {name:data.msg.devName,val:data.msg.methane.value,devId:data.msg.devId}
|
||||
store.changeNewVerticalNum({type:'Methane',data:verticalData})
|
||||
|
||||
}
|
||||
//甲醛TVOC
|
||||
if (data.type == "TVOC_CH2O") {
|
||||
// store.changeTVOC_CH2O(data.msg);
|
||||
let verticalData_TVOC = {name:data.msg.TVOC.name,val:data.msg.TVOC.value,devId:data.msg.TVOC.devId}
|
||||
store.changeNewVerticalNum({type:'TVOC',data:verticalData_TVOC})
|
||||
let verticalData_CH2O = {name:data.msg.CH2O.name,val:data.msg.CH2O.value,devId:data.msg.CH2O.devId}
|
||||
store.changeNewVerticalNum({type:'CH2O',data:verticalData_CH2O})
|
||||
|
||||
}
|
||||
//火焰传感器？
|
||||
if (data.type == "flame") {
|
||||
// store.changeHumiture(data.msg)
|
||||
store.changeflame(data.msg.flame);
|
||||
let verticalData = {name:data.msg.devName,val:data.msg.flame.value,devId:data.msg.devId}
|
||||
store.changeNewVerticalNum({type:'FIRE',data:verticalData})
|
||||
|
||||
|
||||
}
|
||||
//精饰车间烟雾传感器
|
||||
if (data.type == "smoke") {
|
||||
// store.changeHumiture(data.msg)
|
||||
// store.changepaintingGas(data.msg)
|
||||
store.changesmoke(data.msg.smoke);
|
||||
let verticalData = {name:data.msg.devName,val:data.msg.smoke.value,devId:data.msg.devId}
|
||||
store.changeNewVerticalNum({type:'Smoke',data:verticalData})
|
||||
// console.log(JSON.stringify({type:'Smoke',data:verticalData}),"烟雾传感器");
|
||||
}
|
||||
if (data.type == "airPressure") {
|
||||
// store.changeHumiture(data.msg)
|
||||
store.changePressure(data.msg);
|
||||
}
|
||||
if (data.type == "waterPressure") {
|
||||
// store.changeHumiture(data.msg)
|
||||
store.changePipe(data.msg);
|
||||
}
|
||||
//燃气监测
|
||||
if (data.type == "Gas") {
|
||||
// store.changepaintingGas(data.msg);
|
||||
|
||||
}catch(err){
|
||||
console.log(err,"报错了大哥",console.log(val)
|
||||
let verticalData = { name: data.msg.devName, val: data.msg.methane.value, devId: data.msg.devId }
|
||||
store.changeNewVerticalNum({ type: 'Methane', data: verticalData })
|
||||
|
||||
}
|
||||
//甲醛TVOC
|
||||
if (data.type == "TVOC_CH2O") {
|
||||
// store.changeTVOC_CH2O(data.msg);
|
||||
let verticalData_TVOC = { name: data.msg.TVOC.name, val: data.msg.TVOC.value, devId: data.msg.TVOC.devId }
|
||||
store.changeNewVerticalNum({ type: 'TVOC', data: verticalData_TVOC })
|
||||
let verticalData_CH2O = { name: data.msg.CH2O.name, val: data.msg.CH2O.value, devId: data.msg.CH2O.devId }
|
||||
store.changeNewVerticalNum({ type: 'CH2O', data: verticalData_CH2O })
|
||||
|
||||
}
|
||||
//火焰传感器？
|
||||
if (data.type == "flame") {
|
||||
// store.changeHumiture(data.msg)
|
||||
store.changeflame(data.msg.flame);
|
||||
let verticalData = { name: data.msg.devName, val: data.msg.flame.value, devId: data.msg.devId }
|
||||
store.changeNewVerticalNum({ type: 'FIRE', data: verticalData })
|
||||
|
||||
|
||||
}
|
||||
//精饰车间烟雾传感器
|
||||
if (data.type == "smoke") {
|
||||
// store.changeHumiture(data.msg)
|
||||
// store.changepaintingGas(data.msg)
|
||||
store.changesmoke(data.msg.smoke);
|
||||
let verticalData = { name: data.msg.devName, val: data.msg.smoke.value, devId: data.msg.devId }
|
||||
store.changeNewVerticalNum({ type: 'Smoke', data: verticalData })
|
||||
// console.log(JSON.stringify({type:'Smoke',data:verticalData}),"烟雾传感器");
|
||||
}
|
||||
if (data.type == "airPressure") {
|
||||
// store.changeHumiture(data.msg)
|
||||
store.changePressure(data.msg);
|
||||
}
|
||||
if (data.type == "waterPressure") {
|
||||
// store.changeHumiture(data.msg)
|
||||
store.changePipe(data.msg);
|
||||
}
|
||||
|
||||
if (data.type == "QbHumi") {
|
||||
// store.changeHumiture(data.msg)
|
||||
let dqbfData = data.msg.name == "东气泵房温湿度传感器"?data.msg:null
|
||||
let xqbfData = data.msg.name == "西气泵房温湿度传感器"?data.msg:null
|
||||
if (dqbfData) {
|
||||
store.dqbf.humidity = dqbfData.humi
|
||||
store.dqbf.temp = dqbfData.temp
|
||||
store.dqbf.temp_limit = dqbfData.tempmax
|
||||
}
|
||||
if (xqbfData) {
|
||||
store.xqbf.humidity = xqbfData.humi
|
||||
store.xqbf.temp = xqbfData.temp
|
||||
store.xqbf.temp_limit = xqbfData.tempmax
|
||||
}
|
||||
}
|
||||
|
||||
if (data.type == "EmptyState") {
|
||||
let dqbfData = data.msg.name == "东气泵房空开状态信息"?data.msg:null;
|
||||
let xqbfData = data.msg.name == "西气泵房空开状态信息"?data.msg:null;
|
||||
|
||||
let paifeng = 0
|
||||
if (data.msg.open == true) {
|
||||
paifeng = 1
|
||||
} else {
|
||||
paifeng = 0
|
||||
}
|
||||
if (dqbfData) {
|
||||
store.dqbf.paifeng = paifeng
|
||||
}
|
||||
if (xqbfData) {
|
||||
store.xqbf.paifeng = paifeng
|
||||
}
|
||||
}
|
||||
|
||||
} catch (err) {
|
||||
console.log(err, "报错了大哥", console.log(val)
|
||||
);
|
||||
|
||||
}
|
||||
}
|
||||
function errWebsocket(val) {
|
||||
headerref.value?headerref.value.HeadererrWebsocket(val):''
|
||||
headerref.value ? headerref.value.HeadererrWebsocket(val) : ''
|
||||
// console.log(val);
|
||||
}
|
||||
onMounted(() => {
|
||||
@ -170,36 +205,42 @@ onUnmounted(() => {
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
.title > h1 {
|
||||
|
||||
.title>h1 {
|
||||
font-size: 30px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.header {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header p {
|
||||
position: absolute;
|
||||
right: 50px;
|
||||
bottom: 20px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 100%;
|
||||
--header: 150px;
|
||||
height: calc(1080px - var(--header));
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<style>
|
||||
body {
|
||||
|
||||
|
||||
/* --content:calc(100vh - var(--header)) */
|
||||
overflow: hidden !important;
|
||||
-ms-overflow-style: none; /* IE + Edge */
|
||||
scrollbar-width: none; /* Firefox */
|
||||
-ms-overflow-style: none;
|
||||
/* IE + Edge */
|
||||
scrollbar-width: none;
|
||||
/* Firefox */
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user