Selaa lähdekoodia

fix:插座相关功能

chenzhen2 1 vuosi sitten
vanhempi
commit
9f269dcb5b

+ 113 - 88
public/images/ipdImages/socket-active.svg

@@ -1,72 +1,75 @@
-<svg width="86" height="95" viewBox="0 0 86 95" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_ii_4342_10395)">
-<rect x="15" y="12" width="70" height="70" rx="11" fill="#F0F0F0"/>
+<svg width="86" height="96" viewBox="0 0 86 96" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_ii_4385_12626)">
+<rect x="14.625" y="12.5625" width="70" height="70" rx="11" fill="#F0F0F0"/>
 </g>
-<g filter="url(#filter1_f_4342_10395)">
-<path d="M17.0002 23C17.4002 18.2 19.8335 16.3333 21.0002 16H22.5C19.3 16.8 18.5 21 18.5 23V70.5C18.5 73.7 21.1667 77.1667 22.5 78.5C17.7 77.3 16.8334 73.3333 17.0002 71.5C16.8335 57.3333 16.6002 27.8 17.0002 23Z" fill="white"/>
+<g filter="url(#filter1_f_4385_12626)">
+<path d="M16.6252 23.5625C17.0252 18.7625 19.4585 16.8958 20.6252 16.5625H22.125C18.925 17.3625 18.125 21.5625 18.125 23.5625V71.0625C18.125 74.2625 20.7917 77.7292 22.125 79.0625C17.325 77.8625 16.4584 73.8958 16.6252 72.0625C16.4585 57.8958 16.2252 28.3625 16.6252 23.5625Z" fill="white"/>
 </g>
-<g filter="url(#filter2_f_4342_10395)">
-<path d="M17.0002 23C17.4002 18.2 19.8335 16.3333 21.0002 16H22.5C19.3 16.8 18.5 21 18.5 23V70.5C18.5 73.7 21.1667 77.1667 22.5 78.5C17.7 77.3 16.8334 73.3333 17.0002 71.5C16.8335 57.3333 16.6002 27.8 17.0002 23Z" fill="white"/>
+<g filter="url(#filter2_f_4385_12626)">
+<path d="M16.6252 23.5625C17.0252 18.7625 19.4585 16.8958 20.6252 16.5625H22.125C18.925 17.3625 18.125 21.5625 18.125 23.5625V71.0625C18.125 74.2625 20.7917 77.7292 22.125 79.0625C17.325 77.8625 16.4584 73.8958 16.6252 72.0625C16.4585 57.8958 16.2252 28.3625 16.6252 23.5625Z" fill="white"/>
 </g>
-<g filter="url(#filter3_f_4342_10395)">
-<path d="M17.0002 23C17.4002 18.2 19.8335 16.3333 21.0002 16H22.5C19.3 16.8 18.5 21 18.5 23V70.5C18.5 73.7 21.1667 77.1667 22.5 78.5C17.7 77.3 16.8334 73.3333 17.0002 71.5C16.8335 57.3333 16.6002 27.8 17.0002 23Z" fill="white"/>
+<g filter="url(#filter3_f_4385_12626)">
+<path d="M16.6252 23.5625C17.0252 18.7625 19.4585 16.8958 20.6252 16.5625H22.125C18.925 17.3625 18.125 21.5625 18.125 23.5625V71.0625C18.125 74.2625 20.7917 77.7292 22.125 79.0625C17.325 77.8625 16.4584 73.8958 16.6252 72.0625C16.4585 57.8958 16.2252 28.3625 16.6252 23.5625Z" fill="white"/>
 </g>
-<g filter="url(#filter4_f_4342_10395)">
-<path d="M17.0002 23C17.4002 18.2 19.8335 16.3333 21.0002 16H22.5C19.3 16.8 18.5 21 18.5 23V70.5C18.5 73.7 21.1667 77.1667 22.5 78.5C17.7 77.3 16.8334 73.3333 17.0002 71.5C16.8335 57.3333 16.6002 27.8 17.0002 23Z" fill="white"/>
+<g filter="url(#filter4_f_4385_12626)">
+<path d="M16.6252 23.5625C17.0252 18.7625 19.4585 16.8958 20.6252 16.5625H22.125C18.925 17.3625 18.125 21.5625 18.125 23.5625V71.0625C18.125 74.2625 20.7917 77.7292 22.125 79.0625C17.325 77.8625 16.4584 73.8958 16.6252 72.0625C16.4585 57.8958 16.2252 28.3625 16.6252 23.5625Z" fill="white"/>
 </g>
