<template>
  <Card simple class="jyh-card mt-3">
    <div class="card-title">组织预警通知列表</div>
    <div class="mb-3">
      <d-table
        class="jyh-table jyh-table-2"
        :header-bg="true"
        :data="licenseTableData"
      >
        <d-column field="code" header="时间"></d-column>
        <d-column field="name" header="标题">
          <template #default="scope">
            <a>{{scope.row.name}}</a>
          </template>
        </d-column>
        <d-column field="detail" header="详情"></d-column>
        <d-column field="level" header="级别">
          <template #default="scope,text">
            <d-status v-if="scope.row.level===4" type="error">危险</d-status>
            <d-status v-if="scope.row.level===3" type="warning">严重</d-status>
            <d-status v-if="scope.row.level===2" class="yellow-status">一般</d-status>
            <d-status v-if="scope.row.level===1" type="running">提示</d-status>
          </template>
        </d-column>
      </d-table>
    </div>
  </Card>
</template>

<script setup lang="ts">

import { ref } from 'vue';

const licenseTableData = ref([
  {code: '05822156', name:'MIT License',detail: 'integer',level: 4},
  {code: '05822156', name:'MIT License',detail: 'integer',level: 3},
  {code: '05822156', name:'MIT License',detail: 'integer',level: 2},
  {code: '05822156', name:'MIT License',detail: 'integer',level: 1},
]);

</script>

<style scoped lang="scss">
@import 'devui-theme/styles-var/devui-var.scss';


</style>
