<template>
  <div class="eibs-tab">
    <!-- SF001031 : Confirmation Status -->
    <!-- SF000895 : Received Confirmation Instructions: -->

    <c-col :span="12">
      <el-form-item :label="$t('gitp.SF000888')" prop="gidgrp.rec.cnfsta">
        <c-select
          v-model="model.gidgrp.rec.cnfsta"
          style="width: 100%"
          :placeholder="$t('other.please_enter') + $t('gitp.SF000888')"
        >
        </c-select>
      </el-form-item>
    </c-col>
    <!-- SF000894 : Outgoing Confirmation Instructions: -->
    <!-- SF001030 : Confirmation Amount -->
    <!-- SF000896 : Confirm. Instr. -->

    <c-col :span="12">
      <el-form-item :label="$t('gitp.SF000896')" prop="gidgrp.rec.reccnfdet">
        <c-select
          v-model="model.gidgrp.rec.reccnfdet"
          style="width: 100%"
          :placeholder="$t('other.please_enter') + $t('gitp.SF000896')"
        >
        </c-select>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item :label="$t('gitp.SF000890')" prop="gidgrp.cbs.cnf.cur">
        <c-input
          v-model="model.gidgrp.cbs.cnf.cur"
          maxlength="3"
          :placeholder="$t('other.please_enter') + $t('gitp.SF000890')"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="Balance" prop="gidgrp.cbs.cnf.amt">
        <c-input
          v-model="model.gidgrp.cbs.cnf.amt"
          :placeholder="$t('other.please_enter') + 'Balance'"
        ></c-input>
      </c-form-item>
    </c-col>
    <!-- SF001032 : or -->

    <c-col :span="12">
      <c-form-item label="Partial Confirmation" prop="gidgrp.rec.partcon">
        <c-input
          v-model="model.gidgrp.rec.partcon"
          :placeholder="$t('other.please_enter') + 'Partial Confirmation'"
        ></c-input>
      </c-form-item>
    </c-col>
    <!-- SF000729 : Confirm. Instr. -->
    <!-- SF001033 : % -->

    <c-col :span="12">
      <el-form-item :label="$t('gitp.SF000729')" prop="gidgrp.rec.cnfdet">
        <c-select
          v-model="model.gidgrp.rec.cnfdet"
          style="width: 100%"
          :placeholder="$t('other.please_enter') + $t('gitp.SF000729')"
        >
        </c-select>
      </el-form-item>
    </c-col>
    <!-- SF001034 : Confirmed on -->
    <!-- SF001077 : Confirm. Bank Ref. -->

    <c-col :span="12">
      <el-form-item :label="$t('gitp.SF000889')" prop="gidgrp.rec.cnfdat">
        <c-date-picker
          type="date"
          v-model="model.gidgrp.rec.cnfdat"
          style="width: 100%"
          :placeholder="$t('other.please_enter') + $t('gitp.SF000889')"
        ></c-date-picker>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item :label="$t('gitp.SF001077')" prop="gidgrp.cnr.pts.ref">
        <c-input
          v-model="model.gidgrp.cnr.pts.ref"
          maxlength="16"
          :placeholder="$t('other.please_enter') + $t('gitp.SF001077')"
        ></c-input>
      </c-form-item>
    </c-col>
    <!-- SF001078 : Confirm. Bank Ref.  -->

    <c-col :span="12">
      <c-form-item :label="$t('gitp.SF001078')" prop="gidgrp.con.pts.ref">
        <c-input
          v-model="model.gidgrp.con.pts.ref"
          maxlength="16"
          :placeholder="$t('other.please_enter') + $t('gitp.SF001078')"
        ></c-input>
      </c-form-item>
    </c-col>
    <!-- SF000898 : Confirming Bank -->

    <c-col :span="12">
      <c-form-item
        label="Drag  Drop Sender"
        prop="gitp.cnrp.ptsget.sdamod.dadsnd"
      >
        <c-input
          v-model="model.gitp.cnrp.ptsget.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="External Key of Address" prop="gidgrp.cnr.pts.extkey">
        <c-input
          v-model="model.gidgrp.cnr.pts.extkey"
          maxlength="16"
          :placeholder="$t('other.please_enter') + 'External Key of Address'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="" prop="gitp.cnrp.ptsget.sdamod.seainf">
        <c-input
          v-model="model.gitp.cnrp.ptsget.sdamod.seainf"
          :placeholder="$t('other.please_enter') + ''"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onCnrpDet">
        {{ $t("ptsp.CF000081") }}
      </c-button>
    </c-col>
    <!-- SF000730 : Confirming Bank -->

    <c-col :span="12">
      <c-form-item label="名称" prop="gidgrp.cnr.namelc">
        <c-input
          type="textarea"
          v-model="model.gidgrp.cnr.namelc"
          maxlength="35"
          show-word-limit
          :placeholder="$t('other.please_enter') + '名称'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="Address Block" prop="gidgrp.cnr.pts.adrblk">
        <c-input
          type="textarea"
          v-model="model.gidgrp.cnr.pts.adrblk"
          maxlength="35"
          show-word-limit
          :placeholder="$t('other.please_enter') + 'Address Block'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="Chinese address" prop="gidgrp.cnr.dbfadrblkcn">
        <c-input
          type="textarea"
          v-model="model.gidgrp.cnr.dbfadrblkcn"
          maxlength="35"
          show-word-limit
          :placeholder="$t('other.please_enter') + 'Chinese address'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item label="地址" prop="gidgrp.cnr.adrelc">
        <c-input
          type="textarea"
          v-model="model.gidgrp.cnr.adrelc"
          maxlength="35"
          show-word-limit
          :placeholder="$t('other.please_enter') + '地址'"
        ></c-input>
      </c-form-item>
    </c-col>
    <!-- SF000887 : Own confirmation details: -->
    <!-- SF000888 : Confirmation Status  -->
    <!-- SF000890 : Confirmation Amount -->
    <!-- SF000892 : or -->
    <!-- SF000893 : % -->
    <!-- SF000889 : Confirmation Date -->
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Gitame/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {};
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
</style>