Wgjfinp1.vue 7.73 KB
Newer Older
fukai committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210
<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="blcp.cpnref">
						<c-input disabled v-model="model.blcp.cpnref" maxlength="16" placeholder="拷贝融资信息"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="本行融资申请编号" prop="blcgrp.rec.ownref">
						<c-input v-model="model.blcgrp.rec.ownref" @change="findFinDatas('N')" maxlength="16" placeholder="请输入本行融资申请编号"></c-input>
					</el-form-item>
				</c-col>

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

				<c-col :span="24">
					<el-form-item label="外管局融资编号" prop="blcgrp.rec.wgrref">
						<c-input disabled v-model="model.blcgrp.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="blcgrp.rec.rcvtotcur">
							<c-select disabled dbCode="curtxt" v-model="model.blcgrp.rec.rcvtotcur" style="width:100%" placeholder="请选择">
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label-width="5px" prop="blcgrp.rec.rcvtotamt">
							<c-input-currency disabled v-model="model.blcgrp.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="blcgrp.rec.cur">
							<c-select disabled dbCode="curtxt" v-model="model.blcgrp.rec.cur" style="width:100%" placeholder="请选择">
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label-width="5px" prop="blcgrp.rec.amt">
							<c-input-currency disabled v-model="model.blcgrp.rec.amt" placeholder="请输入"></c-input-currency>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="融资申请日期" prop="blcgrp.rec.finappdat">
							<c-date-picker disabled type="date" v-model="model.blcgrp.rec.finappdat" style="width:100%" placeholder="请输入融资申请日期"></c-date-picker>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label="合同回款期限" prop="blcgrp.rec.conenddat">
							<c-date-picker disabled type="date" v-model="model.blcgrp.rec.conenddat" style="width:100%" placeholder="请选择合同回款期限"></c-date-picker>
						</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="blcgrp.rec.cliextkey">
								<c-input disabled v-model="model.blcgrp.rec.cliextkey" maxlength="10" placeholder="请输入客户号"></c-input>
							</el-form-item>
						</c-col>
						<c-col :span="24">
							<el-form-item label="" prop="blcgrp.rec.clinam">
								<c-input disabled type="textarea" v-model="model.blcgrp.rec.clinam" maxlength="49" show-word-limit placeholder=""></c-input>
							</el-form-item>
						</c-col>
					</el-card>
				</c-col>

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

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

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

				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="银行请求" prop="blcgrp.fsa.bnkaplsta">
							<c-select disabled dbCode="BNKAPL" v-model="model.blcgrp.fsa.bnkaplsta" style="width:100%" placeholder="请选择银行请求">
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label="请求结果" prop="blcgrp.fsa.aplret">
							<c-select disabled dbCode="APLRET" v-model="model.blcgrp.fsa.aplret" style="width:100%" placeholder="请选择请求结果">
							</c-select>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="资产状态" prop="blcgrp.fsa.blcsta">
							<c-select disabled dbCode="BLCSTA" v-model="model.blcgrp.fsa.blcsta" style="width:100%" placeholder="请选择资产状态">
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label="上链状态" prop="blcgrp.fsa.sta">
							<c-select disabled dbCode="STA" v-model="model.blcgrp.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="blcTabLst" @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,
      blcTabLst: [],
      bmsLoading: true,
      total: 0,
      currentPage: 1,
      pageNum: 1, // 页数
      pageSizes: [5, 10, 20, 30, 40, 50, 100],
      pageSize: 5 // 条数
    };
  },
  methods: {
    showBlcDialog() {
      this.dialogVisible = true;
    },
    currentChange(num) {
      this.currentPage = num;
      this.getTableData();
    },
    dbClickRow(row, column, event) {
      this.loadBlcData(row.inr);
      this.dialogVisible = false;
      //   this.model.bpdgrp.rec.bmhamt = row.jio1je;
      //   this.model.bpdgrp.rec.baomzh = row.duifzh;
      //   this.model.bpdgrp.rec.baomhm = row.zhuzwm;
      //   this.model.bpdgrp.rec.baomzy = row.zhyodm;
      //   this.beforeClose();
    },
    getBlcRecordedData() {
      //   this.call9011(this.bmsQueCon);
    }
  },
  created() {}
};
</script>
<style>
</style>