<template>
|
<div class="sovle-problem">
|
<div class="sovle-header">
|
<div class="sovle-limit">处理时限:1工作日</div>
|
<div class="sovle-limit">剩余时间:23小时</div>
|
</div>
|
<div class="sovle-timeline">
|
<el-timeline>
|
<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-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'
|
}
|
}
|
}
|
</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>
|
