物料类型

liuying

2024-04-24 8cdaf196ae1b48e743a63d4183c956f7583b730c

 iWare_RawMaterialWarehouse_Web/src/views/main/WmsBase/WmsMaterial/tabForm.vue

@@ -1,12 +1,6 @@
<template>
  <a-modal
    title="新增物料信息"
    :width="900"
    :visible="visible"
    :confirmLoading="confirmLoading"
    @ok="handleSubmit"
    @cancel="handleCancel"
  >
  <a-modal title="新增基础物料信息" :width="900" :visible="visible" :confirmLoading="confirmLoading" @ok="handleSubmit"
    @cancel="handleCancel">
    <a-spin :spinning="confirmLoading">
      <!-- tab -->
      <a-tabs default-active-key="1" @change="callbacktab">
@@ -16,16 +10,12 @@
          <!-- 基本信息 -->
          <a-form :form="form">
            <a-form-item label="物料名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
              <a-input
                placeholder="请输入物料名称"
                v-decorator="['materialName', { rules: [{ required: true, message: '请输入物料名称！' }] }]"
              />
              <a-input placeholder="请输入物料名称"
                v-decorator="['materialName', { rules: [{ required: true, message: '请输入物料名称！' }] }]" />
            </a-form-item>
            <a-form-item label="物料编号" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
              <a-input
                placeholder="请输入物料编号"
                v-decorator="['materialCode', { rules: [{ required: true, message: '请输入物料编号！' }] }]"
              />
              <a-input placeholder="请输入物料编号"
                v-decorator="['materialCode', { rules: [{ required: true, message: '请输入物料编号！' }] }]" />
            </a-form-item>
            <a-form-item label="ERP编号" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
              <a-input placeholder="请输入ERP编号" v-decorator="['erpCode']" />
@@ -39,6 +29,21 @@
            <a-form-item label="物料类型" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
              <a-input-number placeholder="请输入物料类型" style="width: 100%" v-decorator="['materialType']" />
            </a-form-item>


            <a-form-item label="物料类型" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-select style="width: 100%" placeholder="请选择物料类型" v-decorator="['materialType']">
                <a-select-option v-for="(item, index) in materialTypeData" :key="index"
                  :value="Number(item.materialTypeCode)">{{ item.materialTypeName }}</a-select-option>
              </a-select>
            </a-form-item>

            <!-- <a-col :md="8" :sm="24">
    
              </a-col> -->



            <a-form-item label="物料组" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
              <a-input placeholder="请输入物料组" v-decorator="['materialGroup']" />
            </a-form-item>
@@ -93,7 +98,7 @@
          需求待定
        </a-tab-pane>
        <a-tab-pane key="4" tab="替代品管理">
          <add-form-sub ref="addFormWmsSubstituteGood" @ok="handleOk" />
          <add-form-sub ref="addFormWmsSubstituteGoodRef" @ok="handleOk" />
        </a-tab-pane>
        <a-tab-pane key="5" tab="客户">
          <add-form-base-customer ref="addFormBaseCustomer" @ok="handleOk" />
@@ -108,7 +113,7 @@
</template>

<script>
import { WmsMaterialAdd, GetAreas, GetStations } from '@/api/modular/main/WmsMaterialManage'
import { WmsMaterialAdd, GetAreas, GetStations, materialTypeDataList } from '@/api/modular/main/WmsMaterialManage'
import addForm from './tabItem/addForm.vue'
import addFormBaseCustomer from './tabItem/addFormBaseCustomer/addFormBaseCustomer.vue'
import addFormContainerPackaging from './tabItem/WmsContainerPackaging/addFormContainerPackaging.vue'
@@ -122,6 +127,9 @@
    addFormContainerPackaging,
    addFormSub,
    addControlRule
  },
  created() {
    this.materialTypeDataList()
  },
  data() {
    return {
@@ -145,66 +153,45 @@
    }
  },
  methods: {
    materialTypeDataList() {
      materialTypeDataList().then((d) => {
        this.materialTypeData = d.data || []
      }).catch(() => {

      })
    },
    callbacktab(e) {

      const {
        form: { validateFields }
      } = this
      // this.confirmLoading = true

//包装关系
      if (e == 6) {
        this.$nextTick(() => {
          let materialType = this.form.getFieldValue('materialType');
          // 调接口 传物料类型
          console.log(99999999999999)
          console.log(this.data)
          const {
            form: { validateFields }
          } = this
          this.confirmLoading = true
          validateFields((errors, values) => {
            if (!errors) {
              for (const key in values) {
                if (typeof values[key] === 'object') {
                  values[key] = JSON.stringify(values[key])
                }
              }
              console.log(22222222222222222)
              console.log(values)
              this.confirmLoading = false

              // var res1 = this.$refs.addFormRef.handleSubmit2()
              // console.log("5555555")
              // console.log( res1 )

              // console.log(this.$refs.addFormRef.data)
              // console.log(this.$refs.addFormRef.form.materialType)

              this.$refs.addFormContainerPackagingRef.initShow(values.materialType)

              // WmsMaterialAdd(values).then((res) => {
              //   if (res.success) {
              //     this.$message.success('新增成功')
              //     this.confirmLoading = false
              //     this.$emit('ok', values)
              //     this.handleCancel()
              //   } else {
              //     this.$message.error('新增失败：' + JSON.stringify(res.message))
              //   }
              // }).finally((res) => {
              //   this.confirmLoading = false
              // })

              // return values
            } else {
              this.confirmLoading = false
            }
          })
          this.$refs.addFormContainerPackagingRef.initShow(materialType)
       
        })
      }
      // 替代品
      if (e == 4) {
        let materialCode = this.form.getFieldValue('materialCode');
        let materialName = this.form.getFieldValue('materialName');
        this.$refs.addFormWmsSubstituteGoodRef.initShow(materialCode, materialName)
      }
    },
    handleOk() {},
    handleOk() { },
    // 初始化方法
    add(record) {
      this.visible = true
      this.$nextTick(() => {
        this.getSelects()
      })
      const materialTypeOption = this.$options
      this.materialTypeData = materialTypeOption.filters['dictData']('material_type')
      // const materialTypeOption = this.$options
      // this.materialTypeData = materialTypeOption.filters['dictData']('material_type')
      const inspectionMethodOption = this.$options
      this.inspectionMethodData = inspectionMethodOption.filters['dictData']('material_inspection')
    },
@@ -246,13 +233,13 @@
            })
            values.stationNameParameter = values.stationNameParameterArr.join(',')
          }
   

          console.log(6666666666666 + '控制属性')
          console.log(this.$refs.WmsControlRule.selectedRows)
          var ControlRuleld = this.$refs.WmsControlRule.selectedRows[0].id

          console.log(6666666666666 + '替代品')
          console.log(this.$refs.addFormWmsSubstituteGood.list)
          console.log(this.$refs.addFormWmsSubstituteGoodRef.list)

          console.log(6666666666666 + '客户档案集合')
          console.log(this.$refs.addFormBaseCustomer.list)
@@ -263,7 +250,7 @@
          var param = {
            MaterialInput: values,
            ControlRuleld: ControlRuleld, //控制属性
            SubstituteGoodLis: this.$refs.addFormWmsSubstituteGood.list, //替代品
            SubstituteGoodLis: this.$refs.addFormWmsSubstituteGoodRef.list, //替代品
            BaseCustomerList: this.$refs.addFormBaseCustomer.list, //客户档案集合
            ContainerPackagingList: this.$refs.addFormContainerPackagingRef.list //包装关系
          }