<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" maxlength="16" disabled></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="Maximum Amount" prop="lmdgrp.cbs.max.cur">
              <c-select v-model="model.lmdgrp.cbs.max.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="lmdgrp.cbs.max.amt" label-width="0">
              <c-input-currency
                v-model="model.lmdgrp.cbs.max.amt"
                :currency="model.lmdgrp.cbs.max.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="Contact Name" prop="lmdgrp.rec.connam">
            <c-input v-model="model.lmdgrp.rec.connam" maxlength="35"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Service Required" prop="lmdgrp.rec.bustyp">
            <c-select v-model="model.lmdgrp.rec.bustyp" style="width: 100%" dbCode="bustp2"></c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="%" prop="lmdgrp.rec.buynum">
            <c-input v-model="model.lmdgrp.rec.buynum" maxlength="35"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-col :span="12">
            <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="12">
            <el-form-item label="the first Discount rate" prop="lmdgrp.rec.disrat1">
              <c-input v-model="model.lmdgrp.rec.disrat1"></c-input>
            </el-form-item>
          </c-col>
        </c-col>
        <c-col :span="24">
          <c-col :span="12">
            <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="12">
            <el-form-item label="the  Second Discount rate" prop="lmdgrp.rec.disrat2">
              <c-input v-model="model.lmdgrp.rec.disrat2"></c-input>
            </el-form-item>
          </c-col>
        </c-col>
        <c-col :span="24">
          <c-col :span="16">
            <el-form-item
              label="the max discount currency"
              prop="lmdgrp.rec.cur"
            >
              <c-select
                v-model="model.lmdgrp.rec.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="lmdgrp.rec.amt" label-width="0">
              <c-input-currency
                v-model="model.lmdgrp.rec.amt"
                :currency="model.lmdgrp.rec.cur"
              ></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>
        <c-col :span="24">
          <el-form-item label="the max discount rate" prop="lmdgrp.rec.dismaxrat">
            <c-input v-model="model.lmdgrp.rec.dismaxrat"></c-input>
          </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  dates" 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="Request Number" prop="lmdgrp.rec.reqnum">
            <c-input v-model="model.lmdgrp.rec.reqnum" maxlength="35"></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">
          <el-form-item label="Responsible User" prop="lmtp.usr.extkey">
            <c-input v-model="model.lmtp.usr.extkey" maxlength="8"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">                  
          <c-ptap
            :model="model"
            :argadr="{ title: 'Import Factor', grp: 'lmdgrp', rol: 'imf' }"
          ></c-ptap>                 
        </c-col>
        <c-col :span="24">                  
          <c-ptap
            :model="model"
            :argadr="{ title: 'Export Factor', grp: 'lmdgrp', rol: 'exf' }"
          ></c-ptap>                
        </c-col>
        <c-col :span="24">
          <c-col :span="24">
            <c-ptap
              :model="model"
              :argadr="{ title: 'Seller', grp: 'lmdgrp', rol: 'eag' }"
            ></c-ptap>
          </c-col>
        </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>