LsbDtDialog.vue

<template>
	<div>
		<el-dialog v-dialogDrag :visible="dialogflg" :modal-append-to-body="false" :close-on-click-modal="false" title="额度业务明细" width="80%" center @close="handleClose">
			<div>
				<div class="card">
					<div class="table-label">额度业务明细</div>
					<el-table :data="model.lsbDetailVo.lstCL451" border highlight-current-row ref="lsbdetail" size="small" style="width:100%">

						<el-table-column label="业务起始日" prop="tb2xx15" min-width="150px">
						</el-table-column>
						<el-table-column label="业务品种" prop="tb2xx06" min-width="150px">
						</el-table-column>
						<el-table-column label="囯结业务编号" prop="tb2xx05" min-width="150px">
						</el-table-column>
						<el-table-column label="业务币种" prop="tb2xx07" min-width="150px">
						</el-table-column>
						<el-table-column label="业务余额" prop="tb2xx09" min-width="150px">
							<template slot-scope="scope">
                    <span>{{moneyFormat(scope.row.tb2xx09, scope.row.tb2xx07)}}</span>
              </template>
						</el-table-column>
						<el-table-column label="占用额度" prop="tb2xx13" min-width="150px">
							<template slot-scope="scope">
                    <span>{{moneyFormat(scope.row.tb2xx13, scope.row.tb2xx07)}}</span>
              </template>
						</el-table-column>
						<el-table-column label="占用敞口" prop="tb2xx14" min-width="150px">
							<template slot-scope="scope">
                    <span>{{moneyFormat(scope.row.tb2xx14, scope.row.tb2xx07)}}</span>
              </template>
						</el-table-column>
						<el-table-column label="保证金比例" prop="tb2xx12" min-width="150px">
						</el-table-column>
						<el-table-column label="保证金余额" prop="tb2xx11" min-width="150px">
							<template slot-scope="scope">
                    <span>{{moneyFormat(scope.row.tb2xx11, scope.row.tb2xx07)}}</span>
              </template>
						</el-table-column>
						<el-table-column label="容差值" prop="tb2xx10" min-width="150px">
							<template slot-scope="scope">
                    <span>{{moneyFormat(scope.row.tb2xx10, scope.row.tb2xx07)}}</span>
              </template>
						</el-table-column>
						<el-table-column label="占用主体类型" prop="tb2xx03" min-width="150px">
						</el-table-column>
						<el-table-column label="放款审核经办经办机构号" prop="tb2xx02" min-width="150px">
						</el-table-column>
						<el-table-column label="操作柜员号" prop="tb2xx01" min-width="150px">
						</el-table-column>
						<el-table-column label="明细额度编号" prop="tb2xx16" min-width="150px">
						</el-table-column>
					</el-table>
					<el-pagination :current-page.sync="changeFhyhao" :page-size="changePageSize" :page-sizes="[10, 20, 50, 100, 500]" :total="changeTotal" @current-change="onchangePage" @size-change="onchangePageSize" layout="total, sizes, prev, pager, next, jumper"></el-pagination>
				</div>

			</div>
		</el-dialog>
	</div>
</template>
<script>
import event from "../event";
export default {
  mixins: [event],
  props: ["model", "codes"],
  data() {
    return {
      dialogflg: false
    };
  },
  mounted() {},
  methods: {
    handleClose() {
      this.dialogflg = false;
    },
    onchangePageSize(val) {
		this.model.lsbDetailVo.mytshu=val.toString();
		this.searchLimDetail();
		},
		onchangePage(val) {
		this.model.lsbDetailVo.fhyhao=val.toString();
		this.searchLimDetail();
		},
  },
  computed: {
    changeFhyhao() {
      return parseInt(this.model.lsbDetailVo.fhyhao);
    },
    changePageSize() {
      return parseInt(this.model.lsbDetailVo.mytshu);
    },
    changeTotal() {
      return parseInt(this.model.lsbDetailVo.total);
    }
  }
};
</script>

<style scoped lang="less">
.card {
  margin-bottom: 20px;
  .table-label {
    padding: 5px 0;
    font-size: 16px;
    font-weight: 500;
    color: #000;
  }
}
::v-deep .eContainer-table-block {
  margin-top: 5px;
}
</style>