|
|
@@ -3,6 +3,30 @@
|
|
|
<TopPage></TopPage>
|
|
|
<el-row class="main_right_height">
|
|
|
<el-col :span="4" class="menu_style" style="position: relative">
|
|
|
+ <div class="menu_title_top">
|
|
|
+ <span class="menu_title_top_des">心理与认知干预系统</span>
|
|
|
+ </div>
|
|
|
+ <div class="menu_feature">
|
|
|
+ <div style="margin-left: 10%">
|
|
|
+ <img
|
|
|
+ width="60px"
|
|
|
+ height="60px"
|
|
|
+ src="../assets/newImage/people.png"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="update_pass">
|
|
|
+ <div style="color: #ffffff; margin-bottom: 10px">
|
|
|
+ {{ acount }}
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span
|
|
|
+ @click="updatePass()"
|
|
|
+ style="cursor: pointer; color: #ffffff; font-size: 12px"
|
|
|
+ >修改密码</span
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<el-menu
|
|
|
:default-active="defaultUrl"
|
|
|
class="el-menu-vertical-demo"
|
|
|
@@ -14,7 +38,7 @@
|
|
|
:popper-append-to-body="false"
|
|
|
:router="true"
|
|
|
>
|
|
|
- <p align="center">
|
|
|
+ <!-- <p align="center">
|
|
|
<img
|
|
|
width="60px"
|
|
|
height="60px"
|
|
|
@@ -22,7 +46,6 @@
|
|
|
style="border-radius: 50%"
|
|
|
/>
|
|
|
</p>
|
|
|
-
|
|
|
<p align="center" style="color: #ffffff">
|
|
|
<i
|
|
|
title="修改密码"
|
|
|
@@ -37,106 +60,212 @@
|
|
|
style="cursor: pointer"
|
|
|
class="el-icon-s-home"
|
|
|
></i>
|
|
|
- </p>
|
|
|
- <el-menu-item index="/menu/smart" v-show="userType === 1">
|
|
|
- <i class="el-icon-menu"></i>
|
|
|
- <span slot="title">智能对话</span>
|
|
|
+ </p> -->
|
|
|
+ <el-menu-item index="" @click="goMain" v-show="true">
|
|
|
+ <!-- <i class="el-icon-menu"></i> -->
|
|
|
+ <img class="menu_icon_cla" src="../assets/menuIcon/main.png" />
|
|
|
+ <span slot="title" class="menu_text_cla">主页</span>
|
|
|
</el-menu-item>
|
|
|
- <el-menu-item index="/menu/evaluation" v-show="userType === 1">
|
|
|
- <i class="el-icon-menu"></i>
|
|
|
- <span slot="title">心理测评</span>
|
|
|
- </el-menu-item>
|
|
|
- <el-menu-item index="/menu/relax" v-show="userType === 1">
|
|
|
- <i class="el-icon-menu"></i>
|
|
|
- <span slot="title">心理放松</span>
|
|
|
+ <el-menu-item
|
|
|
+ index="/menu/smart"
|
|
|
+ v-show="userType === 1"
|
|
|
+ @click="menuClick('rjdh')"
|
|
|
+ >
|
|
|
+ <!-- @mouseover="menuClick('rjdh')" -->
|
|
|
+ <!-- @click="menuClick('rjdh')" -->
|
|
|
+ <img
|
|
|
+ class="menu_icon_cla"
|
|
|
+ :src="require('@/assets/menuIcon/' + rjdhUrl)"
|
|
|
+ />
|
|
|
+ <span
|
|
|
+ slot="title"
|
|
|
+ class="menu_text_span"
|
|
|
+ :style="{ color: rjdh ? '#ffffff' : '#0FB577' }"
|
|
|
+ >智能对话</span
|
|
|
+ >
|
|
|
</el-menu-item>
|
|
|
- <el-menu-item index="/menu/electrical" v-show="userType === 1">
|
|
|
- <i class="el-icon-menu"></i>
|
|
|
- <span slot="title">脑电采集</span>
|
|
|
+ <el-menu-item
|
|
|
+ index="/menu/evaluation"
|
|
|
+ v-show="userType === 1"
|
|
|
+ @click="menuClick('xlcp')"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ class="menu_icon_cla"
|
|
|
+ :src="require('@/assets/menuIcon/' + xlcpUrl)"
|
|
|
+ />
|
|
|
+ <span
|
|
|
+ slot="title"
|
|
|
+ class=""
|
|
|
+ :style="{ color: xlcp ? '#ffffff' : '#0FB577' }"
|
|
|
+ >心理测评</span
|
|
|
+ >
|
|
|
</el-menu-item>
|
|
|
- <el-menu-item index="/menu/pulse" v-show="userType === 1">
|
|
|
- <i class="el-icon-menu"></i>
|
|
|
- <span slot="title">脉搏采集</span>
|
|
|
+ <el-menu-item
|
|
|
+ index="/menu/relax"
|
|
|
+ v-show="userType === 1"
|
|
|
+ @click="menuClick('xlfs')"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ class="menu_icon_cla"
|
|
|
+ :src="require('@/assets/menuIcon/' + xlfsUrl)"
|
|
|
+ />
|
|
|
+ <span
|
|
|
+ slot="title"
|
|
|
+ :style="{ color: xlfs ? '#ffffff' : '#0FB577' }"
|
|
|
+ class="menu_text_cla"
|
|
|
+ >心理放松</span
|
|
|
+ >
|
|
|
</el-menu-item>
|
|
|
- <el-menu-item index="/menu/animation" v-show="userType === 1">
|
|
|
- <i class="el-icon-menu"></i>
|
|
|
- <span slot="title">生物反馈训练</span>
|
|
|
+ <el-menu-item
|
|
|
+ index="/menu/pulse"
|
|
|
+ v-show="userType === 1"
|
|
|
+ @click="menuClick('rzgy')"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ class="menu_icon_cla"
|
|
|
+ :src="require('@/assets/menuIcon/' + rzgyUrl)"
|
|
|
+ />
|
|
|
+ <span
|
|
|
+ slot="title"
|
|
|
+ :style="{ color: rzgy ? '#ffffff' : '#0FB577' }"
|
|
|
+ class="menu_text_cla"
|
|
|
+ >认知行为干预</span
|
|
|
+ >
|
|
|
</el-menu-item>
|
|
|
-
|
|
|
- <!-- <el-menu-item index="/menu/controlPanel" v-show="userType === 1">
|
|
|
+ <!-- <el-menu-item index="/menu/pulse" v-show="userType === 1">
|
|
|
<i class="el-icon-menu"></i>
|
|
|
- <span slot="title">控制面板</span>
|
|
|
+ <span slot="title">脉搏采集</span>
|
|
|
</el-menu-item> -->
|
|
|
-
|
|
|
- <el-menu-item index="/menu/manageUser" v-show="userType === 2">
|
|
|
- <i class="el-icon-menu"></i>
|
|
|
- <span slot="title">用户管理</span>
|
|
|
+ <el-menu-item
|
|
|
+ index="/menu/animation"
|
|
|
+ v-show="userType === 1"
|
|
|
+ @click="menuClick('swfk')"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ class="menu_icon_cla"
|
|
|
+ :src="require('@/assets/menuIcon/' + swfkUrl)"
|
|
|
+ />
|
|
|
+ <span slot="title" :style="{ color: swfk ? '#ffffff' : '#0FB577' }"
|
|
|
+ >生物反馈训练</span
|
|
|
+ >
|
|
|
</el-menu-item>
|
|
|
- <el-menu-item index="/menu/manageUserScale" v-show="userType === 2">
|
|
|
- <i class="el-icon-menu"></i>
|
|
|
- <span slot="title">用户测试记录</span>
|
|
|
+
|
|
|
+ <el-menu-item
|
|
|
+ index="/menu/manageUser"
|
|
|
+ v-show="userType === 2"
|
|
|
+ @click="menuManageClick('yhgl')"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ class="menu_icon_cla"
|
|
|
+ :src="require('@/assets/menuIcon/' + yhglUrl)"
|
|
|
+ />
|
|
|
+ <span
|
|
|
+ slot="title"
|
|
|
+ class="menu_text_cla"
|
|
|
+ :style="{ color: yhgl ? '#ffffff' : '#0FB577' }"
|
|
|
+ >用户管理</span
|
|
|
+ >
|
|
|
</el-menu-item>
|
|
|
- <el-menu-item index="/menu/manageScaleUser" v-show="userType === 2">
|
|
|
- <i class="el-icon-menu"></i>
|
|
|
- <span slot="title">量表测试记录</span>
|
|
|
+ <el-menu-item
|
|
|
+ index="/menu/manageUserScale"
|
|
|
+ v-show="userType === 2"
|
|
|
+ @click="menuManageClick('yhlt')"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ class="menu_icon_cla"
|
|
|
+ :src="require('@/assets/menuIcon/' + yhltUrl)"
|
|
|
+ />
|
|
|
+ <span
|
|
|
+ slot="title"
|
|
|
+ class="menu_text_cla"
|
|
|
+ :style="{ color: yhlt ? '#ffffff' : '#0FB577' }"
|
|
|
+ >用户聊天记录</span
|
|
|
+ >
|
|
|
</el-menu-item>
|
|
|
- <el-menu-item index="/menu/manageElectrical" v-show="userType === 2">
|
|
|
- <i class="el-icon-menu"></i>
|
|
|
- <span slot="title">脑电测试记录</span>
|
|
|
+ <el-menu-item
|
|
|
+ index="/menu/manageScaleUser"
|
|
|
+ v-show="userType === 2"
|
|
|
+ @click="menuManageClick('yhcp')"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ class="menu_icon_cla"
|
|
|
+ :src="require('@/assets/menuIcon/' + yhcpUrl)"
|
|
|
+ />
|
|
|
+ <span
|
|
|
+ slot="title"
|
|
|
+ class="menu_text_cla"
|
|
|
+ :style="{ color: yhcp ? '#ffffff' : '#0FB577' }"
|
|
|
+ >量表测评记录</span
|
|
|
+ >
|
|
|
</el-menu-item>
|
|
|
- <el-menu-item index="/menu/managePluse" v-show="userType === 2">
|
|
|
- <i class="el-icon-menu"></i>
|
|
|
- <span slot="title">脉搏测试记录</span>
|
|
|
+ <el-menu-item
|
|
|
+ index="/menu/manageElectrical"
|
|
|
+ v-show="userType === 2"
|
|
|
+ @click="menuManageClick('yhfk')"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ class="menu_icon_cla"
|
|
|
+ :src="require('@/assets/menuIcon/' + yhfkUrl)"
|
|
|
+ />
|
|
|
+ <span
|
|
|
+ slot="title"
|
|
|
+ class="menu_text_cla"
|
|
|
+ :style="{ color: yhfk ? '#ffffff' : '#0FB577' }"
|
|
|
+ >生物反馈记录</span
|
|
|
+ >
|
|
|
</el-menu-item>
|
|
|
- </el-menu>
|
|
|
- <!-- <el-row :style="{ 'margin-top': userType == '2' ? '35vh' : '28vh' }">
|
|
|
- <el-col :span="8">
|
|
|
+ <el-menu-item
|
|
|
+ index="/menu/managePluse"
|
|
|
+ v-show="userType === 2"
|
|
|
+ @click="menuManageClick('yhgy')"
|
|
|
+ >
|
|
|
<img
|
|
|
- @click="userExit"
|
|
|
- class="imgStyle"
|
|
|
- align="right"
|
|
|
- src="../assets/newImage/exit.png"
|
|
|
+ class="menu_icon_cla"
|
|
|
+ :src="require('@/assets/menuIcon/' + yhgyUrl)"
|
|
|
/>
|
|
|
- </el-col>
|
|
|
- <el-col :span="16"
|
|
|
- ><span class="exitLogin" @click="userExit">退出登录</span>
|
|
|
- </el-col>
|
|
|
- </el-row> -->
|
|
|
+ <span
|
|
|
+ slot="title"
|
|
|
+ class="menu_text_cla"
|
|
|
+ :style="{ color: yhgy ? '#ffffff' : '#0FB577' }"
|
|
|
+ >认知行为干预记录</span
|
|
|
+ >
|
|
|
+ </el-menu-item>
|
|
|
+ </el-menu>
|
|
|
<div class="foot_main_exit">
|
|
|
- <div style="display: flex; justify-content: center">
|
|
|
+ <div class="menu_main_exit">
|
|
|
<img
|
|
|
@click="userExit"
|
|
|
class="imgStyle"
|
|
|
align="center"
|
|
|
- src="../assets/newImage/exit.png"
|
|
|
+ src="../assets/newImage/exit1.png"
|
|
|
/>
|
|
|
- <span class="exitLogin" @click="userExit">退出登录</span>
|
|
|
+ <span class="exitLogin" @click="userExit" style="font-size: 10px"
|
|
|
+ >退出登录</span
|
|
|
+ >
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- <el-row :style="{ 'margin-top': userType == '2' ? '35vh' : '28vh' }">
|
|
|
- <el-col :span="8">
|
|
|
- <img
|
|
|
- @click="userExit"
|
|
|
- class="imgStyle"
|
|
|
- align="right"
|
|
|
- src="../assets/newImage/exit.png"
|
|
|
- />
|
|
|
- </el-col>
|
|
|
- <el-col :span="16"
|
|
|
- ><span class="exitLogin" @click="userExit">退出登录</span>
|
|
|
- </el-col>
|
|
|
- </el-row> -->
|
|
|
- <div class="foot_main_menu"> </div>
|
|
|
+ <!-- <div class="foot_main_menu"> </div> -->
|
|
|
</el-col>
|
|
|
<el-col
|
|
|
- style="height: 95vh; overflow-y: no; overflow-x: no; position: relative"
|
|
|
+ style="
|
|
|
+ height: 100vh;
|
|
|
+ overflow-y: no;
|
|
|
+ overflow-x: no;
|
|
|
+ position: relative;
|
|
|
+ "
|
|
|
:span="20"
|
|
|
>
|
|
|
- <router-view v-if="!$route.meta.keepAlive"></router-view>
|
|
|
- <keep-alive>
|
|
|
- <router-view v-if="$route.meta.keepAlive" />
|
|
|
- </keep-alive>
|
|
|
- <div class="foot_main">Copyright© 北京决明科技有限公司</div>
|
|
|
+ <div class="menu_left_new">
|
|
|
+ <router-view
|
|
|
+ v-if="!$route.meta.keepAlive"
|
|
|
+ class="menu_left_keep"
|
|
|
+ ></router-view>
|
|
|
+ <keep-alive>
|
|
|
+ <router-view v-if="$route.meta.keepAlive" class="menu_left_keep" />
|
|
|
+ </keep-alive>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- <div class="foot_main">Copyright© 北京决明科技有限公司</div> -->
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
@@ -219,6 +348,37 @@ export default {
|
|
|
}
|
|
|
};
|
|
|
return {
|
|
|
+ //人机对话
|
|
|
+ rjdhUrl: "rjdh1.png",
|
|
|
+ rjdh: true,
|
|
|
+ //心理测评
|
|
|
+ xlcpUrl: "rjdh.png",
|
|
|
+ xlcp: true,
|
|
|
+ xlfsUrl: "xlfs.png",
|
|
|
+ xlfs: true,
|
|
|
+ //认知干预
|
|
|
+ rzgyUrl: "rzgy.png",
|
|
|
+ rzgy: true,
|
|
|
+ //生物反馈
|
|
|
+ swfkUrl: "swfk.png",
|
|
|
+ swfk: true,
|
|
|
+
|
|
|
+ //管理页面
|
|
|
+ //用户管理
|
|
|
+ yhglUrl: "main.png",
|
|
|
+ yhgl: true,
|
|
|
+ //用户聊天记录
|
|
|
+ yhltUrl: "main.png",
|
|
|
+ yhlt: true,
|
|
|
+ //用户测评
|
|
|
+ yhcpUrl: "main.png",
|
|
|
+ yhcp: true,
|
|
|
+ //用户反馈
|
|
|
+ yhfkUrl: "main.png",
|
|
|
+ yhfk: true,
|
|
|
+ //用户干预
|
|
|
+ yhgyUrl: "main.png",
|
|
|
+ yhgy: true,
|
|
|
userType: 0,
|
|
|
defaultUrl: "",
|
|
|
acount: "",
|
|
|
@@ -240,12 +400,158 @@ export default {
|
|
|
this.defaultUrl = sessionStorage.getItem("defaultUrl");
|
|
|
//sessionStorage
|
|
|
|
|
|
+
|
|
|
+ let queryUrl =this.$route.query.url
|
|
|
+ this.menuClick(queryUrl)
|
|
|
+ this.menuManageClick(queryUrl)
|
|
|
this.userType = sessionStorage.getItem("userType");
|
|
|
this.userType = parseInt(this.userType);
|
|
|
|
|
|
this.$root.topPageFlag = true;
|
|
|
},
|
|
|
methods: {
|
|
|
+ menuManageClick(val) {
|
|
|
+ if (val == "yhgl") {
|
|
|
+ this.yhglUrl = "main.png";
|
|
|
+ this.yhgl = false;
|
|
|
+
|
|
|
+ this.yhltUrl = "main.png";
|
|
|
+ this.yhlt = true;
|
|
|
+
|
|
|
+ this.yhcpUrl = "main.png";
|
|
|
+ this.yhcp = true;
|
|
|
+
|
|
|
+ this.yhfkUrl = "main.png";
|
|
|
+ this.yhfk = true;
|
|
|
+
|
|
|
+ this.yhgyUrl = "main.png";
|
|
|
+ this.yhgy = true;
|
|
|
+ }
|
|
|
+ if (val == "yhlt") {
|
|
|
+ this.yhglUrl = "main.png";
|
|
|
+ this.yhgl = true;
|
|
|
+ this.yhltUrl = "main.png";
|
|
|
+ this.yhlt = false;
|
|
|
+
|
|
|
+ this.yhcpUrl = "main.png";
|
|
|
+ this.yhcp = true;
|
|
|
+
|
|
|
+ this.yhfkUrl = "main.png";
|
|
|
+ this.yhfk = true;
|
|
|
+
|
|
|
+ this.yhgyUrl = "main.png";
|
|
|
+ this.yhgy = true;
|
|
|
+ }
|
|
|
+ if (val == "yhcp") {
|
|
|
+ this.yhglUrl = "main.png";
|
|
|
+ this.yhgl = true;
|
|
|
+
|
|
|
+ this.yhltUrl = "main.png";
|
|
|
+ this.yhlt = true;
|
|
|
+
|
|
|
+ this.yhcpUrl = "main.png";
|
|
|
+ this.yhcp = false;
|
|
|
+
|
|
|
+ this.yhfkUrl = "main.png";
|
|
|
+ this.yhfk = true;
|
|
|
+
|
|
|
+ this.yhgyUrl = "main.png";
|
|
|
+ this.yhgy = true;
|
|
|
+ }
|
|
|
+ if (val == "yhfk") {
|
|
|
+ this.yhglUrl = "main.png";
|
|
|
+ this.yhgl = true;
|
|
|
+
|
|
|
+ this.yhltUrl = "main.png";
|
|
|
+ this.yhlt = true;
|
|
|
+
|
|
|
+ this.yhcpUrl = "main.png";
|
|
|
+ this.yhcp = true;
|
|
|
+ this.yhfkUrl = "main.png";
|
|
|
+ this.yhfk = false;
|
|
|
+ this.yhgyUrl = "main.png";
|
|
|
+ this.yhgy = true;
|
|
|
+ }
|
|
|
+ if (val == "yhgy") {
|
|
|
+ this.yhglUrl = "main.png";
|
|
|
+ this.yhgl = true;
|
|
|
+
|
|
|
+ this.yhltUrl = "main.png";
|
|
|
+ this.yhlt = true;
|
|
|
+
|
|
|
+ this.yhcpUrl = "main.png";
|
|
|
+ this.yhcp = true;
|
|
|
+ this.yhfkUrl = "main.png";
|
|
|
+ this.yhfk = true;
|
|
|
+ this.yhgyUrl = "main.png";
|
|
|
+ this.yhgy = false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ menuClick(val) {
|
|
|
+ console.log(val);
|
|
|
+ if (val == "rjdh") {
|
|
|
+ this.rjdhUrl = "rjdh1.png";
|
|
|
+ this.rjdh = false;
|
|
|
+ this.xlcpUrl = "xlcp.png";
|
|
|
+ this.xlcp = true;
|
|
|
+ this.xlfsUrl = "xlfs.png";
|
|
|
+ this.xlfs = true;
|
|
|
+ this.rzgyUrl = "rzgy.png";
|
|
|
+ this.rzgy = true;
|
|
|
+ this.swfkUrl = "swfk.png";
|
|
|
+ this.swfk = true;
|
|
|
+ }
|
|
|
+ if (val == "xlcp") {
|
|
|
+ this.xlcpUrl = "xlcp1.png";
|
|
|
+ this.xlcp = false;
|
|
|
+ this.rjdhUrl = "rjdh.png";
|
|
|
+ this.rjdh = true;
|
|
|
+ this.xlfsUrl = "xlfs.png";
|
|
|
+ this.xlfs = true;
|
|
|
+ this.rzgyUrl = "rzgy.png";
|
|
|
+ this.rzgy = true;
|
|
|
+ this.swfkUrl = "swfk.png";
|
|
|
+ this.swfk = true;
|
|
|
+ }
|
|
|
+ if (val == "xlfs") {
|
|
|
+ this.xlfsUrl = "xlfs1.png";
|
|
|
+ this.xlfs = false;
|
|
|
+
|
|
|
+ this.xlcpUrl = "xlcp.png";
|
|
|
+ this.xlcp = true;
|
|
|
+ this.rjdhUrl = "rjdh.png";
|
|
|
+ this.rjdh = true;
|
|
|
+
|
|
|
+ this.rzgyUrl = "rzgy.png";
|
|
|
+ this.rzgy = true;
|
|
|
+ this.swfkUrl = "swfk.png";
|
|
|
+ this.swfk = true;
|
|
|
+ }
|
|
|
+ if (val == "rzgy") {
|
|
|
+ this.rzgyUrl = "rzgy1.png";
|
|
|
+ this.rzgy = false;
|
|
|
+ this.xlfsUrl = "xlfs.png";
|
|
|
+ this.xlfs = true;
|
|
|
+ this.xlcpUrl = "xlcp.png";
|
|
|
+ this.xlcp = true;
|
|
|
+ this.rjdhUrl = "rjdh.png";
|
|
|
+ this.rjdh = true;
|
|
|
+ this.swfkUrl = "swfk.png";
|
|
|
+ this.swfk = true;
|
|
|
+ }
|
|
|
+ if (val == "swfk") {
|
|
|
+ this.swfkUrl = "swfk1.png";
|
|
|
+ this.swfk = false;
|
|
|
+ this.rzgyUrl = "rzgy.png";
|
|
|
+ this.rzgy = true;
|
|
|
+ this.xlfsUrl = "xlfs.png";
|
|
|
+ this.xlfs = true;
|
|
|
+ this.xlcpUrl = "xlcp.png";
|
|
|
+ this.xlcp = true;
|
|
|
+ this.rjdhUrl = "rjdh.png";
|
|
|
+ this.rjdh = true;
|
|
|
+ }
|
|
|
+ },
|
|
|
submitForm(formName) {
|
|
|
let that = this;
|
|
|
let num = sessionStorage.getItem("num");
|
|
|
@@ -286,7 +592,7 @@ export default {
|
|
|
this.$router.push("/mainTable");
|
|
|
ipcRenderer.removeAllListeners();
|
|
|
Utils.$off();
|
|
|
- this. desTimer()
|
|
|
+ this.desTimer();
|
|
|
},
|
|
|
handleOpen(key, keyPath) {},
|
|
|
handleClose(key, keyPath) {},
|
|
|
@@ -294,15 +600,15 @@ export default {
|
|
|
this.$router.push("/");
|
|
|
ipcRenderer.removeAllListeners();
|
|
|
Utils.$off();
|
|
|
- this. desTimer()
|
|
|
+ this.desTimer();
|
|
|
},
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
<style scoped>
|
|
|
.imgStyle {
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
+ width: 10px;
|
|
|
+ height: 10px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
.exitLogin {
|
|
|
@@ -310,20 +616,52 @@ export default {
|
|
|
color: #ffffff;
|
|
|
cursor: pointer;
|
|
|
display: block;
|
|
|
- padding-bottom: 5px;
|
|
|
}
|
|
|
-.el-menu-item.is-active {
|
|
|
- background-color: rgba(17, 17, 18, 0.2) !important;
|
|
|
+.el-menu-item {
|
|
|
+ margin-left: 10px !important;
|
|
|
}
|
|
|
+
|
|
|
.el-menu-item:hover {
|
|
|
color: #ffffff !important;
|
|
|
+ background-color: transparent !important;
|
|
|
+}
|
|
|
|
|
|
- background-color: rgba(17, 17, 18, 0.2) !important;
|
|
|
+.el-menu-item:focus {
|
|
|
+ color: #ffffff !important;
|
|
|
+ background-color: #ffffff !important;
|
|
|
+ color: #04d1a7 !important;
|
|
|
+ border-radius: 20px;
|
|
|
+ margin-left: 10px;
|
|
|
+ width: 180px;
|
|
|
+}
|
|
|
+.el-menu-item.is-active {
|
|
|
+ background-color: #ffffff !important;
|
|
|
+ color: #04d1a7 !important;
|
|
|
+ border-radius: 20px;
|
|
|
+ margin-left: 10px;
|
|
|
+ width: 180px;
|
|
|
}
|
|
|
.el-menu-item:active {
|
|
|
color: #ffffff !important;
|
|
|
- background-color: rgba(17, 17, 18, 0.2) !important;
|
|
|
+ background-color: #ffffff !important;
|
|
|
+ color: #04d1a7 !important;
|
|
|
+ border-radius: 20px;
|
|
|
+ margin-left: 10px;
|
|
|
+ width: 180px;
|
|
|
+}
|
|
|
+.el-menu-item {
|
|
|
+ /* color: #ffffff !important;
|
|
|
+ background-color: #ffffff !important;
|
|
|
+ color: #04d1a7 !important;
|
|
|
+ border-radius: 20px;
|
|
|
+ margin-left: 10px; */
|
|
|
+ border-radius: 20px;
|
|
|
+ width: 180px;
|
|
|
}
|
|
|
+/* .el-menu-item:active {
|
|
|
+ color: #ffffff !important;
|
|
|
+ background-color: #ffffff !important;
|
|
|
+} */
|
|
|
|
|
|
li.hover {
|
|
|
}
|
|
|
@@ -336,8 +674,8 @@ ul {
|
|
|
/* background-color: linear-gradient(0deg, #4ab3c6 0%, #001e78 100%) !important; */
|
|
|
}
|
|
|
.menu_style {
|
|
|
- background: linear-gradient(0deg, #4ab3c6 0%, #001e78 100%) !important;
|
|
|
- height: 95vh;
|
|
|
+ background: linear-gradient(0deg, #09b3ff 0%, #04d1a7 100%) !important;
|
|
|
+ height: 100vh;
|
|
|
}
|
|
|
.foot_main {
|
|
|
width: 100%;
|
|
|
@@ -372,15 +710,67 @@ ul {
|
|
|
width: 100%;
|
|
|
position: absolute;
|
|
|
bottom: 40px;
|
|
|
+ left: -40px;
|
|
|
line-height: 20px;
|
|
|
display: block;
|
|
|
font-size: 10px;
|
|
|
/* background-color: rgb(94, 125, 221); */
|
|
|
- text-align: center;
|
|
|
+ /* text-align: center; */
|
|
|
}
|
|
|
/* .main_right_height {
|
|
|
height: 95vh !important;
|
|
|
display: block !important;
|
|
|
overflow-y: auto !important;
|
|
|
} */
|
|
|
+.menu_left_new {
|
|
|
+ background: linear-gradient(0deg, #09b3ff 0%, #04d1a7 100%) !important;
|
|
|
+ height: 100vh;
|
|
|
+ /* background: linear-gradient(0deg,#09B3FF 0%, #04D1A7 100%) !important; */
|
|
|
+}
|
|
|
+.menu_left_keep {
|
|
|
+ border-top-left-radius: 36px;
|
|
|
+ border-bottom-left-radius: 36px;
|
|
|
+ /* background: #09b3ff; */
|
|
|
+
|
|
|
+ height: 100vh;
|
|
|
+
|
|
|
+ /* background: linear-gradient(0deg,#09B3FF 0%, #04D1A7 100%) !important; */
|
|
|
+}
|
|
|
+.menu_title_top {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ color: #ffffff;
|
|
|
+ margin-top: 40px;
|
|
|
+}
|
|
|
+.menu_title_top_des {
|
|
|
+ border-bottom: 1px solid #ffffff;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ padding-left: 4px;
|
|
|
+ padding-right: 4px;
|
|
|
+}
|
|
|
+.menu_feature {
|
|
|
+ margin-top: 20px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ margin-bottom: 20px;
|
|
|
+}
|
|
|
+.update_pass {
|
|
|
+ margin-left: 5px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+}
|
|
|
+.menu_main_exit {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+.menu_icon_cla {
|
|
|
+ height: 14px;
|
|
|
+ margin-right: 4px;
|
|
|
+}
|
|
|
+.menu_text_cla {
|
|
|
+ color: #ffffff;
|
|
|
+}
|
|
|
</style>
|
