|
|
|
|
@ -5,30 +5,63 @@
|
|
|
|
|
<img src="../assets/companyFile/编组 7212.png" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="headText">镇海平安企业（园区）</div>
|
|
|
|
|
<el-menu :default-active="activeIndex" class="el-menu-demo topMenu" mode="horizontal" @select="handleSelect"
|
|
|
|
|
:router="true">
|
|
|
|
|
<el-menu
|
|
|
|
|
:default-active="activeIndex"
|
|
|
|
|
class="el-menu-demo topMenu"
|
|
|
|
|
mode="horizontal"
|
|
|
|
|
@select="handleSelect"
|
|
|
|
|
:router="true"
|
|
|
|
|
>
|
|
|
|
|
<div class="shu"></div>
|
|
|
|
|
<el-menu-item index="1" route="/home/safetyIndex">综合指数</el-menu-item>
|
|
|
|
|
<el-menu-item index="1" route="/home/safetyIndex"
|
|
|
|
|
>综合指数</el-menu-item
|
|
|
|
|
>
|
|
|
|
|
<div class="shu"></div>
|
|
|
|
|
<el-menu-item index="2" route="/home/realtimeWarning">实时预警</el-menu-item>
|
|
|
|
|
<el-menu-item index="2" route="/home/realtimeWarning"
|
|
|
|
|
>实时预警</el-menu-item
|
|
|
|
|
>
|
|
|
|
|
<div class="shu"></div>
|
|
|
|
|
<el-menu-item index="3" route="/home/closeLoopDispose">闭环处置</el-menu-item>
|
|
|
|
|
<el-menu-item index="3" route="/home/closeLoopDispose"
|
|
|
|
|
>闭环处置</el-menu-item
|
|
|
|
|
>
|
|
|
|
|
<div class="shu"></div>
|
|
|
|
|
<el-menu-item index="4" route="/home/factorResources">要素资源</el-menu-item>
|
|
|
|
|
<el-menu-item index="4" route="/home/factorResources"
|
|
|
|
|
>要素资源</el-menu-item
|
|
|
|
|
>
|
|
|
|
|
<div class="shu"></div>
|
|
|
|
|
<el-menu-item index="5" route="/home/enterpriseArchives">企业档案</el-menu-item>
|
|
|
|
|
<el-menu-item index="5" route="/home/enterpriseArchives"
|
|
|
|
|
>企业档案</el-menu-item
|
|
|
|
|
>
|
|
|
|
|
<div class="shu"></div>
|
|
|
|
|
<el-menu-item index="6" route="/home/applySupermarket">应用超市</el-menu-item>
|
|
|
|
|
<el-menu-item index="6" route="/home/applySupermarket"
|
|
|
|
|
>应用超市</el-menu-item
|
|
|
|
|
>
|
|
|
|
|
<div class="shu"></div>
|
|
|
|
|
<el-menu-item index="7" route="/home/systemManagement/safeIndex">系统管理</el-menu-item>
|
|
|
|
|
<el-menu-item index="7" route="/home/systemManagement/safeIndex"
|
|
|
|
|
>系统管理</el-menu-item
|
|
|
|
|
>
|
|
|
|
|
<div class="shu"></div>
|
|
|
|
|
</el-menu>
|
|
|
|
|
<div class="jingGuan">
|
|
|
|
|
<div class="jgtx">
|
|
|
|
|
<div class="jgtx" @click="check_user">
|
|
|
|
|
<img src="../assets/companyFile/12110.png" />
|
|
|
|
|
</div>
|
|
|
|
|
王警官
|
|
|
|
|
</div>
|
|
|
|
|
<div class="user_box" v-show="user_show">
|
|
|
|
|
<div class="user_box_body">
|
|
|
|
|
<!-- 用户头像 -->
|
|
|
|
|
<div class="user_box_img">
|
|
|
|
|
<img src="../assets/companyFile/12110.png" />
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 用户姓名 -->
|
|
|
|
|
<div class="user_name">王警官</div>
|
|
|
|
|
<!-- 用户个人中心 -->
|
|
|
|
|
<div class="user_center">个人中心</div>
|
|
|
|
|
<!-- 用户退出登录 -->
|
|
|
|
|
<div class="user_check_login" @click="logout">退出登录</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<router-view />
|
|
|
|
|
</div>
|
|
|
|
|
@ -36,18 +69,37 @@
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
export default {
|
|
|
|
|
name: "Head",
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
activeIndex: "1",
|
|
|
|
|
activeIndex2: "1",
|
|
|
|
|
user_show: false,
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
this.activeIndex = sessionStorage.getItem('activeIndex') ? sessionStorage.getItem('activeIndex') : '1'
|
|
|
|
|
this.activeIndex = sessionStorage.getItem("activeIndex")
|
|
|
|
|
? sessionStorage.getItem("activeIndex")
|
|
|
|
|
: "1";
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
handleSelect(key) {
|
|
|
|
|
sessionStorage.setItem('activeIndex', key)
|
|
|
|
|
sessionStorage.setItem("activeIndex", key);
|
|
|
|
|
},
|
|
|
|
|
// 点击显示退出登录界面
|
|
|
|
|
check_user() {
|
|
|
|
|
if (this.user_show) {
|
|
|
|
|
this.user_show = false;
|
|
|
|
|
} else {
|
|
|
|
|
this.user_show = true;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 退出登录
|
|
|
|
|
logout() {
|
|
|
|
|
// 清空token
|
|
|
|
|
window.sessionStorage.clear();
|
|
|
|
|
// 跳转到登录页
|
|
|
|
|
this.$router.push("/login");
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
@ -113,7 +165,63 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.user_box {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 70px;
|
|
|
|
|
right: 10px;
|
|
|
|
|
width: 180px;
|
|
|
|
|
height: 200px;
|
|
|
|
|
// border: 0.1px solid #33cccc;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
background: url("~@/assets/archives/023.png") no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
.user_box_body {
|
|
|
|
|
width: 160px;
|
|
|
|
|
height: 180px;
|
|
|
|
|
// border: 0.1px solid #33cccc;
|
|
|
|
|
}
|
|
|
|
|
.user_box_img {
|
|
|
|
|
width: 60px;
|
|
|
|
|
height: 60px;
|
|
|
|
|
margin: 5px auto;
|
|
|
|
|
img {
|
|
|
|
|
width: 60px;
|
|
|
|
|
height: 60px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.user_name {
|
|
|
|
|
width: 160px;
|
|
|
|
|
height: 25px;
|
|
|
|
|
color: #d9e7ff;
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
.user_center {
|
|
|
|
|
width: 160px;
|
|
|
|
|
height: 40px;
|
|
|
|
|
color: #d9e7ff;
|
|
|
|
|
text-align: center;
|
|
|
|
|
line-height: 40px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
.user_check_login {
|
|
|
|
|
width: 160px;
|
|
|
|
|
height: 40px;
|
|
|
|
|
color: #d9e7ff;
|
|
|
|
|
text-align: center;
|
|
|
|
|
line-height: 40px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
.user_center:hover,
|
|
|
|
|
.user_center:focus {
|
|
|
|
|
text-shadow: 0 0 20px rgba(21, 255, 198, 0.64);
|
|
|
|
|
}
|
|
|
|
|
.user_check_login:hover,
|
|
|
|
|
.user_check_login:focus {
|
|
|
|
|
text-shadow: 0 0 20px rgba(21, 255, 198, 0.64);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
/deep/.el-menu {
|
|
|
|
|
border: 0;
|
|
|
|
|
background-color: rgba(0, 0, 0, 0);
|
|
|
|
|
@ -164,12 +272,12 @@ export default {
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding: 10px 20px;
|
|
|
|
|
background: url('~@/assets/companyFile/Rectangle Copy 4.png') no-repeat;
|
|
|
|
|
background: url("~@/assets/companyFile/Rectangle Copy 4.png") no-repeat;
|
|
|
|
|
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #D9E7FF;
|
|
|
|
|
color: #d9e7ff;
|
|
|
|
|
letter-spacing: 3px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
@ -183,7 +291,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.is-active {
|
|
|
|
|
background: url('~@/assets/companyFile/891771.png') no-repeat;
|
|
|
|
|
background: url("~@/assets/companyFile/891771.png") no-repeat;
|
|
|
|
|
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
|
lukeyan
1 year ago
