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