wms / wms4_hh · Files

<template>
  <a-spin :spinning="confirmLoading">
    <j-form-container :disabled="formDisabled">
      <!-- 主表单区域 -->
      <a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
        <a-row>
          <a-col :span="24" >
            <a-form-model-item label="出库单号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="code">
              <a-input v-model="model.code" placeholder="请输入出库单号" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="仓库编码" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="warehousecode">
              <a-input v-model="model.warehousecode" placeholder="请输入仓库编码" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="u8仓库" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="uwarehousecode">
              <a-input v-model="model.uwarehousecode" placeholder="请输入u8仓库" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="货主code" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="companycode">
              <a-input v-model="model.companycode" placeholder="请输入货主code" ></a-input>
            </a-form-model-item>
          </a-col>
<!--          <a-col :span="24" >-->
<!--            <a-form-model-item label="上游系统单号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="orderbill">-->
<!--              <a-input v-model="model.orderbill" placeholder="请输入上游系统单号" ></a-input>-->
<!--            </a-form-model-item>-->
<!--          </a-col>-->
<!--          <a-col :span="24" >-->
<!--            <a-form-model-item label="发货单号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sourcecode">-->
<!--              <a-input v-model="model.sourcecode" placeholder="请输入发货单号" ></a-input>-->
<!--            </a-form-model-item>-->
<!--          </a-col>-->
          <a-col :span="24" >
            <a-form-model-item label="出库单类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="type">
              <a-input v-model="model.type" placeholder="请输入出库单类型" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="数量" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="totalqty">
              <a-input-number v-model="model.totalqty" placeholder="请输入数量" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="重量" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="totalweight">
              <a-input v-model="model.totalweight" placeholder="请输入重量" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="总行数 " :labelCol="labelCol" :wrapperCol="wrapperCol" prop="totallines">
              <a-input-number v-model="model.totallines" placeholder="请输入总行数 " style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="备注" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="remark">
              <a-input v-model="model.remark" placeholder="请输入备注" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="创建时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="created">
              <j-date placeholder="请选择创建时间" v-model="model.created" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="创建用户" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="createdby">
              <a-input v-model="model.createdby" placeholder="请输入创建用户" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="最后修改时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="lastupdated">
              <j-date placeholder="请选择最后修改时间" v-model="model.lastupdated" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="更新用户" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="lastupdatedby">
              <a-input v-model="model.lastupdatedby" placeholder="请输入更新用户" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="是否有效" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="enable">
              <a-input v-model="model.enable" placeholder="请输入是否有效" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="删除标记0默认，1删除" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="deleted">
              <a-input v-model="model.deleted" placeholder="请输入删除标记0默认，1删除" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="自定义字段1" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="userdef1">
              <a-input v-model="model.userdef1" placeholder="请输入自定义字段1" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="自定义字段1" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="userdef2">
              <a-input v-model="model.userdef2" placeholder="请输入自定义字段1" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="自定义字段1" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="userdef3">
              <a-input v-model="model.userdef3" placeholder="请输入自定义字段1" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="部门" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="cdepname">
              <a-input v-model="model.cdepname" placeholder="请输入部门" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="收件人" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="recname">
              <a-input v-model="model.recname" placeholder="请输入收件人" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="收件人号码" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="recmobile">
              <a-input v-model="model.recmobile" placeholder="请输入收件人号码" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="收件人地址" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="recaddr">
              <a-input v-model="model.recaddr" placeholder="请输入收件人地址" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="收件人公司" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="reccompany">
              <a-input v-model="model.reccompany" placeholder="请输入收件人公司" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="发件人" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sendname">
              <a-input v-model="model.sendname" placeholder="请输入发件人" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="发件人号码" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sendmobile">
              <a-input v-model="model.sendmobile" placeholder="请输入发件人号码" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="发件人地址" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sendaddr">
              <a-input v-model="model.sendaddr" placeholder="请输入发件人地址" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="发件人公司" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sendcompany">
              <a-input v-model="model.sendcompany" placeholder="请输入发件人公司" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="快递单号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="trackcode">
              <a-input v-model="model.trackcode" placeholder="请输入快递单号" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="kdeable" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="kdeable">
              <a-input-number v-model="model.kdeable" placeholder="请输入kdeable" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="kuaidicom" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="kuaidicom">
              <a-input v-model="model.kuaidicom" placeholder="请输入kuaidicom" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="uploadstatus" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="uploadstatus">
              <a-input-number v-model="model.uploadstatus" placeholder="请输入uploadstatus" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="kuaidinum" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="kuaidinum">
              <a-input v-model="model.kuaidinum" placeholder="请输入kuaidinum" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="picture" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="picture">
              <a-input v-model="model.picture" placeholder="请输入picture" ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="status" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="status">
              <a-input-number v-model="model.status" placeholder="请输入status" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          <a-col :span="24" >
            <a-form-model-item label="openweight" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="openweight">
              <a-input v-model="model.openweight" placeholder="请输入openweight" ></a-input>
            </a-form-model-item>
          </a-col>
        </a-row>
      </a-form-model>
    </j-form-container>
      <!-- 子表单区域 -->
    <a-tabs v-model="activeKey" @change="handleChangeTabs">
      <a-tab-pane tab="kuaidi_detail" :key="refKeys[0]" :forceRender="true">
        <j-vxe-table
          keep-source
          :ref="refKeys[0]"
          :loading="kuaidiDetailTable.loading"
          :columns="kuaidiDetailTable.columns"
          :dataSource="kuaidiDetailTable.dataSource"
          :maxHeight="300"
          :disabled="formDisabled"
          :rowNumber="true"
          :rowSelection="true"
          :toolbar="true"
          />
      </a-tab-pane>
    </a-tabs>
  </a-spin>
