<template>
|
<div class="_wrapper" v-loading="appStore.getLoading('sys_notify_message')">
|
<div class="header">
|
<div>我的通知</div>
|
</div>
|
<div class="content">
|
<div class="list">
|
<div v-for="item in list" :key="item.id" class="item" @click="goPage(item)">
|
{{ item.create_time }} {{ item.title }} {{ item.remark }}
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script setup>
|
const router = useRouter();
|
import {useAppStore, useEntityStore} from '@/store/modules/index.js';
|
|
const entityStore = useEntityStore();
|
const appStore = useAppStore();
|
|
const list = ref([]);
|
|
const goPage = (item) => {
|
router.push({path: `/master/hospitalMd/${item.id}`});
|
};
|
|
onMounted(async () => {
|
// const {data} = await entityStore.getEntitySet({
|
// dataName: "sys_notify_message",
|
// orderBy: 'create_time desc'
|
// });
|
// list.value = data['entityset'];
|
});
|
|
</script>
|
|
<style scoped lang="scss">
|
._wrapper {
|
border-top: 3px solid var(--el-color-primary);
|
background: #fff;
|
box-sizing: border-box;
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
|
border-radius: 6px;
|
width: 100%;
|
|
.header {
|
padding: 8px 13px;
|
background-color: #fff;
|
border-bottom: 1px solid #e7e7e7;
|
font-size: 14px;
|
color: #303133;
|
font-weight: 500;
|
}
|
|
.content {
|
padding: 0 10px 10px 10px;
|
|
.list {
|
overflow: auto;
|
height: 278px;
|
|
.item {
|
padding: 10px 5px;
|
box-sizing: border-box;
|
border-bottom: 1px solid #e7e7e7;
|
cursor: pointer;
|
|
&:hover {
|
color: var(--el-color-primary);
|
}
|
}
|
}
|
}
|
}
|
</style>
|
