Skip to content

9
912project
提交 fcf75e5d authored 作者: CRS's avatar CRS
浏览文件
操作

new

上级 0165e21f
显示空白字符变更
内嵌 并排
正在显示 包含 232 行增加 和 32 行删除
src/components/header/header.css
浏览文件 @ fcf75e5d
...@@ -75,13 +75,30 @@ ...@@ -75,13 +75,30 @@
font-size: 18px; font-size: 18px;
line-height: 40px; line-height: 40px;
display: inline-block; display: inline-block;
background: url("./img/listVal.png") no-repeat;
background-size: 100% 100%;
text-align: center; text-align: center;
width: 160px; color: rgba(71,119,231,0.6);
color: #fff; }
.headerAll .listVal>span:hover{
color: #4777e7;
font-weight: bold;
}
.headerAll .menuTitle{
margin: 0 20px 0 20px;
display: inline-block;
font-size: 20px;
cursor: default;
color: #4765A4;
}
.headerAll .menuClick{
color: #4777e7;
font-weight: bold;
}
.headerAll .listVal>span{
cursor: pointer; cursor: pointer;
} }
.headerAll .listVal>img{
margin: 0 20px 0 20px;
}
.headerAll .right .login{ .headerAll .right .login{
margin-right: 25px; margin-right: 25px;
color: #4777e7; color: #4777e7;
......
src/components/header/header.vue
浏览文件 @ fcf75e5d
...@@ -13,22 +13,27 @@ ...@@ -13,22 +13,27 @@
<img src="./img/toHome.png"> <img src="./img/toHome.png">
<span class="font">综合展现</span> <span class="font">综合展现</span>
</span> </span>
<!-- <span class="user">--> <span class="user" v-if="this.$store.getters.getUserData.name !== undefined">
<!-- <span class="admin">--> <span class="admin">
<!-- <img src="./img/admin.png">--> <img src="./img/admin.png">
<!-- <span class="font">管理员</span>--> <span class="font">{{this.$store.getters.getUserData.name}}</span>
<!-- </span>--> </span>
<!-- <span class="line"></span>--> <span class="line"></span>
<!-- <span class="logout">退出</span>--> <span class="logout">退出</span>
<!-- </span>--> </span>
<span class="user"> <span class="user" v-if="this.$store.getters.getUserData.name === undefined">
<span class="admin login" @click="jump('login')">请登录</span> <span class="admin login" @click="jump('login')">请登录</span>
</span> </span>
</span> </span>
</div> </div>
<div style="height: 40px;background: #fff;"> <div style="height: 40px;background: #fff;" v-if="this.$route.path !== '/firstHome'">
<p class="list"> <p class="list">
<span v-for="item of sidebar" class="listVal" @click="jump(item.path)">{{item.name}}</span> <span class="menuTitle">{{sidebar.name}}</span>
<span v-for="(item,index) of sidebar.menu" class="listVal" @click="jump(item.path, index)">
<span>{{item.name}}</span>
<img src="./img/line.png" v-show="index !== sidebar.menu.length - 1">
</span>
</p> </p>
</div> </div>
</div> </div>
...@@ -37,6 +42,7 @@ ...@@ -37,6 +42,7 @@
<script> <script>
import {mapGetters} from 'vuex'; import {mapGetters} from 'vuex';
import $ from 'jquery';
export default { export default {
data () { data () {
return { return {
...@@ -51,6 +57,7 @@ export default { ...@@ -51,6 +57,7 @@ export default {
setInterval(function () { setInterval(function () {
that.timeDayFilter() that.timeDayFilter()
},1000) },1000)
console.log(this.$store.getters.getUserData)
}, },
methods: { methods: {
// 时间 // 时间
...@@ -82,8 +89,13 @@ export default { ...@@ -82,8 +89,13 @@ export default {
+ ' ' + h + seperator2 + m + seperator2 + s; + ' ' + h + seperator2 + m + seperator2 + s;
}, },
// 跳转 // 跳转
jump(path){ jump(path, index){
this.$router.push({name: path}); this.$router.push({name: path});
if (index !== undefined) {
let va = '.listVal:nth-child(' + (index + 1) + ')>span';
$('.listVal>span').removeClass('menuClick')
$(va).addClass('menuClick')
}
} }
}, },
computed: { computed: {
......
src/components/home/home.vue 0 → 100644
浏览文件 @ fcf75e5d
<!--首页-->
<template>
<div class="firstHome">
<el-row>
<el-col :span="24">
test
</el-col>
</el-row>
</div>
</template>
<script>
export default {
data () {
return {
}
},
created() {
},
mounted(){
},
methods: {
},
components: {
},
watch: {
}
}
</script>
<style scoped>
.firstHome{
background: #ebf0f8;
}
</style>
src/components/login/login.vue
浏览文件 @ fcf75e5d
...@@ -39,8 +39,9 @@ export default { ...@@ -39,8 +39,9 @@ export default {
} }
this.$server.postUserLogin(data).then(res => { this.$server.postUserLogin(data).then(res => {
if (res.data.code === 200) { if (res.data.code === 200) {
console.log(res.data.data)
this.$store.commit('changeUserData', res.data.data); this.$store.commit('changeUserData', res.data.data);
this.$router.push({name: 'XCalliance'}) this.$router.push({name: 'home'})
} else { } else {
this.$message.error(res.data.msg); this.$message.error(res.data.msg);
} }
......
src/components/sidebar/sidebar.vue
浏览文件 @ fcf75e5d
...@@ -7,21 +7,51 @@ ...@@ -7,21 +7,51 @@
<span class="icon"> <span class="icon">
<img src="./img/JD.png"> <img src="./img/JD.png">
</span> </span>
<span class="font">基地建设管理</span> <span class="font">基地建设</span>
</p> </p>
</div> </div>
<div> <div v-if="this.$store.getters.getUserData.type === 1">
<span class="line"></span>
<p class="menu" style="margin-top: 0">
<span class="icon">
<img src="./img/XM.png">
</span>
<span class="font">项目管理</span>
</p>
</div>
<div v-if="this.$store.getters.getUserData.type !== 1">
<span class="line"></span> <span class="line"></span>
<p class="menu" style="margin-top: 0"> <p class="menu" style="margin-top: 0">
<span class="icon"> <span class="icon">
<img src="./img/XM.png"> <img src="./img/XM.png">
</span> </span>
<span class="font">项目建设管理</span> <span class="font">我的项目</span>
</p>
</div>
<div v-if="this.$store.getters.getUserData.type !== 1">
<span class="line"></span>
<p class="menu" style="margin-top: 0">
<span class="icon">
<img src="./img/JC.png">
</span>
<span class="font">国家名录</span>
</p> </p>
</div> </div>
<div @click="clickMenu('role',3,'基础资料管理')"> <div v-if="this.$store.getters.getUserData.type !== 1">
<span class="line"></span>
<p class="menu" style="margin-top: 0">
<span class="icon">
<img src="./img/JC.png">
</span>
<span class="font">市级名录</span>
</p>
</div>
<div @click="clickMenu('role',3,'基础资料管理')" v-if="this.$store.getters.getUserData.type === 1">
<span class="line"></span> <span class="line"></span>
<p class="menu" style="margin-top: 0"> <p class="menu" style="margin-top: 0">
<span class="icon"> <span class="icon">
...@@ -31,17 +61,27 @@ ...@@ -31,17 +61,27 @@
</p> </p>
</div> </div>
<div @click="clickMenu('product',4,'市准入管理')"> <div @click="clickMenu('product',4,'市级准入管理')" v-if="this.$store.getters.getUserData.type === 1">
<span class="line"></span> <span class="line"></span>
<p class="menu" style="margin-top: 0"> <p class="menu" style="margin-top: 0">
<span class="icon"> <span class="icon">
<img src="./img/ZR.png"> <img src="./img/ZR.png">
</span> </span>
<span class="font">市准入管理</span> <span class="font">市级准入管理</span>
</p>
</div>
<div @click="clickMenu('complaintManagement',5,'投诉管理')" v-if="this.$store.getters.getUserData.type === 1">
<span class="line"></span>
<p class="menu" style="margin-top: 0">
<span class="icon">
<img src="./img/KT.png">
</span>
<span class="font">投诉管理</span>
</p> </p>
</div> </div>
<div @click="clickMenu('complaint',5,'投诉管理')"> <div @click="clickMenu('complaint',5,'意见建议')" v-if="this.$store.getters.getUserData.type !== 1">
<span class="line"></span> <span class="line"></span>
<p class="menu" style="margin-top: 0"> <p class="menu" style="margin-top: 0">
<span class="icon"> <span class="icon">
...@@ -51,6 +91,16 @@ ...@@ -51,6 +91,16 @@
</p> </p>
</div> </div>
<div>
<span class="line"></span>
<p class="menu" style="margin-top: 0">
<span class="icon">
<img src="./img/KT.png">
</span>
<span class="font">课题攻关</span>
</p>
</div>
<div @click="clickMenu('XCalliance',6,'信创联盟')"> <div @click="clickMenu('XCalliance',6,'信创联盟')">
<span class="line"></span> <span class="line"></span>
<p class="menu" style="margin-top: 0"> <p class="menu" style="margin-top: 0">
...@@ -102,6 +152,14 @@ export default { ...@@ -102,6 +152,14 @@ export default {
{ {
name: '基础资料管理', name: '基础资料管理',
menuList: [ menuList: [
{
name: '单位管理',
path: 'company'
},
{
name: '产品管理',
path: ''
},
{ {
name: '角色管理', name: '角色管理',
path: 'role' path: 'role'
...@@ -109,40 +167,87 @@ export default { ...@@ -109,40 +167,87 @@ export default {
{ {
name: '人员管理', name: '人员管理',
path: 'person' path: 'person'
}
]
}, },
{
name: '市准入管理',
menuList: [
{ {
name: '单位管理', name: '单位管理',
path: 'company' path: ''
}, },
{ {
name: '产品管理', name: '产品管理',
path: '' path: ''
},
{
name: '技术路线',
path: ''
} }
] ]
}, },
{ {
name: '市准入管理', name: '国家名录',
menuList: [ menuList: [
{ {
name: '技术路线', name: '单位名录',
path: '' path: ''
}, },
{ {
name: '评价管理', name: '产品名录',
path: '' path: ''
} }
] ]
}, },
{ {
name: '投诉管理', name: '市级名录',
menuList: [ menuList: [
{ {
name: '投诉列表', name: '单位管理',
path: ''
},
{
name: '产品管理',
path: ''
},
{
name: '技术路线',
path: ''
}
]
},
{
name: '意见建议',
menuList: [
{
name: '意见建议列表',
path: 'complaint' path: 'complaint'
} }
] ]
},
{
name: '投诉管理',
menuList: [
{
name: '投诉管理列表',
path: 'complaintManagement'
} }
] ]
},
{
name: '课题攻关',
menuList: []
},
{
name: '项目管理',
menuList: []
},
{
name: '我的项目',
menuList: []
},
]
} }
}, },
created() { created() {
...@@ -164,7 +269,11 @@ export default { ...@@ -164,7 +269,11 @@ export default {
$(icon).addClass('iconClick'); $(icon).addClass('iconClick');
for (let item of this.menu) { for (let item of this.menu) {
if (item.name === title) { if (item.name === title) {
this.$store.commit('changeSidebar', item.menuList); let val = {
name: title,
menu: item.menuList
}
this.$store.commit('changeSidebar', val);
} }
} }
this.$router.push({name: name}); this.$router.push({name: name});
......
src/firstHome.vue 0 → 100644
浏览文件 @ fcf75e5d
<template>
<div>
<app-header></app-header>
<home></home>
</div>
</template>
<script>
import appHeader from './components/header/header';
import home from './components/home/home';
export default {
data () {
return {
}
},
components: {
appHeader,
home
}
}
</script>
src/router/index.js
浏览文件 @ fcf75e5d
...@@ -15,6 +15,11 @@ export default new Router({ ...@@ -15,6 +15,11 @@ export default new Router({
name: 'login', name: 'login',
component: resolve => require(['../components/login/login.vue'], resolve) component: resolve => require(['../components/login/login.vue'], resolve)
}, },
{
path: '/firstHome',
name: 'firstHome',
component: resolve => require(['../firstHome.vue'], resolve)
},
{ {
path: '/home', path: '/home',
name: 'home', name: 'home',
......
src/store/state.js
浏览文件 @ fcf75e5d
const state = { const state = {
sidebar: [], sidebar: [], // 子菜单
userData: {} // 登录用户信息 userData: {} // 登录用户信息
}; };
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论