chenzhen2 1 ano atrás
pai
commit
edaf6c0b99

+ 169 - 0
public/images/ipdImages/socket-active.svg

@@ -0,0 +1,169 @@
+<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"/>
+</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>
+<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>
+<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>
+<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>
+<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>
+<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>
+<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>
+<g filter="url(#filter8_dii_4342_10395)">
+<rect x="24" y="21" 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"/>
+</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>
+</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"/>
+</g>
+<defs>
+<filter id="filter0_ii_4342_10395" x="14" y="12" 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"/>
+<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="shape" result="effect1_innerShadow_4342_10395"/>
+<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"/>
+</filter>
+<filter id="filter1_f_4342_10395" x="0.779297" y="0" 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"/>
+</filter>
+<filter id="filter2_f_4342_10395" x="6.7793" y="6" 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"/>
+</filter>
+<filter id="filter3_f_4342_10395" x="11.7793" y="11" 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"/>
+</filter>
+<filter id="filter4_f_4342_10395" x="11.7793" y="11" 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"/>
+</filter>
+<filter id="filter5_f_4342_10395" x="14.7793" y="14" 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"/>
+</filter>
+<filter id="filter6_f_4342_10395" x="14.7793" y="14" 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"/>
+</filter>
+<filter id="filter7_f_4342_10395" x="71.7793" y="12" 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"/>
+</filter>
+<filter id="filter8_dii_4342_10395" x="22" y="19" 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"/>
+<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"/>
+<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"/>
+</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">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_4342_10395"/>
+</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">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="0.5" result="effect1_foregroundBlur_4342_10395"/>
+</filter>
+<linearGradient id="paint0_linear_4342_10395" x1="59.9878" y1="37.188" x2="59.9878" y2="43.6118" 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">
+<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>
+<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>
+</defs>
+</svg>

+ 169 - 0
public/images/ipdImages/socket.svg

@@ -0,0 +1,169 @@
+<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"/>
+</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>
+<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>
+<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>
+<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>
+<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>
+<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>
+<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>
+<g filter="url(#filter8_dii_4342_10395)">
+<rect x="24" y="21" 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"/>
+</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>
+</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"/>
+</g>
+<defs>
+<filter id="filter0_ii_4342_10395" x="14" y="12" 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"/>
+<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="shape" result="effect1_innerShadow_4342_10395"/>
+<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"/>
+</filter>
+<filter id="filter1_f_4342_10395" x="0.779297" y="0" 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"/>
+</filter>
+<filter id="filter2_f_4342_10395" x="6.7793" y="6" 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"/>
+</filter>
+<filter id="filter3_f_4342_10395" x="11.7793" y="11" 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"/>
+</filter>
+<filter id="filter4_f_4342_10395" x="11.7793" y="11" 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"/>
+</filter>
+<filter id="filter5_f_4342_10395" x="14.7793" y="14" 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"/>
+</filter>
+<filter id="filter6_f_4342_10395" x="14.7793" y="14" 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"/>
+</filter>
+<filter id="filter7_f_4342_10395" x="71.7793" y="12" 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"/>
+</filter>
+<filter id="filter8_dii_4342_10395" x="22" y="19" 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"/>
+<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"/>
+<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"/>
+</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">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_4342_10395"/>
+</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">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="0.5" result="effect1_foregroundBlur_4342_10395"/>
+</filter>
+<linearGradient id="paint0_linear_4342_10395" x1="59.9878" y1="37.188" x2="59.9878" y2="43.6118" 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">
+<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>
+<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>
+</defs>
+</svg>

+ 4 - 1
src/apis/envmonitor.ts

@@ -312,4 +312,7 @@ export const deleteWorkSpaceBatch = (data: any) => {
   return post(`${setupService}padSpace/deleteWorkSpaceBatch`, data);
 }
 
-
+//获取插座列表
+export const queryEquipmentStatusInfo = (params: any) => {
+  return https().request<any>(`${duoduoenvService}ctrl/queryEquipmentStatusInfo?${params}`, Method.GET, undefined, ContentType.json)
+}

+ 340 - 0
src/views/envmonitor/components/Socket/index.vue

