Skip to content

X
xxx_phase2_web
Commit 0ea72fd1 authored by 夏敏伟's avatar 夏敏伟
Browse files
Options

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

parent ddfb6557
Expand all Show whitespace changes
Inline Side-by-side
Showing with 749 additions and 228 deletions
src/view/bookMark/bookMark.vue
View file @ 0ea72fd1
...@@ -36,7 +36,6 @@ ...@@ -36,7 +36,6 @@
padding: 0px 60px; padding: 0px 60px;
.el-menu.el-menu--horizontal { .el-menu.el-menu--horizontal {
margin-top: 10px;
border: none; border: none;
&>.el-menu-item { &>.el-menu-item {
......
src/view/ddkz/ddkz.vue 0 → 100644
View file @ 0ea72fd1
<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
src/view/ddkz/ddkzzs.vue 0 → 100644
View file @ 0ea72fd1
<template>
<div>123</div>
</template>
\ No newline at end of file
src/view/dfzy/dfzy.vue
View file @ 0ea72fd1
<template> <template>
<div id="dfzy"> <el-container class="myContainer">
<div class="left-nav"> <el-header class="myHeader">
<el-menu <el-menu default-active="1" class="second-router" mode="horizontal" @open="handleOpen" @close="handleClose"
default-active="1" background-color="transparent" text-color="#fff" @select="handleSelect">
class="el-menu-vertical-demo second-router"
@open="handleOpen"
@close="handleClose"
background-color="transparent"
text-color="#fff"
@select="handleSelect"
>
<template v-for="(item, index) in module"> <template v-for="(item, index) in module">
<el-menu-item <el-menu-item :class="index == choice_status ? 'change-bg' : 'change-bg1'" :index="(index + 1).toString()"
:class="index == choice_status ? 'change-bg' : 'change-bg1'" @click="href_choice(item, index)">
:index="(index + 1).toString()"
@click="href_choice(item, index)"
>
<div> <div>
<i :class="item.icon"></i> <i :class="item.icon"></i>
<span v-text="item.name"></span> <span v-text="item.name"></span>
...@@ -23,54 +13,48 @@ ...@@ -23,54 +13,48 @@
</el-menu-item> </el-menu-item>
</template> </template>
</el-menu> </el-menu>
</div> </el-header>
<div class="right-nav"> <el-main class="myMain">
<keep-alive> <keep-alive>
<router-view> </router-view> <router-view> </router-view>
</keep-alive> </keep-alive>
</div> </el-main>
</div> </el-container>
</template> </template>
<style lang="scss"> <style lang="scss">
#dfzy { .myContainer {
width: 100%; width: 100%;
height: 100%; height: 100%;
margin: 0; margin: 0;
// padding: 20px;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; 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 { .myHeader {
width: 100%; width: 100%;
margin-top: 70%; height: 40px !important;
border-right: none !important; padding: 0px 60px;
}
.el-menu-item:hover, .el-menu.el-menu--horizontal {
.el-menu-item:focus { border: none;
outline: none;
background-color: transparent !important;
}
.bottom { &>.el-menu-item {
background-size: 100% 100%; height: 40px;
line-height: 40px;
border-bottom: none !important;
&:not(:first-child) {
margin-left: 10px;
}
}
}
} }
.right-nav { .myMain {
width: 92.5%; width: 100%;
height: 100%; height: calc(100% - 40px);
float: left; padding: 0px 20px !important;
background: url(../../assets/img/main/25.png) no-repeat; background-color: transparent;
background-size: 100% 100%;
} }
} }
</style> </style>
...@@ -104,14 +88,14 @@ export default { ...@@ -104,14 +88,14 @@ export default {
this.choice_status = index; this.choice_status = index;
this.$router.push(item.path); this.$router.push(item.path);
}, },
handleSelect(key, keyPath) {}, handleSelect(key, keyPath) { },
}, },
mounted() { mounted() {
this.module = this.$store.state.navList[0].children. 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.meta && e.meta.code == this.$route.meta.parent_code)[0].children.
filter(e=>e.icon); filter(e => e.icon);
}, },
computed:{ computed: {
// module(){ // module(){
// // return this.$store.state.navList[0].children.//一级目录 // // return this.$store.state.navList[0].children.//一级目录
// // filter(n=>n.icon)//过滤掉默认 // // filter(n=>n.icon)//过滤掉默认
......
src/view/flfg/flfg.vue
View file @ 0ea72fd1
<template> <template>
<div id="flfg"> <el-container class="myContainer">
<div class="left-nav"> <el-header class="myHeader">
<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-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"> <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> <div>
<i :class="item.icon"></i> <i :class="item.icon"></i>
<span v-text="item.name"></span> <span v-text="item.name"></span>
...@@ -11,54 +13,48 @@ ...@@ -11,54 +13,48 @@
</el-menu-item> </el-menu-item>
</template> </template>
</el-menu> </el-menu>
</div> </el-header>
<div class="right-nav"> <el-main class="myMain">
<keep-alive> <keep-alive>
<router-view> </router-view> <router-view> </router-view>
</keep-alive> </keep-alive>
</div> </el-main>
</div> </el-container>
</template> </template>
<style lang="scss"> <style lang="scss">
#flfg { .myContainer {
width: 100%; width: 100%;
height: 100%; height: 100%;
margin: 0; margin: 0;
// padding: 20px;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; 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 { .myHeader {
width: 100%; width: 100%;
margin-top: 70%; height: 40px !important;
border-right: none !important; padding: 0px 60px;
}
.el-menu-item:hover, .el-menu.el-menu--horizontal {
.el-menu-item:focus { border: none;
outline: none;
background-color: transparent !important;
}
.bottom { &>.el-menu-item {
background-size: 100% 100%; height: 40px;
line-height: 40px;
border-bottom: none !important;
&:not(:first-child) {
margin-left: 10px;
}
}
}
} }
.right-nav { .myMain {
width: 92.5%; width: 100%;
height: 100%; height: calc(100% - 40px);
float: left; padding: 0px 20px !important;
background: url(../../assets/img/main/25.png) no-repeat; background-color: transparent;
background-size: 100% 100%;
} }
} }
</style> </style>
...@@ -92,9 +88,9 @@ export default { ...@@ -92,9 +88,9 @@ export default {
}, },
mounted() { mounted() {
this.module = this.$store.state.navList[0].children. 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.meta && e.meta.code == this.$route.meta.parent_code)[0].children.
filter(e=>e.icon); filter(e => e.icon);
}, },
computed:{} computed: {}
} }
</script> </script>
\ No newline at end of file
src/view/fzjc/fzjc.vue
View file @ 0ea72fd1
<template> <template>
<div id="fzjc"> <el-container class="myContainer">
<div class="left-nav"> <el-header class="myHeader">
<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-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"> <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> <div>
<i :class="item.icon"></i> <i :class="item.icon"></i>
<span v-text="item.name"></span> <span v-text="item.name"></span>
...@@ -11,54 +13,48 @@ ...@@ -11,54 +13,48 @@
</el-menu-item> </el-menu-item>
</template> </template>
</el-menu> </el-menu>
</div> </el-header>
<div class="right-nav"> <el-main class="myMain">
<keep-alive> <keep-alive>
<router-view v-if="isRouterAlive"> </router-view> <router-view> </router-view>
</keep-alive> </keep-alive>
</div> </el-main>
</div> </el-container>
</template> </template>
<style lang="scss"> <style lang="scss">
#fzjc { .myContainer {
width: 100%; width: 100%;
height: 100%; height: 100%;
margin: 0; margin: 0;
// padding: 20px;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; 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 { .myHeader {
width: 100%; width: 100%;
margin-top: 70%; height: 40px !important;
border-right: none !important; padding: 0px 60px;
}
.el-menu-item:hover, .el-menu.el-menu--horizontal {
.el-menu-item:focus { border: none;
outline: none;
background-color: transparent !important;
}
.bottom { &>.el-menu-item {
background-size: 100% 100%; height: 40px;
line-height: 40px;
border-bottom: none !important;
&:not(:first-child) {
margin-left: 10px;
}
}
}
} }
.right-nav { .myMain {
width: 92.5%; width: 100%;
height: 100%; height: calc(100% - 40px);
float: left; padding: 0px 20px !important;
background: url(../../assets/img/main/25.png) no-repeat; background-color: transparent;
background-size: 100% 100%;
} }
} }
</style> </style>
...@@ -104,16 +100,16 @@ export default { ...@@ -104,16 +100,16 @@ export default {
}, },
mounted() { mounted() {
this.module = this.$store.state.navList[0].children. 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.meta && e.meta.code == this.$route.meta.parent_code)[0].children.
filter(e=>e.icon); filter(e => e.icon);
for(let i=0;i< this.module.length; i++){ for (let i = 0; i < this.module.length; i++) {
if(this.module[i].name == this.$route.name){ if (this.module[i].name == this.$route.name) {
this.choice_status = i; this.choice_status = i;
} }
} }
}, },
computed:{ computed: {
// module(){ // module(){
// // return this.$store.state.navList[0].children.//一级目录 // // return this.$store.state.navList[0].children.//一级目录
// // filter(n=>n.icon)//过滤掉默认 // // filter(n=>n.icon)//过滤掉默认
......
src/view/home.vue
View file @ 0ea72fd1
...@@ -257,6 +257,7 @@ export default { ...@@ -257,6 +257,7 @@ export default {
} }
}); });
this.isSelected = this.activeIndex; this.isSelected = this.activeIndex;
this.choiceModule(this.activeIndex);
}, },
computed: { computed: {
userInfo() { userInfo() {
......
src/view/log/log.vue
View file @ 0ea72fd1
...@@ -36,7 +36,6 @@ ...@@ -36,7 +36,6 @@
padding: 0px 60px; padding: 0px 60px;
.el-menu.el-menu--horizontal { .el-menu.el-menu--horizontal {
margin-top: 10px;
border: none; border: none;
&>.el-menu-item { &>.el-menu-item {
......
src/view/sjgl/sjgl.vue
View file @ 0ea72fd1
...@@ -53,14 +53,16 @@ ...@@ -53,14 +53,16 @@
width: 100%; width: 100%;
height: 40px !important; height: 40px !important;
padding: 0px 60px; padding: 0px 60px;
.el-menu.el-menu--horizontal{
margin-top: 10px; .el-menu.el-menu--horizontal {
border: none; border: none;
&> .el-menu-item{
&>.el-menu-item {
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
border-bottom: none !important; border-bottom: none !important;
&:not(:first-child){
&:not(:first-child) {
margin-left: 10px; margin-left: 10px;
} }
} }
......
src/view/user/user.vue
View file @ 0ea72fd1
...@@ -34,14 +34,16 @@ ...@@ -34,14 +34,16 @@
width: 100%; width: 100%;
height: 40px !important; height: 40px !important;
padding: 0px 60px; padding: 0px 60px;
.el-menu.el-menu--horizontal{
margin-top: 10px; .el-menu.el-menu--horizontal {
border: none; border: none;
&> .el-menu-item{
&>.el-menu-item {
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
border-bottom: none !important; border-bottom: none !important;
&:not(:first-child){
&:not(:first-child) {
margin-left: 10px; margin-left: 10px;
} }
} }
......
src/view/xjssy/xjssy.vue 0 → 100644
View file @ 0ea72fd1
<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
src/view/xjssy/xjsyf.vue 0 → 100644
View file @ 0ea72fd1
This diff is collapsed.
src/view/xx/xx.vue
View file @ 0ea72fd1
...@@ -36,7 +36,6 @@ ...@@ -36,7 +36,6 @@
padding: 0px 60px; padding: 0px 60px;
.el-menu.el-menu--horizontal { .el-menu.el-menu--horizontal {
margin-top: 10px;
border: none; border: none;
&>.el-menu-item { &>.el-menu-item {
......
src/view/xxxl/xxxl.vue
View file @ 0ea72fd1
<template> <template>
<div id="xxxl"> <el-container class="myContainer">
<div class="left-nav"> <el-header class="myHeader">
<el-menu <el-menu default-active="1" class="second-router" mode="horizontal" @open="handleOpen" @close="handleClose"
default-active="1" background-color="transparent" text-color="#fff" @select="handleSelect">
class="el-menu-vertical-demo second-router"
@open="handleOpen"
@close="handleClose"
background-color="transparent"
text-color="#fff"
@select="handleSelect"
>
<template v-for="(item, index) in module"> <template v-for="(item, index) in module">
<el-menu-item <el-menu-item :class="index == choice_status ? 'change-bg' : 'change-bg1'" :index="(index + 1).toString()"
:class="index == choice_status ? 'change-bg' : 'change-bg1'" @click="href_choice(item, index)">
:index="(index + 1).toString()"
@click="href_choice(item, index)"
>
<div> <div>
<i :class="item.icon"></i> <i :class="item.icon"></i>
<span v-text="item.name"></span> <span v-text="item.name"></span>
...@@ -23,54 +13,48 @@ ...@@ -23,54 +13,48 @@
</el-menu-item> </el-menu-item>
</template> </template>
</el-menu> </el-menu>
</div> </el-header>
<div class="right-nav"> <el-main class="myMain">
<keep-alive> <keep-alive>
<router-view> </router-view> <router-view> </router-view>
</keep-alive> </keep-alive>
</div> </el-main>
</div> </el-container>
</template> </template>
<style lang="scss"> <style lang="scss">
#xxxl { .myContainer {
width: 100%; width: 100%;
height: 100%; height: 100%;
margin: 0; margin: 0;
// padding: 20px;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; 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 { .myHeader {
width: 100%; width: 100%;
margin-top: 70%; height: 40px !important;
border-right: none !important; padding: 0px 60px;
}
.el-menu-item:hover, .el-menu.el-menu--horizontal {
.el-menu-item:focus { border: none;
outline: none;
background-color: transparent !important;
}
.bottom { &>.el-menu-item {
background-size: 100% 100%; height: 40px;
line-height: 40px;
border-bottom: none !important;
&:not(:first-child) {
margin-left: 10px;
}
}
}
} }
.right-nav { .myMain {
width: 92.5%; width: 100%;
height: 100%; height: calc(100% - 40px);
float: left; padding: 0px 20px !important;
background: url(../../assets/img/main/25.png) no-repeat; background-color: transparent;
background-size: 100% 100%;
} }
} }
</style> </style>
...@@ -104,14 +88,14 @@ export default { ...@@ -104,14 +88,14 @@ export default {
this.choice_status = index; this.choice_status = index;
this.$router.push(item.path); this.$router.push(item.path);
}, },
handleSelect(key, keyPath) {}, handleSelect(key, keyPath) { },
}, },
mounted() { mounted() {
this.module = this.$store.state.navList[0].children. 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.meta && e.meta.code == this.$route.meta.parent_code)[0].children.
filter(e=>e.icon); filter(e => e.icon);
}, },
computed:{ computed: {
} }
}; };
......
src/view/yqjc/yqjc.vue
View file @ 0ea72fd1
...@@ -34,14 +34,16 @@ ...@@ -34,14 +34,16 @@
width: 100%; width: 100%;
height: 40px !important; height: 40px !important;
padding: 0px 60px; padding: 0px 60px;
.el-menu.el-menu--horizontal{
margin-top: 10px; .el-menu.el-menu--horizontal {
border: none; border: none;
&> .el-menu-item{
&>.el-menu-item {
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
border-bottom: none !important; border-bottom: none !important;
&:not(:first-child){
&:not(:first-child) {
margin-left: 10px; margin-left: 10px;
} }
} }
...@@ -78,9 +80,9 @@ export default { ...@@ -78,9 +80,9 @@ export default {
}; };
}, },
methods: { methods: {
showMsg(val){ showMsg(val) {
for(let i=0;i< this.module.length; i++){ for (let i = 0; i < this.module.length; i++) {
if(this.module[i].name == val){ if (this.module[i].name == val) {
this.choice_status = i; 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