<template>
  <div class="eibs-tab">
    <!-- ====================左边======================= -->
    <c-col :span="11">
      <c-col :span="24">
        <el-form-item label="Our Reference" prop="ccdgrp.rec.ownref">
          <c-fullbox>
            <c-input
              v-model="model.ccdgrp.rec.ownref"
              maxlength="8"
              placeholder="请输入Our Reference"
              disabled
            ></c-input>
            <template slot="footer">
              <c-button
                size="small"
                type="primary"
                disabled
              >
                <span style="font-family: '宋体'; font-weight: bold">i</span>
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <!-- <c-col :span="2">
        <c-button
          style="margin: 0 12px 0 14px; padding: 0 12px"
          size="small"
          type="primary"
          disabled
        >
          <span style="font-family: '宋体'; font-weight: bold">i</span>
        </c-button>
      </c-col> -->

      <c-col :span="12">
        <el-form-item label="Currency" prop="ccdgrp.cbs.max.cur">
          <c-select
            v-model="model.ccdgrp.cbs.max.cur"
            style="width: 100%"
            placeholder="请选择Currency"
            disabled
          >
            <el-option
              v-for="item in codes.curtxt1"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item
          style="text-align: left"
          label-width="20px"
          prop="ccdgrp.cbs.max.amt"
        >
          <c-input-currency
            v-model="model.ccdgrp.cbs.max.amt"
            style="text-align: left; width: 100%"
            placeholder="请输入"
            @keyup.enter.native="
              defaultFunction('ccdgrp.cbs.max.amt', model.ccdgrp.cbs.max.amt)
            "
            disabled
          ></c-input-currency>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="Currency" prop="ccdgrp.cbs.opn1.cur">
          <c-select
            disabled
            v-model="model.ccdgrp.cbs.opn1.cur"
            style="width: 100%"
            placeholder="请选择Currency"
          >
            <el-option
              v-for="item in codes.curtxt1"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item
          style="text-align: left"
          label-width="20px"
          prop="ccdgrp.cbs.opn1.amt"
        >
          <c-input-currency
            v-model="model.ccdgrp.cbs.opn1.amt"
            style="text-align: left; width: 100%"
            placeholder="请输入"
            @keyup.enter.native="
              defaultFunction('ccdgrp.cbs.opn1.amt', model.ccdgrp.cbs.opn1.amt)
            "
            disabled
          ></c-input-currency>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Date of Draft" prop="ccdgrp.rec.chkdat">
          <c-date-picker
            type="date"
            v-model="model.ccdgrp.rec.chkdat"
            style="width: 100%"
            placeholder="请选择Date of Draft"
            disabled
          ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Form of Clean Coll." prop="ccdgrp.rec.ccform">
          <c-select
            v-model="model.ccdgrp.rec.ccform"
            style="width: 100%"
            placeholder="请选择Form of Clean Coll."
            :code="codes.ccform"
            disabled
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Payment Disposition " prop="ccdgrp.rec.purflg">
          <c-select
            v-model="model.ccdgrp.rec.purflg"
            style="width: 100%"
            placeholder="请选择Payment Disposition "
            :code="codes.purflg"
            disabled
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24" style="height: 24px; margin-top: 20px">
        <el-form-item label="Settle Tenor:" class="messageLabel"></el-form-item>
      </c-col>
      <c-col :span="24" style="margin-bottom: 35px">
        <c-istream-table
          label="Settle Tenor"
          ref="table"
          :list="model.liaall.tenstm.rows || []"
          :columns="stmData.columns"
          :showSelection="true"
          v-on:multipleSelect="multipleSelect"
          prop="liaall.tenstm"
        >
        </c-istream-table>
      </c-col>

      <c-col :span="12">
        <el-form-item label="Amount settled" prop="setmod.doccur">
          <c-select
            disabled
            v-model="model.setmod.doccur"
            style="width: 100%"
            placeholder="请选择Amount settled"
          >
            <el-option
              v-for="item in codes.curtxt1"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item
          style="text-align: left"
          label-width="20px"
          prop="setmod.docamt"
        >
          <c-input-currency
            v-model="model.setmod.docamt"
            style="text-align: left; width: 100%"
            placeholder="请输入"
          ></c-input-currency>
        </el-form-item>
      </c-col>
    </c-col>

    <!-- ====================右边======================= -->
    <c-col :span="11" :offset="1">
      <c-col :span="24">
        <el-form-item label="Name" prop="ccdgrp.rec.nam">
          <c-input
            v-model="model.ccdgrp.rec.nam"
            maxlength="40"
            placeholder="请输入Name"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Presenter Draft Nb." prop="ccdgrp.pre.pts.ref">
          <c-input
            v-model="model.ccdgrp.pre.pts.ref"
            maxlength="40"
            placeholder="请输入Presenter Draft Nb."
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="" prop="ccdgrp.pre.pts.nam">
          <c-input
            v-model="model.ccdgrp.pre.pts.nam"
            maxlength="40"
            placeholder="请输入"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Drawn on Bank Ref." prop="ccdgrp.dro.pts.ref">
          <c-input
            v-model="model.ccdgrp.dro.pts.ref"
            maxlength="40"
            placeholder="请输入Drawn on Bank Ref."
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="" prop="ccdgrp.dro.pts.nam">
          <c-input
            v-model="model.ccdgrp.dro.pts.nam"
            maxlength="40"
            placeholder="请输入"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Collecting Bank Ref." prop="ccdgrp.col.pts.ref">
          <c-input
            v-model="model.ccdgrp.col.pts.ref"
            maxlength="40"
            placeholder="请输入Collecting Bank Ref."
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="" prop="ccdgrp.col.pts.nam">
          <c-input
            v-model="model.ccdgrp.col.pts.nam"
            maxlength="40"
            placeholder="请输入"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="" prop="ccdgrp.rec.frepayflg">
          <c-checkbox v-model="model.ccdgrp.rec.frepayflg"
            >Free of Payment</c-checkbox
          >
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="Reduction Amt." prop="setmod.doccur">
          <c-select
            disabled
            v-model="model.setmod.doccur"
            style="width: 100%"
            placeholder="请选择Currency"
          >
            <el-option
              v-for="item in codes.curtxt1"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item
          style="text-align: left"
          label-width="5px"
          prop="setmod.redamt"
        >
          <c-input-currency
            :disabled="model.ccdgrp.rec.frepayflg == 'X'"
            v-model="model.setmod.redamt"
            style="text-align: left; width: 100%"
            placeholder="请输入Reduction Amt"
            @change="change"
          ></c-input-currency>
        </el-form-item>
      </c-col>
    </c-col>

    <!-- <c-col :span="12">
        <c-form-item label="Drag  Drop Sender" prop="cctp0.recget.sdamod.dadsnd">
            <c-input  v-model="model.cctp0.recget.sdamod.dadsnd"  :placeholder="$t('other.please_enter')+'Drag  Drop Sender'"></c-input>
        </c-form-item>
       </c-col>
                 
                  
       <c-col :span="12">
        <c-form-item label="Name of CC contract" prop="ccdgrp.rec.nam">
            <c-input  v-model="model.ccdgrp.rec.nam" maxlength="40"  :placeholder="$t('other.please_enter')+'Name of CC contract'"></c-input>
        </c-form-item>
       </c-col>
               
                  
       <c-col :span="12">
        <c-form-item :label="$t('cctp0.S0000002')" prop="ccdgrp.rec.ownref">
            <c-input  v-model="model.ccdgrp.rec.ownref" maxlength="16"  :placeholder="$t('other.please_enter')+$t('cctp0.S0000002')"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="" prop="cctp0.recget.sdamod.seainf">
            <c-input  v-model="model.cctp0.recget.sdamod.seainf"  :placeholder="$t('other.please_enter')+''"></c-input>
        </c-form-item>
       </c-col>
            
                  
       <c-col :span="12">
        <el-form-item :label="$t('cctp0.S0000005')" prop="ccdgrp.cbs.max.cur">
            <c-select v-model="model.ccdgrp.cbs.max.cur" style="width:100%" :placeholder="$t('other.please_enter')+$t('cctp0.S0000005')">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item :label="$t('cctp0.S0000005')" prop="ccdgrp.cbs.max.amt">
            <c-input  v-model="model.ccdgrp.cbs.max.amt"  :placeholder="$t('other.please_enter')+$t('cctp0.S0000005')"></c-input>
        </c-form-item>
       </c-col>
                 
                  
       <c-col :span="12">
        <c-form-item :label="$t('cctp0.S0000013')" prop="ccdgrp.pre.pts.ref">
            <c-input  v-model="model.ccdgrp.pre.pts.ref" maxlength="16"  :placeholder="$t('other.please_enter')+$t('cctp0.S0000013')"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Name of Party" prop="ccdgrp.pre.pts.nam">
            <c-input  v-model="model.ccdgrp.pre.pts.nam" maxlength="40"  :placeholder="$t('other.please_enter')+'Name of Party'"></c-input>
        </c-form-item>
       </c-col>
                 
                  
       <c-col :span="12">
        <el-form-item :label="$t('cctp0.S0000007')" prop="ccdgrp.cbs.opn1.cur">
            <c-select v-model="model.ccdgrp.cbs.opn1.cur" style="width:100%" :placeholder="$t('other.please_enter')+$t('cctp0.S0000007')">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item :label="$t('cctp0.S0000007')" prop="ccdgrp.cbs.opn1.amt">
            <c-input  v-model="model.ccdgrp.cbs.opn1.amt"  :placeholder="$t('other.please_enter')+$t('cctp0.S0000007')"></c-input>
        </c-form-item>
       </c-col>
                 
                  
       <c-col :span="12">
        <c-form-item :label="$t('cctp0.S0000015')" prop="ccdgrp.dro.pts.ref">
            <c-input  v-model="model.ccdgrp.dro.pts.ref" maxlength="16"  :placeholder="$t('other.please_enter')+$t('cctp0.S0000015')"></c-input>
        </c-form-item>
       </c-col>
             
                  
       <c-col :span="12">
        <el-form-item :label="$t('cctp0.S0000009')" prop="ccdgrp.rec.chkdat">
            <c-date-picker type="date"  v-model="model.ccdgrp.rec.chkdat" style="width:100%"  :placeholder="$t('other.please_enter')+$t('cctp0.S0000009')"></c-date-picker>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Name of Party" prop="ccdgrp.dro.pts.nam">
            <c-input  v-model="model.ccdgrp.dro.pts.nam" maxlength="40"  :placeholder="$t('other.please_enter')+'Name of Party'"></c-input>
        </c-form-item>
       </c-col>
              
       <c-col :span="12">
        <c-form-item :label="$t('cctp0.S0000010')" prop="ccdgrp.rec.ccform">
            <c-input  v-model="model.ccdgrp.rec.ccform" maxlength="1"  :placeholder="$t('other.please_enter')+$t('cctp0.S0000010')"></c-input>
        </c-form-item>
       </c-col>
                
       <c-col :span="12">
        <c-form-item :label="$t('cctp0.S0000017')" prop="ccdgrp.col.pts.ref">
            <c-input  v-model="model.ccdgrp.col.pts.ref" maxlength="16"  :placeholder="$t('other.please_enter')+$t('cctp0.S0000017')"></c-input>
        </c-form-item>
       </c-col>
        
                  
       <c-col :span="12">
        <c-form-item :label="$t('cctp0.S0000011')" prop="ccdgrp.rec.purflg">
            <c-input  v-model="model.ccdgrp.rec.purflg" maxlength="1"  :placeholder="$t('other.please_enter')+$t('cctp0.S0000011')"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Name of Party" prop="ccdgrp.col.pts.nam">
            <c-input  v-model="model.ccdgrp.col.pts.nam" maxlength="40"  :placeholder="$t('other.please_enter')+'Name of Party'"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
	    <c-checkbox v-model="model.ccdgrp.rec.frepayflg">{{$t('cctset.C0000005')}}</c-checkbox>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Tenor Stream" prop="liaall.tenstm">
            <c-input  v-model="model.liaall.tenstm"  :placeholder="$t('other.please_enter')+'Tenor Stream'"></c-input>
        </c-form-item>
       </c-col>
                 
                  
       <c-col :span="12">
        <c-form-item label="Reduction Amount" prop="setmod.redamt">
            <c-input  v-model="model.setmod.redamt"  :placeholder="$t('other.please_enter')+'Reduction Amount'"></c-input>
        </c-form-item>
       </c-col>
                 
       <c-col :span="12">
        <el-form-item label="document currency" prop="setmod.doccur">
            <c-select v-model="model.setmod.doccur" style="width:100%" :placeholder="$t('other.please_enter')+'document currency'">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item :label="$t('cctset.S0000006')" prop="setmod.docamt">
            <c-input  v-model="model.setmod.docamt"  :placeholder="$t('other.please_enter')+$t('cctset.S0000006')"></c-input>
        </c-form-item>
       </c-col> -->
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Cctset/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      stmData: {
        columns: [
          '1 1 "Type" 80',
          '2 2 "Dbt" 80',
          '3 3 "Cdt" 80',
          '4 4 "Cur" 80',
          '5 5 "Amt" 110 2 8 1 4',
          {
            index: 6,
            position: 6,
            width: 110,
            render: (item, scope) => {
              return scope.row[item.prop] === "null"
                ? ""
                : scope.row[item.prop];
            },
            label: "Mat.Dat.",
          },
        ],
        data: [],
      },
    };
  },
  methods: {
    ...Event,
    async change() {
      if (this.model.ccdgrp.rec.frepayflg === "X") {
        this.model.setmod.redamt = this.model.setmod.docamt;
      } else {
        this.model.setmod.redamt = "0.00";
      }
    },

    async multipleSelect(selection) {
      if (selection.length > 1) {
        this.$notify({
          title: "error",
          message: "You cannot select more than one tenor",
          type: "error",
        });
      } else {
        let chkIds;
        if (selection.length === 0) {
          chkIds = [];
          this.model.liaall.tensetstm.rows = [];
          this.model.setmod.docamt = "0.00";
        } else {
          chkIds = [selection[0] + 1];
          this.model.setmod.docamt = this.model.ccdgrp.cbs.max.amt;
        }
        console.log(this.model.liaall.tensetstm);
        let params = { chkDst: "liaall.tenstm", chkIds };
        console.log(params);
        const rtnmsg = await this.executeRule("liaall.tenstm", params);
        console.log(rtnmsg);
        if (rtnmsg.respCode == SUCCESS) {
          this.updateModel(rtnmsg.data);
        } else {
          this.$notify.error({ title: "错误", message: "服务请求失败！" });
        }
      }
    },
  },
  created: function () {},
};
</script>
<style>
</style>