@@ -0,0 +1,340 @@
+<template>
+  <div class="socket-box">
+    <div class="socket-top">
+      <div class="socket-desc">
+        <p class="socket-title">智能插座</p>
+        <p class="socket-status">插座已开启</p>
+      </div>
+      <div class="socket-right">
+        <img :src="parseImgUrl('ipdImages', 'socket.svg')" alt="" />
+      </div>
+    </div>
+    <div class="top-switch">
+      <div class="top-nav">
+        <span
+          :class="navType == 'all' ? 'nav-active' : ''"
+          @click="checkNav('all')"
+        >
+          总控制
+        </span>
+        <span
+          :class="navType == 'child' ? 'nav-active' : ''"
+          @click="checkNav('child')"
+        >
+          子设备
+        </span>
+      </div>
+      <Switch
+        class="switch-btn"
+        v-if="navType == 'all'"
+        :size="23"
+        inactive-color="rgba(196, 196, 196, 0.4)"
+        :model-value="socketData.isOpen"
+      />
+    </div>
+    <template v-if="navType == 'child'">
+      <div class="socket-child">
+        <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>
+          <Switch
+            class="switch-btn"
+            inactive-color="rgba(196, 196, 196, 0.4)"
+            :size="23"
+          />
+        </div>
+      </div>
+    </template>
+  </div>
+</template>
+<script lang="ts">
+import { Switch, Dialog, Toast } from "vant";
+import {
+  defineComponent,
+  nextTick,
+  onBeforeUnmount,
+  onMounted,
+  reactive,
+  toRefs,
+  watch,
+} from "vue";
+import { getRelNowTime, parseImgUrl, setQueryConfig } from "@/utils";
+import { useRoute, onBeforeRouteUpdate } from "vue-router";
+import axios from "axios";
+import { queryEquipmentStatusInfo } from "@/apis/envmonitor";
+
+export default defineComponent({
+  props: {
+    temperature: {
+      // 空调基本信息
+      type: Number,
+      default: () => 0,
+    },
+    // hasAir: {
+    //   // 有无空调
+    //   type: Boolean,
+    //   default: () => false,
+    // },
+    airVolumes: {
+      // 风量信息
+      type: Array,
+      default: () => [],
+    },
+    projectId: {
+      type: String,
+      default: () => "",
+    },
+    spaceId: {
+      type: String,
+      default: () => "",
+    },
+    userIsControl: {
+      type: Boolean,
+      default: () => false,
+    },
+    forceOverTimeFlag: {
+      type: Boolean,
+      default: () => false,
+    },
+    seviceEquipmentList: {
+      // 是否走服务定制的设备
+      type: Array,
+      default: () => [],
+    },
+  },
+  components: {
+    Switch,
+    [Dialog.Component.name]: Dialog.Component,
+  },
+  setup(props, contx) {
+    const route: any = useRoute();
+    let socketData: any = {
+      isOpen: false,
+    };
+    let socketTimer: any = null;
+    const proxyData = reactive({
+      parseImgUrl: parseImgUrl,
+      navType: "all",
+      projectId: props.projectId,
+      spaceId: props.spaceId,
+      socketData: socketData,
+      checkNav(type: any = "all") {
+        proxyData.navType = type;
+      },
+      socketTimer: socketTimer,
+      // 定时获取插座列表
+      getSocketTimer(timerLong: any = 15000) {
+        let nowTime: any = getRelNowTime();
+        if (timerLong == 15000 && nowTime < "070000" && nowTime > "200000") {
+          timerLong = 300000;
+        }
+        console.log("nowTime===", nowTime);
+
+        if (proxyData.socketTimer) {
+          clearTimeout(proxyData.socketTimer);
+          proxyData.socketTimer = null;
+        }
+        proxyData.socketTimer = setTimeout(function () {
+          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) => {
+            if (isAddTimer == 0) {
+              proxyData.getSocketTimer();
+            }
+          })
+          .catch(() => {
+            if (isAddTimer == 0) {
+              proxyData.getSocketTimer();
+            }
+          });
+      },
+    });
+    watch(
+      [() => props, () => props.spaceId],
+      (newProps: any, oldProps: any) => {
+        if (newProps[0]) {
+        }
+        if (newProps[1] && newProps[1] != oldProps[1]) {
+          proxyData.spaceId = newProps[1];
+          proxyData.querySocketInfo();
+        }
+      },
+      {
+        deep: true,
+        immediate: true,
+      }
+    );
+    onBeforeUnmount(() => {
+      clearTimeout(proxyData.socketTimer);
+      proxyData.socketTimer = null;
+    });
+    onMounted(() => {
+      proxyData.querySocketInfo(1);
+    });
+    return {
+      ...toRefs(proxyData),
+    };
+  },
+});
+</script>
+
+<style lang="scss" scoped>
+.socket-box {
+  border-radius: 25px;
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.07);
+  .socket-top {
+    padding-left: 20px;
+    padding-right: 20px;
+    padding-bottom: 12px;
+    padding-top: 24px;
+    display: flex;
+    justify-content: space-between;
+    .socket-desc {
+      position: relative;
+      font-family: PingFang SC;
+      font-size: 16px;
+      line-height: 19px;
+      color: #4d5262;
+      flex: none;
+      flex-grow: 0;
+      margin: 5px 0px;
+      // min-height: 100px;
+      .socket-title {
+        font-family: "PingFang SC";
+        // padding-left: 5px;
+        font-size: 16px;
+        line-height: 20px;
+        color: #4d5262;
+        padding-bottom: 10px;
+        i {
+          display: inline-block;
+          font-size: 12px;
+          transform: scale(0.9);
+          font-style: normal;
+          padding-left: 5px;
+          color: #c4c4c4;
+        }
+      }
+      .socket-status {
+        font-family: "PingFang SC";
+        font-size: 14px;
+        font-weight: 400;
+        // padding-left: 5px;
+        line-height: 20px;
+        letter-spacing: 0em;
+        text-align: left;
+        color: rgba(196, 196, 196, 1);
+      }
+      .show-all {
+        position: absolute;
+        width: 110px;
+        bottom: -8px;
+        font-family: PingFang SC;
+        font-size: 14px;
+        line-height: 16px;
+        color: #c4c4c4;
+        margin: 0px 5px;
+        span {
+          font-size: 12px;
+        }
+        .light-icon {
+          font-size: 12px;
+          padding-right: 10px;
+        }
+      }
+    }
+    .socket-right {
+      position: relative;
+      width: 157px;
+      text-align: center;
+
+      img {
+        width: 70px;
+        height: 70px;
+      }
+
+      .switch-btn {
+        position: absolute;
+        z-index: 111;
+        bottom: -5px;
+        right: 25px;
+      }
+    }
+  }
+  .top-switch {
+    display: flex;
+    justify-content: space-between;
+    padding: 0 20px;
+    padding-bottom: 24px;
+    .top-nav {
+      height: 28px;
+      line-height: 28px;
+      border-radius: 21px;
+      background: #f1f4f6;
+      span {
+        box-sizing: border-box;
+        display: inline-block;
+        font-family: "PingFang SC";
+        font-style: normal;
+        font-weight: 400;
+        font-size: 14px;
+        padding: 5px 8px;
+        height: 28px;
+        line-height: 14px;
+        color: #424c59;
+      }
+      .nav-active {
+        background: #fff;
+        border: 1px solid #e1e5eb;
+        border-radius: 21px;
+      }
+    }
+    .switch-btn {
+      margin-top: 0;
+    }
+  }
+  .line {
+    width: 100%;
+    height: 0px;
+    border-top: 1px solid rgba(232, 236, 240, 1);
+  }
+  .socket-child {
+    border-top: 1px solid rgba(232, 236, 240, 1);
+    padding: 16px 20px;
+    .child-item {
+      display: flex;
+      justify-content: space-between;
+      span {
+        font-family: "PingFang SC";
+        font-size: 16px;
+        font-weight: 600;
+        line-height: 22px;
+        letter-spacing: 0em;
+        text-align: left;
+      }
+    }
+  }
+}
+</style>
+    
+  
+    

