<template>
  <div class="eibs-tab">
    <!-- ==========左边========= -->
    <c-col :span="11">
      <c-col :span="24">
        <el-form-item label="Reference" prop="trn.ownref" style="width: 100%">
          <c-fullbox>
            <c-input v-model="model.trn.ownref" placeholder=""></c-input>
            <template slot="footer">
              <c-button type="primary">
                <span style="font-family: '宋体'; font-weight: bold">i</span>
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Transaction" prop="recpan.atp.cod">
          <c-fullbox>
            <c-input v-model="model.recpan.atp.cod"></c-input>
            <template slot="footer">
              <c-button type="primary">
                <span style="font-family: '宋体'; font-weight: bold">i</span>
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="24">
          <c-col :span="13">
            <el-form-item label="Relevant Amount" prop="trn.reloricur">
              <c-select
                v-model="model.trn.reloricur"
                style="width: 100%"
                placeholder="请选择汇款金额"
              >
                <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="11">
            <el-form-item
              style="text-align: left"
              label-width="5px"
              prop="trn.reloriamt"
            >
              <c-input-currency
                v-model="model.trn.reloriamt"
                style="text-align: left; width: 100%"
                placeholder="请输入汇款金额"
              ></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="Responsible" prop="trn.usr">
            <c-input v-model="model.trn.usr"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="12">
          <el-form-item label="Group" prop="trn.usg">
            <c-input v-model="model.trn.usg"></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="Based on Ident No" prop="trn.cortrninr">
            <c-input v-model="model.trn.cortrninr"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="Execut.Date" prop="trn.exedat">
            <c-input v-model="model.trn.exedat"></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="Entered by" prop="recpan.cretrs.usr">
            <c-input v-model="model.recpan.cretrs.usr"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="Timestamp" prop="recpan.cretrs.dattim">
            <c-input v-model="model.recpan.cretrs.dattim"></c-input>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col>
    <!--=========右边==========  -->
    <c-col :span="11" :offset="1">
      <c-col :span="24">
        <c-col :span="12">
        <el-form-item label="ident No." prop="" tyle="width:100%">
            <c-fullbox>
            <c-input v-model="model.trn.inr"></c-input>
            <template slot="footer">
            <c-button type="primary"
              ><span style="font-family: '宋体'; font-weight: bold"
                >i</span
              ></c-button>
              </template>
            </c-fullbox>
        </el-form-item>
        </c-col>

        <c-col :span="12">
        <el-form-item label="" prop="">
          <c-input v-model="model.trn.objnam"></c-input>
        </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="24">
        <el-form-item label="" prop="">
          <c-fullbox>
            <c-input v-model="model.recpan.atp.cod"></c-input>
            <template slot="footer">
            <c-button type="primary">details</c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Release Status of Transaction" prop="">
          <c-input v-model="model.trn.relflg"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Signatures Resquired/Obtained" prop="">
          <c-col :span="11">
          <c-input v-model="model.trn.relreq"></c-input>
          </c-col>
          <c-col :span="2"><span>-</span></c-col>
          <c-col :span="11">
          <c-input v-model="model.trn.relres"></c-input>
          </c-col>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="" prop="">
          <c-input type="textarea" v-model="model.recpan.cpltxt"></c-input>
        </el-form-item>
      </c-col>
    </c-col>
    <!-- =============底部============== -->
    <c-col :span="24">
      <c-istream-table :list="stmData.data" :columns="stmData.columns">
        <el-table-column fixed="right" prop="op" label="操作" width="140px">
        </el-table-column>
      </c-istream-table>
    </c-col>

    <c-col :span="24">
     
      <c-col :span="12">
        <el-form-item label="infotext">
        <c-input type="textarea" rows="4"></c-input>
        </el-form-item>
      </c-col>
      
      <c-col :span="12">
        <c-col :span="24">
          <el-form-item label="" prop="">
           <c-button type="primary">
              <span style="font-family: '宋体'; font-weight: bold">...</span>
            </c-button>
           <c-select v-model="model.trn.infdsp" :code="codes.infdsp"></c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Send for repair To" prop="">
            <c-fullbox>
            <c-input v-model="model.recpan.usr.extkey"></c-input>
            <template slot="footer">
              <c-button type="primary">
                <span style="font-family: '宋体'; font-weight: bold">i</span>
              </c-button>
            </template>
            </c-fullbox>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col> 

    <c-col :span="24">
      <c-istream-table :list="stmData1.data" :columns="stmData1.columns">
        <el-table-column fixed="right" prop="op" label="操作" width="140px">
        </el-table-column>
      </c-istream-table>
    </c-col>
    <!-- ==========================================原码================================================== -->
    <!-- <c-col :span="12">
      <c-form-item label="Drag  Drop Sender" prop="recpan.recget.sdamod.dadsnd">
        <c-input
          v-model="model.recpan.recget.sdamod.dadsnd"
          :placeholder="$t('other.please_enter') + 'Drag  Drop Sender'"
        ></c-input>
      </c-form-item>
    </c-col>
    SF000139 : Reference

    <c-col :span="12">
      <c-form-item :label="$t('trnp.S0000194')" prop="trn.ownref">
        <c-input
          v-model="model.trn.ownref"
          maxlength="16"
          :placeholder="$t('other.please_enter') + $t('trnp.S0000194')"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item :label="$t('trnp.SF000139')" prop="recpan.con">
        <c-input
          v-model="model.recpan.con"
          :placeholder="$t('other.please_enter') + $t('trnp.SF000139')"
        ></c-input>
      </c-form-item>
    </c-col>
    SF000182 : Ident No.

    <c-col :span="12">
      <c-form-item :label="$t('trnp.S0000195')" prop="trn.inr">
        <c-input
          v-model="model.trn.inr"
          maxlength="8"
          :placeholder="$t('other.please_enter') + $t('trnp.S0000195')"
        ></c-input>
      </c-form-item>
    </c-col>

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

    <c-col :span="12">
      <c-form-item
        label="External Readable Object Identification"
        prop="trn.objnam"
      >
        <c-input
          v-model="model.trn.objnam"
          maxlength="40"
          :placeholder="
            $t('other.please_enter') + 'External Readable Object Identification'
          "
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onRecpanDet">
        {{ $t("trnp.CF000130") }}
      </c-button>
    </c-col>

    <c-col :span="12">
      <c-form-item label="Drag  Drop Sender" prop="recpan.atpget.sdamod.dadsnd">
        <c-input
          v-model="model.recpan.atpget.sdamod.dadsnd"
          :placeholder="$t('other.please_enter') + 'Drag  Drop Sender'"
        ></c-input>
      </c-form-item>
    </c-col>
    SF000141 : Transaction

    <c-col :span="12">
      <c-form-item label="Transaction  ID" prop="recpan.atp.cod">
        <c-input
          v-model="model.recpan.atp.cod"
          maxlength="6"
          :placeholder="$t('other.please_enter') + 'Transaction  ID'"
        ></c-input>
      </c-form-item>
    </c-col>

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

    <c-col :span="12">
      <c-form-item label="Transaction  ID" prop="recpan.atp.cod">
        <c-input
          v-model="model.recpan.atp.cod"
          maxlength="6"
          :placeholder="$t('other.please_enter') + 'Transaction  ID'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onSyswrnButshw">
        {{ $t("trnp.CF000136") }}
      </c-button>
    </c-col>
    SF000142 : Relevant Amount

    <c-col :span="12">
      <c-form-item :label="$t('trnp.SF000142')" prop="trn.reloricur">
        <c-input
          v-model="model.trn.reloricur"
          maxlength="3"
          :placeholder="$t('other.please_enter') + $t('trnp.SF000142')"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-form-item
        label="Relevant Amount for Release in Original Currency"
        prop="trn.reloriamt"
      >
        <c-input
          v-model="model.trn.reloriamt"
          :placeholder="
            $t('other.please_enter') +
            'Relevant Amount for Release in Original Currency'
          "
        ></c-input>
      </c-form-item>
    </c-col>
    SF000146 : Release Status of Transaction

    <c-col :span="12">
      <el-form-item :label="$t('trnp.SF000146')" prop="trn.relflg">
        <c-select
          v-model="model.trn.relflg"
          style="width: 100%"
          :placeholder="$t('other.please_enter') + $t('trnp.SF000146')"
        >
        </c-select>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onRecpanNotmap">
        {{ $t("trnp.CF000198") }}
      </c-button>
    </c-col>
    SF000140 : Responsible

    <c-col :span="12">
      <c-form-item :label="$t('trnp.SF000140')" prop="trn.usr">
        <c-input
          v-model="model.trn.usr"
          maxlength="8"
          :placeholder="$t('other.please_enter') + $t('trnp.SF000140')"
        ></c-input>
      </c-form-item>
    </c-col>
    SF000149 : Group

    <c-col :span="12">
      <c-form-item label="Responsible Group" prop="trn.usg">
        <c-input
          v-model="model.trn.usg"
          maxlength="6"
          :placeholder="$t('other.please_enter') + 'Responsible Group'"
        ></c-input>
      </c-form-item>
    </c-col>
    SF000143 : Signatures Required/Obtained

    <c-col :span="12">
      <c-form-item :label="$t('trnp.SF000143')" prop="trn.relreq">
        <c-input
          v-model="model.trn.relreq"
          maxlength="3"
          :placeholder="$t('other.please_enter') + $t('trnp.SF000143')"
        ></c-input>
      </c-form-item>
    </c-col>
    SF000144 : /

    <c-col :span="12">
      <c-form-item label="Applied Signatures" prop="trn.relres">
        <c-input
          v-model="model.trn.relres"
          maxlength="3"
          :placeholder="$t('other.please_enter') + 'Applied Signatures'"
        ></c-input>
      </c-form-item>
    </c-col>
    SF000221 : Based on Ident No.

    <c-col :span="12">
      <c-form-item :label="$t('trnp.SF000221')" prop="trn.cortrninr">
        <c-input
          v-model="model.trn.cortrninr"
          maxlength="8"
          :placeholder="$t('other.please_enter') + $t('trnp.SF000221')"
        ></c-input>
      </c-form-item>
    </c-col>
    SF000225 : Execut. Date

    <c-col :span="12">
      <el-form-item label="Execution Date" prop="trn.exedat">
        <c-date-picker
          type="date"
          v-model="model.trn.exedat"
          style="width: 100%"
          :placeholder="$t('other.please_enter') + 'Execution Date'"
        ></c-date-picker>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <span v-text="model.recpan.cpltxt" data-path=".recpan.cpltxt"> </span>
    </c-col>
    SF000224 : Entered by

    <c-col :span="12">
      <c-form-item :label="$t('trnp.SF000224')" prop="recpan.cretrs.usr">
        <c-input
          v-model="model.recpan.cretrs.usr"
          maxlength="8"
          :placeholder="$t('other.please_enter') + $t('trnp.SF000224')"
        ></c-input>
      </c-form-item>
    </c-col>
    SF000228 : Timestamp

    <c-col :span="12">
      <c-form-item label="Timestamp" prop="recpan.cretrs.dattim">
        <c-input
          v-model="model.recpan.cretrs.dattim"
          :placeholder="$t('other.please_enter') + 'Timestamp'"
        ></c-input>
      </c-form-item>
    </c-col>
    SG000253 : 报文标识号

    <c-col :span="12">
      <c-form-item
        label="Send to SOP/CASmf reference"
        prop="recpan.ackgrp.rec.sndref"
      >
        <c-input
          v-model="model.recpan.ackgrp.rec.sndref"
          maxlength="40"
          :placeholder="
            $t('other.please_enter') + 'Send to SOP/CASmf reference'
          "
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <span v-text="model.recpan.spt.sta" data-path=".recpan.spt.sta"> </span>
    </c-col>

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onRecpanButspt">
        {{ $t("trnp.CF000201") }}
      </c-button>
    </c-col>
    SF000145 : Documents

    <c-col :span="12">
      <c-form-item :label="$t('trnp.SF000145')" prop="recpan.smhstm">
        <c-input
          v-model="model.recpan.smhstm"
          :placeholder="$t('other.please_enter') + $t('trnp.SF000145')"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onRecpanInc">
        {{ $t("trnp.CF000135") }}
      </c-button>
    </c-col>

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onRecpanButord">
        {{ $t("trnp.CF000204") }}
      </c-button>
    </c-col>

    <c-col :span="12">
      <span v-text="model.recpan.ord.sta" data-path=".recpan.ord.sta"> </span>
    </c-col>

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onImgmodImage">
        {{ $t("trnp.CG000252") }}
      </c-button>
    </c-col>

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onRecpanIncben">
        {{ $t("trnp.CG000251") }}
      </c-button>
    </c-col>
    SF000138 : Infotext

    <c-col :span="12">
      <c-form-item :label="$t('trnp.SF000138')" prop="trn.inftxt">
        <c-input
          type="textarea"
          v-model="model.trn.inftxt"
          maxlength="65"
          show-word-limit
          :placeholder="$t('other.please_enter') + $t('trnp.SF000138')"
        ></c-input>
      </c-form-item>
    </c-col>

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

    <c-col :span="12">
      <c-button
        size="small"
        type="primary"
        icon="el-icon-search"
        @click="onInftxtButtxmsel"
      >
        {{ $t("trnp.CF000229") }}
      </c-button>
    </c-col>

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onImgmodElcimage">
        {{ $t("trnp.CG000254") }}
      </c-button>
    </c-col>
    SF000148 : Send for Repair to

    <c-col :span="12">
      <c-form-item label="User ID" prop="recpan.usr.extkey">
        <c-input
          v-model="model.recpan.usr.extkey"
          maxlength="8"
          :placeholder="$t('other.please_enter') + 'User ID'"
        ></c-input>
      </c-form-item>
    </c-col>

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

    <c-col :span="12">
      <c-form-item :label="$t('trnp.SF000223')" prop="recpan.trsstm">
        <c-input
          v-model="model.recpan.trsstm"
          :placeholder="$t('other.please_enter') + $t('trnp.SF000223')"
        ></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/Cptrel/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      stmData: {
        columns: [
          "1 1 \"Type\" 160 1 0:0 1 CORTYP",
          "2 2 \"External Key\" 410",
          "3 3 \"Document\" 440",
          "4 4 \"Show\" 140 5 6:1 0 A",
          "5 5 \"GenPDF\" 150 5 6:1 0 B"
        ],
        data: [],
      },
      stmData1: {
        columns: [
          
        ],
        data: [],
      },
    };
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
</style>