{"remainingRequest":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\HealthManage\\HealthManage.vue?vue&type=template&id=2924b308&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\HealthManage\\HealthManage.vue","mtime":1667804639618},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<div class=\"fullheight\">\n  <el-form ref=\"form\" :inline=\"true\" :model=\"sizeForm\" label-width=\"70px\">\n    <el-form-item label=\"日期\" label-width=\"40px\">\n      <el-date-picker\n        v-model=\"params.collTime\"\n        type=\"date\"\n        value-format=\"yyyy-MM-dd\"\n        format=\"yyyy/MM/dd\"\n        placeholder=\"选择日期\"\n        style=\"width:150px\"\n      >\n      </el-date-picker>\n    </el-form-item>\n    <el-form-item>\n      <el-button\n        style=\"margin-left:50px\"\n        @click=\"onClickSearch\"\n        type=\"primary\"\n        icon=\"el-icon-search\"\n        >查询</el-button\n      >\n      <el-button type=\"primary\" icon=\"el-icon-refresh\" @click=\"onClickRefresh\"\n        >重置</el-button\n      >\n      <el-button\n        type=\"primary\"\n        icon=\"el-icon-printer\"\n        @click=\"dialogVisible = true\"\n        >下载体检报告</el-button\n      >\n    </el-form-item>\n  </el-form>\n  <div class=\"box\">\n    <el-card class=\"my-card\" body-style=\"padding-top:5px\">\n      <div id=\"pieContainer\"></div>\n      <div class=\"my-card-list\">\n        <div class=\"list-flex\">\n          <i class=\"icon-zhiyejiankang list-icon\" style=\"fontSize:20px\"></i>\n          <div class=\"list-fontsize\">\n            <div style=\"fontSize:14px\">健康评分</div>\n            <div class=\"last-size\">\n              {{ healthScore }}\n              <span>分</span>\n            </div>\n          </div>\n        </div>\n        <div class=\"list-flex\">\n          <i class=\"icon-gongdanqueren list-icon\" style=\"fontSize:21px\"></i>\n          <div class=\"list-fontsize\">\n            <div style=\"fontSize:14px\">工单完结率</div>\n            <div class=\"last-size\">\n              {{ orderRate }}\n              <span>%</span>\n            </div>\n          </div>\n        </div>\n        <div class=\"list-flex\">\n          <i class=\"icon-yujing list-icon\" style=\"fontSize:27px\"></i>\n          <div class=\"list-fontsize\">\n            <div style=\"fontSize:14px\">预警准确率</div>\n            <div class=\"last-size\">\n              {{ warningAccuracy }}\n              <span>%</span>\n            </div>\n          </div>\n        </div>\n        <div class=\"list-flex\">\n          <i class=\"icon-tingjiguanli list-icon\" style=\"fontSize:20px\"></i>\n          <div class=\"list-fontsize\">\n            <div style=\"fontSize:14px\">减少非计划停机</div>\n            <div class=\"last-size\">\n              {{ reduceDowntime }}\n              <span>小时</span>\n            </div>\n          </div>\n        </div>\n      </div>\n    </el-card>\n    <div class=\"crew-contain\">\n      <div style=\"fontSize:14px\">机组状态</div>\n      <div>\n        <el-button type=\"primary\" size=\"mini\" @click=\"changeGrid\">\n          <i class=\"icon-shuanglieliebiao\" style=\"fontSize:15px\"></i>\n        </el-button>\n        <el-button type=\"primary\" size=\"mini\" @click=\"changeList\">\n          <i class=\"icon-liebiaoxingshi\" style=\"fontSize:15px\"></i>\n        </el-button>\n      </div>\n    </div>\n    <!-- 标准模式 -->\n    <div class=\"main\" v-if=\"sizeForm.model == 1 || sizeForm.model == ''\">\n      <el-scrollbar class=\"editScroll\">\n        <div class=\"scroll_list\" v-if=\"crewList.length\">\n          <el-card\n            class=\"box-card\"\n            shadow=\"hover\"\n            v-for=\"item in crewList\"\n            :key=\"item.fanName\"\n          >\n            <div\n              class=\"card-content\"\n              :style=\"{\n                'background-color':\n                  item.healthStatus == '优秀'\n                    ? '#1CC25E'\n                    : item.healthStatus == '健康'\n                    ? '#1AAF8B'\n                    : item.healthStatus == '亚健康'\n                    ? '#5e70a0'\n                    : item.healthStatus == '告警'\n                    ? '#ff9c00'\n                    : '#ff6363'\n              }\"\n            >\n              <div class=\"img-icon\">\n                <div class=\"tag\">{{ item.fanName }}</div>\n              </div>\n              <div class=\"bottom-text\">\n                <div class=\"bottom-text-div\">\n                  剩余寿命：<span class=\"bottom-text-span\">{{\n                    item.residualLife\n                  }}</span>\n                </div>\n                <div class=\"bottom-text-div\">\n                  健康状态：<span class=\"bottom-text-span\">{{\n                    item.healthStatus\n                  }}</span>\n                </div>\n                <div class=\"bottom-text-div\">\n                  预警次数：<span class=\"bottom-text-span\"\n                    >{{ item.warningTotal }}次</span\n                  >\n                </div>\n              </div>\n            </div>\n          </el-card>\n        </div>\n        <div v-else class=\"dialog-body-border\">暂无数据</div>\n      </el-scrollbar>\n      <!-- <el-pagination\n        small\n        align=\"right\"\n        class=\"table-page\"\n        @size-change=\"handleSizeChange\"\n        @current-change=\"handleCurrentChange\"\n        :current-page=\"pageBean.page\"\n        :pager-count=\"11\"\n        :page-sizes=\"[80]\"\n        :page-size=\"pageBean.pageSize\"\n        layout=\"total, sizes, prev, pager, next, jumper\"\n        :total=\"total\"\n      >\n      </el-pagination> -->\n    </div>\n    <!-- 矩阵模式 -->\n    <div class=\"main2\" v-if=\"sizeForm.model == 2\">\n      <el-table\n        size=\"mini\"\n        ref=\"htTable\"\n        :data=\"crewList\"\n        style=\"width: 100%\"\n        height=\"100%\"\n        :row-key=\"getRowKey\"\n        :default-sort=\"{prop: 'demandTime'}\"\n      >\n        <el-table-column\n          align=\"center\"\n          prop=\"fanName\"\n          label=\"机组名称\"\n          sortable\n          show-overflow-tooltip\n        >\n        </el-table-column>\n        <el-table-column\n          align=\"center\"\n          prop=\"collTime\"\n          label=\"采集时间\"\n          sortable\n          show-overflow-tooltip\n        >\n        </el-table-column>\n        <el-table-column\n          align=\"center\"\n          prop=\"healthStatus\"\n          label=\"健康状态\"\n          sortable\n          show-overflow-tooltip\n        >\n          <template slot-scope=\"scope\">\n            <div\n              :style=\"{\n                color:\n                  scope.row.healthStatus == '优秀'\n                    ? '#02c82d'\n                    : scope.row.healthStatus == '健康'\n                    ? '#61DDAA'\n                    : scope.row.healthStatus == '亚健康'\n                    ? '#5e70a0'\n                    : scope.row.healthStatus == '告警'\n                    ? '#ff9c00'\n                    : '#ff6363'\n              }\"\n            >\n              {{ scope.row.healthStatus }}\n            </div>\n          </template>\n        </el-table-column>\n        <el-table-column\n          align=\"center\"\n          prop=\"residualLife\"\n          label=\"剩余寿命\"\n          sortable\n          show-overflow-tooltip\n        >\n        </el-table-column>\n        <el-table-column\n          align=\"center\"\n          prop=\"warningTotal\"\n          label=\"预警次数\"\n          show-overflow-tooltip\n        >\n          <template slot-scope=\"scope\">\n            <div :style=\"{color: '#ff9c00'}\">\n              {{ scope.row.warningTotal }}\n            </div>\n          </template>\n        </el-table-column>\n      </el-table>\n      <!-- <el-pagination\n        small\n        align=\"right\"\n        class=\"table-page\"\n        @size-change=\"handleSizeChange\"\n        @current-change=\"handleCurrentChange\"\n        :current-page=\"pageBean.page\"\n        :pager-count=\"11\"\n        :page-sizes=\"[80]\"\n        :page-size=\"pageBean.pageSize\"\n        layout=\"total, sizes, prev, pager, next, jumper\"\n        :total=\"total\"\n      >\n      </el-pagination> -->\n    </div>\n  </div>\n  <!-- 下载体检报告弹窗 -->\n  <el-dialog\n    title=\"下载体检报告\"\n    :visible.sync=\"dialogVisible\"\n    width=\"50%\"\n    :before-close=\"handleClose\"\n  >\n    <span style=\"fontSize:16px;\">日期：</span>\n    <el-date-picker\n      v-model=\"start\"\n      type=\"month\"\n      value-format=\"yyyy-MM\"\n      format=\"yyyy/MM\"\n      placeholder=\"请选择日期\"\n      style=\"width:180px\"\n    >\n    </el-date-picker>\n    <span slot=\"footer\">\n      <el-button @click=\"dialogVisible = false\" class=\"dialog-btn\"\n        >取 消</el-button\n      >\n      <el-button type=\"primary\" @click=\"downloadReport\" class=\"dialog-btn\"\n        >确 定</el-button\n      >\n    </span>\n  </el-dialog>\n</div>\n",null]}