<template>
  <div class="detail-real-box">
    <el-table :data="deviceAlarmExpList"
              style="width: 100%;height:100%">
      <el-table-column label="报警等级"
                       align="center"
                       width="90"
                       prop="alarmLevel" />
      <el-table-column label="问题描述"
                       align="center"
                       prop="problemDesc" />
      <el-table-column label="原因"
                       align="center"
                       prop="reason" />
      <el-table-column label="解决办法"
                       align="center"
                       prop="solution" />
    </el-table>
  </div>
</template>

<script setup>
import { getImageUrl, removeAaary } from "@/utils/ruoyi";
import { useRouter } from "vue-router";
const router = useRouter();
const { proxy } = getCurrentInstance();
import moment from "moment";
import useUserStore from "@/store/modules/user";
const appStore = useUserStore();
import bus from "@/utils";

import {
  listForType
} from "@/api/cockpit";

const props = defineProps({
  pointfeature: {
    type: String,
  },
})

const queryParams = ref({
  alarmType: '',
  alarmLevel: '',

})

const deviceAlarmExpList = ref([])

/** 查询报警经验库等级列表 */
function getList () {
  listForType(queryParams.value).then(response => {
    deviceAlarmExpList.value = response.data[0].expList;
  });
}

onMounted(() => {
  console.log(props);
  queryParams.value.alarmType = props.pointfeature.alarmType
  // queryParams.value.alarmLevel = props.pointfeature.alarmLevel
  getList()
});
</script>
<style lang="scss" scoped>
//@import "@/assets/styles/floodControlDrainage.scss";
//@import "@/assets/styles/cockpit.scss";
@import "@/assets/styles/map-detail.scss";

.detail-real-box {
  flex-direction: column;
}

::v-deep .el-textarea__inner {
  background-color: #042c52 !important;
  box-shadow: none;
}

::v-deep .el-button {
  color: #fefeff;
  background: #0f53db;
  border: none;
}

.dialog-footer {
  text-align: right;
  margin-top: 10px;
}

::v-deep .el-table {
  height: 200px;
}

::v-deep .el-tree__empty-block {
  min-height: 0;
}

::v-deep .el-tree {
  background: transparent;
}

::v-deep .el-tree-node__content:hover {
  background-color: #274470;
  color: #fff;
}

.custom-body {
  overflow-y: auto !important;
}

::v-deep .el-input__inner {
  color: #fff;
}

::v-deep .el-textarea__inner {
  color: #fff;
}
</style>