<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">
          User
        </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 :sapn="24">
        <c-col :span="11">
          <c-col :span="24">
            <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="24">
            <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="Handling Type" prop="infcon.hndtyp">
              <c-select
                v-model="model.infcon.hndtyp"
                style="width: 100%"
                placeholder="请选择Handling Type"
              >
                <el-option
                  v-for="item in codes.hndtyp"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="External Visible 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="24">
            <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="24">
            <el-form-item label="User ID" 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="24">
            <el-form-item label="Currency" prop="infcon.seacur">
              <c-select
                v-model="model.infcon.seacur"
                style="width: 100%"
                placeholder="请选择Currency"
              >
                <el-option
                  v-for="item in codes.seacur"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <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-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="24">
            <el-form-item label="Release Status" prop="infcon.relflg">
              <c-select
                v-model="model.infcon.relflg"
                style="width: 100%"
                placeholder="请选择Release Status"
              >
                <el-option
                  v-for="item in codes.relflg"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </c-select>
            </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="24">
            <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"
                style="align: left"
              >
                <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>
          <c-col :span="24">
            <el-form-item label="Status" prop="infcon.seasta">
              <c-select
                v-model="model.infcon.seasta"
                style="width: 100%"
                placeholder="请选择Status"
              >
                <el-option
                  v-for="item in codes.seasta"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-col :span="12">
              <el-form-item label="Amount between" prop="infcon.seaamtfr">
                <c-input
                  v-model="model.infcon.seaamtfr"
                  placeholder="请输入Amount between"
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="12">
              <el-form-item label="Amount to" prop="infcon.seaamtto">
                <c-input
                  v-model="model.infcon.seaamtto"
                  placeholder="请输入Amount to"
                ></c-input>
              </el-form-item>
            </c-col>
          </c-col>
          <c-col :span="24">
            <el-form-item label="Invoice No." prop="infcon.invnum">
              <c-input
                v-model="model.infcon.invnum"
                maxlength="16"
                placeholder="请输入Invoice No."
              ></c-input>
            </el-form-item>
          </c-col>
        </c-col>
      </c-col>
    
      <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>
    <!--c-col :span="22">
      <el-form-item label="display stream" prop="infbut.dspstm">
        <c-istream-table :data="stmData.columns" :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-input
          v-model="model.infbut.dspstm"
          
        ></c-input>
      </el-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/Infbtd/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      stmData: {
        columns: [
          '1 1 \"Reference\" 275 ',
          '6 2 \"Party Number\" 275',
          '7 2 \"1st Beneficiary\" 275',
          '9 3 \"Party Number\" 275',
          '10 3 \"2nd Beneficiary\" 275',
          // "18 5 \"MT\" 100",
          '3 4 \"Opened\" 275',
          '4 4 \"Closed\" 275',
          '11 5 \"Cur\" 275',  
          "13 5 \"Cur\" 275",
          "12 6 \"Amt\" 275",
          '14 6 \"Amt\" 275',
        ],
        data: [],
      },
    };
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
</style>