<template>
  <div class="eibs-tab">
    <c-col :span="8">
      <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="14">
      <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 :span="20">
      <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-col>

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

    <c-col :span="14">
      <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="20">
      <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-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/Infbtd/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [CommonProcess],
  data() {
    return {
      stmData: {
        columns: [
          '1 1 "Fee Code" 50 ',
          '8 2 "Fee Text" 150',
          '9 3 "Disposition" 150',
          '11 4 "Role" 110',
          '12 5 "Cur." 110',
          '3 6 "Amount" 101',
          '4 7 "Transaction/INR" 101',
          '5 8 "Entry Date" 101',
          '15 9 "Status" 30',
        ],
        data: [],
      },
      stmData1: {
        columns: [
          '1 1 "Payer" 50 ',
          '8 1 "Text for Payer" 150',
          '9 2 "Payee" 150',
          '11 2 "Text for Payee" 110',
          '12 3 "Disposition" 110',
          '3 4 "Cue." 101',
          '3 5 "Amount" 101',
          '4 6 "Transaction/INR" 101',
          '5 7 "Entry Date" 101',
          '15 8 "Status" 30',
        ],
        data: [],
      },
    };
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
</style>
