<template>
  <div class="eibs">
    <!-- ================= 左 ================== -->
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <el-form-item label="Document Reference" prop="brdgrp.rec.ownref">
          <c-fullbox>
            <c-input disabled v-model="model.brdgrp.rec.ownref" maxlength="16" placeholder="请获取单据编号"></c-input>
            <template slot="footer">
              <c-button
                style="margin: 0 10px 0 10px; padding: 0 12px"
                size="small"
                type="primary"
                icon="el-icon-search">
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                @click="getBrdgrpOwnRef"
                :disabled="model.brdgrp.rec.ownref !== ''">
                获取
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Document Type" prop="brdgrp.rec.docflg">
          <c-select dbCode="brdtyp" v-model="model.brdgrp.rec.docflg" style="width: 100%" disabled> </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24" class="custom-box-wrap">
        <el-form-item label="Document Amount" prop="brdgrp.cbs.max.cur">
          <c-select-cur
            dbCode="curtxt"
            disabled
            placeholder="请选择币种"
            style="width: 115px"
            v-model="model.brdgrp.cbs.max.cur">
          </c-select-cur>
        </el-form-item>
        <div class="box-3">
          <el-form-item label-width="5px" prop="brdgrp.cbs.max.amt">
            <c-input-currency
              :currency="model.brdgrp.cbs.max.cur"
              placeholder="请输入金额"
              v-model="model.brdgrp.cbs.max.amt"
              @change="onMaxmatChange"></c-input-currency>
          </el-form-item>
        </div>
      </c-col>
      <c-col :span="24" class="custom-box-wrap">
        <el-form-item label="Drawn Add. Amount" prop="brdgrp.cbs.max2.cur">
          <c-select-cur
            dbCode="curtxt"
            disabled
            placeholder="请选择币种"
            style="width: 115px"
            v-model="model.brdgrp.cbs.max2.cur">
          </c-select-cur>
        </el-form-item>
        <div class="box-3">
          <el-form-item label-width="5px" prop="brdgrp.cbs.max2.amt">
            <c-input-currency
              :currency="model.brdgrp.cbs.max2.cur"
              placeholder="请输入金额"
              v-model="model.brdgrp.cbs.max2.amt"
              @change="onMax2Change"></c-input-currency>
          </el-form-item>
        </div>
      </c-col>

      <c-col v-if="!this.isInfo" :span="24">
        <el-form-item label="申报类型" prop="szflg">
          <c-select v-model="model.szflg" style="width: 100%" dbCode="szflg" @change="onSzflgChange"> </c-select>
        </el-form-item>
      </c-col>
      <c-col v-if="!this.isInfo" :span="24">
        <el-form-item
          label="款项去向"
          prop="acttyp"
          :rules="[{ required: this.model.szflg === '1', message: '必输项' }]">
          <c-select
            :disabled="this.model.szflg != '1'"
            v-model="model.acttyp"
            dbCode="acttyp"
            :filterKey="['(JW)', '(JN)']"></c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Country or Region Code" prop="brtp.countrycode">
          <c-business-cty
            customModifykey="ctycod"
            v-model="model.brtp.countrycode"
            placeholder="请选择国家/地区代码"></c-business-cty>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Tenor day" prop="brdgrp.rec.tenmaxday">
          <c-input v-model="model.brdgrp.rec.tenmaxday" disabled></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="最迟送达日期" prop="zcsdrq">
          <c-date-picker type="date" v-model="model.zcsdrq" style="width: 100%"></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="Document Set Status" prop="brdgrp.rec.docsta">
          <c-select
            disabled
            dbCode="stadoc"
            v-model="model.brdgrp.rec.docsta"
            style="width: 100%"
            placeholder="请输入单据状态"></c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Previous Drawings under this L/C" prop="lidgrp.rec.utlnbr">
          <c-input disabled v-model="model.lidgrp.rec.utlnbr" placeholder="请输入单据份数"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Received on" prop="brdgrp.rec.rcvdat">
          <c-date-picker
            type="date"
            v-model="model.brdgrp.rec.rcvdat"
            style="width: 100%"
            placeholder="请选择收单日期"
            @change="fillDocstaByChange"></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Present. Date" prop="brdgrp.rec.predat">
          <c-date-picker
            type="date"
            v-model="model.brdgrp.rec.predat"
            style="width: 100%"
            placeholder="请选择寄单日期"></c-date-picker>
        </el-form-item>
      </c-col>
      
      <c-col :span="24">
        <el-form-item label="Shipped on" prop="brdgrp.rec.shpdat">
          <c-date-picker
            type="date"
            v-model="model.brdgrp.rec.shpdat"
            style="width: 100%"
            placeholder="请选择装船日期"></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="Start Date"
          prop="brdgrp.rec.stadat"
          :rules="[{ required: this.model.brdgrp.rec.docflg !== 'P', message: '必输项' }]">
          <c-date-picker
            type="date"
            v-model="model.brdgrp.rec.stadat"
            style="width: 100%"
            @change="calcMatdat"></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-col :span="22">
          <el-form-item
            label="Maturity Period"
            prop="brdgrp.blk.matper"
            :rules="[
              {
                required:
                  this.model.brdgrp.blk.matper === '' &&
                  this.model.brdgrp.rec.matdat === '' &&
                  this.model.brdgrp.rec.docflg !== 'P',
                message: '必输项',
              },
            ]">
            <c-input
              :rows="1"
              type="textarea"
              v-model="model.brdgrp.blk.matper"
              maxlength="65"
              placeholder="请输入到期期限"
              @change="calcMatdat"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="1" style="margin-left: -120px">
          <el-form-item label="days"> </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="Maturity Date"
          prop="brdgrp.rec.matdat"
          :rules="[
            {
              required:
                this.model.brdgrp.blk.matper === '' &&
                this.model.brdgrp.rec.matdat === '' &&
                this.model.brdgrp.rec.docflg !== 'P',
              message: '必输项',
            },
          ]">
          <c-date-picker
            type="date"
            v-model="model.brdgrp.rec.matdat"
            style="width: 100%"
            placeholder="请选择付款期限"
            disabled></c-date-picker>
        </el-form-item>
      </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";
