|
|
@@ -6,41 +6,58 @@ |
|
|
|
--> |
|
|
|
|
|
|
|
<template> |
|
|
|
<el-drawer :visible.sync="visible" :show-close="false" :wrapper-closable="disabled" class="drawer" |
|
|
|
custom-class="mes-drawer" size="50%" @closed="$emit('destroy')"> |
|
|
|
<!-- <el-drawer :visible.sync="visible" :show-close="false" :wrapper-closable="disabled" class="drawer" |
|
|
|
custom-class="mes-drawer" size="50%" @closed="$emit('destroy')"> --> |
|
|
|
<el-dialog |
|
|
|
:visible.sync="visible" |
|
|
|
width="50%" |
|
|
|
:before-close="closed"> |
|
|
|
<small-title slot="title" :no-padding="true"> |
|
|
|
{{ disabled ? '查看详情' : !dataForm.maintenanceStatus ? '修改' : '完成' }} |
|
|
|
详情 |
|
|
|
<!-- {{ disabled ? '查看详情' : !dataForm.maintenanceStatus ? '修改' : '完成' }} --> |
|
|
|
</small-title> |
|
|
|
<div class="drawer-body flex"> |
|
|
|
<div class="drawer-body__content"> |
|
|
|
<div> |
|
|
|
<el-row :gutter="20"> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="blodTip">故障发生时间</div> |
|
|
|
<div class="lightTip">{{ parseTime(dataForm.faultTime) }}</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="blodTip">故障级别</div> |
|
|
|
<div class="lightTip">{{ getDictDataLabel('fault-level', dataForm.faultLevel) }}</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="blodTip">故障类型</div> |
|
|
|
<div class="lightTip">{{ getDictDataLabel('fault-type', dataForm.faultType) }}</div> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row :gutter="20"> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="blodTip">维修工</div> |
|
|
|
<div class="lightTip">{{ dataForm.repairman }}</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
</el-row> |
|
|
|
<el-row :gutter="20"> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="blodTip">联系方式</div> |
|
|
|
<div class="lightTip">{{ dataForm.repairmanPhone }}</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="blodTip">维修方式</div> |
|
|
|
<div class="lightTip">{{ getDictDataLabel('repair-mode', dataForm.repairMode) }}</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="blodTip">创建时间</div> |
|
|
|
<div class="lightTip">{{ parseTime(dataForm.createTime) }}</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="blodTip">创建人</div> |
|
|
|
<div class="lightTip">{{ dataForm.creator }}</div> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<div class="blodTip">备注</div> |
|
|
|
<div class="lightTip">{{ dataForm.remark }}</div> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<div class="blodTip">维修附件</div> |
|
|
@@ -55,20 +72,6 @@ |
|
|
|
</div> |
|
|
|
<p v-else>暂无附件</p> |
|
|
|
</el-row> |
|
|
|
<el-row :gutter="20"> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="blodTip">创建时间</div> |
|
|
|
<div class="lightTip">{{ parseTime(dataForm.createTime) }}</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="blodTip">创建人</div> |
|
|
|
<div class="lightTip">{{ dataForm.creator }}</div> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<div class="blodTip">备注</div> |
|
|
|
<div class="lightTip">{{ dataForm.remark }}</div> |
|
|
|
</el-row> |
|
|
|
</div> |
|
|
|
<!-- <el-divider style="margin-top: -10px" /> |
|
|
|
<small-title style="margin: 16px 0; padding-left: 8px" :no-padding="true"> |
|
|
@@ -143,13 +146,17 @@ |
|
|
|
</el-row> |
|
|
|
</el-form> --> |
|
|
|
|
|
|
|
<div v-if="!disabled" class="drawer-body__footer"> |
|
|
|
<!-- <div v-if="!disabled" class="drawer-body__footer"> |
|
|
|
<el-button style="" @click="goback()">取消</el-button> |
|
|
|
<el-button type="primary" @click="dataFormSubmit()">确定</el-button> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-drawer> |
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
<el-button @click="visible = false">取 消</el-button> |
|
|
|
</span> |
|
|
|
</el-dialog> |
|
|
|
<!-- </el-drawer> --> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
@@ -254,6 +261,9 @@ export default { |
|
|
|
}, |
|
|
|
mounted() { }, |
|
|
|
methods: { |
|
|
|
closed() { |
|
|
|
this.$emit('destroy') |
|
|
|
}, |
|
|
|
setFileName(val) { |
|
|
|
this.fileName = val |
|
|
|
}, |
|
|
@@ -373,7 +383,7 @@ export default { |
|
|
|
.drawer-body__content { |
|
|
|
flex: 1; |
|
|
|
/* background: #eee; */ |
|
|
|
padding: 20px 30px; |
|
|
|
padding: 5px 10px; |
|
|
|
overflow-y: auto; |
|
|
|
} |
|
|
|
|
|
|
|