Shpdet.vue 7.13 KB
Newer Older
chenwen committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146
<template>
  <div class="eibs-tab">
                                               
       <c-col :span="12">
        <el-form-item label="Release of Goods" prop="bcdgrp.rec.relgodflg">
            <c-select v-model="model.bcdgrp.rec.relgodflg" style="width:100%" placeholder="请选择Release of Goods">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Covered Goods" prop="bcdgrp.blk.covgod">
            <c-input type="textarea" v-model="model.bcdgrp.blk.covgod" maxlength="35" show-word-limit placeholder="请输入Covered Goods" ></c-input>
        </el-form-item>
        </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Release Type" prop="bcdgrp.rec.reltyp">
            <c-select v-model="model.bcdgrp.rec.reltyp" style="width:100%" placeholder="请选择Release Type">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Release Date" prop="bcdgrp.rec.relgoddat">
            <c-date-picker type="date"  v-model="model.bcdgrp.rec.relgoddat" style="width:100%"  placeholder="请选择Release Date"></c-date-picker>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Expiry Date of Shipping Guarantee" prop="bcdgrp.rec.expdat">
            <c-date-picker type="date"  v-model="model.bcdgrp.rec.expdat" style="width:100%"  placeholder="请选择Expiry Date of Shipping Guarantee"></c-date-picker>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Transport Doc. Type" prop="bcdgrp.rec.trpdoctyp">
            <c-select v-model="model.bcdgrp.rec.trpdoctyp" style="width:100%" placeholder="请选择Transport Doc. Type">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Transport Doc. Ref." prop="bcdgrp.rec.trpdocnum">
            <c-input  v-model="model.bcdgrp.rec.trpdocnum" maxlength="40"  placeholder="请输入Transport Doc. Ref."></c-input>
        </el-form-item>
       </c-col>
                                                    
       <c-col :span="12">
        <el-form-item label="Carrier" prop="bcdgrp.rog.pts.ref">
            <c-input  v-model="model.bcdgrp.rog.pts.ref" maxlength="16"  placeholder="请输入Carrier"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Drag  Drop Sender" prop="bctp.rogp.ptsget.sdamod.dadsnd">
            <c-input  v-model="model.bctp.rogp.ptsget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Document Dated" prop="bcdgrp.rec.tradat">
            <c-date-picker type="date"  v-model="model.bcdgrp.rec.tradat" style="width:100%"  placeholder="请选择Document Dated"></c-date-picker>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="External Key of Address" prop="bcdgrp.rog.pts.extkey">
            <c-input  v-model="model.bcdgrp.rog.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="bctp.rogp.ptsget.sdamod.seainf">
            <c-input  v-model="model.bctp.rogp.ptsget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onRogpDet">
            Details
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="名称" prop="bcdgrp.rog.namelc">
            <c-input type="textarea" v-model="model.bcdgrp.rog.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
        </el-form-item>
        </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Mode of Transport" prop="bcdgrp.rec.tramod">
            <c-select v-model="model.bcdgrp.rec.tramod" style="width:100%" placeholder="请选择Mode of Transport">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Address Block" prop="bcdgrp.rog.pts.adrblk">
            <c-input type="textarea" v-model="model.bcdgrp.rog.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Chinese address" prop="bcdgrp.rog.dbfadrblkcn">
            <c-input type="textarea" v-model="model.bcdgrp.rog.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
        </el-form-item>
        </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Vessel Name" prop="bcdgrp.blk.vesselnam">
            <c-input  v-model="model.bcdgrp.blk.vesselnam" maxlength="44"  placeholder="请输入Vessel Name"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="地址" prop="bcdgrp.rog.adrelc">
            <c-input type="textarea" v-model="model.bcdgrp.rog.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
        </el-form-item>
        </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Shipment from" prop="bcdgrp.rec.shpfro">
            <c-input  v-model="model.bcdgrp.rec.shpfro" maxlength="40"  placeholder="请输入Shipment from"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
	    <c-checkbox v-model="model.bcdgrp.rec.rtodreflg">Release to Drawee Flag</c-checkbox>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Shipment to" prop="bcdgrp.rec.shpto">
            <c-input  v-model="model.bcdgrp.rec.shpto" maxlength="40"  placeholder="请输入Shipment to"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Release to Address" prop="bcdgrp.blk.reladr">
            <c-input type="textarea" v-model="model.bcdgrp.blk.reladr" maxlength="35" show-word-limit placeholder="请输入Release to Address" ></c-input>
        </el-form-item>
        </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api"
wangren committed
147
import commonProcess from "~/mixin/commonProcess";
chenwen committed
148 149 150 151 152 153
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Bctdor/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
wangren committed
154
    mixins: [commonProcess],
chenwen committed
155 156 157 158 159 160 161 162 163 164 165 166 167 168
    data(){
        return {

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

    }
}
</script>
<style>

</style>