Skip to content

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

new

上级 bfa99b4a
隐藏空白字符变更
内嵌 并排
正在显示 包含 176 行增加 和 18 行删除
src/components/XCalliance/XCalliance/imgs.vue
浏览文件 @ 5416b7b1
<template>
<div class="imgs">
<el-carousel :height="height + 'px'" direction="vertical">
<el-carousel :height="height + 'px'" direction="vertical" :interval="4000">
<el-carousel-item v-for="item in imgUrls" :key="item.id">
<el-row>
<el-col :span="24">
......
src/components/header/header.vue
浏览文件 @ 5416b7b1
......@@ -19,7 +19,7 @@
<span class="font">{{this.$store.getters.getUserData.name}}</span>
</span>
<span class="line"></span>
<span class="logout">退出</span>
<span class="logout" @click="jump('login')">退出</span>
</span>
<span class="user" v-if="this.$store.getters.getUserData.name === undefined">
<span class="admin login" @click="jump('login')">请登录</span>
......@@ -29,11 +29,10 @@
<div style="height: 40px;background: #fff;" v-if="this.$route.path !== '/firstHome'">
<p class="list">
<span class="menuTitle">{{sidebar.name}}</span>
<span v-for="(item,index) of sidebar.menu" class="listVal" @click="jump(item.path, index)">
<span v-for="(item,index) of sidebar.menu" :key="index" 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>
</div>
</div>
......@@ -90,9 +89,10 @@ export default {
},
// 跳转
jump(path, index){
console.log(index)
this.$router.push({name: path});
if (index !== undefined) {
let va = '.listVal:nth-child(' + (index + 1) + ')>span';
let va = '.list>span:nth-child(' + (index + 2) + ')>span';
$('.listVal>span').removeClass('menuClick')
$(va).addClass('menuClick')
}
......@@ -106,7 +106,6 @@ export default {
watch: {
'getSidebar': {
handler: function (val) {
console.log(val);
this.sidebar = val;
},
deep: true
......
src/components/home/home.vue
浏览文件 @ 5416b7b1
......@@ -3,8 +3,82 @@
<div class="firstHome">
<el-row>
<el-col :span="24">
test
<p class="title">912工程综合监管系统</p>
<div class="menu">
<p class="bg">
<img src="./img/JD.png">
<span>基地建设</span>
</p>
<p class="bg" v-if="this.$store.getters.getUserData.type !== 1">
<img src="./img/WD.png">
<span>我的项目</span>
</p>
<p class="bg" v-if="this.$store.getters.getUserData.type === 1">
<img src="./img/WD.png">
<span>项目管理</span>
</p>
<p class="bg" v-if="this.$store.getters.getUserData.type !== 1">
<img src="./img/GJ.png">
<span>国家名录</span>
</p>
<p class="bg" v-if="this.$store.getters.getUserData.type !== 1">
<img src="./img/SJ.png">
<span>市级名录</span>
</p>
<p class="bg" v-if="this.$store.getters.getUserData.type === 1">
<img src="./img/GJ.png">
<span>基础资料管理</span>
</p>
<p class="bg" v-if="this.$store.getters.getUserData.type === 1">
<img src="./img/SJ.png">
<span>市级准入管理</span>
</p>
<p class="bg" v-if="this.$store.getters.getUserData.type !== 1">
<img src="./img/YJ.png">
<span>意见建议</span>
</p>
<p class="bg" v-if="this.$store.getters.getUserData.type === 1">
<img src="./img/YJ.png">
<span>投诉管理</span>
</p>
<p class="bg">
<img src="./img/KT.png">
<span>课题攻关</span>
</p>
</div>
<div class="menu">
<p class="bg" @click="jump('XCalliance',7,'XX联盟')">
<img src="./img/XC.png">
<span>XX联盟</span>
</p>
<p class="bg" @click="jump('integration',8,'XXX一体化')">
<img src="./img/ZQ.png">
<span>XXX一体化</span>
</p>
<p class="blank"></p>
<p class="blank"></p>
<p class="blank"></p>
<p class="blank"></p>
</div>
<p class="title XC">信创应用系统适配替换</p>
<div class="XCmenu">
<p>
<img src="./img/PG.png">
<span>评估报告管理</span>
<span class="line"></span>
</p>
<p>
<img src="./img/XT.png">
<span>系统改造评估</span>
<span class="line"></span>
</p>
<p>
<img src="./img/JS.png">
<span>关键技术管理</span>
</p>
</div>
</el-col>
</el-row>
</div>
</template>
......@@ -20,6 +94,15 @@ export default {
mounted(){
},
methods: {
jump(path,index,title) {
this.$router.push({name: path});
let val = {
name: path,
index: index,
title: title
}
this.$store.commit('changeHomeClick', val);
}
},
components: {
},
......@@ -30,6 +113,68 @@ export default {
<style scoped>
.firstHome{
background: #ebf0f8;
height: 980px;
padding: 70px 120px 0 148px;
}
.firstHome .title{
margin-bottom: 23px;
font-size: 20px;
color: #233b6e;
}
.firstHome .bg{
width: 230px;
height: 230px;
display: inline-block;
text-align: center;
background: url("./img/bg.png") no-repeat;
cursor: pointer;
}
.firstHome .blank{
width: 230px;
height: 230px;
}
.firstHome .bg>img{
margin-top: 50px;
height: 67px;
}
.firstHome .bg>span {
display: block;
margin-top: 30px;
font-size: 18px;
color: #333;
}
.firstHome .menu{
display: flex;
justify-content: space-between;
}
.firstHome .XC{
margin: 48px 0 32px 0;
}
.firstHome .XCmenu{
display: flex;
}
.firstHome .XCmenu>p{
width: 328px;
height: 160px;
line-height: 160px;
display: inline-block;
background: #fff;
text-align: center;
font-size: 18px;
color: #333;
position: relative;
cursor: pointer;
}
.firstHome .XCmenu img{
margin-right: 15px;
}
.firstHome .XCmenu .line{
display: inline-block;
position: absolute;
top: 5px;
right: 0px;
height: 150px;
width: 1px;
background: #4877e6;
}
</style>
src/components/integration/integration/imgs.vue
浏览文件 @ 5416b7b1
<template>
<div class="imgs">
<div style="width: 100%">
<el-carousel :height="height + 'px'">
<el-carousel :height="height + 'px'" :interval="4000">
<el-carousel-item v-for="item in imgUrls" :key="item.id">
<el-row>
<el-col :span="24">
......
src/components/login/login.vue
浏览文件 @ 5416b7b1
......@@ -41,7 +41,7 @@ export default {
if (res.data.code === 200) {
console.log(res.data.data)
this.$store.commit('changeUserData', res.data.data);
this.$router.push({name: 'home'})
this.$router.push({name: 'firstHome'})
} else {
this.$message.error(res.data.msg);
}
......
src/components/sidebar/sidebar.vue
浏览文件 @ 5416b7b1
......@@ -51,7 +51,7 @@
</p>
</div>
<div @click="clickMenu('role',3,'基础资料管理')" v-if="this.$store.getters.getUserData.type === 1">
<div @click="clickMenu('company',3,'基础资料管理')" v-if="this.$store.getters.getUserData.type === 1">
<span class="line"></span>
<p class="menu" style="margin-top: 0">
<span class="icon">
......@@ -101,23 +101,23 @@
</p>
</div>
<div @click="clickMenu('XCalliance',6,'信创联盟')">
<div @click="clickMenu('XCalliance',7,'XX联盟')">
<span class="line"></span>
<p class="menu" style="margin-top: 0">
<span class="icon">
<img src="./img/XC.png">
</span>
<span class="font">信创联盟</span>
<span class="font">XX联盟</span>
</p>
</div>
<div style="margin-bottom: 10px;" @click="clickMenu('integration',7,'政企校一体化')">
<div style="margin-bottom: 10px;" @click="clickMenu('integration',8,'XXX一体化')">
<span class="line"></span>
<p class="menu" style="margin-top: 0">
<span class="icon">
<img src="./img/ZQ.png">
</span>
<span class="font">政企校一体化</span>
<span class="font">XXX一体化</span>
</p>
</div>
......@@ -132,7 +132,7 @@ export default {
return {
menu: [
{
name: '信创联盟',
name: 'XX联盟',
menuList: [
{
name: '最新动态',
......@@ -141,7 +141,7 @@ export default {
]
},
{
name: '政企校一体化',
name: 'XXX一体化',
menuList: [
{
name: '最新动态',
......@@ -253,6 +253,7 @@ export default {
created() {
},
mounted(){
this.clickMenu(this.$store.getters.getHomeClick.path,this.$store.getters.getHomeClick.index,this.$store.getters.getHomeClick.title)
},
methods: {
// 点击切换样式并且跳转
......
src/store/action.js
浏览文件 @ 5416b7b1
......@@ -12,6 +12,12 @@ const actions = {
userData: payload
})
},
changeHomeClick(store, payload) {
store.commit({
type: 'changeHomeClick',
homeClick: payload
})
},
};
export default actions;
src/store/getter.js
浏览文件 @ 5416b7b1
......@@ -5,6 +5,9 @@ const getters = {
},
getUserData(state) {
return state.userData
},
getHomeClick(state) {
return state.homeClick
}
};
......
src/store/mutation.js
浏览文件 @ 5416b7b1
......@@ -6,6 +6,9 @@ const mutations = {
changeUserData(state, payload) {
state.userData = payload;
},
changeHomeClick(state, payload) {
state.homeClick = payload;
},
};
export default mutations;
src/store/state.js
浏览文件 @ 5416b7b1
const state = {
sidebar: [], // 子菜单
userData: {} // 登录用户信息
userData: {}, // 登录用户信息
homeClick: {} // 首页点击的模块
};
export default state;
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论