Shpdet.vue

<template>
	<div class="eibs">
		<c-row>
			<c-col :span="24">
				<c-col :span="12" class="col-left">
					<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="请选择提货担保申请人" disabled dbCode='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" dbCode='typrel' style="width:100%" placeholder="请选择放货类型" 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="请选择放货日期" 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="请选择到期日" 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="请选择货物单据类型" 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="请输入运输单据编号" 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="请选择日期" 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="请选择运输模式" 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="请输入运输工具" 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="请输入卸货口岸" 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="请输入移交地点" 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="请输入货物描述" :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="请输入起运口岸" 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="请输入航号" disabled></c-input>
						</el-form-item>
					</c-col>
				</c-col>
				<c-col :span="12" class="col-right">
					<c-col :span="24">
						<el-form-item label="Contract Number" prop="brtp.connum">
							<c-input v-model="model.brtp.connum" maxlength="35" placeholder="请输入合同编号" 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="请输入承运人" 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="请输入海运/远洋提单编号" disabled></c-input>
						</el-form-item>
					</c-col>
					<c-col :span="24">
						<el-form-item>
							<c-checkbox v-model="model.brdgrp.rec.rtoaplflg" disabled style="float: left;">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 type="textarea" v-model="model.brdgrp.blk.relstoadr" maxlength="35" show-word-limit placeholder="请输入收货人名称及地址" :rows="5" disabled></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 type="textarea" v-model="model.brdgrp.blk.notpty" maxlength="35" show-word-limit placeholder="请输入被通知人" :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" dbCode='bnrsec' style="width:100%" placeholder="请选择货物类型" 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="中文地址" 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 event from "../event";
export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {};
  },
  created: function() {}
};
</script>
<style>
</style>