<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" @change="changeTrncod" :loading="searchLoading" :disabled="isDisabled" 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>
          <!-- <c-select-value-to-label v-model="model.rec.trncod" dbCode="ATPTXT" disabled>
					</c-select-value-to-label> -->
        </el-form-item>
      </c-col>
    </c-col>

    <c-col :span="24">
      <el-table :data="model.trnbchlst" :total="model.total" height="500" :sticky-header="true" :border="true">
        <el-table-column label="权限控制标识" prop="pmsflg" width="auto">
          <template v-slot="scope">
            <div class="checkbox-container">
              <el-checkbox v-model="scope.row.pmsflg" 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="usrnam" width="auto">
        </el-table-column>
        <el-table-column label="操作日期" prop="pmsdat" 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">
      <c-paging-table :data="model.trnbchlst" :pageNumber="model.pageNum" :pageSize="model.pageSize" :total="model.total" v-on:queryFunc="queryFunc" :border="true">
        <el-table-column label="权限控制标识" prop="pmsflg" width="auto">
          <template v-slot="scope">
            <div class="checkbox-container">
              <el-checkbox v-model="scope.row.pmsflg" 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="usrnam" width="auto">
        </el-table-column>
        <el-table-column label="操作日期" prop="pmsdat" 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>
      </c-paging-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";
import { queryByTrncod } from "~/service/manage/tbp.js";
import commonFunctions from "~/mixin/commonFunctions.js";
import commonDepend from "~/mixin/commonDepend.js";

export default {
  props: ["model"],
  inject: ["root"],
  mixins: [event, commonFunctions, commonDepend],
  data() {
    return {
      pagination: {
        pageNum: 1,
        pageSize: 10,
        total: 0
      },
      tableData: [],
      searchLoading: false,
      
    };
  },
  computed: {
    isDisabled() {
      if(this.model.lev !== "0") {
        return true;
      } else {
        return false;
      }
    }
  },
  mounted() {},
  methods: {
    // onSearch() {
    //   this.model.pageSize = PageSize;
    //   this.model.pageNum = 1;
    //   this.onDbitbpSearch();
    // },

    // 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>