CheckStepThreeDataForm.vue 18.7 KB
<template>
  <a-spin :spinning="confirmLoading">
    <j-form-container :disabled="formDisabled">
      <a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
        <a-form-item :wrapperCol="{span: 19, offset: 5}">
          <a-button type="primary" @click="prevStep()">上一步</a-button>
          <a-button style="margin-left: 3px;" type="primary" @click="nextSteps()">下一步</a-button>
        </a-form-item>
        <a-row>
          <a-col :span="24">
            <a-form-model-item label="sn编码" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="snCodes">
              <a-input v-model="model.snCode" readOnly type="text"  placeholder="请输入sn编码"  ></a-input>
            </a-form-model-item>
          </a-col>
        </a-row>
        <span style="font-size: 22px;">三(1)电流 (Q/320583 CJTL 002--2024),使用LST630弧焊电源测试台调试检验</span>
        <a-row>
          <a-col :span="24">
            <span style="font-size: 14px;color: rgb(229,4,31)">允许误差±1.0</span>
            <a-form-model-item label="50.0" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dl1">
              <a-input style="width: 100px;" v-model="model.dl1"  type="text"  placeholder="测量值"  ></a-input>
              <a-input style="width: 100px;margin-left: 3px;" v-model="model.dl1v2"  type="text"  placeholder="显示值"  ></a-input>
              <a-input style="width: 100px;margin-left: 3px;" v-model="model.dl1v3"  type="text"  placeholder="输出值误差"  ></a-input>
              <a-input style="width: 100px;margin-left: 3px;" v-model="model.dl1v4"  type="text"  placeholder="示值误差"  ></a-input>
              <a-select style="width: 150px;margin-left: 3px;" placeholder="请选择判定结果" v-model="model.dl1v5">
                <a-select-option  value="Pass">Pass</a-select-option>
                <a-select-option  value="Fail">Fail </a-select-option>
              </a-select>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <span style="font-size: 14px;color: rgb(229,4,31)">允许误差±1.0</span>
            <a-form-model-item label="100.0" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dl2">
              <a-input style="width: 100px;" v-model="model.dl2"  type="text"  placeholder="测量值"  ></a-input>
              <a-input style="width: 100px;margin-left: 3px;" v-model="model.dl2v2"  type="text"  placeholder="显示值"  ></a-input>
              <a-input style="width: 100px;margin-left: 3px;" v-model="model.dl2v3"  type="text"  placeholder="输出值误差"  ></a-input>
              <a-input style="width: 100px;margin-left: 3px;" v-model="model.dl2v4"  type="text"  placeholder="示值误差"  ></a-input>
              <a-select style="width: 150px;margin-left: 3px;" placeholder="请选择判定结果" v-model="model.dl2v5">
                <a-select-option  value="Pass">Pass</a-select-option>
                <a-select-option  value="Fail">Fail </a-select-option>
              </a-select>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <span style="font-size: 14px;color: rgb(229,4,31)">允许误差±1.5</span>
            <a-form-model-item label="150.0" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dl3">
              <a-input style="width: 100px;" v-model="model.dl3"  type="text"  placeholder="测量值"  ></a-input>
              <a-input style="width: 100px;margin-left: 3px;" v-model="model.dl3v2"  type="text"  placeholder="显示值"  ></a-input>
              <a-input style="width: 100px;margin-left: 3px;" v-model="model.dl3v3"  type="text"  placeholder="输出值误差"  ></a-input>
              <a-input style="width: 100px;margin-left: 3px;" v-model="model.dl3v4"  type="text"  placeholder="示值误差"  ></a-input>
              <a-select style="width: 150px;margin-left: 3px;" placeholder="请选择判定结果" v-model="model.dl3v5">
                <a-select-option  value="Pass">Pass</a-select-option>
                <a-select-option  value="Fail">Fail </a-select-option>
              </a-select>
            </a-form-model-item>
          </a-col>

        </a-row>
        <span style="font-size: 22px;">三(2)电压(JJF(机械)1025-2019),是用LST630弧焊电源测试台调试检验</span>
        <a-row>
          <a-col :span="24">
            <span style="font-size: 14px;color: rgb(229,4,31)">允许误差±0.26</span>
            <a-form-model-item label="10.2" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dy1">
              <a-input style="width: 100px;" v-model="model.dy1"  type="text"  placeholder="测量值"  ></a-input>
              <a-input style="width: 100px;margin-left: 3px;" v-model="model.dy1v2"  type="text"  placeholder="显示值"  ></a-input>
              <a-input style="width: 100px;margin-left: 3px;" v-model="model.dy1v3"  type="text"  placeholder="输出值误差"  ></a-input>
              <a-input style="width: 100px;margin-left: 3px;" v-model="model.dy1v4"  type="text"  placeholder="示值误差"  ></a-input>
              <a-select style="width: 150px;margin-left: 3px;" placeholder="请选择判定结果" v-model="model.dy1v5">
                <a-select-option  value="Pass">Pass</a-select-option>
                <a-select-option  value="Fail">Fail </a-select-option>
              </a-select>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <span style="font-size: 14px;color: rgb(229,4,31)">允许误差±0.35</span>
            <a-form-model-item label="14.0" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dy2">
              <a-input style="width: 100px;" v-model="model.dy2"  type="text"  placeholder="测量值"  ></a-input>
              <a-input style="width: 100px;margin-left: 3px;" v-model="model.dy2v2"  type="text"  placeholder="显示值"  ></a-input>
              <a-input style="width: 100px;margin-left: 3px;" v-model="model.dy2v3"  type="text"  placeholder="输出值误差"  ></a-input>
              <a-input style="width: 100px;margin-left: 3px;" v-model="model.dy2v4"  type="text"  placeholder="示值误差"  ></a-input>
              <a-select style="width: 150px;margin-left: 3px;" placeholder="请选择判定结果" v-model="model.dy2v5">
                <a-select-option  value="Pass">Pass</a-select-option>
                <a-select-option  value="Fail">Fail </a-select-option>
              </a-select>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <span style="font-size: 14px;color: rgb(229,4,31)">允许误差±0.45</span>
            <a-form-model-item label="18.0" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dy3">
              <a-input style="width: 100px;" v-model="model.dy3"  type="text"  placeholder="测量值"  ></a-input>
              <a-input style="width: 100px;margin-left: 3px;" v-model="model.dy3v2"  type="text"  placeholder="显示值"  ></a-input>
              <a-input style="width: 100px;margin-left: 3px;" v-model="model.dy3v3"  type="text"  placeholder="输出值误差"  ></a-input>
              <a-input style="width: 100px;margin-left: 3px;" v-model="model.dy3v4"  type="text"  placeholder="示值误差"  ></a-input>
              <a-select style="width: 150px;margin-left: 3px;" placeholder="请选择判定结果" v-model="model.dy3v5">
                <a-select-option  value="Pass">Pass</a-select-option>
                <a-select-option  value="Fail">Fail </a-select-option>
              </a-select>
            </a-form-model-item>
          </a-col>

        </a-row>

        <span style="font-size: 22px;">三(3)旋转速度(Q/320583 CJTL 002--2024)</span>
        <span style="font-size: 22px;">a、码盘反馈频率检验</span>
        <a-row>
          <a-col :span="24">
            <span style="font-size: 14px;color: rgb(229,4,31)">允许误差±3</span>
            <a-form-model-item label="设定最小速度55" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xzsudu1">
              <a-input style="width: 100px;" v-model="model.xzsudu1"  type="text"  placeholder="实测码盘反馈频率值"  ></a-input>
              <a-select style="width: 150px;margin-left: 3px;" placeholder="请选择判定结果" v-model="model.xzsudu1v2">
                <a-select-option  value="Pass">Pass</a-select-option>
                <a-select-option  value="noPass">noPass </a-select-option>
              </a-select>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <span style="font-size: 14px;color: rgb(229,4,31)">允许误差±110</span>
            <a-form-model-item label="设定最大速度1100" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xzsudu2">
              <a-input style="width: 100px;" v-model="model.xzsudu2"  type="text"  placeholder="实测码盘反馈频率值"  ></a-input>
              <a-select style="width: 150px;margin-left: 3px;" placeholder="请选择判定结果" v-model="model.xzsudu2v2">
                <a-select-option  value="Pass">Pass</a-select-option>
                <a-select-option  value="noPass">noPass </a-select-option>
              </a-select>
            </a-form-model-item>
          </a-col>
        </a-row>
        <span style="font-size: 22px;">b、实际旋转速度检验</span>
        <a-row>
          <a-col :span="24">
            <span style="font-size: 14px;color: rgb(229,4,31)">允许误差±5</span>
            <a-form-model-item label="100" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xzsudu3">
              <a-input style="width: 100px;" v-model="model.xzsudu3"  type="text"  placeholder="测量值"  ></a-input>
              <a-input style="width: 100px;margin-left: 3px;" v-model="model.xzsudu3v2"  type="text"  placeholder="显示值"  ></a-input>
              <a-input style="width: 100px;margin-left: 3px;" v-model="model.xzsudu3v3"  type="text"  placeholder="输出值误差"  ></a-input>
              <a-input style="width: 100px;margin-left: 3px;" v-model="model.xzsudu3v4"  type="text"  placeholder="示值误差"  ></a-input>
              <a-select style="width: 150px;margin-left: 3px;" placeholder="请选择判定结果" v-model="model.xzsudu3v5">
                <a-select-option  value="Pass">Pass</a-select-option>
                <a-select-option  value="noPass">noPass </a-select-option>
              </a-select>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <span style="font-size: 14px;color: rgb(229,4,31)">允许误差±10</span>
            <a-form-model-item label="200" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="xzsudu4">
              <a-input style="width: 100px;" v-model="model.xzsudu4"  type="text"  placeholder="测量值"  ></a-input>
              <a-input style="width: 100px;margin-left: 3px;" v-model="model.xzsudu4v2"  type="text"  placeholder="显示值"  ></a-input>
              <a-input style="width: 100px;margin-left: 3px;" v-model="model.xzsudu4v3"  type="text"  placeholder="输出值误差"  ></a-input>
              <a-input style="width: 100px;margin-left: 3px;" v-model="model.xzsudu4v4"  type="text"  placeholder="示值误差"  ></a-input>
              <a-select style="width: 150px;margin-left: 3px;" placeholder="请选择判定结果" v-model="model.xzsudu4v5">
                <a-select-option  value="Pass">Pass</a-select-option>
                <a-select-option  value="noPass">noPass </a-select-option>
              </a-select>
            </a-form-model-item>
          </a-col>
        </a-row>



        <span style="font-size: 22px;">四、 OPS03数字化全位置管接电源抗干扰检验</span>
        <a-row>
          <a-col :span="24">
            <span style="font-size: 16px;color: #00A0E9">1.高频起弧过程中的抗干扰性能。</span>
            <span style="font-size: 14px;color: rgb(229,4,31)">起弧成功率(高频起弧 100 次)</span>
            <a-form-model-item label="≥95%" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="kgr1">
              <a-input style="width: 100px;" v-model="model.kgr1"  type="text"  placeholder="检验结果"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <span style="font-size: 16px;color: #00A0E9">2.高频起弧过程中的抗干扰性能。</span>
            <span style="font-size: 14px;color: rgb(229,4,31)">电源屏幕显示出现异常(高频起弧 100 次)</span>
            <a-form-model-item label="≤2%" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="kgr2">
              <a-input style="width: 100px;" v-model="model.kgr2"  type="text"  placeholder="检验结果"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <span style="font-size: 16px;color: #00A0E9">3.高频起弧过程中的抗干扰性能。</span>
            <span style="font-size: 14px;color: rgb(229,4,31)">电源器元件损坏(高频起弧 100 次)</span>
            <a-form-model-item label="≤1%" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="kgr3">
              <a-input style="width: 100px;" v-model="model.kgr3"  type="text"  placeholder="检验结果"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <span style="font-size: 16px;color: #00A0E9">4.焊接过程中的抗干扰性能。</span>
            <span style="font-size: 14px;color: rgb(229,4,31)">电源屏幕显示出现异常(连续焊 10 次,出现 1 次以上,判不合格;如出现 1 次,则再连续焊 10 次,不出现判合格,出现判不合格。)</span>
            <a-form-model-item label="≤1次" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="kgr4">
              <a-input style="width: 100px;" v-model="model.kgr4"  type="text"  placeholder="检验结果"  ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
            <span style="font-size: 16px;color: #00A0E9">5.待机时抗外界干扰性能。</span>
            <span style="font-size: 14px;color: rgb(229,4,31)">电源屏幕显示出现异常(用另外电源在同一共地的工件上高频起弧 100 次。)</span>
            <a-form-model-item label="≤1%" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="kgr5">
              <a-input style="width: 100px;" v-model="model.kgr5"  type="text"  placeholder="检验结果"  ></a-input>
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-form-item :wrapperCol="{span: 19, offset: 5}">
          <a-button type="primary" @click="prevStep()">上一步</a-button>
          <a-button style="margin-left: 3px;" type="primary" @click="nextSteps()">下一步</a-button>

        </a-form-item>
      </a-form-model>
    </j-form-container>
  </a-spin>