import moment from "moment";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess, Event],
  data() {
    return {
      ptsaddg: {
        columns: [
          {
            title: "角色",
            width: "120px",
            dataIndex: "rol",
            show: "select",
          },
          {
            title: "当事人",
            width: "180px",
            dataIndex: "ptyextkey",
            show: "input",
          },
          {
            title: "名称",
            width: "250px",
            dataIndex: "nam",
          },
          {
            title: "参考号",
            width: "250px",
            dataIndex: "ref",
          },
        ],
        urls: "litp.ptsaddp.ptsaddg",
      },
    };
  },
  methods: {
    onSzflgChange() {
      if (this.model.szflg != "1") {
        this.model.acttyp = "";
      }
    },

    onMaxmatChange() {
      let cbb = this.model.brdgrp.cbs.max;
      this.model.brdgrp.rec.nam = cbb.cur + " " + cbb.amt + " " + this.model.brdgrp.apl.pts.nam;
      if (Number(this.model.brdgrp.cbs.max.amt) === 0) {
        this.model.brdgrp.cbs.max.amt = this.model.lidgrp.cbs.opn1.amt;
      }
    },
    onMax2Change() {
      if (Number(this.model.brdgrp.cbs.max2.amt) > 0) {
        this.model.swiadd.addamtflg = "X";
      } else {
        this.model.swiadd.addamtflg = "";
      }
    },
    calcMatdat() {
      if (
        this.model.brdgrp.rec.stadat !== null &&
        this.model.brdgrp.rec.stadat !== "" &&
        this.model.brdgrp.blk.matper !== null &&
        this.model.brdgrp.blk.matper !== ""
      ) {
        this.model.brdgrp.rec.matdat = moment(new Date(this.model.brdgrp.rec.stadat))
          .add(Number(this.model.brdgrp.blk.matper), "days")
          .format("YYYY-MM-DD");
      } else if (
        this.model.brdgrp.rec.stadat !== null &&
        this.model.brdgrp.rec.stadat !== "" &&
        this.model.brdgrp.blk.matper === ""
      ) {
        this.model.brdgrp.rec.matdat = this.model.brdgrp.rec.stadat;
      } else {
        this.model.brdgrp.rec.matdat = "";
      }
    },
  },
  created: function () {},
  watch: {
    "model.brdgrp": {
      immediate: true,
      deep: true,
      handler(val, oldval) {
        if (this.model.brdgrp.blk.docdisflg !== "X") {
          this.fillDocdis();
        }
      },
    },
  },
};
</script>
<style></style>