<template> <div class="eibs"> <!--==========================left====================== --> <el-col :span="12" style="padding-right:20px"> <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="请选择提货担保申请人" dbCode='relgod' disabled > </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="请选择放货类型" dbCode='typrel' disabled > </c-select> </el-form-item> </c-col> <c-col :span="13"> <el-form-item label="issue date" prop="brdgrp.rec.relgoddat"> <c-date-picker type="date" disabled v-model="model.brdgrp.rec.relgoddat" style="width:100%" placeholder="请选择日期"></c-date-picker> </el-form-item> </c-col> <c-col :span="11"> <el-form-item label="Expiry Date" prop="brdgrp.rec.expdat" label-width="120px"> <c-date-picker type="date" disabled v-model="model.brdgrp.rec.expdat" style="width:100%" placeholder="请选择日期"></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" disabled style="width:100%" placeholder="请选择货物单据类型"> </c-select> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Transport Doc. No." prop="brdgrp.rec.trpdocnum"> <c-input disabled v-model="model.brdgrp.rec.trpdocnum" maxlength="40" placeholder="请输入运输单据编号"></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" disabled v-model="model.brdgrp.rec.tradat" style="width:100%" placeholder="请选择日期"></c-date-picker> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Mode of Transport" prop="brdgrp.rec.tramod"> <c-input v-model="model.brdgrp.rec.tramod" disabled maxlength="40" placeholder="请选择运输模式"> </c-input> </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" disabled maxlength="40" placeholder="请输入运输工具"></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" disabled maxlength="40" placeholder="请输入卸货口岸"></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" disabled maxlength="40" placeholder="请输入移交地点"></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" disabled maxlength="40" show-word-limit placeholder="请输入货物描述" ></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" disabled maxlength="40" placeholder="请输入起运口岸"></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" disabled maxlength="30" placeholder="请输入航号"></c-input> </el-form-item> </c-col> </el-col> <!-- =========================right====================== --> <el-col :span="12" style="padding-left:20px"> <c-col :span="24"> <el-form-item label="Contract Number" prop="brtp.connum"> <c-input v-model="model.brtp.connum" disabled maxlength="35" placeholder="请输入合同编号"></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" disabled maxlength="35" placeholder="请输入承运人"></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" disabled maxlength="20" placeholder="请输入海运/远洋提单编号"></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label=" " label-width="180px" prop=".brdgrp.rec.rtoaplflg"> <c-checkbox class="checkbox-left" v-model="model.brdgrp.rec.rtoaplflg" disabled >To Applicant </c-checkbox> </el-form-item> </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" disabled maxlength="180" show-word-limit placeholder="请输入收货人名称及地址" ></c-input> </el-form-item> </c-col> <c-col :span="24" class="fieldName"> <el-form-item label="Shipping company" style="margin-bottom: 0;"> <el-form-item label-width="0" style="margin-bottom: 10px;"> <c-ptap :argadr="{ title: 'Shipping company', grp: 'brdgrp', rol: 'shp' }" :haveAdrLabel="true" :isAdrblk="true" :isFieldLabelVisible="false" :model="model" bchinr='00000036' ptytyp="B" :isLabel120="false"></c-ptap> </el-form-item> </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" disabled v-model="model.brdgrp.blk.notpty" maxlength="35" show-word-limit placeholder="请输入被通知人" ></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="请选择货物类型" dbCode="bnrsec" disabled > </c-select> </el-form-item> </c-col> </el-col> </div> </template> <script> import event from '../event'; export default { inject: ['root'], props:['model','codes'], mixins: [event], data(){ return { } }, methods:{}, created:function(){ } } </script> <style> </style>