1 line
24 KiB
JSON
1 line
24 KiB
JSON
{"remainingRequest":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\src\\views\\index.vue","mtime":1689560886124},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1655712169000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\林谷智能项目\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"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 <div class=\"titleFont\">盐城地区分布光伏运行监测</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\">户数高渗透率 </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>\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\">能量渗透率 </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\">配网工程全过程物资审计</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\">项目数 </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> </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\">计划数 </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\">盐都东台区供电所数字化分析</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\">升档配变数量 </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> \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\">负荷关注配变数量 </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\">盐城供电公司配网电能质量管控</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\">月供电可靠性 </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>\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\">平均停电时间 </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=\"one\" style=\"height: 635px; width: 100%\" id=\"threeModel\">\n <!-- <iframe\n src=\"/unityWeb/index.html\"\n style=\"height: 100%; width: 100%; border: none\"\n ref=\"iframe\"\n ></iframe> -->\n <div class=\"unityBtn\">\n <div class=\"btn\" :class=\"{ btnAct: btnActive == index }\" v-for=\"(item, index) in btnArr\" :key=\"index\"\n @click=\"handleUnity(index, item)\">\n {{ item }}\n </div>\n </div>\n <div class=\"unityIcon\">\n <div class=\"unityIconGround\" v-for=\"(item, index) in iconGround\" :key=\"index\">\n <img :src=\"item.icon\" />\n <div style=\"color: #ffffff\">{{ item.name }}</div>\n </div>\n </div>\n <div class=\"unityEnlargeBtn\">\n <div class=\"content\" v-for=\"(item, index) in enlargeShow == true\n ? btnEnlarge\n : btnEnlarge1\" :key=\"index\" @click=\"\n enlargeShow == true ? enlargeBtn(index) : enlargeBtn1(index)\n \">\n <img :src=\"item.icon\" style=\"margin: 7px\" />\n </div>\n </div>\n <div class=\"unitySelect\">\n <div class=\"unitySuosou\">\n <img src=\"../assets/images/sousuo.png\" style=\"margin-top: 16px\" />\n </div>\n <div class=\"selectChange\">\n <el-select v-model=\"value\" :popper-append-to-body=\"false\" clearable placeholder=\"请选择线路\">\n <el-option v-for=\"(item, index) in options\" :key=\"index\" :label=\"item.label\" :value=\"item.value\">\n </el-option>\n </el-select>\n </div>\n </div>\n </div>\n <div class=\"detailed\" id=\"detailed\">\n <div class=\"two\" style=\"\n height: 350px;\n width: 780px;\n display: flex;\n flex-direction: column;\n align-items: center;\n \">\n <div class=\"cartitle\">\n <div class=\"titleFont\">线路故障跳闸明细</div>\n </div>\n <!-- <el-scrollbar class=\"scrollbar\"> -->\n <div class=\"table user_skills\">\n <el-table :data=\"tableData\" :header-cell-style=\"{ 'text-align': 'center' }\"\n :cell-style=\"{ 'text-align': 'center' }\" height=\"100%\" width=\"100%\" ref=\"tableBox\" style=\"font-size: 16px\"\n @row-click=\"rowHandle\">\n <el-table-column label=\"\" align=\"center\" width=\"20\">\n <template slot-scope=\"scop\">\n {{ scop.$index + 1 }}\n </template>\n </el-table-column>\n <el-table-column prop=\"bz\" label=\"班组\" :show-overflow-tooltip=\"true\">\n </el-table-column>\n <el-table-column prop=\"gzxl\" width=\"90\" label=\"故障线路\">\n </el-table-column>\n <!-- <el-table-column\n prop=\"gzyy\"\n label=\"故障原因\"\n width=\"90\"\n :show-overflow-tooltip=\"true\"\n > -->\n <!-- </el-table-column> -->\n <el-table-column align=\"center\" label=\"故障状态\">\n <template slot-scope=\"scope\">\n <div style=\"color: #ffbc3a\">\n {{ scope.row.gz_state_dsc }}\n </div>\n </template>\n </el-table-column>\n <el-table-column label=\"故障类型\">\n <template slot-scope=\"scope\">\n <div style=\"color: #ffbc3a\">\n {{ scope.row.gz_type_dsc }}\n </div>\n </template>\n </el-table-column>\n <el-table-column label=\"故障时间\" width=\"160\" align=\"center\">\n <template slot-scope=\"scope\">\n <div style=\"color: #2793ff\">\n {{ scope.row.gz_time }}\n </div>\n </template>\n </el-table-column>\n <el-table-column label=\"影响时户数\" align=\"center\">\n <template slot-scope=\"scope\">\n <div style=\"color: #2793ff\">\n {{ scope.row.yxshs }}\n </div>\n </template>\n </el-table-column>\n <el-table-column label=\"处理完成时间\" width=\"160\" align=\"center\">\n <template slot-scope=\"scope\">\n <div style=\"color: #2793ff\">\n {{ scope.row.gz_time_deal }}\n </div>\n </template>\n </el-table-column>\n <!-- <el-table-column prop=\"jiedi\" label=\"接地\" width=\"55\">\n <template slot-scope=\"scope\">\n <div style=\"color: #794af8\">\n {{ scope.row.jiedi }}\n </div>\n </template>\n </el-table-column> -->\n <!-- <el-table-column prop=\"heji\" label=\"合计\" width=\"55\">\n <template slot-scope=\"scope\">\n <div style=\"color: #ee8316\">\n {{ scope.row.heji }}\n </div>\n </template>\n </el-table-column> -->\n </el-table>\n </div>\n <!-- </el-scrollbar> -->\n <!-- <div class=\"detailedOneList\">\n <div>单位</div>\n < <div>\n 工区\n </div>\n <div>\n 三新\n </div>\n <div>\n 盐都\n </div>\n <div>\n 滨海\n </div>\n <div>\n 大丰\n </div>\n <div>\n 东台\n </div>\n <div>\n 阜宁\n </div>\n <div>\n 建湖\n </div>\n <div>\n 射阳\n </div>\n <div>\n 响水\n </div> \n </div> -->\n </div>\n <!-- <div class=\"three\" style=\"height: 350px; width: 780px\">\n <div class=\"cartitle\">\n <div class=\"titleFont\">本年度线路故障调查明细</div>\n </div>\n <div id=\"detailedFour\"></div>\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\">盐都配变停运管理情况</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\">工单统计</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=\"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\">盐都配变停运管理情况</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\">工单统计</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]} |