X-web/src/views/modules/device/device-inspection.vue

<template>
  <div>
    <div class="my-title">点检</div>
    <el-form
      :model="dataForm"
      :rules="dataRule"
      ref="dataForm"
      @keyup.enter.native="dataFormSubmit()"
      label-width="140px"
    >
      <el-form-item label="点检时间" prop="rowRersion">
        <el-date-picker
          v-model="dataForm.rowRersion"
          disabled
          type="date"
          placeholder="点检时间"
          value-format="yyyy-MM-dd"
          style="width: 100%;" />
      </el-form-item>
      <el-form-item label="设备名称" prop="equipmentName">
        <el-input v-model="dataForm.equipmentName" placeholder="设备名称" disabled></el-input>
      </el-form-item>
      <el-form-item label="设备编号" prop="codeNumber">
        <el-input v-model="dataForm.codeNumber" placeholder="设备编号" disabled></el-input>
      </el-form-item>
      <el-form-item prop="one">
        <span class="my-title">1. 设备外观清洁；内部打扫干净，无残留。</span>
        <el-radio-group v-model="dataForm.one">
          <el-radio label="1">是</el-radio>
          <el-radio label="2">否</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item prop="two">
        <span class="my-title">2. 各滑动面及导轨丝杆等传动部位，润滑充足，无损坏，运转无杂音。</span>
        <el-radio-group v-model="dataForm.two">
          <el-radio label="1">是</el-radio>
          <el-radio label="2">否</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item prop="three">
        <span class="my-title">3. 油路畅通，油量充足；冷却液无变质。</span>
        <el-radio-group v-model="dataForm.three">
          <el-radio label="1">是</el-radio>
          <el-radio label="2">否</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item prop="four">
        <span class="my-title">4. 系统运转正常，无报警，无异常。</span>
        <el-radio-group v-model="dataForm.four">
          <el-radio label="1">是</el-radio>
          <el-radio label="2">否</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item prop="five">
        <span class="my-title">5. 做好交接班工作，记录清晰完整。</span>
        <el-radio-group v-model="dataForm.five">
          <el-radio label="1">是</el-radio>
          <el-radio label="2">否</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="备注" prop="notes">
        <el-input v-model="dataForm.notes" type="textarea" :rows="5" placeholder="备注"></el-input>
      </el-form-item>
    </el-form>
    <span slot="footer" class="dialog-footer">
      <el-button @click="onChose">取消</el-button>
      <el-button type="primary" @click="dataFormSubmit()" v-reClick>确定</el-button>
    </span>
  </div>
</template>

<script>
import {dateTimeToString} from '@/api/util'
import {getInspectionDetail} from '@/api/device'

export default {
  name: 'device-inspection',
  data () {
    return {
      id: 0,
      dataForm: {
        equipmentId: 0,
        equipmentName: '',
        codeNumber: '',
        rowRersion: dateTimeToString(new Date()),
        one: '1',
        two: '1',
        three: '1',
        four: '1',
        five: '1',
        measuredRecords: ''
      },
      dataRule: {
      }
    }
  },
  mounted () {},
  methods: {
    async init (id) {
      this.id = id || 0
      // 根据 id 获取设备信息
      this.dataForm = {}
      this.getDetails()
      // this.dataForm.equipmentId = row.id
      // this.dataForm.equipmentName = row.name
      // this.dataForm.codeNumber = row.codeNumber
    },
    getDetails () {
      getInspectionDetail(this.id).then(({data}) => {
        if (data && data.code === '200') {
          this.dataForm = data.data
        }
      })
    },
    onChose () {
      this.$emit('onChose')
    },
    dataFormSubmit () {
      this.$refs['dataForm'].validate((valid) => {
        if (valid) {
          this.$http({
            url: this.$http.adornUrl(`/biz-service/equipmentCheckRecord/updateCheck`),
            method: 'post',
            data: this.$http.adornData({ ...this.dataForm })
          }).then(({ data }) => {
            if (data && data.code === '200') {
              this.$message({
                message: '操作成功',
                type: 'success',
                duration: 1500,
                onClose: () => {
                  this.onChose()
                  this.$emit('refreshDataList')
                }
              })
            } else {
              this.$message.error(data.msg)
            }
          })
        }
      })
    }
  }
}
</script>

<style scoped>
</style>