<template>
	<div class="eibs-tab">
		<c-col :span="24">
			<!-- ==================左边================ -->
			<c-col :span="12" style="padding-right: 20px">
				<c-col :span="24">
					<el-form-item label="基础交易编号" prop="bpdgrp.rec.pntref">
						<c-input v-model="model.bpdgrp.rec.pntref" maxlength="16" placeholder="请输入基础交易编号" disabled></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="融资编号" prop="bpdgrp.rec.ownref">
						<c-input disabled v-model="model.bpdgrp.rec.ownref" maxlength="16" placeholder="请输入融资编号"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="融资类型" prop="bpdgrp.rec.fintyp">
							<c-select v-model="model.bpdgrp.rec.fintyp" dbCode="BPDTYP" disabled style="width:100%" placeholder="请选择融资类型">
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="12" v-if="model.bpdgrp.rec.fintyp=='P' || model.bpdgrp.rec.fintyp=='M'">
						<el-form-item label-width="5px" prop="bptp.purtyp">
							<c-select v-model="model.bptp.purtyp" dbCode="PURTYP" sort="SRT" disabled style="width:100%" placeholder="请选择">
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="12" v-if="model.bpdgrp.rec.fintyp=='D' || model.bpdgrp.rec.fintyp=='T'">
						<el-form-item label-width="5px" prop="bptp.distyp">
							<c-select v-model="model.bptp.distyp" dbCode="DISTYP" disabled style="width:100%" placeholder="请选择">
							</c-select>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<c-col :span="9">
						<el-form-item label="融资金额" prop="bpdgrp.cbs.max.cur">
							<c-select disabled dbCode="curtxt" v-model="model.bpdgrp.cbs.max.cur" maxlength="3" style="width:100%" placeholder="请选择币种">
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="11">
						<el-form-item label-width="5px" prop="bpdgrp.cbs.max.amt">
							<c-input-currency disabled v-model="model.bpdgrp.cbs.max.amt" placeholder="请输入"></c-input-currency>
						</el-form-item>
					</c-col>
					<c-col :span="4" style="display: flex;justify-content: space-between;">
						<el-form-item label-width="5px" prop="bpdgrp.rec.pctfin">
							<c-input disabled v-model="model.bpdgrp.rec.pctfin" placeholder=""></c-input>
						</el-form-item>
						<span style="height:32px;line-height:32px">%</span>
					</c-col>
				</c-col>

				<c-col :span="24">
					<el-form-item label="融资账号" prop="bpdgrp.rec.finact">
						<c-select disabled dbCode="finact" v-model="model.bpdgrp.rec.finact" style="width:100%" placeholder="请输入融资账号">
						</c-select>
					</el-form-item>
				</c-col>

			</c-col>

			<!-- ============右边================= -->
			<c-col :span="12" style="padding-left: 20px">
				<c-col :span="24">
					<c-ptap :model="model" v-if="model.bpdgrp.rec.pnttyp!='BFD' && model.bpdgrp.rec.fintyp!='G' && model.bpdgrp.rec.fintyp!='V'" :argadr="{
						title:'融资申请人',
							grp: 'bpdgrp',
							rol: 'fia'
						}" :requiredExtkey="true" :isAdrblk="true" :isFieldLabelVisible="true" :disabled="true" :disabledExtkey="true" :chooseLanguage="model.bpdgrp.rec.pnttyp === 'BFD'?'CN':'EN'" ></c-ptap>
					<el-card class="box-card" v-if="model.bpdgrp.rec.pnttyp==='BFD' || model.bpdgrp.rec.fintyp==='G' || model.bpdgrp.rec.fintyp==='V'">
						<c-ptap3 :model="model" :argadr="{
							title: '融资申请人',
							grp: 'bpdgrp',
							rol: 'fia'
						}" :isShowCard="false" :requiredExtkey="true" :requiredAdrblk="false" :isShowNam="true" :isShowAdr="true" :disabledExtkey="true" :isDisabled="true" :disabledNamelc="true" :disabledAdrelc="true" ptytyp='C'>
						</c-ptap3>
					</el-card>
				</c-col>

				<c-col :span="24">
					<el-form-item label="还款类型" prop="bpdgrp.rec.opttyp">
						<c-select v-model="model.bpdgrp.rec.opttyp" dbCode="BPDREP" :filterKey="initopttyps" :disabled="model.bpdgrp.rec.ffttyp != ''" @change="changeOpttyp" style="width:100%" placeholder="请选择还款类型">
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="我行借记账户" prop="setact1">
						<c-input v-model="model.setact1" maxlength="21" placeholder="请输入我行借记账户"></c-input>
					</el-form-item>
				</c-col>

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

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {};
  },
  methods: {
    changeOpttyp() {
      if (this.model.bpdgrp.rec.opttyp == "2") {
        this.model.bpdgrp.rec.mcdate = moment(new Date()).format("YYYY-MM-DD");
        this.assertBmsAccSet();
      } else {
        this.model.bpdgrp.rec.mcdate = "";
      }
      //获取递延利息分录信息
      this.calDeferredIncome();
    }
  },
  computed: {
    initopttyps() {
      let opttyps = [];
      if (
        this.model.bpdgrp.rec.fintyp == "F" ||
        this.model.bpdgrp.rec.fintyp == "G"
      ) {
        opttyps = ["1", "2"];
      } else {
        opttyps = ["1"];
      }
      return opttyps;
    }
  },
  created() {}
};
</script>
<style>
</style>