1.角色清单 新增系统变色

loulijun2021

2022-12-29 b417ffcc48caff0f1e177b8445d22683cc9b08af

 src/layout/components/Navbar.vue

@@ -1,16 +1,16 @@
<template>
  <div class="navbar">
    <hamburger :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar"/>
    <hamburger :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />

    <breadcrumb class="breadcrumb-container"/>
    <breadcrumb class="breadcrumb-container" />

    <div class="right-menu">

<!--      <template v-if="device!=='mobile'">-->
      <!--      <template v-if="device!=='mobile'">-->
      <template>
        <search id="header-search" class="right-menu-item"/>
        <search id="header-search" class="right-menu-item" />
        <!--        <error-log class="errLog-container right-menu-item hover-effect" />-->
        <screenfull id="screenfull" class="right-menu-item hover-effect"/>
        <screenfull id="screenfull" class="right-menu-item hover-effect" />
        <!--        <el-tooltip content="Global Size" effect="dark" placement="bottom">-->
        <!--          <size-select id="size-select" class="right-menu-item hover-effect" />-->
        <!--        </el-tooltip>-->
@@ -21,7 +21,7 @@
          <!--          <img :src="avatar+'?imageView2/1/w/80/h/80'" class="user-avatar">-->
          <div style="display: flex;align-items: center;margin-top: -5px">

            <i class="el-icon-user" style="font-weight: bolder;font-size: 18px;margin-right: 5px;color:#A7A7A7"/>
            <i class="el-icon-user" style="font-weight: bolder;font-size: 18px;margin-right: 5px;color:#A7A7A7" />
            <div style=" font-size: 18px;font-family: 'Microsoft YaHei';color:#AAAAAA">{{ username }}</div>
          </div>

@@ -64,10 +64,10 @@
        <!--          <div> {{ username }}</div>-->
        <!--        </el-form-item>-->
        <el-form-item label="原密码：" prop="password">
          <el-input v-model="form.password" style="width: 220px;"/>
          <el-input v-model="form.password" style="width: 220px;" />
        </el-form-item>
        <el-form-item label="新密码：" prop="newpassword">
          <el-input v-model="form.newpassword" style="width: 220px;"/>
          <el-input v-model="form.newpassword" style="width: 220px;" />
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
@@ -81,11 +81,11 @@
</template>

<script>
import {mapGetters} from 'vuex'
import { mapGetters } from 'vuex'
import Breadcrumb from '@/components/Breadcrumb'
import Hamburger from '@/components/Hamburger'
import {getCookie} from '@/utils/auth'
import {UpdateUserPassword} from '@/api/user'
import { getCookie } from '@/utils/auth'
import { UpdateUserPassword } from '@/api/user'
import Search from '@/components/HeaderSearch'
import Screenfull from '@/components/Screenfull'

@@ -141,10 +141,10 @@
      dialogVisible: false,
      formRules: {
        password: [
          {required: true, validator: validatePassword1, trigger: ['blur', 'change']}
          { required: true, validator: validatePassword1, trigger: ['blur', 'change'] }
        ],
        newpassword: [
          {required: true, validator: validatePassword2, trigger: ['blur', 'change']}
          { required: true, validator: validatePassword2, trigger: ['blur', 'change'] }
        ]
      }
    }
@@ -193,6 +193,8 @@
</script>

<style lang="scss" scoped>
$main_color: #42b983;

.navbar {
  height: 50px;
  overflow: hidden;
@@ -273,32 +275,32 @@
    }
  }

  .footerButton {
    display: flex;
    justify-content: end;
  }

  ::v-deep .el-button--primary {
    background-color: #42b983 !important;
    height: 30px;
    display: flex;
    align-items: center;
    //border: 1px solid $main_color;
    border: none;
    padding: 0 20px;
  }

  ::v-deep .el-button--default {
    background-color: #ffffff !important;
    height: 30px;
    display: flex;
    align-items: center;
    padding: 0 20px;
  }

  ::v-deep .el-input__inner {
    height: 30px;
    line-height: 30px;
  }
  //.footerButton {
  //  display: flex;
  //  justify-content: end;
  //}
  //
  //::v-deep .el-button--primary {
  //  background-color: $main_color !important;
  //  height: 30px;
  //  display: flex;
  //  align-items: center;
  //  //border: 1px solid $main_color;
  //  border: none;
  //  padding: 0 20px;
  //}
  //
  //::v-deep .el-button--default {
  //  background-color: #ffffff !important;
  //  height: 30px;
  //  display: flex;
  //  align-items: center;
  //  padding: 0 20px;
  //}
  //
  //::v-deep .el-input__inner {
  //  height: 30px;
  //  line-height: 30px;
  //}
}
</style>