{"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\">户数高渗透率&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\">配网工程全过程物资审计</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\">盐都东台区供电所数字化分析</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\">盐城供电公司配网电能质量管控</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=\"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]}