Shpdet.vue

<template>
  <div class="eibs-tab">

       <!--=== ==========左边=============== -->
    <c-col :span="11"> 
      <c-col :span="24">
        <el-form-item label="Release of Goods" prop="brdgrp.rec.relgodflg">
            <c-select v-model="model.brdgrp.rec.relgodflg" style="width:100%" placeholder="请选择Release of Goods" :code="codes.relgod">
              </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Release Type" prop="brdgrp.rec.reltyp">
            <c-select v-model="model.brdgrp.rec.reltyp" style="width:100%" placeholder="请选择Release Type"
            :code="codes.reltyp1">
              </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="issue date" prop="brdgrp.rec.relgoddat">
            <c-date-picker type="date"  v-model="model.brdgrp.rec.relgoddat" style="width:100%"  placeholder="请选择issue date"></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="Expiry Date " prop="brdgrp.rec.expdat">
            <c-date-picker type="date"  v-model="model.brdgrp.rec.expdat" style="width:100%"  placeholder="请选择Expiry Date of Shipping Guarantee"></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Transport Doc. Type" prop="brdgrp.rec.trpdoctyp">
            <c-select v-model="model.brdgrp.rec.trpdoctyp" style="width:100%" placeholder="请选择Transport Doc. Type">
              </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Transport Doc. No." prop="brdgrp.rec.trpdocnum">
            <c-input  v-model="model.brdgrp.rec.trpdocnum" maxlength="40"  placeholder="请输入Transport Doc. No."></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="shipment date" prop="brdgrp.rec.tradat">
            <c-date-picker type="date"  v-model="model.brdgrp.rec.tradat" style="width:100%"  placeholder="请选择shipment date"></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Mode of Transport" prop="brdgrp.rec.tramod">
            <c-select v-model="model.brdgrp.rec.tramod" style="width:100%" placeholder="请选择Mode of Transport">
              </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Vessel Name" prop="brdgrp.blk.vesnam">
            <c-input  v-model="model.brdgrp.blk.vesnam" maxlength="40"  placeholder="请输入Vessel Name"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Port of Discharge" prop="brdgrp.blk.pordis">
            <c-input  v-model="model.brdgrp.blk.pordis" maxlength="40"  placeholder="请输入Port of Discharge"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Place of Delivery" prop="brdgrp.blk.delplc">
            <c-input  v-model="model.brdgrp.blk.delplc" maxlength="40"  placeholder="请输入Place of Delivery"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Covered Goods" prop="brdgrp.blk.roggod">
            <c-input type="textarea" v-model="model.brdgrp.blk.roggod" maxlength="40" show-word-limit placeholder="请输入Covered Goods" ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Port of loading" prop="brdgrp.blk.porlod">
            <c-input  v-model="model.brdgrp.blk.porlod" maxlength="40"  placeholder="请输入Port of loading"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Voyage numer" prop="brdgrp.blk.voynum">
            <c-input  v-model="model.brdgrp.blk.voynum" maxlength="30"  placeholder="请输入Voyage numer"></c-input>
        </el-form-item>
      </c-col>
    </c-col>
                <!--=== ==========右边=============== -->
    <c-col :span="11" :offset="1">
      <c-col :span="24">
        <el-form-item label="Contract Number" prop="brtp.connum">
            <c-input  v-model="model.brtp.connum" maxlength="35"  placeholder="请输入Contract Number"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label=" ">
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Carrier" prop="brdgrp.blk.carnam">
            <c-input  v-model="model.brdgrp.blk.carnam" maxlength="35"  placeholder="请输入Carrier"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="B/L Number" prop="brdgrp.rec.blnum">
            <c-input  v-model="model.brdgrp.rec.blnum" maxlength="20"  placeholder="请输入B/L Number"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label=" ">
        </el-form-item>
      </c-col>

      <c-col :span="16">
        <el-form-item label="Release to Address" prop="brdgrp.blk.relstoadr">
            <c-input type="textarea" v-model="model.brdgrp.blk.relstoadr" maxlength="35" show-word-limit placeholder="请输入Release to Address" 
            rows="4"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="8">
        <c-checkbox v-model="model.brdgrp.rec.rtoaplflg">Release Goods to Applicant ?</c-checkbox>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Drag  Drop Sender" prop="brtp.shpp.ptsget.sdamod.dadsnd">
            <c-input  v-model="model.brtp.shpp.ptsget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="External Key of Address" prop="brdgrp.shp.pts.extkey">
            <c-input  v-model="model.brdgrp.shp.pts.extkey" maxlength="16"  placeholder="请输入External Key of Address"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="" prop="brtp.shpp.ptsget.sdamod.seainf">
            <c-input  v-model="model.brtp.shpp.ptsget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
      </c-col>
                  
      <c-col :span="12">
        <c-button size="small" type="primary"  @click="onShppDet">
            Details
        </c-button>
      </c-col>

      <c-col :span="24">
        <el-form-item label="名称" prop="brdgrp.shp.namelc">
            <c-input type="textarea" v-model="model.brdgrp.shp.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Address Block" prop="brdgrp.shp.pts.adrblk">
            <c-input type="textarea" v-model="model.brdgrp.shp.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
        </el-form-item>
      </c-col>
                  
      <c-col :span="24">
        <el-form-item label="Chinese address" prop="brdgrp.shp.dbfadrblkcn">
            <c-input type="textarea" v-model="model.brdgrp.shp.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="地址" prop="brdgrp.shp.adrelc">
            <c-input type="textarea" v-model="model.brdgrp.shp.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Notify Party" prop="brdgrp.blk.notpty">
            <c-input type="textarea" v-model="model.brdgrp.blk.notpty" maxlength="35" show-word-limit placeholder="请输入Notify Party" ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Goods code" prop="brdgrp.rec.ngrcod">
            <c-select v-model="model.brdgrp.rec.ngrcod" style="width:100%" placeholder="请选择Goods code">
              </c-select>
        </el-form-item>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Brtdck/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {

        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>