-<g filter="url(#filter5_f_4342_10395)">
-<path d="M17.0002 23C17.4002 18.2 19.8335 16.3333 21.0002 16H22.5C19.3 16.8 18.5 21 18.5 23V70.5C18.5 73.7 21.1667 77.1667 22.5 78.5C17.7 77.3 16.8334 73.3333 17.0002 71.5C16.8335 57.3333 16.6002 27.8 17.0002 23Z" fill="white" fill-opacity="0.5"/>
+<g filter="url(#filter5_f_4385_12626)">
+<path d="M16.6252 23.5625C17.0252 18.7625 19.4585 16.8958 20.6252 16.5625H22.125C18.925 17.3625 18.125 21.5625 18.125 23.5625V71.0625C18.125 74.2625 20.7917 77.7292 22.125 79.0625C17.325 77.8625 16.4584 73.8958 16.6252 72.0625C16.4585 57.8958 16.2252 28.3625 16.6252 23.5625Z" fill="white" fill-opacity="0.5"/>
 </g>
-<g filter="url(#filter6_f_4342_10395)">
-<path d="M17.0002 23C17.4002 18.2 19.8335 16.3333 21.0002 16H22.5C19.3 16.8 18.5 21 18.5 23V70.5C18.5 73.7 21.1667 77.1667 22.5 78.5C17.7 77.3 16.8334 73.3333 17.0002 71.5C16.8335 57.3333 16.6002 27.8 17.0002 23Z" fill="white" fill-opacity="0.5"/>
+<g filter="url(#filter6_f_4385_12626)">
+<path d="M16.6252 23.5625C17.0252 18.7625 19.4585 16.8958 20.6252 16.5625H22.125C18.925 17.3625 18.125 21.5625 18.125 23.5625V71.0625C18.125 74.2625 20.7917 77.7292 22.125 79.0625C17.325 77.8625 16.4584 73.8958 16.6252 72.0625C16.4585 57.8958 16.2252 28.3625 16.6252 23.5625Z" fill="white" fill-opacity="0.5"/>
 </g>
-<g filter="url(#filter7_f_4342_10395)">
-<path d="M81.2791 23C80.8791 18.2 78.4458 16.3333 77.2791 16H75.7793C78.9793 16.8 79.7793 21 79.7793 23V70.5C79.7793 73.7 77.1126 77.1667 75.7793 78.5C80.5793 77.3 81.4459 73.3333 81.2791 71.5C81.4458 57.3333 81.6791 27.8 81.2791 23Z" fill="white" fill-opacity="0.5"/>
+<g filter="url(#filter7_f_4385_12626)">
+<path d="M80.9041 23.5625C80.5041 18.7625 78.0708 16.8958 76.9041 16.5625H75.4043C78.6043 17.3625 79.4043 21.5625 79.4043 23.5625V71.0625C79.4043 74.2625 76.7376 77.7292 75.4043 79.0625C80.2043 77.8625 81.0709 73.8958 80.9041 72.0625C81.0708 57.8958 81.3041 28.3625 80.9041 23.5625Z" fill="white" fill-opacity="0.5"/>
 </g>
-<g filter="url(#filter8_dii_4342_10395)">
-<rect x="24" y="21" width="52" height="52" rx="11" fill="#F1F1F1"/>
+<g filter="url(#filter8_dii_4385_12626)">
+<rect x="23.625" y="21.5625" width="52" height="52" rx="11" fill="#F1F1F1"/>
 </g>
