<template>
|
<div>
|
<slot name="function"/>
|
|
<div class="content-container">
|
<!-- 查询区域 -->
|
<div class="table-page-search-wrapper" style="width: 100%">
|
<a-form-model ref="form" :model="model" layout="inline" :rules="validateRules">
|
<a-row :gutter="64" type="flex" justify="center">
|
<a-col :span="5">
|
<a-form-model-item label="设备" prop="equipmentId">
|
<a-select placeholder="请选择设备" v-model="model.equipmentId">
|
<a-select-option v-for="item in equipmentList" :key="item.key">
|
{{item.label}}
|
</a-select-option>
|
</a-select>
|
</a-form-model-item>
|
</a-col>
|
<a-col :span="5">
|
<a-form-model-item label="点检日期" prop="checkDate">
|
<a-date-picker style="width: 100%" placeholder="请选择开始时间" v-model="model.checkDate"/>
|
</a-form-model-item>
|
</a-col>
|
</a-row>
|
</a-form-model>
|
</div>
|
|
<div class="check-content-container">
|
<div v-for="item in checkList" :key="item.id">
|
<div>{{item.content}}</div>
|
<div>
|
<a-radio-group v-model="item.status">
|
<a-radio :value="1">正常</a-radio>
|
<a-radio :value="2">异常</a-radio>
|
<a-radio :value="3">已维修</a-radio>
|
</a-radio-group>
|
</div>
|
</div>
|
</div>
|
|
<div class="button-container">
|
<a-button @click="handleSubmit" icon="check" :loading="loading" type="primary">保存</a-button>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
name: 'EquipmentSpotCheck',
|
data() {
|
return {
|
model: {},
|
validateRules: {
|
equipmentId: [{ required: true, message: '请选择设备！', trigger: 'change' }],
|
checkDate: [{ required: true, message: '请选择点检日期！', trigger: 'change' }]
|
},
|
equipmentList: [
|
{
|
key: '3140221',
|
label: '3140221'
|
},
|
{
|
key: '3121542',
|
label: '3121542'
|
},
|
{
|
key: '3150324',
|
label: '3150324'
|
}
|
],
|
checkList: [
|
{
|
content: '检查设备周围棉纱、工具、零件、工位器具等是否按规定定置摆放',
|
status: 1
|
},
|
{
|
content: '检查设备PE线接地是否完好无破损',
|
status: 1
|
},
|
{
|
content: '检查设备各开关是否灵活，可靠',
|
status: 1
|
},
|
{
|
content: '检查油箱油面是否在刻度线上、油是否变质、过滤网是否堵塞、油气管路是否漏油漏气',
|
status: 1
|
},
|
{
|
content: '保持设备表面清洁，检查机器上有无油污与异物，若有须及时清理',
|
status: 1
|
},
|
{
|
content: '检查设备各类行程限位，联锁保护装置、防护罩及其他保护装置完好，可靠',
|
status: 1
|
},
|
{
|
content: '检查设备仪器仪表设备状态标示是否在有效期内',
|
status: 1
|
},
|
{
|
content: '检查设备启动后各处运行(转)是否有异响异装',
|
status: 1
|
}
|
],
|
loading: false
|
}
|
},
|
methods: {
|
handleSubmit() {
|
const that = this
|
this.$refs.form.validate(valid => {
|
if (valid) {
|
that.loading = true
|
|
setTimeout(() => {
|
that.loading = false
|
that.$notification.success({
|
message: '消息',
|
description: '保存成功！'
|
})
|
}, 2000)
|
} else {
|
return false
|
}
|
})
|
}
|
}
|
}
|
</script>
|
|
<style scoped lang="less">
|
.content-container {
|
flex: 1;
|
display: flex;
|
flex-direction: column;
|
justify-content: center;
|
align-items: center;
|
overflow: hidden;
|
|
.check-content-container {
|
display: flex;
|
flex-direction: column;
|
margin: 40px auto;
|
width: 70%;
|
|
> div {
|
display: flex;
|
justify-content: center;
|
border-bottom: 1px dashed #bbb;
|
margin-bottom: 20px;
|
padding-bottom: 5px;
|
|
> div:first-child {
|
flex: 0.5;
|
text-align: right;
|
margin-right: 30px;
|
}
|
|
> div:last-child {
|
flex: 0.5;
|
|
/deep/ .ant-radio-wrapper {
|
margin-right: 30px;
|
}
|
}
|
}
|
}
|
|
.button-container {
|
text-align: center;
|
}
|
}
|
</style>
|
