|
@@ -4,17 +4,24 @@
|
|
|
<div class="head-box-title">通知</div>
|
|
|
<!-- <div class="head-box-btn" v-if="state.newsList.length > 0" @click="onAllReadClick">全部已读</div>-->
|
|
|
</div>
|
|
|
- <el-scrollbar class="mt5 content-box" style="height: calc(100% - 40px);overflow: hidden" v-loading="loading" always>
|
|
|
- <template v-if="state.newsList.length > 0">
|
|
|
- <div class="content-box-item" v-for="(v, k) in state.newsList" :key="k" @click="linkNews(v)">
|
|
|
- <div class="text-no-wrap">{{ v.title }} ({{ v.circularTypeText }})</div>
|
|
|
- <div class="content-box-msg">
|
|
|
- <div class="text-ellipsis2" v-html="v.content"></div>
|
|
|
- </div>
|
|
|
- <div class="content-box-time">{{ formatDate(v.circularTime, 'YYYY-mm-dd HH:MM:SS') }}</div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <el-empty description="暂无通知" v-else :image-size="120"></el-empty>
|
|
|
+ <el-scrollbar class="mt5 content-box" style="height: calc(100% - 40px); overflow: hidden" always>
|
|
|
+ <el-skeleton :loading="loading">
|
|
|
+ <template #template>
|
|
|
+ <el-skeleton :rows="5" animated />
|
|
|
+ </template>
|
|
|
+ <template #default>
|
|
|
+ <template v-if="state.newsList.length > 0">
|
|
|
+ <div class="content-box-item" v-for="(v, k) in state.newsList" :key="k" @click="linkNews(v)">
|
|
|
+ <div class="text-no-wrap">{{ v.title }} ({{ v.circularTypeText }})</div>
|
|
|
+ <div class="content-box-msg">
|
|
|
+ <div class="text-ellipsis2" v-html="v.content"></div>
|
|
|
+ </div>
|
|
|
+ <div class="content-box-time">{{ formatDate(v.circularTime, 'YYYY-mm-dd HH:MM:SS') }}</div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <el-empty description="暂无通知" v-else :image-size="120"></el-empty>
|
|
|
+ </template>
|
|
|
+ </el-skeleton>
|
|
|
</el-scrollbar>
|
|
|
</div>
|
|
|
</template>
|