<template>
  <div style="padding:5px;width: 100%;height: 100%">
    <svg width="100%" height="100%" id="svg" xmlns="http://www.w3.org/2000/svg"
         xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
         viewBox="-0.5 -0.5 1916 1320"
         content="&lt;mxfile host=&quot;www.hiwooiot.cn&quot; modified=&quot;2022-03-17T08:14:34.340Z&quot; agent=&quot;Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.51 Safari/537.36&quot; etag=&quot;hZCiSbEH-MwBjPc1S0ky&quot; version=&quot;12.3.3&quot; pages=&quot;21&quot;&gt;&lt;diagram id=&quot;rXknI9SZBK5-0xaY8ByB&quot; name=&quot;概览&quot; permission=&quot;[{&amp;quot;id&amp;quot;:&amp;quot;56&amp;quot;,&amp;quot;roleName&amp;quot;:&amp;quot;项目管理员&amp;quot;,&amp;quot;visible&amp;quot;:true},{&amp;quot;id&amp;quot;:&amp;quot;47&amp;quot;,&amp;quot;roleName&amp;quot;:&amp;quot;普通用户&amp;quot;,&amp;quot;visible&amp;quot;:true},{&amp;quot;id&amp;quot;:&amp;quot;1&amp;quot;,&amp;quot;roleName&amp;quot;:&amp;quot;超级管理员&amp;quot;,&amp;quot;visible&amp;quot;:true},{&amp;quot;id&amp;quot;:2,&amp;quot;roleName&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;visible&amp;quot;:true}]&quot;&gt;[encoded data, 5716 characters]&lt;/diagram&gt;&lt;diagram id=&quot;ukcakt0zsKriT5zABY5p&quot; name=&quot;408研发主任办公室西&quot; permission=&quot;[{&amp;quot;id&amp;quot;:&amp;quot;56&amp;quot;,&amp;quot;roleName&amp;quot;:&amp;quot;项目管理员&amp;quot;,&amp;quot;visible&amp;quot;:true},{&amp;quot;id&amp;quot;:&amp;quot;1&amp;quot;,&amp;quot;roleName&amp;quot;:&amp;quot;超级管理员&amp;quot;,&amp;quot;visible&amp;quot;:true},{&amp;quot;id&amp;quot;:2,&amp;quot;roleName&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;visible&amp;quot;:true}]&quot;&gt;[encoded data, 5500 characters]&lt;/diagram&gt;&lt;diagram id=&quot;mGZqEUT8nf0Cb1LDvHRb&quot; name=&quot;灿能1号楼一层&quot;&gt;[encoded data, 26324 characters]&lt;/diagram&gt;&lt;diagram id=&quot;nyhzxpkEW-e0nChef3k9&quot; name=&quot;灿能1号楼二层&quot;&gt;[encoded data, 32644 characters]&lt;/diagram&gt;&lt;diagram id=&quot;PagkY5lrhIsOB1OY4Uv0&quot; name=&quot;灿能1号楼三层&quot;&gt;[encoded data, 36904 characters]&lt;/diagram&gt;&lt;diagram id=&quot;yMzkDIJosdRhYQrodxlj&quot; name=&quot;灿能1号楼四层&quot;&gt;[encoded data, 37332 characters]&lt;/diagram&gt;&lt;diagram id=&quot;jlMoj2Ovq-02vR7IKRFa&quot; name=&quot;灿能1号楼一层外机&quot;&gt;[encoded data, 5924 characters]&lt;/diagram&gt;&lt;diagram id=&quot;vHBxYpMOiBeFojDglIS6&quot; name=&quot;灿能1号楼二层外机&quot;&gt;[encoded data, 5860 characters]&lt;/diagram&gt;&lt;diagram id=&quot;qyh0fS8UlnUjjrrfCXJV&quot; name=&quot;灿能1号楼三层外机&quot;&gt;[encoded data, 5836 characters]&lt;/diagram&gt;&lt;diagram id=&quot;5aRiKRkoNk-lwWBnrRls&quot; name=&quot;灿能1号楼四层外机&quot;&gt;[encoded data, 5836 characters]&lt;/diagram&gt;&lt;diagram id=&quot;7sVd3CWOZyqYnApbYL-B&quot; name=&quot;407新业务部83&quot;&gt;[encoded data, 5500 characters]&lt;/diagram&gt;&lt;diagram id=&quot;hXGDV962oi45kMiFJlc3&quot; name=&quot;330财务大办公室&quot;&gt;[encoded data, 5492 characters]&lt;/diagram&gt;&lt;diagram id=&quot;vq-WSEjJPQzhiXvGUGHE&quot; name=&quot;301行政办公室&quot;&gt;[encoded data, 5496 characters]&lt;/diagram&gt;&lt;diagram id=&quot;HJLS4ZMOw1mhrJNGR0C2&quot; name=&quot;212主管办公室&quot;&gt;[encoded data, 5496 characters]&lt;/diagram&gt;&lt;diagram id=&quot;liCTISlDEAiaiDWD8n88&quot; name=&quot;212运营主任办公室&quot;&gt;[encoded data, 5528 characters]&lt;/diagram&gt;&lt;diagram id=&quot;1okdoKj-IN0rCDDtljPI&quot; name=&quot;1层屏柜调试区14&quot;&gt;[encoded data, 5500 characters]&lt;/diagram&gt;&lt;diagram id=&quot;w86apTUMjrqo4bO-x6vP&quot; name=&quot;1层屏柜调试区8&quot;&gt;[encoded data, 5508 characters]&lt;/diagram&gt;&lt;diagram id=&quot;GuXV__z5spBeMEYDaGDt&quot; name=&quot;402营销办公室89&quot;&gt;[encoded data, 5484 characters]&lt;/diagram&gt;&lt;diagram id=&quot;ur315kdM266n4Pn6v975&quot; name=&quot;402营销办公室90&quot;&gt;[encoded data, 5492 characters]&lt;/diagram&gt;&lt;diagram id=&quot;Kf7cRvqSkY0P2yLZn8HF&quot; name=&quot;402营销办公室91&quot;&gt;[encoded data, 5488 characters]&lt;/diagram&gt;&lt;diagram id=&quot;ncLa6VuXWOCjVME6Ggyi&quot; name=&quot;402营销办公室92&quot;&gt;[encoded data, 5488 characters]&lt;/diagram&gt;&lt;/mxfile&gt;"
         style="background-color: rgb(0, 0, 0);">
      <defs>
        <linearGradient x1="0%" y1="100%" x2="0%" y2="0%" id="mx-gradient-5b99bd-1-3772a6-1-s-0">
          <stop offset="0%" style="stop-color:#3772A6"/>
          <stop offset="100%" style="stop-color:#5B99BD"/>
        </linearGradient>
        <linearGradient x1="0%" y1="100%" x2="0%" y2="0%" id="mx-gradient-194b7d-1-224666-1-s-0">
          <stop offset="0%" style="stop-color:#224666"/>
          <stop offset="100%" style="stop-color:#194B7D"/>
        </linearGradient>
        <linearGradient x1="0%" y1="100%" x2="0%" y2="0%" id="mx-gradient-0066cc-1-11396e-1-s-0">
          <stop offset="0%" style="stop-color:#11396E"/>
          <stop offset="100%" style="stop-color:#0066CC"/>
        </linearGradient>
      </defs>
      <g>
        <path
          d="M 27 70 L 637 70 Q 647 70 657 70 L 717 70 Q 727 70 736.19 73.94 L 787.81 96.06 Q 797 100 807 100 L 1117 100"
          fill="none" stroke="#3a5988" stroke-width="4" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1117 100 L 1187.64 73.51 Q 1197 70 1207 70 L 1912 70" fill="none" stroke="#3a5988"
              stroke-width="4"
              stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 17 73 L 47 93" fill="none" stroke="#3a5988" stroke-width="5" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 37 70 L 67 90" fill="none" stroke="#3a5988" stroke-width="5" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 57 69 L 87 89" fill="none" stroke="#3a5988" stroke-width="5" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 1867 90 L 1897 70" fill="none" stroke="#3a5988" stroke-width="5" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 1847 90 L 1877 70" fill="none" stroke="#3a5988" stroke-width="5" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 1827 90 L 1857 70" fill="none" stroke="#3a5988" stroke-width="5" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <rect x="737" y="11" width="460" height="30" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(741.5,-0.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="450" height="52"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 45px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 451px; white-space: nowrap; overflow-wrap: normal; font-weight: bold; text-align: center;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                  <font style="font-size: 45px">灿能中央空调监控系统</font>
                </div>
              </div>
            </foreignObject>
            <text x="225" y="49" fill="#FFFFFF" text-anchor="middle" font-size="45px" font-family="Helvetica"
                  font-weight="bold">&lt;font style="font-size: 45px"&gt;灿能中央空调监控系统&lt;/font&gt;
            </text>
          </switch>
        </g>

        <path
          d="M 1912 71 L 1912 1306 Q 1912 1316 1902 1316 L 12 1316 Q 2 1316 2 1306 L 2 691 Q 2 681 2 671 L 2 371 Q 2 361 2 351 L 2 81 Q 2 71 12 71 L 57 71"
          fill="none" stroke="#3a5988" stroke-width="4" stroke-miterlimit="10" pointer-events="stroke"/>
        <g transform="translate(1566.5,89.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="274" height="57"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 11px; font-family: Arial, Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: left;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;">
                  <div id="div_realtime_ogSoRD1BnVMxbBlM2xg8-352" class="realtime"
                       style="background: linear-gradient(to bottom , undefined , #99FF33);top: 0;border: 1px solid undefined;line-height: 100%;width: 274px;height: 59px;font-size: 29px;color: #DBFFE4;text-align: center;line-height: 59px;background-color: none;background-origin: border-box;">
                <span class="realtimeupdate" id="realtimeupdate" data-name="yyyy-MM-dd hh:mm:ss"
                      style="font-size: 29px;vertical-align: top;font-family:'Comic Sans MS';opacity: 1;background-color: none;">
                  2022-03-17 16:14:34
                </span>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="137" y="34" fill="#000000" text-anchor="middle" font-size="11px"
                  font-family="Arial,Helvetica">
              [Not
              supported by viewer]
            </text>
          </switch>
        </g>
        <path
          d="M 577 249 L 577 129 Q 577 119 587 119 L 1337 119 Q 1347 119 1347 129 L 1347 699 Q 1347 709 1347 719 L 1347 1267 Q 1347 1277 1337 1277 L 587 1277 Q 577 1277 577 1267 L 577 119"
          fill="none" stroke="#3a5988" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <rect x="647" y="217" width="630" height="970" fill="url(#mx-gradient-5b99bd-1-3772a6-1-s-0)"
              stroke="none"
              pointer-events="all"/>
        <rect x="647" y="1047" width="630" height="140" fill="url(#mx-gradient-194b7d-1-224666-1-s-0)"
              stroke="#00ffff"
              pointer-events="all"/>
        <rect x="647" y="896" width="630" height="140" fill="url(#mx-gradient-194b7d-1-224666-1-s-0)"
              stroke="#00ffff"
              pointer-events="all"/>
        <rect x="647" y="745" width="630" height="140" fill="url(#mx-gradient-194b7d-1-224666-1-s-0)"
              stroke="#00ffff"
              pointer-events="all"/>
        <rect x="647" y="594" width="630" height="140" fill="url(#mx-gradient-194b7d-1-224666-1-s-0)"
              stroke="#00ffff"
              pointer-events="all"/>
        <rect x="647" y="443" width="630" height="140" fill="url(#mx-gradient-194b7d-1-224666-1-s-0)"
              stroke="#00ffff"
              pointer-events="all"/>
        <rect x="647" y="291" width="630" height="140" fill="url(#mx-gradient-194b7d-1-224666-1-s-0)"
              stroke="#00ffff"
              pointer-events="all"/>
        <rect x="602" y="217" width="720" height="48" rx="7.2" ry="7.2"
              fill="url(#mx-gradient-194b7d-1-224666-1-s-0)"
              stroke="#00ffff" pointer-events="all"/>
        <rect x="715" y="146.5" width="480" height="70" rx="10.5" ry="10.5" fill="#224666" stroke="none"
              pointer-events="all"/>
        <rect x="597" y="1187" width="720" height="70" rx="10.5" ry="10.5" fill="#b3b3b3" stroke="#1c2745"
              stroke-width="5"
              pointer-events="all"/>
        <rect x="877" y="1107" width="130" height="20" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(918.5,1099.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="46" height="34"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(230, 230, 230); line-height: 1.2; vertical-align: top; width: 48px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div id="floor1" xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;cursor:pointer">
                  1层
                </div>
              </div>
            </foreignObject>
            <text x="23" y="32" fill="#E6E6E6" text-anchor="middle" font-size="30px" font-family="Helvetica">1层
            </text>
          </switch>
        </g>
        <rect x="877" y="956" width="130" height="20" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(918.5,948.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="46" height="34"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(230, 230, 230); line-height: 1.2; vertical-align: top; width: 48px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div id="floor2" xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;cursor:pointer">
                  2层
                </div>
              </div>
            </foreignObject>
            <text x="23" y="32" fill="#E6E6E6" text-anchor="middle" font-size="30px" font-family="Helvetica">2层
            </text>
          </switch>
        </g>
        <rect x="877" y="807" width="130" height="20" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(918.5,799.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="46" height="34"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(230, 230, 230); line-height: 1.2; vertical-align: top; width: 48px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div id="floor3" xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;cursor:pointer">
                  3层
                </div>
              </div>
            </foreignObject>
            <text x="23" y="32" fill="#E6E6E6" text-anchor="middle" font-size="30px" font-family="Helvetica">3层
            </text>
          </switch>
        </g>
        <rect x="877" y="647" width="130" height="20" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(918.5,639.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="46" height="34"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(230, 230, 230); line-height: 1.2; vertical-align: top; width: 48px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div id="floor4" xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;cursor:pointer">
                  4层
                </div>
              </div>
            </foreignObject>
            <text x="23" y="32" fill="#E6E6E6" text-anchor="middle" font-size="30px" font-family="Helvetica">4层
            </text>
          </switch>
        </g>
        <rect x="877" y="503" width="130" height="20" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(918.5,495.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="46" height="34"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(230, 230, 230); line-height: 1.2; vertical-align: top; width: 48px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                  5层
                </div>
              </div>
            </foreignObject>
            <text x="23" y="32" fill="#E6E6E6" text-anchor="middle" font-size="30px" font-family="Helvetica">5层
            </text>
          </switch>
        </g>
        <rect x="877" y="351" width="130" height="20" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(918.5,343.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="46" height="34"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(230, 230, 230); line-height: 1.2; vertical-align: top; width: 48px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                  6层
                </div>
              </div>
            </foreignObject>
            <text x="23" y="32" fill="#E6E6E6" text-anchor="middle" font-size="30px" font-family="Helvetica">6层
            </text>
          </switch>
        </g>
        <rect x="827" y="156.5" width="230" height="50" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(843.5,164.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="196" height="34"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(230, 228, 228); line-height: 1.2; vertical-align: top; width: 198px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                  南京灿能1号楼
                </div>
              </div>
            </foreignObject>
            <text x="98" y="32" fill="#E6E4E4" text-anchor="middle" font-size="30px" font-family="Helvetica">
              南京灿能1号楼
            </text>
          </switch>
        </g>
        <path
          d="M 27 431 L 27 311 Q 27 301 37 301 L 531 301 Q 541 301 541 311 L 541 1271 Q 541 1281 531 1281 L 27 1281 Q 17 1281 17.12 1271 L 27 431"
          fill="none" stroke="#3a5988" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <rect x="37" y="471" width="190" height="739" fill="url(#mx-gradient-0066cc-1-11396e-1-s-0)"
              stroke="#ffffff"
              pointer-events="all"/>
        <rect x="47" y="475" width="180" height="110" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(66.5,509.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="140" height="40"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 35px; font-family: Helvetica; color: rgb(230, 228, 228); line-height: 1.2; vertical-align: top; width: 141px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                  外机状态
                </div>
              </div>
            </foreignObject>
            <text x="70" y="38" fill="#E6E4E4" text-anchor="middle" font-size="35px" font-family="Helvetica">外机状态
            </text>
          </switch>
        </g>
        <rect x="237" y="471" width="289" height="739" fill="url(#mx-gradient-0066cc-1-11396e-1-s-0)"
              stroke="#ffffff"
              pointer-events="all"/>
        <rect x="286" y="480" width="207" height="50" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(301.5,484.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="175" height="40"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 35px; font-family: Helvetica; color: rgb(230, 228, 228); line-height: 1.2; vertical-align: top; width: 176px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                  内机（台）
                </div>
              </div>
            </foreignObject>
            <text x="88" y="38" fill="#E6E4E4" text-anchor="middle" font-size="35px" font-family="Helvetica">内机（台）
            </text>
          </switch>
        </g>
        <g transform="translate(285.5,1084.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="48" height="98"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 11px; font-family: Arial, Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: left;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;">
                  <div id="div_varvalue_JYHOiuIgmuTZJP-SjNk0-1" class="varvalue"
                       style="cursor: pointer;top: 0;border: 1px solid undefined;width: 48px;height: 100px;font-size: 32px;color: #00FFFF;text-align: center;line-height: 100px;background: undefined;background-origin: border-box">
                    <span id="out1one" class="airInnerNum">1层外机1内机开机数量</span>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="24" y="55" fill="#000000" text-anchor="middle" font-size="11px"
                  font-family="Arial,Helvetica">
              [Not
              supported by viewer]
            </text>
          </switch>
        </g>
        <g transform="translate(285.5,925.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="48" height="98"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 11px; font-family: Arial, Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: left;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;">
                  <div id="div_varvalue_JYHOiuIgmuTZJP-SjNk0-2" class="varvalue"
                       style="cursor: pointer;top: 0;border: 1px solid undefined;width: 48px;height: 100px;font-size: 32px;color: #00FFFF;text-align: center;line-height: 100px;background: undefined;background-origin: border-box">
                    <span id="out1two" class="airInnerNum">2层外机1内机开机数量</span>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="24" y="55" fill="#000000" text-anchor="middle" font-size="11px"
                  font-family="Arial,Helvetica">
              [Not
              supported by viewer]
            </text>
          </switch>
        </g>
        <g transform="translate(285.5,763.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="48" height="98"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 11px; font-family: Arial, Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: left;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;">
                  <div id="div_varvalue_JYHOiuIgmuTZJP-SjNk0-3" class="varvalue"
                       style="cursor: pointer;top: 0;border: 1px solid undefined;width: 48px;height: 100px;font-size: 32px;color: #00FFFF;text-align: center;line-height: 100px;background: undefined;background-origin: border-box">
                    <span id="out1three" class="airInnerNum">3层外机1内机开机数量</span>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="24" y="55" fill="#000000" text-anchor="middle" font-size="11px"
                  font-family="Arial,Helvetica">
              [Not
              supported by viewer]
            </text>
          </switch>
        </g>
        <g transform="translate(285.5,616.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="48" height="98"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 11px; font-family: Arial, Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: left;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;">
                  <div id="div_varvalue_JYHOiuIgmuTZJP-SjNk0-4" class="varvalue"
                       style="cursor: pointer;top: 0;border: 1px solid undefined;width: 48px;height: 100px;font-size: 32px;color: #00FFFF;text-align: center;line-height: 100px;background: undefined;background-origin: border-box">
                    <span id="out1four" class="airInnerNum">4层外机1内机开机数量</span>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="24" y="55" fill="#000000" text-anchor="middle" font-size="11px"
                  font-family="Arial,Helvetica">
              [Not
              supported by viewer]
            </text>
          </switch>
        </g>
        <g transform="translate(45.5,1044.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="171" height="144"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 11px; font-family: Arial, Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: left;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;">
                  <div id="div_statusButton_Ge4-Y1X6XYqoQTjk6AyH-1" class="defStatusButton"
                       style="cursor: pointer;background: undefined;top: 0;border: 1px solid undefined;width: 171px;height: 146px;font-size: 40px;background-origin: border-box;">
                    <img class="funClass" id="out1one_fun"
                         src="../../../assets/energy/fan.png"
                         style="width: 171px;height: 146px;object-fit: contain;cursor: pointer;-webkit-user-select: none;user-select: none;-moz-user-select: none;"/>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="86" y="78" fill="#000000" text-anchor="middle" font-size="11px"
                  font-family="Arial,Helvetica">
              [Not
              supported by viewer]
            </text>
          </switch>
        </g>
        <g transform="translate(47.5,889.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="170" height="139"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 11px; font-family: Arial, Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: left;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;">
                  <div id="div_statusButton_Ge4-Y1X6XYqoQTjk6AyH-2" class="defStatusButton"
                       style="cursor: pointer;background: undefined;top: 0;border: 1px solid undefined;width: 170px;height: 141px;font-size: 40px;background-origin: border-box;">
                    <img id="out1two_fun"  class="funClass" src="../../../assets/energy/fan.png"
                         style="width: 170px;height: 141px;object-fit: contain;cursor: pointer;-webkit-user-select: none;user-select: none;-moz-user-select: none;"/>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="85" y="75" fill="#000000" text-anchor="middle" font-size="11px"
                  font-family="Arial,Helvetica">
              [Not
              supported by viewer]
            </text>
          </switch>
        </g>
        <g transform="translate(47.5,738.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="169" height="140"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 11px; font-family: Arial, Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: left;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;">
                  <div id="div_statusButton_Ge4-Y1X6XYqoQTjk6AyH-3" class="defStatusButton"
                       style="cursor: pointer;background: undefined;top: 0;border: 1px solid undefined;width: 169px;height: 142px;font-size: 40px;background-origin: border-box;">
                    <img id="out1three_fun" class="funClass"
                         src="../../../assets/energy/fan.png"
                         style="width: 169px;height: 142px;object-fit: contain;cursor: pointer;-webkit-user-select: none;user-select: none;-moz-user-select: none;"/>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="85" y="76" fill="#000000" text-anchor="middle" font-size="11px"
                  font-family="Arial,Helvetica">
              [Not
              supported by viewer]
            </text>
          </switch>
        </g>
        <g transform="translate(47.5,593.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="169" height="136"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 11px; font-family: Arial, Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: left;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;">
                  <div id="div_statusButton_Ge4-Y1X6XYqoQTjk6AyH-4" class="defStatusButton"
                       style="cursor: pointer;background: undefined;top: 0;border: 1px solid undefined;width: 169px;height: 138px;font-size: 40px;background-origin: border-box;">
                    <img id="out1four_fun" class="funClass"
                         src="../../../assets/energy/fan.png"
                         style="width: 169px;height: 138px;object-fit: contain;cursor: pointer;-webkit-user-select: none;user-select: none;-moz-user-select: none;"/>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="85" y="74" fill="#000000" text-anchor="middle" font-size="11px"
                  font-family="Arial,Helvetica">
              [Not
              supported by viewer]
            </text>
          </switch>
        </g>
        <rect x="381.5" y="1110.5" width="150" height="50" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(447.5,1117.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="18" height="36"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 32px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 18px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">8
                </div>
              </div>
            </foreignObject>
            <text x="9" y="34" fill="#FFFFFF" text-anchor="middle" font-size="32px" font-family="Helvetica">8
            </text>
          </switch>
        </g>
        <path
          d="M 1377 417 L 1377 311 Q 1377 301 1387 301 L 1627 301 Q 1637 301 1647 301 L 1877 301 Q 1887 301 1887.04 311 L 1890.96 1257 Q 1891 1267 1881 1267 L 1377 1267 Q 1367 1267 1367.12 1257 L 1377 417"
          fill="none" stroke="#3a5988" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <rect x="1535.5" y="321" width="213" height="50" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(1580.5,317.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="123" height="56"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 48px; font-family: Helvetica; color: rgb(230, 228, 228); line-height: 1.2; vertical-align: top; width: 123px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                  外机2
                </div>
              </div>
            </foreignObject>
            <text x="62" y="52" fill="#E6E4E4" text-anchor="middle" font-size="48px" font-family="Helvetica">外机2
            </text>
          </switch>
        </g>
        <rect x="179" y="326" width="213" height="50" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(223.5,322.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="123" height="56"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 48px; font-family: Helvetica; color: rgb(230, 228, 228); line-height: 1.2; vertical-align: top; width: 123px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                  外机1
                </div>
              </div>
            </foreignObject>
            <text x="62" y="52" fill="#E6E4E4" text-anchor="middle" font-size="48px" font-family="Helvetica">外机1
            </text>
          </switch>
        </g>
        <rect x="27" y="201" width="133" height="50" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(30.5,209.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="125" height="33"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 29px; font-family: Helvetica; color: rgb(230, 228, 228); line-height: 1.2; vertical-align: top; width: 125px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                 
                </div>
              </div>
            </foreignObject>
            <text x="63" y="31" fill="#E6E4E4" text-anchor="middle" font-size="29px" font-family="Helvetica">
            </text>
          </switch>
        </g>
        <g transform="translate(166.5,175.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="48" height="98"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 11px; font-family: Arial, Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: left;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;">
                  <div id="div_varvalue_w6ZxYwBm7mZpjUAZRVQN-2" class="varvalue"
                       style="cursor: pointer;top: 0;border: 1px solid undefined;width: 48px;height: 100px;font-size: 32px;color: #00FFFF;text-align: center;line-height: 100px;background: undefined;background-origin: border-box">
                    <span></span>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="24" y="55" fill="#000000" text-anchor="middle" font-size="11px"
                  font-family="Arial,Helvetica">
              [Not
              supported by viewer]
            </text>
          </switch>
        </g>
        <rect x="225" y="197" width="31" height="58" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(224.5,207.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="32" height="36"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 32px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 33px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                </div>
              </div>
            </foreignObject>
            <text x="16" y="34" fill="#FFFFFF" text-anchor="middle" font-size="32px" font-family="Helvetica">
            </text>
          </switch>
        </g>
        <path d="M 37.76 1050.38 L 527.45 1049.64" fill="none" stroke="#05e1ea" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 37.95 886.32 L 527 888" fill="none" stroke="#05e1ea" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 37 737 L 527 737" fill="none" stroke="#05e1ea" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 40.88 593.24 L 527 593" fill="none" stroke="#05e1ea" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <rect x="241" y="536" width="137" height="50" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(249.5,543.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="120" height="34"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(230, 228, 228); line-height: 1.2; vertical-align: top; width: 121px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                  开机数量
                </div>
              </div>
            </foreignObject>
            <text x="60" y="32" fill="#E6E4E4" text-anchor="middle" font-size="30px" font-family="Helvetica">开机数量
            </text>
          </switch>
        </g>
        <rect x="381.5" y="536" width="137" height="50" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(404.5,543.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="90" height="34"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(230, 228, 228); line-height: 1.2; vertical-align: top; width: 91px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                  总数量
                </div>
              </div>
            </foreignObject>
            <text x="45" y="32" fill="#E6E4E4" text-anchor="middle" font-size="30px" font-family="Helvetica">总数量
            </text>
          </switch>
        </g>
        <path d="M 379 531 L 379 1211" fill="none" stroke="#05e1ea" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 237 530 L 527 530" fill="none" stroke="#05e1ea" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <rect x="376" y="949.5" width="150" height="50" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(432.5,956.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="36" height="36"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 32px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 36px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                  13
                </div>
              </div>
            </foreignObject>
            <text x="18" y="34" fill="#FFFFFF" text-anchor="middle" font-size="32px" font-family="Helvetica">13
            </text>
          </switch>
        </g>
        <rect x="378" y="788.5" width="150" height="50" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(434.5,795.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="36" height="36"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 32px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 36px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                  15
                </div>
              </div>
            </foreignObject>
            <text x="18" y="34" fill="#FFFFFF" text-anchor="middle" font-size="32px" font-family="Helvetica">15
            </text>
          </switch>
        </g>
        <rect x="378" y="642" width="150" height="50" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(434.5,648.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="36" height="36"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 32px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 36px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                  19
                </div>
              </div>
            </foreignObject>
            <text x="18" y="34" fill="#FFFFFF" text-anchor="middle" font-size="32px" font-family="Helvetica">19
            </text>
          </switch>
        </g>
        <rect x="1683.5" y="470" width="190" height="739" fill="url(#mx-gradient-0066cc-1-11396e-1-s-0)"
              stroke="#ffffff"
              pointer-events="all"/>
        <rect x="1693.5" y="474" width="180" height="110" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(1712.5,508.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="140" height="40"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 35px; font-family: Helvetica; color: rgb(230, 228, 228); line-height: 1.2; vertical-align: top; width: 141px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                  外机状态
                </div>
              </div>
            </foreignObject>
            <text x="70" y="38" fill="#E6E4E4" text-anchor="middle" font-size="35px" font-family="Helvetica">外机状态
            </text>
          </switch>
        </g>
        <g transform="translate(1689.5,1060.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="171" height="144"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 11px; font-family: Arial, Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: left;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;">
                  <div id="div_statusButton_FiqSBIR_iZVoGin8s9sk-7" class="defStatusButton"
                       style="cursor: pointer;background: undefined;top: 0;border: 1px solid undefined;width: 171px;height: 146px;font-size: 40px;background-origin: border-box;">
                    <img id="out2one_fun" class="funClass"
                         src="../../../assets/energy/fan.png"
                         style="width: 171px;height: 146px;object-fit: contain;cursor: pointer;-webkit-user-select: none;user-select: none;-moz-user-select: none;"/>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="86" y="78" fill="#000000" text-anchor="middle" font-size="11px"
                  font-family="Arial,Helvetica">
              [Not
              supported by viewer]
            </text>
          </switch>
        </g>
        <g transform="translate(1691.5,910.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="170" height="139"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 11px; font-family: Arial, Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: left;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;">
                  <div id="div_statusButton_FiqSBIR_iZVoGin8s9sk-8" class="defStatusButton"
                       style="cursor: pointer;background: undefined;top: 0;border: 1px solid undefined;width: 170px;height: 141px;font-size: 40px;background-origin: border-box;">
                    <img id="out2two_fun" class="funClass" src="../../../assets/energy/fan.png"
                         style="width: 170px;height: 141px;object-fit: contain;cursor: pointer;-webkit-user-select: none;user-select: none;-moz-user-select: none;"/>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="85" y="75" fill="#000000" text-anchor="middle" font-size="11px"
                  font-family="Arial,Helvetica">
              [Not
              supported by viewer]
            </text>
          </switch>
        </g>
        <g transform="translate(1692.5,755.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="169" height="140"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 11px; font-family: Arial, Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: left;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;">
                  <div id="div_statusButton_FiqSBIR_iZVoGin8s9sk-9" class="defStatusButton"
                       style="cursor: pointer;background: undefined;top: 0;border: 1px solid undefined;width: 169px;height: 142px;font-size: 40px;background-origin: border-box;">
                    <img id="out2three_fun" class="funClass"
                         src="../../../assets/energy/fan.png"
                         style="width: 169px;height: 142px;object-fit: contain;cursor: pointer;-webkit-user-select: none;user-select: none;-moz-user-select: none;"/>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="85" y="76" fill="#000000" text-anchor="middle" font-size="11px"
                  font-family="Arial,Helvetica">
              [Not
              supported by viewer]
            </text>
          </switch>
        </g>
        <g transform="translate(1692.5,604.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="169" height="136"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 11px; font-family: Arial, Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: left;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;">
                  <div id="div_statusButton_FiqSBIR_iZVoGin8s9sk-10" class="defStatusButton"
                       style="cursor: pointer;background: undefined;top: 0;border: 1px solid undefined;width: 169px;height: 138px;font-size: 40px;background-origin: border-box;">
                    <img id="out2four_fun" class="funClass"
                         src="../../../assets/energy/fan.png"
                         style="width: 169px;height: 138px;object-fit: contain;cursor: pointer;-webkit-user-select: none;user-select: none;-moz-user-select: none;"/>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="85" y="74" fill="#000000" text-anchor="middle" font-size="11px"
                  font-family="Arial,Helvetica">
              [Not
              supported by viewer]
            </text>
          </switch>
        </g>
        <rect x="1387" y="470" width="289" height="739" fill="url(#mx-gradient-0066cc-1-11396e-1-s-0)"
              stroke="#ffffff"
              pointer-events="all"/>
        <rect x="1436" y="479" width="207" height="50" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(1451.5,483.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="175" height="40"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 35px; font-family: Helvetica; color: rgb(230, 228, 228); line-height: 1.2; vertical-align: top; width: 176px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                  内机（台）
                </div>
              </div>
            </foreignObject>
            <text x="88" y="38" fill="#E6E4E4" text-anchor="middle" font-size="35px" font-family="Helvetica">内机（台）
            </text>
          </switch>
        </g>
        <g transform="translate(1435.5,1083.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="48" height="98"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 11px; font-family: Arial, Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: left;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;">
                  <div id="div_varvalue_FiqSBIR_iZVoGin8s9sk-13" class="varvalue"
                       style="cursor: pointer;top: 0;border: 1px solid undefined;width: 48px;height: 100px;font-size: 32px;color: #00FFFF;text-align: center;line-height: 100px;background: undefined;background-origin: border-box">
                    <span id="out2one" class="airInnerNum">1层外机2内机开机数量</span>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="24" y="55" fill="#000000" text-anchor="middle" font-size="11px"
                  font-family="Arial,Helvetica">
              [Not
              supported by viewer]
            </text>
          </switch>
        </g>
        <g transform="translate(1435.5,924.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="48" height="98"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 11px; font-family: Arial, Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: left;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;">
                  <div id="div_varvalue_FiqSBIR_iZVoGin8s9sk-14" class="varvalue"
                       style="cursor: pointer;top: 0;border: 1px solid undefined;width: 48px;height: 100px;font-size: 32px;color: #00FFFF;text-align: center;line-height: 100px;background: undefined;background-origin: border-box">
                    <span id="out2two" class="airInnerNum">2层外机2内机开机数量</span>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="24" y="55" fill="#000000" text-anchor="middle" font-size="11px"
                  font-family="Arial,Helvetica">
              [Not
              supported by viewer]
            </text>
          </switch>
        </g>
        <g transform="translate(1435.5,762.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="48" height="98"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 11px; font-family: Arial, Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: left;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;">
                  <div id="div_varvalue_FiqSBIR_iZVoGin8s9sk-15" class="varvalue"
                       style="cursor: pointer;top: 0;border: 1px solid undefined;width: 48px;height: 100px;font-size: 32px;color: #00FFFF;text-align: center;line-height: 100px;background: undefined;background-origin: border-box">
                    <span id="out2three" class="airInnerNum">3层外机2内机开机数量</span>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="24" y="55" fill="#000000" text-anchor="middle" font-size="11px"
                  font-family="Arial,Helvetica">
              [Not
              supported by viewer]
            </text>
          </switch>
        </g>
        <g transform="translate(1435.5,615.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="48" height="98"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 11px; font-family: Arial, Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: left;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;">
                  <div id="div_varvalue_FiqSBIR_iZVoGin8s9sk-16" class="varvalue"
                       style="cursor: pointer;top: 0;border: 1px solid undefined;width: 48px;height: 100px;font-size: 32px;color: #00FFFF;text-align: center;line-height: 100px;background: undefined;background-origin: border-box">
                    <span id="out2four" class="airInnerNum">4层外机2内机开机数量</span>
                  </div>
                </div>
              </div>
            </foreignObject>
            <text x="24" y="55" fill="#000000" text-anchor="middle" font-size="11px"
                  font-family="Arial,Helvetica">
              [Not
              supported by viewer]
            </text>
          </switch>
        </g>
        <rect x="1531.5" y="1109.5" width="150" height="50" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(1596.5,1115.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="18" height="36"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 32px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 18px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">9
                </div>
              </div>
            </foreignObject>
            <text x="9" y="34" fill="#FFFFFF" text-anchor="middle" font-size="32px" font-family="Helvetica">9
            </text>
          </switch>
        </g>
        <rect x="1391" y="535" width="137" height="50" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(1399.5,542.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="120" height="34"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(230, 228, 228); line-height: 1.2; vertical-align: top; width: 121px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                  开机数量
                </div>
              </div>
            </foreignObject>
            <text x="60" y="32" fill="#E6E4E4" text-anchor="middle" font-size="30px" font-family="Helvetica">开机数量
            </text>
          </switch>
        </g>
        <rect x="1531.5" y="535" width="137" height="50" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(1554.5,542.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="90" height="34"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(230, 228, 228); line-height: 1.2; vertical-align: top; width: 91px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                  总数量
                </div>
              </div>
            </foreignObject>
            <text x="45" y="32" fill="#E6E4E4" text-anchor="middle" font-size="30px" font-family="Helvetica">总数量
            </text>
          </switch>
        </g>
        <path d="M 1529 530 L 1529 1210" fill="none" stroke="#05e1ea" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 1387 530 L 1674 530" fill="none" stroke="#05e1ea" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <rect x="1526" y="948.5" width="150" height="50" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(1582.5,955.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="36" height="36"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 32px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 36px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                  16
                </div>
              </div>
            </foreignObject>
            <text x="18" y="34" fill="#FFFFFF" text-anchor="middle" font-size="32px" font-family="Helvetica">16
            </text>
          </switch>
        </g>
        <rect x="1528" y="787.5" width="150" height="50" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(1584.5,794.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="36" height="36"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 32px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 36px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                  15
                </div>
              </div>
            </foreignObject>
            <text x="18" y="34" fill="#FFFFFF" text-anchor="middle" font-size="32px" font-family="Helvetica">15
            </text>
          </switch>
        </g>
        <rect x="1528" y="641" width="150" height="50" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(1584.5,647.5)">
          <switch>
            <foreignObject style="overflow:visible;" pointer-events="all" width="36" height="36"
                           requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
              <div xmlns="http://www.w3.org/1999/xhtml"
                   style="display: inline-block; font-size: 32px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 36px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                <div xmlns="http://www.w3.org/1999/xhtml"
                     style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                  18
                </div>
              </div>
            </foreignObject>
            <text x="18" y="34" fill="#FFFFFF" text-anchor="middle" font-size="32px" font-family="Helvetica">18
            </text>
          </switch>
        </g>
        <path d="M 1387 750.82 L 1560.5 750.52 Q 1570.5 750.5 1580.5 750.49 L 1873.5 750.08" fill="none"
              stroke="#05e1ea"
              stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1389.02 900.1 L 1877 902" fill="none" stroke="#05e1ea" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 1387.29 1055.29 L 1877 1055" fill="none" stroke="#05e1ea" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 1387.29 599.32 L 1561.5 599.02 Q 1571.5 599 1581.5 599 L 1877 599" fill="none" stroke="#05e1ea"
              stroke-miterlimit="10" pointer-events="stroke"/>
      </g>
    </svg>
  </div>
</template>

<script>
import $ from 'jquery';
import {getLineListDetail, listBind} from "@/api/energy/zutai";

export default {
  name: "airManage",
  data() {
    return {
      timeInterval: null,
      bindList: []
    }
  },

  created() {
    this.getBindList()
  },

  mounted() {
    let that = this
    that.init()

    this.timeInterval = window.setInterval(function () {
      that.nowTime()
    }, 1000)


  },
  beforeDestroy() {
    clearInterval(this.timeInterval);
  },

  methods: {
    init() {
      let that = this

      $("#floor1").click(function () {
        that.$router.push({path: '/energy-system/operate/oneFloor', query: {type:0}});
      })
      $("#floor2").click(function () {
        that.$router.push({path: '/energy-system/operate/twoFloor', query: {type:0}});
      })
      $("#floor3").click(function () {
        that.$router.push({path: '/energy-system/operate/threeFloor', query: {type:0}});
      })
      $("#floor4").click(function () {
        that.$router.push({path: '/energy-system/operate/fourFloor', query: {type:0}});
      })

    },


    //加载右上角实时时间
    nowTime() {

      var date = new Date();
      var seperator1 = "-";
      var seperator2 = ":";
      var month = date.getMonth() + 1;
      var strDate = date.getDate();
      if (month >= 1 && month <= 9) {
        month = "0" + month;
      }
      if (strDate >= 0 && strDate <= 9) {
        strDate = "0" + strDate;
      }
      var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
        + " " + date.getHours() + seperator2 + date.getMinutes()
        + seperator2 + date.getSeconds();
      let span = document.getElementById("realtimeupdate")
      span.innerText = currentdate
    },

    getBindList() {
      let that = this
      listBind("2").then((response) => {
        if (response.code === 'A0000') {

          let arr = []
          response.data.forEach((item) => {
            arr.push(item.lineId)
          })
          this.bindList = response.data

          this.getLineListDetail(arr)
/*
          $(".funClass").click(function () {


            that.activeId = this.id

            let tag = that.bindList.find(function (it) {
              return it.tagId+"_fun" === that.activeId
            })

            that.$router.push({path: '/energy-system/device/devicejk', query: {id: tag.lineId}});

          })

          $(".airInnerNum").click(function () {

            that.activeId = this.id

            let tag = that.bindList.find(function (it) {
              return it.tagId === that.activeId
            })

            that.$router.push({path: '/energy-system/device/devicejk', query: {id: tag.lineId}});

          })*/



        } else {

        }
      })

    },

    //通过监测点集合查询集合数据
    getLineListDetail(list) {
      getLineListDetail(list).then((response) => {
        if (response.code === 'A0000') {

          response.data.forEach((item) => {
            let tag = this.bindList.find(function (it) {
              return it.lineId === item.lineId
            })

            if (tag != null) {

             let num = Number(item.map.ACOutInNum).toFixed(0)
              $("#" + tag.tagId).text(num)
              $("#" + tag.tagId).attr("line",item.lineId)
              $("#" + tag.tagId+"_fun").attr("line",item.lineId)
              if(num>0){
                $("#" + tag.tagId+"_fun").attr("src","http://pqmcc.com:1088/static/images/fun.gif")
              }



            }

          })


        } else {

        }
      })
    }
  }
}
</script>

<style scoped>

</style>
