<template>
    <div style="height: 300px;overflow: auto;font-size: 16px;">
      <div>通知标题：{{ item.xxbt }}</div>
      <div class="mt">通知内容：{{ item.xxms }}</div>
      <div class="flex align-center just-between mt">
        <div class="flex align-center">接收类型：
          <DictTag :tag="false" :value="item.xxlx" :options="dict.BD_D_XXLX" />
        </div>
        <div class="flex align-center">消息来源：
          <DictTag :tag="false" :value="item.xxly" :options="dict.BD_D_XXLY" />
        </div>
      </div>
    </div>
</template>
<script setup>
import {ref} from 'vue'
const props = defineProps({
  item: {
    type: Object,
    default: () => {
    }
  }, dict: {
    type: Object,
    default: () => {
    }
  },
})
</script>

<style lang="scss" scoped>
@import "@/assets/css/homeScreen.scss";

.zdy_peo_table td.el-table__cell {
  color: #ffffff !important;
}

.zdy_peo_table th.el-table__cell {
  color: #ffffff !important;
  font-size: 15px;
}

.zdy_peo_table .el-table__body tr.el-table__row--striped td.el-table__cell {
  background: transparent !important;
}

.zdy_peo_table .table_blue_row {
  background: linear-gradient(to right, #001D4B 0%, rgba(0, 29, 75, 0.1) 100%) !important;
}

.mt {
  margin-top: 20px;
}
</style>
