<template>
  <div class="eibs-tab">
    <c-row>
      <c-col :span="11">
        <c-col :span="18">
          <el-form-item label="Fee Code" prop="infcon.fepfeecod">
            <c-select
              v-model="model.infcon.fepfeecod"
              style="width: 100%"
              placeholder="请选择Fee Code"
            >
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="22">
          <el-form-item label="Disposition" prop="infcon.fepdsp">
            <c-select
              v-model="model.infcon.fepdsp"
              style="width: 100%"
              placeholder="请选择Disposition"
            >
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>
    </c-row>

    <c-col :span="22">
      <c-row>
      <c-istream-table
        :list="stmData.data"
        :columns="stmData.columns"
        prop="infcon.fepstm"
      >
        <!--el-table-column prop="op" label="OP" width="100">placeholder="请输入display stream"</el-table-column-->
      </c-istream-table>
    </c-row>
      <!--el-form-item
        label="stream for FEPs to selected contract"
        prop="infcon.fepstm"
      >
        <c-input
          v-model="model.infcon.fepstm"
          placeholder="请输入stream for FEPs to selected contract"
        ></c-input>
      </el-form-item-->
    </c-col>

    <c-col :span="12">
      <span v-text="model.infcon.feptxtlbl" data-path=".infcon.feptxtlbl">
      </span>
    </c-col>

    <c-col :span="10">
      <el-form-item label="Disposition" prop="infcon.fcpdsp">
        <c-select
          v-model="model.infcon.fcpdsp"
          style="width: 100%"
          placeholder="请选择Disposition"
        >
        </c-select>
      </el-form-item>
    </c-col>

    <c-col :span="22">
      <c-row>
      <c-istream-table
        :list="stmData1.data"
        :columns="stmData1.columns"
        prop="infcon.fcpstm"
      >
        <!--el-table-column prop="op" label="OP" width="100">placeholder="请输入display stream"</el-table-column-->
      </c-istream-table>
    </c-row>
      <!--el-form-item label="stream of foreign charges" prop="infcon.fcpstm">
        <c-input
          v-model="model.infcon.fcpstm"
          placeholder="请输入stream of foreign charges"
        ></c-input>
      </el-form-item-->
    </c-col>

    <c-col :span="12">
      <span v-text="model.infcon.fcptxtlbl" data-path=".infcon.fcptxtlbl">
      </span>
    </c-col>
  </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 \"Fee Code\" 170 ',
          '8 2 \"Fee Text\" 170',
          '9 3 \"Disposition\" 170',
          '11 4 \"Role\" 170',
          '12 5 \"Cur.\" 170',
          '3 6 \"Amount\" 170',
          '4 7 \"Transaction/INR\" 170',
          '5 8 \"Entry Date\" 170',
          '15 9 \"Status\" 170',  
        ],
        data: [],
      },
      stmData1: {
        columns: [
          '1 1 \"Payer\" 192 ',
          '8 1 \"Text for Payer\" 192',
          '9 2 \"Payee\" 192',
          '11 2 \"Text for Payee\" 192',
          '12 3 \"Disposition\" 192',
          '3 4 \"Cue.\" 192',
          '3 5 \"Amount\" 192',
          '4 6 \"Transaction/INR\" 192',
          '5 7 \"Entry Date\" 192',
          '15 8 \"Status\" 192',  
        ],
        data: [],
      },
    };
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
</style>
