| | |
| | | > |
| | | <div class=""> |
| | | <span>工单编号: {{data.orderId}}</span> |
| | | <span>工单生成时间: {{data.workflowAlarm.alarmTime}}</span> |
| | | <span>工单生成时间: {{data.createTime}}</span> |
| | | </div> |
| | | <div class="timer">处理时限:3333</div> |
| | | <div class="timer">处理时限: ---</div> |
| | | </div> |
| | | <!-- 内容 --> |
| | | <div class="contain"> |
| | |
| | | <div class="item"> |
| | | <div class="inner"> |
| | | <div class="title">当前处理环节</div> |
| | | <div class="content strong">T1处理中</div> |
| | | <div class="content strong">{{status}}</div> |
| | | </div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="inner"> |
| | | <div class="title">告警是否清除</div> |
| | | <div class="content strong">未清除</div> |
| | | <div class="content strong">---</div> |
| | | </div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="inner"> |
| | | <div class="state">待处理</div> |
| | | <div class="state">{{orderStatus}}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { |
| | | STATUS, |
| | | ORDERTYPE |
| | | } from '../js/const'; |
| | | |
| | | export default { |
| | | props: { |
| | | data: { |
| | | type: Object, |
| | | default () { |
| | | return { |
| | | |
| | | |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | computed: { |
| | | status () { |
| | | return STATUS[this.data.status] || '状态错误'; |
| | | }, |
| | | orderStatus () { |
| | | return ORDERTYPE[this.$route.meta.unitType]; |
| | | } |
| | | }, |
| | | methods: { |
| | | itemClick () { |
| | | this.$emit('itemclick', this.data); |