{"ast":null,"code":"import { getRiskWarningList } from '@/api';\nexport default {\n  name: 'RiskWarning',\n  data() {\n    return {\n      totalMonth: 0,\n      list: []\n    };\n  },\n  async mounted() {\n    const res = await getRiskWarningList();\n    this.totalMonth = res.data.totalMonth;\n    this.list = res.data.list;\n  }\n};","map":{"version":3,"names":["getRiskWarningList","name","data","totalMonth","list","mounted","res"],"sources":["src/components/LabStats/RiskWarning.vue"],"sourcesContent":["<template>\n  <div class=\"panel-box risk-warning\">\n    <div class=\"panel-title\">实验室实时风险预警</div>\n    <div class=\"panel-content\">\n      <div class=\"warning-summary\">\n        <span class=\"summary-num\">{{ totalMonth }}</span>\n        <span class=\"summary-text\">本月预警响应总数</span>\n      </div>\n      <div class=\"list-wrapper\" ref=\"listWrapper\">\n        <div class=\"warning-item\" v-for=\"item in list\" :key=\"item.id\">\n          <div class=\"warning-lab\">{{ item.lab }} - {{ item.dept }}</div>\n          <div class=\"warning-detail\">\n            异常: <span class=\"warn-value\">{{ item.type }} {{ item.value }}</span>\n          </div>\n          <div class=\"warning-time\">{{ item.time }}</div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { getRiskWarningList } from '@/api'\n\nexport default {\n  name: 'RiskWarning',\n  data() {\n    return {\n      totalMonth: 0,\n      list: []\n    }\n  },\n  async mounted() {\n    const res = await getRiskWarningList()\n    this.totalMonth = res.data.totalMonth\n    this.list = res.data.list\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.risk-warning {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n\n  .panel-content {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n}\n\n.warning-summary {\n  display: flex;\n  align-items: baseline;\n  gap: 10px;\n  margin-bottom: 10px;\n  flex-shrink: 0;\n}\n\n.summary-num {\n  font-size: 28px;\n  font-weight: bold;\n  color: $accent-cyan;\n  font-family: 'Courier New', monospace;\n}\n\n.summary-text {\n  font-size: 13px;\n  color: $text-muted;\n}\n\n.list-wrapper {\n  flex: 1;\n  overflow-y: auto;\n}\n\n.warning-item {\n  padding: 10px 12px;\n  margin-bottom: 8px;\n  border-left: 3px solid $accent-orange;\n  background: rgba(255, 152, 0, 0.04);\n  border-radius: 0 4px 4px 0;\n}\n\n.warning-lab {\n  font-size: 13px;\n  font-weight: bold;\n  color: #fff;\n  margin-bottom: 4px;\n}\n\n.warning-detail {\n  font-size: 12px;\n  color: $text-secondary;\n  margin-bottom: 3px;\n\n  .warn-value {\n    color: #f44336;\n    font-weight: bold;\n  }\n}\n\n.warning-time {\n  font-size: 11px;\n  color: $text-muted;\n}\n</style>\n"],"mappings":"AAsBA,SAAAA,kBAAA;AAEA;EACAC,IAAA;EACAC,KAAA;IACA;MACAC,UAAA;MACAC,IAAA;IACA;EACA;EACA,MAAAC,QAAA;IACA,MAAAC,GAAA,SAAAN,kBAAA;IACA,KAAAG,UAAA,GAAAG,GAAA,CAAAJ,IAAA,CAAAC,UAAA;IACA,KAAAC,IAAA,GAAAE,GAAA,CAAAJ,IAAA,CAAAE,IAAA;EACA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}