style: 注释默认菜单主题并调整相关样式

- 注释了 variables.scss 中的默认菜单主题相关变量
- 更新了 Logo 组件,增加了 logo 图片显示逻辑
- 移除了 constantRoutes 中的 affix 属性
- 隐藏了登录页面的租户输入框
- 禁用了事件历史和事件列表页面的按钮功能
master
Tuzki 7 months ago
parent 2e279b6748
commit 44db39c613
  1. 20
      src/assets/styles/variables.scss
  2. 5
      src/layout/components/Sidebar/Logo.vue
  3. 6
      src/router/index.js
  4. 2
      src/views/login.vue
  5. 2
      src/views/report/eventHistory/index.vue
  6. 2
      src/views/report/eventList/index.vue

@ -9,19 +9,19 @@ $yellow:#FEC171;
$panGreen: #30B08F;
// 默认菜单主题风格
$base-menu-color:#bfcbd9;
$base-menu-color-active:#fffff;
$base-menu-background:#1f2c3d;
$base-logo-title-color: #ffffff;
// $base-menu-color:#bfcbd9;
// $base-menu-color-active:#fffff;
// $base-menu-background:#1f2c3d;
// $base-logo-title-color: #ffffff;
$base-menu-light-color:rgba(0,0,0,.70);
$base-menu-light-background:#ffffff;
$base-logo-light-title-color: #fff;
// $base-menu-light-color:rgba(0,0,0,.70);
// $base-menu-light-background:#ffffff;
// $base-logo-light-title-color: #fff;
$base-sub-menu-hover:rgba(34,119,240,.8);
// $base-sub-menu-hover:rgba(34,119,240,.8);
// 自定义暗色菜单风格
/**
$base-menu-color:hsla(0,0%,100%,.65);
$base-menu-color-active:#fff;
$base-menu-background:#001529;
@ -32,7 +32,7 @@ $base-menu-light-background:#ffffff;
$base-logo-light-title-color: #001529;
$base-sub-menu-hover:#001528;
*/
$base-sidebar-width: 200px;

@ -2,10 +2,11 @@
<div class="sidebar-logo-container" :class="{'collapse':collapse}" :style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }">
<transition name="sidebarLogoFade">
<router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
<h1 class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1>
<img v-if="logo" :src="logo" class="sidebar-logo" />
<h1 v-else class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1>
</router-link>
<router-link v-else key="expand" class="sidebar-logo-link" to="/">
<img v-if="logo" :src="logo" class="sidebar-logo" />
<h1 class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1>
</router-link>
</transition>

@ -97,12 +97,12 @@ export const constantRoutes = [
path: '/report/eventList/uploadFile',
component: (resolve) => require(['@/views/report/eventList/uploadFile'], resolve),
name: '智能填单',
meta: { title: '智能填单', icon: 'dashboard', affix: true }
meta: { title: '智能填单', icon: 'dashboard'}
},{
path: '/report/eventList/printDemo',
component: (resolve) => require(['@/views/report/eventList/printDemo'], resolve),
name: '识别结果',
meta: { title: '识别结果', icon: 'dashboard', affix: true }
meta: { title: '识别结果', icon: 'dashboard'}
},
]
},{
@ -115,7 +115,7 @@ export const constantRoutes = [
path: '/report/eventHistory/index',
component: (resolve) => require(['@/views/report/eventHistory/index'], resolve),
name: '填单记录',
meta: { title: '填单记录', icon: 'dashboard', affix: true }
meta: { title: '填单记录', icon: 'dashboard'}
}
]
},

@ -15,7 +15,7 @@
<div class="form-cont">
<div>
<el-form ref="loginForm" :model="loginForm" :rules="LoginRules" class="login-form">
<el-form-item prop="tenantName" v-if="tenantEnable" >
<el-form-item prop="tenantName" v-if="tenantEnable" style="display: none;">
<el-input v-model="loginForm.tenantName" type="text" auto-complete="off" placeholder='租户'>
<svg-icon slot="prefix" icon-class="tree" class="el-input__icon input-icon" />
</el-input>

@ -39,7 +39,7 @@
<div class="event-history-item-time">创建时间:{{ item.createTime }}</div>
</div>
<div class="event-history-item-right">
<el-button @click="downEvent">下载</el-button>
<el-button @click="">下载</el-button>
</div>
</div>
</template>

@ -33,7 +33,7 @@
<div class="enent-name">{{ item.name }}</div>
</div>
<div class="event-history-item-right">
<el-button @click="downEvent">智能填单</el-button>
<el-button @click="">智能填单</el-button>
</div>
</div>
</template>

Loading…
Cancel
Save