|
@@ -31,7 +31,20 @@ const goMyList = () => {
|
|
|
name: 'MyNotifyMessage'
|
|
|
})
|
|
|
}
|
|
|
-
|
|
|
+const routerDetail = (item) =>{
|
|
|
+ const id = item.businessId
|
|
|
+ debugger
|
|
|
+ if (item.businessType === 'generateInspect') {
|
|
|
+ push({ name:'InspectOrderWrite', params:{id} })
|
|
|
+ }else if(item.businessType === 'failureReport') {
|
|
|
+ push({
|
|
|
+ name: 'BpmProcessInstanceDetail',
|
|
|
+ query: {
|
|
|
+ id: id
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+}
|
|
|
// ========== 初始化 =========
|
|
|
onMounted(() => {
|
|
|
// 首次加载小红点
|
|
@@ -61,7 +74,7 @@ onMounted(() => {
|
|
|
<ElTabPane label="我的站内信" name="notice">
|
|
|
<el-scrollbar class="message-list">
|
|
|
<template v-for="item in list" :key="item.id">
|
|
|
- <div class="message-item">
|
|
|
+ <div class="message-item" @click="routerDetail(item)">
|
|
|
<img alt="" class="message-icon" src="@/assets/imgs/avatar.gif" />
|
|
|
<div class="message-content">
|
|
|
<span class="message-title">
|
|
@@ -103,6 +116,7 @@ onMounted(() => {
|
|
|
align-items: center;
|
|
|
padding: 20px 0;
|
|
|
border-bottom: 1px solid var(--el-border-color-light);
|
|
|
+ cursor: pointer;
|
|
|
|
|
|
&:last-child {
|
|
|
border: none;
|
|
@@ -128,5 +142,10 @@ onMounted(() => {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .message-item:hover {
|
|
|
+ transform: scale(0.95);
|
|
|
+ background-color: #dcf8e4;
|
|
|
+ box-shadow: 0 2px 5px rgba(0,0,0,0.2);
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|