Wgjfinp3.vue 8.42 KB
<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="zxbgrp.rec.ownref">
						<c-input v-model="model.zxbgrp.rec.ownref" @change="findFinDatas('Y')" maxlength="16" placeholder="请输入本行融资申请编号"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="关联业务编号" prop="zxbgrp.rec.relref">
						<c-input disabled v-model="model.zxbgrp.rec.relref" maxlength="16" placeholder="请输入"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="外管局融资编号" prop="zxbgrp.rec.wgrref">
						<c-input disabled v-model="model.zxbgrp.rec.wgrref" maxlength="22" placeholder="请输入"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="应收账款总金额" prop="zxbgrp.rec.rcvtotcur">
							<c-select disabled dbCode="curtxt" v-model="model.zxbgrp.rec.rcvtotcur" style="width:100%" placeholder="请选择">
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label-width="5px" prop="zxbgrp.rec.rcvtotamt">
							<c-input-currency disabled v-model="model.zxbgrp.rec.rcvtotamt" placeholder="请输入"></c-input-currency>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="融资申请金额" prop="zxbgrp.rec.cur">
							<c-select disabled dbCode="curtxt" v-model="model.zxbgrp.rec.cur" style="width:100%" placeholder="请选择">
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label-width="5px" prop="zxbgrp.rec.amt">
							<c-input-currency disabled v-model="model.zxbgrp.rec.amt" placeholder="请输入"></c-input-currency>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<el-form-item label="保单号" prop="zxbgrp.rec.policyno">
						<c-input disabled v-model="model.zxbgrp.rec.policyno" style="width:100%" placeholder="请输入保单号">
						</c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="承保通知书编号" prop="zxbgrp.rec.noticeid">
						<c-fullbox>
							<c-input disabled v-model="model.zxbgrp.rec.noticeid" placeholder="请输入承保通知书编号"></c-input>
							<template slot="footer">
								<c-checkbox disabled style="margin-left: 10px" v-model="model.zxbgrp.rec.xxcbflg" true-label="Y" false-label="">线下承保</c-checkbox>
							</template>
						</c-fullbox>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="协议编号" prop="zxbgrp.rec.agreementno">
						<c-input disabled v-model="model.zxbgrp.rec.agreementno" style="width:100%" placeholder="请输入协议编号">
						</c-input>
					</el-form-item>
				</c-col>
				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="银行请求状态" prop="zxbgrp.fsa.bnkaplsta">
							<c-select disabled dbCode="BNKAPL" v-model="model.zxbgrp.fsa.bnkaplsta" style="width:100%" placeholder="请选择银行请求状态">
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label="请求结果" prop="zxbgrp.fsa.aplret">
							<c-select disabled dbCode="APLRET" v-model="model.zxbgrp.fsa.aplret" style="width:100%" placeholder="请选择请求结果">
							</c-select>
						</el-form-item>
					</c-col>
				</c-col>
			</c-col>

			<!-- ============ 右边 ================= -->
			<c-col :span="12" style="padding-left: 20px">
				<c-col :span="24">
					<el-card class="box-card">
						<c-col :span="24">
							<el-form-item label="客户号" prop="zxbgrp.rec.cliextkey">
								<c-input disabled v-model="model.zxbgrp.rec.cliextkey" maxlength="10" placeholder="请输入客户号"></c-input>
							</el-form-item>
						</c-col>
						<c-col :span="24">
							<el-form-item label="" prop="zxbgrp.rec.clinam">
								<c-input disabled type="textarea" v-model="model.zxbgrp.rec.clinam" maxlength="49" show-word-limit placeholder=""></c-input>
							</el-form-item>
						</c-col>
					</el-card>
				</c-col>

				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="融资申请日期" prop="zxbgrp.rec.finappdat">
							<c-date-picker disabled type="date" v-model="model.zxbgrp.rec.finappdat" style="width:100%" placeholder="请输入融资申请日期"></c-date-picker>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label="境外回款期限" prop="zxbgrp.rec.conenddat">
							<c-date-picker disabled type="date" v-model="model.zxbgrp.rec.conenddat" style="width:100%" placeholder="请选择境外回款期限"></c-date-picker>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<el-form-item label="组织机构代码" prop="zxbgrp.rec.custcode">
						<c-input disabled v-model="model.zxbgrp.rec.custcode" maxlength="32" placeholder="请输入组织机构代码"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="经办机构号" prop="zxbgrp.rec.bchcod">
						<c-input disabled v-model="model.zxbgrp.rec.bchcod" maxlength="8" placeholder="请输入经办机构号"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="归属机构号" prop="zxbgrp.rec.ownbchcod">
						<c-select disabled v-model="model.zxbgrp.rec.ownbchcod" style="width:100%" placeholder="请输入归属机构号">
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="融资险种" prop="zxbgrp.rec.policytype">
						<c-select disabled dbCode="INSTYP" v-model="model.zxbgrp.rec.policytype" style="width:100%" placeholder="请选择融资险种">
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="资产状态" prop="zxbgrp.fsa.blcsta">
							<c-select disabled dbCode="BLCSTA" v-model="model.zxbgrp.fsa.blcsta" style="width:100%" placeholder="请选择资产状态">
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label="上链结果" prop="zxbgrp.fsa.sta">
							<c-select disabled dbCode="STA" v-model="model.zxbgrp.fsa.sta" style="width:100%" placeholder="请选择上链结果">
							</c-select>
						</el-form-item>
					</c-col>
				</c-col>
			</c-col>
		</c-col>

		<el-dialog title="信保融资信息" :visible.sync="dialogVisible" :modal-append-to-body="false" :close-on-click-modal="false" destroy-on-close width="75%">
			<!-- <div v-if="!bmsLoading && bmsTabLst.length === 0">暂无数据</div> -->
			<div style="width: 100%;height: 100%;">
				<el-table :data="zxbTabLst" @row-dblclick="dbClickRow" height="calc(100% - 32px)" id='tableRef' style="width: 100%;">
					<el-table-column v-if="false" label="INR" prop="inr" width="auto">
					</el-table-column>
					<el-table-column label="融资编号" prop="ownref" width="auto">
					</el-table-column>
					<el-table-column label="客户名称" prop="clinam" width="auto">
					</el-table-column>
					<el-table-column label="应收账款币种" prop="rcvtocur" width="auto">
					</el-table-column>
					<el-table-column label="应收账款金额" prop="rcvtoamt" width="auto">
					</el-table-column>
					<el-table-column label="融资申请币种" prop="cur" width="auto">
					</el-table-column>
					<el-table-column label="融资申请金额" prop="amt" width="auto">
					</el-table-column>
				</el-table>
				<el-pagination :current-page="currentPage" :page-size="pageSize" :total="total" @current-change="currentChange" layout="prev, pager, next, jumper">
				</el-pagination>
			</div>
		</el-dialog>
	</div>
</template>
<script>
import event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      dialogVisible: false,
      zxbTabLst: [],
      total: 0,
      currentPage: 1,
      pageNum: 1, // 页数
      pageSizes: [5, 10, 20, 30, 40, 50, 100],
      pageSize: 5 // 条数
    };
  },
  methods: {
    showZxbDialog() {
      this.dialogVisible = true;
    },
    currentChange(num) {
      this.currentPage = num;
      this.getTableData();
    },
    dbClickRow(row, column, event) {
      this.loadZxbData(row.inr);
      this.dialogVisible = false;
    }
  },
  created() {}
};
</script>
<style>
</style>