|
@@ -34,15 +34,19 @@
|
|
<span v-if="unreadCount[0] == 0">审批</span>
|
|
<span v-if="unreadCount[0] == 0">审批</span>
|
|
<span v-else>审批({{unreadCount[0]}})</span>
|
|
<span v-else>审批({{unreadCount[0]}})</span>
|
|
</span>
|
|
</span>
|
|
- <div class="popover-item" v-if="unreadCount[0] == 0">暂无审批消息</div>
|
|
|
|
|
|
+ <div class="popover-item" v-if="popoverData[0].length == 0">暂无审批消息</div>
|
|
<div class="popover-item" v-for="item in popoverData[0]">
|
|
<div class="popover-item" v-for="item in popoverData[0]">
|
|
<p class="popover-title">
|
|
<p class="popover-title">
|
|
<span
|
|
<span
|
|
style="cursor: pointer;"
|
|
style="cursor: pointer;"
|
|
@click="locationHerf(item.id, item.refId, item.noticeType)"
|
|
@click="locationHerf(item.id, item.refId, item.noticeType)"
|
|
- >{{item.projectName}}</span>
|
|
|
|
|
|
+ >
|
|
|
|
+ <span v-if="item.isRead == 1" class="isRead">{{item.projectName}}</span>
|
|
|
|
+ <span v-else>{{item.projectName}}</span>
|
|
|
|
+ </span>
|
|
</p>
|
|
</p>
|
|
- <p>{{item.content}}</p>
|
|
|
|
|
|
+ <p v-if="item.isRead == 1" class="isRead">{{item.content}}</p>
|
|
|
|
+ <p v-else>{{item.content}}</p>
|
|
</div>
|
|
</div>
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
|
|
|
|
@@ -52,15 +56,19 @@
|
|
<span v-if="unreadCount[1] == 0">警告</span>
|
|
<span v-if="unreadCount[1] == 0">警告</span>
|
|
<span v-else>警告({{unreadCount[1]}})</span>
|
|
<span v-else>警告({{unreadCount[1]}})</span>
|
|
</span>
|
|
</span>
|
|
- <div class="popover-item" v-if="unreadCount[1] == 0">暂无警告消息</div>
|
|
|
|
|
|
+ <div class="popover-item" v-if="popoverData[1].length == 0">暂无警告消息</div>
|
|
<div class="popover-item" v-for="item in popoverData[1]">
|
|
<div class="popover-item" v-for="item in popoverData[1]">
|
|
<p class="popover-title">
|
|
<p class="popover-title">
|
|
<span
|
|
<span
|
|
style="cursor: pointer;"
|
|
style="cursor: pointer;"
|
|
@click="locationHerf(item.id, item.refId, item.noticeType)"
|
|
@click="locationHerf(item.id, item.refId, item.noticeType)"
|
|
- >{{item.projectName}}</span>
|
|
|
|
|
|
+ >
|
|
|
|
+ <span v-if="item.isRead == 1" class="isRead">{{item.projectName}}</span>
|
|
|
|
+ <span v-else>{{item.projectName}}</span>
|
|
|
|
+ </span>
|
|
</p>
|
|
</p>
|
|
- <p>{{item.content}}</p>
|
|
|
|
|
|
+ <p v-if="item.isRead == 1" class="isRead">{{item.content}}</p>
|
|
|
|
+ <p v-else>{{item.content}}</p>
|
|
</div>
|
|
</div>
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
|
|
|
|
@@ -70,15 +78,19 @@
|
|
<span v-if="unreadCount[2] == 0">保养</span>
|
|
<span v-if="unreadCount[2] == 0">保养</span>
|
|
<span v-else>保养({{unreadCount[2]}})</span>
|
|
<span v-else>保养({{unreadCount[2]}})</span>
|
|
</span>
|
|
</span>
|
|
- <div class="popover-item" v-if="unreadCount[2] == 0">暂无保养消息</div>
|
|
|
|
|
|
+ <div class="popover-item" v-if="popoverData[2].length == 0">暂无保养消息</div>
|
|
<div class="popover-item" v-for="item in popoverData[2]">
|
|
<div class="popover-item" v-for="item in popoverData[2]">
|
|
<p class="popover-title">
|
|
<p class="popover-title">
|
|
<span
|
|
<span
|
|
style="cursor: pointer;"
|
|
style="cursor: pointer;"
|
|
@click="locationHerf(item.id, item.refId, item.noticeType)"
|
|
@click="locationHerf(item.id, item.refId, item.noticeType)"
|
|
- >{{item.projectName}}</span>
|
|
|
|
|
|
+ >
|
|
|
|
+ <span v-if="item.isRead == 1" class="isRead">{{item.projectName}}</span>
|
|
|
|
+ <span v-else>{{item.projectName}}</span>
|
|
|
|
+ </span>
|
|
</p>
|
|
</p>
|
|
- <p>{{item.content}}</p>
|
|
|
|
|
|
+ <p v-if="item.isRead == 1" class="isRead">{{item.content}}</p>
|
|
|
|
+ <p v-else>{{item.content}}</p>
|
|
</div>
|
|
</div>
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</el-tabs>
|
|
@@ -291,7 +303,7 @@ export default {
|
|
username: [{ required: true, message: "请输入姓名", trigger: "blur" }]
|
|
username: [{ required: true, message: "请输入姓名", trigger: "blur" }]
|
|
},
|
|
},
|
|
//消息数据
|
|
//消息数据
|
|
- popoverData: [],
|
|
|
|
|
|
+ popoverData: ["", "", ""],
|
|
unreadCount: [],
|
|
unreadCount: [],
|
|
activePage: 0
|
|
activePage: 0
|
|
};
|
|
};
|
|
@@ -699,4 +711,8 @@ export default {
|
|
text-align: center;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+.isRead {
|
|
|
|
+ color: #999 !important;
|
|
|
|
+}
|
|
</style>
|
|
</style>
|