Skip to content

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

new

上级 bfa99b4a
隐藏空白字符变更
内嵌 并排
正在显示 包含 176 行增加 和 18 行删除
src/components/XCalliance/XCalliance/imgs.vue
浏览文件 @ 5416b7b1
<template> <template>
<div class="imgs"> <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-carousel-item v-for="item in imgUrls" :key="item.id">
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
......
src/components/header/header.vue
浏览文件 @ 5416b7b1
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
<span class="font">{{this.$store.getters.getUserData.name}}</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" @click="jump('login')">退出</span>
</span> </span>
<span class="user" v-if="this.$store.getters.getUserData.name === undefined"> <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>
...@@ -29,11 +29,10 @@ ...@@ -29,11 +29,10 @@
<div style="height: 40px;background: #fff;" v-if="this.$route.path !== '/firstHome'"> <div style="height: 40px;background: #fff;" v-if="this.$route.path !== '/firstHome'">
<p class="list"> <p class="list">
<span class="menuTitle">{{sidebar.name}}</span> <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> <span>{{item.name}}</span>
<img src="./img/line.png" v-show="index !== sidebar.menu.length - 1"> <img src="./img/line.png" v-show="index !== sidebar.menu.length - 1">
</span> </span>
</p> </p>
</div> </div>
</div> </div>
...@@ -90,9 +89,10 @@ export default { ...@@ -90,9 +89,10 @@ export default {
}, },
// 跳转 // 跳转
jump(path, index){ jump(path, index){
console.log(index)
this.$router.push({name: path}); this.$router.push({name: path});
if (index !== undefined) { if (index !== undefined) {
let va = '.listVal:nth-child(' + (index + 1) + ')>span'; let va = '.list>span:nth-child(' + (index + 2) + ')>span';
$('.listVal>span').removeClass('menuClick') $('.listVal>span').removeClass('menuClick')
$(va).addClass('menuClick') $(va).addClass('menuClick')
} }
...@@ -106,7 +106,6 @@ export default { ...@@ -106,7 +106,6 @@ export default {
watch: { watch: {
'getSidebar': { 'getSidebar': {
handler: function (val) { handler: function (val) {
console.log(val);
this.sidebar = val; this.sidebar = val;
}, },
deep: true deep: true
......
src/components/home/home.vue
浏览文件 @ 5416b7b1
...@@ -3,8 +3,82 @@ ...@@ -3,8 +3,82 @@
<div class="firstHome"> <div class="firstHome">
<el-row> <el-row>
<el-col :span="24"> <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-col>
</el-row> </el-row>
</div> </div>
</template> </template>
...@@ -20,6 +94,15 @@ export default { ...@@ -20,6 +94,15 @@ export default {
mounted(){ mounted(){
}, },
methods: { methods: {
jump(path,index,title) {
this.$router.push({name: path});
let val = {
name: path,
index: index,
title: title
}
this.$store.commit('changeHomeClick', val);
}
}, },
components: { components: {
}, },
...@@ -30,6 +113,68 @@ export default { ...@@ -30,6 +113,68 @@ export default {
<style scoped> <style scoped>
.firstHome{ .firstHome{
background: #ebf0f8; 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> </style>
src/components/integration/integration/imgs.vue
浏览文件 @ 5416b7b1
<template> <template>
<div class="imgs"> <div class="imgs">
<div style="width: 100%"> <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-carousel-item v-for="item in imgUrls" :key="item.id">
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
......
src/components/login/login.vue
浏览文件 @ 5416b7b1
...@@ -41,7 +41,7 @@ export default { ...@@ -41,7 +41,7 @@ export default {
if (res.data.code === 200) { if (res.data.code === 200) {
console.log(res.data.data) console.log(res.data.data)
this.$store.commit('changeUserData', res.data.data); this.$store.commit('changeUserData', res.data.data);
this.$router.push({name: 'home'}) this.$router.push({name: 'firstHome'})
} else { } else {
this.$message.error(res.data.msg); this.$message.error(res.data.msg);
} }
......
src/components/sidebar/sidebar.vue
浏览文件 @ 5416b7b1
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
</p> </p>
</div> </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> <span class="line"></span>
<p class="menu" style="margin-top: 0"> <p class="menu" style="margin-top: 0">
<span class="icon"> <span class="icon">
...@@ -101,23 +101,23 @@ ...@@ -101,23 +101,23 @@
</p> </p>
</div> </div>
<div @click="clickMenu('XCalliance',6,'信创联盟')"> <div @click="clickMenu('XCalliance',7,'XX联盟')">
<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/XC.png"> <img src="./img/XC.png">
</span> </span>
<span class="font">信创联盟</span> <span class="font">XX联盟</span>
</p> </p>
</div> </div>
<div style="margin-bottom: 10px;" @click="clickMenu('integration',7,'政企校一体化')"> <div style="margin-bottom: 10px;" @click="clickMenu('integration',8,'XXX一体化')">
<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/ZQ.png"> <img src="./img/ZQ.png">
</span> </span>
<span class="font">政企校一体化</span> <span class="font">XXX一体化</span>
</p> </p>
</div> </div>
...@@ -132,7 +132,7 @@ export default { ...@@ -132,7 +132,7 @@ export default {
return { return {
menu: [ menu: [
{ {
name: '信创联盟', name: 'XX联盟',
menuList: [ menuList: [
{ {
name: '最新动态', name: '最新动态',
...@@ -141,7 +141,7 @@ export default { ...@@ -141,7 +141,7 @@ export default {
] ]
}, },
{ {
name: '政企校一体化', name: 'XXX一体化',
menuList: [ menuList: [
{ {
name: '最新动态', name: '最新动态',
...@@ -253,6 +253,7 @@ export default { ...@@ -253,6 +253,7 @@ export default {
created() { created() {
}, },
mounted(){ mounted(){
this.clickMenu(this.$store.getters.getHomeClick.path,this.$store.getters.getHomeClick.index,this.$store.getters.getHomeClick.title)
}, },
methods: { methods: {
// 点击切换样式并且跳转 // 点击切换样式并且跳转
......
src/store/action.js
浏览文件 @ 5416b7b1
...@@ -12,6 +12,12 @@ const actions = { ...@@ -12,6 +12,12 @@ const actions = {
userData: payload userData: payload
}) })
}, },
changeHomeClick(store, payload) {
store.commit({
type: 'changeHomeClick',
homeClick: payload
})
},
}; };
export default actions; export default actions;
src/store/getter.js
浏览文件 @ 5416b7b1
...@@ -5,6 +5,9 @@ const getters = { ...@@ -5,6 +5,9 @@ const getters = {
}, },
getUserData(state) { getUserData(state) {
return state.userData return state.userData
},
getHomeClick(state) {
return state.homeClick
} }
}; };
......
src/store/mutation.js
浏览文件 @ 5416b7b1
...@@ -6,6 +6,9 @@ const mutations = { ...@@ -6,6 +6,9 @@ const mutations = {
changeUserData(state, payload) { changeUserData(state, payload) {
state.userData = payload; state.userData = payload;
}, },
changeHomeClick(state, payload) {
state.homeClick = payload;
},
}; };
export default mutations; export default mutations;
src/store/state.js
浏览文件 @ 5416b7b1
const state = { const state = {
sidebar: [], // 子菜单 sidebar: [], // 子菜单
userData: {} // 登录用户信息 userData: {}, // 登录用户信息
homeClick: {} // 首页点击的模块
}; };
export default state; export default state;
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论