<template>
	<div class="eibs-tab">
		<c-col :span="24">
			<!-- ==================左边================ -->
			<c-col :span="12" style="padding-right: 20px">
				<c-col :span="24">
          <c-ptap-ext :argadr="{ title: '包买行', extCodes:['bptbck'], grp: 'wrkbpdgrp', rol: 'bmh' }" 
          :requiredExtkey="true" :isFieldLabelVisible="true" :isAdrblk="true" :disabled="true" 
          :model="model" ptytyp="B" @clear="partyChange" @handleChange="partyChange">
          </c-ptap-ext>
				</c-col>
				<c-col :span="24">
					<el-form-item label="包买行汇入我行款项金额" prop="bptbck.wrkbpdgrp.rec.bmhamt">
						<c-fullbox>
							<c-input-currency v-model="model.bptbck.wrkbpdgrp.rec.bmhamt" placeholder="请输入包买行汇入我行款项金额"></c-input-currency>
							<template slot="footer">
								<c-button style="margin-left: 10px" size="small" type="primary" @click="showBmsDialog">查询</c-button>
							</template>
						</c-fullbox>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<c-form-item label="包买行账号" prop="bptbck.wrkbpdgrp.rec.baomzh">
						<c-input v-model="model.bptbck.wrkbpdgrp.rec.baomzh" disabled maxlength="80" placeholder="请输入包买行账号"></c-input>
					</c-form-item>
				</c-col>

				<c-col :span="24">
					<c-form-item label="包买行户名" prop="bptbck.wrkbpdgrp.rec.baomhm">
						<c-input v-model="model.bptbck.wrkbpdgrp.rec.baomhm" disabled maxlength="80" placeholder="请输入包买行户名"></c-input>
					</c-form-item>
				</c-col>
			</c-col>

			<!-- ============右边================= -->
			<c-col :span="12" style="padding-left: 20px">
				<c-col :span="24">
					<el-form-item label="包买行融资到期日" prop="bptbck.wrkbpdgrp.rec.bmhrzd">
						<c-date-picker type="date" v-model="model.bptbck.wrkbpdgrp.rec.bmhrzd" style="width:100%" placeholder="请选择包买行融资到期日"></c-date-picker>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="卖出日期" prop="bptbck.wrkbpdgrp.rec.mcdate">
						<c-date-picker disabled type="date" v-model="model.bptbck.wrkbpdgrp.rec.mcdate" style="width:100%" placeholder="卖出日期"></c-date-picker>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<c-form-item label="我行卖出执行利率" prop="bptbck.wrkbpdgrp.rec.bmhrat">
						<c-input-currency v-model="model.bptbck.wrkbpdgrp.rec.bmhrat" :precision="6" placeholder="请输入我行卖出执行利率"></c-input-currency>
          </c-form-item>
				</c-col>

				<c-col :span="24">
					<c-form-item label="包买行摘要" prop="bptbck.wrkbpdgrp.rec.baomzy">
						<c-input v-model="model.bptbck.wrkbpdgrp.rec.baomzy" disabled maxlength="80" placeholder="请输入包买行摘要"></c-input>
					</c-form-item>
				</c-col>
			</c-col>

		</c-col>

		<c-col :span="24">
			<el-table :data="model.bptbck.gle4338List" :columns="columns" :showButtonFlg="true">
				<el-table-column v-for="(item, key) in columns" :key="key" :label="item.label" :width="item.width">
					<template slot-scope="scope">
						<span>{{ ['amt'].includes(item.prop) ? moneyFormat(scope.row[item.prop], scope.row.cur) : scope.row[item.prop] }}</span>
					</template>
				</el-table-column>
			</el-table>
		</c-col>

		<el-dialog title="包买商入账查询" :visible.sync="dialogVisible" :modal-append-to-body="false" :close-on-click-modal="false" destroy-on-close width="75%">
			<c-row>
				<c-col :span="12">
					<el-form-item label="账号" prop="baomzh">
						<c-select v-model="bmsQueCon.baomzh" maxlength="35" placeholder="请输入账号">
              <el-option v-for="item in model.bptbck.bmsAccSet" :key="item" :label="item" :value="item"></el-option>
						</c-select>
          </el-form-item>
				</c-col>
				<c-col :span="12">
					<c-button style="margin-left: 10px" size="small" type="primary" @click="getBmsRecordedData">查询</c-button>
				</c-col>
			</c-row>
			<c-row>
				<c-col :span="12">
					<el-form-item label="最低金额" prop="lowamt">
						<c-input-currency v-model="bmsQueCon.lowamt" placeholder="请输入最低金额" />
					</el-form-item>
				</c-col>
				<c-col :span="12">
					<el-form-item label="最高金额" prop="trntyp">
						<c-input-currency v-model="bmsQueCon.higamt" placeholder="请输入最高金额" />
					</el-form-item>
				</c-col>
			</c-row>
			<c-row>
				<c-col :span="12">
					<el-form-item label="起始日期" prop="stadat">
						<c-date-picker type="date" v-model="bmsQueCon.stadat" placeholder="请输入起始日期" />
					</el-form-item>
				</c-col>
				<c-col :span="12">
					<el-form-item label="终止日期" prop="enddat">
						<c-date-picker type="date" v-model="bmsQueCon.enddat" placeholder="请输入终止日期" />
					</el-form-item>
				</c-col>
			</c-row>
			<div style="width: 100%;height: 100%;">
				<el-table :data="bmsTabLst" @row-dblclick="dbClickRow" height="calc(100% - 32px)" id='tableRef' style="width: 100%;">
					<!-- <el-table-column :key="key" :label="item.label" :prop="item.prop" :render-header="renderheader" v-for="(item,key) in tableColumn">
					</el-table-column> -->
					<el-table-column label="账号" prop="zhangh" width="auto" v-if="false">
					</el-table-column>
					<el-table-column label="账户中文名" prop="zhuzwm" width="auto" v-if="false">
					</el-table-column>
					<el-table-column label="交易码" prop="jiaoym" width="auto">
					</el-table-column>
					<el-table-column label="交易日期" prop="jioyrq" width="auto">
					</el-table-column>
					<el-table-column label="借贷标记" prop="jiedbz" width="auto">
              <template slot-scope="scope">
                <span> {{ scope.row.jiedbz === '1' ? '贷' : '借' }}
                </span>
              </template>
					</el-table-column>
					<el-table-column label="交易金额" prop="jio1je" width="auto">
					</el-table-column>
					<el-table-column label="账户余额" prop="zhhuye" width="auto">
					</el-table-column>
					<el-table-column label="付款账户" prop="duifzh" width="auto">
					</el-table-column>
					<el-table-column label="摘要代码" prop="zhyodm" width="auto">
					</el-table-column>
					<el-table-column label="柜员流水号" prop="guiyls" width="auto">
					</el-table-column>
				</el-table>
			</div>
		</el-dialog>

	</div>
