<template>
|
<div class="sovle-problem">
|
<div class="sovle-header">
|
<div class="sovle-limit">处理时限:{{}}</div>
|
<div class="sovle-limit">剩余时间:23小时</div>
|
</div>
|
<div class="sovle-timeline">
|
<el-timeline>
|
<el-timeline-item :color="mycolor" v-for="item in list" :key="item.id">
|
<div class="title">
|
<div class="title-left">【{{item.name}}】{{item.name === '派遣' ? '派遣员':item.name === '处理' ? '处理人':'评定人'}}:{{item.disposeRecords[0].handleId}}</div>
|
<div class="title-right">{{item.disposeRecords[0].endTime}}</div>
|
</div>
|
<div class="message">【{{item.name === '派遣' ? '派遣意见':item.name === '处理' ? '处理结果':'评定结果'}}】请相关执法队员及时前往现场进行处置</div>
|
</el-timeline-item>
|
<!-- <el-timeline-item :color="mycolor">
|
<div class="title">
|
<div class="title-left">【处理】处理人:xxx</div>
|
<div class="title-right">22.09.06 16:40</div>
|
</div>
|
<div class="message">【处理结果】请相关执法队员及时前往现场进行处置</div>
|
</el-timeline-item>
|
<el-timeline-item :color="mycolor">
|
<div class="title">
|
<div class="title-left">【评定】评定人:xxx</div>
|
<div class="title-right">22.09.06 16:40</div>
|
</div>
|
<div class="message">【评定结果】请相关执法队员及时前往现场进行处置</div>
|
</el-timeline-item> -->
|
</el-timeline>
|
</div>
|
</div>
|
</template>
|
<script>
|
export default{
|
data(){
|
return{
|
mycolor:'#02a7f0',
|
list:[]
|
}
|
},
|
props:['problemProVo'],
|
created(){
|
const {problemProVo:{workflowConfigSteps:mylist}} = this;
|
console.log(mylist);
|
this.list = mylist;
|
}
|
}
|
</script>
|
<style lang="scss" scoped>
|
.sovle-problem{
|
.sovle-header{
|
padding: 0 200px;
|
display: flex;
|
line-height: 60px;
|
justify-content: space-between;
|
}
|
.title{
|
display: flex;
|
justify-content: space-between;
|
line-height: 40px;
|
padding: 0 20px;
|
color: #4b9bb7;
|
font-size: 16px;
|
}
|
.message{
|
padding: 20px;
|
background-color: #070f22;
|
color: #4b9bb7;
|
line-height: 20px;
|
font-size: 10px;
|
}
|
}
|
</style>
|
