<template>
<div class="eibs-tab">
<c-row>
<c-col :span="24" >
<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" disabled :code="codes.relgodflg">
</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" disabled>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<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" disabled></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" disabled></c-date-picker>
</el-form-item>
</c-col>
</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" disabled>
</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." disabled></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" disabled></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" disabled>
</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" disabled></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" disabled></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" disabled></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" :rows="6" disabled ></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" disabled></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" disabled></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" disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<br>
</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" disabled></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" disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-checkbox v-model="model.brdgrp.rec.rtoaplflg" disabled>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 type="textarea" v-model="model.brdgrp.blk.relstoadr" maxlength="35" show-word-limit placeholder="请输入Release to Address" :rows="5" disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="21">
<el-form-item label="Shipping company" prop="brdgrp.shp.pts.extkey">
<c-input v-model="model.brdgrp.shp.pts.extkey" maxlength="16" placeholder="请输入External Key of Address" disabled ></c-input>
</el-form-item>
</c-col>
<c-col :span="3">
<c-button size="small" type="primary" @click="onShppDet" disabled>
Details
</c-button>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="Address" prop="brdgrp.shp.namelc">
<c-input type="textarea" v-model="model.brdgrp.shp.namelc" maxlength="35" show-word-limit placeholder="请输入名称" :rows="5" disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Address Block" prop="brdgrp.shp.pts.adrblk" v-show="false">
<c-input type="textarea" v-model="model.brdgrp.shp.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" disabled></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" :rows="5" disabled></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" disabled>
</c-select>
</el-form-item>
</c-col>
</c-col>
</c-col>
<!--未在页面中找到对应的字段，进行隐藏-->
<c-col :span="24" v-show="false">
<c-col :span="12">
<el-form-item label="" 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">
<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>
</c-col>
</c-row>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Brtsnd/Event"
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
}
},
methods:{...Event},
created:function(){
}
}
</script>
<style>
</style>