Shpdet.vue

<template>
  <div class="eibs-tab">
<!--==========================left======================  -->
<el-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 
            :rows="6"
            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>
</el-col>


<!-- =========================right====================== -->
<el-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="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">
	    <c-checkbox v-model="model.brdgrp.rec.rtoaplflg"
        style="margin-left:140px;padding: 0 10px;"
        >Release Goods to Applicant </c-checkbox>
       </c-col>

        <c-col :span="24">
        <el-form-item label="Release to Address" prop="brdgrp.blk.relstoadr">
            <c-input 
            :rows="4"
            type="textarea" v-model="model.brdgrp.blk.relstoadr" maxlength="180" show-word-limit placeholder="请输入Release to Address" ></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-fullbox>
            <c-input  v-model="model.brdgrp.shp.pts.extkey" maxlength="16"  placeholder="请输入External Key of Address"></c-input>
            <template slot="footer">
              <c-button
                style="margin: 0 10px 0 10px; padding: 0 12px"
                size="small"
                type="primary"
                @click=""
              >
                <span style="font-family: '宋体'; font-weight: bold">i</span>
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                @click=""
              >
                获取
              </c-button>
            </template>
          </c-fullbox>
        
        </el-form-item>
       </c-col>


        <c-col :span="24">
        <el-form-item label="Address Block" prop="brdgrp.shp.pts.adrblk">
            <c-input 
            :rows="4"
            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="Notify Party" prop="brdgrp.blk.notpty">
            <c-input 
            :rows="4"
            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"
            :code="codes.bnrsec"
            >
              </c-select>
        </el-form-item>
       </c-col>
</el-col>
                        
       <!-- <c-col :span="12">
        <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="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="12">
        <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="12">
        <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="12">
        <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> -->

  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Litrog/Event"

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

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

    }
}
</script>
<style>

</style>