登陆页换了背景，加了风险排名

zmc

2023-09-27 eeef5d4039d2b3fee6854ddc2789aa23232b2cfb

 src/components/layout/AppHeader.vue

@@ -1,8 +1,12 @@
<script >
 import { isCollapse } from './isCollapse'
 import { selectedName } from './selectName'
 import BreadCrumb from '@/sfc/BreadCrumb.vue'
 import Cookie from 'js-cookie'
  export default {

    components:{
      BreadCrumb,
    },
    data() {
      return{
        isCollapseHeader: isCollapse ,  //折叠
@@ -21,8 +25,12 @@
    // })
  },
    methods: {
      exit(){
        this.$router.push('/login') // 假设登录成功后跳转到 '/dashboard' 页面
      handleCommand(command){
        if(command == 'a' ){
        Cookie.remove('token')
        this.$router.push('/login') 
        }
       
      }
     }
}
@@ -37,19 +45,14 @@
        <i-ep-Expand v-show="isCollapseHeader" />
        <i-ep-Fold v-show="!isCollapseHeader"/>
      </el-icon>
      {{ selected }}
      <!-- {{ selected }} -->
      
    <!-- 面包屑 -->
    <!-- <el-breadcrumb separator="/">
        <el-breadcrumb-item :to="{ path: '/hdata' }">主页</el-breadcrumb-item>
        <el-breadcrumb-item><a href="/">promotion management</a></el-breadcrumb-item> -->
        <!-- <el-breadcrumb-item>promotion list</el-breadcrumb-item>
        <el-breadcrumb-item>promotion detail</el-breadcrumb-item> -->
    <!-- </el-breadcrumb> -->

    
      <BreadCrumb></BreadCrumb>

   <!-- 下拉菜单 -->
    <el-dropdown>
    <el-dropdown  @command="handleCommand">
        <span class="el-dropdown-link" >
          <el-avatar class="clickable" :size="50" :src="'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'" />   
        <el-icon class="el-icon--right ">
@@ -58,8 +61,7 @@
        </span>
        <template #dropdown>
        <el-dropdown-menu>
            <el-dropdown-item @click="exit">退出</el-dropdown-item>
            <!-- <el-dropdown-item divided>其他</el-dropdown-item> -->
            <el-dropdown-item command="a">退出</el-dropdown-item>
        </el-dropdown-menu>
        </template>
    </el-dropdown>
@@ -77,9 +79,8 @@
    align-items: center;
    color: white;
    background-color: #0093E9;
background-image: linear-gradient(160deg, #2876aa 0%, #5cbfdd 100%);


    background-image: linear-gradient(160deg, #2876aa 0%, #5cbfdd 100%);
    // width: 100vw;

.el-icon {
        margin-right: 17px;