|
@@ -1,14 +1,30 @@
|
|
|
<template>
|
|
|
<div id="layoutHeader">
|
|
|
<el-row>
|
|
|
- <el-col :span="8" v-if="$store.state.windowsSize.width >= 1300" class="logoBox">
|
|
|
+ <el-col
|
|
|
+ :span="8"
|
|
|
+ v-if="$store.state.windowsSize.width >= 1300"
|
|
|
+ class="logoBox"
|
|
|
+ >
|
|
|
<div class="logo"></div>
|
|
|
<div class="title">
|
|
|
- {{ systemInfo.system_name ? systemInfo.system_name : "浦东新区资源环境智慧审计平台" }}
|
|
|
- <span class="title_version">Version:{{ systemInfo.version ? systemInfo.version : "版本信息获取失败!" }}</span>
|
|
|
+ {{
|
|
|
+ systemInfo.system_name
|
|
|
+ ? systemInfo.system_name
|
|
|
+ : "浦东新区资源环境智慧审计平台"
|
|
|
+ }}
|
|
|
+ <span class="title_version"
|
|
|
+ >Version:{{
|
|
|
+ systemInfo.version ? systemInfo.version : "版本信息获取失败!"
|
|
|
+ }}</span
|
|
|
+ >
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :span="2" v-if="$store.state.windowsSize.width < 1300" class="logoBox">
|
|
|
+ <el-col
|
|
|
+ :span="2"
|
|
|
+ v-if="$store.state.windowsSize.width < 1300"
|
|
|
+ class="logoBox"
|
|
|
+ >
|
|
|
<div class="logo"></div>
|
|
|
</el-col>
|
|
|
<el-col :span="$store.state.windowsSize.width < 1300 ? 18 : 13">
|
|
@@ -21,13 +37,23 @@
|
|
|
@select="select"
|
|
|
>
|
|
|
<el-menu-item index="1"
|
|
|
- ><i class="el-icon-s-home" v-show="$store.state.windowsSize.width <= 1700"></i
|
|
|
- ><span v-show="$store.state.windowsSize.width > 1700">首页</span></el-menu-item
|
|
|
+ ><i
|
|
|
+ class="el-icon-s-home"
|
|
|
+ v-show="$store.state.windowsSize.width <= 1700"
|
|
|
+ ></i
|
|
|
+ ><span v-show="$store.state.windowsSize.width > 1700"
|
|
|
+ >首页</span
|
|
|
+ ></el-menu-item
|
|
|
>
|
|
|
<el-submenu index="2">
|
|
|
<template slot="title" class="submenu"
|
|
|
- ><i class="el-icon-s-order" v-show="$store.state.windowsSize.width <= 1700"></i
|
|
|
- ><span v-show="$store.state.windowsSize.width > 1700">疑点筛查</span></template
|
|
|
+ ><i
|
|
|
+ class="el-icon-s-order"
|
|
|
+ v-show="$store.state.windowsSize.width <= 1700"
|
|
|
+ ></i
|
|
|
+ ><span v-show="$store.state.windowsSize.width > 1700"
|
|
|
+ >疑点筛查</span
|
|
|
+ ></template
|
|
|
>
|
|
|
<el-menu-item index="2-1">土地资源</el-menu-item>
|
|
|
<el-menu-item index="2-2">水资源</el-menu-item>
|
|
@@ -36,17 +62,32 @@
|
|
|
<el-menu-item index="2-5">镇域专题</el-menu-item>
|
|
|
</el-submenu>
|
|
|
<el-menu-item index="3"
|
|
|
- ><i class="el-icon-s-order" v-show="$store.state.windowsSize.width <= 1700"></i
|
|
|
- ><span v-show="$store.state.windowsSize.width > 1700">综合分析</span></el-menu-item
|
|
|
+ ><i
|
|
|
+ class="el-icon-s-order"
|
|
|
+ v-show="$store.state.windowsSize.width <= 1700"
|
|
|
+ ></i
|
|
|
+ ><span v-show="$store.state.windowsSize.width > 1700"
|
|
|
+ >综合分析</span
|
|
|
+ ></el-menu-item
|
|
|
>
|
|
|
<el-menu-item index="4"
|
|
|
- ><i class="el-icon-s-management" v-show="$store.state.windowsSize.width <= 1700"></i
|
|
|
- ><span v-show="$store.state.windowsSize.width > 1700">全流程管理</span></el-menu-item
|
|
|
+ ><i
|
|
|
+ class="el-icon-s-management"
|
|
|
+ v-show="$store.state.windowsSize.width <= 1700"
|
|
|
+ ></i
|
|
|
+ ><span v-show="$store.state.windowsSize.width > 1700"
|
|
|
+ >全流程管理</span
|
|
|
+ ></el-menu-item
|
|
|
>
|
|
|
<el-submenu index="5">
|
|
|
<template slot="title"
|
|
|
- ><i class="el-icon-s-finance" v-show="$store.state.windowsSize.width <= 1700"></i
|
|
|
- ><span v-show="$store.state.windowsSize.width > 1700">智能辅助</span></template
|
|
|
+ ><i
|
|
|
+ class="el-icon-s-finance"
|
|
|
+ v-show="$store.state.windowsSize.width <= 1700"
|
|
|
+ ></i
|
|
|
+ ><span v-show="$store.state.windowsSize.width > 1700"
|
|
|
+ >智能辅助</span
|
|
|
+ ></template
|
|
|
>
|
|
|
<el-menu-item index="5-1">法律法规</el-menu-item>
|
|
|
<el-menu-item index="5-2">历史问题</el-menu-item>
|
|
@@ -74,7 +115,11 @@
|
|
|
></el-avatar>
|
|
|
<!-- <div class="inner-user-icon"></div> -->
|
|
|
<div class="inner-user-text">
|
|
|
- {{ $store.state.userInfo && $store.state.userInfo.username ? $store.state.userInfo.username : userName }}
|
|
|
+ {{
|
|
|
+ $store.state.userInfo && $store.state.userInfo.username
|
|
|
+ ? $store.state.userInfo.username
|
|
|
+ : userName
|
|
|
+ }}
|
|
|
</div>
|
|
|
</span>
|
|
|
<el-dropdown-menu slot="dropdown">
|
|
@@ -93,7 +138,9 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
systemInfo: {},
|
|
|
- userName: localStorage.getItem("_USER_NAME") ? localStorage.getItem("_USER_NAME") : "未登录",
|
|
|
+ userName: localStorage.getItem("USER_NAME")
|
|
|
+ ? localStorage.getItem("USER_NAME")
|
|
|
+ : "未登录",
|
|
|
ActiveIndex: "0",
|
|
|
navData: {
|
|
|
1: "首页",
|
|
@@ -107,8 +154,8 @@ export default {
|
|
|
4: "全流程管理",
|
|
|
"5-1": "法律法规",
|
|
|
"5-2": "历史问题",
|
|
|
- "5-3": "指标体系"
|
|
|
- }
|
|
|
+ "5-3": "指标体系",
|
|
|
+ },
|
|
|
};
|
|
|
},
|
|
|
mounted() {
|
|
@@ -127,7 +174,7 @@ export default {
|
|
|
let sortparam = [{ field: "c_publish_time", orderByType: 2 }];
|
|
|
params.append("orderBy", JSON.stringify(sortparam));
|
|
|
this.$Post(this.urlsCollection.selectContentList, params).then(
|
|
|
- res => {
|
|
|
+ (res) => {
|
|
|
if (res.code === 200 && res.content.data.length > 0) {
|
|
|
let tableData = res.content.data;
|
|
|
if (tableData.length > 0) {
|
|
@@ -141,7 +188,10 @@ export default {
|
|
|
if (systemVersion) {
|
|
|
if (systemVersion != this.systemInfo.version) {
|
|
|
this.$message.success("新版本已发布!自动更新中!");
|
|
|
- localStorage.setItem("SYSTEM_VERSION", this.systemInfo.version);
|
|
|
+ localStorage.setItem(
|
|
|
+ "SYSTEM_VERSION",
|
|
|
+ this.systemInfo.version
|
|
|
+ );
|
|
|
window.location.reload();
|
|
|
}
|
|
|
} else {
|
|
@@ -153,7 +203,7 @@ export default {
|
|
|
this.$message.error(res.message);
|
|
|
}
|
|
|
},
|
|
|
- error => {
|
|
|
+ (error) => {
|
|
|
this.systemInfo = {};
|
|
|
this.$message.error(error);
|
|
|
}
|
|
@@ -164,7 +214,10 @@ export default {
|
|
|
let _ActiveIndex = "";
|
|
|
if (this.$store.state.navSelect) {
|
|
|
if (this.$store.state.navSelect.subIndex) {
|
|
|
- _ActiveIndex = this.$store.state.navSelect.index + "-" + this.$store.state.navSelect.subIndex;
|
|
|
+ _ActiveIndex =
|
|
|
+ this.$store.state.navSelect.index +
|
|
|
+ "-" +
|
|
|
+ this.$store.state.navSelect.subIndex;
|
|
|
} else {
|
|
|
_ActiveIndex = this.$store.state.navSelect.index;
|
|
|
}
|
|
@@ -194,7 +247,7 @@ export default {
|
|
|
that.$emit("navSelect", {
|
|
|
index: index[0],
|
|
|
subIndex: index[1],
|
|
|
- name: name
|
|
|
+ name: name,
|
|
|
});
|
|
|
// let notFound = ["2-2", "2-3", "2-4", "5-3"];
|
|
|
// let notFoundState = true;
|
|
@@ -237,7 +290,7 @@ export default {
|
|
|
// 我的标记
|
|
|
myLabels: {},
|
|
|
overlay: {},
|
|
|
- analysisGroups: {}
|
|
|
+ analysisGroups: {},
|
|
|
};
|
|
|
localStorage.removeItem("TOKEN");
|
|
|
localStorage.removeItem("USER_ID");
|
|
@@ -246,18 +299,18 @@ export default {
|
|
|
const h = this.$createElement;
|
|
|
this.$notify({
|
|
|
title: "登出成功",
|
|
|
- message: h("i", { style: "color: teal" }, "用户退出!感谢使用!")
|
|
|
+ message: h("i", { style: "color: teal" }, "用户退出!感谢使用!"),
|
|
|
});
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
watch: {
|
|
|
"$store.state.navSelect": {
|
|
|
handler() {
|
|
|
this.getActiveIndex(false);
|
|
|
},
|
|
|
- deep: true
|
|
|
- }
|
|
|
- }
|
|
|
+ deep: true,
|
|
|
+ },
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
@@ -359,7 +412,11 @@ export default {
|
|
|
color: #ffffff !important;
|
|
|
font-size: 24px !important;
|
|
|
}
|
|
|
-#layoutHeader /deep/ .el-menu--horizontal > .el-submenu .el-submenu__title:hover {
|
|
|
+#layoutHeader
|
|
|
+ /deep/
|
|
|
+ .el-menu--horizontal
|
|
|
+ > .el-submenu
|
|
|
+ .el-submenu__title:hover {
|
|
|
background: none;
|
|
|
}
|
|
|
#layoutHeader /deep/ .el-submenu__title i {
|