|
@@ -6,9 +6,16 @@
|
|
</el-col>
|
|
</el-col>
|
|
<el-col>
|
|
<el-col>
|
|
<el-menu default-active="1" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" text-color="#215299" active-text-color="#215299">
|
|
<el-menu default-active="1" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" text-color="#215299" active-text-color="#215299">
|
|
- <el-menu-item index="1" v-for="(item, index) in liebiaoList" :key="index"
|
|
|
|
- ><span slot="title" @click="clickUrl(item.name)">{{ item.name }}</span></el-menu-item
|
|
|
|
- >
|
|
|
|
|
|
+ <el-menu-item index="1" v-for="(item, index) in liebiaoList" :key="index">
|
|
|
|
+ <template v-if="item.name.includes('消息')">
|
|
|
|
+ <span slot="title" @click="clickUrl(item.name)" :style="`color:${haveMsg ? 'red' : ''}`">
|
|
|
|
+ {{ item.name }}
|
|
|
|
+ </span>
|
|
|
|
+ </template>
|
|
|
|
+ <template v-else>
|
|
|
|
+ <span slot="title" @click="clickUrl(item.name)">{{ item.name }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-menu-item>
|
|
</el-menu>
|
|
</el-menu>
|
|
</el-col>
|
|
</el-col>
|
|
</div>
|
|
</div>
|
|
@@ -23,6 +30,7 @@ export default {
|
|
components: {},
|
|
components: {},
|
|
data: () => ({
|
|
data: () => ({
|
|
src: require('@/assets/swfl.png'),
|
|
src: require('@/assets/swfl.png'),
|
|
|
|
+ haveMsg: true,
|
|
}),
|
|
}),
|
|
created() {},
|
|
created() {},
|
|
computed: {},
|
|
computed: {},
|