<template>
<c-row>
<!-- =================顶部====================== -->
<c-col :span="24">
<c-col :span="12">
<c-col :span="20">
<el-form-item label="Collection Number" prop="bcdgrp.rec.ownref" style="width: 100%">
<c-input v-model="model.bcdgrp.rec.ownref" maxlength="16" placeholder="请输入Collection Number"
style="width: 95%" disabled>
</c-input>
</el-form-item>
</c-col>
<c-col :span="1">
<c-button style="margin:0 10px 0 0;padding: 0 10px;" size="small" type="primary"
icon="el-icon-search" @click="onSeainf">
</c-button>
</c-col>
</c-col>
<c-col :span="12">
<el-form-item label="Name" prop="bcdgrp.rec.nam" style="width: 100%">
<c-input v-model="model.bcdgrp.rec.nam" maxlength="40" style="width: 100%" disabled></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ====================左边======================= -->
<c-col :span="12">
<c-col :span="12">
<el-form-item label="Document Amount" prop="bcdgrp.cbs.max.cur">
<c-input v-model="model.bcdgrp.cbs.max.cur" style="width:90%" placeholder="请选择Document Amount"
disabled>
</c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item style="text-align: left" label-width="0" prop="bcdgrp.cbs.max.amt">
<c-input v-model="model.bcdgrp.cbs.max.amt" style="text-align: left; width: 90%"
disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Open Amount" prop="bcdgrp.cbs.opn1.cur">
<c-input v-model="model.bcdgrp.cbs.opn1.cur" style="width:90%" placeholder="请选择Open Amount"
disabled>
</c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item style="text-align: left" label-width="0" prop="bcdgrp.cbs.opn1.amt">
<c-input v-model="model.bcdgrp.cbs.opn1.amt" style="text-align: left; width: 90%"
disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Docs Received on" prop="bcdgrp.rec.rcvdat">
<c-date-picker type="date" v-model="model.bcdgrp.rec.rcvdat" style="width:80%"
value-format="yyyy-MM-dd" placeholder="请选择Docs Received on" disabled></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Advised on" prop="bcdgrp.rec.advdat">
<c-date-picker type="date" v-model="model.bcdgrp.rec.advdat" style="width:80%"
value-format="yyyy-MM-dd" placeholder="请选择Advised on" disabled></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Maturity Date" prop="bcdgrp.rec.matdat">
<c-date-picker type="date" v-model="model.bcdgrp.rec.matdat" style="width:80%"
value-format="yyyy-MM-dd" placeholder="请选择Maturity Date" disabled></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Remitted on" prop="bcdgrp.rec.predat">
<c-date-picker type="date" v-model="model.bcdgrp.rec.predat" style="width:80%"
value-format="yyyy-MM-dd" placeholder="请选择Remitted on" disabled></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Payment Condition" prop="bcdgrp.rec.doctypcod">
<c-input v-model="model.bcdgrp.rec.doctypcod" style="width:93%" placeholder="请选择Payment Condition"
disabled>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Document Set Status" prop="bcdgrp.rec.docsta">
<c-input v-model="model.bcdgrp.rec.docsta" style="width:93%" placeholder="请输入Document Set Status"
disabled>
</c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Amount Accepted" prop="setmod.doccur">
<c-input v-model="model.setmod.doccur" style="width:90%" placeholder="Amount Accepted" disabled>
</c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item style="text-align: left" label-width="0" prop="setmod.docamt">
<c-input v-model="model.setmod.docamt" style="text-align: left; width: 90%"
placeholder="请输入document amount"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-edit-table :model="model" v-bind="docgrd">
</c-edit-table>
</c-col>
</c-col>
<!-- ====================右边======================= -->
<c-col :span="12">
<c-col :span="24">
<el-form-item style="text-align: right" label="Drawee Ref." prop="bcdgrp.dre.pts.ref">
<c-input v-model="model.bcdgrp.dre.pts.ref" maxlength="16" style="width: 50%" disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item prop="bcdgrp.dre.pts.nam">
<c-input v-model="model.bcdgrp.dre.pts.nam" maxlength="40" style="width: 100%" disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item style="text-align: right" label="Remitting Bank Ref." prop="bcdgrp.rmi.pts.ref">
<c-input v-model="model.bcdgrp.rmi.pts.ref" maxlength="16" style="width: 50%" disabled>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item prop="bcdgrp.rmi.pts.nam">
<c-input v-model="model.bcdgrp.rmi.pts.nam" maxlength="40" style="width: 100%" disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item style="text-align: right" label="Drawer Ref." prop="bcdgrp.drr.pts.ref">
<c-input v-model="model.bcdgrp.drr.pts.ref" maxlength="16" style="width: 50%" disabled>
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item prop="bcdgrp.drr.pts.ref">
<c-input v-model="model.bcdgrp.drr.pts.ref" maxlength="40" style="width: 100%" disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Accepted on" prop="bcdgrp.rec.accdat">
<c-date-picker type="date" v-model="model.bcdgrp.rec.accdat" style="width:100%"
value-format="yyyy-MM-dd" placeholder="请选择Accepted on"></c-date-picker>
</el-form-item>
</c-col>
</c-col>
</c-row>
</template>
<script>
import Api from "~/service/Api"
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Bctacc/Event"
export default {
inject: ['root'],
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
return {
docgrd: {
columns: [{
title: "lst1",
width: "80px",
dataIndex: "cmail1",
show: "input",
},
{
title: "2nd",
width: "80px",
dataIndex: "cmail2",
show: "input",
},
{
title: "Document",
width: "320px",
dataIndex: "docnam",
show: "input",
},
],
urls: "bctp.docgrdm.docgrd",
},
}
},
methods: {
...Event
},
created: function () {
}
}
</script>
<style>
</style>