CheckStepThreeDataForm.vue 8.05 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;">四、iAutomatic TIG 5000电源抗干扰检验</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>