{"remainingRequest":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\sfz-lh-fvue\\src\\views\\BigScreen\\deviceMonitor.vue?vue&type=template&id=30eaed6b&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\src\\views\\BigScreen\\deviceMonitor.vue","mtime":1703099334246},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<div class=\"videoMonitoring\">\n  <headline></headline>\n  <div class=\"left-sidebar\">\n    <div class=\"sidebar-container\">\n      <div class=\"section-header\">\n        <span>设备统计</span>\n      </div>\n      <div class=\"section-content section1\">\n        <div class=\"section1-container-count\">\n          设备总数<span>{{ totalAmount }}</span\n          >个\n        </div>\n        <div class=\"section1-container-img\"></div>\n        <div class=\"section1-container-value\">\n          <div\n            v-for=\"(item, index) in EquipmentCountData\"\n            :key=\"index\"\n            class=\"section1-container-box\"\n          >\n            <div class=\"point\">\n              <div\n                class=\"point-color\"\n                :class=\"{\n                  blue: isOne == item.status,\n                  orange: isTwo == item.status,\n                  yellow: isThree == item.status,\n                }\"\n              ></div>\n              <div\n                class=\"color\"\n                :class=\"{\n                  blue: isOne == item.status,\n                  orange: isTwo == item.status,\n                  yellow: isThree == item.status,\n                }\"\n              ></div>\n            </div>\n            <div class=\"value\">{{ item.name }}设备：{{ item.amount }}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"sidebar-container\">\n      <div class=\"section-header\">\n        <span>设备系统分布</span>\n      </div>\n      <div class=\"section-content section2\">\n        <div\n          class=\"section2-container\"\n          v-for=\"(item, index) in SystemData\"\n          :key=\"index\"\n        >\n          <div class=\"section2-container-img\">\n            <img :src=\"item.imgUrl\" />\n          </div>\n          <div class=\"section2-container-value\">\n            <div class=\"value\">{{ item.amount }}</div>\n            <div class=\"name\">{{ item.name }}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"sidebar-container\">\n      <div class=\"section-header\">\n        <span>设备类型</span>\n      </div>\n      <div\n        v-if=\"!pieData.length && !loadObj.pieData\"\n        class=\"section-content section3\"\n      >\n        暂无数据\n      </div>\n      <div\n        v-else\n        class=\"section-content section3\"\n        v-loading=\"loadObj.pieData\"\n        :element-loading-background=\"loadingColor\"\n      >\n        <div id=\"section3-pie-chart\"></div>\n        <div class=\"section3-content\">\n          <div\n            class=\"section3-content-container\"\n            v-for=\"(item, index) in pieData\"\n            :key=\"index\"\n          >\n            <div\n              class=\"point\"\n              :class=\"{\n                pieBlue: isOne == item.deviceType,\n                pieYellow: isTwo == item.deviceType,\n              }\"\n            ></div>\n            <div class=\"name\">{{ item.name }}</div>\n            <div class=\"value\">{{ item.value }}件</div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"main-container\">\n    <div class=\"rate-container\">\n      <div\n        class=\"rate-section\"\n        v-for=\"(item, index) in rateData\"\n        :key=\"index\"\n      >\n        <div class=\"rate-section-name\">{{ item.name }}</div>\n        <div class=\"rate-section-value\">\n          <div class=\"value\">{{ item.value }}%</div>\n        </div>\n      </div>\n    </div>\n    <div class=\"rate-data\">\n      <div class=\"img\"></div>\n      <div class=\"value\">{{ warnData.finished }}</div>\n      <div class=\"name\">已完成</div>\n    </div>\n    <div class=\"rate-data2\">\n      <div class=\"img\"></div>\n      <div class=\"value\">{{ warnData.unfinished }}</div>\n      <div class=\"name\">未完成</div>\n    </div>\n    <div class=\"rate-road\"></div>\n    <div class=\"rate-data-large\">\n      <div class=\"img\"></div>\n      <div class=\"value\">{{ warnData.num }}</div>\n      <div class=\"name\">故障数量</div>\n    </div>\n    <div class=\"rate-warn\">\n      <div class=\"rate-warn-title\">\n        <div class=\"icon-warn\"></div>\n        <div class=\"warn-title\">告警信息</div>\n      </div>\n      <div class=\"rate-warn-content\">\n        <div class=\"warn-time\">\n          <div class=\"point warn\"></div>\n          2023-02-01 10:00:12\n        </div>\n        <div class=\"warn-cause\">\n          LH-3020-FWQ-005监控设备故障：<span style=\"color: #f35675\"\n            >数据传输异常</span\n          >\n        </div>\n      </div>\n      <div class=\"line\"></div>\n      <div class=\"rate-warn-content\">\n        <div class=\"warn-time\">\n          <div class=\"point warn\"></div>\n          2023-02-01 10:00:12\n        </div>\n        <div class=\"warn-cause\">\n          LH-3020-FWQ-005监控设备故障：<span style=\"color: #f35675\"\n            >数据传输异常</span\n          >\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"bottom-sidebar\">\n    <div class=\"bottom-section-header\">\n      <span>巡检动态追踪</span>\n    </div>\n    <div class=\"table-wrapper\">\n      <div class=\"scroll-table-header\">\n        <div\n          class=\"header-item\"\n          v-for=\"column in scrollheader\"\n          :key=\"column.name\"\n          :style=\"{width: column.width}\"\n        >\n          {{ column.name }}\n        </div>\n      </div>\n      <div\n        v-if=\"!scrollListData.length && !loadObj.scrollListData\"\n        class=\"scroll-table-body big-screen-data-empty flex-center\"\n      >\n        暂无数据\n      </div>\n      <vue-seamless-scroll\n        v-else\n        v-loading=\"loadObj.scrollListData\"\n        :element-loading-background=\"loadingColor\"\n        class=\"scroll-table-body\"\n        :data=\"scrollListData\"\n        :class-option=\"optionSingleHeightTime\"\n      >\n        <div\n          class=\"scroll-table-column\"\n          v-for=\"column in scrollListData\"\n          :key=\"column.id\"\n        >\n          <div\n            class=\"column-item ellipsis\"\n            style=\"width: 4%\"\n            :title=\"column.id\"\n          >\n            {{ column.id }}\n          </div>\n          <div\n            class=\"column-item ellipsis\"\n            style=\"width: 24%\"\n            :title=\"column.name\"\n          >\n            {{ column.name }}\n          </div>\n          <div\n            class=\"column-item ellipsis\"\n            style=\"width: 24%\"\n            :title=\"column.work\"\n          >\n            {{ column.work }}\n          </div>\n\n          <div class=\"column-item ellipsis flex-start\" style=\"width: 24%\">\n            <div class=\"column-status\">\n              <span\n                :class=\"[\n                  'dot',\n                  `dot${column.status}`,\n                  {dotshine: column.status !== 1},\n                ]\"\n              ></span>\n              <span style=\"font-size: 11px !important\">{{\n                formatStatus(column.status)\n              }}</span>\n            </div>\n          </div>\n          <div\n            class=\"column-item ellipsis\"\n            style=\"width: 24%\"\n            :title=\"column.time\"\n          >\n            {{ column.time }}\n          </div>\n        </div>\n      </vue-seamless-scroll>\n    </div>\n  </div>\n  <div class=\"right-sidebar\">\n    <div class=\"sidebar-container\" style=\"height: 29%\">\n      <div class=\"section-header\">\n        <span>故障统计</span>\n      </div>\n      <div\n        v-if=\"!faultPieData.length && !loadObj.faultPieData\"\n        class=\"section-content section4 flex-center\"\n      >\n        暂无数据\n      </div>\n      <div\n        class=\"section-content section4\"\n        v-else\n        v-loading=\"loadObj.faultPieData\"\n        :element-loading-background=\"loadingColor\"\n      >\n        <div id=\"section4-pie-chart\"></div>\n        <div class=\"section4-content\">\n          <div\n            class=\"section4-content-container\"\n            v-for=\"(item, index) in faultPieData\"\n            :key=\"index\"\n          >\n            <div\n              class=\"point\"\n              :class=\"{\n                pieRed: isOne == item.level,\n                pieOrange: isTwo == item.level,\n                pieYellow: isThree == item.level,\n                pieBlue: isFour == item.level,\n              }\"\n            ></div>\n            <div class=\"name\">{{ item.name }}</div>\n            <div class=\"value\">{{ item.value }}个</div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"sidebar-container\" style=\"height: 37.7%\">\n      <div class=\"section-header\">\n        <span>故障分析</span>\n      </div>\n      <!-- <div\n        v-if=\"!monthLogNum.length && !loadObj.monthLogNum\"\n        class=\"section-content section5 flex-center\"\n      >\n        暂无数据\n      </div> -->\n      <div\n        class=\"section-content section5\"\n        v-loading=\"loadObj.monthLogNum\"\n        :element-loading-background=\"loadingColor\"\n      >\n        <div class=\"section5-analysis\">\n          <div class=\"analysis-container\">\n            <div class=\"analysis-value\">{{ monthLogNum }}</div>\n            <div class=\"analysis-name\">本月故障数</div>\n          </div>\n          <div class=\"section5-line\"></div>\n          <div class=\"analysis-container\">\n            <div class=\"analysis-value\">\n              {{ pop }}%<i class=\"el-icon-top\" v-if=\"direction\"></i\n              ><i class=\"el-icon-bottom\" v-else></i>\n            </div>\n            <div class=\"analysis-name\">环比</div>\n          </div>\n        </div>\n        <div id=\"analysis-chart\"></div>\n      </div>\n    </div>\n    <div class=\"sidebar-container\">\n      <div class=\"section-header\">\n        <span>故障维修情况</span>\n      </div>\n      <div class=\"section-content section6\">\n        <div class=\"section6-container find\">\n          <div class=\"section6-name\"><div class=\"name\">发现报备</div></div>\n          <div class=\"section6-line\"></div>\n          <div class=\"section6-value\">{{ ServiceData.find }}</div>\n        </div>\n        <div class=\"section6-container maintenance\">\n          <div class=\"section6-name\">\n            <div class=\"name\">维修中</div>\n          </div>\n          <div class=\"section6-line\"></div>\n          <div class=\"section6-value\">{{ ServiceData.maintenance }}</div>\n        </div>\n        <div class=\"section6-container check\">\n          <div class=\"section6-name\">\n            <div class=\"name\">验收中</div>\n          </div>\n          <div class=\"section6-line\"></div>\n          <div class=\"section6-value\">{{ ServiceData.check }}</div>\n        </div>\n        <div class=\"section6-container end\">\n          <div class=\"section6-name\">\n            <div class=\"name\">已完结</div>\n          </div>\n          <div class=\"section6-line\"></div>\n          <div class=\"section6-value\">{{ ServiceData.end }}</div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n",null]}