Skip to content

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

new

上级 2f9f7729
隐藏空白字符变更
内嵌 并排
正在显示 包含 207 行增加 和 159 行删除
src/components/admittance/company/company.vue
浏览文件 @ 89297727
......@@ -151,6 +151,8 @@ export default {
this.$server.postUnitSearchAccess(data).then(res => {
this.allData = res.data.data.rows;
this.totalLength = this.allData.length;
}).catch(err => {
this.$message.error('数据请求失败！');
})
},
// 点击分页
......
src/components/admittance/product/product.vue
浏览文件 @ 89297727
......@@ -129,6 +129,8 @@ export default {
// })
this.$server.getTechFindAll().then(res => { // 请求技术路线
this.techList = res.data.data
}).catch(err => {
this.$message.error('数据请求失败！');
})
},
// 技术路线值转换
......@@ -185,6 +187,8 @@ export default {
this.$server.postProduceSearchAccess(data).then(res => {
this.allData = res.data.data.rows;
this.totalLength = this.allData.length;
}).catch(err => {
this.$message.error('数据请求失败！');
})
},
// 点击分页
......@@ -396,4 +400,4 @@ export default {
.newCompany .company-content>>>.el-input__inner{
width: 290px;
}
</style>
\ No newline at end of file
</style>
src/components/admittance/product/technology.vue
浏览文件 @ 89297727
......@@ -58,6 +58,8 @@ export default {
this.$server.getProduceFind(this.list).then(res => {
console.log(res)
this.techNameList = res.data.data
}).catch(err => {
this.$message.error('数据请求失败！');
})
}
},
......
src/components/admittance/technical/addTechnical.vue
浏览文件 @ 89297727
......@@ -133,6 +133,8 @@ export default {
if (res.data.code === 200) {
this.product2List = res.data.data;
}
}).catch(err => {
this.$message.error('数据请求失败！');
})
} else {
this.allProduct[index].product2 = '';
......@@ -153,6 +155,8 @@ export default {
if (res.data.code === 200) {
this.product2List = res.data.data;
}
}).catch(err => {
this.$message.error('数据请求失败！');
})
}
}
......
src/components/admittance/technical/technical.vue
浏览文件 @ 89297727
......@@ -14,7 +14,7 @@
<el-input v-model="productVal" size="medium" placeholder="请输入"></el-input>
</span>
<span class="button" @click="search">搜索</span>
<span class="button new" @click="addperson">新增技术路线</span>
<span class="button new" @click="addperson" title="新增技术路线"><img src="./img/add.png"></span>
</p>
<div class="common-table">
<el-table
......@@ -119,6 +119,8 @@ export default {
this.allData = res.data.data.rows;
this.totleLength = res.data.data.total;
}
}).catch(err => {
this.$message.error('数据请求失败！');
})
},
// 搜索栏
......@@ -232,6 +234,6 @@ export default {
.technical .content .new{
position: absolute;
right: 70px;
width: 128px;
width: 50px;
}
</style>
src/components/basicInformation/company/company.vue
浏览文件 @ 89297727
......@@ -167,6 +167,8 @@ export default {
this.$server.postUnitSearch(data).then(res => {
this.allData = res.data.data.rows;
this.totalLength = this.allData.length;
}).catch(err => {
this.$message.error('数据请求失败！');
})
},
// 点击分页
......
src/components/basicInformation/person/addPerson.vue
浏览文件 @ 89297727
......@@ -105,7 +105,11 @@ export default {
if (res.data.code === 200) {
this.$message.success('新增人员成功！');
this.resetForm('form')
} else {
this.$message.error('新增人员失败！');
}
}).catch(err => {
this.$message.error('数据请求失败！');
})
} else {
return false;
......
src/components/basicInformation/person/person.vue
浏览文件 @ 89297727
......@@ -32,7 +32,7 @@
</el-select>
</span>
<span class="button" @click="search">搜索</span>
<span class="button new" @click="addperson">新增人员</span>
<span class="button new" @click="addperson" title="新增人员"><img src="./img/add.png"></span>
</p>
<div class="common-table">
<el-table
......@@ -131,8 +131,12 @@ export default {
}
this.init()
}
}).catch(err => {
this.$message.error('数据请求失败！');
})
}
}).catch(err => {
this.$message.error('数据请求失败！');
})
},
methods: {
......@@ -162,6 +166,8 @@ export default {
this.allData = res.data.data.rows;
this.totleLength = res.data.data.total;
}
}).catch(err => {
this.$message.error('数据请求失败！');
})
},
// 搜索栏
......@@ -275,5 +281,6 @@ export default {
.person .content .new{
position: absolute;
right: 70px;
width: 50px;
}
</style>
src/components/basicInformation/product/product.vue
浏览文件 @ 89297727
......@@ -145,6 +145,8 @@ export default {
// })
this.$server.getTechFindAll().then(res => { // 请求技术路线
this.techList = res.data.data
}).catch(err => {
this.$message.error('数据请求失败！');
})
},
// 技术路线值转换
......@@ -205,6 +207,8 @@ export default {
this.$server.postProduceSearch(data).then(res => {
this.allData = res.data.data.rows;
this.totalLength = this.allData.length;
}).catch(err => {
this.$message.error('数据请求失败！');
})
},
// 点击分页
......@@ -439,4 +443,4 @@ export default {
.newCompany .company-content>>>.el-input__inner{
width: 290px;
}
</style>
\ No newline at end of file
</style>
src/components/basicInformation/product/technology.vue
浏览文件 @ 89297727
......@@ -58,6 +58,8 @@
this.$server.getProduceFind(this.list).then(res => {
console.log(res)
this.techNameList = res.data.data
}).catch(err => {
this.$message.error('数据请求失败！');
})
}
},
......
src/components/basicInformation/role/authority.vue
浏览文件 @ 89297727
......@@ -12,9 +12,11 @@
</p>
<p class="add">
<span>角色权限：</span>
<span style="margin-left: 150px;">
<span class="selected" @click="selected('y')"><img src="./img/selectedH.png">全选</span>
<span class="selectedN" @click="selected('n')"><img src="./img/selectedNH.png">全不选</span>
<span style="margin-left: 180px;">
<span class="selected" @click="selected">
<img src="./img/selectedH.png" class="img">
<span class="val">全选</span>
</span>
</span>
</p>
<p class="authorityList">
......@@ -37,7 +39,8 @@ export default {
return {
authority: [],
allAuthority: [],
nameVal: ''
nameVal: '',
clickAll: false // 全选
}
},
created() {
......@@ -48,6 +51,8 @@ export default {
this.authority = res.data.data;
this.init();
}
}).catch(err => {
this.$message.error('数据请求失败！');
})
},
methods: {
......@@ -86,7 +91,11 @@ export default {
if (res.data.code === 200) {
this.$message.success('角色新增成功！');
this.cancel();
} else {
this.$message.error('角色新增失败！');
}
}).catch(err => {
this.$message.error('数据请求失败！');
})
} else {
let val = {
......@@ -97,28 +106,35 @@ export default {
if (res.data.code === 200) {
this.$message.success('角色修改成功！');
this.cancel();
} else {
this.$message.error('角色修改失败！');
}
}).catch(err => {
this.$message.error('数据请求失败！');
})
}
},
// 点击全选/全不选
selected(val) {
if (val === 'y') {
selected() {
if (this.clickAll === false) {
$('.selected').addClass('selectedClick');
$('.selectedN').removeClass('selectedNClick')
$('.authorityList>span').addClass('authorityListClick');
$('.selected>img').addClass('noClick')
$('.val').html('全不选')
this.allAuthority = [];
for (let item of this.authority) {
this.allAuthority.push(item.id)
}
this.clickAll = true;
} else {
$('.selected>img').removeClass('noClick')
$('.selected').removeClass('selectedClick');
$('.selectedN').addClass('selectedNClick')
$('.val').html('全选')
this.allAuthority = [];
$('.authorityList>span').removeClass('authorityListClick')
this.clickAll = false;
}
console.log(this.allAuthority)
},
// 点击选择
clickList(index,row) {
......@@ -180,29 +196,14 @@ export default {
justify-content: space-evenly;
margin-top: 20px;
}
.authority .selected, .authority .selectedN{
color: #b6c9f5;
.authority .selected{
cursor: pointer;
}
.authority .selectedN{
margin-left: 30px;
}
.authority .selected:hover,.authority .selectedN:hover{
color: #4877e6;
}
.authority .selected:hover>img{
content: url("./img/selected.png");
}
.authority .selectedN:hover>img{
content: url("./img/selectedN.png");
}
.authority .selectedClick, .authority .selectedNClick{
color: #4877e6;
}
.authority .selectedClick>img{
.authority .img{
content: url("./img/selected.png");
}
.authority .selectedNClick>img{
.authority .noClick{
content: url("./img/selectedN.png");
}
.authority .authorityList{
......
src/components/basicInformation/role/role.vue
浏览文件 @ 89297727
......@@ -10,7 +10,7 @@
<el-input v-model="searchVal" size="medium" placeholder="请输入"></el-input>
</span>
<span class="button" @click="search">搜索</span>
<span class="button new" @click="addrole">新增角色</span>
<span class="button new" @click="addrole" title="新增角色"><img src="./img/add.png"></span>
</p>
<div class="common-table">
<el-table
......@@ -111,6 +111,8 @@ export default {
this.allData = res.data.data.rows;
this.totleLength = res.data.data.total;
}
}).catch(err => {
this.$message.error('数据请求失败！');
})
},
// 搜索栏
......@@ -233,5 +235,6 @@ export default {
.role .content .new{
position: absolute;
right: 70px;
width: 50px;
}
</style>
src/components/complaint/complaint/addComplaint.vue
浏览文件 @ 89297727
......@@ -149,8 +149,14 @@ export default {
this.$server.getProjectFindAll().then(res => {
console.log(res.data.data)
this.project = res.data.data;
}).catch(err => {
this.$message.error('数据请求失败！');
})
}).catch(err => {
this.$message.error('数据请求失败！');
})
}).catch(err => {
this.$message.error('数据请求失败！');
})
},
methods: {
......@@ -187,7 +193,11 @@ export default {
if (res.data.code === 200) {
this.$message.success('新增投诉成功！');
this.$router.push({name: 'complaint'});
} else {
this.$message.success('新增投诉失败！');
}
}).catch(err => {
this.$message.error('数据请求失败！');
})
} else {
return false;
......
src/components/complaint/complaint/complaint.vue
浏览文件 @ 89297727
......@@ -9,7 +9,7 @@
<el-input v-model="searchVal" size="medium" placeholder="请输入查询内容"></el-input>
</span>
<span class="button" @click="search">查询</span>
<span class="button new" @click="addComplaint">新增意见</span>
<span class="button new" @click="addComplaint" title="新增意见"><img src="./img/add.png"></span>
</p>
<div class="common-table">
<el-table
......@@ -37,6 +37,7 @@
<el-table-column
prop="produceName"
label="产品"
:show-overflow-tooltip="true"
align="center">
</el-table-column>
<el-table-column
......@@ -126,6 +127,8 @@ export default {
item.target = item.target === 1 ? '集成商' : item.target === 2 ? '监理商' : item.target === 3 ? '开发商' : item.target === 4 ? '硬件产品' : item.target === 5 ? '软件产品' : '其他';
}
}
}).catch(err => {
this.$message.error('数据请求失败！');
})
},
// 搜索栏
......@@ -242,6 +245,7 @@ export default {
.complaint .content .new{
position: absolute;
right: 70px;
width: 50px;
}
.complaint>>>.el-table__body tr, .el-table__body td{
cursor: pointer;
......
src/components/complaint/complaint/complaintDetail.vue
浏览文件 @ 89297727
......@@ -105,6 +105,8 @@ export default {
this.$server.getUnitFindAll().then(res => {
console.log(res.data.data)
this.unit = res.data.data;
}).catch(err => {
this.$message.error('数据请求失败！');
})
let value = this.$route.params.value;
if (value !== '' || value !== undefined) {
......
src/components/complaint/complaintManagement/addComplaintManagement.vue
浏览文件 @ 89297727
......@@ -149,8 +149,14 @@ export default {
this.$server.getProjectFindAll().then(res => {
console.log(res.data.data)
this.project = res.data.data;
}).catch(err => {
this.$message.error('数据请求失败！');
})
}).catch(err => {
this.$message.error('数据请求失败！');
})
}).catch(err => {
this.$message.error('数据请求失败！');
})
},
methods: {
......@@ -187,7 +193,11 @@ export default {
if (res.data.code === 200) {
this.$message.success('新增投诉成功！');
this.$router.push({name: 'complaint'});
} else {
this.$message.success('新增投诉失败！');
}
}).catch(err => {
this.$message.error('数据请求失败！');
})
} else {
return false;
......
src/components/complaint/complaintManagement/complaintManagement.vue
浏览文件 @ 89297727
......@@ -9,7 +9,7 @@
<el-input v-model="searchVal" size="medium" placeholder="请输入查询内容"></el-input>
</span>
<span class="button" @click="search">查询</span>
<span class="button new" @click="addComplaint">新增意见</span>
<span class="button new" @click="addComplaint" title="新增意见"><img src="./img/add.png"></span>
</p>
<div class="common-table">
<el-table
......@@ -37,6 +37,7 @@
<el-table-column
prop="produceName"
label="产品"
:show-overflow-tooltip="true"
align="center">
</el-table-column>
<el-table-column
......@@ -127,6 +128,8 @@ export default {
item.target = item.target === 1 ? '集成商' : item.target === 2 ? '监理商' : item.target === 3 ? '开发商' : item.target === 4 ? '硬件产品' : item.target === 5 ? '软件产品' : '其他';
}
}
}).catch(err => {
this.$message.error('数据请求失败！');
})
},
// 搜索栏
......@@ -240,6 +243,7 @@ export default {
.complaintManagement .content .new{
position: absolute;
right: 70px;
width: 50px;
}
.complaintManagement>>>.el-table__body tr, .el-table__body td{
cursor: pointer;
......
src/components/complaint/complaintManagement/complaintManagementDetail.vue
浏览文件 @ 89297727
......@@ -131,6 +131,8 @@ export default {
this.$server.getUnitFindAll().then(res => {
console.log(res.data.data)
this.unit = res.data.data;
}).catch(err => {
this.$message.error('数据请求失败！');
})
let value = this.$route.params.value;
if (value !== '' || value !== undefined) {
......@@ -170,7 +172,11 @@ export default {
if (res.data.code === 200) {
this.$message.success('投诉回复成功！')
this.$router.push({name: 'complaintManagement'});
} else {
this.$message.error('投诉回复成功！')
}
}).catch(err => {
this.$message.error('数据请求失败！');
})
},
cancel() {
......
src/components/header/header.css
浏览文件 @ 89297727
......@@ -86,10 +86,13 @@
margin: 0 20px 0 20px;
display: inline-block;
font-size: 20px;
cursor: default;
color: #4765A4;
cursor: pointer;
color: rgba(123,144,189,0.9);
line-height: 40px;
}
.headerAll .goTitle{
color: #4777e7;
}
.headerAll .menuClick{
color: #4777e7;
font-weight: bold;
......
src/components/header/header.vue
浏览文件 @ 89297727
......@@ -28,7 +28,7 @@
</div>
<div style="height: 40px;background: #fff;" v-if="this.$route.path !== '/firstHome'">
<p class="list">
<span class="menuTitle">{{sidebar.name}}</span>
<span class="menuTitle goTitle" @click="go">{{sidebar.name}}</span>
<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">
......@@ -56,10 +56,9 @@ export default {
setInterval(function () {
that.timeDayFilter()
},1000)
console.log(this.$store.getters.getUserData)
},
methods: {
// 时间
// 获取当前时间
timeDayFilter () {
let date = new Date();
let seperator1 = '-';
......@@ -89,13 +88,19 @@ export default {
},
// 跳转
jump(path, index){
console.log(index)
this.$router.push({name: path});
if (index !== undefined) {
let va = '.list>span:nth-child(' + (index + 2) + ')>span';
let va = '.list>span:nth-child(' + (index + 2) + ')>span'; // 修改子菜单点击样式
$('.listVal>span').removeClass('menuClick')
$('.menuTitle').removeClass('goTitle')
$(va).addClass('menuClick')
}
},
// 首页跳转
go() {
this.$router.push({name: this.sidebar.path});
$('.menuTitle').addClass('goTitle') // 样式修改
$('.listVal>span').removeClass('menuClick')
}
},
computed: {
......@@ -104,9 +109,21 @@ export default {
components: {
},
watch: {
'getSidebar': {
'getSidebar': { // 监听侧边栏点击
handler: function (val) {
this.sidebar = val;
if (val.path !== this.$store.getters.getNowPath && val.menu !== undefined) { // 判断是否显示首页
for (let i = 0; i < val.menu.length; i++) { // 没有显示首页，轮询子菜单对比名称
if (val.menu[i].path === this.$store.getters.getNowPath) { // 判断子菜单path与当前path
$('.listVal>span').removeClass('menuClick') // 修改样式
$('.menuTitle').removeClass('goTitle')
setTimeout(()=>{ // 新增样式，vux更新延迟，需要加延时
let va = '.list>span:nth-child(' + (i + 2) + ')>span';
$(va).addClass('menuClick')
},50)
}
}
}
},
deep: true
}
......
src/components/home/home.vue
浏览文件 @ 89297727
......@@ -94,6 +94,7 @@ export default {
mounted(){
},
methods: {
// 跳转
jump(path,index,title) {
this.$router.push({name: path});
let val = {
......@@ -101,7 +102,8 @@ export default {
index: index,
title: title
}
this.$store.commit('changeHomeClick', val);
this.$store.commit('changeHomeClick', val); // 传给导航进行样式定位和点击事件
this.$store.commit('changeNowPath', path); // 当前path传给header作比对
}
},
components: {
......
src/components/integration/integration/imgs.vue
浏览文件 @ 89297727
......@@ -42,7 +42,6 @@ export default {
imgload() {
this.$nextTick(()=>{
this.height = this.$refs.height[0].height;
console.log(this.$refs.height[0].height);
})
}
},
......
src/components/sidebar/sidebar.css
浏览文件 @ 89297727
......@@ -4,63 +4,46 @@
background: #fff;
}
.sidebarAll .sidebar .menu{
padding-top: 10px;
text-align: center;
margin-top: 24px;
height: 80px;
height: 60px;
line-height: 60px;
padding: 10px 0 10px 0px;
cursor: pointer;
position: relative;
transition: all 0.5s;
}
.sidebarAll .sidebar .icon{
display: inline-block;
height: 40px;
width: 40px;
background: rgba(71,119,231,0.5);
}
.sidebarAll .sidebar .icon>img{
margin-top: 9px;
}
.sidebarAll .sidebar .font{
display: block;
margin-top: 8px;
font-size: 18px;
color: #233b6e;
}
.sidebarAll .sidebar .line{
display: inline-block;
position: absolute;
left: 3px;
width: 5px;
height: 90px;
transition: all 0.5s;
z-index: 10;
}
.sidebarAll .sidebar>div{
margin-top: 24px;
}
.sidebarAll .sidebar>div:hover .menu{
background: #ebf0f8;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
}
.sidebarAll .sidebar>div:hover .line{
background: #4777e7;
}
.sidebarAll .sidebar>div:hover .icon{
background: #4777e7;
.sidebarAll .sidebar>div:hover .font{
background: #4877e6;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
color: #fff;
}
.sidebarAll .sidebar .click{
background: #ebf0f8;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.sidebarAll .sidebar .lineClick{
background: #4777e7;
}
.sidebarAll .sidebar .iconClick{
background: #4777e7;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
}
.sidebarAll .sidebar .fontClick{
background: #4877e6;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
color: #fff;
}
src/components/sidebar/sidebar.vue
浏览文件 @ 89297727
<template>
<div class="sidebarAll">
<div class="sidebar">
<div style="margin-top: 0">
<span class="line"></span>
<p class="menu" style="margin-top: 0">
<span class="icon">
<img src="./img/JD.png">
</span>
<div>
<p class="menu">
<span class="font">基地建设</span>
</p>
</div>
<div @click="clickMenu('XCalliance',2,'XX联盟')">
<span class="line"></span>
<p class="menu" style="margin-top: 0">
<span class="icon">
<img src="./img/XC.png">
</span>
<p class="menu">
<span class="font">XX联盟</span>
</p>
</div>
<div style="margin-bottom: 10px;" @click="clickMenu('integration',3,'XXX一体化')">
<span class="line"></span>
<p class="menu" style="margin-top: 0">
<span class="icon">
<img src="./img/ZQ.png">
</span>
<div @click="clickMenu('integration',3,'XXX一体化')">
<p class="menu">
<span class="font">XXX一体化</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>
<p class="menu">
<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>
<p class="menu">
<span class="font">市级名录</span>
</p>
</div>
<div @click="clickMenu('company',4,'基础资料管理')" 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>
<div @click="clickMenu('',4,'基础资料管理')" v-if="this.$store.getters.getUserData.type === 1">
<p class="menu">
<span class="font">基础资料管理</span>
</p>
</div>
<div @click="clickMenu('product',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/ZR.png">
</span>
<div @click="clickMenu('',5,'市级准入管理')" v-if="this.$store.getters.getUserData.type === 1">
<p class="menu">
<span class="font">市级准入管理</span>
</p>
</div>
<div>
<span class="line"></span>
<p class="menu" style="margin-top: 0">
<span class="icon">
<img src="./img/KT.png">
</span>
<p class="menu">
<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/XM.png">
</span>
<p class="menu">
<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/XM.png">
</span>
<p class="menu">
<span class="font">我的项目</span>
</p>
</div>
<div @click="clickMenu('complaintManagement',8,'投诉管理')" 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>
<p class="menu">
<span class="font">投诉管理</span>
</p>
</div>
<div @click="clickMenu('complaint',8,'意见建议')" 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>
<p class="menu">
<span class="font">意见建议</span>
</p>
</div>
......@@ -242,32 +194,40 @@ export default {
created() {
},
mounted(){
// home点击过来，定位到对应导航
this.clickMenu(this.$store.getters.getHomeClick.path,this.$store.getters.getHomeClick.index,this.$store.getters.getHomeClick.title)
},
methods: {
// 点击切换样式并且跳转
clickMenu(name, num,title) {
console.log(name,num);
$('.sidebar .menu').removeClass('click');
$('.sidebar .line').removeClass('lineClick');
$('.sidebar .icon').removeClass('iconClick');
$('.sidebar .menu').removeClass('click'); // 样式修改
$('.sidebar .font').removeClass('fontClick');
let menu = '.sidebar>div:nth-child(' + num + ') .menu';
let line = '.sidebar>div:nth-child(' + num + ') .line';
let icon = '.sidebar>div:nth-child(' + num + ') .icon';
let font = '.sidebar>div:nth-child(' + num + ') .font';
$(menu).addClass('click');
$(line).addClass('lineClick');
$(icon).addClass('iconClick');
$(font).addClass('fontClick');
let nowName; // 定义当前path
for (let item of this.menu) {
if (item.name === title) {
let val = {
name: title,
path: name,
menu: item.menuList
}
this.$store.commit('changeSidebar', val);
nowName = item.menuList;
this.$store.commit('changeSidebar', val); // 传到头部作为子菜单显示
}
}
if (name === '') { // 判断没有首页
if (nowName !== undefined) {
this.$router.push({name: nowName[0].path}); // 默认显示子菜单第一个
}
this.$store.commit('changeNowPath', nowName[0].path); // 将子菜单值传到header对比
} else {
this.$router.push({name: name}); // 有首页，跳转，修改样式
$('.listVal>span').removeClass('menuClick')
$('.menuTitle').addClass('goTitle')
}
$('.listVal>span').removeClass('menuClick')
this.$router.push({name: name});
}
},
components: {
......
src/store/action.js
浏览文件 @ 89297727
......@@ -18,6 +18,12 @@ const actions = {
homeClick: payload
})
},
changeNowPath(store, payload) {
store.commit({
type: 'changeNowPath',
nowPath: payload
})
},
};
export default actions;
src/store/getter.js
浏览文件 @ 89297727
......@@ -8,6 +8,9 @@ const getters = {
},
getHomeClick(state) {
return state.homeClick
},
getNowPath(state) {
return state.nowPath
}
};
......
src/store/mutation.js
浏览文件 @ 89297727
......@@ -9,6 +9,9 @@ const mutations = {
changeHomeClick(state, payload) {
state.homeClick = payload;
},
changeNowPath(state, payload) {
state.nowPath = payload;
},
};
export default mutations;
src/store/state.js
浏览文件 @ 89297727
......@@ -2,7 +2,8 @@
const state = {
sidebar: [], // 子菜单
userData: {}, // 登录用户信息
homeClick: {} // 首页点击的模块
homeClick: {}, // 首页点击的模块
nowPath: '' // 当前页面路径
};
export default state;
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论