<template>
  <div class="eibs-tab">
    <c-row>
      <c-col :span="24" style="padding: 0 0 10px 0">
        <c-button size="small" type="primary" @click="onInfbutSearow">
          Search
        </c-button>
        <c-button size="small" type="primary" @click="onInfbutDsp">
          Display
        </c-button>
        <c-button size="small" type="primary" @click="onInfbutUserow">
          Use
        </c-button>
        <c-button size="small" type="primary" @click="onInfbutClr">
          Clear
        </c-button>
        <c-button size="small" type="primary" @click="onInfbutButprt">
          导Excel
        </c-button>
        <c-button size="small" type="primary" @click="onInfbutExi">
          Exit
        </c-button>
      </c-col>
      <c-col :span="11">
        <c-col :span="20">
          <el-form-item label="Own Reference" prop="infcon.seaownref">
            <c-input
              v-model="model.infcon.seaownref"
              maxlength="16"
              placeholder="请输入Own Reference"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="22">
          <el-form-item label="Party Reference" prop="infcon.searef">
            <c-input
              v-model="model.infcon.searef"
              maxlength="16"
              placeholder="请输入Party Reference"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Select Single Party" prop="infcon.pty.extkey">
            <c-input
              v-model="model.infcon.pty.extkey"
              maxlength="24"
              placeholder="请输入Select Single Party"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Party Name/BIC" prop="infcon.seapty">
            <c-input
              v-model="model.infcon.seapty"
              maxlength="24"
              placeholder="请输入Party Name/BIC"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="Opening between" prop="infcon.opndatfrom">
            <c-date-picker
              type="date"
              v-model="model.infcon.opndatfrom"
              style="width: 100%"
              placeholder="请选择Opening between"
            ></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="Open Date to" prop="infcon.opndatto">
            <c-date-picker
              type="date"
              v-model="model.infcon.opndatto"
              style="width: 100%"
              placeholder="请选择Open Date to"
            ></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Currency" prop="infcon.seacur">
            <c-select
              v-model="model.infcon.seacur"
              style="width: 100%"
              placeholder="请选择Currency"
            >
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>

      <!--右边-->

      <c-col :span="11" :offset="1">
        <c-col :span="24"
          ><el-form-item label="Name" prop="infcon.nam">
            <c-input
              v-model="model.infcon.nam"
              maxlength="40"
              placeholder="请输入Name"
            ></c-input> </el-form-item
        ></c-col>
        <c-col :span="22">
          <el-form-item label="Handling Type" prop="infcon.hndtyp">
            <c-select
              v-model="model.infcon.hndtyp"
              style="width: 100%"
              placeholder="请选择Handling Type"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Party Name" prop="infcon.pty.nam">
            <c-input
              v-model="model.infcon.pty.nam"
              maxlength="40"
              placeholder="请输入External Visible Name"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="20">
          <el-form-item label="Role" prop="infcon.searol">
            <c-select
              v-model="model.infcon.searol"
              style="width: 100%"
              placeholder="请选择Role"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="Responsible" prop="infcon.usr.extkey">
            <c-input
              v-model="model.infcon.usr.extkey"
              maxlength="8"
              placeholder="请输入User ID"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="Status" prop="infcon.seasta">
            <c-select
              v-model="model.infcon.seasta"
              style="width: 100%"
              placeholder="请选择Status"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="Amount between" prop="infcon.seaamtfr">
            <c-input
              v-model="model.infcon.seaamtfr"
              placeholder="0.00"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="and" prop="infcon.seaamtto">
            <c-input
              v-model="model.infcon.seaamtto"
              placeholder="0.00"
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>
    </c-row>

    <c-col :span="11">
      <el-form-item label="是否显示查询码" prop="infcon.cxmflg">
        <c-select
          v-model="model.infcon.cxmflg"
          style="width: 100%"
          placeholder="请选择是否显示查询码"
        >
        </c-select>
      </el-form-item>
    </c-col>
    <c-row>
      <c-istream-table
        :list="stmData.data"
        :columns="stmData.columns"
        prop="infbut.dspstm"
      >
        <!--el-table-column prop="op" label="OP" width="100">placeholder="请输入display stream"</el-table-column-->
      </c-istream-table>
    </c-row>
  </div>
</template>
<script>
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Infltd/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [CommonProcess],
  data() {
    return {
      stmData: {
        columns: [
          '1 1 \"Reference\" 50 ',
          '8 2 \"Party Number\" 150',
          '9 2 \"1st Beneficiary\" 150',
          '11 3 \"Party Number\" 110',
          '12 3 \"2nd Beneficiary\" 110',
          // "18 5 \"MT\" 100",
          '3 4 \"Opened\" 101',
          '4 4 \"Expired\" 101',
          '5 4 \"Closed\" 101',
          '15 5 \"Cur\" 30',  
          "17 5 \"Cur\" 30",
          "16 6\"Amt\" 30",
          '18 6\"Amt\" 30',
        ],
        data: [],
      },
    };
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
</style>
