<template>
|
<div class="app-container">
|
<el-dialog title="巡检记录详情" :visible.sync="inspectionRecordFormVisible" append-to-body :close-on-click-modal="false" width="40%">
|
<el-form ref="inspectionRecordForm" :model="inspectionRecordForm" label-position="right" label-width="120px">
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="任务名称" prop="title">
|
<el-input v-model="inspectionRecordForm.title" class="analyseUnit_input" :disabled="ifShow">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="检查类型" prop="type">
|
<el-select v-model="inspectionRecordForm.type" class="analyseUnit_input" :disabled="ifShow">
|
<el-option
|
v-for="item in typeList"
|
:key=item.id
|
:label=item.name
|
:value=item.id
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="任务名称" prop="noticeUname">
|
<el-input v-model="inspectionRecordForm.noticeUname" class="analyseUnit_input" :disabled="ifShow">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="检查类型" prop="execUname">
|
<el-input v-model="inspectionRecordForm.execUname" class="analyseUnit_input" :disabled="ifShow">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="巡检开始时间" prop="startTime">
|
<el-date-picker v-model="inspectionRecordForm.execUname" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="周期开始时间" class="analyseUnit_input" :disabled="ifShow" ></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="巡检结束时间" prop="startTime">
|
<el-date-picker v-model="inspectionRecordForm.execUname" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="周期开始时间" class="analyseUnit_input" :disabled="ifShow"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="巡检提交时间" prop="execUname">
|
<el-date-picker v-model="inspectionRecordForm.execUname" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="周期开始时间" class="analyseUnit_input" :disabled="ifShow"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="任务状态" prop="status">
|
<el-select v-model="inspectionRecordForm.status" class="analyseUnit_input" :disabled="ifShow">
|
<el-option
|
v-for="item in statusList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</el-dialog>
|
<el-dialog title="巡检单元详情" :visible.sync="inspectionRecordDetailFormVisible" append-to-body :close-on-click-modal="false" width="30%">
|
<el-form ref="inspectionRecordDetailForm" :model="inspectionRecordDetailForm" label-position="right" label-width="120px">
|
<el-row>
|
<el-col :span="24">
|
<el-form-item label="隐患排查内容" prop="content">
|
<el-input v-model="inspectionRecordDetailForm.content" class="input" :disabled="ifShow">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="24">
|
<el-form-item label="上报说明" prop="info">
|
<el-input v-model="inspectionRecordDetailForm.info" class="input" :disabled="ifShow">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
|
</el-row>
|
<el-row>
|
<el-col :span="24">
|
<el-form-item label="上报照片" prop="img">
|
<el-input v-model="inspectionRecordDetailForm.img" class="input" :disabled="ifShow">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="24">
|
<el-form-item label="状态" prop="status">
|
<el-select v-model="inspectionRecordDetailForm.status" class="input" :disabled="ifShow">
|
<el-option
|
v-for="item in statusList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
name: "detail",
|
data(){
|
return{
|
inspectionRecordForm:{},
|
inspectionRecordFormVisible:false,
|
inspectionRecordDetailForm:{},
|
inspectionRecordDetailFormVisible:false,
|
ifShow:true,
|
typeList:[{id:1,name:'日常检查'},{id:2,name:'周期检查'}],
|
statusList:[{id:1,name:'待巡检'},{id:2,name:'巡检中'},{id:3,name:'已完成'},{id:4,name:'超时未巡检'},{id:5,name:'已取消'}],
|
}
|
},
|
components:{
|
|
},
|
methods:{
|
showInspectionRecordForm(value) {
|
this.inspectionRecordFormVisible = true
|
this.inspectionRecordForm = JSON.parse(JSON.stringify(value))
|
},
|
showInspectionRecordDetailForm(value) {
|
this.inspectionRecordDetailFormVisible = true
|
this.inspectionRecordDetailForm = value
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
/deep/.filter-container{
|
padding-left: 0px !important;
|
}
|
.analyseUnit_input{
|
width:200px;
|
}
|
.input{
|
width:400px;
|
}
|
</style>
|