-<rect x="57.3008" y="49.792" width="2.918" height="8.4449" transform="rotate(30 57.3008 49.792)" fill="#DBDBDB"/>
-<path d="M57.6819 51.371L59.8282 51.2509L55.6057 58.5644L54.7364 57.1657L57.6819 51.371Z" fill="white"/>
-<path d="M57.3008 49.792L57.3008 51.373L53.9663 56.7485L53.0783 57.1055L57.3008 49.792Z" fill="#C1C1C1"/>
-<rect x="57.3164" y="50.2485" width="2" height="7.70028" transform="rotate(30 57.3164 50.2485)" fill="#989898"/>
-<path d="M44.3963 58.5645L46.9233 57.1055L42.7009 49.792L40.1738 51.251L44.3963 58.5645Z" fill="#DBDBDB"/>
-<path d="M44.3965 58.5645L46.9235 57.1055L45.7444 56.6842L44.8581 57.3601L44.3965 58.5645Z" fill="white"/>
-<path d="M44.3965 58.5645L44.9133 57.2493L42.1102 51.3212L40.174 51.251L44.3965 58.5645Z" fill="#DBDBDB"/>
-<path d="M41.378 51.3127L42.3801 50.7598L42.6868 49.8049L40.2519 51.226L41.378 51.3127Z" fill="#C1C1C1"/>
-<rect width="2" height="7.70028" transform="matrix(0.866025 -0.5 -0.5 -0.866025 44.6621 57.9214)" fill="#989898"/>
-<rect x="48.7266" y="36.4092" width="2.70264" height="7.97363" fill="#DBDBDB"/>
-<path d="M49.666 43.4967L50.4424 43.4966L51.4292 44.3822H48.7266L49.666 43.4967Z" fill="white"/>
-<path d="M48.7266 36.4092H51.4292L50.6933 37.4043L49.8213 38.121L48.7266 36.4092Z" fill="#C1C1C1"/>
-<rect x="49.0742" y="36.9409" width="1.97705" height="7.12109" fill="#989898"/>
-<path d="M55.8105 36.3154H58.5601L57.3686 37.7155L57.0784 43.1331L58.5601 44.4517H55.8105V36.3154Z" fill="#D9D9D9"/>
-<path d="M55.8105 36.3154L56.6812 37.4864L57.3686 37.7155L57.0784 43.1331L56.4674 43.4895L55.8105 44.4517V36.3154Z" fill="#CACACA"/>
-<path d="M56.6797 37.188H60.084C61.8579 37.188 63.2959 38.626 63.2959 40.3999C63.2959 42.1738 61.8579 43.6118 60.084 43.6118H56.6797V37.188Z" fill="url(#paint0_linear_4342_10395)"/>
-<path d="M57.4453 37.4558L58.5604 36.3154V37.1809L57.8579 37.8988L57.4453 37.4558Z" fill="white"/>
-<path d="M57.8574 42.8993L58.5601 43.6115V44.4769L57.8576 43.8262L57.8574 42.8993Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M58.145 36.7603H56.1387V44.0615H58.145V43.2065H59.9702C61.5232 43.2065 62.7822 41.9476 62.7822 40.3945C62.7822 38.8415 61.5232 37.5825 59.9702 37.5825H58.145V36.7603Z" fill="#9D9D9D"/>
-<path d="M44.3438 36.3154H41.5942L42.7857 37.7155L43.0759 43.1331L41.5942 44.4517H44.3438V36.3154Z" fill="#D9D9D9"/>
-<path d="M44.3438 36.3154L43.4731 37.4864L42.7857 37.7155L43.0759 43.1331L43.6869 43.4895L44.3438 44.4517V36.3154Z" fill="white"/>
-<path d="M43.4746 37.188H40.0703C38.2964 37.188 36.8584 38.626 36.8584 40.3999C36.8584 42.1738 38.2964 43.6118 40.0703 43.6118H43.4746V37.188Z" fill="url(#paint1_linear_4342_10395)"/>
-<path d="M42.709 37.4558L41.5939 36.3154V37.1809L42.2964 37.8988L42.709 37.4558Z" fill="#CACACA"/>
-<path d="M42.2969 42.8993L41.5942 43.6115V44.4769L42.2967 43.8262L42.2969 42.8993Z" fill="#CACACA"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M42.0093 36.7603H44.0156V44.0615H42.0093V43.2065H40.1841C38.6311 43.2065 37.3721 41.9476 37.3721 40.3945C37.3721 38.8415 38.6311 37.5825 40.1841 37.5825H42.0093V36.7603Z" fill="#9E9E9E"/>
-<mask id="mask0_4342_10395" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="24" y="21" width="52" height="52">
-<rect x="24" y="21" width="52" height="52" rx="11" fill="#F1F1F1"/>
+<rect x="56.9248" y="50.3545" width="2.918" height="8.4449" transform="rotate(30 56.9248 50.3545)" fill="#DBDBDB"/>
+<path d="M57.306 51.9335L59.4522 51.8134L55.2298 59.1269L54.3604 57.7282L57.306 51.9335Z" fill="white"/>
+<path d="M56.9248 50.3545L56.9248 51.9355L53.5903 57.311L52.7024 57.668L56.9248 50.3545Z" fill="#C1C1C1"/>
+<rect x="56.9404" y="50.811" width="2" height="7.70028" transform="rotate(30 56.9404 50.811)" fill="#989898"/>
+<path d="M44.0203 59.127L46.5474 57.668L42.3249 50.3545L39.7979 51.8135L44.0203 59.127Z" fill="#DBDBDB"/>
+<path d="M44.0205 59.127L46.5476 57.668L45.3684 57.2467L44.4822 57.9226L44.0205 59.127Z" fill="white"/>
+<path d="M44.0205 59.127L44.5374 57.8118L41.7342 51.8837L39.7981 51.8135L44.0205 59.127Z" fill="#DBDBDB"/>
+<path d="M41.002 51.8753L42.0041 51.3224L42.3108 50.3676L39.8759 51.7887L41.002 51.8753Z" fill="#C1C1C1"/>
+<rect width="2" height="7.70028" transform="matrix(0.866025 -0.5 -0.5 -0.866025 44.2861 58.4839)" fill="#989898"/>
+<rect x="48.3506" y="36.9717" width="2.70264" height="7.97363" fill="#DBDBDB"/>
+<path d="M49.29 44.0592L50.0665 44.0591L51.0532 44.9447H48.3506L49.29 44.0592Z" fill="white"/>
+<path d="M48.3506 36.9717H51.0532L50.3173 37.9668L49.4453 38.6835L48.3506 36.9717Z" fill="#C1C1C1"/>
+<rect x="48.6982" y="37.5034" width="1.97705" height="7.12109" fill="#989898"/>
+<path d="M55.4346 36.8779H58.1841L56.9926 38.278L56.7024 43.6956L58.1841 45.0142H55.4346V36.8779Z" fill="#D9D9D9"/>
+<path d="M55.4346 36.8779L56.3052 38.0489L56.9926 38.278L56.7024 43.6956L56.0914 44.052L55.4346 45.0142V36.8779Z" fill="#CACACA"/>
+<path d="M56.3037 37.7505H59.708C61.4819 37.7505 62.9199 39.1885 62.9199 40.9624C62.9199 42.7363 61.4819 44.1743 59.708 44.1743H56.3037V37.7505Z" fill="url(#paint0_linear_4385_12626)"/>
+<path d="M57.0693 38.0183L58.1844 36.8779V37.7434L57.4819 38.4613L57.0693 38.0183Z" fill="white"/>
+<path d="M57.4814 43.4618L58.1841 44.174V45.0394L57.4816 44.3887L57.4814 43.4618Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57.769 37.3228H55.7627V44.624H57.769V43.769H59.5942C61.1473 43.769 62.4062 42.5101 62.4062 40.957C62.4062 39.404 61.1473 38.145 59.5942 38.145H57.769V37.3228Z" fill="#9D9D9D"/>
+<path d="M43.9678 36.8779H41.2183L42.4097 38.278L42.7 43.6956L41.2183 45.0142H43.9678V36.8779Z" fill="#D9D9D9"/>
+<path d="M43.9678 36.8779L43.0971 38.0489L42.4097 38.278L42.7 43.6956L43.311 44.052L43.9678 45.0142V36.8779Z" fill="white"/>
+<path d="M43.0986 37.7505H39.6943C37.9204 37.7505 36.4824 39.1885 36.4824 40.9624C36.4824 42.7363 37.9204 44.1743 39.6943 44.1743H43.0986V37.7505Z" fill="url(#paint1_linear_4385_12626)"/>
+<path d="M42.333 38.0183L41.2179 36.8779V37.7434L41.9204 38.4613L42.333 38.0183Z" fill="#CACACA"/>
+<path d="M41.9209 43.4618L41.2182 44.174V45.0394L41.9207 44.3887L41.9209 43.4618Z" fill="#CACACA"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M41.6333 37.3228H43.6396V44.624H41.6333V43.769H39.8081C38.2551 43.769 36.9961 42.5101 36.9961 40.957C36.9961 39.404 38.2551 38.145 39.8081 38.145H41.6333V37.3228Z" fill="#9E9E9E"/>
+<mask id="mask0_4385_12626" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="23" y="21" width="53" height="53">
+<rect x="23.625" y="21.5625" width="52" height="52" rx="11" fill="#F1F1F1"/>
 </mask>
