yos_web/src/optionSystem/speedBoxManage/modules/edit.vue

<template>
  <div>
    <el-button size="mini" type="primary" @click="onShow" :disabled="data.status != '新建'">编辑</el-button>
    <el-drawer
      title="编辑减速箱"
      :visible.sync="drawer"
      size="664px"
      direction="rtl"
      append-to-body
      :show-close="false">
      <div class="drawer__panel">
        <el-row>
          <el-form :model="form" :rules="rules" ref="form"  size="mini" label-position="right">
            <el-col :span="24">
              <el-form-item label="减速箱料号" label-width="130px" prop="itemno">
                <el-input v-model="form.itemno" autocomplete="off" placeholder="请输入减速箱料号"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="名称" label-width="130px" prop="itemname">
                <el-input  v-model="form.itemname" autocomplete="off" placeholder="请输入名称"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="品牌" label-width="130px" prop="actuatorbrand">
                <el-input  v-model="form.actuatorbrand" autocomplete="off" placeholder="请输入品牌"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="型号" label-width="130px" prop="model">
                <el-input  v-model="form.model" autocomplete="off" placeholder="请输入型号"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="减速比" label-width="130px" prop="reductionratio">
                <el-input  v-model="form.reductionratio" autocomplete="off" placeholder="请输入减速比"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="额定输出力矩" label-width="130px" prop="outputtorque">
                <el-input  v-model="form.outputtorque" autocomplete="off" placeholder="请输入额定输出力矩"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="最大输入力矩" label-width="130px" prop="maxinputtorque">
                <el-input  v-model="form.maxinputtorque" autocomplete="off" placeholder="请输入最大输入力矩"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="力矩增益" label-width="130px" prop="torquegain">
                <el-input  v-model="form.torquegain" autocomplete="off" placeholder="请输入力矩增益"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="减速箱效率" label-width="130px" prop="gearboxlevel">
                <el-select v-model="form.gearboxlevel" style="width:100%" placeholder="请选择减速箱效率">
                  <el-option
                    v-for="item in gearboxlevel()"
                    :label="item.remarks"
                    :value="item.value"
                    :key="item.index"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="重量（kg）" label-width="130px" prop="weight">
                <el-input  v-model="form.weight" autocomplete="off" placeholder="请输入重量"></el-input>
              </el-form-item>
            </el-col>
            
            <el-col :span="24">
              <el-form-item label="入端法兰" label-width="130px" prop="flh_in">
                <el-input  v-model="form.flh_in" autocomplete="off" placeholder="请输入入端法兰"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="入端轴径" label-width="130px" prop="inputdiameter">
                <el-input  v-model="form.inputdiameter" autocomplete="off" placeholder="请输入入端轴径"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="出端法兰" label-width="130px" prop="flh_out">
                <el-input  v-model="form.flh_out" autocomplete="off" placeholder="请输入出端法兰"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="圆阀杆最大直径" label-width="130px" prop="maxrounddiameter">
                <el-input  v-model="form.maxrounddiameter" autocomplete="off" placeholder="请输入圆阀杆最大直径"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="方阀杆最大宽度" label-width="130px" prop="maxsquarewidth">
                <el-input  v-model="form.maxsquarewidth" autocomplete="off" placeholder="请输入方阀杆最大宽度"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="牌价" label-width="130px" prop="marketprice">
                <el-input  v-model="form.marketprice" autocomplete="off" placeholder="请输入牌价"></el-input>
              </el-form-item>
            </el-col>
          </el-form>
        </el-row>
      </div>
      <div class="fixed__btn__panel">
        <el-button size="small" @click="drawer = false" class="normal-btn-width">取 消</el-button>
        <el-button size="small" type="primary" @click="onSubmit" :loading="loading" class="normal-btn-width">确 定</el-button>
      </div>
    </el-drawer>
  </div>
</template>

<script>
import {mapGetters} from "vuex";
export default {
  props:['data'],
  inject:['gearboxlevel'],
  data () {
    return {
      drawer:false,
      visible1:false,
      timer:null,
      isDisabled:false,
      selectType:[],
      rules:{
        itemno: [
          { required: true, message: '请输入减速箱料号', trigger: 'blur' },
        ],
        marketprice: [
          { required: true, message: '请输入牌价', trigger: 'blur' },
          { pattern:/^([1-9][0-9]*)+(\.[0-9]{1,2})?$/,message:'请输入数字（最多两位小数）',trigger:'blur'}
        ],
        weight: [
          { pattern:/^([1-9][0-9]*)+(\.[0-9]{1,2})?$/,message:'请输入数值（最多两位小数）',trigger:'blur'}
        ],
        itemname: [
          { required: true, message: '请输入名称', trigger: 'blur' }
        ],
      },
      form:{
        "itemid": 0,
        "plm_itemextendid": 0,
        "itemno": "",
        "itemname": "",
        "marketprice": '',
        "model": "",
        "weight": '',
        "actuatorbrand": "", //减速箱品牌
        "reductionratio": "", //减速比
        "outputtorque": "", //额定输出力矩
        "maxinputtorque": "", //最大输入力矩
        "torquegain": "", //力矩增益
        "flh_in": "", //入端法兰
        "inputdiameter": "", //入端轴径
        "flh_out": "", //出端法兰
        "maxrounddiameter": "", //圆阀杆最大直径
        "maxsquarewidth": "" //方阀杆最大宽度
      },
      options:[],
    }
  },
  computed:{
    ...mapGetters({
      loading:'loading'
    })
  },
  watch: {
    drawer (val) {
      if (!val) {
        this.$refs.form.resetFields()
      }
    }
  },
  methods:{
    onShow () {
      this.form = Object.assign({},this.form,this.data)
      this.drawer = true
    },
    onSubmit () {
      this.$refs['form'].validate((valid) => {
        if (!valid) return false
        this.$store.commit('setLoading',true)
        this.$api.requested({
            id:20240615135802,
            content: this.form
        }).then(res=>{
            this.tool.showMessage(res,() => {
                this.$refs.form.resetFields()
                this.$store.dispatch('changeDetailDrawer',true)
                this.$router.push({path:'/speedBoxDetail',query:{id:res.data.itemid,rowindex:res.data.rowindex}})
                this.drawer = false
                this.$emit('onSuccess',res.data)

            })
            this.$store.commit('setLoading',false)
        })
      });
    },
    },
    
}

</script>
<style scoped>
.dialog-footer{
  margin-top:32px;
  text-align: center;
}
</style>