<template>
<div class="eibs-tab">
<!-- <c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="bdtp0.didget.sdamod.dadsnd">
<c-input v-model="model.bdtp0.didget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</c-col> -->
<el-row>
<c-col :span="6">
<el-form-item label="参考号" prop="didgrp.rec.ownref">
<c-input
disabled
v-model="model.didgrp.rec.ownref"
maxlength="16"
placeholder="请输入参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="1">
<el-form-item label="" label-width="15px">
<!-- prop="bdtp0.didget.sdamod.seainf" -->
<!-- <c-input v-model="model.bdtp0.didget.sdamod.seainf" placeholder="请输入"></c-input> -->
<c-button size="mini" type="primary" icon="el-icon-search"></c-button>
</el-form-item>
</c-col>
<c-col :span="5">
<el-form-item label="到期日" prop="didgrp.rec.expdat">
<c-date-picker
disabled
type="date"
v-model="model.didgrp.rec.expdat"
style="width: 100%"
placeholder="请选择到期日"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="信用证余额" prop="didgrp.cbs.opn1.cur">
<c-input
disabled
v-model="model.didgrp.cbs.opn1.cur"
maxlength="3"
placeholder="请输入Currency"
></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="" prop="didgrp.cbs.opn1.amt" label-width="20px">
<c-input
disabled
v-model="model.didgrp.cbs.opn1.amt"
placeholder="请输入Balance"
></c-input>
</el-form-item>
</c-col>
</el-row>
<!-- <c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="bdtp0.recget.sdamod.dadsnd">
<c-input v-model="model.bdtp0.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</c-col> -->
<el-row>
<c-col :span="6">
<el-form-item label="单据参考号" prop="bddgrp.rec.ownref">
<c-input
disabled
v-model="model.bddgrp.rec.ownref"
maxlength="16"
placeholder="请输入单据参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="1">
<el-form-item label="" label-width="15px">
<!-- prop="bdtp0.recget.sdamod.seainf" -->
<!-- <c-input v-model="model.bdtp0.recget.sdamod.seainf" placeholder="请输入"></c-input> -->
<c-button size="mini" type="primary" icon="el-icon-search"></c-button>
</el-form-item>
</c-col>
<c-col :span="12" :offset="5">
<el-form-item label="" prop="bddgrp.rec.nam">
<c-input
disabled
v-model="model.bddgrp.rec.nam"
maxlength="40"
placeholder="请输入Name of Bill Contract"
></c-input>
</el-form-item>
</c-col>
</el-row>
<el-row>
<c-col :span="6">
<el-form-item label="单据金额" prop="bddgrp.cbs.max.cur">
<c-select
disabled
v-model="model.bddgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择单据金额"
>
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="" prop="bddgrp.cbs.max.amt" label-width="20px">
<c-input
disabled
v-model="model.bddgrp.cbs.max.amt"
placeholder="请输入单据金额"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="申请人" prop="bddgrp.apl.pts.ref">
<c-input
disabled
v-model="model.bddgrp.apl.pts.ref"
maxlength="16"
placeholder="请输入申请人"
></c-input>
</el-form-item>
</c-col>
</el-row>
<el-row>
<c-col :span="6">
<el-form-item label="单据余额" prop="bddgrp.cbs.opn1.cur">
<c-input
disabled
v-model="model.bddgrp.cbs.opn1.cur"
maxlength="3"
placeholder="请输入单据余额"
></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="" prop="bddgrp.cbs.opn1.amt" label-width="20px">
<c-input
disabled
v-model="model.bddgrp.cbs.opn1.amt"
placeholder="请输入Balance"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="bddgrp.apl.pts.nam" label-width="150px">
<c-input
disabled
v-model="model.bddgrp.apl.pts.nam"
maxlength="40"
placeholder="请输入Name of Party"
></c-input>
</el-form-item>
</c-col>
</el-row>
<el-row>
<c-col :span="6">
<el-form-item label="到单日期" prop="bddgrp.rec.rcvdat">
<c-date-picker
disabled
type="date"
v-model="model.bddgrp.rec.rcvdat"
style="width: 100%"
placeholder="请选择到单日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="寄单日期" prop="bddgrp.rec.advdat">
<c-date-picker
disabled
type="date"
v-model="model.bddgrp.rec.advdat"
style="width: 100%"
placeholder="请选择Date of Advice of Payment"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="受益人" prop="bddgrp.ben.pts.ref">
<c-input
disabled
v-model="model.bddgrp.ben.pts.ref"
maxlength="16"
placeholder="请输入受益人"
></c-input>
</el-form-item>
</c-col>
</el-row>
<!-- <c-col :span="12">
<span
v-text="model.bdtp0.matp.mattxtlab"
data-path=".bdtp0.matp.mattxtlab"
>
</span>
</c-col> -->
<el-row>
<c-col :span="12">
<el-form-item label="到期日" prop="bddgrp.rec.matdat">
<c-date-picker
disabled
type="date"
v-model="model.bddgrp.rec.matdat"
style="width: 100%"
placeholder="请选择Maturity Date"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="bddgrp.ben.pts.nam">
<c-input
disabled
v-model="model.bddgrp.ben.pts.nam"
maxlength="40"
placeholder=""
></c-input>
</el-form-item>
</c-col>
</el-row>
<el-row>
<c-col :span="12">
<el-form-item label="单据类型" prop="bddgrp.rec.docflg">
<c-select
disabled
v-model="model.bddgrp.rec.docflg"
style="width: 100%"
placeholder="请选择单据类型"
>
<el-option
v-for="item in codes.brdtyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="交单行" prop="bddgrp.prb.pts.ref">
<c-input
disabled
v-model="model.bddgrp.prb.pts.ref"
maxlength="16"
placeholder="请输入交单行"
></c-input>
</el-form-item>
</c-col>
</el-row>
<el-row>
<c-col :span="12">
<el-form-item label="单据承付状态" prop="bddgrp.rec.docsta">
<c-select
disabled
v-model="model.bddgrp.rec.docsta"
style="width: 100%"
placeholder="请选择单据承付状态"
>
<el-option
v-for="item in codes.docsta"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="bddgrp.prb.pts.nam" label-width="150px">
<c-input
disabled
v-model="model.bddgrp.prb.pts.nam"
maxlength="40"
placeholder="请输入Name of Party"
></c-input>
</el-form-item>
</c-col>
</el-row>
<el-row>
<c-col :span="12">
<el-form-item label="Narrative to Beneficiary Side" prop="strinf">
<c-input
type="textarea"
v-model="model.strinf"
maxlength="1750"
show-word-limit
placeholder="请输入Narrative"
:rows="10"
></c-input>
</el-form-item>
</c-col>
<c-col :span="9" :offset="3">
<c-checkbox v-model="model.sndmsg">Send Message</c-checkbox>
</c-col>
</el-row>
<c-col :span="12">
<el-form-item label="Booking Procedure" prop="rebkpflg">
<c-select
v-model="model.rebkpflg"
style="width: 100%"
placeholder="请选择Booking Procedure"
>
<el-option
v-for="item in rebkpflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</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/Bdtcan/Event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
rebkpflg: [
{ label: "Reverse Booking (Document Set)", value: "N" },
{ label: "Reverse Booking (Doc. Set, L/C)", value: "B" },
],
};
},
methods: { ...Event, changed(e) {} },
created: function () {},
};
</script>
<style>
</style>