{"remainingRequest":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\bzzgj-fvue\\src\\views\\Device\\EquipmentIndex.vue?vue&type=template&id=648918a6&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\src\\views\\Device\\EquipmentIndex.vue","mtime":1685419311204},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<div class=\"wrap\">\n  <div class=\"wrap-header\">\n    <div class=\"header-item\">\n      <div class=\"title title1\">\n        <img src=\"@/assets/img/topimg01.png\" />\n        <span style=\"color: #3b4a77\">{{ intellectData[0].typeName }}</span>\n        <!-- <span style=\"color: #53f6ab\">姿态检测产品</span> -->\n      </div>\n      <div class=\"content\">\n        <div class=\"peichart\" id=\"pieEchartOne\">\n          <div class=\"main\" id=\"main\" style=\"width: 100%; height: 100%\"></div>\n          <div class=\"pendants\">告警数:{{ intellectData[0].alarm }}台</div>\n        </div>\n        <!-- <div class=\"logotype\">\n          <p><span class=\"dot\"></span> 故障数</p>\n          <p><span class=\"dot\"></span> 正常数</p>\n          <p><span class=\"dot\"></span> 告警数</p>\n        </div> -->\n      </div>\n    </div>\n    <!-- <div class=\"header-item\">\n      <div class=\"title title2\">\n        <img src=\"@/assets/img/topimg02.png\" />\n        <span style=\"color: #cdb0e0\">广告标识牌</span>\n      </div>\n      <div class=\"content\">\n        <div class=\"peichart\" id=\"pieEchartTwo\"></div>\n      </div>\n    </div> -->\n    <div class=\"header-item\">\n      <div class=\"title title3\">\n        <img src=\"@/assets/img/topimg03.png\" />\n        <span style=\"color: #3b4a77\">{{ intellectData[2].typeName }}</span>\n        <!-- <span style=\"color: #3fe1e4\">摄像头产品</span> -->\n      </div>\n      <div class=\"content\">\n        <div class=\"peichart\" id=\"pieEchartThree\">\n          <div\n            class=\"main\"\n            id=\"main1\"\n            style=\"width: 100%; height: 100%\"\n          ></div>\n          <div class=\"pendants\">告警数:{{ intellectData[2].alarm }}台</div>\n        </div>\n      </div>\n    </div>\n    <div class=\"header-item\">\n      <div class=\"title title4\">\n        <img src=\"@/assets/img/topimg04.png\" />\n        <span style=\"color: #3b4a77\">{{ intellectData[3].typeName }}</span>\n        <!-- <span style=\"color: #fdb1ae\">低洼积水产品</span> -->\n      </div>\n      <div class=\"content\">\n        <div class=\"peichart\" id=\"pieEchartFour\">\n          <div\n            class=\"main\"\n            id=\"main2\"\n            style=\"width: 100%; height: 100%\"\n          ></div>\n          <div class=\"pendants\">告警数:{{ intellectData[3].alarm }}台</div>\n        </div>\n      </div>\n    </div>\n    <div class=\"header-item\">\n      <div class=\"title title5\">\n        <img src=\"@/assets/img/topimg05.png\" />\n        <span style=\"color: #3b4a77\">{{ intellectData[4].typeName }}</span>\n        <!-- <span style=\"color: #c2a0db\">升降路障产品</span> -->\n      </div>\n      <div class=\"content\">\n        <div class=\"peichart\" id=\"pieEchartFive\">\n          <div\n            class=\"main\"\n            id=\"main3\"\n            style=\"width: 100%; height: 100%\"\n          ></div>\n          <div class=\"pendants\">告警数:{{ intellectData[4].alarm }}台</div>\n        </div>\n      </div>\n    </div>\n    <div class=\"header-item\">\n      <div class=\"title title6\">\n        <img src=\"@/assets/img/topimg06.png\" />\n        <span style=\"color: #3b4a77\">{{ intellectData[6].typeName }}</span>\n        <!-- <span style=\"color: #9fe99b\">危险源产品</span> -->\n      </div>\n      <div class=\"content\">\n        <div class=\"peichart\" id=\"pieEchartSix\">\n          <div\n            class=\"main\"\n            id=\"main4\"\n            style=\"width: 100%; height: 100%\"\n          ></div>\n          <div class=\"pendants\">告警数:{{ intellectData[6].alarm }}台</div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"warp-content\">\n    <div class=\"content-left\">\n      <div class=\"leftTop\">\n        <el-tabs value=\"非智能设备\">\n          <el-tab-pane label=\"非智能设备\" name=\"非智能设备\">\n            <span slot=\"label\">\n              <img class=\"tab-img\" src=\"@/assets/img/fznxb.png\" />\n              <span class=\"tab-label active\">非智能设备</span>\n            </span>\n            <div class=\"normal-equip-container\">\n              <div class=\"normal-equip\">\n                <div class=\"normal-equip-title\">\n                  <img src=\"@/assets/img/normal01.png\" />\n                  <span> {{ generalData[0].typeName }} </span>\n                </div>\n                <div class=\"normal-equip-info\">\n                  <span>总数</span>\n                  <span>正常数</span>\n                  <span>故障数</span>\n                </div>\n                <div class=\"normal-equip-detail\">\n                  <div>\n                    <span class=\"num\">{{ generalData[0].num }}</span>\n                    <span class=\"unit\">个</span>\n                  </div>\n                  <div>\n                    <span class=\"num\">{{ generalData[0].normal }}</span>\n                    <span class=\"unit\">个</span>\n                  </div>\n                  <div>\n                    <span class=\"num\">{{ generalData[0].failure }}</span>\n                    <span class=\"unit\">个</span>\n                  </div>\n                </div>\n              </div>\n              <div class=\"normal-equip\">\n                <div class=\"normal-equip-title\">\n                  <img src=\"@/assets/img/normal02.png\" />\n                  <span> {{ generalData[1].typeName }} </span>\n                </div>\n                <div class=\"normal-equip-info\">\n                  <span>总数</span>\n                  <span>正常数</span>\n                  <span>故障数</span>\n                </div>\n                <div class=\"normal-equip-detail type2\">\n                  <div>\n                    <span class=\"num\">{{ generalData[1].num }}</span>\n                    <span class=\"unit\">个</span>\n                  </div>\n                  <div>\n                    <span class=\"num\">{{ generalData[1].normal }}</span>\n                    <span class=\"unit\">个</span>\n                  </div>\n                  <div>\n                    <span class=\"num\">{{ generalData[1].failure }}</span>\n                    <span class=\"unit\">个</span>\n                  </div>\n                </div>\n              </div>\n              <div class=\"normal-equip\">\n                <div class=\"normal-equip-title\">\n                  <img src=\"@/assets/img/normal03.png\" />\n                  <span> {{ generalData[2].typeName }} </span>\n                </div>\n                <div class=\"normal-equip-info\">\n                  <span>总数</span>\n                  <span>正常数</span>\n                  <span>故障数</span>\n                </div>\n                <div class=\"normal-equip-detail\">\n                  <div>\n                    <span class=\"num\">{{ generalData[2].num }}</span>\n                    <span class=\"unit\">个</span>\n                  </div>\n                  <div>\n                    <span class=\"num\">{{ generalData[2].normal }}</span>\n                    <span class=\"unit\">个</span>\n                  </div>\n                  <div>\n                    <span class=\"num\">{{ generalData[2].failure }}</span>\n                    <span class=\"unit\">个</span>\n                  </div>\n                </div>\n              </div>\n              <div class=\"normal-equip\">\n                <div class=\"normal-equip-title\">\n                  <img src=\"@/assets/img/normal04.png\" />\n                  <span> {{ generalData[3].typeName }} </span>\n                </div>\n                <div class=\"normal-equip-info\">\n                  <span>总数</span>\n                  <span>正常数</span>\n                  <span>故障数</span>\n                </div>\n                <div class=\"normal-equip-detail type2\">\n                  <div>\n                    <span class=\"num\">{{ generalData[3].num }}</span>\n                    <span class=\"unit\">个</span>\n                  </div>\n                  <div>\n                    <span class=\"num\">{{ generalData[3].normal }}</span>\n                    <span class=\"unit\">个</span>\n                  </div>\n                  <div>\n                    <span class=\"num\">{{ generalData[3].failure }}</span>\n                    <span class=\"unit\">个</span>\n                  </div>\n                </div>\n              </div>\n              <div class=\"normal-equip\">\n                <div class=\"normal-equip-title\">\n                  <img src=\"@/assets/img/normal05.png\" />\n                  <span> {{ generalData[4].typeName }} </span>\n                </div>\n                <div class=\"normal-equip-info\">\n                  <span>总数</span>\n                  <span>正常数</span>\n                  <span>故障数</span>\n                </div>\n                <div class=\"normal-equip-detail\">\n                  <div>\n                    <span class=\"num\">{{ generalData[4].num }}</span>\n                    <span class=\"unit\">个</span>\n                  </div>\n                  <div>\n                    <span class=\"num\">{{ generalData[4].normal }}</span>\n                    <span class=\"unit\">个</span>\n                  </div>\n                  <div>\n                    <span class=\"num\">{{ generalData[4].failure }}</span>\n                    <span class=\"unit\">个</span>\n                  </div>\n                </div>\n              </div>\n              <div class=\"normal-equip\">\n                <div class=\"normal-equip-title\">\n                  <img src=\"@/assets/img/normal06.png\" />\n                  <span> {{ generalData[5].typeName }} </span>\n                </div>\n                <div class=\"normal-equip-info\">\n                  <span>总数</span>\n                  <span>正常数</span>\n                  <span>故障数</span>\n                </div>\n                <div class=\"normal-equip-detail type3\">\n                  <div>\n                    <span class=\"num\">{{ generalData[5].num }}</span>\n                    <span class=\"unit\">个</span>\n                  </div>\n                  <div>\n                    <span class=\"num\">{{ generalData[5].normal }}</span>\n                    <span class=\"unit\">个</span>\n                  </div>\n                  <div>\n                    <span class=\"num\">{{ generalData[5].failure }}</span>\n                    <span class=\"unit\">个</span>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </el-tab-pane>\n        </el-tabs>\n      </div>\n      <div class=\"leftBottom\">\n        <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\">\n          <el-tab-pane\n            :label=\"item.name\"\n            :name=\"item.code\"\n            v-for=\"(item, index) in this.tabList\"\n            :key=\"item.code\"\n          >\n            <span slot=\"label\">\n              <img\n                v-if=\"index == 3 && activeName == 'barricade'\"\n                class=\"tab-img\"\n                src=\"@/assets/img/tab01_a.png\"\n              />\n              <img\n                v-if=\"index == 3 && activeName !== 'barricade'\"\n                class=\"tab-img\"\n                src=\"@/assets/img/tab01_b.png\"\n              />\n              <img\n                v-if=\"index == 1 && activeName == 'hazard'\"\n                class=\"tab-img\"\n                src=\"@/assets/img/tab02_a.png\"\n              />\n              <img\n                v-if=\"index == 1 && activeName !== 'hazard'\"\n                class=\"tab-img\"\n                src=\"@/assets/img/tab02_b.png\"\n              />\n              <img\n                v-if=\"index == 2 && activeName == 'water'\"\n                class=\"tab-img\"\n                src=\"@/assets/img/tab03_a.png\"\n              />\n              <img\n                v-if=\"index == 2 && activeName !== 'water'\"\n                class=\"tab-img\"\n                src=\"@/assets/img/tab03_b.png\"\n              />\n              <img\n                v-if=\"index == 0 && activeName == 'signboaerd'\"\n                class=\"tab-img\"\n                src=\"@/assets/img/tab04_a.png\"\n              />\n              <img\n                v-if=\"index == 0 && activeName !== 'signboaerd'\"\n                class=\"tab-img\"\n                src=\"@/assets/img/tab04_b.png\"\n              />\n              <span\n                class=\"tab-label\"\n                :class=\"item.code == activeName ? 'active' : ''\"\n                >{{ item.name }}</span\n              >\n            </span>\n            <el-table\n              :data=\"tableData\"\n              border\n              size=\"mini\"\n              :style=\"{width: '100%'}\"\n              height=\"calc(100% - 2px)\"\n              @cell-dblclick=\"bccelldblclick\"\n              :cell-style=\"{'text-align': 'center'}\"\n              :header-cell-style=\"{\n                'text-align': 'center',\n                background: '#FAFAFA'\n              }\"\n            >\n              <el-table-column prop=\"name\" label=\"设备名称\" min-width=\"80\">\n              </el-table-column>\n              <el-table-column prop=\"code\" label=\"设备编码\" min-width=\"80\">\n              </el-table-column>\n              <el-table-column\n                prop=\"address\"\n                label=\"安装地址\"\n                min-width=\"180\"\n              >\n              </el-table-column>\n              <el-table-column\n                prop=\"collTime\"\n                label=\"采集时间\"\n                min-width=\"130\"\n              >\n              </el-table-column>\n              <el-table-column\n                prop=\"sdata\"\n                label=\"甲烷浓度\"\n                v-if=\"activeName == 'hazard'\"\n                min-width=\"100\"\n              >\n              </el-table-column>\n              <el-table-column\n                prop=\"sdata\"\n                label=\"水位高度\"\n                v-if=\"activeName == 'water'\"\n                min-width=\"100\"\n              >\n              </el-table-column>\n              <el-table-column\n                prop=\"batteryValue\"\n                label=\"电池电量(%)\"\n                v-if=\"activeName == 'signboaerd'\"\n                min-width=\"75\"\n              >\n              </el-table-column>\n              <el-table-column\n                prop=\"batteryVoltage\"\n                label=\"设备电压(V)\"\n                v-if=\"activeName == 'signboaerd' || activeName == 'water'\"\n                min-width=\"70\"\n              >\n              </el-table-column>\n              <el-table-column\n                prop=\"angleX\"\n                label=\"X轴角度\"\n                v-if=\"activeName == 'signboaerd'\"\n                min-width=\"55\"\n              >\n              </el-table-column>\n              <el-table-column\n                prop=\"angleY\"\n                label=\"Y轴角度\"\n                v-if=\"activeName == 'signboaerd'\"\n                min-width=\"55\"\n              >\n              </el-table-column>\n              <el-table-column\n                prop=\"angleZ\"\n                label=\"Z轴角度\"\n                v-if=\"activeName == 'signboaerd'\"\n                min-width=\"55\"\n              >\n              </el-table-column>\n              <el-table-column\n                prop=\"alertName\"\n                label=\"报警状态\"\n                v-if=\"activeName == 'barricade'\"\n                min-width=\"80\"\n              >\n              </el-table-column>\n              <el-table-column\n                prop=\"lastActionName\"\n                label=\"升降柱最近的一次动作\"\n                v-if=\"activeName == 'barricade'\"\n                min-width=\"150\"\n              >\n              </el-table-column>\n              <el-table-column\n                prop=\"statusName\"\n                label=\"升降柱位置状态\"\n                v-if=\"activeName == 'barricade'\"\n                min-width=\"100\"\n              >\n              </el-table-column>\n            </el-table>\n          </el-tab-pane>\n        </el-tabs>\n\n        <!-- <div id=\"initEchart\" class=\"btmEchart\"></div> -->\n      </div>\n    </div>\n    <div class=\"content-right\">\n      <div class=\"rightTop\">\n        <img\n          class=\"right-top-icon\"\n          src=\"@/assets/img/index_alarm.png\"\n        />实时报警数据\n      </div>\n      <div class=\"infinite-list-wrapper\" style=\"overflow: auto\">\n        <ul\n          class=\"infinite-list\"\n          v-infinite-scroll=\"load\"\n          infinite-scroll-disabled=\"false\"\n          infinite-scroll-immediate=\"false\"\n          infinite-scroll-distance=\"1\"\n          style=\"overflow-y: auto\"\n        >\n          <li\n            v-for=\"(item, index) in alarmData\"\n            :key=\"index\"\n            class=\"infinite-list-item\"\n          >\n            <div\n              class=\"itembox\"\n              style=\"cursor: pointer\"\n              @click=\"toWarning(item)\"\n            >\n              <div class=\"boxheader\">\n                <div :title=\"item.warnName\">\n                  <span\n                    :style=\"{\n                      backgroundColor:\n                        item.handleStatus == -1\n                          ? '#f9c956'\n                          : item.handleStatus == 0\n                          ? '#ff4949'\n                          : item.handleStatus == 1\n                          ? '#ffa558'\n                          : item.handleStatus == 2\n                          ? '#409eff'\n                          : '#b9b9b9'\n                    }\"\n                  ></span>\n                  <span>{{ item.warnName }}</span>\n                </div>\n                <div\n                  :style=\"{\n                    backgroundColor:\n                      item.handleStatus == -1\n                        ? '#f9c956'\n                        : item.handleStatus == 0\n                        ? '#ff4949'\n                        : item.handleStatus == 1\n                        ? '#ffa558'\n                        : item.handleStatus == 2\n                        ? '#409eff'\n                        : '#b9b9b9'\n                  }\"\n                >\n                  {{ item.handleStatusName }}\n                </div>\n              </div>\n              <div class=\"boxcontent\">\n                {{ item.warnReason }}\n              </div>\n              <div class=\"boxbottom\">\n                <span>{{ item.productType }}</span>\n                <span>{{ item.deviceName }}</span>\n                <span>{{ item.warnTime }}</span>\n              </div>\n            </div>\n            <el-divider></el-divider>\n          </li>\n          <p v-if=\"loading\">加载中...</p>\n          <p v-if=\"noMore\">没有更多了</p>\n        </ul>\n      </div>\n    </div>\n  </div>\n  <indexWarning ref=\"warningForm\"></indexWarning>\n</div>\n",null]}