-<g mask="url(#mask0_4342_10395)">
-<g filter="url(#filter9_f_4342_10395)">
-<circle cx="71.9282" cy="26.4951" r="12.1021" fill="white"/>
+<g mask="url(#mask0_4385_12626)">
+<g filter="url(#filter9_f_4385_12626)">
+<circle cx="71.5542" cy="27.0576" r="12.1021" fill="white"/>
 </g>
 </g>
-<circle cx="76.5" cy="20.8936" r="2.7832" fill="white"/>
-<circle cx="76.5" cy="20.5" r="2.65" fill="url(#paint2_radial_4342_10395)" stroke="url(#paint3_linear_4342_10395)" stroke-width="0.3"/>
-<path d="M76.99 18.3508C75.8621 18.1406 73.5454 19.3984 74.6705 21.9467C74.2624 19.8275 75.7523 18.8107 76.99 18.3508Z" fill="white" fill-opacity="0.5"/>
-<g filter="url(#filter10_f_4342_10395)">
-<path d="M76.99 18.3508C75.8621 18.1406 73.5454 19.3984 74.6705 21.9467C74.2624 19.8275 75.7523 18.8107 76.99 18.3508Z" fill="white"/>
+<circle cx="76.5693" cy="21.4561" r="2.7832" fill="white"/>
+<g filter="url(#filter10_ddd_4385_12626)">
+<circle cx="76.5693" cy="21.0625" r="2.5" fill="url(#paint2_radial_4385_12626)"/>
+<circle cx="76.5693" cy="21.0625" r="2.65" stroke="url(#paint3_linear_4385_12626)" stroke-width="0.3"/>
+</g>
+<path d="M77.0593 18.9133C75.9315 18.7031 73.6147 19.9609 74.7398 22.5092C74.3318 20.39 75.8217 19.3732 77.0593 18.9133Z" fill="white" fill-opacity="0.5"/>
+<g filter="url(#filter11_f_4385_12626)">
+<path d="M77.0593 18.9133C75.9315 18.7031 73.6147 19.9609 74.7398 22.5092C74.3318 20.39 75.8217 19.3732 77.0593 18.9133Z" fill="white"/>
 </g>
 <defs>
