{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\HomePop\\ringMainUnit.vue?vue&type=template&id=69e71d64&scoped=true&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\HomePop\\ringMainUnit.vue","mtime":1689642397095},{"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=\"equipmentName=='分支箱'?'ringMain':''\"  class=\"ringMainUnit\"> \n  <div class=\"top\">\n    <div class=\"title\">{{ ringMainUnit }}</div>\n    <div class=\"close\">\n      <img\n        @click=\"handleClose\"\n        src=\"@/assets/images/close.png\"\n        style=\"cursor: pointer\"\n      />\n    </div>\n  </div>\n  <div class=\"main\">\n    <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\" style=\"height: 4%\" v-if=\"ringMainUnit.includes('总览')||ringMainUnit.includes('环网柜')\">\n      </el-tab-pane><el-tab-pane label=\"设备信息\" name=\"first\" style=\"font-size:20px\" > </el-tab-pane>\n      <el-tab-pane label=\"现场照片/红外视频\" name=\"second\" style=\"font-size:20px\"></el-tab-pane>\n      \n    </el-tabs>\n    <!-- 分支箱 -->\n    <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\" style=\"height: 4%\" v-if=\"ringMainUnit.includes('分支箱')\">\n      <el-tab-pane label=\"设备信息\" name=\"first\" style=\"font-size:20px\" ></el-tab-pane>\n      <el-tab-pane label=\"现场照片\" name=\"second\" style=\"font-size:20px\"></el-tab-pane>\n    </el-tabs>\n    <!-- 箱变 -->\n    <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\" style=\"height: 4%\" v-if=\"ringMainUnit.includes('箱变')\">\n      <el-tab-pane label=\"设备信息\" name=\"first\" style=\"font-size:20px\" ></el-tab-pane>\n      <el-tab-pane label=\"现场照片/红外视频\" name=\"second\" style=\"font-size:20px\"></el-tab-pane>\n    </el-tabs>\n    <!-- 开闭所 -->\n    <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\" style=\"height: 4%\" v-if=\"ringMainUnit.includes('开闭所')\">\n      <el-tab-pane label=\"设备信息\" name=\"first\" style=\"font-size:20px\" ></el-tab-pane>\n      <el-tab-pane label=\"红外线视频/监检视频/现场照片\" name=\"second\" style=\"font-size:20px\"></el-tab-pane>\n    </el-tabs>\n    <div v-if=\"activeName == 'first'\" style=\"height: 100%; width: 100%\">\n      <div class=\"basic\">\n        <div class=\"title\" style=\"margin-top: 10px\">基本信息</div>\n        <div class=\"content\">\n          <div class=\"information\">\n            <div class=\"informationContent\">\n              {{ equipmentName }}名称&nbsp;&nbsp;&nbsp;&nbsp;{{\n                ringMainUnit\n              }}\n            </div>\n            <div class=\"informationContent\">\n              {{ equipmentName }}编号&nbsp;&nbsp;&nbsp;&nbsp;{{ deviceSn }}\n            </div>\n            <div class=\"informationContent\" v-if='equipmentName==\"分支箱\"'> \n              蓄电池电压(v)\n            </div>\n            <template v-else-if='equipmentName==\"箱变\"'>\n\n            </template>\n\n            <template v-else>\n            <div class=\"informationContent\" >\n              IP地址&nbsp;&nbsp;&nbsp;&nbsp;{{ deviceInformation.device_ip }}\n            </div>\n            <div class=\"informationContent\">\n              总间隔&nbsp;&nbsp;&nbsp;&nbsp;{{ totalInterval }}\n            </div>\n            </template>\n          </div>\n        </div>\n      </div>\n      <div class=\"earlyWarning\" v-show='equipmentName!=\"分支箱\"'>\n        <div class=\"title\">预警信息</div>\n        <div class=\"content\">\n          <div class=\"information\">\n            <div class=\"informationContent\">\n              <img src=\"@/assets/images/shiliangIcon1.png\" />\n              电缆沟水位&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;{{ waterLevel }}米\n              \n            </div>\n            <div class=\"informationContent\">\n              <span v-if=\"equipmentName!='箱变'\" style=\"margin-left:10px\">&nbsp;状态:&nbsp;&nbsp;&nbsp;&nbsp;{{ waterLevel1 }}</span>\n            </div>\n            <div class=\"informationContent\">\n              <img src=\"@/assets/images/shiliangIcon2.png\" />\n              小电流接地故障状态&nbsp;:&nbsp;&nbsp;&nbsp;&nbsp;{{ grounding }}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div v-if=\"equipmentName=='分支箱'\" class=\"interval\" >\n          <div class=\"title\" >出现线缆温度监测</div>\n          <div class=\"fenzhiMessage\">\n            <div class=\"fenzhiItem\" v-for=\"s in fenzhiArr\">\n                <div class=\"unitNum\">\n                  <span>55</span>\n                </div>\n                <div class=\"fenzhiUnit\">\n                  <span>{{s}}</span>\n                </div>\n            </div>\n          </div>\n      </div>\n      <div class=\"interval\" v-else>\n        <div class=\"title\" v-if='equipmentName==\"箱变\"'>电参数监测</div>\n      \n        <div class=\"title\" v-else>间隔监测</div>\n        <!-- 分支箱 -->\n        \n        <div  class=\"table user_skills\">\n          <el-table\n            :data=\"tableData\"\n            style=\"width: 100%; height: 100%\"\n            :header-cell-style=\"{ 'text-align': 'center' }\"\n            :cell-style=\"{ 'text-align': 'center' }\"\n            stripe\n          >\n            <el-table-column prop=\"name\" label=\"\" align=\"center\" width=\"150\">\n            </el-table-column>\n            <el-table-column prop=\"phase\" label=\"相位\"> </el-table-column>\n            <el-table-column\n              v-for=\"(item, index) in tableColumns\"\n              :key=\"index\"\n              :prop=\"item.key\"\n              align=\"center\"\n              :label=\"item.name\"\n            >\n            </el-table-column>\n          </el-table>\n        </div>\n      </div>\n      \n      <div class=\"addTitle\" v-if='equipmentName==\"箱变\"'>进线局放数据</div>\n      <div class=\"addTitle\" v-else-if='equipmentName==\"分支箱\"'>局放数据</div>\n      \n      <div class=\"intervalData\">\n        <!-- <template v-if='equipmentName==\"箱变\"||equipmentName==\"分支箱\"'>\n        </template> -->\n        <el-tabs  v-model=\"intervalName\" @tab-click=\"intervalClick\">\n          <el-tab-pane\n            :label=\"item.name\"\n            :name=\"item.key\"\n            v-for=\"(item, index) in echartsTab\"\n            :key=\"index\"\n          ></el-tab-pane>\n        </el-tabs>\n        <el-tabs  v-model=\"intervalName1\" @tab-click=\"intervalClick1\">\n          <el-tab-pane\n            :label=\"item.name\"\n            :name=\"item.key\"\n            v-for=\"(item, index) in echartsTab1\"\n            :key=\"index\"\n          ></el-tab-pane>\n        </el-tabs>\n        <div id=\"intervalShow\" v-show=\"echartsShow\"></div>\n        <div id=\"temperatureShow\" v-show=\"!echartsShow\"></div>\n      </div>\n    </div>\n\n    <div\n      class=\"InfraredVideo\"\n      v-if=\"activeName == 'second'\"\n      style=\"height: 96%; width: 100%\"\n    >\n      <div class=\"title\">\n        <el-tabs\n          :tab-position=\"tabPosition\"\n          v-model=\"InfraredName\"\n          style=\"height: 100%\"\n        >\n          <el-tab-pane v-for=\"(item, index) in vectorgraphData\" :key=\"index\">\n            <span\n              slot=\"label\"\n              style=\"display: flex; align-items: center\"\n              @click=\"InfraredClick(index)\"\n            >\n              <img :src=\"item.vectorgraph\" />\n              <span\n                style=\"margin-left: 10px; font-size: 19px\"\n                :style=\"{ color: item.color }\"\n                >{{ item.name }}</span\n              >\n            </span>\n          </el-tab-pane>\n          <div class=\"content\" v-show=\"photoShow\">\n            <div\n              v-for=\"(item, index) in photoList\"\n              :key=\"index\"\n              style=\"margin-top: 40px; margin-right: 20px\"\n            >\n              <img :src=\"item.photo\" style=\"width: 407px; height: 274px\" />\n            </div>\n          </div>\n          <div class=\"content1\" v-show=\"videoShow\">\n            <canvas id=\"canvas\" style=\"width: 100%; height: 100%\"></canvas>\n            <!-- <video id=\"video\" autoplay  style=\"width:100%; height:100%\"></video> -->\n          </div>\n          <div class=\"content1\" v-show=\"videoShow1\">\n            <canvas id=\"canvas1\" style=\"width: 100%; height: 100%\"></canvas>\n            <!-- <video id=\"video\" autoplay  style=\"width:100%; height:100%\"></video> -->\n          </div>\n        </el-tabs>\n      </div>\n    </div>\n  </div>\n</div>\n",null]}