<template>
  <div class="eibs-tab">
    <c-col :span="24">
      <!-- ==================左边================ -->
      <c-col :span="12" style="padding-right: 20px">
        <c-col :span="24">
          <el-form-item label="Reference" prop="lmdgrp.rec.ownref">
            <c-fullbox>
              <c-input
                v-model="model.lmdgrp.rec.ownref"
                disabled
                maxlength="16"
              ></c-input>
              <template slot="footer">
                <c-button
                  size="small"
                  style="margin-left: 10px; padding: 0 12px"
                  type="primary"
                  icon="el-icon-search"
                ></c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <c-col :span="16">
            <el-form-item label="Open Amount" prop="lmdgrp.cbs.opn1.cur">
              <c-select
                v-model="model.lmdgrp.cbs.opn1.cur"
                style="width: 100%; padding-right: 10px"
                :dropdownMatchSelectWidth="false"
                dbCode="curtxt"
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="8">
            <el-form-item prop="lmdgrp.cbs.opn1.amt" label-width="0">
              <c-input-currency
                v-model="model.lmdgrp.cbs.opn1.amt"
                :currency="model.lmdgrp.cbs.nom1.cur"
              ></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Date Pre-advised" prop="lmdgrp.rec.preadvdt">
            <c-date-picker
              type="date"
              v-model="model.lmdgrp.rec.preadvdt"
              style="width: 100%"
            ></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Pay type" prop="lmdgrp.rec.paytyp">
            <c-select
              v-model="model.lmdgrp.rec.paytyp"
              style="width: 100%"
              dbCode="paytp4"
            >
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Net Payment Term" prop="lmdgrp.rec.paydat">
            <c-input v-model="model.lmdgrp.rec.paydat"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Grace period" prop="lmdgrp.rec.grcdat">
            <c-input v-model="model.lmdgrp.rec.grcdat"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Primary discount days" prop="lmdgrp.rec.discut1">
            <c-input v-model="model.lmdgrp.rec.discut1"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <c-col :span="22">
            <el-form-item label="Discount" prop="lmdgrp.rec.disrat1">
              <c-input v-model="model.lmdgrp.rec.disrat1"></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="2" style="text-align: center">
            <label style="display: inline-block; width: 100%">%</label>
          </c-col>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Second discount days" prop="lmdgrp.rec.discut2">
            <c-input v-model="model.lmdgrp.rec.discut2"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <c-col :span="22">
            <el-form-item label="Discount" prop="lmdgrp.rec.disrat2">
              <c-input v-model="model.lmdgrp.rec.disrat2"></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="2" style="text-align: center">
            <label style="display: inline-block; width: 100%">%</label>
          </c-col>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Preliminary credit" prop="lmdgrp.rec.rplref">
            <c-input v-model="model.lmdgrp.rec.rplref" maxlength="16"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Reply Date" prop="lmdgrp.rec.rpldat">
            <c-date-picker
              type="date"
              v-model="model.lmdgrp.rec.rpldat"
              style="width: 100%"
            ></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <c-col :span="16">
            <el-form-item label="Approval Amount" prop="lmdgrp.cbs.nom1.cur">
              <c-select
                v-model="model.lmdgrp.cbs.nom1.cur"
                style="width: 100%; padding-right: 10px"
                :dropdownMatchSelectWidth="false"
                dbCode="curtxt"
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="8">
            <el-form-item prop="lmdgrp.cbs.nom1.amt" label-width="0">
              <c-input-currency
                v-model="model.lmdgrp.cbs.nom1.cur"
                :currency="model.lmdgrp.cbs.nom1.cur"
              ></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Response Status" prop="lmdgrp.rec.appflg">
            <c-select
              v-model="model.lmdgrp.rec.appflg"
              style="width: 100%"
              dbCode="APPFLG"
            >
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Account Number" prop="lmdgrp.rec.actnbr">
            <c-input v-model="model.lmdgrp.rec.actnbr" maxlength="35"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Long Credit Period" prop="lcpday">
            <c-input v-model="model.lcpday"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Reason of Deny" prop="lmdgrp.rec.intrem">
            <c-select
              v-model="model.lmdgrp.rec.intrem"
              style="width: 100%"
              dbCode="INTREM"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <!-- S0000022 : Message Text -->

        <c-col :span="24">
          <el-form-item label="Message Text" prop="inf">
            <c-input
              type="textarea"
              v-model="model.inf"
              maxlength="70"
              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="Contract Display Name" prop="lmdgrp.rec.nam">
            <c-input v-model="model.lmdgrp.rec.nam" maxlength="40"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-ptap
            :model="model"
            :isAdrblk="false"
            :isAdrVisible="false"
            :argadr="{ title: 'Buyer Ref.', grp: 'lmdgrp', rol: 'buy' }"
          ></c-ptap>
        </c-col>

        <c-col :span="24">
          <c-ptap
            :model="model"
            :isAdrblk="false"
            :isAdrVisible="false"
            :argadr="{ title: 'Seller Ref.', grp: 'lmdgrp', rol: 'slr' }"
          ></c-ptap>
        </c-col>

        <c-col :span="24">
          <c-ptap
            :model="model"
            :isAdrblk="false"
            :isAdrVisible="false"
            :argadr="{ title: 'Im-Factoror Ref.', grp: 'lmdgrp', rol: 'imf' }"
          ></c-ptap>
        </c-col>

        <c-col :span="24">
          <c-ptap
            :model="model"
            :isAdrblk="false"
            :isAdrVisible="false"
            :argadr="{ title: 'Ex-Factoror Ref.', grp: 'lmdgrp', rol: 'exf' }"
          ></c-ptap>
        </c-col>

        <c-col :span="24">
          <c-ptap
            :model="model"
            :argadr="{ title: 'Buyer Ref.', grp: 'lmdgrp', rol: 'buy' }"
          ></c-ptap>
        </c-col>

        <c-col :span="24">
          <c-col :span="22">
            <el-form-item label="Seller's Total commission percent" prop="lmdgrp.rec.slrcompct">
              <c-input v-model="model.lmdgrp.rec.slrcompct"></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="2" style="text-align: center">
            <label style="display: inline-block; width: 100%">%</label>
          </c-col>
        </c-col>
      </c-col>
    </c-col>

    <!-- S0000048 : Reference -->

    <!-- S0000049 : Name -->

    <!--===============================================================================-->

    <!-- S0000041 : Open Amount -->

    <!-- S0000035 : Buyer -->
    <!-- S0000036 : Ref. -->

    <!--  
    <c-col :span="24">
      <el-form-item label="Buyer Ref." prop="lmdgrp.buy.pts.ref">
        <c-input v-model="model.lmdgrp.buy.pts.ref" maxlength="16"></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="24">
      <el-form-item label="Name of Party" prop="lmdgrp.buy.pts.nam">
        <c-input v-model="model.lmdgrp.buy.pts.nam" maxlength="40"></c-input>
      </el-form-item>
    </c-col>
    -->

    <!-- S0000065 : Date Pre-advised -->

    <!-- S0000038 : Seller -->
    <!-- S0000037 : Ref. -->

    <!--
    <c-col :span="24">
      <el-form-item label="Seller Ref." prop="lmdgrp.slr.pts.ref">
        <c-input v-model="model.lmdgrp.slr.pts.ref" maxlength="16"></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="24">
      <el-form-item label="Name of Party" prop="lmdgrp.slr.pts.nam">
        <c-input v-model="model.lmdgrp.slr.pts.nam" maxlength="40"></c-input>
      </el-form-item>
    </c-col>
    -->

    <!-- S0000040 : Im-Factoror -->
    <!-- S0000039 : Ref. -->

    <!--
    <c-col :span="24">
      <el-form-item label="Im-Factoror Ref." prop="lmdgrp.imf.pts.ref">
        <c-input v-model="model.lmdgrp.imf.pts.ref" maxlength="16"></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="24">
      <el-form-item label="Name of Party" prop="lmdgrp.imf.pts.nam">
        <c-input v-model="model.lmdgrp.imf.pts.nam" maxlength="40"></c-input>
      </el-form-item>
    </c-col>
    -->
    <!-- S0000061 : Net Payment Term -->

    <!-- S0000062 : Grace period -->

    <!-- S0000057 : Primary discount days -->

    <!-- S0000052 : Discount -->

    <!-- S0000060 : % -->
    <!-- S0000063 : Ex-Factoror -->
    <!-- S0000064 : Ref. -->

    <!--
    <c-col :span="24">
      <el-form-item label="Ex-Factoror Ref." prop="lmdgrp.exf.pts.ref">
        <c-input v-model="model.lmdgrp.exf.pts.ref" maxlength="16"></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="24">
      <el-form-item label="%" prop="lmdgrp.exf.pts.nam">
        <c-input v-model="model.lmdgrp.exf.pts.nam" maxlength="40"></c-input>
      </el-form-item>
    </c-col>
    -->
    <!-- S0000058 : Second discount days -->

    <!-- S0000059 : % -->
    <!-- S0000012 : Preliminary credit -->

    <!-- S0000020 : Buyer -->
    <!-- S0000018 : Ref. -->

    <!-- S0000036 : assessment number -->
    <!-- S0000010 : Reply Date -->

    <!-- S0000013 : Approval Amount -->

    <!-- S0000019 : Response Status  -->

    <!-- S0000024 : Buyer account -->

    <!-- S0000031 : Seller's Total   -->

    <!-- S0000035 : % -->
    <!-- S0000025 : Long Credit Period -->

    <!-- S0000027 : Days -->
    <!-- S0000033 : commission percent -->
    <!-- S0000030 : in days -->
    <!-- S0000023 : Reason of Deny -->
  </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>