<template>
  <div class="eibs">
    <!-- ==================左边================ -->
    <c-col :span="12" style="padding-right: 20px;">
      <c-col :span="24">
        <el-form-item label="Reference" prop="bodgrp.rec.ownref" style="width: 100%">
          <c-fullbox>
            <c-input v-model="model.bodgrp.rec.ownref" maxlength="16" placeholder="Please Enter Reference" style="width: 100%" disabled></c-input>
            <template slot="footer">
              <c-button
                style="margin: 0 10px 0 10px; padding: 0 12px; height: 32px"
                size="small"
                type="primary"
                icon="el-icon-search">
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                :disabled="model.bodgrp.drr.pts.ptainr == ''"
                @click="getBodgrpOwnRef">
                获取
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Invoive Type" prop="bodgrp.rec.invtyp">
          <c-select v-model="model.bodgrp.rec.invtyp" style="width:100%" placeholder="Please Enter Invoice Type" dbCode="INVTYP">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Invoice No." prop="bodgrp.rec.invref">
          <c-input v-model="model.bodgrp.rec.invref" style="width:100%" placeholder="Please Enter Invoice No." maxlength="35" @change="changeInvref">
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24" class="custom-box-wrap">
          <el-form-item label="Document Amount" prop="bodgrp.cbs.max.cur">
            <c-select-cur dbCode="CURTXT"
              placeholder="请选择币种"
              style="width: 115px;"
              v-model="model.bodgrp.cbs.max.cur"
              sort="SRT"
              @change="changeMaxCur"
              ></c-select-cur>
          </el-form-item>
        <div class="box-3">
          <el-form-item label-width="5px" prop="bodgrp.cbs.max.amt">
            <c-input-currency
              :currency="model.bodgrp.cbs.max.cur"
              placeholder="请选择金额"
              style="width: 100%;"
              v-model="model.bodgrp.cbs.max.amt"
              @change="changeMaxAmt"
              ></c-input-currency>
          </el-form-item>
        </div>
      </c-col>

      <c-col :span="24" class="custom-box-wrap">
          <el-form-item label="Open Amount" prop="bodgrp.cbs.opn1.cur">
            <c-select-cur dbCode="CURTXT"
              disabled
              placeholder="请选择币种"
              style="width: 115px;"
              sort="SRT"
              v-model="model.bodgrp.cbs.opn1.cur"
              ></c-select-cur>
          </el-form-item>
        <div class="box-3">
          <el-form-item label-width="5px" prop="bodgrp.cbs.opn1.amt">
            <c-input-currency
              disabled
              :currency="model.bodgrp.cbs.opn1.cur"
              placeholder="请选择金额"
              style="width: 100%;"
              v-model="model.bodgrp.cbs.opn1.amt"
              ></c-input-currency>
          </el-form-item>
        </div>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Order Date" prop="bodgrp.rec.rcvdat">
          <c-date-picker type="date" v-model="model.bodgrp.rec.rcvdat" style="width:100%" placeholder="">
          </c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Date of Shipment" prop="bodgrp.rec.shpdat">
          <c-date-picker type="date" v-model="model.bodgrp.rec.shpdat" style="width:100%" placeholder="" @change="changeShipdate"></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Presentation Date" prop="bodgrp.rec.predat">
          <c-date-picker type="date" v-model="model.bodgrp.rec.predat" style="width:100%" placeholder=""></c-date-picker>
        </el-form-item>
      </c-col>
    </c-col>
    <!-- ============右边================= -->
    <c-col :span="12" style="padding-left: 20px;">
      <c-col :span="24">
        <el-form-item label="Responsible User" prop="bodgrp.rec.ownusr" style="width: 100%">
          <c-fullbox>
            <c-input style="width: 100%" v-model="model.bodgrp.rec.ownusr" maxlength="8" placeholder="" disabled></c-input>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Collection Condition" prop="bodgrp.rec.doctypcod" :rules="(model.isSdh) ? [{required: false}] : [{required: true}]">
          <c-select v-model="model.bodgrp.rec.doctypcod" style="width:100%" placeholder="" dbCode='DOCTYP' :filterKey="['P', 'A','D', 'M']" :isShowKey="false" @change="changeDoctypcod">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="Tenor Specification" prop="bodgrp.rec.matpercnt" :rules="(model.isSdh) ? [{required: false}] :  [{validator: matpercntValidator, trigger: ['change', 'blur']}] ">
            <c-input-number :min="0" :max="999" v-model="model.bodgrp.rec.matpercnt" :step-strictly="true" 
                    @change="changeMatperbeg" placeholder="请输入单据期限" :disabled="model.bodgrp.rec.doctypcod === 'P'"></c-input-number>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="" label-width="10px" prop="bodgrp.rec.matpertyp">
            <c-select v-model="model.bodgrp.rec.matpertyp" style="width: 100%" placeholder="请选择" 
                      dbCode="MATPER" :filterKey="['D']" uil="EN"
                      disabled></c-select>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Starting From" prop="bodgrp.rec.matperbeg">
          <c-select v-model="model.bodgrp.rec.matperbeg" style="width:100%" @change="changeMatperbeg" placeholder="" dbCode="MATBEG" :isShowKey="false" uil="EN" :disabled="model.bodgrp.rec.doctypcod === 'P'">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Tenor Details Text" prop="bodgrp.blk.bogdet">
          <c-input type="textarea" :disabled="model.bodgrp.rec.doctypcod === 'P'" :autosize="{ minRows: 1, maxRows: 2}" maxlength="86" placeholder="请输入到期文本" show-word-limit v-model="model.bodgrp.blk.bogdet">
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Maturity Date" prop="bodgrp.rec.matdat">
          <c-date-picker type="date" v-model="model.bodgrp.rec.matdat" style="width:100%" :disabled="model.bodgrp.rec.doctypcod === 'P'" placeholder=""></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24" style="width:100%">
        <el-form-item label="Defer Payment Until" prop="bodgrp.rec.othins">
          <c-select v-model="model.bodgrp.rec.othins" style="width:100%" placeholder="" dbCode='BCOTHI'>
          </c-select>
        </el-form-item>
      </c-col>

      <!-- <c-col :span="12">
        <el-form-item label="适用业务类型" prop="appbt">
          <c-select v-model="model.appbt" style="width: 100%" :code="apptp">
          </c-select>
        </el-form-item>
      </c-col> -->

      <c-col :span="12">
        <el-form-item label-width="120px">
          <c-checkbox class="checkbox-left"  true-label="X" false-label="" v-model="model.bodgrp.rec.focflg">Free of Payment</c-checkbox>
        </el-form-item>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import event from "../event";
