|
@@ -17,52 +17,98 @@
|
|
|
<lang-select class="right-menu-item hover-effect" />
|
|
|
</template> -->
|
|
|
<div class="noticeIconBox">
|
|
|
- <img src="@/assets/public/nav/notice1.png" class="noticeIconImg" @click="showTabs = !showTabs"/>
|
|
|
- <span class="unreadCount">{{msg.count}}</span>
|
|
|
+ <img src="@/assets/public/nav/notice1.png" class="noticeIconImg" @click="showTabs = !showTabs" />
|
|
|
+ <span class="unreadCount">{{ msg.count }}</span>
|
|
|
<!-- <img src="@/assets/public/nav/arrowDown.png" class="arrowDown" /> -->
|
|
|
|
|
|
<div class="noticeTabsBox" v-if="showTabs" ref="noticeTabsBox">
|
|
|
<div class="noticeTabsTitleBox">
|
|
|
- <div :class="{'noticeTabs': true, 'active': tabsIndex == 1}" @click="changeTabs(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>
|
|
|
- <div :class="{'noticeTabs': true, 'active': tabsIndex == 2}" @click="changeTabs(2)" v-if="msg.good">
|
|
|
+ <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 == 3}" @click="changeTabs(3)">
|
|
|
+ <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 == 3 }" @click="changeTabs(3)">
|
|
|
<div class="noticeTabsItem">
|
|
|
求职招聘
|
|
|
- <span class="noticeMessageNew"></span>
|
|
|
+ <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> -->
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="noticeTabsLine" v-if="tabsIndex == 3" style="height: 20px; margin: 0px; margin-top: -20px;">
|
|
|
+ <ul class="noticeTabsLink">
|
|
|
+ <li v-if="userType == 1">
|
|
|
+ 求职
|
|
|
+ </li>
|
|
|
+ <li v-if="userType == 3">
|
|
|
+ 招聘
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul class="noticeTabsLink" v-if="userType == 10000">
|
|
|
+ <li v-if="qiu" @click="changeJob(1)">
|
|
|
+ 求职
|
|
|
+ <img src="@/assets/public/nav/arrowDown.png" class="arrowDown" />
|
|
|
+ </li>
|
|
|
+ <li v-if="zhao" @click="changeJob(2)">
|
|
|
+ 招聘
|
|
|
+ <img src="@/assets/public/nav/arrowDown.png" class="arrowDown" />
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
<div class="noticeTabsLinkLine">
|
|
|
- <div v-if="userType == 10000">
|
|
|
- <div v-if="tabsIndex == 1" @click="goToPath(1,0)">待审核列表</div>
|
|
|
- <div v-if="tabsIndex == 2" @click="goToPath(2,0)">待审核列表</div>
|
|
|
- <div v-if="tabsIndex == 3" @click="goToPath(3,0)">待审核列表</div>
|
|
|
+ <div v-if="userType == 10000 || userType == 1 || userType == 3">
|
|
|
+ <div v-if="tabsIndex == 1" @click="goToPath(1, 0)">待审核列表</div>
|
|
|
+ <div v-if="tabsIndex == 2" @click="goToPath(2, 0)">待审核列表</div>
|
|
|
+ <div class="qiuFlex" v-if="tabsIndex == 3 && qiu == true && (userType == 10000 || userType == 1)"
|
|
|
+ @click="goToPath(3, 0)">
|
|
|
+ <span :class="{ 'qiuPillow': true, 'qiuPillowHover': qiu1 == true }" @mouseover="handleQiu(1)"
|
|
|
+ @click="goToPath(3.1, 0)">待审核列表</span>
|
|
|
+ <span :class="{ 'qiuPillow': true, 'qiuPillowHover': qiu2 == true }" @mouseover="handleQiu(2)"
|
|
|
+ @click="goToPath(3.2, 0)">职场机会</span>
|
|
|
+ </div>
|
|
|
+ <div class="qiuFlex" v-if="tabsIndex == 3 && zhao == true && (userType == 10000 || userType == 3)"
|
|
|
+ @click="goToPath(3, 0)">
|
|
|
+ <span :class="{ 'qiuPillow': true, 'qiuPillowHover': zhao1 == true }" @mouseover="handleQiu(3)"
|
|
|
+ @click="goToPath(3.3, 0)">待审核列表</span>
|
|
|
+ <span :class="{ 'qiuPillow': true, 'qiuPillowHover': zhao2 == true }" @mouseover="handleQiu(4)"
|
|
|
+ @click="goToPath(3.4, 0)">人才库</span>
|
|
|
+ </div>
|
|
|
+ <div v-if="tabsIndex == 4" @click="goToPath(4, 0)">待审核列表</div>
|
|
|
</div>
|
|
|
<div v-else>
|
|
|
- <div v-if="tabsIndex == 1" @click="goToPath(1,-1)">资讯列表</div>
|
|
|
- <div v-if="tabsIndex == 2" @click="goToPath(2,-1)">商品列表</div>
|
|
|
- <div v-if="tabsIndex == 3" @click="goToPath(3,-1)">求职招聘列表</div>
|
|
|
+ <div v-if="tabsIndex == 1" @click="goToPath(1, -1)">资讯列表</div>
|
|
|
+ <div v-if="tabsIndex == 2" @click="goToPath(2, -1)">商品列表</div>
|
|
|
+ <div v-if="tabsIndex == 3" @click="goToPath(3, -1)">求职招聘列表</div>
|
|
|
+ <div v-if="tabsIndex == 4" @click="goToPath(4, -1)">书刊列表</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="noticeTabsDataBox" v-if="tabsIndex==1">
|
|
|
+ <div class="noticeTabsDataBox" v-if="tabsIndex == 1">
|
|
|
<div v-if="msg.apply_articale && msg.apply_articale.length > 0">
|
|
|
- <div class="noticeTabsDataItem" v-for="item in msg.apply_articale" :key="item.id" @click="goToPath(1,item.id)">
|
|
|
+ <div class="noticeTabsDataItem" v-for="item in msg.apply_articale" :key="item.id"
|
|
|
+ @click="goToPath(1, item.id)">
|
|
|
<div class="noticeTabsDataItemImg newsIcon">
|
|
|
<img src="@/assets/public/nav/message-news.png">
|
|
|
</div>
|
|
|
<div class="noticeTabsDataItemContent">
|
|
|
- <div class="noticeNewsTitle">{{item.title}}</div>
|
|
|
- <div class="noticeNewsTime">{{item.updated_at}}</div>
|
|
|
+ <div class="noticeNewsTitle">{{ item.title }}</div>
|
|
|
+ <div class="noticeNewsTime">{{ item.updated_at }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -75,15 +121,39 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="noticeTabsDataBox" v-if="tabsIndex==2">
|
|
|
+ <div class="noticeTabsDataBox" v-if="tabsIndex == 2">
|
|
|
<div v-if="msg.good && msg.good.length > 0">
|
|
|
- <div class="noticeTabsDataItem" v-for="item in msg.good" :key="item.id" @click="goToPath(2,item.id)">
|
|
|
+ <div class="noticeTabsDataItem" v-for="item in msg.good" :key="item.id" @click="goToPath(2, item.id)">
|
|
|
<div class="noticeTabsDataItemImg newsIcon">
|
|
|
<img src="@/assets/public/nav/message-news.png">
|
|
|
</div>
|
|
|
<div class="noticeTabsDataItemContent">
|
|
|
- <div class="noticeNewsTitle">{{item.name}}</div>
|
|
|
- <div class="noticeNewsTime">{{item.updated_at}}</div>
|
|
|
+ <div class="noticeNewsTitle">{{ item.name }}</div>
|
|
|
+ <div class="noticeNewsTime">{{ item.updated_at }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-else class="noticeTabsDataItemEmpty">
|
|
|
+ <div class="noticeEmpty">
|
|
|
+ <img src="@/assets/public/nav/message-empty.png">
|
|
|
+ </div>
|
|
|
+ <div class="noticeEmptyText">
|
|
|
+ 暂无消息
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 求职信息 待审核 -->
|
|
|
+ <div class="noticeTabsDataBox" v-if="tabsIndex == 3 && qiu == true && qiu1 == true && userType == 10000">
|
|
|
+ <div v-if="msg.job_hunting && msg.job_hunting.length > 0">
|
|
|
+ <div class="noticeTabsDataItem" v-for="item in msg.job_hunting" :key="item.id"
|
|
|
+ @click="goToPath(3.1, item.id)">
|
|
|
+ <!-- 待审核求职 -->
|
|
|
+ <div class="noticeTabsDataItemImg newsIcon">
|
|
|
+ <img src="@/assets/public/nav/message-news.png">
|
|
|
+ </div>
|
|
|
+ <div class="noticeTabsDataItemContent">
|
|
|
+ <div class="noticeNewsTitle">{{ item.user_name + ':' + item.website_name + '-' + '发布求职信息了' }}</div>
|
|
|
+ <div class="noticeNewsTime">{{ item.updated_at }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -96,76 +166,222 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- <div class="noticeTabsDataBox" v-if="tabsIndex==3">
|
|
|
-
|
|
|
- </div> -->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
|
|
|
- <!--刘剑 -->
|
|
|
- <!--<el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
|
|
|
- <div class="avatar-wrapper">
|
|
|
- <div class="avatar-wrapper">
|
|
|
- <img src="@/assets/public/nav/notice1.png" class="user-notice" style="width:40px;height:40px;" />
|
|
|
- <span class="unread-count">{{msg.count}}</span>
|
|
|
- <img src="@/assets/public/nav/arrowDown.png" class="arrowDown" />
|
|
|
+ <!-- 求职信息 职场机会 -->
|
|
|
+ <div class="noticeTabsDataBox" v-if="tabsIndex == 3 && qiu == true && qiu2 == true && userType == 10000">
|
|
|
+ <div v-if="msg.job_apply && msg.job_apply.length > 0">
|
|
|
+ <div class="noticeTabsDataItem" v-for="item in msg.job_apply" :key="item.id"
|
|
|
+ @click="goToPath(3.2, item.recruit_id)">
|
|
|
+
|
|
|
+ <div class="noticeTabsDataItemImg newsIcon">
|
|
|
+ <img src="@/assets/public/nav/message-news.png">
|
|
|
+ </div>
|
|
|
+ <div class="noticeTabsDataItemContent">
|
|
|
+ <div class="noticeNewsTitle">{{ item.business_name + ':' + item.website_name + ' ' + '关注了' +
|
|
|
+ item.user_name
|
|
|
+ + '的简历' }}</div>
|
|
|
+ <div class="noticeNewsTime">{{ item.updated_at }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-else class="noticeTabsDataItemEmpty">
|
|
|
+ <div class="noticeEmpty">
|
|
|
+ <img src="@/assets/public/nav/message-empty.png">
|
|
|
+ </div>
|
|
|
+ <div class="noticeEmptyText">
|
|
|
+ 暂无消息
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <el-dropdown-menu slot="dropdown" style="width: 200px;">
|
|
|
- <router-link to="/examine" v-if="msg.apply_articale && msg.apply_articale.length > 0">
|
|
|
- <div class="userMenuDownItem">
|
|
|
- <el-dropdown-item>
|
|
|
- <span style="display:block; text-align: center; width: 100%; color: #409EFF;">审核列表</span>
|
|
|
- </el-dropdown-item>
|
|
|
+
|
|
|
+ <!-- 招聘信息 招聘信息 job_recruiting -->
|
|
|
+ <div class="noticeTabsDataBox" v-if="tabsIndex == 3 && zhao == true && zhao1 == true && userType == 10000">
|
|
|
+ <div v-if="msg.job_recruiting && msg.job_recruiting.length > 0">
|
|
|
+ <div class="noticeTabsDataItem" v-for="item in msg.job_recruiting" :key="item.id"
|
|
|
+ @click="goToPath(3.3, item.id)">
|
|
|
+ <!-- 招聘信息 job_recruiting -->
|
|
|
+ <div class="noticeTabsDataItemImg newsIcon">
|
|
|
+ <img src="@/assets/public/nav/message-news.png">
|
|
|
+ </div>
|
|
|
+ <div class="noticeTabsDataItemContent">
|
|
|
+ <div class="noticeNewsTitle">{{ item.user_name + ':' + item.website_name + ' ' + '-' + item.title
|
|
|
+ + '岗位' }}
|
|
|
+ </div>
|
|
|
+ <div class="noticeNewsTime">{{ item.updated_at }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </router-link>
|
|
|
- <router-link :to="`/creatNews?id=${item.id}`" v-for="item in msg.apply_articale" :key="item.id">
|
|
|
- <div class="userMenuDownItem" style="width: 200px;">
|
|
|
- <el-dropdown-item divided style="width: 200px;">
|
|
|
- <el-tooltip :content="item.title" effect="dark" placement="top">
|
|
|
- <span style="display:block;width: 150px;" :alt="item.title">{{ item.title.substring(0, 10) }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </el-dropdown-item>
|
|
|
+ <div v-else class="noticeTabsDataItemEmpty">
|
|
|
+ <div class="noticeEmpty">
|
|
|
+ <img src="@/assets/public/nav/message-empty.png">
|
|
|
+ </div>
|
|
|
+ <div class="noticeEmptyText">
|
|
|
+ 暂无消息
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </router-link>
|
|
|
- <router-link to="/hall" v-if="msg.chat && msg.chat.length > 0">
|
|
|
- <div class="userMenuDownItem">
|
|
|
- <el-dropdown-item>
|
|
|
- <span style="display:block; color: #409EFF;">未读单聊</span>
|
|
|
- </el-dropdown-item>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 招聘信息 人才库 job_apply -->
|
|
|
+ <div class="noticeTabsDataBox" v-if="tabsIndex == 3 && zhao == true && zhao2 == true && userType == 10000">
|
|
|
+ <div v-if="msg.job_apply && msg.job_apply.length > 0">
|
|
|
+ <div class="noticeTabsDataItem" v-for="item in msg.job_apply" :key="item.id"
|
|
|
+ @click="goToPath(3.4, item.hunt_id)">
|
|
|
+ <!-- 人才库 job_apply -->
|
|
|
+ <div class="noticeTabsDataItemImg newsIcon">
|
|
|
+ <img src="@/assets/public/nav/message-news.png">
|
|
|
+ </div>
|
|
|
+ <div class="noticeTabsDataItemContent">
|
|
|
+
|
|
|
+ <div class="noticeNewsTitle">{{ item.user_name + ': 求职了' + '-' + item.business_name +
|
|
|
+ '-' +
|
|
|
+ item.job_name }}</div>
|
|
|
+ <div class="noticeNewsTime">{{ item.updated_at }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </router-link>
|
|
|
- <router-link to="/hall" v-for="item in msg.chat" :key="item.id">
|
|
|
- <div class="userMenuDownItem" style="width: 200px;">
|
|
|
- <el-dropdown-item divided style="width: 200px;">
|
|
|
- <el-tooltip :content="item.content" effect="dark" placement="top">
|
|
|
- <span style="display:block;width: 150px;" :alt="item.content">{{ item.content.substring(0, 10)
|
|
|
- }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </el-dropdown-item>
|
|
|
+ <div v-else class="noticeTabsDataItemEmpty">
|
|
|
+ <div class="noticeEmpty">
|
|
|
+ <img src="@/assets/public/nav/message-empty.png">
|
|
|
+ </div>
|
|
|
+ <div class="noticeEmptyText">
|
|
|
+ 暂无消息
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </router-link>
|
|
|
- <router-link to="/hall" v-if="msg.chat_group && msg.chat_group.length > 0">
|
|
|
- <div class="userMenuDownItem">
|
|
|
- <el-dropdown-item>
|
|
|
- <span style="display:block; color: #409EFF;">未读群聊</span>
|
|
|
- </el-dropdown-item>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 求职信息 待审核 -->
|
|
|
+ <div class="noticeTabsDataBox" v-if="tabsIndex == 3 && qiu == true && qiu1 == true && userType == 1">
|
|
|
+ <div v-if="msg.job_hunting && msg.job_hunting.length > 0">
|
|
|
+ <div class="noticeTabsDataItem" v-for="item in msg.job_hunting" :key="item.id"
|
|
|
+ @click="goToPath(3.1, item.id)">
|
|
|
+ <!-- 待审核求职 -->
|
|
|
+ <div class="noticeTabsDataItemImg newsIcon">
|
|
|
+ <img src="@/assets/public/nav/message-news.png">
|
|
|
+ </div>
|
|
|
+ <div class="noticeTabsDataItemContent">
|
|
|
+ <div class="noticeNewsTitle">{{ item.user_name + ':' + item.website_name + '-' + '发布求职信息了' }}</div>
|
|
|
+ <div class="noticeNewsTime">{{ item.updated_at }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </router-link>
|
|
|
- <router-link to="/hall" v-for="item in msg.chat_group" :key="item.id">
|
|
|
- <div class="userMenuDownItem" style="width: 200px;">
|
|
|
- <el-dropdown-item divided style="width: 200px;">
|
|
|
- <el-tooltip :content="item.content" effect="dark" placement="top">
|
|
|
- <span style="display:block;width: 150px;" :alt="item.content">{{ item.content.substring(0, 10)
|
|
|
- }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </el-dropdown-item>
|
|
|
+ <div v-else class="noticeTabsDataItemEmpty">
|
|
|
+ <div class="noticeEmpty">
|
|
|
+ <img src="@/assets/public/nav/message-empty.png">
|
|
|
+ </div>
|
|
|
+ <div class="noticeEmptyText">
|
|
|
+ 暂无消息
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </router-link>
|
|
|
- </el-dropdown-menu>
|
|
|
- </el-dropdown> -->
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 求职信息 职场机会 -->
|
|
|
+ <div class="noticeTabsDataBox" v-if="tabsIndex == 3 && qiu == true && qiu2 == true && userType == 1">
|
|
|
+ <div v-if="msg.job_apply && msg.job_apply.length > 0">
|
|
|
+ <div class="noticeTabsDataItem" v-for="item in msg.job_apply" :key="item.id"
|
|
|
+ @click="goToPath(3.2, item.recruit_id)">
|
|
|
+
|
|
|
+ <div class="noticeTabsDataItemImg newsIcon">
|
|
|
+ <img src="@/assets/public/nav/message-news.png">
|
|
|
+ </div>
|
|
|
+ <div class="noticeTabsDataItemContent">
|
|
|
+ <div class="noticeNewsTitle">{{ item.business_name + ':' + item.website_name + ' ' + '关注了' +
|
|
|
+ item.user_name
|
|
|
+ + '的简历' }}</div>
|
|
|
+ <div class="noticeNewsTime">{{ item.updated_at }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-else class="noticeTabsDataItemEmpty">
|
|
|
+ <div class="noticeEmpty">
|
|
|
+ <img src="@/assets/public/nav/message-empty.png">
|
|
|
+ </div>
|
|
|
+ <div class="noticeEmptyText">
|
|
|
+ 暂无消息
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 招聘信息 招聘信息 job_recruiting -->
|
|
|
+ <div class="noticeTabsDataBox" v-if="tabsIndex == 3 && zhao == true && zhao1 == true && userType == 3">
|
|
|
+ <div v-if="msg.job_recruiting && msg.job_recruiting.length > 0">
|
|
|
+ <div class="noticeTabsDataItem" v-for="item in msg.job_recruiting" :key="item.id"
|
|
|
+ @click="goToPath(3.3, item.id)">
|
|
|
+ <!-- 招聘信息 job_recruiting -->
|
|
|
+ <div class="noticeTabsDataItemImg newsIcon">
|
|
|
+ <img src="@/assets/public/nav/message-news.png">
|
|
|
+ </div>
|
|
|
+ <div class="noticeTabsDataItemContent">
|
|
|
+ <div class="noticeNewsTitle">{{ item.user_name + ':' + item.website_name + ' ' + '-' + item.title
|
|
|
+ + '岗位' }}
|
|
|
+ </div>
|
|
|
+ <div class="noticeNewsTime">{{ item.updated_at }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-else class="noticeTabsDataItemEmpty">
|
|
|
+ <div class="noticeEmpty">
|
|
|
+ <img src="@/assets/public/nav/message-empty.png">
|
|
|
+ </div>
|
|
|
+ <div class="noticeEmptyText">
|
|
|
+ 暂无消息
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 招聘信息 人才库 job_apply -->
|
|
|
+ <div class="noticeTabsDataBox" v-if="tabsIndex == 3 && zhao == true && zhao2 == true && userType == 3">
|
|
|
+ <div v-if="msg.job_apply && msg.job_apply.length > 0">
|
|
|
+ <div class="noticeTabsDataItem" v-for="item in msg.job_apply" :key="item.id"
|
|
|
+ @click="goToPath(3.4, item.hunt_id)">
|
|
|
+ <!-- 人才库 job_apply -->
|
|
|
+ <div class="noticeTabsDataItemImg newsIcon">
|
|
|
+ <img src="@/assets/public/nav/message-news.png">
|
|
|
+ </div>
|
|
|
+ <div class="noticeTabsDataItemContent">
|
|
|
+
|
|
|
+ <div class="noticeNewsTitle">{{ item.user_name + ': 求职了' + '-' + item.business_name +
|
|
|
+ '-' +
|
|
|
+ item.job_name }}</div>
|
|
|
+ <div class="noticeNewsTime">{{ item.updated_at }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-else class="noticeTabsDataItemEmpty">
|
|
|
+ <div class="noticeEmpty">
|
|
|
+ <img src="@/assets/public/nav/message-empty.png">
|
|
|
+ </div>
|
|
|
+ <div class="noticeEmptyText">
|
|
|
+ 暂无消息
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <div class="noticeTabsDataBox" v-if="tabsIndex == 4">
|
|
|
+ <div v-if="msg.book && msg.book.length > 0">
|
|
|
+ <div class="noticeTabsDataItem" v-for="item in msg.book" :key="item.id" @click="goToPath(4, item.id)">
|
|
|
+ <div class="noticeTabsDataItemImg newsIcon">
|
|
|
+ <img src="@/assets/public/nav/message-news.png">
|
|
|
+ </div>
|
|
|
+ <div class="noticeTabsDataItemContent">
|
|
|
+ <div class="noticeNewsTitle">{{ item.title }}</div>
|
|
|
+ <div class="noticeNewsTime">{{ item.updated_at }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-else class="noticeTabsDataItemEmpty">
|
|
|
+ <div class="noticeEmpty">
|
|
|
+ <img src="@/assets/public/nav/message-empty.png">
|
|
|
+ </div>
|
|
|
+ <div class="noticeEmptyText">
|
|
|
+ 暂无消息
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- <!-- 用户头像和菜单 -->
|
|
|
+ <!-- 用户头像和菜单 -->
|
|
|
<el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
|
|
|
<div class="avatar-wrapper">
|
|
|
<!-- <img src="@/assets/public/nav/notice.png" class="user-notice"> -->
|
|
@@ -205,7 +421,6 @@
|
|
|
</el-dropdown-item>
|
|
|
</el-dropdown-menu>
|
|
|
</el-dropdown>
|
|
|
-
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -222,7 +437,7 @@ import Search from '@/components/HeaderSearch'
|
|
|
import axios from 'axios';
|
|
|
import router, { resetRouter } from '@/router'
|
|
|
import BASEURL from '@/utils/baseUrl'
|
|
|
-import { getUseType } from '@/utils/auth'
|
|
|
+import { getUseType, removeLoginStatus } from '@/utils/auth'
|
|
|
|
|
|
export default {
|
|
|
components: {
|
|
@@ -239,7 +454,14 @@ export default {
|
|
|
msg: {},
|
|
|
userType: '', //用户类型
|
|
|
tabsIndex: 1, //显示哪个选项卡
|
|
|
- showTabs: false //是否显示悬浮菜单
|
|
|
+ showTabs: false, //是否显示悬浮菜单
|
|
|
+ //求职招聘
|
|
|
+ qiu: false,
|
|
|
+ zhao: true,
|
|
|
+ qiu1: true,
|
|
|
+ qiu2: false,
|
|
|
+ zhao1: true,
|
|
|
+ zhao2: false,
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
@@ -253,6 +475,9 @@ export default {
|
|
|
this.getMsg();
|
|
|
//获得用户类型
|
|
|
this.userType = getUseType();
|
|
|
+ if (this.userType == 1) {
|
|
|
+ this.qiu = true;
|
|
|
+ }
|
|
|
|
|
|
// 添加点击事件监听器
|
|
|
document.addEventListener('click', this.handleClickOutside);
|
|
@@ -288,14 +513,17 @@ export default {
|
|
|
console.log(response);
|
|
|
this.$store.commit("user/LOGOUT");
|
|
|
//this.$router.push(`/login`);
|
|
|
+ //刷新页面
|
|
|
window.location.reload();
|
|
|
}).catch(error => {
|
|
|
console.log(error);
|
|
|
this.$store.commit("user/LOGOUT");
|
|
|
- // this.$router.push(`/login`);
|
|
|
- // this.$message.error(response.message);
|
|
|
+ //this.$router.push(`/login`);
|
|
|
+ //this.$message.error(response.message);
|
|
|
window.location.reload();
|
|
|
});
|
|
|
+
|
|
|
+ removeLoginStatus();
|
|
|
},
|
|
|
// async logout() {
|
|
|
// await this.$store.dispatch('user/logout')
|
|
@@ -319,9 +547,9 @@ export default {
|
|
|
//2.1 获取通知消息列表
|
|
|
getMsg() {
|
|
|
this.$store.dispatch('news/getMSG').then(response => {
|
|
|
- console.log(response);
|
|
|
+ console.log('response1111111111', response);
|
|
|
this.msg = response.data;
|
|
|
- console.log(this.msg);
|
|
|
+ // console.log(this.msg);
|
|
|
}).catch(error => {
|
|
|
console.log(error);
|
|
|
});
|
|
@@ -331,32 +559,74 @@ export default {
|
|
|
this.tabsIndex = index;
|
|
|
},
|
|
|
//2.3跳转方法
|
|
|
- goToPath(type,id){
|
|
|
+ goToPath(type, id) {
|
|
|
//如果id是0 跳转到列表
|
|
|
- if(id==0){
|
|
|
- if(type == 1){
|
|
|
+ if (id == 0) {
|
|
|
+ if (type == 1) {
|
|
|
this.$router.push(`/examine`);
|
|
|
- }else if(type == 2){
|
|
|
+ } else if (type == 2) {
|
|
|
this.$router.push(`/goodListApply`);
|
|
|
- }else if(type == 3){
|
|
|
- this.$router.push(`/jobHuntingList`);
|
|
|
+ } else if (type == 3.1) { //求职 待审核
|
|
|
+ this.$router.push(`/jobHuntingListApply`);
|
|
|
+ }
|
|
|
+ else if (type == 3.2) { // 职场机会
|
|
|
+ this.$router.push(`/jobOpportunities`);
|
|
|
+ }
|
|
|
+ else if (type == 3.3) { // 招聘 待审核
|
|
|
+ this.$router.push(`/checkjobRecruitingList`);
|
|
|
+ }
|
|
|
+ else if (type == 3.4) { // 人才库
|
|
|
+ this.$router.push(`/jobHuntingApplyList`);
|
|
|
}
|
|
|
- }else if(id==-1){
|
|
|
- if(type == 1){
|
|
|
+ else if (type == 4) {
|
|
|
+ this.$router.push(`/bookListApply`);
|
|
|
+ }
|
|
|
+ } else if (id == -1) {
|
|
|
+ if (type == 1) {
|
|
|
this.$router.push(`/articleList`);
|
|
|
- }else if(type == 2){
|
|
|
+ } else if (type == 2) {
|
|
|
this.$router.push(`/goodList`);
|
|
|
- }else if(type == 3){
|
|
|
+ } else if (type == 3) {
|
|
|
+ this.$router.push(`/jobHuntingList`);
|
|
|
+ }
|
|
|
+ else if (type == 3.1) { //求职 待审核
|
|
|
this.$router.push(`/jobHuntingList`);
|
|
|
}
|
|
|
- }else{
|
|
|
- if(type == 1){
|
|
|
+ else if (type == 3.2) { // 职场机会
|
|
|
+ this.$router.push(`/jobOpportunities`);
|
|
|
+ }
|
|
|
+ else if (type == 3.3) { // 招聘 待审核
|
|
|
+ this.$router.push(`/jobRecruitingList`);
|
|
|
+ }
|
|
|
+ else if (type == 3.4) { // 人才库
|
|
|
+ this.$router.push(`/jobHuntingApplyList`);
|
|
|
+ }
|
|
|
+ else if (type == 4) {
|
|
|
+ this.$router.push(`/bookList`);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (type == 1) {
|
|
|
this.$router.push(`/creatNews?id=${id}`);
|
|
|
- }else if(type == 2){
|
|
|
+ } else if (type == 2) {
|
|
|
this.$router.push(`/addGood?id=${id}`);
|
|
|
- }else if(type == 3){
|
|
|
+ } else if (type == 3) {
|
|
|
this.$router.push(`/addJobHunting?id=${id}`);
|
|
|
}
|
|
|
+ else if (type == 3.1) { //求职 待审核
|
|
|
+ this.$router.push(`/addJobHunting?id=${id}`);
|
|
|
+ }
|
|
|
+ else if (type == 3.2) { // 职场机会
|
|
|
+ this.$router.push(`/jobOpportunitiesDetails?id=${id}`);
|
|
|
+ }
|
|
|
+ else if (type == 3.3) { // 招聘 待审核
|
|
|
+ this.$router.push(`/creatJob?id=${id}`);
|
|
|
+ }
|
|
|
+ else if (type == 3.4) { // 人才库
|
|
|
+ this.$router.push(`/jobHuntingApplyDetil?id=${id}`);
|
|
|
+ }
|
|
|
+ else if (type == 4) {
|
|
|
+ this.$router.push(`/addBook?id=${id}`);
|
|
|
+ }
|
|
|
}
|
|
|
this.showTabs = false;
|
|
|
},
|
|
@@ -364,13 +634,37 @@ export default {
|
|
|
handleClickOutside(event) {
|
|
|
const noticeTabsBox = this.$refs.noticeTabsBox;
|
|
|
const noticeIconImg = event.target.closest('.noticeIconImg');
|
|
|
-
|
|
|
+
|
|
|
// 如果点击的不是通知图标,并且点击的区域不在通知框内,则关闭通知框
|
|
|
if (!noticeIconImg && noticeTabsBox && !noticeTabsBox.contains(event.target)) {
|
|
|
this.showTabs = false;
|
|
|
}
|
|
|
},
|
|
|
//2.通知消息 end---------------------------------------->
|
|
|
+ changeJob(index) {
|
|
|
+ if (index == 1) {
|
|
|
+ this.qiu = false;
|
|
|
+ this.zhao = true;
|
|
|
+ } else if (index == 2) {
|
|
|
+ this.qiu = true;
|
|
|
+ this.zhao = false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleQiu(index) {
|
|
|
+ if (index == 1) {
|
|
|
+ this.qiu1 = true;
|
|
|
+ this.qiu2 = false;
|
|
|
+ } else if (index == 2) {
|
|
|
+ this.qiu1 = false;
|
|
|
+ this.qiu2 = true;
|
|
|
+ } else if (index == 3) {
|
|
|
+ this.zhao1 = true;
|
|
|
+ this.zhao2 = false;
|
|
|
+ } else if (index == 4) {
|
|
|
+ this.zhao1 = false;
|
|
|
+ this.zhao2 = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
@@ -496,12 +790,14 @@ export default {
|
|
|
box-sizing: border-box;
|
|
|
padding-top: 8px;
|
|
|
position: relative;
|
|
|
+
|
|
|
.noticeIconImg {
|
|
|
width: 34px;
|
|
|
height: 34px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
- .unreadCount{
|
|
|
+
|
|
|
+ .unreadCount {
|
|
|
position: absolute;
|
|
|
top: 5px;
|
|
|
right: 10px;
|
|
@@ -514,6 +810,7 @@ export default {
|
|
|
color: #fff;
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
+
|
|
|
//通知消息 悬浮菜单
|
|
|
.noticeTabsBox {
|
|
|
position: absolute;
|
|
@@ -525,23 +822,27 @@ export default {
|
|
|
right: 20px;
|
|
|
top: 50px;
|
|
|
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
|
|
|
- padding:25px 20px;
|
|
|
+ padding: 25px 20px;
|
|
|
box-sizing: border-box;
|
|
|
+
|
|
|
.noticeTabsTitleBox {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
border-bottom: 1px solid #E9EDF7;
|
|
|
+
|
|
|
.noticeTabs {
|
|
|
height: 41px;
|
|
|
border-bottom: 2px solid #fff;
|
|
|
margin-right: 40px;
|
|
|
display: flex;
|
|
|
cursor: pointer;
|
|
|
+
|
|
|
.noticeTabsItem {
|
|
|
height: 20px;
|
|
|
line-height: 20px;
|
|
|
font-size: 16px;
|
|
|
position: relative;
|
|
|
+
|
|
|
.noticeMessageNew {
|
|
|
width: 5px;
|
|
|
height: 5px;
|
|
@@ -553,22 +854,25 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.active {
|
|
|
border-bottom: 2px solid #5570F1;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.noticeTabsLinkLine {
|
|
|
height: 38px;
|
|
|
box-sizing: border-box;
|
|
|
font-size: 14px;
|
|
|
cursor: pointer;
|
|
|
background: #F5F7FB;
|
|
|
- border:1px solid #E3E8FA;
|
|
|
+ border: 1px solid #E3E8FA;
|
|
|
text-align: center;
|
|
|
line-height: 38px;
|
|
|
border-radius: 8px;
|
|
|
margin: 20px 0;
|
|
|
}
|
|
|
+
|
|
|
.noticeTabsDataBox {
|
|
|
.noticeTabsDataItem {
|
|
|
display: flex;
|
|
@@ -577,10 +881,13 @@ export default {
|
|
|
border-radius: 8px;
|
|
|
box-sizing: border-box;
|
|
|
padding: 5px 10px;
|
|
|
+
|
|
|
&:hover {
|
|
|
background: #F5F7FB;
|
|
|
}
|
|
|
+
|
|
|
height: 95px;
|
|
|
+
|
|
|
.noticeTabsDataItemImg {
|
|
|
border-radius: 50%;
|
|
|
width: 26px;
|
|
@@ -591,11 +898,14 @@ export default {
|
|
|
margin-right: 15px;
|
|
|
margin-top: 6px;
|
|
|
}
|
|
|
- .newsIcon{
|
|
|
+
|
|
|
+ .newsIcon {
|
|
|
background: #BAC5F8;
|
|
|
}
|
|
|
- .noticeTabsDataItemContent{
|
|
|
+
|
|
|
+ .noticeTabsDataItemContent {
|
|
|
flex: 1;
|
|
|
+
|
|
|
.noticeNewsTitle {
|
|
|
font-size: 14px;
|
|
|
line-height: 28px;
|
|
@@ -607,20 +917,23 @@ export default {
|
|
|
-webkit-line-clamp: 2;
|
|
|
-webkit-box-orient: vertical;
|
|
|
}
|
|
|
+
|
|
|
.noticeNewsTime {
|
|
|
height: 30px;
|
|
|
- line-height:30px;
|
|
|
+ line-height: 30px;
|
|
|
font-size: 14px;
|
|
|
- color:#999;
|
|
|
+ color: #999;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.noticeTabsDataItemEmpty {
|
|
|
.noticeEmpty {
|
|
|
text-align: center;
|
|
|
padding-top: 150px;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
+
|
|
|
.noticeEmptyText {
|
|
|
text-align: center;
|
|
|
color: #999;
|
|
@@ -666,4 +979,33 @@ export default {
|
|
|
.unread-count:empty {
|
|
|
display: none;
|
|
|
}
|
|
|
+
|
|
|
+.noticeTabsLink {
|
|
|
+ padding-left: 10px;
|
|
|
+ // 去掉圆点
|
|
|
+ list-style: none;
|
|
|
+}
|
|
|
+
|
|
|
+.qiuPillow {
|
|
|
+ border-radius: 4px;
|
|
|
+ padding: -1px;
|
|
|
+ width: 48%;
|
|
|
+ height: 36px;
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.qiuPillowHover {
|
|
|
+ border-radius: 4px;
|
|
|
+ padding: -1px;
|
|
|
+ width: 48%;
|
|
|
+ height: 36px;
|
|
|
+ background: #dfe9ee;
|
|
|
+ border: #dfe1e7 1px solid;
|
|
|
+}
|
|
|
+
|
|
|
+.qiuFlex {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
</style>
|