-<filter id="filter0_ii_4342_10395" x="14" y="12" width="72" height="70" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_ii_4385_12626" x="13.625" y="12.5625" width="72" height="70" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
@@ -74,96 +77,118 @@
 <feGaussianBlur stdDeviation="1"/>
 <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
 <feColorMatrix type="matrix" values="0 0 0 0 0.0208333 0 0 0 0 0.0208333 0 0 0 0 0.0208333 0 0 0 0.08 0"/>
-<feBlend mode="normal" in2="shape" result="effect1_innerShadow_4342_10395"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_4385_12626"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
 <feOffset dx="1"/>
 <feGaussianBlur stdDeviation="1"/>
 <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
 <feColorMatrix type="matrix" values="0 0 0 0 0.0208333 0 0 0 0 0.0208333 0 0 0 0 0.0208333 0 0 0 0.08 0"/>
-<feBlend mode="normal" in2="effect1_innerShadow_4342_10395" result="effect2_innerShadow_4342_10395"/>
+<feBlend mode="normal" in2="effect1_innerShadow_4385_12626" result="effect2_innerShadow_4385_12626"/>
 </filter>
-<filter id="filter1_f_4342_10395" x="0.779297" y="0" width="37.7207" height="94.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter1_f_4385_12626" x="0.404297" y="0.5625" width="37.7207" height="94.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="8" result="effect1_foregroundBlur_4342_10395"/>
+<feGaussianBlur stdDeviation="8" result="effect1_foregroundBlur_4385_12626"/>
 </filter>
-<filter id="filter2_f_4342_10395" x="6.7793" y="6" width="25.7207" height="82.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter2_f_4385_12626" x="6.4043" y="6.5625" width="25.7207" height="82.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="5" result="effect1_foregroundBlur_4342_10395"/>
+<feGaussianBlur stdDeviation="5" result="effect1_foregroundBlur_4385_12626"/>
 </filter>
-<filter id="filter3_f_4342_10395" x="11.7793" y="11" width="15.7207" height="72.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter3_f_4385_12626" x="11.4043" y="11.5625" width="15.7207" height="72.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_4342_10395"/>
+<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_4385_12626"/>
 </filter>
-<filter id="filter4_f_4342_10395" x="11.7793" y="11" width="15.7207" height="72.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter4_f_4385_12626" x="11.4043" y="11.5625" width="15.7207" height="72.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_4342_10395"/>
+<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_4385_12626"/>
 </filter>
-<filter id="filter5_f_4342_10395" x="14.7793" y="14" width="9.7207" height="66.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter5_f_4385_12626" x="14.4043" y="14.5625" width="9.7207" height="66.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_4342_10395"/>
+<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_4385_12626"/>
 </filter>
-<filter id="filter6_f_4342_10395" x="14.7793" y="14" width="9.7207" height="66.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter6_f_4385_12626" x="14.4043" y="14.5625" width="9.7207" height="66.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_4342_10395"/>
+<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_4385_12626"/>
 </filter>
-<filter id="filter7_f_4342_10395" x="71.7793" y="12" width="13.7207" height="70.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter7_f_4385_12626" x="71.4043" y="12.5625" width="13.7207" height="70.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_4342_10395"/>
+<feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_4385_12626"/>
 </filter>
-<filter id="filter8_dii_4342_10395" x="22" y="19" width="56" height="56" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter8_dii_4385_12626" x="21.625" y="19.5625" width="56" height="56" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
 <feOffset/>
 <feGaussianBlur stdDeviation="1"/>
 <feComposite in2="hardAlpha" operator="out"/>
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4342_10395"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4342_10395" result="shape"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4385_12626"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4385_12626" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
 <feOffset/>
 <feGaussianBlur stdDeviation="5"/>
 <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
 <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/>
-<feBlend mode="normal" in2="shape" result="effect2_innerShadow_4342_10395"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_4385_12626"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
 <feOffset/>
 <feGaussianBlur stdDeviation="1"/>
 <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
 <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
-<feBlend mode="normal" in2="effect2_innerShadow_4342_10395" result="effect3_innerShadow_4342_10395"/>
+<feBlend mode="normal" in2="effect2_innerShadow_4385_12626" result="effect3_innerShadow_4385_12626"/>
 </filter>
-<filter id="filter9_f_4342_10395" x="35.8262" y="-9.60693" width="72.2041" height="72.2041" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter9_f_4385_12626" x="35.4521" y="-9.04443" width="72.2041" height="72.2041" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_4342_10395"/>
+<feGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_4385_12626"/>
+</filter>
+<filter id="filter10_ddd_4385_12626" x="67.7695" y="12.2625" width="17.5996" height="17.6" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4385_12626"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.00392157 0 0 0 0 0.870588 0 0 0 0 0.0862745 0 0 0 0.33 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_4385_12626" result="effect2_dropShadow_4385_12626"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+<feBlend mode="normal" in2="effect2_dropShadow_4385_12626" result="effect3_dropShadow_4385_12626"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_4385_12626" result="shape"/>
 </filter>
