css

liuying

2024-04-25 a630b33c48db307e47259078f57e28bdeee45edd

 iWare_RawMaterialWarehouse_Web/src/views/main/WmsBase/WmsPlace/editForm.vue

@@ -1,33 +1,34 @@
<template>
  <a-modal
    title="编辑库位信息"
    :width="1100"
    :visible="visible"
    :confirmLoading="confirmLoading"
    @ok="handleSubmit"
  <a-modal title="编辑库位信息" :width="1100" :visible="visible" :confirmLoading="confirmLoading" @ok="handleSubmit"
    @cancel="handleCancel">
    <a-spin :spinning="confirmLoading">
      <a-form :form="form">
        <a-form-item label="库位编码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入库位编码" v-decorator="['placeCode', {rules: [{required: true, message: '请输入库位编码！'}]}]" />
        </a-form-item>
        <!-- <a-form-item label="库位编码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入库位编码"
            v-decorator="['placeCode', { rules: [{ required: true, message: '请输入库位编码！' }] }]" />
        </a-form-item> -->
        <a-form-item label="库位名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入库位名称" v-decorator="['placeName', {rules: [{required: true, message: '请输入库位名称！'}]}]" />
          <a-input placeholder="请输入库位名称"
            v-decorator="['placeName', { rules: [{ required: true, message: '请输入库位名称！' }] }]" />
        </a-form-item>
        <a-form-item label="库位别名" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入库位别名" v-decorator="['placeAlias']" />
        </a-form-item>
        <a-form-item label="库位类型" :labelCol="labelCol" :wrapperCol="wrapperCol">
          <a-select style="width: 100%" placeholder="请选择库位类型" v-decorator="['placeType', {rules: [{ required: true, message: '请选择库位类型！' }]}]">
            <a-select-option v-for="(item,index) in placeTypeData" :key="index" :value="Number(item.code)">{{ item.name }}</a-select-option>
          <a-select style="width: 100%" placeholder="请选择库位类型"
            v-decorator="['placeType', { rules: [{ required: true, message: '请选择库位类型！' }] }]">
            <a-select-option v-for="(item, index) in placeTypeData" :key="index" :value="item.code">{{ item.name
            }}</a-select-option>
          </a-select>
        </a-form-item>
        <a-form-item label="库位类型名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
        <!-- <a-form-item label="库位类型名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入库位类型名称" v-decorator="['placeTypeName', {rules: [{required: true, message: '请输入库位类型名称！'}]}]" />
        </a-form-item>
        </a-form-item> -->
        <a-form-item label="库位属性" :labelCol="labelCol" :wrapperCol="wrapperCol">
          <a-select style="width: 100%" placeholder="请选择库位属性" v-decorator="['placeStatus', {rules: [{ required: true, message: '请选择库位属性！' }]}]">
            <a-select-option v-for="(item,index) in placeStatusData" :key="index" :value="Number(item.code)">{{ item.name }}</a-select-option>
          <a-select style="width: 100%" placeholder="请选择库位属性"
            v-decorator="['placeStatus', { rules: [{ required: true, message: '请选择库位属性！' }] }]">
            <a-select-option v-for="(item, index) in placeStatusData" :key="index" :value="Number(item.code)">{{ item.name
            }}</a-select-option>
          </a-select>
        </a-form-item>
        <!-- <a-form-item label="是否堆垛机库位" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
@@ -60,15 +61,22 @@
        <a-form-item label="库存环境" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入库存环境" v-decorator="['environment']" />
        </a-form-item>
        <a-form-item label="库区编号" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
        <!-- <a-form-item label="库区编号" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入库区编号" v-decorator="['areaCode']" />
        </a-form-item>
        </a-form-item> -->
        <a-form-item label="所在库区" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入所在库区" v-decorator="['areaId', {rules: [{required: true, message: '请输入所在库区！'}]}]" />
          <a-select style="width: 100%" placeholder="请选择所在库区"
            v-decorator="['areaId', { rules: [{ required: true, message: '请选择所在库区！' }] }]">
            <a-select-option v-for="(item, index) in WmsAreaData" :key="index" :value="Number(item.id)">{{ item.areaName
            }}</a-select-option>
          </a-select>
          <!-- <a-input placeholder="请输入所在库区" v-decorator="['areaId', {rules: [{required: true, message: '请输入所在库区！'}]}]" /> -->


        </a-form-item>
        <a-form-item label="库区名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
        <!-- <a-form-item label="库区名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入库区名称" v-decorator="['areaName']" />
        </a-form-item>
        </a-form-item> -->
        <a-form-item label="检验码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入检验码" v-decorator="['verificationCode']" />
        </a-form-item>
@@ -117,7 +125,6 @@
        <a-form-item label="是否禁用" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-switch v-decorator="['isDisabled', { valuePropName: 'checked' }]" />
        </a-form-item>
        <a-form-item v-show="false"><a-input v-decorator="['id']" /></a-form-item>
      </a-form>
    </a-spin>
  </a-modal>
@@ -128,6 +135,7 @@
  import {
  WmsPlaceEdit
  } from '@/api/modular/main/WmsBase/WmsPlaceManage'
import { WmsAreaPage, WmsAreaDelete, WmsAreaToExcel } from '@/api/modular/main/WmsBase/WmsAreaManage'
  export default {
  data () {
  return {
@@ -148,6 +156,12 @@
        form: this.$form.createForm(this)
      }
    },
  
  created() {
    WmsAreaPage().then(res => {
        this.WmsAreaData = res.data.rows
      })
  },
    methods: {
   moment,
      // 初始化方法
@@ -165,45 +179,11 @@
        this.$nextTick(() => {
          this.form.setFieldsValue(
            {
              id: record.id,
              placeCode: record.placeCode,
              placeName: record.placeName,
              placeAlias: record.placeAlias,
              placeType: record.placeType,
              placeTypeName: record.placeTypeName,
              placeStatus: record.placeStatus,
              isSrmPlace: record.isSrmPlace,
              srmPlaceNo: record.srmPlaceNo,
              isRgvPlace: record.isRgvPlace,
              rgvPlaceNo: record.rgvPlaceNo,
              isAgvPlace: record.isAgvPlace,
              agvPlaceNo: record.agvPlaceNo,
              isTransPlace: record.isTransPlace,
              transPlaceNo: record.transPlaceNo,
              isActivateWCS: record.isActivateWCS,
              environment: record.environment,
              areaCode: record.areaCode,
              areaId: record.areaId,
              areaName: record.areaName,
              verificationCode: record.verificationCode,
              rowNo: record.rowNo,
              columnNo: record.columnNo,
              layerNo: record.layerNo,
              laneNo: record.laneNo,
              xzb: record.xzb,
              yzb: record.yzb,
              zzb: record.zzb,
              length: record.length,
              width: record.width,
              height: record.height,
              maxWeight: record.maxWeight,
              inSequence: record.inSequence,
              outSequence: record.outSequence,
              isVirtually: record.isVirtually,
              isDisabled: record.isDisabled
            ...record
            }
          )
        })
 
      },
      handleSubmit () {
        const { form: { validateFields } } = this