Skip to content

F
founder_vue
Commit 4eddd7b7 by 张超军
Options

Merge branch 'dev_zwpt' of http://47.92.108.28/changchao/founder_vue into dev_zwpt

parents c7d74e6d c97040bf
Showing with 323 additions and 148 deletions
src/App.vue
...@@ -41,12 +41,22 @@ export default { ...@@ -41,12 +41,22 @@ export default {
@font-face { @font-face {
font-family: "HarmonyOS_Sans_SC-Bold"; font-family: "HarmonyOS_Sans_SC-Bold";
src: url("../src/assets/font/MSYHBD.ttf") format("truetype"); src: url("../src/assets/font/HarmonyOS_Sans_SC_Bold.ttf") format("truetype");
} }
@font-face { @font-face {
font-family: "HarmonyOS_Sans_SC"; font-family: "HarmonyOS_Sans_SC";
src: url("../src/assets/font/MSYH.ttf") format("truetype"); src: url("../src/assets/font/HarmonyOS_Sans_SC_Regular.ttf") format("truetype");
}
@font-face {
font-family: "HarmonyOS_Sans_SC_Light";
src: url("../src/assets/font/HarmonyOS_Sans_SC_Light.ttf") format("truetype");
}
@font-face {
font-family: "HarmonyOS_Sans_SC_Medium";
src: url("../src/assets/font/HarmonyOS_Sans_SC_Medium.ttf") format("truetype");
} }
.boxShadow { .boxShadow {
......
src/views/Home.vue
<template> <template>
<div id="home-div"> <div id="home-div">
<div id="home" :class="{ zhanshi: isCropper || loading_sd }"> <div
id="home"
:class="{ zhanshi: isCropper || loading_sd }"
>
<el-container class="layout-container"> <el-container class="layout-container">
<transition name="slide"> <transition name="slide">
<el-aside :width="isCollapse ? '4rem' : '17.5rem'" class="aside"> <el-aside
<div class="logo" :class="{ minLogo: isCollapse }" @click="$router.push('/index')"> :width="isCollapse ? '4rem' : '17.5rem'"
<img class="jh" src="../assets/img/Home/jh.png" alt="" /> class="aside"
<img v-show="!isCollapse" class="title" src="../assets/img/Home/title.png" alt="" /> >
<div
class="logo"
:class="{ minLogo: isCollapse }"
@click="$router.push('/index')"
v-if="this.$store.state.tm.tmType==false"
>
<img
class="jh"
src="../assets/img/Home/jh.png"
alt=""
/>
<img
v-show="!isCollapse"
class="title"
src="../assets/img/Home/title.png"
alt=""
/>
</div>
<div
class="logo"
:class="{ minLogo: isCollapse }"
@click="$router.push('/index')"
v-if="this.$store.state.tm.tmType==true"
>
<img
v-show="isCollapse"
class="jh"
src="../assets/img/Home/tmLogoMini.svg"
alt=""
/>
<img
v-show="!isCollapse"
class="title"
src="../assets/img/Home/tmLogo.svg"
alt=""
/>
</div> </div>
<!-- <div class="search"> <!-- <div class="search">
<el-input v-if="!isCollapse" @keyup.enter.native="goSearch()" class="searchTxt" prefix-icon="el-icon-search" v-model="searchTxt" placeholder="搜索"></el-input> <el-input v-if="!isCollapse" @keyup.enter.native="goSearch()" class="searchTxt" prefix-icon="el-icon-search" v-model="searchTxt" placeholder="搜索"></el-input>
<i class="search-icon el-icon-search" v-else></i> <i class="search-icon el-icon-search" v-else></i>
</div> --> </div> -->
<el-menu :collapse-transition="false" ref="menu" :default-active="menuActive" text-color="#CCCCCC" <el-menu
active-text-color="#ffffff" background-color="#1F2D45" class="el-menu-vertical-demo" @open="handleOpen" :collapse-transition="false"
@close="handleClose" :collapse="isCollapse" @select="selectPath" :unique-opened="true"> ref="menu"
<div v-for="(menu, i) in routes" :key="i"> :default-active="menuActive"
<el-submenu :index="menu.name" v-if="menu.children && !menu.hidden"> text-color="#CCCCCC"
active-text-color="#ffffff"
background-color="#1F2D45"
class="el-menu-vertical-demo"
@open="handleOpen"
@close="handleClose"
:collapse="isCollapse"
@select="selectPath"
:unique-opened="true"
>
<div
v-for="(menu, i) in routes"
:key="i"
>
<el-submenu
:index="menu.name"
v-if="menu.children && !menu.hidden"
>
<template slot="title"> <template slot="title">
<img v-if="$route.path != menu.path" :src="menu.icon_d" alt="" /> <img
<img v-else :src="menu.icon_a" alt="" /> v-if="$route.path != menu.path"
:src="menu.icon_d"
alt=""
/>
<img
v-else
:src="menu.icon_a"
alt=""
/>
<span v-show="!isCollapse">{{ menu.meta.title }}</span> <span v-show="!isCollapse">{{ menu.meta.title }}</span>
</template> </template>
<div v-for="(item, index) in menu.children" :key="index"> <div
<el-menu-item v-if="!item.hidden" :index="item.name">{{ v-for="(item, index) in menu.children"
:key="index"
>
<el-menu-item
v-if="!item.hidden"
:index="item.name"
>{{
item.meta.title item.meta.title
}} }}
</el-menu-item> </el-menu-item>
</div> </div>
</el-submenu> </el-submenu>
<el-menu-item :index="menu.name" v-else-if="!menu.children && !menu.hidden"> <el-menu-item
<img v-if="$route.path != menu.path" :src="menu.icon_d" alt="" /> :index="menu.name"
<img v-else :src="menu.icon_a" alt="" /> v-else-if="!menu.children && !menu.hidden"
>
<img
v-if="$route.path != menu.path"
:src="menu.icon_d"
alt=""
/>
<img
v-else
:src="menu.icon_a"
alt=""
/>
<span slot="title">{{ menu.meta.title }}</span> <span slot="title">{{ menu.meta.title }}</span>
</el-menu-item> </el-menu-item>
</div> </div>
</el-menu> </el-menu>
<div class="fz"> <div class="fz">
<img v-if="!isCollapse" src="../assets/img/Home/logo.png" alt="" /> <img
<img v-else src="../assets/img/Home/fang.png" alt="" /> v-if="!isCollapse"
src="../assets/img/Home/logo.png"
alt=""
/>
<img
v-else
src="../assets/img/Home/fang.png"
alt=""
/>
</div> </div>
</el-aside> </el-aside>
</transition> </transition>
<el-container class="container-dom"> <el-container class="container-dom">
<el-header class="header"> <el-header class="header">
<div class="collapse" @click="switchCollapse"> <div
<img v-if="isCollapse" :src="rightImg" alt="" /> class="collapse"
<img v-else :src="leftImg" alt="" /> @click="switchCollapse"
>
<img
v-if="isCollapse"
:src="rightImg"
alt=""
/>
<img
v-else
:src="leftImg"
alt=""
/>
</div> </div>
<div class="options"> <div class="options">
<!-- <div class="sendFind">发查询</div> --> <!-- <div class="sendFind">发查询</div> -->
...@@ -55,19 +155,43 @@ ...@@ -55,19 +155,43 @@
<div class="message"> <div class="message">
<div class="circle"></div> <div class="circle"></div>
</div> </div>
<div class="quit" @click="$router.push('/index')"></div> <div
<div class="logout" @click="logout"> class="quit"
<svg-icon v-show="!isHoverLogout" icon-class="logout_d" class="icon" @mouseover="isHoverLogout = true" @click="$router.push('/index')"
@mouseleave="isHoverLogout = false" /> ></div>
<svg-icon v-show="isHoverLogout" icon-class="logout_a" class="icon" /> <div
class="logout"
@click="logout"
>
<svg-icon
v-show="!isHoverLogout"
icon-class="logout_d"
class="icon"
@mouseover="isHoverLogout = true"
@mouseleave="isHoverLogout = false"
/>
<svg-icon
v-show="isHoverLogout"
icon-class="logout_a"
class="icon"
/>
</div> </div>
</div> </div>
</el-header> </el-header>
<el-main class="main"> <el-main class="main">
<div class="contain"> <div class="contain">
<el-tabs :closable="paths.length > 1" v-model="routePath" @tab-click="handleClick" <el-tabs
@tab-remove="tabRemove"> :closable="paths.length > 1"
<el-tab-pane :label="item.name" :name="item.routeName" v-for="item in paths" :key="item.routeName"> v-model="routePath"
@tab-click="handleClick"
@tab-remove="tabRemove"
>
<el-tab-pane
:label="item.name"
:name="item.routeName"
v-for="item in paths"
:key="item.routeName"
>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<div class="breadcrumb"></div> <div class="breadcrumb"></div>
...@@ -87,55 +211,96 @@ ...@@ -87,55 +211,96 @@
<button @click="toAllPersonnelBase">全部人员库</button> --> <button @click="toAllPersonnelBase">全部人员库</button> -->
</div> </div>
<el-dialog class="jump-route" append-to-body :modal="false" @close="cancelJumpRoute" <el-dialog
:visible.sync="jumpRouteDialogVisible" width="27.625rem" :before-close="handleClose"> class="jump-route"
append-to-body
:modal="false"
@close="cancelJumpRoute"
:visible.sync="jumpRouteDialogVisible"
width="27.625rem"
:before-close="handleClose"
>
<span>当前页面有未保存的指位特征，是否退出？</span> <span>当前页面有未保存的指位特征，是否退出？</span>
<div class="dialog-footer"> <div class="dialog-footer">
<button class="confirm-btn" @click="confirmJumpRoute">是</button> <button
<button class="cancel-btn" @click="cancelJumpRoute">否</button> class="confirm-btn"
@click="confirmJumpRoute"
>是</button>
<button
class="cancel-btn"
@click="cancelJumpRoute"
>否</button>
</div> </div>
</el-dialog> </el-dialog>
<div class="shadow" v-show="isCropper"></div> <div
<div class="loading" v-show="loading_sd"> class="shadow"
v-show="isCropper"
></div>
<div
class="loading"
v-show="loading_sd"
>
<div class="loading-finger"> <div class="loading-finger">
<img src="../assets/img/loadingfinger.gif" alt="" /> <img
src="../assets/img/loadingfinger.gif"
alt=""
/>
</div> </div>
<div class="loading-name"> <div class="loading-name">
<img src="../assets/img/loadingtxt.gif" alt="" /> <img
src="../assets/img/loadingtxt.gif"
alt=""
/>
</div> </div>
</div> </div>
<div class="smallLoading" v-show="smallLoading"> <div
class="smallLoading"
v-show="smallLoading"
>
<div class="loading-finger"> <div class="loading-finger">
<img src="../assets/img/loadingfinger.gif" alt="" /> <img
src="../assets/img/loadingfinger.gif"
alt=""
/>
</div> </div>
<div class="loading-name"> <div class="loading-name">
<img src="../assets/img/loadingtxt.gif" alt="" /> <img
src="../assets/img/loadingtxt.gif"
alt=""
/>
</div> </div>
</div> </div>
<!-- 人像 --> <!-- 人像 -->
<transition name="el-fade-in-linear"> <transition name="el-fade-in-linear">
<div class="face-big" v-show="enLargeFace"> <div
class="face-big"
v-show="enLargeFace"
>
<div class="face-name">{{ rxInfoEnlarge.name }}</div> <div class="face-name">{{ rxInfoEnlarge.name }}</div>
<img class="face-img" :src="'data:image/jpeg;base64,' + rxInfoEnlarge.image" alt="" /> <img
class="face-img"
:src="'data:image/jpeg;base64,' + rxInfoEnlarge.image"
alt=""
/>
</div> </div>
</transition> </transition>
</div> </div>
</template> </template>
<script> <script>
import html2canvas from 'html2canvas' import html2canvas from 'html2canvas'
import '@/icons/logout_d.svg' import '@/icons/logout_d.svg'
import '@/icons/logout_a.svg' import '@/icons/logout_a.svg'
import indexRoutes from '@/router/modules/index' import indexRoutes from '@/router/modules/index'
import { mapGetters, mapState } from 'vuex' import { mapGetters, mapState } from 'vuex'
import utils from '@/utils/util.js' import utils from '@/utils/util.js'
export default { export default {
name: 'Home', name: 'Home',
data() { data () {
return { return {
searchTxt: '', searchTxt: '',
routes: this.$store.getters['layout/leftMenuData'], routes: this.$store.getters['layout/leftMenuData'],
...@@ -159,7 +324,7 @@ ...@@ -159,7 +324,7 @@
// isStRole: false, // isStRole: false,
} }
}, },
mounted() { mounted () {
console.log(this.loading_sd) console.log(this.loading_sd)
this.$store.commit('loading/setLoadingSd', false) this.$store.commit('loading/setLoadingSd', false)
let self = this let self = this
...@@ -193,7 +358,7 @@ ...@@ -193,7 +358,7 @@
// this.isStRole = user.isStRole() // this.isStRole = user.isStRole()
}, },
updated() { updated () {
this.menuActive = this.$route.name this.menuActive = this.$route.name
}, },
computed: { computed: {
...@@ -207,7 +372,7 @@ ...@@ -207,7 +372,7 @@
enLargeFace: (state) => state.ryzwbj.enLargeFace, enLargeFace: (state) => state.ryzwbj.enLargeFace,
loading_sd: (state) => state.loading.loading_sd, loading_sd: (state) => state.loading.loading_sd,
}), }),
cachePageName() { cachePageName () {
return this.$store.state.layout.cachePageName return this.$store.state.layout.cachePageName
}, },
}, },
...@@ -226,7 +391,7 @@ ...@@ -226,7 +391,7 @@
* @return {*} * @return {*}
*/ */
logout() { logout () {
this.$axios this.$axios
.get('/security/logout') .get('/security/logout')
.then((res) => { .then((res) => {
...@@ -246,11 +411,11 @@ ...@@ -246,11 +411,11 @@
* @return {*} * @return {*}
*/ */
goSearch() { goSearch () {
this.searchTxt = '' this.searchTxt = ''
//console.log(this.searchTxt); //console.log(this.searchTxt);
}, },
handleClick({ name }) { handleClick ({ name }) {
/* /*
if ( if (
(this.$route.name === 'ryzwbj' || this.$route.name === 'ajzwbj') && !this.jumproute (this.$route.name === 'ryzwbj' || this.$route.name === 'ajzwbj') && !this.jumproute
...@@ -283,7 +448,7 @@ ...@@ -283,7 +448,7 @@
/** /**
* 确认需要跳转路由 * 确认需要跳转路由
*/ */
confirmJumpRoute() { confirmJumpRoute () {
// 清除sessionStorage值 // 清除sessionStorage值
sessionStorage.clear() sessionStorage.clear()
this.isCropper = false this.isCropper = false
...@@ -333,13 +498,13 @@ ...@@ -333,13 +498,13 @@
/** /**
* 取消跳转路由 * 取消跳转路由
*/ */
cancelJumpRoute() { cancelJumpRoute () {
this.jumpRouteDialogVisible = false this.jumpRouteDialogVisible = false
this.isCropper = false this.isCropper = false
this.routePath = this.$route.name this.routePath = this.$route.name
this.menuActive = '' this.menuActive = ''
}, },
tabRemove(name) { tabRemove (name) {
if (name != 'ryzwbj' && name != 'ajzwbj') { if (name != 'ryzwbj' && name != 'ajzwbj') {
let routerObj = this.paths.find((i) => i.routeName == name) let routerObj = this.paths.find((i) => i.routeName == name)
if (routerObj) { if (routerObj) {
...@@ -412,7 +577,7 @@ ...@@ -412,7 +577,7 @@
} }
} }
}, },
setKeepAlive() { setKeepAlive () {
let cachePageName let cachePageName
if ( if (
JSON.parse(utils.Decrypt(sessionStorage.getItem('crumbs'))).length > 0 JSON.parse(utils.Decrypt(sessionStorage.getItem('crumbs'))).length > 0
...@@ -436,7 +601,7 @@ ...@@ -436,7 +601,7 @@
* @param {*} * @param {*}
* @return {*} * @return {*}
*/ */
goManager() { goManager () {
this.$router.push('/Home/htzwcj') this.$router.push('/Home/htzwcj')
this.menuActive = '' this.menuActive = ''
}, },
...@@ -446,7 +611,7 @@ ...@@ -446,7 +611,7 @@
* @param {*} path * @param {*} path
* @return {*} * @return {*}
*/ */
selectPath(index, path) { selectPath (index, path) {
console.log(index) console.log(index)
console.log(path) console.log(path)
if (path == 'zzwcj') { if (path == 'zzwcj') {
...@@ -477,7 +642,7 @@ ...@@ -477,7 +642,7 @@
* @param {*} * @param {*}
* @return {*} * @return {*}
*/ */
closePaths(pathName) { closePaths (pathName) {
let res = this.paths.filter((item) => { let res = this.paths.filter((item) => {
return item.name != pathName return item.name != pathName
}) })
...@@ -493,7 +658,7 @@ ...@@ -493,7 +658,7 @@
* @param {*} * @param {*}
* @return {*} * @return {*}
*/ */
changeRouter(route) { changeRouter (route) {
this.$router.push(route.path) this.$router.push(route.path)
this.menuActive = route.routeName this.menuActive = route.routeName
}, },
...@@ -502,28 +667,28 @@ ...@@ -502,28 +667,28 @@
* @param {*} * @param {*}
* @return {*} * @return {*}
*/ */
switchCollapse() { switchCollapse () {
this.isCollapse = !this.isCollapse this.isCollapse = !this.isCollapse
}, },
handleOpen(key, keyPath) { handleOpen (key, keyPath) {
//console.log(key, keyPath); //console.log(key, keyPath);
}, },
handleClose(key, keyPath) { handleClose (key, keyPath) {
//console.log(key, keyPath); //console.log(key, keyPath);
}, },
}, },
beforeDestroy() { beforeDestroy () {
//组件销毁前需要解绑事件。否则会出现重复触发事件的问题 //组件销毁前需要解绑事件。否则会出现重复触发事件的问题
}, },
watch: { watch: {
enLargeFace(newValue, oldValue) { enLargeFace (newValue, oldValue) {
}, },
menuActive(newValue, oldValue) { menuActive (newValue, oldValue) {
}, },
loading(newValue, oldValue) { loading (newValue, oldValue) {
}, },
$route: { $route: {
handler(newValue, oldValue) { handler (newValue, oldValue) {
// console.log(oldValue); // console.log(oldValue);
// 如果是人员指纹编辑界面或者是案件指纹编辑界面，进行判断是否跳转 // 如果是人员指纹编辑界面或者是案件指纹编辑界面，进行判断是否跳转
// if(oldValue.name === 'ryzwbj' || oldValue.name === 'ajzwbj') { // if(oldValue.name === 'ryzwbj' || oldValue.name === 'ajzwbj') {
...@@ -564,16 +729,16 @@ ...@@ -564,16 +729,16 @@
immediate: true, immediate: true,
}, },
}, },
created() { created () {
this.paths = sessionStorage.getItem('crumbs') this.paths = sessionStorage.getItem('crumbs')
? JSON.parse(utils.Decrypt(sessionStorage.getItem('crumbs'))) ? JSON.parse(utils.Decrypt(sessionStorage.getItem('crumbs')))
: [] : []
}, },
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
// 人像 // 人像
.face-big { .face-big {
z-index: 999; z-index: 999;
position: fixed; position: fixed;
top: calc(50% - 361px); top: calc(50% - 361px);
...@@ -585,7 +750,7 @@ ...@@ -585,7 +750,7 @@
.face-name { .face-name {
font-size: 16px; font-size: 16px;
font-family:HarmonyOS_Sans_SC-Bold,HarmonyOS_Sans_SC; font-family: HarmonyOS_Sans_SC-Bold, HarmonyOS_Sans_SC;
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
margin-bottom: 6px; margin-bottom: 6px;
...@@ -599,9 +764,9 @@ ...@@ -599,9 +764,9 @@
border: 1px solid #cccccc; border: 1px solid #cccccc;
background: #ffffff; background: #ffffff;
} }
} }
/deep/ .dialog-footer { /deep/ .dialog-footer {
margin-top: 26px; margin-top: 26px;
width: 100%; width: 100%;
display: flex; display: flex;
...@@ -611,9 +776,9 @@ ...@@ -611,9 +776,9 @@
button { button {
margin-right: 24px; margin-right: 24px;
} }
} }
/deep/ .el-dialog__body { /deep/ .el-dialog__body {
display: flex; display: flex;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
...@@ -628,9 +793,9 @@ ...@@ -628,9 +793,9 @@
color: #333333; color: #333333;
line-height: 24px; line-height: 24px;
} }
} }
.el-dialog { .el-dialog {
height: 169px; height: 169px;
background: #ffffff; background: #ffffff;
box-shadow: 0px 18px 28px 10px rgba(0, 21, 51, 0.08) !important; box-shadow: 0px 18px 28px 10px rgba(0, 21, 51, 0.08) !important;
...@@ -645,7 +810,7 @@ ...@@ -645,7 +810,7 @@
border-radius: 4px; border-radius: 4px;
border: 1px solid #aeb5c2; border: 1px solid #aeb5c2;
font-size: 14px; font-size: 14px;
font-family:HarmonyOS_Sans_SC; font-family: HarmonyOS_Sans_SC;
color: #2e3846; color: #2e3846;
&:hover { &:hover {
...@@ -668,7 +833,7 @@ ...@@ -668,7 +833,7 @@
border: 1px solid #055fe7; border: 1px solid #055fe7;
border-radius: 4px; border-radius: 4px;
font-size: 14px; font-size: 14px;
font-family:HarmonyOS_Sans_SC; font-family: HarmonyOS_Sans_SC;
color: #ffffff; color: #ffffff;
&:hover { &:hover {
...@@ -681,14 +846,14 @@ ...@@ -681,14 +846,14 @@
border: 1px solid #044cb9; border: 1px solid #044cb9;
} }
} }
} }
.v-modal { .v-modal {
background: none; background: none;
} }
// 模糊的背景 // 模糊的背景
.cropper { .cropper {
position: fixed; position: fixed;
left: 0; left: 0;
top: 0; top: 0;
...@@ -700,9 +865,9 @@ ...@@ -700,9 +865,9 @@
height: 100%; height: 100%;
filter: blur(1.5px); filter: blur(1.5px);
} }
} }
.shadow { .shadow {
z-index: 999; z-index: 999;
position: fixed; position: fixed;
left: 0; left: 0;
...@@ -710,44 +875,43 @@ ...@@ -710,44 +875,43 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgba($color: #fff, $alpha: 0.65); background: rgba($color: #fff, $alpha: 0.65);
} }
#home { #home {
height: 100vh; height: 100vh;
//height: 100%; //height: 100%;
// filter: blur(5px); // filter: blur(5px);
} }
.zhanshi { .zhanshi {
filter: blur(2px); filter: blur(2px);
//display: none; //display: none;
} }
.layout-container { .layout-container {
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
display: flex; display: flex;
} }
.container-dom { .container-dom {
background: #f5f5f5; background: #f5f5f5;
height: 100%; height: 100%;
} }
/deep/ .el-menu.el-menu--inline { /deep/ .el-menu.el-menu--inline {
.el-menu-item { .el-menu-item {
padding-left: 50px !important; padding-left: 50px !important;
font-family:HarmonyOS_Sans_SC; font-family: HarmonyOS_Sans_SC;
} }
.el-menu-item.is-active { .el-menu-item.is-active {
padding-left: 46px !important; padding-left: 46px !important;
} }
} }
.el-menu-vertical-demo:not(.el-menu--collapse) {
.el-menu-vertical-demo:not(.el-menu--collapse) {
.el-submenu, .el-submenu,
.el-menu-item { .el-menu-item {
img { img {
...@@ -757,17 +921,16 @@ ...@@ -757,17 +921,16 @@
span { span {
margin-left: 16px; margin-left: 16px;
font-family:HarmonyOS_Sans_SC; font-family: HarmonyOS_Sans_SC;
}
} }
} }
}
.el-menu-item:hover { .el-menu-item:hover {
background-color: #15243c !important; background-color: #15243c !important;
} }
.el-menu--collapse {
.el-menu--collapse {
.el-submenu, .el-submenu,
.el-menu-item { .el-menu-item {
img { img {
...@@ -791,31 +954,31 @@ ...@@ -791,31 +954,31 @@
display: none; display: none;
} }
} }
} }
.aside { .aside {
background-color: #1f2d45; background-color: #1f2d45;
} }
.aside .el-menu { .aside .el-menu {
border-right: none; border-right: none;
} }
.aside .logo { .aside .logo {
background: #001e33; background: #001e33;
width: 100%; width: 100%;
height: 64px; height: 64px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.aside .logo .jh { .aside .logo .jh {
width: 30px; width: 30px;
height: 31px; height: 31px;
} }
.aside { .aside {
/deep/ .el-menu-item.is-active { /deep/ .el-menu-item.is-active {
box-sizing: border-box; box-sizing: border-box;
background-color: #15243c !important; background-color: #15243c !important;
...@@ -852,32 +1015,33 @@ ...@@ -852,32 +1015,33 @@
cursor: pointer; cursor: pointer;
} }
} }
} }
.aside .logo .title { .aside .logo .title {
width: 191px; width: 191px;
height: 24px; height: 24px;
margin-left: 11px; margin-left: 11px;
} }
.fz { .fz {
position: fixed; position: fixed;
bottom: 32px; bottom: 32px;
left: 26px; left: 26px;
width: 137px; width: 137px;
height: 17px; height: 17px;
display: flex; display: flex;
} }
.fz img { .fz img {
object-fit: contain; object-fit: contain;
} }
.aside .minLogo { .aside .minLogo {
background-size: 36px auto; background-size: 36px auto;
} }
.el-tabs /deep/ { .el-tabs /deep/ {
font-family: HarmonyOS_Sans_SC;
.el-tabs__header { .el-tabs__header {
margin: 0; margin: 0;
margin-top: 8px; margin-top: 8px;
...@@ -941,9 +1105,9 @@ ...@@ -941,9 +1105,9 @@
color: #0077ff; color: #0077ff;
} }
} }
} }
.header { .header {
height: 64px; height: 64px;
background: #ffffff; background: #ffffff;
display: flex; display: flex;
...@@ -974,7 +1138,7 @@ ...@@ -974,7 +1138,7 @@
background: #ddebff; background: #ddebff;
border-radius: 4px; border-radius: 4px;
font-size: 14px; font-size: 14px;
font-family:HarmonyOS_Sans_SC; font-family: HarmonyOS_Sans_SC;
color: #055fe7; color: #055fe7;
line-height: 32px; line-height: 32px;
text-align: center; text-align: center;
...@@ -983,7 +1147,7 @@ ...@@ -983,7 +1147,7 @@
.set, .set,
.role { .role {
font-size: 14px; font-size: 14px;
font-family:HarmonyOS_Sans_SC; font-family: HarmonyOS_Sans_SC;
color: #333333; color: #333333;
} }
...@@ -1073,9 +1237,9 @@ ...@@ -1073,9 +1237,9 @@
} }
} }
} }
} }
.main { .main {
padding: 24px; padding: 24px;
width: 100%; width: 100%;
height: calc(100% - 60px); height: calc(100% - 60px);
...@@ -1110,7 +1274,7 @@ ...@@ -1110,7 +1274,7 @@
height: 47px; height: 47px;
padding: 11px 24px; padding: 11px 24px;
font-size: 14px; font-size: 14px;
font-family:HarmonyOS_Sans_SC; font-family: HarmonyOS_Sans_SC;
flex-shrink: 0; flex-shrink: 0;
color: #666666; color: #666666;
...@@ -1134,9 +1298,9 @@ ...@@ -1134,9 +1298,9 @@
} }
} }
} }
} }
.loading { .loading {
z-index: 999998; z-index: 999998;
position: fixed; position: fixed;
left: 0; left: 0;
...@@ -1169,9 +1333,9 @@ ...@@ -1169,9 +1333,9 @@
height: 100%; height: 100%;
} }
} }
} }
.smallLoading { .smallLoading {
z-index: 999999; z-index: 999999;
position: fixed; position: fixed;
right: 24px; right: 24px;
...@@ -1204,5 +1368,5 @@ ...@@ -1204,5 +1368,5 @@
height: 100%; height: 100%;
} }
} }
} }
</style> </style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment