|
@@ -1,25 +1,172 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
<Head :headText="headText"></Head>
|
|
|
- <div class="appealContainer">申诉审核</div>
|
|
|
+ <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>
|
|
|
+ <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>
|
|
|
+ <div>
|
|
|
+ <el-input></el-input>
|
|
|
+ <el-button>同意</el-button>
|
|
|
+ <el-button>不同意</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
import Head from "../main/index";
|
|
|
+import todayStrategy from '../../components/todayStrategy'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- headText: "申诉审核"
|
|
|
+ headText: "申诉审核",
|
|
|
+ resonOptions:[{
|
|
|
+ value:"1",
|
|
|
+ label:"策略原因"
|
|
|
+ }],
|
|
|
+ resonValue:"1",
|
|
|
+ options:[{
|
|
|
+ value:"1",
|
|
|
+ label:"按未执行策略的时间"
|
|
|
+ }],
|
|
|
+ value:"1",
|
|
|
+ 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:"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:"2020.01.12 昨天",
|
|
|
+ value:[
|
|
|
+ {time:"2020.01.12 08:30",title:"策略未执行申诉",name:"张三",
|
|
|
+ appealTime:"2020.01.12 12:45",reson:"策略原因",files:5}
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ ]
|
|
|
};
|
|
|
},
|
|
|
components: {
|
|
|
- Head
|
|
|
+ Head,todayStrategy
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
.appealContainer {
|
|
|
- padding: 16px;
|
|
|
background: #fff;
|
|
|
+ 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;
|
|
|
+ font-size: 12px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .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;
|
|
|
+ }
|
|
|
+ .time-file{
|
|
|
+ float: right;
|
|
|
+ margin-right:20px;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ p{
|
|
|
+ color: #646C73;
|
|
|
+ font-size: 14px;
|
|
|
+ margin:0;
|
|
|
+ line-height: 26px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .appeal-right{
|
|
|
+ margin-left:98px;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|