Fepinfp.vue

<template>
  <div class="eibs-tab">
    <c-row>
      <!-- <div class="infTopBtn">
            <el-button-group>
                <c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
                <c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button>
            </el-button-group>
            <c-button size="small" type="primary">Print</c-button>
            <c-button size="small" type="primary">Use</c-button>
            <c-button size="small" type="primary">Loginfo</c-button>
        </div> -->

      <c-col :span="24">
        <el-form-item label="Fee Pool" class="labelItemSet "></el-form-item>
      </c-col>

      <c-col :span="11">
        <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="11" :offset="1">
        <el-form-item label="Fee Text" prop="infcon.fepfeecod">
          <c-select
            v-model="model.infcon.fepdsp"
            style="width: 100%"
            placeholder="请选择Disposition"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="11">
        <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="23">
        <c-istream-table
          :list="stmData.fepstmData"
          :columns="stmData.fepstmColumns"
        >
          <el-table-column prop="op" label="OP" width="100">
            <template slot-scope="scope">
              <a href="javascript:void(0)" @click="continueEdit(scope.row)"
                >操作</a
              >
            </template>
          </el-table-column>
        </c-istream-table>
      </c-col>

      <c-col :span="24" style="margin-top: 10px; height: 24px">
        <el-form-item label="FEPTXTLBL" label-width="100px"></el-form-item>
      </c-col>
      <c-col :span="23" style="height: 10px">
        <el-divider></el-divider>
      </c-col>
      <c-col :span="24">
        <el-form-item label="Foreign Charges Pool"></el-form-item>
      </c-col>

      <c-col :span="11">
        <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="23">
        <c-istream-table
          :list="stmData.fcpstmData"
          :columns="stmData.fcpstmColumns"
        >
          <el-table-column prop="op" label="OP" width="100">
            <template slot-scope="scope">
              <a href="javascript:void(0)" @click="continueEdit(scope.row)"
                >操作</a
              >
            </template>
          </el-table-column>
        </c-istream-table>
      </c-col>
    </c-row>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Infcpd/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      stmData: {
        fepstmColumns: [
          '1 1 "Fee Code" 0 ',
          '1 2 "Fee Text" 0 ',
          '1 3 "Disposition" 0 ',
          '1 4 "Role" 0 ',
          '1 5 "Cur" 0 ',
          '1 6 "Amount" 0 ',
          '1 7 "Transaction/INR" 0 ',
          '1 8 "Entry Date" 0 ',
          '1 9 "Status" 0 ',
        ],
        fepstmData: [],
        fcpstmColumns: [
          '1 1 "Payer" 0 ',
          '2 1 "Text for Payer" 0 ',
          '1 2 "Payee" 0 ',
          '2 2 "Text for Payee" 0 ',
          '1 3 "Disposition" 0 ',
          '1 4 "Cur" 0 ',
          '1 5 "Amount" 0 ',
          '1 6 "Transaction/INR" 0 ',
          '1 7 "Entry Date" 0 ',
          '1 8 "Status" 0 ',
        ],
        fcpstmData: [],
      },
    };
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style scoped>
.el-col >>> .el-divider--horizontal {
  margin-top: 0;
}
.labelItemSet >>> .el-form-item__label{
    text-align: left;
    font-weight: bold;
}
</style>