-<filter id="filter10_f_4342_10395" x="73.3701" y="17.3281" width="4.62012" height="5.61865" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter11_f_4385_12626" x="73.4395" y="17.8906" width="4.62012" height="5.61862" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="0.5" result="effect1_foregroundBlur_4342_10395"/>
+<feGaussianBlur stdDeviation="0.5" result="effect1_foregroundBlur_4385_12626"/>
 </filter>
-<linearGradient id="paint0_linear_4342_10395" x1="59.9878" y1="37.188" x2="59.9878" y2="43.6118" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_4385_12626" x1="59.6118" y1="37.7505" x2="59.6118" y2="44.1743" gradientUnits="userSpaceOnUse">
 <stop stop-color="#D9D9D9"/>
 <stop offset="1" stop-color="white"/>
 </linearGradient>
-<linearGradient id="paint1_linear_4342_10395" x1="41.108" y1="37.188" x2="37.9902" y2="40.838" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint1_linear_4385_12626" x1="40.732" y1="37.7505" x2="37.6142" y2="41.4005" gradientUnits="userSpaceOnUse">
 <stop stop-color="#CACACA"/>
 <stop offset="1" stop-color="#D9D9D9"/>
 </linearGradient>
-<radialGradient id="paint2_radial_4342_10395" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(75.8335 20.0338) rotate(54.3815) scale(2.81817)">
-<stop stop-color="#E4E4E4"/>
-<stop offset="1" stop-color="#D0D0D0"/>
+<radialGradient id="paint2_radial_4385_12626" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(75.9029 20.5963) rotate(54.3815) scale(2.81817)">
+<stop stop-color="#54F364"/>
+<stop offset="1" stop-color="#10CA22"/>
 </radialGradient>
-<linearGradient id="paint3_linear_4342_10395" x1="76.5" y1="18" x2="76.5" y2="23" gradientUnits="userSpaceOnUse">
-<stop stop-color="#CACACA"/>
-<stop offset="1" stop-color="#B1B1B1"/>
+<linearGradient id="paint3_linear_4385_12626" x1="76.5693" y1="18.5625" x2="76.5693" y2="23.5625" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A9D6AD"/>
+<stop offset="1" stop-color="#8EAE91"/>
 </linearGradient>
 </defs>
 </svg>

+ 14 - 18
src/views/envmonitor/components/Air/manualIndex.vue

