liuying
2024-04-24 c80cf6b099698e34bc7d5d50469404fe3bc8701d
iWare_RawMaterialWarehouse_Web/src/views/main/WmsBase/WmsPlace/addForm.vue
@@ -1,33 +1,34 @@
<template>
  <a-modal
    title="新增库位信息"
    :width="900"
    :visible="visible"
    :confirmLoading="confirmLoading"
    @ok="handleSubmit"
  <a-modal title="新增库位信息" :width="900" :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-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="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-input placeholder="请输入库位类型名称" v-decorator="['placeTypeName', {rules: [{required: true, message: '请输入库位类型名称!'}]}]" />
        </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="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="item.code">{{ item.name
            }}</a-select-option>
          </a-select>
        </a-form-item>
        <a-form-item label="是否堆垛机库位" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
@@ -64,7 +65,14 @@
          <a-input placeholder="请输入库区编号" v-decorator="['areaCode']" />
        </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="item.areaCode">{{ 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-input placeholder="请输入库区名称" v-decorator="['areaName']" />
@@ -127,6 +135,7 @@
  import {
  WmsPlaceAdd
  } from '@/api/modular/main/WmsBase/WmsPlaceManage'
import { WmsAreaPage, WmsAreaDelete, WmsAreaToExcel } from '@/api/modular/main/WmsBase/WmsAreaManage'
  export default {
  data () {
  return {
@@ -142,7 +151,8 @@
  placeStatusData: [],
        visible: false,
        confirmLoading: false,
        form: this.$form.createForm(this)
      form: this.$form.createForm(this),
      WmsAreaData: [],
      }
    },
    methods: {
@@ -157,6 +167,10 @@
        this.placeTypeData = placeTypeOption.filters['dictData']('place_type')
        const placeStatusOption = this.$options
        this.placeStatusData = placeStatusOption.filters['dictData']('place_status')
      WmsAreaPage().then(res => {
        this.WmsAreaData = res.data.rows
      })
      },
      /**
       * 提交表单