提交 774ad74e authored 作者: CRS's avatar CRS

new

上级 efae5d02
......@@ -8,26 +8,52 @@
<span>路线名称:</span>
<el-input v-model="addVal" size="medium" placeholder="请输入"></el-input>
</p>
<p class="select">
<div class="select">
<span>产品组合:</span>
<el-select v-model="product1" placeholder="请选择" clearable>
<el-option
v-for="item in product1List"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<el-select v-model="product2" placeholder="请选择" clearable style="margin-left: 20px;">
<el-option
v-for="item in product2List"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
<img src="./img/delN.png" class="del">
</p>
<div>
<el-scrollbar style="height: 100%">
<p style="margin-bottom: 10px;">
<el-select v-model="product1" placeholder="请选择" clearable>
<el-option
v-for="item in product1List"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<el-select v-model="product2" placeholder="请选择" clearable style="margin-left: 20px;">
<el-option
v-for="item in product2List"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
<img src="./img/delN.png" class="del">
</p>
<p style="margin-bottom: 10px;" v-for="(item,index) of allProduct" v-if="allProduct.length !== 0">
<el-select v-model="item.product1" placeholder="请选择" clearable @change="changeVal(item.product1,index)">
<el-option
v-for="item in product1List"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<el-select v-model="item.product2" placeholder="请选择" clearable style="margin-left: 20px;">
<el-option
v-for="item in product2List"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
<img src="./img/delN.png" class="del" @click="dele(index)">
</p>
<p class="addProduct" @click="addProduct"><img src="./img/clickN.png"><span>新增产品组合</span></p>
</el-scrollbar>
</div>
</div>
</div>
<p class="line"></p>
<p class="buttonClick">
......@@ -67,7 +93,8 @@ export default {
label: '其他'
}
],
product2List: []
product2List: [],
allProduct: []
}
},
created() {
......@@ -77,23 +104,57 @@ export default {
methods: {
// 保存
save() {
let val = {
'name': this.addVal,
'product1': this.product1,
'product2': this.product2,
'allProduct': this.allProduct
}
console.log(val)
},
// 取消
cancel() {
this.$emit('on-cancel')
},
// 新增产品组合
addProduct() {
let val = {
'product1': '',
'product2': ''
}
this.allProduct.push(val);
console.log(this.allProduct)
},
// 选择产品组合
changeVal(val,index) {
if (val !== '') {
this.$server.getFindByForm(val).then((res) => { // 数据请求
if (res.data.code === 200) {
this.product2List = res.data.data;
}
})
} else {
this.allProduct[index].product2 = '';
}
},
// 删除产品组合
dele(index) {
this.allProduct.splice(index,1)
}
},
components: {
},
watch: {
'product1':function (val) {
console.log(val);
this.$server.getFindByForm(val).then((res) => { // 数据请求
console.log(res.data.data)
if (res.data.code === 200) {
this.product2List = res.data.data;
}
})
this.product2 = '';
if (val !== '') {
this.$server.getFindByForm(val).then((res) => { // 数据请求
if (res.data.code === 200) {
this.product2List = res.data.data;
}
})
}
}
}
}
......@@ -112,7 +173,7 @@ export default {
display: inline;
}
.addTechnical .line{
margin: 150px 30px 0 30px;
margin: 20px 30px 0 30px;
height: 1px;
background: rgba(72,119,230,0.2);
}
......@@ -131,4 +192,28 @@ export default {
.addTechnical .select img{
margin-left: 10px;
}
.addTechnical .select>div{
display: inline-block;
height: 200px;
}
.addTechnical .select>span{
display: inline-block;
height: 34px;
line-height: 34px;
vertical-align: top;
}
.addTechnical>>>.el-scrollbar__wrap {
overflow-x: hidden;
}
.addTechnical .addProduct{
color: #98B2F0;
cursor: pointer;
}
.addTechnical .addProduct:hover{
color: #4C7AE6;
cursor: pointer;
}
.addTechnical .addProduct:hover>img{
content: url("./img/click.png");
}
</style>
......@@ -81,7 +81,7 @@ export default {
},
{
id: 3,
name: '监理'
name: '监理'
},
{
id: 4,
......
......@@ -50,12 +50,12 @@
align="center">
</el-table-column>
<el-table-column
prop="time"
prop="time1"
label="投诉时间"
align="center">
</el-table-column>
<el-table-column
prop="replyTime"
prop="replyTime1"
label="最近回复时间"
align="center">
</el-table-column>
......@@ -120,10 +120,10 @@ export default {
this.allData = res.data.data.rows;
this.totleLength = res.data.data.total;
for (let item of this.allData) {
item.time = this.time(item.time);
item.replyTime = this.time(item.replyTime);
item.time1 = this.time1(item.time);
item.replyTime1 = this.time1(item.replyTime);
item.type = item.type === 1 ? '服务质量' : item.type === 2 ? '服务态度' : item.type === 3 ? '响应速度' : '其他';
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 ? '软件产品' : '其他';
}
}
})
......@@ -152,6 +152,16 @@ export default {
},
// 时间换算
time(value) {
let date = new Date(value); // 时间戳为10位需*1000,时间戳为13位的话不需乘1000
let Y = date.getFullYear() + '-';
let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
let D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate());
let h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
let m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';
let s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());
return Y + M + D + ' ' + h + m + s;
},
time1(value) {
let date = new Date(value); // 时间戳为10位需*1000,时间戳为13位的话不需乘1000
let Y = date.getFullYear() + '-';
let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
......
......@@ -60,7 +60,7 @@
</div>
<p class="line"></p>
<div class="reply">
<span>回复列表</span>
<span>中心回复</span>
<span class="replyList">
<el-scrollbar style="height: 100%">
<p v-for="(item,index) of replyList" v-show="replyList !== ''" :key="index" class="replyAll">
......@@ -110,8 +110,8 @@ export default {
if (value !== '' || value !== undefined) {
console.log(value);
this.name = value.userName;
this.time = value.time;
this.replytime = value.replyTime;
this.time = this.timeC(value.time);
this.replytime = this.timeC(value.replyTime);
this.objectVal = value.target;
this.unitVal = value.unitName;
this.projectVal = value.projectName;
......@@ -170,10 +170,10 @@ export default {
.complaintDetail .content .selectedList{
display: flex;
justify-content: space-between;
margin-top: 30px;
margin-top: 15px;
}
.complaintDetail .textarea{
margin-top: 50px;
margin-top: 15px;
}
.complaintDetail .content .blank{
width: 390px;
......@@ -232,7 +232,7 @@ export default {
.complaintDetail .content .replyList{
display: inline-block;
width: 89%;
height: 100px;
height: 200px;
background: #f5f8fd;
border: 1px solid rgba(8, 104, 157, .3);
border-radius: 2px;
......@@ -245,14 +245,15 @@ export default {
background: #f5f8fd;
font-size: 18px;
color: #333;
font-family: 'Regular';
}
.complaintDetail .selected>>>.el-textarea{
width: 89%;
}
.complaintDetail .selected>>>.el-textarea textarea{
max-height: 70px;
min-height: 70px;
height: 70px;
max-height: 100px;
min-height: 100px;
height: 100px;
font-size: 18px;
color: #333;
font-family: 'Regular';
......
......@@ -81,7 +81,7 @@ export default {
},
{
id: 3,
name: '监理'
name: '监理'
},
{
id: 4,
......
......@@ -3,7 +3,7 @@
<el-row>
<el-col :span="24">
<div class="content">
<p class="title">意见建议</p>
<p class="title">投诉管理</p>
<p class="search">
<span class="searchVal">
<el-input v-model="searchVal" size="medium" placeholder="请输入查询内容"></el-input>
......@@ -50,12 +50,12 @@
align="center">
</el-table-column>
<el-table-column
prop="time"
prop="time1"
label="投诉时间"
align="center">
</el-table-column>
<el-table-column
prop="replyTime"
prop="replyTime1"
label="最近回复时间"
align="center">
</el-table-column>
......@@ -120,11 +120,11 @@ export default {
console.log(res.data.data);
this.allData = res.data.data.rows;
this.totleLength = res.data.data.total;
for (let i = 0; i < this.allData.length; i++) {
this.allData[i].time = this.time(this.allData[i].time);
this.allData[i].replyTime = this.time(this.allData[i].replyTime);
this.allData[i].type = this.allData[i].type === 1 ? '服务质量' : this.allData[i].type === 2 ? '服务态度' : this.allData[i].type === 3 ? '响应速度' : '其他';
this.allData[i].target = this.allData[i].target === 1 ? '集成商' : this.allData[i].target === 2 ? '监理方' : this.allData[i].target === 3 ? '开发商' : this.allData[i].target === 4 ? '硬件产品' : this.allData[i].target === 5 ? '软件产品' : '其他';
for (let item of this.allData) {
item.time1 = this.time1(item.time);
item.replyTime1 = this.time1(item.replyTime);
item.type = item.type === 1 ? '服务质量' : item.type === 2 ? '服务态度' : item.type === 3 ? '响应速度' : '其他';
item.target = item.target === 1 ? '集成商' : item.target === 2 ? '监理商' : item.target === 3 ? '开发商' : item.target === 4 ? '硬件产品' : item.target === 5 ? '软件产品' : '其他';
}
}
})
......@@ -158,6 +158,13 @@ export default {
let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
let D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate());
return Y + M + D;
},
time1(value) {
let date = new Date(value); // 时间戳为10位需*1000,时间戳为13位的话不需乘1000
let Y = date.getFullYear() + '-';
let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
let D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate());
return Y + M + D;
}
},
components: {
......
......@@ -3,14 +3,13 @@
<el-row>
<el-col :span="24">
<div class="content">
<p class="title">投诉详情</p>
<p style="margin-top: 30px;color: #666;font-size: 18px;">
<span @click="signClick" style="cursor: pointer;">
<p class="title">投诉详情
<span @click="signClick" style="cursor: pointer;" class="diologClick">
<img src="./img/clickN.png" class="img" v-if="sign === -1">
<img src="./img/click.png" class="img" v-if="sign === 1">
重要
</span>
<span @click="stickClick" style="cursor: pointer;">
<span @click="stickClick" style="cursor: pointer;" class="diologClick">
<img src="./img/clickN.png" class="img" v-if="stick === -1">
<img src="./img/click.png" class="img" v-if="stick === 1">
置顶
......@@ -73,7 +72,7 @@
</div>
<p class="line"></p>
<div class="reply">
<span>回复列表</span>
<span>中心回复</span>
<span class="replyList">
<el-scrollbar style="height: 100%">
<p v-for="(item,index) of replyList" v-show="replyList !== ''" :key="index" class="replyAll">
......@@ -93,7 +92,8 @@
</el-input>
</p>
</div>
<p style="text-align: center;margin-top: 50px;">
<p style="display: flex;justify-content: space-evenly;;margin-top: 50px;">
<span class="button" @click="cancel">返回</span>
<span class="button" @click="submit">确定</span>
</p>
</div>
......@@ -136,8 +136,8 @@ export default {
if (value !== '' || value !== undefined) {
console.log(value);
this.name = value.userName;
this.time = value.time;
this.replytime = value.replyTime;
this.time = this.timeC(value.time);
this.replytime = this.timeC(value.replyTime);
this.objectVal = value.target;
this.unitVal = value.unitName;
this.projectVal = value.projectName;
......@@ -173,6 +173,9 @@ export default {
}
})
},
cancel() {
this.$router.push({name: 'complaintManagement'});
},
// 重要
signClick() {
if (this.sign === -1) {
......@@ -225,16 +228,20 @@ export default {
font-size: 20px;
color: #233b6e;
}
.complaintManagementDetail .content .diologClick{
font-size: 18px;
color: #666;
}
.complaintManagementDetail .content .img{
margin-left: 20px;
}
.complaintManagementDetail .content .selectedList{
display: flex;
justify-content: space-between;
margin-top: 25px;
margin-top: 10px;
}
.complaintManagementDetail .textarea{
margin-top: 25px;
margin-top: 10px;
}
.complaintManagementDetail .content .blank{
width: 390px;
......@@ -293,7 +300,7 @@ export default {
.complaintManagementDetail .content .replyList{
display: inline-block;
width: 89%;
height: 100px;
height: 200px;
background: #f5f8fd;
border: 1px solid rgba(8, 104, 157, .3);
border-radius: 2px;
......@@ -306,14 +313,15 @@ export default {
background: #f5f8fd;
font-size: 18px;
color: #333;
font-family: 'Regular';
}
.complaintManagementDetail .selected>>>.el-textarea{
width: 89%;
}
.complaintManagementDetail .selected>>>.el-textarea textarea{
max-height: 70px;
min-height: 70px;
height: 70px;
max-height: 100px;
min-height: 100px;
height: 100px;
font-size: 18px;
color: #333;
font-family: 'Regular';
......
......@@ -88,6 +88,7 @@
font-size: 20px;
cursor: default;
color: #4765A4;
line-height: 40px;
}
.headerAll .menuClick{
color: #4777e7;
......
......@@ -2,10 +2,10 @@
<div class="headerAll">
<div class="header">
<span class="left-header">
<p style="text-align: center;font-size: 28px;font-weight: bold;color: #fff;line-height: 98px;">912</p>
<p style="text-align: center;font-size: 28px;font-weight: bold;color: #fff;line-height: 98px;">XXX</p>
</span>
<span class="center">
<span class="title">工程综合监管系统</span>
<span class="title">XX工作台</span>
<span class="time">当前时间:&nbsp;&nbsp;{{this.time}}</span>
</span>
<span class="right">
......
......@@ -3,19 +3,19 @@
<div class="firstHome">
<el-row>
<el-col :span="24">
<p class="title">912工程综合监管系统</p>
<p class="title">XXX工程综合监管系统</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 class="bg" @click="jump('XCalliance',2,'XX联盟')">
<img src="./img/XC.png">
<span>XX联盟</span>
</p>
<p class="bg" v-if="this.$store.getters.getUserData.type === 1">
<img src="./img/WD.png">
<span>项目管理</span>
<p class="bg" @click="jump('integration',3,'XXX一体化')">
<img src="./img/ZQ.png">
<span>XXX一体化</span>
</p>
<p class="bg" v-if="this.$store.getters.getUserData.type !== 1">
<img src="./img/GJ.png">
......@@ -25,42 +25,42 @@
<img src="./img/SJ.png">
<span>市级名录</span>
</p>
<p class="bg" v-if="this.$store.getters.getUserData.type === 1" @click="jump('company',3,'基础资料管理')">
<p class="bg" v-if="this.$store.getters.getUserData.type === 1" @click="jump('company',4,'基础资料管理')">
<img src="./img/GJ.png">
<span>基础资料管理</span>
</p>
<p class="bg" v-if="this.$store.getters.getUserData.type === 1" @click="jump('product',4,'市级准入管理')">
<p class="bg" v-if="this.$store.getters.getUserData.type === 1" @click="jump('product',5,'市级准入管理')">
<img src="./img/SJ.png">
<span>市级准入管理</span>
</p>
<p class="bg" v-if="this.$store.getters.getUserData.type !== 1" @click="jump('complaint',5,'意见建议')">
<img src="./img/YJ.png">
<span>意见建议</span>
</p>
<p class="bg" v-if="this.$store.getters.getUserData.type === 1" @click="jump('complaintManagement',5,'投诉管理')">
<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 class="bg" v-if="this.$store.getters.getUserData.type !== 1">
<img src="./img/WD.png">
<span>我的项目</span>
</p>
<p class="bg" @click="jump('integration',8,'XXX一体化')">
<img src="./img/ZQ.png">
<span>XXX一体化</span>
<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" @click="jump('complaint',8,'意见建议')">
<img src="./img/YJ.png">
<span>意见建议</span>
</p>
<p class="bg" v-if="this.$store.getters.getUserData.type === 1" @click="jump('complaintManagement',8,'投诉管理')">
<img src="./img/YJ.png">
<span>投诉管理</span>
</p>
<p class="blank"></p>
<p class="blank"></p>
<p class="blank"></p>
<p class="blank"></p>
</div>
<p class="title XC">信创应用系统适配替换</p>
<p class="title XC">XX应用系统适配替换</p>
<div class="XCmenu">
<p>
<img src="./img/PG.png">
......
......@@ -11,23 +11,23 @@
</p>
</div>
<div v-if="this.$store.getters.getUserData.type === 1">
<div @click="clickMenu('XCalliance',2,'XX联盟')">
<span class="line"></span>
<p class="menu" style="margin-top: 0">
<span class="icon">
<img src="./img/XM.png">
<img src="./img/XC.png">
</span>
<span class="font">项目管理</span>
<span class="font">XX联盟</span>
</p>
</div>
<div v-if="this.$store.getters.getUserData.type !== 1">
<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/XM.png">
<img src="./img/ZQ.png">
</span>
<span class="font">我的项目</span>
<span class="font">XXX一体化</span>
</p>
</div>
......@@ -51,7 +51,7 @@
</p>
</div>
<div @click="clickMenu('company',3,'基础资料管理')" v-if="this.$store.getters.getUserData.type === 1">
<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">
......@@ -61,7 +61,7 @@
</p>
</div>
<div @click="clickMenu('product',4,'市级准入管理')" v-if="this.$store.getters.getUserData.type === 1">
<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">
......@@ -71,53 +71,53 @@
</p>
</div>
<div @click="clickMenu('complaintManagement',5,'投诉管理')" v-if="this.$store.getters.getUserData.type === 1">
<div>
<span class="line"></span>
<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>
</div>
<div @click="clickMenu('complaint',5,'意见建议')" v-if="this.$store.getters.getUserData.type !== 1">
<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/KT.png">
<img src="./img/XM.png">
</span>
<span class="font">意见建议</span>
<span class="font">项目管理</span>
</p>
</div>
<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/KT.png">
<img src="./img/XM.png">
</span>
<span class="font">课题攻关</span>
<span class="font">我的项目</span>
</p>
</div>
<div @click="clickMenu('XCalliance',7,'XX联盟')">
<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/XC.png">
<img src="./img/KT.png">
</span>
<span class="font">XX联盟</span>
<span class="font">投诉管理</span>
</p>
</div>
<div style="margin-bottom: 10px;" @click="clickMenu('integration',8,'XXX一体化')">
<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/ZQ.png">
<img src="./img/KT.png">
</span>
<span class="font">XXX一体化</span>
<span class="font">意见建议</span>
</p>
</div>
......@@ -160,13 +160,13 @@ export default {
name: '产品管理',
path: 'basisProduct'
},
{
name: '角色管理',
path: 'role'
},
{
name: '人员管理',
path: 'person'
},
{
name: '角色管理',
path: 'role'
}
]
},
......@@ -208,6 +208,7 @@ export default {
path: ''
},
{
name: '产品管理',
path: ''
},
......@@ -218,22 +219,10 @@ export default {
]
},
{
name: '意见建议',
menuList: [
{
name: '意见建议列表',
path: 'complaint'
}
]
name: '意见建议'
},
{
name: '投诉管理',
menuList: [
{
name: '投诉管理列表',
path: 'complaintManagement'
}
]
name: '投诉管理'
},
{
name: '课题攻关',
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论