@@ -312,7 +312,7 @@ export default defineComponent({
       valueHeight: valueHeight,
       equipList: equipList,
       cotrolLoading: false,
-      loadingTimer: 0,
+      loadingNum: 0,
       airTemp: 0, // 设备真实温度
       loadingAir: false,
       windGearArr: windGearArr, // 风量3/5个档位
@@ -494,7 +494,7 @@ export default defineComponent({
           proxyData.airTimer = null;
         }
         proxyData.airTimer = setTimeout(function () {
-          if (!proxyData.loadingTimer) {
+          if (!proxyData.loadingNum) {
             proxyData.getAirInfo();
           }
         }, timerLong);
@@ -518,19 +518,15 @@ export default defineComponent({
       setLoadingNumber() {
         let timerLen: any = proxyData.getTimerLen();
         proxyData.switchTimer = setInterval(() => {
-          proxyData.loadingTimer++;
-          if (proxyData.loadingTimer >= timerLen) {
+          proxyData.loadingNum++;
+          if (proxyData.loadingNum >= timerLen) {
             clearInterval(proxyData.switchTimer);
             proxyData.switchTimer = null;
             proxyData.loadingAir = false;
-            proxyData.loadingTimer = 0;
+            proxyData.loadingNum = 0;
             proxyData.getAirInfoToTimer(0);
           }
-          console.log(
-            "proxyData.loadingTimer==",
-            proxyData.loadingTimer,
-            timerLen
-          );
+          console.log("proxyData.loadingNum==", proxyData.loadingNum, timerLen);
         }, 1000);
       },
       // 格式化空调数据
@@ -589,17 +585,17 @@ export default defineComponent({
       // 计算loading时间
       setChildLoadingNumber(childItem: any) {
         let timerLen: any = proxyData.getTimerLen();
-        childItem.loadingTimer = 1;
+        childItem.loadingNum = 1;
         childItem.timer = setInterval(() => {
-          childItem.loadingTimer++;
-          if (childItem.loadingTimer >= timerLen) {
+          childItem.loadingNum++;
+          if (childItem.loadingNum >= timerLen) {
             clearInterval(childItem.timer);
             childItem.timer = null;
-            childItem.loadingTimer = 0;
+            childItem.loadingNum = 0;
             proxyData.getAirInfoToTimer(0);
           }
           console.log("===");
-          console.log(childItem.loadingTimer);
+          console.log(childItem.loadingNum);
         }, 1000);
       },
       // 连续点击2秒内未点击才发指令
@@ -635,7 +631,7 @@ export default defineComponent({
         }
         let arr: any = [];
         if (btnType === "switch") {
-          if (childItem.loadingTimer >= 1 && childItem.loadingTimer <= 15) {
+          if (childItem.loadingNum >= 1 && childItem.loadingNum <= 15) {
             return;
           }
           childItem.isOpen = !childItem.isOpen;
@@ -796,7 +792,7 @@ export default defineComponent({
       updateAirStatus() {
         clearTimeout(proxyData.airTimer);
         proxyData.airTimer = null;
-        proxyData.loadingTimer = 1;
+        proxyData.loadingNum = 1;
         if (!proxyData.switchTimer) {
           proxyData.setLoadingNumber();
         }
@@ -959,7 +955,7 @@ export default defineComponent({
             proxyData.airData.gear = data.gear || 0;
             proxyData.airData.workMode = data.workMode;
             proxyData.equipList = data.equipList;
-            proxyData.equipList.push(data.equipList[0]);
+            // proxyData.equipList.push(data.equipList[0]);
             // 设置子设备的状态
             proxyData.setChildSelectList();
             proxyData.formateSetChildStatus();

+ 2 - 2
src/views/envmonitor/components/Light/index.vue

@@ -788,10 +788,10 @@ export default defineComponent({
     padding-bottom: 15px;
     .control-title {
       font-weight: 500;
-      font-family: PingFang SC;
+      font-family: "PingFang SC";
+      color: #4d5262;
       font-size: 16px;
       line-height: 20px;
-      color: #4d5262;
     }
     img {
       width: 20px;

+ 123 - 21
src/views/envmonitor/components/Socket/index.vue

@@ -1,16 +1,30 @@
 <template>
-  <div class="socket-box">
+  <div
+    class="socket-box"
+    v-if="socketData && socketData.equipList && socketData.equipList.length"
+  >
     <div class="socket-top">
       <div class="socket-desc">
         <p class="socket-title">智能插座</p>
-        <p class="socket-status">插座已开启</p>
+        <p class="socket-status" v-if="socketData.isOpen">插座已开启</p>
+        <p class="socket-status" v-else>插座已关闭</p>
       </div>
       <div class="socket-right">
-        <img :src="parseImgUrl('ipdImages', 'socket.svg')" alt="" />
+        <img
+          v-if="socketData.isOpen"
+          :src="parseImgUrl('ipdImages', 'socket-active.svg')"
+          alt=""
+        />
+        <img v-else :src="parseImgUrl('ipdImages', 'socket.svg')" alt="" />
       </div>
     </div>
     <div class="top-switch">
-      <div class="top-nav">
+      <div
+        class="top-nav"
+        v-if="
+          socketData && socketData.equipList && socketData.equipList.length > 1
+        "
+      >
         <span
           :class="navType == 'all' ? 'nav-active' : ''"
           @click="checkNav('all')"
@@ -24,30 +38,28 @@
           子设备
         </span>
       </div>
+      <div v-else></div>
       <Switch
         class="switch-btn"
         v-if="navType == 'all'"
         :size="23"
+        @click="socketControl('all')"
         inactive-color="rgba(196, 196, 196, 0.4)"
         :model-value="socketData.isOpen"
       />
     </div>
     <template v-if="navType == 'child'">
-      <div class="socket-child">
+      <div
+        class="socket-child"
+        :key="item.id"
+        v-for="item in socketData.equipList"
+      >
         <div class="child-item">
-          <span>影视等多个</span>
-          <Switch
-            class="switch-btn"
-            inactive-color="rgba(196, 196, 196, 0.4)"
-            :size="23"
-          />
-        </div>
-      </div>
-      <div class="socket-child">
-        <div class="child-item">
-          <span>影视等多个</span>
+          <span>{{ item.localName }}</span>
           <Switch
             class="switch-btn"
+            @click="socketControl('child', item)"
+            :model-value="item.isOpen"
             inactive-color="rgba(196, 196, 196, 0.4)"
             :size="23"
           />
@@ -70,7 +82,10 @@ import {
 import { getRelNowTime, parseImgUrl, setQueryConfig } from "@/utils";
 import { useRoute, onBeforeRouteUpdate } from "vue-router";
 import axios from "axios";
-import { queryEquipmentStatusInfo } from "@/apis/envmonitor";
+import {
+  queryEquipmentStatusInfo,
+  setSpaceCondtioners,
+} from "@/apis/envmonitor";
 
 export default defineComponent({
   props: {
@@ -121,6 +136,7 @@ export default defineComponent({
       isOpen: false,
     };
     let socketTimer: any = null;
+    let loadingTimer: any = null;
     const proxyData = reactive({
       parseImgUrl: parseImgUrl,
       navType: "all",
@@ -130,6 +146,33 @@ export default defineComponent({
       checkNav(type: any = "all") {
         proxyData.navType = type;
       },
+      // 不通型号设备的时长不一样,拓展
+      getTimerLen() {
+        return 15;
+      },
+      loadingTimer: loadingTimer,
+      loadingNum: 0,
+      setLoadingNumber() {
+        let timerLen: any = proxyData.getTimerLen();
+        proxyData.loadingTimer = setInterval(() => {
+          proxyData.loadingNum++;
+          if (proxyData.loadingNum >= timerLen) {
+            clearInterval(proxyData.loadingTimer);
+            proxyData.loadingTimer = null;
+            proxyData.loadingNum = 0;
+            proxyData.getSocketTimer(0);
+          }
+        }, 1000);
+      },
+      // 刷新空调状态的接口
+      updateLoadingNum() {
+        clearTimeout(proxyData.socketTimer);
+        proxyData.socketTimer = null;
+        proxyData.loadingNum = 1;
+        if (!proxyData.loadingTimer) {
+          proxyData.setLoadingNumber();
+        }
+      },
       socketTimer: socketTimer,
       // 定时获取插座列表
       getSocketTimer(timerLong: any = 15000) {
@@ -144,18 +187,34 @@ export default defineComponent({
           proxyData.socketTimer = null;
         }
         proxyData.socketTimer = setTimeout(function () {
-          proxyData.querySocketInfo();
+          if (!proxyData.loadingNum) {
+            proxyData.querySocketInfo();
+          }
         }, timerLong);
       },
       querySocketInfo(isAddTimer: any = 0) {
         let params: any = {
-          projectId: proxyData.projectId,
           spaceId: proxyData.spaceId,
           equipType: "socket",
         };
         let paramsStr: any = setQueryConfig(params);
         queryEquipmentStatusInfo(paramsStr)
           .then((res: any) => {
+            let data: any = res.data || {};
+            proxyData.socketData = data;
+            if (proxyData.socketData && proxyData.socketData.runStatus) {
+              proxyData.socketData.isOpen = true;
+            }
+            if (
+              proxyData.socketData &&
+              proxyData.socketData.equipList &&
+              proxyData.socketData.equipList.length
+            ) {
+              proxyData.socketData.equipList.map((item: any) => {
+                item.isOpen = item.runStatus ? true : false;
+              });
+            }
+
             if (isAddTimer == 0) {
               proxyData.getSocketTimer();
             }
@@ -166,6 +225,48 @@ export default defineComponent({
             }
           });
       },
+      // 插座控制
+      socketControl(type: any, item: any = null) {
+        // 下发指令的时候先关闭定时器
+        proxyData.updateLoadingNum();
+        let arr: any = [];
+        if (type == "all") {
+          proxyData.socketData.isOpen = !proxyData.socketData.isOpen;
+          if (
+            proxyData.socketData &&
+            proxyData.socketData.equipList &&
+            proxyData.socketData.equipList.length
+          ) {
+            proxyData.socketData.equipList.map((item: any) => {
+              let obj: any = {
+                id: item.id, //类型:String  必有字段  备注:设备id
+                code: item.switchCode, //类型:String  必有字段  备注:编码 EquipSwtichSet
+                value: proxyData.socketData.isOpen ? 1 : 0, //类型:String  必有字段  备注:值 0
+              };
+              arr.push(obj);
+            });
+          }
+        } else if (type == "child") {
+          console.log(item);
+          item.isOpen = !item.isOpen;
+          let obj: any = {
+            id: item.id, //类型:String  必有字段  备注:设备id
+            code: item.switchCode, //类型:String  必有字段  备注:编码 EquipSwtichSet
+            value: proxyData.socketData.isOpen ? 1 : 0, //类型:String  必有字段  备注:值 0
+          };
+          arr.push(obj);
+        }
+        // 下发开/关的指令
+        proxyData.setSpaceCondtioners(arr);
+      },
+      // 改变设备状态
+      setSpaceCondtioners(data: any) {
+        setSpaceCondtioners(data)
+          .then((res) => {})
+          .catch(() => {
+            Toast("连接异常,请检查网络!");
+          });
+      },
     });
     watch(
       [() => props, () => props.spaceId],
@@ -324,9 +425,10 @@ export default defineComponent({
       display: flex;
       justify-content: space-between;
       span {
-        font-family: "PingFang SC";
         font-size: 16px;
-        font-weight: 600;
+        font-weight: 500;
+        font-family: "PingFang SC";
+        color: #4d5262;
         line-height: 22px;
         letter-spacing: 0em;
         text-align: left;

+ 6 - 2
src/views/envmonitor/index.vue

@@ -111,7 +111,7 @@
             :class="item.active ? 'fotter-item-active' : ''"
             :key="index + 'nav'"
             v-if="index < 3"
-            @click="changeSpace(item)"
+            @click.stop="changeSpace(item)"
           >
             <img
               v-if="item.active"
@@ -258,7 +258,11 @@
         :projectId="projectId"
       /> -->
 
-    <Socket v-if="spaceInfo.spaceId && spaceExistenceDevice.socket"></Socket>
+      <Socket
+        v-if="spaceInfo.spaceId && spaceExistenceDevice.socket"
+        :spaceId="spaceInfo.spaceId"
+        :projectId="projectId"
+      ></Socket>
     </div>
     <!--加班场景-->
     <van-popup