|
|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div class="repair_infoLogs">
|
|
|
<el-steps direction="vertical" :active="0" :space="100" v-for="(item,index) in repairInfoLogList" :key="index">
|
|
|
- <el-step v-if="item.type.code=='ACCEPTANCE_CHEK'">
|
|
|
+ <el-step v-if="item.type=='ACCEPTANCE_CHEK'">
|
|
|
<span
|
|
|
slot="icon"
|
|
|
:class="
|
|
|
@@ -11,24 +11,18 @@
|
|
|
"
|
|
|
></span>
|
|
|
<div slot="title" class="step_title">
|
|
|
- <span>{{item.type.desc}}</span>
|
|
|
+ <span>验收</span>
|
|
|
<span>{{ item.createTime }}</span>
|
|
|
</div>
|
|
|
<div slot="description" class="step_description">
|
|
|
- <span>验收人:{{ JSON.parse(item.content).userName }}</span>
|
|
|
+ <span>验收人:{{ item.content.userName }}</span>
|
|
|
<span
|
|
|
- >验收结果:{{
|
|
|
- JSON.parse(item.content).acceptanceResult ? '通过' : '驳回'
|
|
|
- }}</span
|
|
|
- >
|
|
|
- <span
|
|
|
- >验收说明:{{
|
|
|
- JSON.parse(item.content).acceptanceInstructions
|
|
|
- }}</span
|
|
|
+ >验收结果:{{ item.content.acceptanceResult ? '通过' : '驳回'}}</span
|
|
|
>
|
|
|
+ <span>验收说明:{{item.content.acceptanceInstructions }}</span >
|
|
|
</div>
|
|
|
</el-step>
|
|
|
- <el-step v-if="item.type.code=='WORK_REPORT'">
|
|
|
+ <el-step v-if="item.type=='WORK_REPORT'">
|
|
|
<span
|
|
|
slot="icon"
|
|
|
:class="
|
|
|
@@ -38,19 +32,18 @@
|
|
|
"
|
|
|
></span>
|
|
|
<div slot="title" class="step_title">
|
|
|
- <span>{{item.type.desc}}</span>
|
|
|
- <span>{{ JSON.parse(item.content).createTime }}</span>
|
|
|
+ <span>报工</span>
|
|
|
+ <span>{{item.content.createTime}}</span>
|
|
|
</div>
|
|
|
<div slot="description" class="work_report_desc">
|
|
|
<div>
|
|
|
- 处理说明:{{ JSON.parse(item.content).repairReportExplain }}
|
|
|
+ 处理说明:{{ item.content.repairReportExplain }}
|
|
|
</div>
|
|
|
<div class="work_report_imgs" style="width: 50px; height: 50px">
|
|
|
<img
|
|
|
- v-for="(item, index) in JSON.parse(item.content)
|
|
|
- .workOrderImgList"
|
|
|
+ v-for="(ite, index) in item.content.workOrderImgList"
|
|
|
:key="index"
|
|
|
- :src="item"
|
|
|
+ :src="ite"
|
|
|
alt=""
|
|
|
style="width: 40%"
|
|
|
/>
|
|
|
@@ -72,7 +65,7 @@
|
|
|
</div>
|
|
|
</el-step>
|
|
|
|
|
|
- <el-step v-if="item.type.code=='START'">
|
|
|
+ <el-step v-if="item.type=='START'">
|
|
|
<span
|
|
|
slot="icon"
|
|
|
:class="
|
|
|
@@ -80,15 +73,15 @@
|
|
|
"
|
|
|
></span>
|
|
|
<div slot="title" class="step_title">
|
|
|
- <span>{{item.type.desc}}</span>
|
|
|
+ <span>开始执行</span>
|
|
|
<span>{{ item.createTime }}</span>
|
|
|
</div>
|
|
|
<div slot="description" class="step_description">
|
|
|
- <span>执行人:{{ JSON.parse(item.content).executorName }}</span>
|
|
|
+ <span>执行人:{{ item.content.executorName }}</span>
|
|
|
</div>
|
|
|
</el-step>
|
|
|
|
|
|
- <el-step v-if="item.type.code=='CREATE_WORK_ORDER'">
|
|
|
+ <el-step v-if="item.type=='CREATE_WORK_ORDER'">
|
|
|
<span
|
|
|
slot="icon"
|
|
|
:class="
|
|
|
@@ -98,7 +91,7 @@
|
|
|
"
|
|
|
></span>
|
|
|
<div slot="title" class="step_title">
|
|
|
- <span>{{item.type.desc}}</span>
|
|
|
+ <span>生成工单</span>
|
|
|
<span>{{ item.createTime }}</span>
|
|
|
</div>
|
|
|
<div
|
|
|
@@ -108,45 +101,25 @@
|
|
|
>
|
|
|
<el-row>
|
|
|
<el-col :span="8">
|
|
|
- <span
|
|
|
- >工单编号:{{
|
|
|
- JSON.parse(item.content).workOrderCode
|
|
|
- }}</span
|
|
|
- >
|
|
|
+ <span>工单编号:{{item.content.workOrderCode}}</span >
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
- <span
|
|
|
- >执行人:{{
|
|
|
- JSON.parse(item.content).workOrderExecutorName
|
|
|
- }}</span
|
|
|
- >
|
|
|
+ <span>执行人:{{item.content.workOrderExecutorName}}</span>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
- <span
|
|
|
- >执行人电话:{{
|
|
|
- JSON.parse(item.content).workOrderExecutorPhone
|
|
|
- }}</span
|
|
|
- >
|
|
|
+ <span>执行人电话:{{item.content.workOrderExecutorPhone}}</span>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
- <span
|
|
|
- >计划完成时间:{{
|
|
|
- JSON.parse(item.content).plannedTime
|
|
|
- }}</span
|
|
|
- >
|
|
|
+ <span>计划完成时间:{{ item.content.plannedTime}}</span>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
- <span
|
|
|
- >维修方案:{{
|
|
|
- JSON.parse(item.content).maintenanceContent
|
|
|
- }}</span
|
|
|
- >
|
|
|
+ <span>维修方案:{{item.content.maintenanceContent}}</span>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
</el-step>
|
|
|
|
|
|
- <el-step v-if="item.type.code=='EXAMINE_PLAN'">
|
|
|
+ <el-step v-if="item.type=='EXAMINE_PLAN'">
|
|
|
<span
|
|
|
slot="icon"
|
|
|
:class="
|
|
|
@@ -156,27 +129,17 @@
|
|
|
"
|
|
|
></span>
|
|
|
<div slot="title" class="step_title">
|
|
|
- <span>{{item.type.desc}}</span>
|
|
|
- <span>{{ JSON.parse(item.content).createTime }}</span>
|
|
|
+ <span>审核维修计划</span>
|
|
|
+ <span>{{ item.content.createTime }}</span>
|
|
|
</div>
|
|
|
<div slot="description" class="step_description">
|
|
|
- <span
|
|
|
- >审核人:{{
|
|
|
- JSON.parse(item.content).examinePlanUserName
|
|
|
- }}</span
|
|
|
- >
|
|
|
- <span
|
|
|
- >审核结果:{{
|
|
|
- JSON.parse(item.content).examinePlanUserName ? '通过' : ''
|
|
|
- }}</span
|
|
|
- >
|
|
|
- <span
|
|
|
- >审核说明:{{ JSON.parse(item.content).examineExplain }}</span
|
|
|
- >
|
|
|
+ <span>审核人:{{item.content.examinePlanUserName}}</span>
|
|
|
+ <span>审核结果:{{item.content.examinePlanUserName ? '通过' : ''}}</span>
|
|
|
+ <span>审核说明:{{item.content.examineExplain }}</span>
|
|
|
</div>
|
|
|
</el-step>
|
|
|
|
|
|
- <el-step v-if="item.type.code=='CREATE_PLAN'">
|
|
|
+ <el-step v-if="item.type=='CREATE_PLAN'">
|
|
|
<span
|
|
|
slot="icon"
|
|
|
:class="
|
|
|
@@ -186,16 +149,49 @@
|
|
|
"
|
|
|
></span>
|
|
|
<div slot="title" class="step_title">
|
|
|
- <span>{{item.type.desc}}<span v-if="item.createNum">(第{{item.createNum}}次)</span></span>
|
|
|
+ <span>创建维修计划<span v-if="item.createNum">(第{{item.createNum}}次)</span></span>
|
|
|
<span>{{ item.createTime }}</span>
|
|
|
</div>
|
|
|
<div slot="description" class="step_description">
|
|
|
- <span>创建人:{{ JSON.parse(item.content).createUserName }}</span>
|
|
|
- <span>计划单号:{{ JSON.parse(item.content).planCode }}</span>
|
|
|
- <span>计划名称:{{ JSON.parse(item.content).planName }}</span>
|
|
|
+ <span>创建人:{{item.content.createUserName }}</span>
|
|
|
+ <span>计划单号:{{ item.content.planCode }}</span>
|
|
|
+ <span>计划名称:{{ item.content.planName }}</span>
|
|
|
</div>
|
|
|
</el-step>
|
|
|
- <el-step v-if="item.type.code=='CREATE'">
|
|
|
+
|
|
|
+ <el-step v-if="item.type == 'ACCEPTANCE_CHEK_OUTSOURCE_WORK_ORDER'">
|
|
|
+ <span
|
|
|
+ slot="icon"
|
|
|
+ :class="index == 0 ? 'step_icon step_active' : 'step_icon'"
|
|
|
+ ></span>
|
|
|
+ <div slot="title" class="step_title">
|
|
|
+ <span>验收委外工单</span>
|
|
|
+ <span>{{ item.createTime }}</span>
|
|
|
+ </div>
|
|
|
+ <div slot="description" class="step_description">
|
|
|
+ <span>验收人:{{ item.content.executorName }}</span>
|
|
|
+ <span>验收结果:{{ item.content.checkResult ? "通过" : "驳回" }}</span>
|
|
|
+ <span>验收说明:{{ item.content.checkDesc }}</span>
|
|
|
+ </div>
|
|
|
+ </el-step>
|
|
|
+
|
|
|
+ <el-step v-if="item.type == 'CREATE_OUTSOURCE_WORK_ORDER'">
|
|
|
+ <span
|
|
|
+ slot="icon"
|
|
|
+ :class="index == 0 ? 'step_icon step_active' : 'step_icon'"
|
|
|
+ ></span>
|
|
|
+ <div slot="title" class="step_title">
|
|
|
+ <span>生成委外工单<span v-if="item.createNum">(第{{ item.createNum }}次)</span></span>
|
|
|
+ <span>{{ item.createTime }}</span>
|
|
|
+ </div>
|
|
|
+ <div slot="description" class="step_description">
|
|
|
+ <span>创建人:{{ item.content.executorName }}</span>
|
|
|
+ <span>工单编号:{{ item.content.outsourcCode }}</span>
|
|
|
+ <span>委外单位:{{ item.content.outsourcUnit }}</span>
|
|
|
+ </div>
|
|
|
+ </el-step>
|
|
|
+
|
|
|
+ <el-step v-if="item.type=='CREATE'">
|
|
|
<span
|
|
|
slot="icon"
|
|
|
:class="
|
|
|
@@ -203,7 +199,7 @@
|
|
|
"
|
|
|
></span>
|
|
|
<div slot="title" class="step_title">
|
|
|
- <span>{{item.type.desc}}</span>
|
|
|
+ <span>创建报修记录</span>
|
|
|
<span>{{ item.createTime }}</span>
|
|
|
<!-- <span>{{ logs['CREATE'].createTime }}</span> -->
|
|
|
</div>
|
|
|
@@ -227,27 +223,27 @@ export default {
|
|
|
watch: {
|
|
|
repairInfoLogList (val) {
|
|
|
console.log('repairInfoLogList',val)
|
|
|
- val.forEach(item => {
|
|
|
- this.logs[item.type.code] = {
|
|
|
- id: item.id,
|
|
|
- name: item.type.desc,
|
|
|
- content: JSON.parse(item.content),
|
|
|
- createTime: item.createTime
|
|
|
- }
|
|
|
- })
|
|
|
- this.length = val.length
|
|
|
- this.logsKeys = Object.keys(this.logs)
|
|
|
- this.lastStepName = this.logsKeys[this.logsKeys.length - 1]
|
|
|
- if (this.logs['WORK_REPORT']) {
|
|
|
- const workOrderId = this.logs['WORK_REPORT'].content.workOrderId
|
|
|
- repair
|
|
|
- .getSpareData({ workOrderId })
|
|
|
- .then(res => {
|
|
|
- // console.log(res)
|
|
|
- this.workReportData = res.data
|
|
|
- })
|
|
|
- .catch(() => {})
|
|
|
- }
|
|
|
+ // val.forEach(item => {
|
|
|
+ // this.logs[item.type.code] = {
|
|
|
+ // id: item.id,
|
|
|
+ // name: item.type.desc,
|
|
|
+ // content: JSON.parse(item.content),
|
|
|
+ // createTime: item.createTime
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // this.length = val.length
|
|
|
+ // this.logsKeys = Object.keys(this.logs)
|
|
|
+ // this.lastStepName = this.logsKeys[this.logsKeys.length - 1]
|
|
|
+ // if (this.logs['WORK_REPORT']) {
|
|
|
+ // const workOrderId = this.logs['WORK_REPORT'].content.workOrderId
|
|
|
+ // repair
|
|
|
+ // .getSpareData({ workOrderId })
|
|
|
+ // .then(res => {
|
|
|
+ // // console.log(res)
|
|
|
+ // this.workReportData = res.data
|
|
|
+ // })
|
|
|
+ // .catch(() => {})
|
|
|
+ // }
|
|
|
}
|
|
|
},
|
|
|
data () {
|
|
|
@@ -263,17 +259,18 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+
|
|
|
.repair_infoLogs {
|
|
|
.step_icon {
|
|
|
- width: 22px;
|
|
|
- height: 22px;
|
|
|
- border: 1px solid #333;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
border-radius: 50%;
|
|
|
box-sizing: border-box;
|
|
|
+ background:#ccc;
|
|
|
}
|
|
|
.step_active {
|
|
|
border: 0;
|
|
|
- background-color: #4b7902;
|
|
|
+ background-color: #1890ff;
|
|
|
}
|
|
|
.step_title {
|
|
|
width: 400px;
|