{"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=06a4713f&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\src\\views\\Device\\EquipmentIndex.vue","mtime":1684722830134},{"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: #53f6ab\">姿态检测产品</span>\n            </div>\n            <div class=\"content\">\n                <div class=\"peichart\" id=\"pieEchartOne\"></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: #3fe1e4\">摄像头产品</span>\n            </div>\n            <div class=\"content\">\n                <div class=\"peichart\" id=\"pieEchartThree\"></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: #fdb1ae\">低洼积水产品</span>\n            </div>\n            <div class=\"content\">\n                <div class=\"peichart\" id=\"pieEchartFour\"></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: #c2a0db\">升降路障产品</span>\n            </div>\n            <div class=\"content\">\n                <div class=\"peichart\" id=\"pieEchartFive\"></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: #9fe99b\">危险源产品</span>\n            </div>\n            <div class=\"content\">\n                <div class=\"peichart\" id=\"pieEchartSix\"></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\n                                class=\"tab-img\"\n                                src=\"@/assets/img/fznxb.png\"\n                            />\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> 井盖产品 </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\">5</span>\n                                        <span class=\"unit\">个</span>\n                                    </div>\n                                    <div>\n                                        <span class=\"num\">5</span>\n                                        <span class=\"unit\">个</span>\n                                    </div>\n                                    <div>\n                                        <span class=\"num\">5</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> 栏杆产品 </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\">5</span>\n                                        <span class=\"unit\">个</span>\n                                    </div>\n                                    <div>\n                                        <span class=\"num\">5</span>\n                                        <span class=\"unit\">个</span>\n                                    </div>\n                                    <div>\n                                        <span class=\"num\">5</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> 信息发布屏产品 </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\">5</span>\n                                        <span class=\"unit\">个</span>\n                                    </div>\n                                    <div>\n                                        <span class=\"num\">5</span>\n                                        <span class=\"unit\">个</span>\n                                    </div>\n                                    <div>\n                                        <span class=\"num\">5</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> 执法记录仪 </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\">5</span>\n                                        <span class=\"unit\">个</span>\n                                    </div>\n                                    <div>\n                                        <span class=\"num\">5</span>\n                                        <span class=\"unit\">个</span>\n                                    </div>\n                                    <div>\n                                        <span class=\"num\">5</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> 蓝牙信标产品 </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\">5</span>\n                                        <span class=\"unit\">个</span>\n                                    </div>\n                                    <div>\n                                        <span class=\"num\">5</span>\n                                        <span class=\"unit\">个</span>\n                                    </div>\n                                    <div>\n                                        <span class=\"num\">5</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> 杆件产品 </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\">5</span>\n                                        <span class=\"unit\">个</span>\n                                    </div>\n                                    <div>\n                                        <span class=\"num\">5</span>\n                                        <span class=\"unit\">个</span>\n                                    </div>\n                                    <div>\n                                        <span class=\"num\">5</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=\"\n                                    index == 0 && activeName == 'barricade'\n                                \"\n                                class=\"tab-img\"\n                                src=\"@/assets/img/tab01_a.png\"\n                            />\n                            <img\n                                v-if=\"\n                                    index == 0 && activeName !== 'barricade'\n                                \"\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=\"\n                                    index == 3 && activeName == 'signboaerd'\n                                \"\n                                class=\"tab-img\"\n                                src=\"@/assets/img/tab04_a.png\"\n                            />\n                            <img\n                                v-if=\"\n                                    index == 3 &&\n                                    activeName !== 'signboaerd'\n                                \"\n                                class=\"tab-img\"\n                                src=\"@/assets/img/tab04_b.png\"\n                            />\n                            <span\n                                class=\"tab-label\"\n                                :class=\"\n                                    item.code == activeName ? 'active' : ''\n                                \"\n                                >{{ item.name }}</span\n                            >\n                        </span>\n                        <el-table\n                            :data=\"tableData\"\n                            border\n                            size=\"mini\"\n                            :style=\"{width: '100%'}\"\n                            height=\"205\"\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\n                                prop=\"name\"\n                                label=\"设备名称\"\n                                min-width=\"80\"\n                            >\n                            </el-table-column>\n                            <el-table-column\n                                prop=\"code\"\n                                label=\"设备编码\"\n                                min-width=\"80\"\n                            >\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=\"\n                                    activeName == 'signboaerd' ||\n                                    activeName == 'water'\n                                \"\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]}