<template>
  <div class="eibs-tab">
    <c-col :span="12">
      <c-col :span="12">
        <el-form-item label="交易代码" prop="rec.trncod">
          <c-select v-model="model.rec.trncod" disabled style="width: 100%" placeholder="请选择交易代码" dbCode="PMSTRN">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item style="text-align: left; margin-left: 5px" label-width="0px" prop="rec.trnnam">
          <c-input v-model="model.rec.trnnam" disabled style="text-align: left; width: 100%" placeholder=""></c-input>
        </el-form-item>
      </c-col>
    </c-col>

    <c-col :span="24">
      <el-table :data="model.trnbchlst" height="500" :sticky-header="true" :border="true">
        <el-table-column label="允许标识" prop="opppanflg" width="auto">
          <template v-slot="scope">
            <div class="checkbox-container">
              <el-checkbox v-model="scope.row.opppanflg" true-label="X" false-label="" disabled></el-checkbox>
            </div>
          </template>
        </el-table-column>
        <el-table-column label="机构代码" prop="branch" width="auto">
        </el-table-column>
        <el-table-column label="机构名称" prop="bchnam" width="auto">
        </el-table-column>
        <el-table-column label="操作用户" prop="oppusrnam" width="auto">
        </el-table-column>
        <el-table-column label="操作日期" prop="opppandat" width="auto">
        </el-table-column>
        <el-table-column label="操作用户INR" prop="oppusrinr" width="auto">
        </el-table-column>
        <el-table-column label="INR" prop="inr" width="auto">
        </el-table-column>
        <el-table-column label="机构INR" prop="bchinr" width="auto">
        </el-table-column>
      </el-table>
    </c-col>

    <c-col :span="24" style="padding-top:30px">
      <span>允许标识勾选则表示该机构对应交易的业务权限被允许</span>
    </c-col>
  </div>
</template>

<script>
import event from "../event";
import codes from "~/config/CodeTable";

export default {
  props: ["model", "codes"],
  inject: ["root"],
  mixins: [event],
  data() {
    return {
      comfecList: [],
      pagination: {
        pageNum: 1,
        pageSize: 10,
        total: 0
      },
      mulSelected: [],
      feeIndex: -1,
      dialog: {}
    };
  },
  mounted() {},
  methods: {
    // queryFunc(pageNumber, pageSize) {
    //   this.model.pageNum = pageNumber;
    //   this.model.pageSize = pageSize;
    //   this.onDbitbpSearch();
    // }
  }
};
</script>

<style scoped>
.checkbox-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>