import Utils from "~/utils";

export default {
  components: {},
  inject: ["root"],
  props: ["model", "codes", "rules"],
  mixins: [event],
  data() {
    return {
      flag1: false,
      flag2: false,
      flag3: false,
      codeTable2: [
        { label: "金(含金饰品)", value: "001" },
        { label: "银(含银饰品)", value: "002" },
        { label: "铜(含电解铜、铜制品及铜精矿)", value: "003" },
        { label: "铝(含电解铝、铝矾土及铝制品)", value: "004" },
        { label: "锌(含电解锌、锌精矿)", value: "005" },
        { label: "铁砂矿(含精矿)", value: "006" },
        { label: "其他金属", value: "007" },
        { label: "大豆", value: "008" },
        { label: "玉米", value: "009" },
        { label: "原油", value: "010" },
        { label: "食用油(含棕榈油)", value: "011" },
        { label: "煤", value: "013" },
        { label: "其他", value: "099" }
      ],
      newValue: {
        id: 0,
        cmail1: "",
        cmail2: "",
        docnam: "",
        description: "",
        serialNum: "",
        tableName: "",
        tcddoc: ""
      },
      // apptp: [
      //   { label: "货物贸易", value: "01" },
      //   { label: "服务贸易", value: "02" },
      //   { label: "收益与经常转移", value: "03" },
      //   { label: "境外直接投资", value: "04" },
      //   { label: "境内直接投资", value: "05" },
      //   { label: "跨境担保", value: "06" },
      //   { label: "企业境外放款", value: "07" },
      //   { label: "外债", value: "08" },
      //   { label: "境外贷款", value: "09" },
      //   { label: "国际贸易融资", value: "10" },
      // ],
    };
  },

  watch: {
  },
  methods: {
  },
  computed: {
  },
  created() {}
};
</script>
<style>
/* .messageLabel >>> .el-form-item__label {
  text-align: left;
  font-weight: bold;
  font-size: 12px;
} */
</style>