anrui/anrui-scm/anrui-scm-ui/src/views/cheliang/cheliangcaigou/cheliangcaigouAdd.vue

<template>
  <div>
    <!--标题按钮部分开始-->
    <div class="tab-header webtop">
      <!--标题-->
      <div>{{ viewTitle }}</div>
      <!--start 添加修改按钮-->
      <div>
        <el-button type="primary" size="small" :disabled="submitdisabled" @click="saveEdit()">保存
        </el-button>
        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
      </div>
      <!--end 添加修改按钮-->
      <!--end 详情按钮-->
    </div>
    <!--标题按钮部分结束-->
    <!--Start 新增修改部分-->
    <div class="listconadd">
      <div class="titwu"><span>采购订单</span></div>
      <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
        <el-row style="border-top: 1px solid #E0E3EB">
          <el-col :span="12">
            <div class="span-sty spanOneWidth"><span>订单类型</span></div>
            <el-form-item><span class="addinputInfo addinputOne">{{ formobj.orderType }}</span></el-form-item>
          </el-col>
          <el-col :span="12">
            <div class="span-sty spanOneWidth"><span>排产申请编号</span></div>
            <el-form-item><span class="addinputInfo addinputOne">{{ formobj.applicationCode }}</span></el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="span-sty spanOneWidth"><span>车型</span></div>
            <el-form-item><span class="addinputInfo addinputOne">{{ formobj.modelName }}</span></el-form-item>
          </el-col>
          <el-col :span="12">
            <div class="span-sty spanOneWidth"><span>台数</span></div>
            <el-form-item><span class="addinputInfo addinputOne">{{ formobj.platformNo }}</span></el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <div class="span-sty spanOneWidth"><span>订单编号</span></div>
            <el-form-item><el-input v-model="formobj.orderNo" placeholder="" class="addinputw addinputOne addinputTwo" clearable/></el-form-item>
          </el-col>
          <el-col :span="12">
            <div class="span-sty spanOneWidth"><span>订单日期</span></div>
            <el-form-item><el-date-picker v-model="formobj.orderDate" class="addinputw addinputOne addinputTwo" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"/></el-form-item>
          </el-col>
        </el-row>
        <div class="title">
          <div>订单进程</div>
        </div>
        <el-row>
          <el-col :span="24">
            <div class="span-sty spanOneWidth"><span>预计上线日期</span></div>
            <el-form-item><el-date-picker v-model="formobj.expectLaunchDate" class="addinputw addinputOne addinputThree" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"/></el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <div class="span-sty spanOneWidth"><span>上线日期</span></div>
            <el-form-item><el-date-picker v-model="formobj.launchDate" class="addinputw addinputOne addinputThree" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"/></el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <div class="span-sty spanOneWidth"><span>下线日期</span></div>
            <el-form-item><el-date-picker v-model="formobj.offlineDate" class="addinputw addinputOne addinputThree" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"/></el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <div class="span-sty spanOneWidth"><span>备注</span></div>
            <el-form-item><el-input v-model="formobj.remarks" placeholder="" class="addinputw addinputOne" clearable/></el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
    <!--End 添加修改部分-->
  </div>
</template>

<script>
import req from '@/api/cheliang/busvehicleorder'

export default {
  name: 'cheliangcaigouAdd',
  data() {
    return {
      viewTitle: '【编辑】采购订单',
      formobj: {
        applicationCode: '',
        coatPrice: '',
        createOrgSid: '',
        expectLaunchDate: '',
        freight: '',
        launchDate: '',
        offlineDate: '',
        orderDate: '',
        orderNo: '',
        orderStatus: '',
        orderType: '',
        orderTypeKey: '',
        platformNo: '',
        purchaseApplyMediumModelSid: '',
        purchaseRequisitionSid: '',
        salesGuidePrice: '',
        sid: '',
        treasuryPrice: '',
        remarks: '',
        staffSid: window.sessionStorage.getItem('staffSid'),
        userSid: window.sessionStorage.getItem('userSid')
      },
      rules: {
        orderNo: [{ required: true, message: '订单编号不能为空', trigger: 'blur' }],
        orderDate: [{ required: true, message: '订单日期不能为空', trigger: 'blur' }]
      },
      submitdisabled: false
    }
  },
  methods: {
    handleReturn(isreload) {
      if (isreload === 'true') this.$emit('reloadlist')
      this.formobj = {
        applicationCode: '',
        coatPrice: '',
        createOrgSid: '',
        expectLaunchDate: '',
        freight: '',
        launchDate: '',
        offlineDate: '',
        orderDate: '',
        orderNo: '',
        orderStatus: '',
        orderType: '',
        orderTypeKey: '',
        platformNo: '',
        purchaseApplyMediumModelSid: '',
        purchaseRequisitionSid: '',
        salesGuidePrice: '',
        sid: '',
        treasuryPrice: '',
        remarks: '',
        staffSid: window.sessionStorage.getItem('staffSid'),
        userSid: window.sessionStorage.getItem('userSid')
      }
      this.$refs['form_obj'].resetFields()
      this.$emit('doback')
    },
    showEdit(row) {
      this.$nextTick(() => {
        this.$refs['form_obj'].clearValidate()
      })
      req.fetchBySid(row.sid).then(resp => {
        const vdata = resp.data
        this.formobj = vdata
        this.formobj.staffSid = window.sessionStorage.getItem('staffSid')
        this.formobj.userSid = window.sessionStorage.getItem('userSid')
        this.formobj.userName = window.sessionStorage.getItem('name')
      }).catch(e => {
        this.formobj = row
      })
    },
    saveEdit() {
      const _this = this
      this.$refs['form_obj'].validate(valid => {
        if (valid) {
          this.submitdisabled = true
          req.saveEdit(this.formobj, this.formobj.sid).then(resp => {
            this.submitdisabled = false
            if (resp.success) {
              _this.$message({showClose: true, type: 'success', message: resp.msg})
              _this.handleReturn('true')
            }
          }).catch(() => {
            this.submitdisabled = false
          })
        } else {
          return false
        }
      })
    }
  }
}
</script>

<style scoped>
.spanOneWidth {
  width: 120px !important;
}
.addinputOne {
  margin-left: 120px !important;
}
.addinputTwo {
  width: 30% !important;
}
.addinputThree {
  width: 15% !important;
}
</style>