</template>
<script>
import event from "../event";
import moment from "moment";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      dialogVisible: false,
      bmsQueCon: {
        baomzh: "",
        lowamt: "",
        higamt: "",
        stadat: "",
        enddat: ""
      },
      bmsTabLst: [],
      columns: [
        {
          label: "借贷方向",
          prop: "dbtcdt"
        },
        {
          label: "账号",
          prop: "act"
        },
        {
          label: "币种",
          prop: "cur"
        },
        {
          label: "金额",
          prop: "amt"
        },
        {
          label: "会计科目",
          prop: "trmtyp"
        },
        {
          label: "描述",
          prop: "trmtypName"
        }
      ]
    };
  },
  methods: {
    showBmsDialog() {
      this.bmsQueCon.baomzh = "";
      this.bmsQueCon.lowamt = "";
      this.bmsQueCon.higamt = "";
      this.bmsQueCon.stadat = moment(new Date()).format('YYYY-MM-DD');
      this.bmsQueCon.enddat = moment(new Date()).format('YYYY-MM-DD');
      this.dialogVisible = true;
    },
    beforeClose() {
      this.bmsTabLst = [];
      this.dialogVisible = false;
    },
    getBmsRecordedData() {
      this.call9011(this.bmsQueCon);
    },
    dbClickRow(row, column, event) {
      this.model.bptbck.wrkbpdgrp.rec.bmhamt = row.jio1je;
      this.model.bptbck.wrkbpdgrp.rec.baomzh = row.zhangh;
      this.model.bptbck.wrkbpdgrp.rec.baomhm = row.zhuzwm;
      this.model.bptbck.wrkbpdgrp.rec.baomzy = row.zhyodm;
      this.beforeClose();
    },
    partyChange() {
      if (this.model.bptbck.wrkbpdgrp.bmh.pts.ptainr === '') {
        this.model.bptbck.wrkbpdgrp.rec.bmhswf = '';
        this.model.bptbck.wrkbpdgrp.rec.bmhenm = '';
      } else {
        this.model.bptbck.wrkbpdgrp.rec.bmhswf = this.model.bptbck.wrkbpdgrp.bmh.pts.extkey.substr(0, 11);
        this.model.bptbck.wrkbpdgrp.rec.bmhenm = this.model.bptbck.wrkbpdgrp.bmh.pts.ennam;
      }
    }
  },
  created() {}
};
</script>
<style>
</style>