|
@@ -1,172 +1,341 @@
|
|
<template>
|
|
<template>
|
|
<div>
|
|
<div>
|
|
<Head :headText="headText"></Head>
|
|
<Head :headText="headText"></Head>
|
|
- <div class="appealContainer">
|
|
|
|
- <div class="appeal-left">
|
|
|
|
- <div class="appeal-left-top">
|
|
|
|
- <span class="appeal-left-top-span">待审核</span>
|
|
|
|
- <el-select v-model="value" placeholder="请选择">
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in options"
|
|
|
|
- :key="item.value"
|
|
|
|
- :label="item.label"
|
|
|
|
- :value="item.value">
|
|
|
|
- </el-option>
|
|
|
|
- </el-select>
|
|
|
|
- </div>
|
|
|
|
- <div class="appeal-left-box" v-for="(item,index) in data" :key='index'>
|
|
|
|
- <p class="date">{{item.date}}</p>
|
|
|
|
- <div class="appeal-left-div" v-for="(eve,index) in item.value" :key='"o"+index'>
|
|
|
|
- <div class="time">{{eve.time}}{{eve.title}}<span class="time-file">{{eve.files}}</span></div>
|
|
|
|
- <p>申请人:{{eve.name}}</p>
|
|
|
|
- <p>申请时间:{{eve.appealTime}}</p>
|
|
|
|
- <p>申请原因:{{eve.reson}}</p>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="appeal-right">
|
|
|
|
- <div class="appeal-right-top">
|
|
|
|
- <p class="appeal-right-title">未执行申诉单</p>
|
|
|
|
- <div class="appeal-right1">
|
|
|
|
- <span class="san1">项目名称:大连万达广场</span>
|
|
|
|
- <span class="span2">申请人:张三</span>
|
|
|
|
- <span class="span3">申请时间:2020.01.23</span>
|
|
|
|
|
|
+ <div class="appealBox">
|
|
|
|
+ <div class="left">
|
|
|
|
+ <p class="title">可申诉的未知性策略</p>
|
|
|
|
+ <div class="execute" v-for="(item,index) in data" :key="index">
|
|
|
|
+ <p class="date">{{item.date}}</p>
|
|
|
|
+ <div class="card" v-for="(item2,index) in item.info" :key='index+"i"' @click="dump">
|
|
|
|
+ <div class="time">执行时间:{{item2.time}}</div>
|
|
|
|
+ <div class="advice">
|
|
|
|
+ 策略建议 <span>冷机台数</span> {{item2.ad1}}大{{item2.ad2}}小<span>冷机出水温度</span> {{item2.temp1}}°C
|
|
</div>
|
|
</div>
|
|
- <p>申诉未执行指令:20202.01.13 14:30 推送策略未执行</p>
|
|
|
|
- <today-strategy></today-strategy>
|
|
|
|
- <p class="evaluate">策略评价</p>
|
|
|
|
- <p class="content">执行策略的评价,判断项目执行策略的好坏,执行策略的评价,判断项目执行策略的好最多50个字</p>
|
|
|
|
- <p class="evaluate">申请原因</p>
|
|
|
|
- <p>
|
|
|
|
- <el-select v-model="resonValue" placeholder="请选择">
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in resonOptions"
|
|
|
|
- :key="item.value"
|
|
|
|
- :label="item.label"
|
|
|
|
- :value="item.value">
|
|
|
|
- </el-option>
|
|
|
|
- </el-select>
|
|
|
|
- </p>
|
|
|
|
- <p><el-input placeholder="这里是申请原因的备注,可以修改"></el-input></p>
|
|
|
|
- </div>
|
|
|
|
- <div class="appeal-right-bottom">
|
|
|
|
<div class="advice">
|
|
<div class="advice">
|
|
- 审批意见
|
|
|
|
|
|
+ 实际执行 <span>冷机台数</span> {{item2.re1}}大{{item2.re2}}小<span>冷机出水温度</span> {{item2.temp2}}°C
|
|
|
|
+ </div>
|
|
|
|
+ <div class="remark">
|
|
|
|
+ 备注:{{item2.remark}}
|
|
</div>
|
|
</div>
|
|
- <div>
|
|
|
|
- <el-input></el-input>
|
|
|
|
- <el-button>同意</el-button>
|
|
|
|
- <el-button>不同意</el-button>
|
|
|
|
|
|
+ <div class="btn">
|
|
|
|
+ <el-button size="mini">查看快照</el-button>
|
|
|
|
+ <el-button size="mini" type="primary">申诉</el-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="center">
|
|
|
|
+ <p class='title'>审核中</p>
|
|
|
|
+ <div class="card" v-for="(item,index) in review" :key='index+"w"' @click="dump">
|
|
|
|
+ <div class="time">
|
|
|
|
+ {{item.date}} {{item.title}}
|
|
|
|
+ <span class="backout"><img src="../../assets/backout.png"/>撤销申请</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="remark">
|
|
|
|
+ 申请原因:{{item.reason}}
|
|
|
|
+ </div>
|
|
|
|
+ <div class="remark">
|
|
|
|
+ {{item.advice}}
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="right">
|
|
|
|
+ <p class="title">审核完成/超时未审核</p>
|
|
|
|
+ <div class="card" v-for="(item,index) in complete" :key='index+"w"' @click='dump'>
|
|
|
|
+ <div class="remark">审批时间:{{item.time}}
|
|
|
|
+ <span class="backout" v-if="item.sign==0">
|
|
|
|
+ <img src="../../assets/completed.png"/> 申诉成功
|
|
|
|
+ </span>
|
|
|
|
+ <span class="backout" v-if="item.sign==1">
|
|
|
|
+ <img src="../../assets/gray.png"/> 未申诉
|
|
|
|
+ </span>
|
|
|
|
+ <span class="backout" v-if="item.sign==2">
|
|
|
|
+ <img src="../../assets/error.png"/> 申诉失败
|
|
|
|
+ </span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="time">
|
|
|
|
+ {{item.date}} {{item.title}}
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<script>
|
|
<script>
|
|
import Head from "../main/index";
|
|
import Head from "../main/index";
|
|
-import todayStrategy from '../../components/todayStrategy'
|
|
|
|
export default {
|
|
export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
headText: "申诉审核",
|
|
headText: "申诉审核",
|
|
- resonOptions:[{
|
|
|
|
- value:"1",
|
|
|
|
- label:"策略原因"
|
|
|
|
- }],
|
|
|
|
- resonValue:"1",
|
|
|
|
- options:[{
|
|
|
|
- value:"1",
|
|
|
|
- label:"按未执行策略的时间"
|
|
|
|
- }],
|
|
|
|
- value:"1",
|
|
|
|
data:[
|
|
data:[
|
|
{
|
|
{
|
|
- date:"2020.01.12 昨天",
|
|
|
|
- value:[
|
|
|
|
- {time:"2020.01.12 08:30",title:"策略未执行申诉",name:"张三",
|
|
|
|
- appealTime:"2020.01.12 12:45",reson:"策略原因",files:5},
|
|
|
|
- {time:"2020.01.12 08:30",title:"策略未执行申诉",name:"张三",
|
|
|
|
- appealTime:"2020.01.12 12:45",reson:"策略原因",files:5},
|
|
|
|
|
|
+ date:'20202.01.13',
|
|
|
|
+ info:[
|
|
|
|
+ {
|
|
|
|
+ time:'08:30',
|
|
|
|
+ ad1:1,
|
|
|
|
+ ad2:1,
|
|
|
|
+ temp1:'8.0',
|
|
|
|
+ re1:1,
|
|
|
|
+ re2:0,
|
|
|
|
+ temp2:'10.0',
|
|
|
|
+ remark:"冷水温度过高,没有及时按策略执行"
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ time:'08:30',
|
|
|
|
+ ad1:1,
|
|
|
|
+ ad2:1,
|
|
|
|
+ temp1:'8.0',
|
|
|
|
+ re1:1,
|
|
|
|
+ re2:0,
|
|
|
|
+ temp2:'10.0',
|
|
|
|
+ remark:"冷水温度过高,没有及时按策略执行"
|
|
|
|
+ }
|
|
]
|
|
]
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- date:"2020.01.12 昨天",
|
|
|
|
- value:[
|
|
|
|
- {time:"2020.01.12 08:30",title:"策略未执行申诉",name:"张三",
|
|
|
|
- appealTime:"2020.01.12 12:45",reson:"策略原因",files:5},
|
|
|
|
- {time:"2020.01.12 08:30",title:"策略未执行申诉",name:"张三",
|
|
|
|
- appealTime:"2020.01.12 12:45",reson:"策略原因",files:5},
|
|
|
|
|
|
+ date:'20202.01.13',
|
|
|
|
+ info:[
|
|
|
|
+ {
|
|
|
|
+ time:'08:30',
|
|
|
|
+ ad1:1,
|
|
|
|
+ ad2:1,
|
|
|
|
+ temp1:'8.0',
|
|
|
|
+ re1:1,
|
|
|
|
+ re2:0,
|
|
|
|
+ temp2:'10.0',
|
|
|
|
+ remark:"冷水温度过高,没有及时按策略执行"
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ time:'08:30',
|
|
|
|
+ ad1:1,
|
|
|
|
+ ad2:1,
|
|
|
|
+ temp1:'8.0',
|
|
|
|
+ re1:1,
|
|
|
|
+ re2:0,
|
|
|
|
+ temp2:'10.0',
|
|
|
|
+ remark:"冷水温度过高,没有及时按策略执行"
|
|
|
|
+ }
|
|
]
|
|
]
|
|
},
|
|
},
|
|
|
|
+ ],
|
|
|
|
+ review:[
|
|
|
|
+ {
|
|
|
|
+ date:'2020.02.12 08:30',
|
|
|
|
+ title:"策略未执行申诉",
|
|
|
|
+ reason:'策略原因',
|
|
|
|
+ advice:'冷水温度过高,没有及时按策略执行'
|
|
|
|
+ },
|
|
{
|
|
{
|
|
- date:"2020.01.12 昨天",
|
|
|
|
- value:[
|
|
|
|
- {time:"2020.01.12 08:30",title:"策略未执行申诉",name:"张三",
|
|
|
|
- appealTime:"2020.01.12 12:45",reson:"策略原因",files:5}
|
|
|
|
- ]
|
|
|
|
|
|
+ date:'2020.02.12 08:30',
|
|
|
|
+ title:"策略未执行申诉",
|
|
|
|
+ reason:'策略原因',
|
|
|
|
+ advice:'冷水温度过高,没有及时按策略执行'
|
|
|
|
+ },
|
|
|
|
+ ],
|
|
|
|
+ complete:[
|
|
|
|
+ {
|
|
|
|
+ date:'2020.02.12 08:30',
|
|
|
|
+ title:"策略未执行申诉",
|
|
|
|
+ time:'2020.01.30',
|
|
|
|
+ sign:0
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ date:'2020.02.12 08:30',
|
|
|
|
+ title:"策略未执行申诉",
|
|
|
|
+ time:'2020.01.30',
|
|
|
|
+ sign:1
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ date:'2020.02.12 08:30',
|
|
|
|
+ title:"策略未执行申诉",
|
|
|
|
+ time:'2020.01.30',
|
|
|
|
+ sign:2
|
|
},
|
|
},
|
|
]
|
|
]
|
|
};
|
|
};
|
|
},
|
|
},
|
|
components: {
|
|
components: {
|
|
- Head,todayStrategy
|
|
|
|
|
|
+ Head
|
|
|
|
+ },
|
|
|
|
+ methods:{
|
|
|
|
+ dump(){
|
|
|
|
+ this.$router.push('detail')
|
|
|
|
+ }
|
|
}
|
|
}
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
-.appealContainer {
|
|
|
|
|
|
+.appealBox{
|
|
background: #fff;
|
|
background: #fff;
|
|
display: flex;
|
|
display: flex;
|
|
- .appeal-left{
|
|
|
|
- width:408px;
|
|
|
|
- padding-left:24px;
|
|
|
|
- border-right:1px solod #ccc;
|
|
|
|
- background:rgba(247,249,250,1);
|
|
|
|
- .appeal-left-top{
|
|
|
|
- margin:16px 0 12px 0;
|
|
|
|
- .appeal-left-top-span{
|
|
|
|
- margin-right:127px;
|
|
|
|
- font-size: 16px;
|
|
|
|
- color: #1F2429;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- .appeal-left-box{
|
|
|
|
- padding-right:20px;
|
|
|
|
- .date{
|
|
|
|
- color: #8D9399;
|
|
|
|
|
|
+ .left{
|
|
|
|
+ width:30%;
|
|
|
|
+ margin-right:36px;
|
|
|
|
+ margin-left:24px;
|
|
|
|
+ .title{
|
|
|
|
+ font-size:16px;
|
|
|
|
+ font-family:MicrosoftYaHeiSemibold;
|
|
|
|
+ color:rgba(31,36,41,1);
|
|
|
|
+ line-height:21px;
|
|
|
|
+ }
|
|
|
|
+ .execute{
|
|
|
|
+ .date{
|
|
|
|
+ font-size:12px;
|
|
|
|
+ font-family:MicrosoftYaHei;
|
|
|
|
+ color:rgba(141,147,153,1);
|
|
|
|
+ line-height:16px;
|
|
|
|
+ text-align: center;
|
|
|
|
+ }
|
|
|
|
+ .card{
|
|
|
|
+ width:415px;
|
|
|
|
+ background:rgba(255,255,255,1);
|
|
|
|
+ border-radius:4px;
|
|
|
|
+ border:1px solid rgba(228,230,231,1);
|
|
|
|
+ padding: 20px;
|
|
|
|
+ margin-bottom:8px;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ .time{
|
|
|
|
+ font-size:16px;
|
|
|
|
+ font-family:PingFangSC-Regular,PingFang SC;
|
|
|
|
+ font-weight:400;
|
|
|
|
+ color:rgba(31,36,41,1);
|
|
|
|
+ line-height:22px;
|
|
|
|
+ }
|
|
|
|
+ .advice{
|
|
|
|
+ width:375px;
|
|
|
|
+ height:40px;
|
|
|
|
+ background:rgba(245,246,247,1);
|
|
|
|
+ border-radius:1px;
|
|
|
|
+ line-height:40px;
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ margin-bottom: 4px;
|
|
|
|
+ margin-top: 12px;
|
|
|
|
+ padding-left: 16px;
|
|
|
|
+ span{
|
|
|
|
+ margin-left:36px;
|
|
|
|
+ color:#8D9399;
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .remark{
|
|
|
|
+ margin-top: 12px;
|
|
|
|
+ color: #646C73;
|
|
font-size: 12px;
|
|
font-size: 12px;
|
|
- text-align: center;
|
|
|
|
|
|
+ margin-bottom:24px;
|
|
}
|
|
}
|
|
- .appeal-left-div{
|
|
|
|
- width:355px;
|
|
|
|
- height:142px;
|
|
|
|
- border-radius:4px;
|
|
|
|
- border:1px solid rgba(0,145,255,1);
|
|
|
|
- margin-bottom: 8px;
|
|
|
|
- padding-left: 18px;
|
|
|
|
- .time{
|
|
|
|
- color:#1F2429;
|
|
|
|
- font-size:16px;
|
|
|
|
- height: 52px;
|
|
|
|
- line-height: 52px;
|
|
|
|
|
|
+ .btn{
|
|
|
|
+ float: right;
|
|
|
|
+ margin-right:20px;
|
|
|
|
+ .el-button{
|
|
|
|
+ width:80px;
|
|
|
|
+ height:28px;
|
|
}
|
|
}
|
|
- .time-file{
|
|
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .card:after{
|
|
|
|
+ display:block;
|
|
|
|
+ clear:both;
|
|
|
|
+ content:"";
|
|
|
|
+ visibility:
|
|
|
|
+ hidden;height:0;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .center{
|
|
|
|
+ width:30%;
|
|
|
|
+ margin-right:36px;
|
|
|
|
+ margin-bottom:16px;
|
|
|
|
+ .title{
|
|
|
|
+ font-size:16px;
|
|
|
|
+ font-family:MicrosoftYaHeiSemibold;
|
|
|
|
+ color:rgba(31,36,41,1);
|
|
|
|
+ line-height:21px;
|
|
|
|
+ }
|
|
|
|
+ .card{
|
|
|
|
+ width:415px;
|
|
|
|
+ background:rgba(255,255,255,1);
|
|
|
|
+ border-radius:4px;
|
|
|
|
+ border:1px solid rgba(228,230,231,1);
|
|
|
|
+ padding:16px 20px;
|
|
|
|
+ margin-bottom:8px;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ .time{
|
|
|
|
+ font-size:16px;
|
|
|
|
+ font-family:PingFangSC-Regular,PingFang SC;
|
|
|
|
+ font-weight:400;
|
|
|
|
+ color:rgba(31,36,41,1);
|
|
|
|
+ line-height:22px;
|
|
|
|
+ margin-top: 16px;
|
|
|
|
+ .backout{
|
|
|
|
+ font-size:14px;
|
|
|
|
+ font-family:MicrosoftYaHei;
|
|
|
|
+ color:rgba(0,145,255,1);
|
|
|
|
+ line-height:22px;
|
|
float: right;
|
|
float: right;
|
|
margin-right:20px;
|
|
margin-right:20px;
|
|
- font-size: 14px;
|
|
|
|
|
|
+ img{
|
|
|
|
+ height: 22px;
|
|
|
|
+ vertical-align: bottom;
|
|
|
|
+ margin-right: 2px;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
- p{
|
|
|
|
- color: #646C73;
|
|
|
|
- font-size: 14px;
|
|
|
|
- margin:0;
|
|
|
|
- line-height: 26px;
|
|
|
|
|
|
+ }
|
|
|
|
+ .remark{
|
|
|
|
+ margin-top: 12px;
|
|
|
|
+ color: #646C73;
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ margin-bottom:4px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .right{
|
|
|
|
+ .title{
|
|
|
|
+ font-size:16px;
|
|
|
|
+ font-family:MicrosoftYaHeiSemibold;
|
|
|
|
+ color:rgba(31,36,41,1);
|
|
|
|
+ line-height:21px;
|
|
|
|
+ }
|
|
|
|
+ .card{
|
|
|
|
+ width:415px;
|
|
|
|
+ background:rgba(255,255,255,1);
|
|
|
|
+ border-radius:4px;
|
|
|
|
+ border:1px solid rgba(228,230,231,1);
|
|
|
|
+ padding:16px 20px;
|
|
|
|
+ margin-bottom:8px;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ .time{
|
|
|
|
+ font-size:16px;
|
|
|
|
+ font-family:PingFangSC-Regular,PingFang SC;
|
|
|
|
+ font-weight:400;
|
|
|
|
+ color:rgba(31,36,41,1);
|
|
|
|
+ line-height:22px;
|
|
|
|
+ }
|
|
|
|
+ .remark{
|
|
|
|
+ margin-top: 16px;
|
|
|
|
+ color: #646C73;
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ margin-bottom:16px;
|
|
|
|
+ .backout{
|
|
|
|
+ width:100px;
|
|
|
|
+ height:24px;
|
|
|
|
+ line-height: 24px;
|
|
|
|
+ background:rgba(217,245,214,1);
|
|
|
|
+ border-radius:12px;
|
|
|
|
+ float: right;
|
|
|
|
+ margin-right:20px;
|
|
|
|
+ font-size:14px;
|
|
|
|
+ font-family:MicrosoftYaHeiSemibold;
|
|
|
|
+ color:#34C724;
|
|
|
|
+ text-align: center;
|
|
|
|
+ img{
|
|
|
|
+ width:14px;
|
|
|
|
+ height: 14px;
|
|
|
|
+ vertical-align: middle;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- }
|
|
|
|
- }
|
|
|
|
- .appeal-right{
|
|
|
|
- margin-left:98px;
|
|
|
|
- }
|
|
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|