<template>
<div class="eibs-tab">
<c-col :span="24">
<!-- ==================左边================ -->
<c-col :span="12" style="padding-right: 20px">
<c-col :span="24">
<c-col :span="21">
<el-form-item label="Reference" prop="lrdgrp.rec.ownref">
<c-input
v-model="model.lrdgrp.rec.ownref"
maxlength="16"
style="width: 100%"
></c-input>
</el-form-item>
</c-col>
<c-col :span="3">
<el-form-item
label=""
class="checkbox-left"
label-width="10px"
style="width: 100%"
>
<el-button size="small" type="primary">Get Ref.</el-button>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="Regist Reference" prop="lmdgrp.rec.ownref">
<c-input v-model="model.lmdgrp.rec.ownref" maxlength="16"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Responsible User" prop="lrtp.usr.extkey">
<c-input v-model="model.lrtp.usr.extkey" maxlength="8"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="16">
<el-form-item label="Application Amt" prop="lrdgrp.cbs.nom1.cur">
<c-select
v-model="model.lrdgrp.cbs.nom1.cur"
dbCode="curtxt"
style="width: 100%; padding-right: 10px"
:dropdownMatchSelectWidth="false"
></c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item prop="lrdgrp.cbs.nom1.amt" label-width="0">
<c-input-currency
v-model="model.lrdgrp.cbs.nom1.amt"
:currency="model.lrdgrp.cbs.nom1.cur"
></c-input-currency>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24" class="custom-box-wrap">
<div class="box-1">
<div style="width: 280px">
<el-form-item label="Own Risk Amount" prop="lrdgrp.cbs.max.cur">
<c-select
v-model="model.lrdgrp.cbs.max.cur"
style="width: 100%"
dbCode="curtxt"
>
</c-select>
</el-form-item>
</div>
<div style="width: calc(100% - 280px)">
<el-form-item label-width="5px" prop="lrdgrp.rec.rskamt">
<c-input-currency
:currency="model.lrdgrp.cbs.max.cur"
v-model="model.lrdgrp.rec.rskamt"
></c-input-currency>
</el-form-item>
</div>
</div>
<div class="box-2">
<c-input
v-model="model.lrdgrp.rec.rskrat"
style="
margin-left: 18px;
height: 32px;
line-height: 32px;
padding-bottom: 2px;
"
></c-input>
</div>
</c-col>
<c-col :span="24">
<el-form-item label="Date Issued" prop="lrdgrp.rec.opndat">
<c-date-picker
type="date"
v-model="model.lrdgrp.rec.opndat"
style="width: 100%"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Valid From Date" prop="lrdgrp.rec.appeft">
<c-date-picker
type="date"
v-model="model.lrdgrp.rec.appeft"
style="width: 100%"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Limit Type" prop="lrdgrp.rec.lmttyp">
<c-select
v-model="model.lrdgrp.rec.lmttyp"
style="width: 100%"
dbCode="LMTTYP"
></c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Direct contact" prop="lrdgrp.rec.ditflg">
<c-select
v-model="model.lrdgrp.rec.ditflg"
style="width: 100%"
dbCode="DITFLG"
></c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Order Number" prop="lrdgrp.rec.ordref">
<c-input v-model="model.lrdgrp.rec.ordref" maxlength="20"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Latest shipment Date" prop="lrdgrp.rec.shpdat">
<c-date-picker
type="date"
v-model="model.lrdgrp.rec.shpdat"
style="width: 100%"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Payment Type" prop="lrdgrp.rec.paytyp">
<c-input v-model="model.lrdgrp.rec.paytyp" maxlength="1"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Message Function" prop="lrdgrp.rec.appfun">
<c-select
v-model="model.lrdgrp.rec.appfun"
style="width: 100%"
dbCode="APPFUN"
></c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Request" prop="lrdgrp.rec.reqcod">
<c-select
v-model="model.lrdgrp.rec.reqcod"
style="width: 100%"
dbCode="REQCOD"
></c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Request Number" prop="lrdgrp.rec.reqnum">
<c-input v-model="model.lrdgrp.rec.reqnum" maxlength="35"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Net Payment Term" prop="lrdgrp.rec.paydat">
<c-input v-model="model.lrdgrp.rec.paydat"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Grace Days" prop="lrdgrp.rec.grcdat">
<c-input v-model="model.lrdgrp.rec.grcdat"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Primary Discount days" prop="lrdgrp.rec.discut1">
<c-input v-model="model.lrdgrp.rec.discut1"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Discount" prop="lrdgrp.rec.disrat1">
<c-input v-model="model.lrdgrp.rec.disrat1"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Second Discount days" prop="lrdgrp.rec.discut2">
<c-input v-model="model.lrdgrp.rec.discut2"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="Discount"
prop="lrdgrp.rec.disrat2"
>
<c-input v-model="model.lrdgrp.rec.disrat2"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Message text" prop="lrdgrp.blk.appinf">
<c-input
type="textarea"
v-model="model.lrdgrp.blk.appinf"
maxlength="35"
show-word-limit
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ============右边================= -->
<c-col :span="12" style="padding-left: 20px">
<c-col :span="24">
<el-form-item label="Name" prop="lrdgrp.rec.nam">
<c-input v-model="model.lrdgrp.rec.nam" maxlength="40"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{ title: 'Seller', grp: 'lrdgrp', rol: 'slr' }"
></c-ptap>
</c-col>
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{ title: 'Import Factor', grp: 'lrdgrp', rol: 'imf' }"
></c-ptap>
</c-col>
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{ title: 'Buyer', grp: 'lrdgrp', rol: 'buy' }"
></c-ptap>
</c-col>
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{ title: 'Export Factor', grp: 'lrdgrp', rol: 'exf' }"
></c-ptap>
</c-col>
</c-col>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "../event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess, Event],
data() {
return {};
},
methods: {},
created: function () {},
};
</script>
<style>
</style>