</template>

<script>

  import { getAction } from '@/api/manage'
  import { JVxeTableModelMixin } from '@/mixins/JVxeTableModelMixin.js'
  import { JVXETypes } from '@/components/jeecg/JVxeTable'
  import { getRefPromise,VALIDATE_FAILED} from '@/components/jeecg/JVxeTable/utils/vxeUtils.js'
  import { validateDuplicateValue } from '@/utils/util'
  import JFormContainer from '@/components/jeecg/JFormContainer'

  export default {
    name: 'KuaidiHeaderForm',
    mixins: [JVxeTableModelMixin],
    components: {
      JFormContainer,
    },
    data() {
      return {
        labelCol: {
          xs: { span: 24 },
          sm: { span: 5 },
        },
        wrapperCol: {
          xs: { span: 24 },
          sm: { span: 16 },
        },
        model:{
         },
        // 新增时子表默认添加几行空数据
        addDefaultRowNum: 1,
validatorRules: {
        enable: [
            { required: true, message: '请输入是否有效!'},
        ],
        deleted: [
            { required: true, message: '请输入删除标记0默认，1删除!'},
        ],
},
        refKeys: ['kuaidiDetail', ],
        tableKeys:['kuaidiDetail', ],
        activeKey: 'kuaidiDetail',
        // kuaidi_detail
        kuaidiDetailTable: {
          loading: false,
          dataSource: [],
          columns: [
            {
              title: '出库单id',
              key: 'headerid',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '仓库',
              key: 'warehousecode',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: 'u8仓库',
              key: 'uwarehousecode',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '库区',
              key: 'zonecode',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '货主编码',
              key: 'companycode',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '上游系统单号',
              key: 'sourcecode',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '订单号',
              key: 'cpocode',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '工作令号',
              key: 'mocode',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '上游系统行号',
              key: 'sourceline',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '出库单编码',
              key: 'shipmentcode',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '物料Id',
              key: 'materialid',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '存货编码',
              key: 'materialcode',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '物料名称',
              key: 'materialname',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '物料规格',
              key: 'specification',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '批次',
              key: 'batch',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '批号',
              key: 'lot',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '生产日期',
              key: 'project',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '生产日期',
              key: 'manufacturedate',
              type: JVXETypes.date,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '失效日期',
              key: 'expirationdate',
              type: JVXETypes.date,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '入库日期',
              key: 'agingdate',
              type: JVXETypes.date,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '库存状态',
              key: 'inventorystatus',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '发货数量',
              key: 'qty',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '已出数量',
              key: 'qtycompleted',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '已出数量',
              key: 'unit',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '物料单价',
              key: 'price',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '状态',
              key: 'status',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '创建时间',
              key: 'created',
              type: JVXETypes.date,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '创建用户',
              key: 'createdby',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '最后修改时间',
              key: 'lastupdated',
              type: JVXETypes.date,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '更新用户',
              key: 'lastupdatedby',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '删除标记',
              key: 'deleted',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '删除标记',
              key: 'autoid',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '自定义字段1',
              key: 'userdef1',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '自定义字段1',
              key: 'userdef2',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
            {
              title: '自定义字段1',
              key: 'userdef3',
               type: JVXETypes.input,
              width:"200px",
              placeholder: '请输入${title}',
              defaultValue:'',
            },
          ]
        },
        url: {
          add: "/shipment.kuaidiHeader/kuaidiHeader/add",
          edit: "/shipment.kuaidiHeader/kuaidiHeader/edit",
          queryById: "/shipment.kuaidiHeader/kuaidiHeader/queryById",
          kuaidiDetail: {
            list: '/shipment.kuaidiHeader/kuaidiHeader/queryKuaidiDetailByMainId'
          },
        }
      }
    },
    props: {
      //表单禁用
      disabled: {
        type: Boolean,
        default: false,
        required: false
      }
    },
    computed: {
      formDisabled(){
        return this.disabled
      },
    },
    created () {
    },
    methods: {
      addBefore(){
        this.kuaidiDetailTable.dataSource=[]
      },
      getAllTable() {
        let values = this.tableKeys.map(key => getRefPromise(this, key))
        return Promise.all(values)
      },
      /** 调用完edit()方法之后会自动调用此方法 */
      editAfter() {
        this.$nextTick(() => {
        })
        // 加载子表数据
        if (this.model.id) {
          let params = { id: this.model.id }
          this.requestSubTableData(this.url.kuaidiDetail.list, params, this.kuaidiDetailTable)
        }
      },
      //校验所有一对一子表表单
        validateSubForm(allValues){
            return new Promise((resolve,reject)=>{
              Promise.all([
              ]).then(() => {
                resolve(allValues)
              }).catch(e => {
                if (e.error === VALIDATE_FAILED) {
                  // 如果有未通过表单验证的子表，就自动跳转到它所在的tab
                  this.activeKey = e.index == null ? this.activeKey : this.refKeys[e.index]
                } else {
                  console.error(e)
                }
              })
            })
        },
      /** 整理成formData */
      classifyIntoFormData(allValues) {
        let main = Object.assign(this.model, allValues.formValue)
        return {
          ...main, // 展开
          kuaidiDetailList: allValues.tablesValue[0].tableData,
        }
      },
      validateError(msg){
        this.$message.error(msg)
      },

    }
  }
</script>

<style scoped>
</style>