{"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=b6f67eac&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\src\\views\\BigScreen\\deviceMonitor.vue","mtime":1703667157521},{"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      <vue-seamless-scroll\n        class=\"rate-warn-box\"\n        :data=\"warnInfoData\"\n        :class-option=\"optionSingleHeightTime\"\n      >\n        <div\n          class=\"rate-warn-content\"\n          v-for=\"(item, index) in warnInfoData\"\n          :key=\"index\"\n        >\n          <div class=\"warn-time\">\n            <img\n              src=\"../../assets/img/bigScreen/icon-warn-point.png\"\n              class=\"warn-point warn\"\n            />\n            {{ item.warnDate }}\n          </div>\n          <div class=\"warn-cause\">\n            {{ item.deviceCode + item.deviceName }}：\n            <span\n              style=\"color: #f35675\"\n              :title=\"item.warnMsg\"\n              class=\"warnMsg\"\n              >{{ item.warnMsg }}</span\n            >\n          </div>\n        </div>\n      </vue-seamless-scroll>\n    </div>\n  </div>\n  <div class=\"bottom-sidebar\">\n    <div class=\"bottom-section-header\">\n      <!-- <span>巡检动态追踪</span> -->\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, index) in scrollheader\"\n          :key=\"index\"\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, index) in scrollListData\"\n          :key=\"index\"\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 class=\"table-wrapper\">\n      <div class=\"scroll-table-header\">\n        <div\n          class=\"header-item\"\n          v-for=\"(column, index) in scrollHeaderDeviceStatus\"\n          :key=\"index\"\n          :style=\"{width: column.width}\"\n        >\n          {{ column.name }}\n        </div>\n      </div>\n      <div\n        v-if=\"\n          !scrollHeaderDeviceStatusList.length &&\n            !loadObj.scrollHeaderDeviceStatusList\n        \"\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.scrollHeaderDeviceStatusList\"\n        :element-loading-background=\"loadingColor\"\n        class=\"scroll-table-body\"\n        :data=\"scrollHeaderDeviceStatusList\"\n        :class-option=\"optionSingleHeightTime\"\n      >\n        <div\n          class=\"scroll-table-column\"\n          v-for=\"(column, index) in scrollHeaderDeviceStatusList\"\n          :key=\"index\"\n        >\n          <div\n            class=\"column-item ellipsis\"\n            style=\"width: 5%\"\n            :title=\"column.id\"\n          >\n            {{ column.id }}\n          </div>\n          <div\n            class=\"column-item ellipsis\"\n            style=\"width: 19%\"\n            :title=\"column.code\"\n          >\n            {{ column.code }}\n          </div>\n          <div\n            class=\"column-item ellipsis\"\n            style=\"width: 19%\"\n            :title=\"column.name\"\n          >\n            {{ column.name }}\n          </div>\n          <div\n            class=\"column-item ellipsis\"\n            style=\"width: 19%\"\n            :title=\"column.type\"\n          >\n            <span style=\"font-size: 11px !important\">{{\n              utils.getDictName('sblx', column.type)\n            }}</span>\n          </div>\n          <div\n            class=\"column-item ellipsis\"\n            style=\"width: 19%\"\n            :title=\"column.positionDescribe\"\n          >\n            {{ column.positionDescribe }}\n          </div>\n          <div class=\"column-item ellipsis flex-start\" style=\"width: 19%\">\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                utils.getDictName('sbzt', column.status)\n              }}</span>\n            </div>\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\">\n      <div class=\"section-header\">\n        <!-- <span>故障维修情况</span> -->\n        <span>设备故障排名</span>\n      </div>\n      <!-- <div class=\"section-content section6\">\n        <div class=\"section6-container find\">\n          <div class=\"section6-name\">\n            <div class=\"name\">{{ ServiceData[0].name }}</div>\n          </div>\n          <div class=\"section6-line\"></div>\n          <div class=\"section6-value\">{{ ServiceData[0].value }}</div>\n        </div>\n        <div class=\"section6-container maintenance\">\n          <div class=\"section6-name\">\n            <div class=\"name\">{{ ServiceData[1].name }}</div>\n          </div>\n          <div class=\"section6-line\"></div>\n          <div class=\"section6-value\">{{ ServiceData[1].value }}</div>\n        </div>\n        <div class=\"section6-container check\">\n          <div class=\"section6-name\">\n            <div class=\"name\">{{ ServiceData[2].name }}</div>\n          </div>\n          <div class=\"section6-line\"></div>\n          <div class=\"section6-value\">{{ ServiceData[2].value }}</div>\n        </div>\n        <div class=\"section6-container end\">\n          <div class=\"section6-name\">\n            <div class=\"name\">{{ ServiceData[3].name }}</div>\n          </div>\n          <div class=\"section6-line\"></div>\n          <div class=\"section6-value\">{{ ServiceData[3].value }}</div>\n        </div>\n      </div> -->\n      <div\n        v-loading=\"loadObj.barChartDeviceData\"\n        :element-loading-background=\"loadingColor\"\n        class=\"section-content section6\"\n        id=\"bar-chart-Device\"\n      ></div>\n    </div>\n    <div class=\"sidebar-container\" style=\"height: 37.7%\">\n      <div class=\"section-header\">\n        <!-- <span>故障分析</span> -->\n        <span>故障平均处理时间</span>\n      </div>\n      <div\n        v-loading=\"loadObj.raderChart\"\n        :element-loading-background=\"loadingColor\"\n        class=\"section-content section5\"\n        id=\"rader-chart-time\"\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              {{ qoq }}%<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>\n</div>\n",null]}