<template>
|
<div>
|
<el-dialog :before-close="cancelAuditing" title="工单审核" :visible.sync="auditingOpen" width="1000px" append-to-body>
|
<el-row :gutter="20">
|
<el-col :span="10">
|
<el-form ref="auditingForm" :model="auditingForm" :rules="auditingRules" label-width="80px">
|
<el-form-item label="工单号" prop="workOrderNo">
|
<el-input v-model="auditingForm.workOrderNo" disabled/>
|
</el-form-item>
|
<el-form-item label="故障点位" prop="source">
|
<el-input v-model="auditingForm.source" disabled/>
|
</el-form-item>
|
<el-form-item label="运维单位" prop="unitName">
|
<el-input v-model="auditingForm.unitName" disabled/>
|
</el-form-item>
|
<el-form-item label="审核结果" prop="auditingResult">
|
<el-radio-group v-model="auditingForm.auditingResult">
|
<el-radio label="AUDITING_SUCCESS">通过</el-radio>
|
<el-radio label="AUDITING_FAIL">驳回</el-radio>
|
</el-radio-group>
|
|
</el-form-item>
|
<el-form-item label="审核备注" prop="auditingRemark">
|
<el-input v-model="auditingForm.auditingRemark" type="textarea" maxlength="30" show-word-limit/>
|
</el-form-item>
|
</el-form>
|
</el-col>
|
<el-col :span="14" style="max-height: 500px; overflow-y: auto">
|
<el-timeline v-if="ywConditions && ywConditions.length > 0">
|
<el-timeline-item v-for="(condition, index) in ywConditions" :key="index"
|
:timestamp="condition.unitName + '___' + condition.createTime" placement="top"
|
>
|
<el-card>
|
<div v-html="condition.ywCondition"></div>
|
<div v-for="item in condition.ywProofMaterials != null ? condition.ywProofMaterials.split(',') : condition.ywProofMaterials"
|
:key="item.id">
|
<el-image
|
v-if="isImageFile(item)"
|
:src="getPreview(item)"
|
:preview-src-list="[getPreview(item)]"
|
fit="cover"
|
style="width: 100px; height: 100px; margin: 5px;"
|
>
|
</el-image>
|
<el-link
|
v-else
|
type="primary"
|
:underline="false"
|
@click="handleDownload(item)"
|
>
|
{{ getFileName(item) }}
|
</el-link>
|
</div>
|
</el-card>
|
</el-timeline-item>
|
</el-timeline>
|
<el-empty v-else description="没有处理记录"></el-empty>
|
</el-col>
|
</el-row>
|
|
<div slot="footer" class="dialog-footer">
|
<el-button @click="cancelAuditing">取 消</el-button>
|
<el-button type="primary" @click="submitAuditing">审 核</el-button>
|
</div>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
import { auditing } from '@/api/platform/work-order'
|
export default {
|
name: "WorkOrderAuditing",
|
props: {
|
auditingOpen: {
|
type: Boolean,
|
required: true,
|
default: false
|
},
|
dataForm: {
|
type: Object,
|
required: true,
|
},
|
ywConditions: {
|
type: Array,
|
required: true,
|
},
|
},
|
data() {
|
return {
|
auditingForm: {},
|
auditingRules: {
|
auditingResult: [
|
{ required: true, message: '审核结果不能为空', trigger: 'blur' }
|
]
|
},
|
}
|
},
|
methods: {
|
getPreview(url) {
|
// 使用全局配置的图片前缀
|
return this.$img + url;
|
},
|
isImageFile(url) {
|
const imageExtensions = ['.jpg', '.jpeg', '.png', '.gif', '.webp'];
|
return imageExtensions.some(ext =>
|
url.toLowerCase().endsWith(ext)
|
);
|
},
|
getFileName(url) {
|
return url.substring(url.lastIndexOf('/') + 1);
|
},
|
/** 下载按钮操作 */
|
handleDownload(data) {
|
this.$download.resource(data)
|
},
|
// 提交审核
|
submitAuditing() {
|
this.$refs['auditingForm'].validate(valid => {
|
if (valid) {
|
auditing(this.auditingForm).then(res => {
|
this.$emit('close', false);
|
this.$modal.msgSuccess('操作成功')
|
this.$emit('getList', false);
|
})
|
}
|
})
|
},
|
// 取消审核
|
cancelAuditing() {
|
this.auditingForm = {}
|
this.$emit('close');
|
},
|
},
|
watch: {
|
dataForm: {
|
handler(n, o) {
|
this.auditingForm = n
|
},
|
deep: true
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
</style>
|