+ 9 - 1
src/views/envmonitor/index.vue

@@ -210,7 +210,7 @@
 
       <!--地暖 start-->
       <floor-heating
-        v-if="spaceInfo.spaceId"
+        v-if="spaceInfo.spaceId && spaceExistenceDevice.floorHeating"
         :forceOverTimeFlag="forceOverTimeFlag"
         :seviceEquipmentList="seviceEquipmentList"
         @triggerWork="triggerWork"
@@ -257,6 +257,8 @@
         v-if="spaceExistenceDevice.curtain && spaceInfo.spaceId"
         :projectId="projectId"
       /> -->
+
+    <Socket v-if="spaceInfo.spaceId && spaceExistenceDevice.socket"></Socket>
     </div>
     <!--加班场景-->
     <van-popup
@@ -437,6 +439,7 @@ import ComMap from "@/views/envmonitor/components/Map/index.vue";
 import LightTemp from "@/views/envmonitor/components/Light/LightTemp.vue";
 import ChildTempSet from "@/views/envmonitor/components/FloorHeating/ChildTempSet.vue";
 import ChildAirControl from "@/views/envmonitor/components/Air/ChildAirControl.vue";
+import Socket from "@/views/envmonitor/components/Socket/index.vue";
 import { Icon, Popup, Dialog, Toast } from "vant";
 import { useRouter, useRoute } from "vue-router";
 import {
@@ -500,6 +503,7 @@ export default defineComponent({
     Contact,
     ChildTempSet,
     CurtainOpening,
+    Socket,
     [Dialog.Component.name]: Dialog.Component,
     VanPopup: Popup,
     VanIcon: Icon,
@@ -556,6 +560,8 @@ export default defineComponent({
       light: false,
       airConditioner: false,
       bodySensor: false,
+      floorHeating: false,
+      socket: false,
     };
     let curtainRef: any = {};
     let manualAirRef: any = {};
@@ -1978,6 +1984,8 @@ export default defineComponent({
           light: false,
           airConditioner: false,
           bodySensor: false,
+          socket: false,
+          floorHeating: false,
         };
         proxyData.spaceData.map((item: any) => {
           item.active = false;