|
|
|
|
@ -19,7 +19,10 @@ |
|
|
|
|
<el-descriptions-item label="原因">{{ detailData.reason || ' ' }}</el-descriptions-item> |
|
|
|
|
<el-descriptions-item label="措施">{{ detailData.measure || ' ' }}</el-descriptions-item> |
|
|
|
|
<el-descriptions-item label="免责理由">{{ detailData.raiseHandReason || ' ' }}</el-descriptions-item> |
|
|
|
|
<el-descriptions-item label="免责金额">{{ detailData.amount || ' ' }}</el-descriptions-item> |
|
|
|
|
<el-descriptions-item label="免责金额" :span="2">{{ detailData.amount || ' ' }}</el-descriptions-item> |
|
|
|
|
<el-descriptions-item label="固化文件" :span="2"> |
|
|
|
|
<el-button text type="primary" @click="handleFileClick">{{detailData.fileName}}</el-button> |
|
|
|
|
</el-descriptions-item> |
|
|
|
|
</el-descriptions> |
|
|
|
|
|
|
|
|
|
<el-steps :active="active" finish-status="success" class="center-steps" align-center> |
|
|
|
|
@ -34,27 +37,30 @@ |
|
|
|
|
<el-step title="工艺员"> |
|
|
|
|
<template #description> |
|
|
|
|
<div class="step-info"> |
|
|
|
|
<div>{{ getApprovalData(1, 'pointName') }}</div> |
|
|
|
|
<div>{{ getApprovalData(1, 'createTime') }}</div> |
|
|
|
|
<div class="reject-reason">{{ getApprovalData(1, 'rejectReason') || '' }}</div> |
|
|
|
|
<div>{{ detailData.status == 1 ? getApprovalData(1, 'nextUserName') : getApprovalData(1, 'reviewUserName')}}</div> |
|
|
|
|
<div>{{ getApprovalData(1, 'reviewTime') }}</div> |
|
|
|
|
<!-- :class="getApprovalData(1, 'isSuccess') == 0 ? 'reject-reason' : 'access-reason'" --> |
|
|
|
|
<div >{{ getApprovalData(1, 'notes') || '' }}</div> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</el-step> |
|
|
|
|
<el-step title="质量工程师"> |
|
|
|
|
<template #description> |
|
|
|
|
<div class="step-info"> |
|
|
|
|
<div>{{ getApprovalData(2, 'pointName') }}</div> |
|
|
|
|
<div>{{ getApprovalData(2, 'createTime') }}</div> |
|
|
|
|
<div class="reject-reason">{{ getApprovalData(2, 'rejectReason') || '' }}</div> |
|
|
|
|
<div>{{ detailData.status == 2 ? getApprovalData(2, 'nextUserName') : getApprovalData(2, 'reviewUserName')}}</div> |
|
|
|
|
<div>{{ getApprovalData(2, 'reviewTime') }}</div> |
|
|
|
|
<!-- :class="getApprovalData(2, 'isSuccess') == 0 ? 'reject-reason' : 'access-reason'" --> |
|
|
|
|
<div>{{ getApprovalData(2, 'notes') || '' }}</div> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</el-step> |
|
|
|
|
<el-step title="业务主管"> |
|
|
|
|
<template #description> |
|
|
|
|
<div class="step-info"> |
|
|
|
|
<div>{{ getApprovalData(3, 'pointName') }}</div> |
|
|
|
|
<div>{{ getApprovalData(3, 'createTime') }}</div> |
|
|
|
|
<div class="reject-reason">{{ getApprovalData(3, 'rejectReason') || '' }}</div> |
|
|
|
|
<div>{{ detailData.status == 3 ? getApprovalData(3, 'nextUserName') : getApprovalData(3, 'reviewUserName')}}</div> |
|
|
|
|
<div>{{ getApprovalData(3, 'reviewTime') }}</div> |
|
|
|
|
<!-- :class="getApprovalData(3, 'isSuccess') == 0 ? 'reject-reason' : 'access-reason'" --> |
|
|
|
|
<div>{{ getApprovalData(3, 'notes') || '' }}</div> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</el-step> |
|
|
|
|
@ -72,6 +78,7 @@ |
|
|
|
|
// updateProcess, |
|
|
|
|
// } from '../../api/flowManagement/index'; |
|
|
|
|
import { detailItem} from '@/api/exemption/exemption'; |
|
|
|
|
import { downloadFileBlob } from '@/utils/util'; |
|
|
|
|
export default { |
|
|
|
|
props: { |
|
|
|
|
showDialog: { |
|
|
|
|
@ -113,7 +120,7 @@ export default { |
|
|
|
|
mounted() { |
|
|
|
|
|
|
|
|
|
this.openShow = this.showDialog; |
|
|
|
|
this.loadDetail(); |
|
|
|
|
// this.loadDetail(); |
|
|
|
|
}, |
|
|
|
|
watch: { |
|
|
|
|
rowItem: { |
|
|
|
|
@ -127,10 +134,16 @@ export default { |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
handleFileClick(){ |
|
|
|
|
downloadFileBlob(this.detailData.fileUrl, this.detailData.fileName); |
|
|
|
|
}, |
|
|
|
|
// 安全获取审批数据 |
|
|
|
|
getApprovalData(index, field) { |
|
|
|
|
console.log('index----------',index,field) |
|
|
|
|
const all = this.detailData.all || []; |
|
|
|
|
const item = all[index]; |
|
|
|
|
console.log('all---------',all) |
|
|
|
|
console.log('nextUserName------',index,field,item ? (item[field] || ' ') : ' ') |
|
|
|
|
return item ? (item[field] || ' ') : ' '; |
|
|
|
|
}, |
|
|
|
|
closeDialog() { |
|
|
|
|
@ -147,12 +160,13 @@ export default { |
|
|
|
|
|
|
|
|
|
if (res.data.code == 200) { |
|
|
|
|
this.detailData = res.data.data; |
|
|
|
|
console.log('deta-------------',this.detailData) |
|
|
|
|
|
|
|
|
|
this.updateActiveStatus(); |
|
|
|
|
} |
|
|
|
|
}).catch(error => { |
|
|
|
|
console.error('获取详情失败', error); |
|
|
|
|
this.$message.error('获取详情失败'); |
|
|
|
|
// this.$message.error('获取详情失败'); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
@ -211,4 +225,9 @@ export default { |
|
|
|
|
margin-top: 4px; |
|
|
|
|
font-size: 12px; |
|
|
|
|
} |
|
|
|
|
.access-reason{ |
|
|
|
|
color: #67c23a; |
|
|
|
|
margin-top: 4px; |
|
|
|
|
font-size: 12px; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|