首页新增

Oliver

2022-12-22 73b48dd59a2d47b365b87784371c4ef57dde659b

 src/views/layout/components/Header/index.vue

@@ -4,15 +4,12 @@
    <!-- 左侧菜单 -->
    <div class="header-left">
      <div class="menu-left__item" v-for="(item, index) in menuLeftList" :key="item.id" @click="changeActive(index)">
        <span :class="item.checked ? 'my-active' : ''">{{ item.label }}</span>
        <span :class="item.checked ? 'my-active' : ''" @click="menuChange(item)">{{ item.label }}</span>
      </div>
    </div>
    <!-- 右侧菜单 -->
    <div class="header-right">
      <!-- 搜索框 -->
      <div class="menu-right__item search">
        <el-input suffix-icon="el-icon-search" v-model="keyword" placeholder="请输入搜索内容"></el-input>
      </div>
      <div class="menu-right__item search"></div>
      <!-- 登录用户 -->
      <div class="menu-right__item user" @mousemove="flag.user = true" @mouseleave="flag.user = false">
        <el-avatar :size="20" :src="user.user.icon" v-if="user.user.icon"></el-avatar>
@@ -62,7 +59,7 @@
        <updatePassword />
      </el-dialog>
      <el-dialog :visible.sync="baseInformationVisible" width="35%" title="基本信息" v-if="baseInformationVisible"
        :before-close="handleClose">
        >
        <el-form :model="info" class="info" label-width="6vw">
          <el-form-item label="用户ID" min-width="6">
            <el-input v-model="info.id"></el-input>
@@ -110,15 +107,15 @@
        },
        {
          label: '视频巡查',
          checked: false,
          checked: true,
          url: '',
          id: '2f'
        },
        {
          label: '执法管理',
          checked: false,
          checked: true,
          url: '',
          if: '3f',
          id: '3f',
        },
      ],
      flag: {
@@ -210,6 +207,17 @@
          })
        })
        .catch(err => this.$message.error(`${err}`))
    },
    menuChange(data) {
      if (data.id === '1f') {
        window.open('http://cockpit.patstech.net:28081/cockpit/dist/board.html#/share-board/zfu0LsJ9', '_blank');
      }
      if (data.id === '2f') {
        this.$router.push({path: "/home/video"})
      }
      if (data.id === '3f') {
        this.$router.push({path: "/home/operate/casepool/pool"})
      }
    }
  }
};
@@ -226,14 +234,12 @@

.el-header {
  background-color: #071a38;
  color: #333;
  text-align: center;
  line-height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  // width: 100%;
  color: #4b9bb7;

  .header-left {