|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <view class="page_mine" :style="{paddingTop: statusBarHeight + 352 + 'rpx', paddingBottom: safeAreaBottom + 160 + 'rpx' }">
|
|
|
|
|
|
|
+ <view class="page_mine" :style="{paddingTop: statusBarHeight + 352 + 'rpx', paddingBottom: showTabbar ? safeAreaBottom + 160 : '24' + 'rpx' }">
|
|
|
<notice-header title="我的通知" :showSearch="true" :showFilter="true" :showTabs="true" :tabs="tabs"
|
|
<notice-header title="我的通知" :showSearch="true" :showFilter="true" :showTabs="true" :tabs="tabs"
|
|
|
:activeTab="activeTab" tabMode="index" @tabChange="handleTabChange" @typeChange="handleTypeChange" @timeChange="handleTimeChange" @searchChange="handleSearchChange"></notice-header>
|
|
:activeTab="activeTab" tabMode="index" @tabChange="handleTabChange" @typeChange="handleTypeChange" @timeChange="handleTimeChange" @searchChange="handleSearchChange"></notice-header>
|
|
|
|
|
|
|
@@ -14,8 +14,8 @@
|
|
|
</view>
|
|
</view>
|
|
|
<view class="notice_meta">
|
|
<view class="notice_meta">
|
|
|
<view class="meta_left">
|
|
<view class="meta_left">
|
|
|
- <text class="meta_text">{{ item.category }}</text>
|
|
|
|
|
- <text class="meta_text">{{ item.department }}</text>
|
|
|
|
|
|
|
+ <text class="meta_text">{{ truncateText(item.category, 5) }}</text>
|
|
|
|
|
+ <text class="meta_text">{{ truncateText(item.department, 5) }}</text>
|
|
|
<text class="meta_text">{{ item.time }}</text>
|
|
<text class="meta_text">{{ item.time }}</text>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="status_tag" :class="item.statusClass">
|
|
<view class="status_tag" :class="item.statusClass">
|
|
@@ -40,6 +40,7 @@ import NoticeHeader from '@/components/notice-header.vue';
|
|
|
import NoData from '@/components/no-data.vue';
|
|
import NoData from '@/components/no-data.vue';
|
|
|
import overviewApi from '@/reqApi/overview.js';
|
|
import overviewApi from '@/reqApi/overview.js';
|
|
|
import { useSafeArea } from '@/common/safeArea';
|
|
import { useSafeArea } from '@/common/safeArea';
|
|
|
|
|
+import { truncateText } from '@/common/common.js';
|
|
|
|
|
|
|
|
const { statusBarHeight, safeAreaBottom, initSafeArea } = useSafeArea();
|
|
const { statusBarHeight, safeAreaBottom, initSafeArea } = useSafeArea();
|
|
|
|
|
|
|
@@ -79,7 +80,7 @@ const fetchNoticeList = async () => {
|
|
|
title: item.noticeName,
|
|
title: item.noticeName,
|
|
|
status: item.readStatus === 1 ? '已读' : '未读',
|
|
status: item.readStatus === 1 ? '已读' : '未读',
|
|
|
noticeStatus: item.readStatus,
|
|
noticeStatus: item.readStatus,
|
|
|
- statusClass: item.readStatus === 1 ? 'status-published' : 'status-closed',
|
|
|
|
|
|
|
+ statusClass: item.readStatus === 1 ? 'status_published' : 'status_pending',
|
|
|
category: item.typeName,
|
|
category: item.typeName,
|
|
|
department: item.createTeacherName,
|
|
department: item.createTeacherName,
|
|
|
time: item.releaseTime,
|
|
time: item.releaseTime,
|
|
@@ -237,17 +238,17 @@ const handleDetail = (id) => {
|
|
|
border-radius: 8rpx;
|
|
border-radius: 8rpx;
|
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
|
|
|
|
|
|
- &.status-pending {
|
|
|
|
|
|
|
+ &.status_pending {
|
|
|
background: rgba(46, 100, 250, 0.1);
|
|
background: rgba(46, 100, 250, 0.1);
|
|
|
color: #2E64FA;
|
|
color: #2E64FA;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- &.status-published {
|
|
|
|
|
|
|
+ &.status_published {
|
|
|
background: rgba(82, 196, 26, 0.1);
|
|
background: rgba(82, 196, 26, 0.1);
|
|
|
color: #2BC644;
|
|
color: #2BC644;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- &.status-closed {
|
|
|
|
|
|
|
+ &.status_closed {
|
|
|
background: rgba(245, 108, 108, 0.1);
|
|
background: rgba(245, 108, 108, 0.1);
|
|
|
color: #F56C6C;
|
|
color: #F56C6C;
|
|
|
}
|
|
}
|