{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1689657980988},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":1689642388897},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1689642396087},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1689642396086}],"contextDependencies":[],"result":["\n<div class=\"home\">\n  <div class=\"left\" id=\"left\">\n    <div class=\"one\" style=\"height: 48%\">\n      <div class=\"cartitle\" @click=\"routerTo('盐城地区分布光伏运行监测')\">\n          \n        <div class=\"titleFont\"> \n          <img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\n          <span>盐城地区分布光伏运行监测</span>\n          <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" />\n          </div>\n      </div>\n      <div class=\"content\">\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\n              <span style=\"font-size: 18px\">户数高渗透率&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\n\n            </div>\n          </div>\n        </div>\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\">\n              <span style=\"font-size: 18px\">容量渗透率&nbsp;&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\n\n            </div>\n          </div>\n\n        </div>\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\">\n              <span style=\"font-size: 18px\">能量渗透率&nbsp;&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\n\n            </div>\n          </div>\n\n        </div>\n      </div>\n      <div id=\"detailedTwo1\"></div>\n    </div>\n    <div class=\"two\" style=\"height: 49%\">\n      <div class=\"cartitle\">\n        <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\n          <span>配网工程全过程物资审计</span>\n          <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\n      </div>\n      <div class=\"content\" style=\"display:inline\">\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\n              <span style=\"font-size: 18px\">项目数&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\n\n            </div>\n          </div>\n        </div>\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\">\n              <span style=\"font-size: 18px\">预算费用总和</span>&nbsp;&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\n\n            </div>\n          </div>\n\n        </div>\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\">\n              <span style=\"font-size: 18px\">计划数&nbsp;&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\n\n            </div>\n          </div>\n\n        </div>\n      </div>\n      <div id=\"barCharts\"></div>\n    </div>\n  </div>\n  <div class=\"left1\" id=\"left\">\n    <div class=\"one\" style=\"height: 48%\">\n      <div class=\"cartitle\">\n        <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\n          <span>盐都东台区供电所数字化分析</span>\n          <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\n      </div>\n      <div class=\"content\">\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\n              <span style=\"font-size: 18px\">升档配变数量&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\n\n            </div>\n          </div>\n        </div>\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\">\n              <span style=\"font-size: 18px\">降档配比数量</span>&nbsp;&nbsp;\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\n\n            </div>\n          </div>\n\n        </div>\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\">\n              <span style=\"font-size: 18px\">负荷关注配变数量&nbsp;&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\n\n            </div>\n          </div>\n\n        </div>\n      </div>\n      <div id=\"horizontalChart\"></div>\n    </div>\n    <div class=\"two\" style=\"height: 49%\">\n      <div class=\"cartitle\">\n        <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\n          <span>盐城供电公司配网电能质量管控</span>\n          <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\n      </div>\n      <div class=\"content\">\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\n              <span style=\"font-size: 18px\">月供电可靠性&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\n\n            </div>\n          </div>\n        </div>\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\">\n              <span style=\"font-size: 18px\">平均停电频次&nbsp;&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\n\n            </div>\n          </div>\n\n        </div>\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\">\n              <span style=\"font-size: 18px\">平均停电时间&nbsp;&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\n\n            </div>\n          </div>\n\n        </div>\n      </div>\n      <div id=\"detailedOne\" style=\"height: calc(100% - 200px)\"></div>\n    </div>\n  </div>\n <div class=\"middle\" id=\"middle\">\n    <div class=\"map\" style=\"height: 100%\">\n      <div class=\"imgboxone\">\n        <div class=\"contents\">\n          <div class=\"lines\">\n            <div class=\"total\">\n              <div class=\"num\">\n                <span style=\"font-size: 18px\">户数高渗透率</span>\n                <h5 style=\"font-size: 28px; color: yellow\">3.40%</h5>\n              </div>\n            </div>\n          </div>\n          <div class=\"lines\">\n            <div class=\"total\">\n              <div class=\"num\">\n                <span style=\"font-size: 18px\">容量渗透率</span>\n                <h5 style=\"font-size: 28px; color: orange\">0.01%</h5>\n              </div>\n            </div>\n          </div>\n          <div class=\"lines\">\n            <div class=\"total\">\n              <div class=\"num\">\n                <span style=\"font-size: 18px\">能量渗透率</span>\n                <h5 style=\"font-size: 28px; color: yellow\">0.44%</h5>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"imgboxtwo\">\n        <ul class=\"contentUl\">\n          <li>\n            <h5>发电客户数</h5>\n            <br />\n            <span style=\"color: yellow\">4721</span>\n          </li>\n          <li>\n            <h5>变电站数量</h5>\n            <br />\n            <span style=\"color: orange\">90</span>\n          </li>\n          <li>\n            <h5>台区总数</h5>\n            <br />\n            <span style=\"color: yellow\">17416</span>\n          </li>\n          <li>\n            <h5>当前负载率</h5>\n            <br />\n            <span style=\"color: orange\">40.19%</span>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </div>\n  <div class=\"right\" id=\"right\">\n    <div class=\"one\" style=\"height: 48%; width: 100%\">\n      <div class=\"cartitle\">\n        <!-- <div style=\"\n            width: 82%;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n          \"> -->\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\n          <span>乡村振兴电力综合指数</span>\n          <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\n          <!-- <div class=\"dateSelect\">\n            <div style=\"text-indent: 15px\" @click=\"handleDate(index)\" :class=\"addColor(index)\"\n              v-for=\"(item, index) in dateList\" :key=\"index\">\n              {{ item }}\n            </div>\n          </div> -->\n        <!-- </div> -->\n      </div>\n      <div class=\"top\">\n        <div class=\"topContent\" v-for=\"(item, index) in topContent\" :key=\"index\">\n          <div style=\"color: #ffffff\">{{ item.name }}</div>\n          <div style=\"color: rgb(86, 254, 226); font-size: 22px\">\n            {{ item.count }}\n          </div>\n        </div>\n      </div>\n      <div style=\"height: 90%\" id=\"detailedFive\"></div>\n    </div>\n    <!-- <div class=\"two\" style=\"height: 340px\">\n      <div class=\"cartitle\">\n        <div class=\"titleFont\">盐都供电质量统计</div>\n      </div>\n      <div id=\"detailedTwo\"></div>\n    </div> -->\n    <div class=\"three\" style=\"height: 48%; width: 100%\">\n      <div class=\"cartitle\">\n        <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\n          <span>两高行业企业污染监测</span>\n          <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\n      </div>\n      <!-- <div class=\"three-content\">\n        <div class=\"three-left\">\n          <div id=\"detailedThree\"></div>\n        </div>\n\n        <div class=\"three-right\">\n          <ul>\n            <li v-for=\"s in gongdanList\" @click=\"openGdDetail(s)\">\n              {{ s.gd_type_name }}\n              <span style=\"color: #56fee2\">{{ s.total }}</span>\n            </li>\n          </ul>\n        </div>\n      </div> -->\n       <div class=\"content\" style=\"display:inline\">\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\n              <span style=\"font-size: 18px\">项目数&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\n\n            </div>\n          </div>\n        </div>\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\">\n              <span style=\"font-size: 18px\">预算费用总和</span>&nbsp;&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\n\n            </div>\n          </div>\n\n        </div>\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\">\n              <span style=\"font-size: 18px\">计划数&nbsp;&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\n\n            </div>\n          </div>\n\n        </div>\n      </div>\n      <div id=\"roseCharts\"></div>\n    </div>\n  </div>\n  <div class=\"right1\" id=\"right\">\n    <!-- <div class=\"one\" style=\"height: 635px; width: 100%\"> -->\n    <div class=\"one\" style=\"height:48%; width: 100%\">\n      <div class=\"cartitle\">\n        <!-- <div style=\"\n            width: 82%;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n          \"> -->\n          <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\n          <span>农村生活污水治理设备电量分析</span>\n          <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\n          <!-- <div class=\"dateSelect\">\n            <div style=\"text-indent: 15px\" @click=\"handleDate(index)\" :class=\"addColor(index)\"\n              v-for=\"(item, index) in dateList\" :key=\"index\">\n              {{ item }}\n            </div>\n          </div> -->\n        <!-- </div> -->\n      </div>\n      <!-- <div class=\"top\">\n        <div class=\"topContent\" v-for=\"(item, index) in topContent\" :key=\"index\">\n          <div style=\"color: #ffffff\">{{ item.name }}</div>\n          <div style=\"color: rgb(86, 254, 226); font-size: 22px\">\n            {{ item.count }}\n          </div>\n        </div>\n      </div>\n      <div style=\"height: 90%\" id=\"detailedFive\"></div> -->\n      <div class=\"content\">\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\" @click=\"openLineDetail(CompanyInfo.pdxl)\">\n              <span style=\"font-size: 18px\">户数高渗透率&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.pdxl\">{{ CompanyInfo.pdxl }}</span>\n\n            </div>\n          </div>\n        </div>\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\">\n              <span style=\"font-size: 18px\">容量渗透率&nbsp;&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\n\n            </div>\n          </div>\n\n        </div>\n        <div class=\"line\">\n          <div class=\"total\">\n            <div class=\"num\">\n              <span style=\"font-size: 18px\">能量渗透率&nbsp;&nbsp;</span>\n              <span style=\"\n                  font-size: 45px;\n                  font-weight: 600;\n                  -webkit-background-clip: text;\n                  background-clip: text;\n                  background-image: linear-gradient(\n                    to bottom,\n                    rgb(189, 255, 231),\n                    rgb(86, 244, 254)\n                  );\n                \" class=\"numText\" :text=\"CompanyInfo.xlcd\">{{ CompanyInfo.xlcd }}</span>\n\n            </div>\n          </div>\n\n        </div>\n       \n      </div>\n        <div class=\"line\">\n          <div class=\"enselect\">\n            <img src=\"../assets/02/地区选择下拉菜单.png\" alt=\"\" />\n            <span class=\"text\">能量</span>\n          </div>\n          <div id=\"detailen\"></div>\n        </div>\n    </div>\n    <!-- <div class=\"two\" style=\"height: 340px\">\n      <div class=\"cartitle\">\n        <div class=\"titleFont\">盐都供电质量统计</div>\n      </div>\n      <div id=\"detailedTwo\"></div>\n    </div> -->\n    <div class=\"three\" style=\"height: 48%; width: 100%\">\n      <div class=\"cartitle\">\n        <div class=\"titleFont\"><img src=\"./../assets/indexN/标题箭头.png\" alt=\"\" />\n          <span>数字化排涝抗旱辅助及检修辅助决策</span>\n          <img src=\"./../assets/indexN/标题箭头1.png\" alt=\"\" /></div>\n      </div>\n      <div class=\"three-content\">\n        <div class=\"three-left\">\n          <div id=\"detailedThree\"></div>\n        </div>\n\n        <div class=\"three-right\">\n          <ul>\n            <li v-for=\"s in gongdanList\" @click=\"openGdDetail(s)\">\n              {{ s.gd_type_name }}\n              <span style=\"color: #56fee2\">{{ s.total }}</span>\n            </li>\n          </ul>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"realTimeAlarm\" v-show=\"realTimeAlarmShow\">\n    <div class=\"content\">\n      <img src=\"../assets/images/baojing.png\" />\n      <div>都政线XXX环网柜间隔3发生局部放电故障</div>\n    </div>\n  </div>\n  <div class=\"alarmInformation\" v-show=\"alarmInformationShow\">\n    <div class=\"top\">\n      <div class=\"title\">报警详情信息</div>\n      <div class=\"close\">\n        <img @click=\"handleClose\" src=\"@/assets/images/close.png\" style=\"cursor: pointer\" />\n      </div>\n    </div>\n    <div class=\"content\">\n      <div class=\"table user_skills\">\n        <el-table :data=\"alarmInformationData\" style=\"width: 100%; height: 100%\"\n          :header-cell-style=\"{ 'text-align': 'center' }\" :cell-style=\"{ 'text-align': 'center' }\"\n          :row-class-name=\"rowClass\">\n          <el-table-column label=\"序号\" width=\"100\" align=\"center\">\n            <template slot-scope=\"scop\">\n              {{ scop.$index + 1 }}\n            </template>\n          </el-table-column>\n          <el-table-column prop=\"cabinet_name\" label=\"告警位置\" align=\"center\">\n            <!-- <template slot-scope=\"scope\">\n              <div v-html=\"scope.row.name\"></div>\n            </template> -->\n          </el-table-column>\n          <!-- <el-table-column prop=\"name\" label=\"间隔\" align=\"center\">\n          </el-table-column> -->\n          <el-table-column prop=\"event_desc\" label=\"告警信息\" align=\"center\">\n          </el-table-column>\n          <el-table-column prop=\"created_at\" label=\"发生时间\" align=\"center\">\n          </el-table-column>\n        </el-table>\n      </div>\n    </div>\n    <el-pagination @current-change=\"handleCurrentChange\" :current-page=\"page\" :page-size=\"pageSize\"\n      layout=\"prev, pager, next\" :total=\"totals\" v-if=\"pageShow\">\n    </el-pagination>\n  </div>\n  <!-- <div style=\"height:40px;width:40px\" class=\"suoxiao\">\n      <img src=\"../assets/images/btnFangDa.png\" style=\"height:40px;width:40px\"/>\n    </div> -->\n  <div class=\"componentShow\" v-if=\"modelOthers\">\n    <keep-alive>\n      <component :is=\"componentShow\" :ringMainUnit=\"device\"></component>\n    </keep-alive>\n  </div>\n  <!-- 工单统计弹窗 -->\n  <div class=\"componentShow\" v-if=\"orderItem != null\">\n    <component :is=\"orderShow\" :orderItem=\"orderItem\"></component>\n  </div>\n\n  <!-- 故障跳闸明细 -->\n  <div class=\"componentShow\" v-if=\"routeItem != null\">\n    <component :is=\"routeShow\" :routeItem=\"routeItem\"></component>\n  </div>\n\n  <!-- 查询配电线路 -->\n  <div class=\"componentShow\" style=\"display: block; height: calc(100% - 100px); top: 100px\" v-if=\"lineItem != null\">\n    <component :is=\"lineShow\" :lineItem=\"lineItem\"></component>\n  </div>\n  <audio controls=\"controls\" hidden src=\"../assets/videos/police.wav\" ref=\"audio\"></audio>\n</div>\n",null]}