提交 23006e55 authored 作者: CRS's avatar CRS

new

上级 55e34ea7
...@@ -194,11 +194,6 @@ export default { ...@@ -194,11 +194,6 @@ export default {
display: inline-block; display: inline-block;
line-height: 34px; line-height: 34px;
} }
.dynamicList .content .common-table{
box-shadow: 4px 4px 5px rgba(72,119,230,0.1);
border: .5px solid transparent;
border-radius: 10px;
}
.dynamicList>>>.el-input__inner{ .dynamicList>>>.el-input__inner{
border: 1px solid rgba(8,104,157,.3); border: 1px solid rgba(8,104,157,.3);
border-radius: 2px; border-radius: 2px;
...@@ -222,60 +217,4 @@ export default { ...@@ -222,60 +217,4 @@ export default {
.dynamicList .content .button:hover{ .dynamicList .content .button:hover{
background: rgba(72,119,230,.6); background: rgba(72,119,230,.6);
} }
.dynamicList .content .common-table{
margin: 24px 70px 0 70px;
}
.dynamicList .content .common-table>>>.el-table th > .cell{
font-size: 18px;
color: #333;
font-weight: normal;
}
.dynamicList .content .common-table>>>.el-table th.is-leaf{
height: 70px;
}
.dynamicList .content .common-table>>>.el-table tr{
cursor: pointer;
font-size: 18px;
}
.dynamicList .content .common-table>>>.el-table{
color: #233b6e;
}
.dynamicList .content .common-table>>>.el-table--striped .el-table__body tr.el-table__row--striped.el-table__row--striped.el-table__row--striped td {
background-color: #fff;
}
.dynamicList .content .common-table>>>.el-table--enable-row-hover .el-table__body tr:hover>td{
background-color: #f5f8fd;
}
.dynamicList .content .common-table>>>.el-table th.is-leaf, .el-table td {
border-bottom: 1px solid #d5e3ff;
}
.dynamicList .content .common-table>>>.el-table__body tr, .el-table__body td {
padding: 0;
height: 60px;
background: #f5f8fd;
}
.dynamicList .content .block{
text-align: right;
padding: 30px 70px 0 0;
}
.dynamicList .content>>>.el-pagination.is-background .el-pager li{
background-image: linear-gradient(to bottom, #c5d5f7,#7a95e6);
color: #fff;
}
.dynamicList .content>>>.el-pagination.is-background .el-pager li:not(.disabled).active{
background-image: linear-gradient(to bottom, #7a9eeb,#274acf);
color: #fff;
}
.dynamicList .content>>>.el-table td{
border-bottom: 1px solid #d5e3ff;
}
.dynamicList .content>>>.btn-prev,.dynamicList .content>>>.btn-next{
background: #c5d5f7;
background-image: linear-gradient(to bottom, #c5d5f7,#7a95e6);
color: #fff;
}
.dynamicList .content>>>.btn-prev:disabled,.dynamicList .content>>>.btn-next:disabled{
color: #C0C4CC;
}
</style> </style>
<template> <template>
<div class="newsPage"> <div class="newsPage">
<div class="content"> <div class="content">
<p class="title"> <!-- <p class="title">-->
动态详情 <!-- 动态详情-->
</p> <!-- </p>-->
<p class="name"><span class="line"></span>{{name}}</p> <p class="name"><span class="line"></span>{{name}}</p>
<p class="other"> <p class="other">
<span>标签:{{type}}</span> <span>标签:{{type}}</span>
...@@ -37,6 +37,8 @@ export default { ...@@ -37,6 +37,8 @@ export default {
}, },
mounted(){ mounted(){
$('.newAll').html(this.news); $('.newAll').html(this.news);
$('.listVal>span').removeClass('menuClick') // 修改样式
$('.menuTitle').removeClass('goTitle')
}, },
methods: { methods: {
}, },
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<p class="search"> <p class="search">
<span class="searchVal"> <span class="searchVal">
<span>技术路线名称:</span> <span>技术路线名称:</span>
<el-input v-model="technicalVal" size="medium" placeholder="请输入"></el-input> <el-input v-model="technicalVal" size="medium" placeholder="请输入" @change="search"></el-input>
</span> </span>
<span class="searchVal"> <span class="searchVal">
<span style="width: 90px;">产品名称:</span> <span style="width: 90px;">产品名称:</span>
...@@ -265,7 +265,7 @@ export default { ...@@ -265,7 +265,7 @@ export default {
/*表格双行hover样式*/ /*表格双行hover样式*/
} }
.technical>>>.el-table--striped .el-table__body tr.el-table__row--striped.el-table__row--striped.el-table__row--striped:hover td .change>img{ .technical>>>.el-table--striped .el-table__body tr.el-table__row--striped.el-table__row--striped.el-table__row--striped:hover td .change>img{
content: url("./img/look.png"); content: url("./img/lookH.png");
/*表格双行hover样式*/ /*表格双行hover样式*/
} }
.technical>>>.el-table--enable-row-hover .el-table__body tr:hover>td .change{ .technical>>>.el-table--enable-row-hover .el-table__body tr:hover>td .change{
...@@ -273,7 +273,7 @@ export default { ...@@ -273,7 +273,7 @@ export default {
/*表格单行hover样式*/ /*表格单行hover样式*/
} }
.technical>>>.el-table--enable-row-hover .el-table__body tr:hover>td .change>img{ .technical>>>.el-table--enable-row-hover .el-table__body tr:hover>td .change>img{
content: url("./img/look.png"); content: url("./img/lookH.png");
/*表格单行hover样式*/ /*表格单行hover样式*/
} }
</style> </style>
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<p class="search"> <p class="search">
<span class="searchVal"> <span class="searchVal">
<span>姓名:</span> <span>姓名:</span>
<el-input v-model="searchVal" size="medium" placeholder="请输入"></el-input> <el-input v-model="searchVal" size="medium" placeholder="请输入" @change="search"></el-input>
</span> </span>
<span class="searchVal"> <span class="searchVal">
<span>角色:</span> <span>角色:</span>
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<p class="search"> <p class="search">
<span class="searchVal"> <span class="searchVal">
<span>角色名称:</span> <span>角色名称:</span>
<el-input v-model="searchVal" size="medium" placeholder="请输入"></el-input> <el-input v-model="searchVal" size="medium" placeholder="请输入" @change="search"></el-input>
</span> </span>
<span class="button" @click="search">搜索</span> <span class="button" @click="search">搜索</span>
<span class="button new" @click="addrole" title="新增角色"><img src="./img/add.png"></span> <span class="button new" @click="addrole" title="新增角色"><img src="./img/add.png"></span>
...@@ -243,7 +243,7 @@ export default { ...@@ -243,7 +243,7 @@ export default {
/*表格双行hover样式*/ /*表格双行hover样式*/
} }
.role>>>.el-table--striped .el-table__body tr.el-table__row--striped.el-table__row--striped.el-table__row--striped:hover td .change>img{ .role>>>.el-table--striped .el-table__body tr.el-table__row--striped.el-table__row--striped.el-table__row--striped:hover td .change>img{
content: url("./img/look.png"); content: url("./img/lookH.png");
/*表格双行hover样式*/ /*表格双行hover样式*/
} }
.role>>>.el-table--enable-row-hover .el-table__body tr:hover>td .change{ .role>>>.el-table--enable-row-hover .el-table__body tr:hover>td .change{
...@@ -251,7 +251,7 @@ export default { ...@@ -251,7 +251,7 @@ export default {
/*表格单行hover样式*/ /*表格单行hover样式*/
} }
.role>>>.el-table--enable-row-hover .el-table__body tr:hover>td .change>img{ .role>>>.el-table--enable-row-hover .el-table__body tr:hover>td .change>img{
content: url("./img/look.png"); content: url("./img/lookH.png");
/*表格单行hover样式*/ /*表格单行hover样式*/
} }
</style> </style>
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<p class="title">意见建议</p> <p class="title">意见建议</p>
<p class="search"> <p class="search">
<span class="searchVal"> <span class="searchVal">
<el-input v-model="searchVal" size="medium" placeholder="请输入查询内容"></el-input> <el-input v-model="searchVal" size="medium" placeholder="请输入查询内容" @change="search"></el-input>
</span> </span>
<span class="button" @click="search">查询</span> <span class="button" @click="search">查询</span>
<span class="button new" @click="addComplaint" title="新增意见"><img src="./img/add.png"></span> <span class="button new" @click="addComplaint" title="新增意见"><img src="./img/add.png"></span>
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<div class="content"> <div class="content">
<p class="title">投诉详情</p> <p class="title">详情</p>
<div class="selectedList"> <div class="selectedList">
<p class="selected"> <p class="selected">
<span>投诉人:</span> <span>投诉人:</span>
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
<span>投诉类型:</span> <span>投诉类型:</span>
<el-input v-model="typeVal" :disabled="true"></el-input> <el-input v-model="typeVal" :disabled="true"></el-input>
</p> </p>
<p class="selected" v-show="valueAll.target === '硬件产品' || valueAll.target === '软件产品'"> <p class="selected" v-show="valueAll.target === '产品商'">
<span>产品名称:</span> <span>产品名称:</span>
<el-input v-model="unitVal" :disabled="true"></el-input> <el-input v-model="unitVal" :disabled="true"></el-input>
</p> </p>
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
<span>联系电话:</span> <span>联系电话:</span>
<el-input v-model="phone" :disabled="true"></el-input> <el-input v-model="phone" :disabled="true"></el-input>
</p> </p>
<p class="selected blank" v-show="valueAll.target !== '硬件产品' && valueAll.target !== '软件产品'"></p> <p class="selected blank" v-show="valueAll.target !== '产品商'"></p>
</div> </div>
<div class="textarea"> <div class="textarea">
<p class="selected" style="display: flex"> <p class="selected" style="display: flex">
...@@ -215,10 +215,11 @@ export default { ...@@ -215,10 +215,11 @@ export default {
.complaintDetail .content .replyAll>span:nth-child(2){ .complaintDetail .content .replyAll>span:nth-child(2){
position: absolute; position: absolute;
right: 10px; right: 10px;
color: #999;
} }
.complaintDetail .content .replyAll>span:nth-child(2)>img { .complaintDetail .content .replyAll>span:nth-child(2)>img {
margin-right: 5px; margin-right: 5px;
vertical-align: middle; vertical-align: top;
} }
.complaintDetail .content .reply{ .complaintDetail .content .reply{
font-size: 18px; font-size: 18px;
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<p class="title">投诉管理</p> <p class="title">投诉管理</p>
<p class="search"> <p class="search">
<span class="searchVal"> <span class="searchVal">
<el-input v-model="searchVal" size="medium" placeholder="请输入查询内容"></el-input> <el-input v-model="searchVal" size="medium" placeholder="请输入查询内容" @change="search"></el-input>
</span> </span>
<span class="button" @click="search">查询</span> <span class="button" @click="search">查询</span>
<span class="button new" @click="addComplaint" title="新增意见"><img src="./img/add.png"></span> <span class="button new" @click="addComplaint" title="新增意见"><img src="./img/add.png"></span>
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<div class="content"> <div class="content">
<p class="title">投诉详情 <p class="title">详情
<span @click="signClick" style="cursor: pointer;" class="diologClick"> <span @click="signClick" style="cursor: pointer;" class="diologClick">
<img src="./img/clickN.png" class="img" v-if="sign === -1"> <img src="./img/clickN.png" class="img" v-if="sign === -1">
<img src="./img/click.png" class="img" v-if="sign === 1"> <img src="./img/click.png" class="img" v-if="sign === 1">
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
<span>投诉类型:</span> <span>投诉类型:</span>
<el-input v-model="typeVal" :disabled="true"></el-input> <el-input v-model="typeVal" :disabled="true"></el-input>
</p> </p>
<p class="selected" v-show="valueAll.target === '硬件产品' || valueAll.target === '软件产品'"> <p class="selected" v-show="valueAll.target === '产品商'">
<span>产品名称:</span> <span>产品名称:</span>
<el-input v-model="unitVal" :disabled="true"></el-input> <el-input v-model="unitVal" :disabled="true"></el-input>
</p> </p>
...@@ -57,7 +57,7 @@ ...@@ -57,7 +57,7 @@
<span>联系电话:</span> <span>联系电话:</span>
<el-input v-model="phone" :disabled="true"></el-input> <el-input v-model="phone" :disabled="true"></el-input>
</p> </p>
<p class="selected blank" v-show="valueAll.target !== '硬件产品' && valueAll.target !== '软件产品'"></p> <p class="selected blank" v-show="valueAll.target !== '产品商'"></p>
</div> </div>
<div class="textarea"> <div class="textarea">
<p class="selected" style="display: flex"> <p class="selected" style="display: flex">
...@@ -292,10 +292,11 @@ export default { ...@@ -292,10 +292,11 @@ export default {
.complaintManagementDetail .content .replyAll>span:nth-child(2) { .complaintManagementDetail .content .replyAll>span:nth-child(2) {
position: absolute; position: absolute;
right: 10px; right: 10px;
color: #999;
} }
.complaintManagementDetail .content .replyAll>span:nth-child(2)>img { .complaintManagementDetail .content .replyAll>span:nth-child(2)>img {
margin-right: 5px; margin-right: 5px;
vertical-align: middle; vertical-align: top;
} }
.complaintManagementDetail .content .reply>span:nth-child(1){ .complaintManagementDetail .content .reply>span:nth-child(1){
width: 124px; width: 124px;
......
...@@ -153,6 +153,10 @@ export default { ...@@ -153,6 +153,10 @@ export default {
text-align: center; text-align: center;
background: url("./img/bg.png") no-repeat; background: url("./img/bg.png") no-repeat;
cursor: pointer; cursor: pointer;
transition: all 0.5s;
}
.firstHome .bg:hover{
transform: scale(1.1);
} }
.firstHome .blank{ .firstHome .blank{
width: 230px; width: 230px;
...@@ -189,6 +193,11 @@ export default { ...@@ -189,6 +193,11 @@ export default {
color: #333; color: #333;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
transition: all 0.5s;
}
.firstHome .XCmenu>p:hover{
background: rgba(228,231,237,0.7);
border-radius: 10px;
} }
.firstHome .XCmenu img{ .firstHome .XCmenu img{
margin-right: 15px; margin-right: 15px;
......
...@@ -180,11 +180,6 @@ export default { ...@@ -180,11 +180,6 @@ export default {
display: inline-block; display: inline-block;
line-height: 34px; line-height: 34px;
} }
.dynamicList .content .common-table{
box-shadow: 4px 4px 5px rgba(72,119,230,0.1);
border: .5px solid transparent;
border-radius: 10px;
}
.dynamicList>>>.el-input__inner{ .dynamicList>>>.el-input__inner{
border: 1px solid rgba(8,104,157,.3); border: 1px solid rgba(8,104,157,.3);
border-radius: 2px; border-radius: 2px;
...@@ -208,60 +203,4 @@ export default { ...@@ -208,60 +203,4 @@ export default {
.dynamicList .content .button:hover{ .dynamicList .content .button:hover{
background: rgba(72,119,230,.6); background: rgba(72,119,230,.6);
} }
.dynamicList .content .common-table{
margin: 24px 70px 0 70px;
}
.dynamicList .content .common-table>>>.el-table th > .cell{
font-size: 18px;
color: #333;
font-weight: normal;
}
.dynamicList .content .common-table>>>.el-table th.is-leaf{
height: 70px;
}
.dynamicList .content .common-table>>>.el-table tr{
cursor: pointer;
font-size: 18px;
}
.dynamicList .content .common-table>>>.el-table{
color: #233b6e;
}
.dynamicList .content .common-table>>>.el-table--striped .el-table__body tr.el-table__row--striped.el-table__row--striped.el-table__row--striped td {
background-color: #fff;
}
.dynamicList .content .common-table>>>.el-table--enable-row-hover .el-table__body tr:hover>td{
background-color: #f5f8fd;
}
.dynamicList .content .common-table>>>.el-table th.is-leaf, .el-table td {
border-bottom: 1px solid #d5e3ff;
}
.dynamicList .content .common-table>>>.el-table__body tr, .el-table__body td {
padding: 0;
height: 60px;
background: #f5f8fd;
}
.dynamicList .content .block{
text-align: right;
padding: 30px 70px 0 0;
}
.dynamicList .content>>>.el-pagination.is-background .el-pager li{
background-image: linear-gradient(to bottom, #c5d5f7,#7a95e6);
color: #fff;
}
.dynamicList .content>>>.el-pagination.is-background .el-pager li:not(.disabled).active{
background-image: linear-gradient(to bottom, #7a9eeb,#274acf);
color: #fff;
}
.dynamicList .content>>>.el-table td{
border-bottom: 1px solid #d5e3ff;
}
.dynamicList .content>>>.btn-prev,.dynamicList .content>>>.btn-next{
background: #c5d5f7;
background-image: linear-gradient(to bottom, #c5d5f7,#7a95e6);
color: #fff;
}
.dynamicList .content>>>.btn-prev:disabled,.dynamicList .content>>>.btn-next:disabled{
color: #C0C4CC;
}
</style> </style>
...@@ -2,19 +2,19 @@ ...@@ -2,19 +2,19 @@
<div class="member"> <div class="member">
<p> <p>
<span class="title">成员</span> <span class="title">成员</span>
<span class="more">更多>></span> <!-- <span class="more">更多>></span>-->
</p> </p>
<div class="content"> <div class="content">
<img src="./img/member.png" style="height: 120px;margin: 20px 0 0 20px;"> <img src="./img/member.png" style="height: 120px;margin: 20px 0 0 20px;">
<div style="width: 250px;margin-top: 20px;"> <div style="width: 250px;margin-top: 20px;">
<p style="margin-top: 20px;">
<span class="name">学校:</span>
<span class="val" :title="val">{{val}}</span>
</p>
<p style="margin-top: 20px;"> <p style="margin-top: 20px;">
<span class="name">政府:</span> <span class="name">政府:</span>
<span class="val" :title="val2">{{val2}}</span> <span class="val" :title="val2">{{val2}}</span>
</p> </p>
<p style="margin-top: 20px;">
<span class="name">学校:</span>
<span class="val" :title="val">{{val}}</span>
</p>
<p style="margin-top: 20px;"> <p style="margin-top: 20px;">
<span class="name">企业:</span> <span class="name">企业:</span>
<span class="val" :title="val3">{{val3}}</span> <span class="val" :title="val3">{{val3}}</span>
......
<template> <template>
<div class="newsPage"> <div class="newsPage">
<div class="content"> <div class="content">
<p class="title"> <!-- <p class="title">-->
动态详情 <!-- 动态详情-->
</p> <!-- </p>-->
<p class="name"><span class="line"></span>{{name}}</p> <p class="name"><span class="line"></span>{{name}}</p>
<p class="other"> <p class="other">
<span>标签:{{type}}</span> <span>标签:{{type}}</span>
...@@ -37,6 +37,8 @@ export default { ...@@ -37,6 +37,8 @@ export default {
}, },
mounted(){ mounted(){
$('.newAll').html(this.news); $('.newAll').html(this.news);
$('.listVal>span').removeClass('menuClick') // 修改样式
$('.menuTitle').removeClass('goTitle')
}, },
methods: { methods: {
}, },
......
...@@ -6,12 +6,12 @@ Vue.use(Router) ...@@ -6,12 +6,12 @@ Vue.use(Router)
export default new Router({ export default new Router({
routes:[ routes:[
{ {
path: '/', path: '/mainView',
name: 'mainView', name: 'mainView',
component: resolve => require(['../mainView.vue'], resolve) component: resolve => require(['../mainView.vue'], resolve)
}, },
{ {
path: '/login', path: '/',
name: 'login', name: 'login',
component: resolve => require(['../components/login/login.vue'], resolve) component: resolve => require(['../components/login/login.vue'], resolve)
}, },
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论