| | |
| | | <template> |
| | | <div class="sovle-problem"> |
| | | <div class="sovle-header"> |
| | | <div class="sovle-limit">处理时限:1工作日</div> |
| | | <div class="sovle-limit">处理时限:{{}}</div> |
| | | <div class="sovle-limit">剩余时间:23小时</div> |
| | | </div> |
| | | <div class="sovle-timeline"> |
| | | <el-timeline> |
| | | <el-timeline-item :color="mycolor"> |
| | | <el-timeline-item :color="mycolor" v-for="item in list" :key="item.id"> |
| | | <div class="title"> |
| | | <div class="title-left">【派遣】派遣员:xxx</div> |
| | | <div class="title-right">22.09.06 16:40</div> |
| | | <div class="title-left">【{{item.name}}】{{item.name === '派遣' ? '派遣员':item.name === '处理' ? '处理人':'评定人'}}:{{item.disposeRecord.handleId}}</div> |
| | | <div class="title-right">{{item.disposeRecord.endTime}}</div> |
| | | </div> |
| | | <div class="message">【派遣意见】请相关执法队员及时前往现场进行处置</div> |
| | | </el-timeline-item> |
| | | <el-timeline-item :color="mycolor"> |
| | | <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 class="title-right">22.09.06 16:40</div> |
| | | </div> |
| | | <div class="message">【评定结果】请相关执法队员及时前往现场进行处置</div> |
| | | </el-timeline-item> |
| | | </el-timeline-item> --> |
| | | </el-timeline> |
| | | </div> |
| | | </div> |
| | |
| | | export default{ |
| | | data(){ |
| | | return{ |
| | | mycolor:'#02a7f0' |
| | | mycolor:'#02a7f0', |
| | | list:[] |
| | | } |
| | | } |
| | | }, |
| | | props:['problemProVo'], |
| | | created(){ |
| | | const {problemProVo:{workflowConfigSteps:mylist}} = this; |
| | | console.log(mylist); |
| | | this.list = mylist; |
| | | } |
| | | } |
| | | </script> |
| | | <style lang="scss" scoped> |