Commit 0ea72fd1 authored by 夏敏伟's avatar 夏敏伟

增加导调控制模块和新技术实验模块

parent ddfb6557
......@@ -36,7 +36,6 @@
padding: 0px 60px;
.el-menu.el-menu--horizontal {
margin-top: 10px;
border: none;
&>.el-menu-item {
......
<template>
<el-container class="myContainer">
<el-header class="myHeader">
<el-menu default-active="1" class="second-router" mode="horizontal" @open="handleOpen" @close="handleClose"
background-color="transparent" text-color="#fff" @select="handleSelect">
<template v-for="(item, index) in module">
<el-menu-item :class="index == choice_status ? 'change-bg' : 'change-bg1'" :index="(index + 1).toString()"
@click="href_choice(item, index)">
<div>
<i :class="item.icon"></i>
<span v-text="item.name"></span>
</div>
</el-menu-item>
</template>
</el-menu>
</el-header>
<el-main class="myMain">
<keep-alive>
<router-view> </router-view>
</keep-alive>
</el-main>
</el-container>
</template>
<style lang="scss">
.myContainer {
width: 100%;
height: 100%;
margin: 0;
box-sizing: border-box;
overflow: hidden;
.myHeader {
width: 100%;
height: 40px !important;
padding: 0px 60px;
.el-menu.el-menu--horizontal {
border: none;
&>.el-menu-item {
height: 40px;
line-height: 40px;
border-bottom: none !important;
&:not(:first-child) {
margin-left: 10px;
}
}
}
}
.myMain {
width: 100%;
height: calc(100% - 40px);
padding: 0px 20px !important;
background-color: transparent;
}
}
</style>
<script>
import li_hover from "../../assets/img/main/04.png";
import bottom from "../../assets/img/main/bottom.png";
export default {
name: "dfzy",
data() {
return {
li_hover: li_hover,
bottom: bottom,
module: [
// { icon: "el-icon-user", text: "人物库", href: "rwk" },
// { icon: "el-icon-s-management", text: "机构库", href: "jgk" },
// // { icon: "el-icon-user", text: "大五画像", href: "dwhx" },
],
index: 0,
choice_status: 0,
};
},
methods: {
handleOpen(key, keyPath) {
console.log(key, keyPath);
},
handleClose(key, keyPath) {
console.log(key, keyPath);
},
href_choice(item, index) {
this.choice_status = index;
this.$router.push(item.path);
},
handleSelect(key, keyPath) { },
},
mounted() {
this.module = this.$store.state.navList[0].children.
filter(e => e.meta && e.meta.code == this.$route.meta.parent_code)[0].children.
filter(e => e.icon);
},
computed: {
// module(){
// // return this.$store.state.navList[0].children.//一级目录
// // filter(n=>n.icon)//过滤掉默认
// // [2].children.filter(n=>n.icon);//
// }
}
};
</script>
\ No newline at end of file
<template>
<div>123</div>
</template>
\ No newline at end of file
<template>
<div id="dfzy">
<div class="left-nav">
<el-menu
default-active="1"
class="el-menu-vertical-demo second-router"
@open="handleOpen"
@close="handleClose"
background-color="transparent"
text-color="#fff"
@select="handleSelect"
>
<el-container class="myContainer">
<el-header class="myHeader">
<el-menu default-active="1" class="second-router" mode="horizontal" @open="handleOpen" @close="handleClose"
background-color="transparent" text-color="#fff" @select="handleSelect">
<template v-for="(item, index) in module">
<el-menu-item
:class="index == choice_status ? 'change-bg' : 'change-bg1'"
:index="(index + 1).toString()"
@click="href_choice(item, index)"
>
<el-menu-item :class="index == choice_status ? 'change-bg' : 'change-bg1'" :index="(index + 1).toString()"
@click="href_choice(item, index)">
<div>
<i :class="item.icon"></i>
<span v-text="item.name"></span>
......@@ -23,55 +13,49 @@
</el-menu-item>
</template>
</el-menu>
</div>
<div class="right-nav">
</el-header>
<el-main class="myMain">
<keep-alive>
<router-view> </router-view>
</keep-alive>
</div>
</div>
</el-main>
</el-container>
</template>
<style lang="scss">
#dfzy {
.myContainer {
width: 100%;
height: 100%;
margin: 0;
// padding: 20px;
box-sizing: border-box;
overflow: hidden;
.left-nav {
width: 7.5%;
// min-width: 144px;
height: 100%;
float: left;
background: url(../../assets/img/main/24.png) no-repeat;
background-size: 100% 100%;
}
height: 100%;
margin: 0;
box-sizing: border-box;
overflow: hidden;
.left-nav > ul {
width: 100%;
margin-top: 70%;
border-right: none !important;
}
.myHeader {
width: 100%;
height: 40px !important;
padding: 0px 60px;
.el-menu-item:hover,
.el-menu-item:focus {
outline: none;
background-color: transparent !important;
}
.el-menu.el-menu--horizontal {
border: none;
.bottom {
background-size: 100% 100%;
}
&>.el-menu-item {
height: 40px;
line-height: 40px;
border-bottom: none !important;
.right-nav {
width: 92.5%;
height: 100%;
float: left;
background: url(../../assets/img/main/25.png) no-repeat;
background-size: 100% 100%;
&:not(:first-child) {
margin-left: 10px;
}
}
}
}
.myMain {
width: 100%;
height: calc(100% - 40px);
padding: 0px 20px !important;
background-color: transparent;
}
}
</style>
......@@ -85,9 +69,9 @@ export default {
li_hover: li_hover,
bottom: bottom,
module: [
// { icon: "el-icon-user", text: "人物库", href: "rwk" },
// { icon: "el-icon-s-management", text: "机构库", href: "jgk" },
// // { icon: "el-icon-user", text: "大五画像", href: "dwhx" },
// { icon: "el-icon-user", text: "人物库", href: "rwk" },
// { icon: "el-icon-s-management", text: "机构库", href: "jgk" },
// // { icon: "el-icon-user", text: "大五画像", href: "dwhx" },
],
index: 0,
choice_status: 0,
......@@ -104,20 +88,20 @@ export default {
this.choice_status = index;
this.$router.push(item.path);
},
handleSelect(key, keyPath) {},
handleSelect(key, keyPath) { },
},
mounted() {
this.module = this.$store.state.navList[0].children.
filter(e=>e.meta && e.meta.code == this.$route.meta.parent_code)[0].children.
filter(e=>e.icon);
this.module = this.$store.state.navList[0].children.
filter(e => e.meta && e.meta.code == this.$route.meta.parent_code)[0].children.
filter(e => e.icon);
},
computed:{
// module(){
// // return this.$store.state.navList[0].children.//一级目录
// // filter(n=>n.icon)//过滤掉默认
// // [2].children.filter(n=>n.icon);//
// }
computed: {
// module(){
// // return this.$store.state.navList[0].children.//一级目录
// // filter(n=>n.icon)//过滤掉默认
// // [2].children.filter(n=>n.icon);//
// }
}
};
</script>
\ No newline at end of file
<template>
<div id="flfg">
<div class="left-nav">
<el-menu default-active="1" class="el-menu-vertical-demo second-router" @open="handleOpen" @close="handleClose" background-color="transparent" text-color="#fff" @select="handleSelect">
<el-container class="myContainer">
<el-header class="myHeader">
<el-menu default-active="1" class="second-router" mode="horizontal" @open="handleOpen" @close="handleClose"
background-color="transparent" text-color="#fff" @select="handleSelect">
<template v-for="(item, index) in module">
<el-menu-item :class="index == choice_status ? 'change-bg' : 'change-bg1'" :index="(index + 1).toString()" @click="href_choice(item, index)">
<el-menu-item :class="index == choice_status ? 'change-bg' : 'change-bg1'"
:index="(index + 1).toString()" @click="href_choice(item, index)">
<div>
<i :class="item.icon"></i>
<span v-text="item.name"></span>
......@@ -11,54 +13,48 @@
</el-menu-item>
</template>
</el-menu>
</div>
<div class="right-nav">
</el-header>
<el-main class="myMain">
<keep-alive>
<router-view> </router-view>
</keep-alive>
</div>
</div>
</el-main>
</el-container>
</template>
<style lang="scss">
#flfg {
.myContainer {
width: 100%;
height: 100%;
margin: 0;
// padding: 20px;
box-sizing: border-box;
overflow: hidden;
.left-nav {
width: 7.5%;
// min-width: 144px;
height: 100%;
float: left;
background: url(../../assets/img/main/24.png) no-repeat;
background-size: 100% 100%;
}
.left-nav > ul {
width: 100%;
margin-top: 70%;
border-right: none !important;
}
.myHeader {
width: 100%;
height: 40px !important;
padding: 0px 60px;
.el-menu-item:hover,
.el-menu-item:focus {
outline: none;
background-color: transparent !important;
}
.el-menu.el-menu--horizontal {
border: none;
.bottom {
background-size: 100% 100%;
&>.el-menu-item {
height: 40px;
line-height: 40px;
border-bottom: none !important;
&:not(:first-child) {
margin-left: 10px;
}
}
}
}
.right-nav {
width: 92.5%;
height: 100%;
float: left;
background: url(../../assets/img/main/25.png) no-repeat;
background-size: 100% 100%;
.myMain {
width: 100%;
height: calc(100% - 40px);
padding: 0px 20px !important;
background-color: transparent;
}
}
</style>
......@@ -92,9 +88,9 @@ export default {
},
mounted() {
this.module = this.$store.state.navList[0].children.
filter(e=>e.meta && e.meta.code == this.$route.meta.parent_code)[0].children.
filter(e=>e.icon);
filter(e => e.meta && e.meta.code == this.$route.meta.parent_code)[0].children.
filter(e => e.icon);
},
computed:{}
computed: {}
}
</script>
\ No newline at end of file
<template>
<div id="fzjc">
<div class="left-nav">
<el-menu default-active="1" class="el-menu-vertical-demo second-router" @open="handleOpen" @close="handleClose" background-color="transparent" text-color="#fff" @select="handleSelect">
<el-container class="myContainer">
<el-header class="myHeader">
<el-menu default-active="1" class="second-router" mode="horizontal" @open="handleOpen" @close="handleClose"
background-color="transparent" text-color="#fff" @select="handleSelect">
<template v-for="(item, index) in module">
<el-menu-item :class="index == choice_status ? 'change-bg' : 'change-bg1'" :index="(index + 1).toString()" @click="href_choice(item, index)">
<el-menu-item :class="index == choice_status ? 'change-bg' : 'change-bg1'"
:index="(index + 1).toString()" @click="href_choice(item, index)">
<div>
<i :class="item.icon"></i>
<span v-text="item.name"></span>
......@@ -11,54 +13,48 @@
</el-menu-item>
</template>
</el-menu>
</div>
<div class="right-nav">
</el-header>
<el-main class="myMain">
<keep-alive>
<router-view v-if="isRouterAlive"> </router-view>
<router-view> </router-view>
</keep-alive>
</div>
</div>
</el-main>
</el-container>
</template>
<style lang="scss">
#fzjc {
.myContainer {
width: 100%;
height: 100%;
margin: 0;
// padding: 20px;
box-sizing: border-box;
overflow: hidden;
.left-nav {
width: 7.5%;
// min-width: 144px;
height: 100%;
float: left;
background: url(../../assets/img/main/24.png) no-repeat;
background-size: 100% 100%;
}
.left-nav > ul {
width: 100%;
margin-top: 70%;
border-right: none !important;
}
.myHeader {
width: 100%;
height: 40px !important;
padding: 0px 60px;
.el-menu-item:hover,
.el-menu-item:focus {
outline: none;
background-color: transparent !important;
}
.el-menu.el-menu--horizontal {
border: none;
&>.el-menu-item {
height: 40px;
line-height: 40px;
border-bottom: none !important;
.bottom {
background-size: 100% 100%;
&:not(:first-child) {
margin-left: 10px;
}
}
}
}
.right-nav {
width: 92.5%;
height: 100%;
float: left;
background: url(../../assets/img/main/25.png) no-repeat;
background-size: 100% 100%;
.myMain {
width: 100%;
height: calc(100% - 40px);
padding: 0px 20px !important;
background-color: transparent;
}
}
</style>
......@@ -104,16 +100,16 @@ export default {
},
mounted() {
this.module = this.$store.state.navList[0].children.
filter(e=>e.meta && e.meta.code == this.$route.meta.parent_code)[0].children.
filter(e=>e.icon);
for(let i=0;i< this.module.length; i++){
if(this.module[i].name == this.$route.name){
filter(e => e.meta && e.meta.code == this.$route.meta.parent_code)[0].children.
filter(e => e.icon);
for (let i = 0; i < this.module.length; i++) {
if (this.module[i].name == this.$route.name) {
this.choice_status = i;
}
}
},
computed:{
computed: {
// module(){
// // return this.$store.state.navList[0].children.//一级目录
// // filter(n=>n.icon)//过滤掉默认
......
......@@ -257,6 +257,7 @@ export default {
}
});
this.isSelected = this.activeIndex;
this.choiceModule(this.activeIndex);
},
computed: {
userInfo() {
......
......@@ -36,7 +36,6 @@
padding: 0px 60px;
.el-menu.el-menu--horizontal {
margin-top: 10px;
border: none;
&>.el-menu-item {
......
......@@ -53,14 +53,16 @@
width: 100%;
height: 40px !important;
padding: 0px 60px;
.el-menu.el-menu--horizontal{
margin-top: 10px;
.el-menu.el-menu--horizontal {
border: none;
&> .el-menu-item{
&>.el-menu-item {
height: 40px;
line-height: 40px;
border-bottom: none !important;
&:not(:first-child){
&:not(:first-child) {
margin-left: 10px;
}
}
......
......@@ -34,14 +34,16 @@
width: 100%;
height: 40px !important;
padding: 0px 60px;
.el-menu.el-menu--horizontal{
margin-top: 10px;
.el-menu.el-menu--horizontal {
border: none;
&> .el-menu-item{
&>.el-menu-item {
height: 40px;
line-height: 40px;
border-bottom: none !important;
&:not(:first-child){
&:not(:first-child) {
margin-left: 10px;
}
}
......
<template>
<el-container class="myContainer">
<el-header class="myHeader">
<el-menu default-active="1" class="second-router" mode="horizontal" @open="handleOpen" @close="handleClose"
background-color="transparent" text-color="#fff" @select="handleSelect">
<template v-for="(item, index) in module">
<el-menu-item :class="index == choice_status ? 'change-bg' : 'change-bg1'" :index="(index + 1).toString()"
@click="href_choice(item, index)">
<div>
<i :class="item.icon"></i>
<span v-text="item.name"></span>
</div>
</el-menu-item>
</template>
</el-menu>
</el-header>
<el-main class="myMain">
<keep-alive>
<router-view> </router-view>
</keep-alive>
</el-main>
</el-container>
</template>
<style lang="scss">
.myContainer {
width: 100%;
height: 100%;
margin: 0;
box-sizing: border-box;
overflow: hidden;
.myHeader {
width: 100%;
height: 40px !important;
padding: 0px 60px;
.el-menu.el-menu--horizontal {
border: none;
&>.el-menu-item {
height: 40px;
line-height: 40px;
border-bottom: none !important;
&:not(:first-child) {
margin-left: 10px;
}
}
}
}
.myMain {
width: 100%;
height: calc(100% - 40px);
padding: 0px 20px !important;
background-color: transparent;
}
}
</style>
<script>
import li_hover from "../../assets/img/main/04.png";
import bottom from "../../assets/img/main/bottom.png";
export default {
name: "dfzy",
data() {
return {
li_hover: li_hover,
bottom: bottom,
module: [
// { icon: "el-icon-user", text: "人物库", href: "rwk" },
// { icon: "el-icon-s-management", text: "机构库", href: "jgk" },
// // { icon: "el-icon-user", text: "大五画像", href: "dwhx" },
],
index: 0,
choice_status: 0,
};
},
methods: {
handleOpen(key, keyPath) {
console.log(key, keyPath);
},
handleClose(key, keyPath) {
console.log(key, keyPath);
},
href_choice(item, index) {
this.choice_status = index;
this.$router.push(item.path);
},
handleSelect(key, keyPath) { },
},
mounted() {
this.module = this.$store.state.navList[0].children.
filter(e => e.meta && e.meta.code == this.$route.meta.parent_code)[0].children.
filter(e => e.icon);
},
computed: {
// module(){
// // return this.$store.state.navList[0].children.//一级目录
// // filter(n=>n.icon)//过滤掉默认
// // [2].children.filter(n=>n.icon);//
// }
}
};
</script>
\ No newline at end of file
This diff is collapsed.
......@@ -36,7 +36,6 @@
padding: 0px 60px;
.el-menu.el-menu--horizontal {
margin-top: 10px;
border: none;
&>.el-menu-item {
......
<template>
<div id="xxxl">
<div class="left-nav">
<el-menu
default-active="1"
class="el-menu-vertical-demo second-router"
@open="handleOpen"
@close="handleClose"
background-color="transparent"
text-color="#fff"
@select="handleSelect"
>
<el-container class="myContainer">
<el-header class="myHeader">
<el-menu default-active="1" class="second-router" mode="horizontal" @open="handleOpen" @close="handleClose"
background-color="transparent" text-color="#fff" @select="handleSelect">
<template v-for="(item, index) in module">
<el-menu-item
:class="index == choice_status ? 'change-bg' : 'change-bg1'"
:index="(index + 1).toString()"
@click="href_choice(item, index)"
>
<el-menu-item :class="index == choice_status ? 'change-bg' : 'change-bg1'" :index="(index + 1).toString()"
@click="href_choice(item, index)">
<div>
<i :class="item.icon"></i>
<span v-text="item.name"></span>
......@@ -23,55 +13,49 @@
</el-menu-item>
</template>
</el-menu>
</div>
<div class="right-nav">
</el-header>
<el-main class="myMain">
<keep-alive>
<router-view> </router-view>
</keep-alive>
</div>
</div>
</el-main>
</el-container>
</template>
<style lang="scss">
#xxxl {
.myContainer {
width: 100%;
height: 100%;
margin: 0;
// padding: 20px;
box-sizing: border-box;
overflow: hidden;
.left-nav {
width: 7.5%;
// min-width: 144px;
height: 100%;
float: left;
background: url(../../assets/img/main/24.png) no-repeat;
background-size: 100% 100%;
}
height: 100%;
margin: 0;
box-sizing: border-box;
overflow: hidden;
.left-nav > ul {
width: 100%;
margin-top: 70%;
border-right: none !important;
}
.myHeader {
width: 100%;
height: 40px !important;
padding: 0px 60px;
.el-menu-item:hover,
.el-menu-item:focus {
outline: none;
background-color: transparent !important;
}
.el-menu.el-menu--horizontal {
border: none;
.bottom {
background-size: 100% 100%;
}
&>.el-menu-item {
height: 40px;
line-height: 40px;
border-bottom: none !important;
.right-nav {
width: 92.5%;
height: 100%;
float: left;
background: url(../../assets/img/main/25.png) no-repeat;
background-size: 100% 100%;
&:not(:first-child) {
margin-left: 10px;
}
}
}
}
.myMain {
width: 100%;
height: calc(100% - 40px);
padding: 0px 20px !important;
background-color: transparent;
}
}
</style>
......@@ -85,9 +69,9 @@ export default {
li_hover: li_hover,
bottom: bottom,
module: [
// { icon: "el-icon-s-opportunity", text: "题库列表", href: "tklb" },
// { icon: "el-icon-s-opportunity", text: "题目列表", href: "tmlb" },
// { icon: "el-icon-s-opportunity", text: "考试中心", href: "kszx" }
// { icon: "el-icon-s-opportunity", text: "题库列表", href: "tklb" },
// { icon: "el-icon-s-opportunity", text: "题目列表", href: "tmlb" },
// { icon: "el-icon-s-opportunity", text: "考试中心", href: "kszx" }
],
index: 0,
choice_status: 0,
......@@ -104,15 +88,15 @@ export default {
this.choice_status = index;
this.$router.push(item.path);
},
handleSelect(key, keyPath) {},
handleSelect(key, keyPath) { },
},
mounted() {
this.module = this.$store.state.navList[0].children.
filter(e=>e.meta && e.meta.code == this.$route.meta.parent_code)[0].children.
filter(e=>e.icon);
filter(e => e.meta && e.meta.code == this.$route.meta.parent_code)[0].children.
filter(e => e.icon);
},
computed:{
computed: {
}
};
</script>
\ No newline at end of file
......@@ -34,14 +34,16 @@
width: 100%;
height: 40px !important;
padding: 0px 60px;
.el-menu.el-menu--horizontal{
margin-top: 10px;
.el-menu.el-menu--horizontal {
border: none;
&> .el-menu-item{
&>.el-menu-item {
height: 40px;
line-height: 40px;
border-bottom: none !important;
&:not(:first-child){
&:not(:first-child) {
margin-left: 10px;
}
}
......@@ -78,9 +80,9 @@ export default {
};
},
methods: {
showMsg(val){
for(let i=0;i< this.module.length; i++){
if(this.module[i].name == val){
showMsg(val) {
for (let i = 0; i < this.module.length; i++) {
if (this.module[i].name == val) {
this.choice_status = i;
}
}
......
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