liuying
2024-04-24 c80cf6b099698e34bc7d5d50469404fe3bc8701d
iWare_RawMaterialWarehouse_Web/src/views/main/WmsBase/WmsContainer/addForm.vue
@@ -1,27 +1,36 @@
<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="['containerCode', {rules: [{required: true, message: '请输入编号!'}]}]" />
          <a-input placeholder="请输入编号"
            v-decorator="['containerCode', { rules: [{ required: true, message: '请输入编号!' }] }]" />
        </a-form-item>
        <a-form-item label="名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入名称" v-decorator="['containerName', {rules: [{required: true, message: '请输入名称!'}]}]" />
          <a-input placeholder="请输入名称"
            v-decorator="['containerName', { rules: [{ required: true, message: '请输入名称!' }] }]" />
        </a-form-item>
        <a-form-item label="类型ID" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入类型ID" v-decorator="['containerTypeId', {rules: [{required: true, message: '请输入类型ID!'}]}]" />
        <a-form-item label="类型" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <!-- <a-input placeholder="请输入类型" v-decorator="['containerTypeId', {rules: [{required: true, message: '请输入类型ID!'}]}]" /> -->
          <a-select style="width: 100%" placeholder="请选择类型" v-decorator="['containerTypeId']">
            <a-select-option v-for="(item, index) in selectTypeData" :key="index" :value="item.typeCode">{{
              item.typeName }}</a-select-option>
          </a-select>
        </a-form-item>
        <!-- <a-form-item label="类型名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入类型名称" v-decorator="['containerTypeName', {rules: [{required: true, message: '请输入类型名称!'}]}]" />
        </a-form-item> -->
        <a-form-item label="容器关系ID" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入容器关系ID" v-decorator="['packagingId', {rules: [{required: true, message: '请输入容器关系ID!'}]}]" />
        <a-form-item label="容器关系" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <!-- <a-input placeholder="请输入容器关系ID"
            v-decorator="['packagingId', { rules: [{ required: true, message: '请输入容器关系ID!' }] }]" /> -->
          <a-select style="width: 100%" placeholder="请选择容器关系" v-decorator="['packagingId']">
            <a-select-option v-for="(item, index) in selectTypeData2" :key="index" :value="item.containerTypeId">{{
              item.containerTypeName }}</a-select-option>
          </a-select>
        </a-form-item>
        <a-form-item label="长度" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入长度" v-decorator="['specLength']" />
@@ -66,6 +75,10 @@
  import {
  WmsContainerAdd
  } from '@/api/modular/main/WmsBase/WmsContainerManage'
import { WmsContainerTypePage, WmsContainerTypeDelete, WmsContainerTypeToExcel } from '@/api/modular/main/WmsBase/WmsContainerTypeManage'
import { WmsContainerPackagingPage, WmsContainerPackagingDelete, WmsContainerPackagingToExcel } from '@/api/modular/main/WmsBase/WmsContainerPackagingManage'
  export default {
  data () {
  return {
@@ -79,14 +92,28 @@
  },
        visible: false,
        confirmLoading: false,
        form: this.$form.createForm(this)
      form: this.$form.createForm(this),
      selectTypeData: [],
      selectTypeData2: [],
      }
    },
    methods: {
   moment,
      // 初始化方法
      add (record) {
        this.visible = true
      this.visible = true;
      WmsContainerTypePage().then((d) => {
        this.selectTypeData = d.data.rows || []
      }).catch(() => {
      })
      WmsContainerPackagingPage().then((d) => {
        this.selectTypeData2 = d.data.rows || []
      }).catch(() => {
      })
        this.$nextTick(() => {
        });