ratpan.vue

<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="ratpmsflg" width="auto">
					<template v-slot="scope">
						<div class="checkbox-container">
							<el-checkbox v-model="scope.row.ratpmsflg" true-label="X" false-label="" disabled></el-checkbox>
						</div>
					</template>
				</el-table-column>
				<el-table-column label="限制比例" prop="rat" width="auto">
				</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="ratusrnam" width="auto">
				</el-table-column>
				<el-table-column label="操作时间" prop="ratpmsdat" width="auto">
				</el-table-column>
				<el-table-column label="操作用户INR" prop="ratusrinr" 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>权限控制标识勾选则表示该机构经办DITOPN交易时保证金实收比例不能高于该机构的限制比例</span>
		</c-col>
	</div>
</template>

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

export default {
  props: ["model", "codes"],
  inject: ["root"],
  mixins: [event],
  data() {
    return {
      tableData: [],
      pagination: {
        pageNum: 1,
        pageSize: 10,
        total: 0
      }
    };
  },
  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>