|
@@ -23,74 +23,65 @@
|
|
|
|
|
|
<div class="noticeTabsBox" v-if="showTabs" ref="noticeTabsBox">
|
|
|
<div class="noticeTabsTitleBox">
|
|
|
- <img class="arrowLeft" src="@/assets/chat/left.png" @click="pages <= 1 ? pages = 1 : pages--"
|
|
|
- v-if="pages == 2">
|
|
|
- <div class="box1" v-show="pages == 1">
|
|
|
- <div :class="{ 'noticeTabs': true, 'active': tabsIndex == 1 }" @click="changeTabs(1)">
|
|
|
- <div class="noticeTabsItem">
|
|
|
- 资讯
|
|
|
- <span class="noticeMessageNew" v-if="msg.apply_articale.length > 0"></span>
|
|
|
- </div>
|
|
|
+ <div :class="{ 'noticeTabs': true, 'active': tabsIndex == 1 }" @click="changeTabs(1)">
|
|
|
+ <div class="noticeTabsItem">
|
|
|
+ 资讯
|
|
|
+ <span class="noticeMessageNew" v-if="msg.apply_articale.length > 0"></span>
|
|
|
</div>
|
|
|
- <div :class="{ 'noticeTabs': true, 'active': tabsIndex == 2 }" @click="changeTabs(2)">
|
|
|
- <div class="noticeTabsItem">
|
|
|
- 商品
|
|
|
- <span class="noticeMessageNew" v-if="msg.good.length > 0"></span>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div :class="{ 'noticeTabs': true, 'active': tabsIndex == 2 }" @click="changeTabs(2)">
|
|
|
+ <div class="noticeTabsItem">
|
|
|
+ 商品
|
|
|
+ <span class="noticeMessageNew" v-if="msg.good.length > 0"></span>
|
|
|
</div>
|
|
|
- <div :class="{ 'noticeTabs': true, 'active': tabsIndex == 4 }" @click="changeTabs(4)">
|
|
|
- <div class="noticeTabsItem">
|
|
|
- 书刊
|
|
|
- <span class="noticeMessageNew" v-if="msg.book.length > 0"></span>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div :class="{ 'noticeTabs': true, 'active': tabsIndex == 4 }" @click="changeTabs(4)">
|
|
|
+ <div class="noticeTabsItem">
|
|
|
+ 书刊
|
|
|
+ <span class="noticeMessageNew" v-if="msg.book.length > 0"></span>
|
|
|
</div>
|
|
|
- <!-- <div :class="{ 'noticeTabs': true, 'active': tabsIndex == 5 }" @click="changeTabs(5)">
|
|
|
+ </div>
|
|
|
+ <!-- <div :class="{ 'noticeTabs': true, 'active': tabsIndex == 5 }" @click="changeTabs(5)">
|
|
|
<div class="noticeTabsItem">
|
|
|
聊天
|
|
|
<span class="noticeMessageNew" v-if="msg.chat.length > 0"></span>
|
|
|
</div>
|
|
|
</div> -->
|
|
|
- <div :class="{ 'noticeTabs': true, 'active': tabsIndex == 8 }" @click="changeTabs(8)">
|
|
|
- <div class="noticeTabsItem">
|
|
|
- 企业
|
|
|
- <span class="noticeMessageNew" v-if="msg.complany.length > 0"></span>
|
|
|
- </div>
|
|
|
+ <div :class="{ 'noticeTabs': true, 'active': tabsIndex == 8 }" @click="changeTabs(8)">
|
|
|
+ <div class="noticeTabsItem">
|
|
|
+ 企业
|
|
|
+ <span class="noticeMessageNew" v-if="msg.complany.length > 0"></span>
|
|
|
</div>
|
|
|
- <div :class="{ 'noticeTabs': true, 'active': tabsIndex == 9 }" @click="changeTabs(9)">
|
|
|
- <div class="noticeTabsItem">
|
|
|
- 项目
|
|
|
- <span class="noticeMessageNew" v-if="msg.project.length > 0"></span>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div :class="{ 'noticeTabs': true, 'active': tabsIndex == 9 }" @click="changeTabs(9)">
|
|
|
+ <div class="noticeTabsItem">
|
|
|
+ 项目
|
|
|
+ <span class="noticeMessageNew" v-if="msg.project.length > 0"></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="box2" v-show="pages == 2">
|
|
|
- <div :class="{ 'noticeTabs': true, 'active': tabsIndex == 3 }" @click="changeTabs(3)"
|
|
|
- v-if="userType == 10000 || userType == 1 || userType == 3">
|
|
|
- <div class="noticeTabsItem">
|
|
|
- 求职招聘
|
|
|
- <span class="noticeMessageNew"
|
|
|
- v-if="msg.job_hunting.length > 0 || msg.job_recruiting.length > 0 || msg.job_apply.length > 0 || msg.job_resume.length > 0">
|
|
|
- </span>
|
|
|
- </div>
|
|
|
+ <div :class="{ 'noticeTabs': true, 'active': tabsIndex == 3 }" @click="changeTabs(3)"
|
|
|
+ v-if="userType == 10000 || userType == 1 || userType == 3">
|
|
|
+ <div class="noticeTabsItem">
|
|
|
+ 求职招聘
|
|
|
+ <span class="noticeMessageNew"
|
|
|
+ v-if="msg.job_hunting.length > 0 || msg.job_recruiting.length > 0 || msg.job_apply.length > 0 || msg.job_resume.length > 0">
|
|
|
+ </span>
|
|
|
</div>
|
|
|
- <div :class="{ 'noticeTabs': true, 'active': tabsIndex == 6 }" @click="changeTabs(6)"
|
|
|
- v-if="userType == 10000 || userType == 2">
|
|
|
- <div class="noticeTabsItem">
|
|
|
- 通知
|
|
|
- <span class="noticeMessageNew" v-if="msg.notice.length > 0"></span>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div :class="{ 'noticeTabs': true, 'active': tabsIndex == 6 }" @click="changeTabs(6)"
|
|
|
+ v-if="userType == 10000 || userType == 2">
|
|
|
+ <div class="noticeTabsItem">
|
|
|
+ 通知
|
|
|
+ <span class="noticeMessageNew" v-if="msg.notice.length > 0"></span>
|
|
|
</div>
|
|
|
- <div :class="{ 'noticeTabs': true, 'active': tabsIndex == 7 }" @click="changeTabs(7)"
|
|
|
- v-if="userType == 10000 || userType == 2">
|
|
|
- <div class="noticeTabsItem">
|
|
|
- 投诉
|
|
|
- <span class="noticeMessageNew"
|
|
|
- v-if="msg.complaint.length > 0 || msg.complaint_deal.length > 0"></span>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div :class="{ 'noticeTabs': true, 'active': tabsIndex == 7 }" @click="changeTabs(7)"
|
|
|
+ v-if="userType == 10000 || userType == 2">
|
|
|
+ <div class="noticeTabsItem">
|
|
|
+ 投诉
|
|
|
+ <span class="noticeMessageNew" v-if="msg.complaint.length > 0 || msg.complaint_deal.length > 0"></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <img class="arrowRight" src="@/assets/chat/right.png" @click="pages >= 2 ? pages = 2 : pages++"
|
|
|
- v-if="pages == 1 && userType != 4">
|
|
|
</div>
|
|
|
<!-- 求职,招聘切换按钮 -->
|
|
|
<div class="noticeTabsLine" v-if="tabsIndex == 3" style="height: 20px; margin: 0px; margin-top: -20px;">
|
|
@@ -1174,7 +1165,7 @@ export default {
|
|
|
//通知消息 悬浮菜单
|
|
|
.noticeTabsBox {
|
|
|
position: absolute;
|
|
|
- width: 380px;
|
|
|
+ max-width: 570px;
|
|
|
height: 640px;
|
|
|
border-radius: 8px;
|
|
|
background: #fff;
|
|
@@ -1187,34 +1178,7 @@ export default {
|
|
|
|
|
|
.noticeTabsTitleBox {
|
|
|
display: flex;
|
|
|
- // align-items: center;
|
|
|
border-bottom: 1px solid #E9EDF7;
|
|
|
- position: relative;
|
|
|
- margin-left: 15px;
|
|
|
- margin-right: 10px;
|
|
|
-
|
|
|
- .arrowRight {
|
|
|
- width: 24px;
|
|
|
- height: 24px;
|
|
|
- position: absolute;
|
|
|
- right: -20px;
|
|
|
- top: 0;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
-
|
|
|
- .arrowLeft {
|
|
|
- width: 24px;
|
|
|
- height: 24px;
|
|
|
- position: absolute;
|
|
|
- left: -30px;
|
|
|
- top: 0;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
-
|
|
|
- .box1,
|
|
|
- .box2 {
|
|
|
- display: flex;
|
|
|
- }
|
|
|
|
|
|
.noticeTabs {
|
|
|
height: 41px;
|
|
@@ -1224,6 +1188,7 @@ export default {
|
|
|
cursor: pointer;
|
|
|
|
|
|
.noticeTabsItem {
|
|
|
+ width: max-content;
|
|
|
height: 20px;
|
|
|
line-height: 20px;
|
|
|
font-size: 16px;
|