smart-power-ui/node_modules/.cache/vue-loader/075b694e8f7c1dc48dc80ebbbab2c37c.json

{"remainingRequest":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!G:\\project\\smart-power-ui\\src\\views\\bigScreen\\v1\\profile\\alarmTableList.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"G:\\project\\smart-power-ui\\src\\views\\bigScreen\\v1\\profile\\alarmTableList.vue","mtime":1619340481836},{"path":"G:\\project\\smart-power-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":1592876569350},{"path":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1610504274351},{"path":"G:\\project\\smart-power-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":1591751774425},{"path":"G:\\project\\smart-power-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1612140853844},{"path":"G:\\project\\smart-power-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1591751767036},{"path":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1610504274351}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgouYmlnLWFsYXJtLXRhYmxlLWxpc3Qtd3JhcCB7CiAgd2lkdGg6IDEwMCU7CiAgaGVpZ2h0OiBjYWxjKDEwMCUpOwogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC13cmFwOiB3cmFwOwogIC50aXRsZS10IHsKICAgIGZvbnQtc2l6ZTogMTZweDsKICAgIGxldHRlci1zcGFjaW5nOiAxcHg7CiAgICBoZWlnaHQ6IDYwcHg7CiAgICB3aWR0aDogNDAwcHg7CiAgICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyOwogICAgZGlzcGxheTogZmxleDsKICAgIGp1c3RpZnktY29udGVudDogbGVmdDsKICAgIHBhZGRpbmctbGVmdDogNDVweDsKICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgICBwYWRkaW5nLWJvdHRvbTogMTBweDsKICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgiLi4vLi4vLi4vLi4vYXNzZXRzL2ltYWdlcy9iaWcvYi5wbmciKTsKICB9CiAgLnF1ZXJ5LXJpZ2h0LWRpdiB7CiAgICB3aWR0aDogY2FsYygxMDAlIC0gNDAwcHgpOwogICAgZGlzcGxheTogZmxleDsKICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7CiAgICBhbGlnbi1pdGVtczogY2VudGVyOwogICAgcGFkZGluZy1yaWdodDogNjBweDsKICAgIC5lbC1jaGVja2JveF9fbGFiZWwgewogICAgICBjb2xvcjogI2ZmZjsKICAgIH0KICB9CiAgLmFsYXJtLXRhYmxlIHsKICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAyMHB4KTsKICAgIG1hcmdpbi1sZWZ0OiAyMHB4OwogICAgLmVsLXRhYmxlX19oZWFkZXItd3JhcHBlciB0aCwKICAgIC5lbC10YWJsZSAuZWwtdGFibGVfX2ZpeGVkLWhlYWRlci13cmFwcGVyIHRoIHsKICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzAxMjRhOTsKICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzAwMmNkMjdkOwogICAgICBjb2xvcjogI2ZmZjsKICAgICAgaGVpZ2h0OiA1MHB4OwogICAgICBib3JkZXI6IDAgIWltcG9ydGFudDsKICAgICAgZm9udC1zaXplOiAxNXB4OwogICAgICBsZXR0ZXItc3BhY2luZzogMnB4OwogICAgfQogICAgLmVsLXRhYmxlX19lbXB0eS1ibG9jayB7CiAgICAgIGJhY2tncm91bmQ6ICMwMTI0YTYwMDsKICAgIH0KICAgIHRyIHsKICAgICAgYmFja2dyb3VuZDogIzAxMjRhNjAwOwogICAgICBjb2xvcjogI2ZmZjsKICAgIH0KICAgIC5lbC10YWJsZV9fYm9keS13cmFwcGVyIHsKICAgICAgYmFja2dyb3VuZDogIzAxMjRhNjAwOwogICAgfQogICAgLmVsLXRhYmxlX19ib2R5IHRyOmhvdmVyID4gdGQgewogICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDEyNGE2MDAgIWltcG9ydGFudDsKICAgIH0KCiAgICAuZWwtdGFibGVfX2JvZHkgdHIuY3VycmVudC1yb3cgPiB0ZCB7CiAgICAgIGJhY2tncm91bmQtY29sb3I6ICMwMTI0YTkgIWltcG9ydGFudDsKICAgIH0KICAgIC5lbC10YWJsZV9fYm9keS13cmFwcGVyOjotd2Via2l0LXNjcm9sbGJhciB7CiAgICAgIHdpZHRoOiA2cHg7CiAgICAgIGhlaWdodDogNnB4OwogICAgfQogICAgLyrmu5rliqjmnaHmu5HlnZcqLwogICAgLmVsLXRhYmxlX19ib2R5LXdyYXBwZXI6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iIHsKICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzExNGY5ZDsKICAgIH0KICB9CiAgLmVsLXRhYmxlIHsKICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmYwMDsKICB9Cn0K"},{"version":3,"sources":["alarmTableList.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"alarmTableList.vue","sourceRoot":"src/views/bigScreen/v1/profile","sourcesContent":["<template>\n  <div class=\"big-alarm-table-list-wrap\">\n    <div class=\"title-t\">{{title}}</div>\n    <div class=\"query-right-div\">\n      <el-checkbox-group v-model=\"queryCheckbox\">\n        <el-checkbox label=\"warning\">包含预警</el-checkbox>\n        <el-checkbox label=\"off\">只显示离线报警</el-checkbox>\n      </el-checkbox-group>\n    </div>\n    <el-table :data=\"list\" class=\"alarm-table\" height=\"212\" :highlight-pageNum-row=\"true\">\n      <el-table-column prop=\"projectName\" label=\"项目\" align=\"center\" width=\"250\">\n       <template slot-scope=\"scope\">\n         <div>\n          <i class=\"iconfont iconbaojing\" v-if=\"scope.row.processStatus === 'UNPROCESS'\" style=\"color: #FF2F60;\"></i>\n          <i class=\"iconfont iconbaojing\" v-if=\"scope.row.processStatus === 'PROCESSED'\" style=\"color: #25F094;\"></i>\n          <i class=\"iconfont iconbaojing\" v-if=\"scope.row.processStatus === 'IGNORE'\" style=\"color: #25F094;\"></i>\n           <span style=\"margin-left: 10px;\" v-text=\"scope.row.projectName\"></span>\n         </div>\n        </template>\n      </el-table-column>\n      <el-table-column prop=\"projectAddress\" label=\"地址\" align=\"left\"></el-table-column>\n      <el-table-column prop=\"deviceName\" label=\"线路\" align=\"center\" width=\"150\"></el-table-column>\n      <el-table-column\n        prop=\"alarmDivide\"\n        label=\"报警类型\"\n        align=\"center\"\n        width=\"150\"\n        :formatter=\"alarmTypeFormatter\"\n      ></el-table-column>\n      <el-table-column prop=\"alarmTime\" label=\"报警时间\" align=\"center\" width=\"160\"></el-table-column>\n      <el-table-column prop=\"t6\" label=\"耗时\" align=\"center\" width=\"150\"></el-table-column>\n      <el-table-column prop=\"processStatus\" label=\"状态\" align=\"center\" width=\"150\">\n        <template slot-scope=\"scope\">\n          <span v-if=\"scope.row.processStatus === 'UNPROCESS'\" :style=\"'color: #FF2F60;'\">未处理</span>\n          <span v-if=\"scope.row.processStatus === 'PROCESSED'\" :style=\"'color: #25F094;'\">已处理</span>\n          <span v-if=\"scope.row.processStatus === 'IGNORE'\" :style=\"'color: #c0c4cc;'\">忽略</span>\n        </template>\n      </el-table-column>\n    </el-table>\n  </div>\n</template>\n<script>\nimport { appAlarmRecordList } from \"@/api/app\";\nexport default {\n  name: \"alarmTableList\",\n  props: [\"projectId\"],\n  data() {\n    return {\n      title: \"实时报警列表\",\n      queryCheckbox: [],\n      list: []\n    };\n  },\n  created() {\n    this.getAlarmRecrdList();\n  },\n  watch: {\n    projectId(val, oldval) {\n      this.getAlarmRecrdList();\n    },\n    queryCheckbox(val,oldVal) {\n      this.getAlarmRecrdList();\n    }\n  },\n  methods: {\n    alarmTypeFormatter(row) {\n      if (row.alarmDivide === \"ALARM\") {\n        return \"报警\";\n      } else if (row.alarmDivide === \"WARNING\") {\n        return \"预警\";\n      }\n    },\n    getAlarmRecrdList() {\n      appAlarmRecordList({\n        alarmDivide:\n          this.queryCheckbox.indexOf(\"warning\") < 0 ? \"ALARM\" : undefined,\n        deviceState:\n          this.queryCheckbox.indexOf(\"off\") >= 0 ? \"OFFLINE\" : undefined,\n        projectId: this.projectId || undefined,\n        pageNum: 1,\n        pageSize: 5\n      }).then(res => {\n        this.list = res.rows;\n      });\n    }\n  }\n};\n</script>\n<style lang=\"scss\">\n.big-alarm-table-list-wrap {\n  width: 100%;\n  height: calc(100%);\n  display: flex;\n  flex-wrap: wrap;\n  .title-t {\n    font-size: 16px;\n    letter-spacing: 1px;\n    height: 60px;\n    width: 400px;\n    background-size: cover;\n    display: flex;\n    justify-content: left;\n    padding-left: 45px;\n    align-items: center;\n    padding-bottom: 10px;\n    background-image: url(\"../../../../assets/images/big/b.png\");\n  }\n  .query-right-div {\n    width: calc(100% - 400px);\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    padding-right: 60px;\n    .el-checkbox__label {\n      color: #fff;\n    }\n  }\n  .alarm-table {\n    width: calc(100% - 20px);\n    margin-left: 20px;\n    .el-table__header-wrapper th,\n    .el-table .el-table__fixed-header-wrapper th {\n      background-color: #0124a9;\n      background-color: #002cd27d;\n      color: #fff;\n      height: 50px;\n      border: 0 !important;\n      font-size: 15px;\n      letter-spacing: 2px;\n    }\n    .el-table__empty-block {\n      background: #0124a600;\n    }\n    tr {\n      background: #0124a600;\n      color: #fff;\n    }\n    .el-table__body-wrapper {\n      background: #0124a600;\n    }\n    .el-table__body tr:hover > td {\n      background-color: #0124a600 !important;\n    }\n\n    .el-table__body tr.current-row > td {\n      background-color: #0124a9 !important;\n    }\n    .el-table__body-wrapper::-webkit-scrollbar {\n      width: 6px;\n      height: 6px;\n    }\n    /*滚动条滑块*/\n    .el-table__body-wrapper::-webkit-scrollbar-thumb {\n      background-color: #114f9d;\n    }\n  }\n  .el-table {\n    background-color: #ffffff00;\n  }\n}\n</style>\n"]}]}