1、登录页面确定登录按钮下增加警告文字 2、全局顶部导航栏logo旁增加警告文字，主题改为深色

zhuzhuanzhuan

2023-12-01 f7ce96193e387313f31677c71746a94cf576190c

1、登录页面确定登录按钮下增加警告文字
2、全局顶部导航栏logo旁增加警告文字，主题改为深色

 src/components/page/GlobalHeader.vue

@@ -26,6 +26,10 @@
      <div class="header-index-wide">
        <div class="header-index-left" :style="topMenuStyle.headerIndexLeft">
          <logo class="top-nav-header" :show-title="device !== 'mobile'" :style="topMenuStyle.topNavHeader"/>
          <div class="top-nav-text">
            <div style="width:100%;height: 50%;line-height:35px">密级：内部</div>
            <div style="width:100%;height: 50%;line-height:25px">警告：本系统禁止存储、处理、传输涉密信息</div>
          </div>
          <div v-if="device !== 'mobile'" :style="topMenuStyle.topSmenuStyle">
            <s-menu
              mode="horizontal"
@@ -58,7 +62,7 @@
    components: {
      UserMenu,
      SMenu,
      Logo,
      Logo
    },
    mixins: [mixin],
    props: {
@@ -97,7 +101,7 @@
          headerIndexRight: {},
          topSmenuStyle: {}
        },
        chatStatus: '',
        chatStatus: ''
      }
    },
    watch: {
@@ -162,7 +166,7 @@
      // update-begin-author:sunjianlei date:20210508 for: 修复动态功能测试菜单、带参数菜单标题错误、展开错误的问题
      handleUpdateMenuTitle(value) {
        this.$emit('updateMenuTitle', value)
      },
      }
      // update-end-author:sunjianlei date:20210508 for: 修复动态功能测试菜单、带参数菜单标题错误、展开错误的问题

    }
@@ -223,4 +227,50 @@

  /* update_end author:scott date:20190220 for: 缩小首页布局顶部的高度*/

  .top-nav-text {
    color: #f00;
    height: 100%
  }

  @media screen and (min-width: 1920px) {
    .top-nav-text {
      width: 400px;
    }
  }

  @media screen and (min-width: 1680px) and (max-width: 1920px) {
    .top-nav-text {
      width: 400px;
    }
  }

  @media screen and (min-width: 1400px) and (max-width: 1680px) {
    .top-nav-text {
      width: 500px;
    }

    .top-nav-header {
      display: none;
    }
  }

  @media screen and (min-width: 1280px) and (max-width: 1400px) {
    .top-nav-text {
      width: 600px;
    }

    .top-nav-header {
      display: none;
    }
  }

  @media screen and (max-width: 1280px) {
    .top-nav-text {
      width: 600px;
    }

    .top-nav-header {
      display: none;
    }
  }
</style>

 src/components/tools/Logo.vue

@@ -21,7 +21,7 @@
    props: {
      title: {
        type: String,
        default: '统计分析',
        default: 'MDC智慧车间',
        required: false
      },
      showTitle: {

 src/defaultSettings.js

@@ -15,7 +15,7 @@

export default {
  primaryColor: '#000000', // primary color of ant design
  navTheme: 'light', // theme for nav menu
  navTheme: 'dark', // theme for nav menu
  layout: 'topmenu', // nav menu position: sidemenu or topmenu
  contentWidth: 'Fixed', // layout of content: Fluid or Fixed, only works when layout is topmenu
  fixedHeader: true, // sticky header

 src/views/user/Login.vue

@@ -49,6 +49,10 @@
        </a-button>
      </a-form-item>

      <a-form-model-item style="color: red">
        密级：内部&nbsp;&nbsp;&nbsp;&nbsp;警告：本系统禁止存储、处理、传输涉密信息
      </a-form-model-item>

    </a-form-model>

    <!--<two-step-captcha v-if="requiredTwoStepCaptcha" :visible="stepCaptchaVisible" @success="stepCaptchaSuccess" @cancel="stepCaptchaCancel"></two-step-captcha>-->
@@ -73,9 +77,11 @@
import LoginPhone from './LoginPhone'
import store from '@/store'
import { getAction } from '../../api/manage'
import AFormModelItem from 'ant-design-vue/es/form-model/FormItem'

export default {
  components: {
    AFormModelItem,
    LoginSelectTenant,
    TwoStepCaptcha,
    // ThirdLogin,