</template>

<script>

  import { httpAction, getAction } from '@/api/manage'
  import { validateDuplicateValue } from '@/utils/util'

  export default {

    name: 'CheckStepThreeDataForm',
    components: {
    },
    props: {
      // 添加 snCode 属性
      snCode: {
        type: String,
        default: ''
      },
      // ... 其他已有的 props
    },
    data () {
      return {
        model:{
         },
        labelCol: {
          xs: { span: 24 },
          sm: { span: 5 },
        },
        wrapperCol: {
          xs: { span: 24 },
          sm: { span: 16 },
        },
        confirmLoading: false,
        validatorRules: {
                snCode: [
                    { required: true, message: '请输入sn编码!'},
                ],
        },
        url: {
          add: "/jianyan/checkStepThreeData/add",
          edit: "/jianyan/checkStepThreeData/edit",
          queryById: "/jianyan/checkStepThreeData/queryById"
        }
      }
    },
    computed: {
      formDisabled(){
        return this.disabled
      },
    },
    created () {
      let record={
        dl1:'50.0', dl1v2:'50.0', dl1v3:'0.0',
        dl1v4:'0', dl1v5:'Pass',
        dl2:'100.0', dl2v2:'100.0', dl2v3:'0.0',
        dl2v4:'0', dl2v5:'Pass',
        dl3:'150.0', dl3v2:'150.0', dl3v3:'0.0',
        dl3v4:'0', dl3v5:'Pass',
        dl4:'200.0', dl4v2:'200.0', dl4v3:'0.0',
        dl4v4:'0', dl4v5:'Pass',
        dy1:'9.0', dy1v2:'9.0', dy1v3:'0.0',
        dy1v4:'0', dy1v5:'Pass',
        dy2:'10.2', dy2v2:'10.2', dy2v3:'0.0',
        dy2v4:'0', dy2v5:'Pass',
        dy3:'11.0', dy3v2:'11.0', dy3v3:'0.0',
        dy3v4:'0', dy3v5:'Pass',
        dy4:'26.0', dy4v2:'26.0', dy4v3:'0.0',
        dy4v4:'0', dy4v5:'Pass',
        dy5:'10.0', dy5v2:'10.0', dy5v3:'0.0',
        dy5v4:'0', dy5v5:'Pass',
        dy6:'12.0', dy6v2:'12.0', dy6v3:'0.0',
        dy6v4:'0', dy6v5:'Pass',
        xzsudu1:'55', xzsudu1v2:'Pass',
        xzsudu2:'1100', xzsudu2v2:'Pass',
        xzsudu3:'100', xzsudu3v2:'100', xzsudu3v3:'0',
        xzsudu3v4:'0', xzsudu3v5:'Pass',
        xzsudu4:'200', xzsudu4v2:'200', xzsudu4v3:'0',
        xzsudu4v4:'0', xzsudu4v5:'Pass',
        sssudu1:'55', sssudu1v2:'Pass',
        sssudu2:'1100', sssudu2v2:'Pass',
        sssudu3:'100', sssudu3v2:'100', sssudu3v3:'0',
        sssudu3v4:'0', sssudu3v5:'Pass',
        sssudu4:'200', sssudu4v2:'200', sssudu4v3:'0',
        sssudu4v4:'0', sssudu4v5:'Pass',
        kgr1:'100',
        kgr2:'0',
        kgr3:'0',
        kgr4:'0',
        kgr5:'0',
      }
      this.model = Object.assign({}, record);
      this.model.snCode=this.snCode;
      this.modelDefault = JSON.parse(JSON.stringify(this.model));
    },
    methods: {
      add () {
        this.edit(this.modelDefault);
      },
      edit (record) {
        console.log(record)
        this.model = Object.assign({}, record);
        this.visible = true;
      },
      submitForm () {
        const that = this;
        // 触发表单验证
        this.$refs.form.validate(valid => {
          if (valid) {
            that.confirmLoading = true;
            let httpurl = '';
            let method = '';
            if(!this.model.id){
              httpurl+=this.url.add;
              method = 'post';
            }else{
              httpurl+=this.url.edit;
               method = 'put';
            }
            httpAction(httpurl,this.model,method).then((res)=>{
              if(res.success){
                that.$message.success(res.message);
                that.$emit('ok');
              }else{
                that.$message.warning(res.message);
              }
            }).finally(() => {
              that.confirmLoading = false;
            })
          }
         
        })
      },
      nextSteps() {
        this.submitForm ();
        this.$emit('nextStep')
      },
      prevStep() {
        if(this.model.snCode==undefined||this.model.snCode==''||this.model.snCode==null){
          this.$message.warning('请先填写sn编码!');
          return;
        }
        this.$emit('prevStep')
      },
      setSnCode(snCode){
        console.log('2222===44=',snCode)
      },
    }
  }
</script>