Skip to content

V
vue-gjjs
Commit 76335d23 by huangxin
Options

trtopn的UI改造

parent 2c4dfc3c
Showing with 1019 additions and 795 deletions
src/views/Business/Trtopn/Addbcb.vue 0 → 100644
<template>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<!--el-collapse-item title="备查表" name="addbcb1">
<m-addbcb1 :model="model" :codes="codes" />
</el-collapse-item-->
<el-collapse-item title="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import Utils from "~/utils";
import Event from "~/model/Litcan/Event";
//import Addbcb1 from "~/views/Public/Addbcb1";
import Coninfp from "~/views/Public/Coninfp";
export default {
components: {
"m-coninfp": Coninfp,
//"m-addbcb1": Addbcb1,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
activeNames: ["coninfp"],
};
},
methods: {
...Event,
handleChange(val) {
console.log(val);
},
},
created: function () {},
};
</script>
<style>
</style>
\ No newline at end of file
src/views/Business/Trtopn/Cnyp.vue 0 → 100644
<template>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="资本项目" name="cfactlp">
<m-cfactlp :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Trtopn/Event";
import Cfactlp from "./Cfactlp";
export default {
inject: ["root"],
components: {
"m-cfactlp": Cfactlp,
},
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
activeNames: ["cfactlp"],
};
},
methods: {
...Event,
handleChange() {}
},
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Trtopn/Ovwp.vue
<template>
<c-row>
<!--=================顶部================= -->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="单据编号" prop="trdgrp.rec.pntref">
<c-fullbox>
<c-input
v-model="model.trdgrp.rec.pntref"
maxlength="16"
style="width: 78%"
disabled
placeholder="请输入单据编号"
>
</c-input>
<c-button
size="small"
type="primary;width:10%"
style="width: 10%"
@click="onSeainf"
>
i
</c-button>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="单据名称" prop="trdgrp.rec.pntnam">
<c-input
align="middle"
v-model="model.trdgrp.rec.pntnam"
maxlength="40"
disabled
placeholder="请输入单据名称"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="融资编号" prop="trdgrp.rec.ownref">
<c-fullbox>
<c-input
v-model="model.trdgrp.rec.ownref"
maxlength="16"
disabled
style="width: 57%"
></c-input>
<c-button
size="small"
type="primary;width:10%"
style="width: 10%"
@click="onSeainf"
>
i</c-button
>
<c-button
size="small"
type="primary"
:disabled="
model.trdgrp.rec.fintyp == '' ||
model.trdgrp.fip.pts.adrblk == '' ||
// model.trdgrp.rec.branchinr == ''||
model.trdgrp.rec.ownref != ''
"
@click="onTrtpButgetref"
style="width: 20%"
>
获取</c-button
>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="借款合同名称" prop="trdgrp.rec.nam">
<c-input
align="middle"
v-model="model.trdgrp.rec.nam"
maxlength="40"
disabled
placeholder="请输入借款合同名称"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!--=================中部-左================= -->
<c-col :span="11">
<c-col :span="24">
<el-form-item label="客户经理" prop="trtp.usr.extkey">
<c-fullbox>
<c-input
v-model="model.trtp.usr.extkey"
maxlength="8"
placeholder="请输入客户经理"
style="width: 88%"
></c-input>
<c-button
size="small"
type="primary;width:10%"
style="width: 10%"
@click="onExtkey"
>
i
</c-button>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="开立日期" prop="trdgrp.rec.issdat">
<c-date-picker
type="date"
v-model="model.trdgrp.rec.issdat"
style="width: 100%"
placeholder="请选择开立日期"
>
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="17">
<el-form-item label="融资品种" prop="trdgrp.rec.fintyp">
<c-select
v-model="model.trdgrp.rec.fintyp"
style="width: 100%"
placeholder="请选择融资品种"
>
<el-option
v-for="item in codes.fintyp1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="6" :offset="1">
<c-checkbox v-model="model.trtp.dfflag">同业代付</c-checkbox>
</c-col>
<c-col :span="24">
<el-form-item label="货押标识" prop="trdgrp.rec.guaflg">
<c-select
v-model="model.trdgrp.rec.guaflg"
style="width: 100%"
placeholder="请选择货押标识"
>
<el-option
v-for="item in codes.guaflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="货物代码" prop="trdgrp.rec.stagod">
<c-select
v-model="model.trdgrp.rec.stagod"
style="width: 100%"
placeholder="请选择货物代码"
>
<el-option
v-for="item in codes.godcod"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="融资金额" prop="trdgrp.cbs.max.cur">
<c-select
v-model="model.trdgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择币种"
@keyup.enter.native="maxCurEvent"
>
<el-option
v-for="item in codes.curtxt1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="7">
<el-form-item
style="text-align: left"
label-width="20px"
prop="trdgrp.cbs.max.amt"
>
<c-input
v-model="model.trdgrp.cbs.max.amt"
style="width: 100%"
placeholder="请输入融资金额"
></c-input>
</el-form-item>
</c-col>
<c-col :span="5">
<el-form-item prop="trdgrp.rec.pctfin" label-width="20px">
<c-input
v-model="model.trdgrp.rec.pctfin"
style="width: 80%"
:disabled="true"
></c-input
>%
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="计息周期" prop="trtmod.finmod.intprd">
<c-select
v-model="model.trtmod.finmod.intprd"
style="width: 100%"
placeholder="请选择计息周期"
>
<el-option
v-for="item in codes.intprd"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="利率调整方式" prop="trtmod.finmod.ratchgtyp">
<c-select
v-model="model.trtmod.finmod.ratchgtyp"
style="width: 100%"
placeholder="请选择利率调整方式"
>
<el-option
v-for="item in codes.ratchgtyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="13">
<el-form-item label="开户日期" prop="trdgrp.rec.stttendat">
<c-date-picker
type="date"
v-model="model.trdgrp.rec.stttendat"
style="width: 100%"
placeholder="请选择开户日期"
value-format="yyyy-MM-dd"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label="到期日(非节假日)"
prop="trdgrp.rec.matdat"
label-width="110px"
>
<c-date-picker
type="date"
v-model="model.trdgrp.rec.matdat"
style="width: 100%"
placeholder="非节假日"
:picker-options="pickerOptions"
value-format="yyyy-MM-dd"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="基准利率" prop="trdgrp.rec.intrat">
<c-fullbox>
<c-input
v-model="model.trdgrp.rec.intrat"
placeholder="请输入基准利率"
:disabled="true"
style="width: 82%"
>
</c-input>
<c-button
size="small"
type="primary"
@click="onFinmodButget"
style="width: 15%"
>
Get
</c-button>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="基准利率规则" prop="trtmod.finmod.dinmod.jzllgz">
<c-select
v-model="model.trtmod.finmod.dinmod.jzllgz"
style="width: 100%"
placeholder="请选择基准利率规则"
>
<el-option
v-for="item in codes.jzllgz"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="执行利率" prop="trdgrp.rec.actrat">
<c-input
v-model="model.trdgrp.rec.actrat"
placeholder="请输入执行利率"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="是否定向收付"
prop="trdgrp.rec.flowflag"
v-if="zmqflg == 'x'"
>
<c-select
v-model="model.trdgrp.rec.flowflag"
style="width: 100%"
placeholder="请选择是否定向收付"
>
<el-option
v-for="item in codes.flowflag"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="第一还款账号" prop="trtmod.finmod.act1">
<c-select
v-model="model.trtmod.finmod.act1"
style="width: 100%"
placeholder="请选择第一还款账号"
>
<el-option
v-for="(item, idx) in codes.codeSet['trtmod.finmod.act1']"
:key="idx"
:label="item.split('\t')[1]"
:value="item.split('\t')[0]"
></el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="预收息金额" prop="trtmod.finmod.intamt">
<c-fullbox>
<c-input
v-model="model.trtmod.finmod.intamt"
style="width: 77%"
:disabled="true"
placeholder="请输入预收息金额"
>
</c-input>
<c-button
size="small"
type="primary"
@click="onFinmodButcal"
:disabled="model.trtmod.finmod.intprd != '7'"
style="width: 20%"
>
计算
</c-button>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="14">
<el-form-item label="预扣息方式" prop="trtmod.finmod.inttyp">
<c-select
v-model="model.trtmod.finmod.inttyp"
style="width: 100%"
placeholder="请选择预扣息方式"
:disabled="model.trtmod.finmod.intprd != '7'"
>
<el-option
v-for="item in codes.inttyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="10">
<el-form-item
label="税率"
label-width="110px"
prop="trtmod.finmod.shuilv"
>
<c-input
v-model="model.trtmod.finmod.shuilv"
:disabled="true"
placeholder="请输入税率"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="定价审批代码" prop="trtmod.finmod.dinjdm">
<c-fullbox>
<c-input
v-model="model.trtmod.finmod.dinjdm"
maxlength="20"
placeholder="请输入定价审批代码"
style="width: 82%"
>
</c-input>
<c-button
size="small"
type="primary"
@click="onDinmodDget"
:disabled="true"
style="width: 15%"
>
Get
</c-button>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="市场LPR期限品种" prop="trdgrp.rec.lprtyp">
<c-select
v-model="model.trdgrp.rec.lprtyp"
style="width: 100%"
placeholder="请选择市场LPR期限品种"
>
<el-option
v-for="item in codes.lprtyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="审批流程发起标识"
prop="trtmod.finmod.dinmod.rmbsbs"
>
<c-select
v-model="model.trtmod.finmod.dinmod.rmbsbs"
style="width: 100%"
placeholder="请选择审批流程发起标识"
:disabled="true"
>
<el-option
v-for="item in codes.jzllgz"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="发票类型" prop="trdgrp.rec.invtyp">
<c-select
v-model="model.trdgrp.rec.invtyp"
style="width: 100%"
placeholder="请选择发票类型"
>
<el-option
v-for="item in codes.invtyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<!--=================中部-右================= -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '融资客户',
grp: 'trdgrp',
rol: 'fip',
}"
:isAdrblk="true"
:disabled="true"
@onSeainf="onSeainf"
>
</c-ptap>
</c-col>
<c-col :span="24">
<el-form-item label="借据号" prop="trtmod.finmod.fincod">
<c-input
v-model="model.trtmod.finmod.fincod"
maxlength="17"
placeholder="请输入借据号"
:disabled="true"
></c-input>
</el-form-item>
</c-col>
<c-col :span="14">
<el-form-item label="计息日期" prop="trtmod.finmod.intdat">
<c-input
v-model="model.trtmod.finmod.intdat"
maxlength="2"
placeholder="请输入计息日期"
:disabled="
model.trtmod.finmod.intprd == '6' ||
model.trtmod.finmod.intprd == '7' ||
model.trtmod.finmod.intprd == 'B'
"
></c-input>
</el-form-item>
</c-col>
<c-col :span="9" :offset="1">
<c-checkbox v-model="model.trtmod.finmod.wjdkfl" :disabled="true"
>是否到期主动扣收款</c-checkbox
>
</c-col>
<c-col :span="12">
<el-form-item label="利率调整周期" prop="trtmod.finmod.ratchgprd">
<c-select
v-model="model.trtmod.finmod.ratchgprd"
style="width: 100%"
placeholder="请选择利率调整周期"
:disabled="
model.trtmod.finmod.ratchgtyp != '7' &&
model.trtmod.finmod.ratchgtyp != '8' &&
model.trtmod.finmod.ratchgtyp != '9'
"
>
<el-option
v-for="item in codes.ratchgprd"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="利率调整月日数" prop="trtmod.finmod.ratchgdat">
<c-input
v-model="model.trtmod.finmod.ratchgdat"
maxlength="4"
placeholder="请输入利率调整月日数"
:disabled="
model.trtmod.finmod.ratchgtyp != '4' &&
model.trtmod.finmod.ratchgtyp != '5'
"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="融资天数" prop="trdgrp.rec.tenday">
<c-input
v-model="model.trdgrp.rec.tenday"
style="width: 100%"
:disabled="true"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="宽限期" prop="trtmod.finmod.graday">
<c-input
v-model="model.trtmod.finmod.graday"
style="width: 100%"
:disabled="true"
placeholder="请输入宽限期"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="浮动方式" prop="trtmod.finmod.flttyp">
<c-select
v-model="model.trtmod.finmod.flttyp"
style="width: 100%"
placeholder="请选择浮动方式"
>
<el-option
v-for="item in codes.flttyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="浮动值" prop="trtmod.finmod.fltval">
<c-input
v-model="model.trtmod.finmod.fltval"
placeholder="请输入浮动值"
:disabled="model.trtmod.finmod.flttyp == '0'"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="逾期计息方式" prop="trtmod.finmod.ovdinttyp">
<c-select
v-model="model.trtmod.finmod.ovdinttyp"
style="width: 100%"
placeholder="请选择逾期计息方式"
>
<el-option
v-for="item in codes.ovdinttyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="罚息比率" prop="trtmod.finmod.ovdintrat">
<c-input
v-model="model.trtmod.finmod.ovdintrat"
placeholder="请输入罚息比率"
style="width: 85%"
:disabled="model.trtmod.finmod.ovdinttyp == '0'"
></c-input
>%
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="第三方还款方式" prop="trtmod.finmod.acttyp">
<c-select
v-model="model.trtmod.finmod.acttyp"
style="width: 100%"
placeholder="请选择第三方还款方式"
>
<el-option
v-for="item in codes.acttyp1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="入账机构" prop="trtmod.finmod.accbch">
<c-select
v-model="model.trtmod.finmod.accbch"
style="width: 100%"
placeholder="请选择入账机构"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="第三方还款账号" prop="trtmod.finmod.act3">
<c-select
filterable
allow-create
v-model="model.trtmod.finmod.act3"
style="width: 100%"
:disabled="model.trtmod.finmod.acttyp == ''"
placeholder="请选择第三方还款账号"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<span v-text="model.trntyp" data-path=".trntyp"> </span>
</c-col>
<c-col :span="24">
<el-form-item label="利息付款账号" prop="trtmod.finmod.intact">
<c-input
v-model="model.trtmod.finmod.intact"
style="width: 100%"
placeholder="请选择利息付款账号"
:disabled="true"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<span v-text="model.oppacc" data-path=".oppacc"> </span>
</c-col>
<c-col :span="24">
<el-form-item label="贸易合同号" prop="trdgrp.rec.mycontno">
<c-input
v-model="model.trdgrp.rec.mycontno"
maxlength="35"
placeholder="请输入贸易合同号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="外币贷款专户清单" prop="trtp.act">
<c-select
v-model="model.trtp.act"
style="width: 100%"
placeholder="请选择外币贷款专户清单"
:disabled="model.trdgrp.cbs.max.cur === 'CNY'"
>
</c-select>
</el-form-item>
</c-col>
</c-col>
</c-row>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="融资详情" name="ovwp1">
<m-ovwp1 :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="同业代付" name="dftcrep" v-if="model.trtp.dfflag">
<m-dftcrep :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="融资款项" name="rzkx">
<m-rzkx :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="定价系统" name="dinpan" v-if="model.trtmod.finmod.dinjdm != ''">
<m-dinpan :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Utils from "~/utils";
import Event from "~/model/Trtopn/Event";
import Ptap from "~/views/Public/Ptap";
import Ovwp1 from "./Ovwp1";
import Dftcrep from "./Dftcrep";
import Rzkx from "./Rzkx";
import Dinpan from "./Dinpan";
export default {
components: { "c-ptap": Ptap },
components: {
"m-dftcrep": Dftcrep,
"m-rzkx": Rzkx,
"m-ovwp1": Ovwp1,
"m-dinpan": Dinpan,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
zmqflg: null,
pickerOptions: {
disabledDate(time) {
return time.getDay() === 0 || time.getDay() === 6;
},
},
flag: false,
activeNames: ["ovwp1"],
};
},
watch: {},
methods: {
...Event,
},
created: function () {},
computed: {
},
};
</script>
<style></style>
<style>
.marginLable {
padding-left: 160px;
}
</style>
src/views/Business/Trtopn/Ovwp1.vue 0 → 100644
<template>
<c-row>
<!--=================顶部================= -->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="单据编号" prop="trdgrp.rec.pntref">
<c-fullbox>
<c-input
v-model="model.trdgrp.rec.pntref"
maxlength="16"
style="width: 78%"
disabled
placeholder="请输入单据编号"
>
</c-input>
<c-button
size="small"
type="primary;width:10%"
style="width: 10%"
@click="onSeainf"
>
i
</c-button>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="单据名称" prop="trdgrp.rec.pntnam">
<c-input
align="middle"
v-model="model.trdgrp.rec.pntnam"
maxlength="40"
disabled
placeholder="请输入单据名称"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="融资编号" prop="trdgrp.rec.ownref">
<c-fullbox>
<c-input
v-model="model.trdgrp.rec.ownref"
maxlength="16"
disabled
style="width: 57%"
></c-input>
<c-button
size="small"
type="primary;width:10%"
style="width: 10%"
@click="onSeainf"
>
i</c-button
>
<c-button
size="small"
type="primary"
:disabled="
model.trdgrp.rec.fintyp == '' ||
model.trdgrp.fip.pts.adrblk == '' ||
// model.trdgrp.rec.branchinr == ''||
model.trdgrp.rec.ownref != ''
"
@click="onTrtpButgetref"
style="width: 20%"
>
获取</c-button
>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="借款合同名称" prop="trdgrp.rec.nam">
<c-input
align="middle"
v-model="model.trdgrp.rec.nam"
maxlength="40"
disabled
placeholder="请输入借款合同名称"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!--=================中部-左================= -->
<c-col :span="11">
<c-col :span="24">
<el-form-item label="客户经理" prop="trtp.usr.extkey">
<c-fullbox>
<c-input
v-model="model.trtp.usr.extkey"
maxlength="8"
placeholder="请输入客户经理"
style="width: 88%"
></c-input>
<c-button
size="small"
type="primary;width:10%"
style="width: 10%"
@click="onExtkey"
>
i
</c-button>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="开立日期" prop="trdgrp.rec.issdat">
<c-date-picker
type="date"
v-model="model.trdgrp.rec.issdat"
style="width: 100%"
placeholder="请选择开立日期"
>
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="17">
<el-form-item label="融资品种" prop="trdgrp.rec.fintyp">
<c-select
v-model="model.trdgrp.rec.fintyp"
style="width: 100%"
placeholder="请选择融资品种"
>
<el-option
v-for="item in codes.fintyp1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="6" :offset="1">
<c-checkbox v-model="model.trtp.dfflag">同业代付</c-checkbox>
</c-col>
<c-col :span="24">
<el-form-item label="货押标识" prop="trdgrp.rec.guaflg">
<c-select
v-model="model.trdgrp.rec.guaflg"
style="width: 100%"
placeholder="请选择货押标识"
>
<el-option
v-for="item in codes.guaflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="货物代码" prop="trdgrp.rec.stagod">
<c-select
v-model="model.trdgrp.rec.stagod"
style="width: 100%"
placeholder="请选择货物代码"
>
<el-option
v-for="item in codes.godcod"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="融资金额" prop="trdgrp.cbs.max.cur">
<c-select
v-model="model.trdgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择币种"
@keyup.enter.native="maxCurEvent"
>
<el-option
v-for="item in codes.curtxt1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="7">
<el-form-item
style="text-align: left"
label-width="20px"
prop="trdgrp.cbs.max.amt"
>
<c-input
v-model="model.trdgrp.cbs.max.amt"
style="width: 100%"
placeholder="请输入融资金额"
></c-input>
</el-form-item>
</c-col>
<c-col :span="5">
<el-form-item prop="trdgrp.rec.pctfin" label-width="20px">
<c-input
v-model="model.trdgrp.rec.pctfin"
style="width: 80%"
:disabled="true"
></c-input
>%
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="计息周期" prop="trtmod.finmod.intprd">
<c-select
v-model="model.trtmod.finmod.intprd"
style="width: 100%"
placeholder="请选择计息周期"
>
<el-option
v-for="item in codes.intprd"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="利率调整方式" prop="trtmod.finmod.ratchgtyp">
<c-select
v-model="model.trtmod.finmod.ratchgtyp"
style="width: 100%"
placeholder="请选择利率调整方式"
>
<el-option
v-for="item in codes.ratchgtyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="13">
<el-form-item label="开户日期" prop="trdgrp.rec.stttendat">
<c-date-picker
type="date"
v-model="model.trdgrp.rec.stttendat"
style="width: 100%"
placeholder="请选择开户日期"
value-format="yyyy-MM-dd"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label="到期日(非节假日)"
prop="trdgrp.rec.matdat"
label-width="110px"
>
<c-date-picker
type="date"
v-model="model.trdgrp.rec.matdat"
style="width: 100%"
placeholder="非节假日"
:picker-options="pickerOptions"
value-format="yyyy-MM-dd"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="基准利率" prop="trdgrp.rec.intrat">
<c-fullbox>
<c-input
v-model="model.trdgrp.rec.intrat"
placeholder="请输入基准利率"
:disabled="true"
style="width: 82%"
>
</c-input>
<c-button
size="small"
type="primary"
@click="onFinmodButget"
style="width: 15%"
>
Get
</c-button>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="基准利率规则" prop="trtmod.finmod.dinmod.jzllgz">
<c-select
v-model="model.trtmod.finmod.dinmod.jzllgz"
style="width: 100%"
placeholder="请选择基准利率规则"
>
<el-option
v-for="item in codes.jzllgz"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="执行利率" prop="trdgrp.rec.actrat">
<c-input
v-model="model.trdgrp.rec.actrat"
placeholder="请输入执行利率"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="是否定向收付"
prop="trdgrp.rec.flowflag"
v-if="zmqflg == 'x'"
>
<c-select
v-model="model.trdgrp.rec.flowflag"
style="width: 100%"
placeholder="请选择是否定向收付"
>
<el-option
v-for="item in codes.flowflag"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="第一还款账号" prop="trtmod.finmod.act1">
<c-select
v-model="model.trtmod.finmod.act1"
style="width: 100%"
placeholder="请选择第一还款账号"
>
<el-option
v-for="(item, idx) in codes.codeSet['trtmod.finmod.act1']"
:key="idx"
:label="item.split('\t')[1]"
:value="item.split('\t')[0]"
></el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="预收息金额" prop="trtmod.finmod.intamt">
<c-fullbox>
<c-input
v-model="model.trtmod.finmod.intamt"
style="width: 77%"
:disabled="true"
placeholder="请输入预收息金额"
>
</c-input>
<c-button
size="small"
type="primary"
@click="onFinmodButcal"
:disabled="model.trtmod.finmod.intprd != '7'"
style="width: 20%"
>
计算
</c-button>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="14">
<el-form-item label="预扣息方式" prop="trtmod.finmod.inttyp">
<c-select
v-model="model.trtmod.finmod.inttyp"
style="width: 100%"
placeholder="请选择预扣息方式"
:disabled="model.trtmod.finmod.intprd != '7'"
>
<el-option
v-for="item in codes.inttyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="10">
<el-form-item
label="税率"
label-width="110px"
prop="trtmod.finmod.shuilv"
>
<c-input
v-model="model.trtmod.finmod.shuilv"
:disabled="true"
placeholder="请输入税率"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="定价审批代码" prop="trtmod.finmod.dinjdm">
<c-fullbox>
<c-input
v-model="model.trtmod.finmod.dinjdm"
maxlength="20"
placeholder="请输入定价审批代码"
style="width: 82%"
>
</c-input>
<c-button
size="small"
type="primary"
@click="onDinmodDget"
:disabled="true"
style="width: 15%"
>
Get
</c-button>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="市场LPR期限品种" prop="trdgrp.rec.lprtyp">
<c-select
v-model="model.trdgrp.rec.lprtyp"
style="width: 100%"
placeholder="请选择市场LPR期限品种"
>
<el-option
v-for="item in codes.lprtyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="审批流程发起标识"
prop="trtmod.finmod.dinmod.rmbsbs"
>
<c-select
v-model="model.trtmod.finmod.dinmod.rmbsbs"
style="width: 100%"
placeholder="请选择审批流程发起标识"
:disabled="true"
>
<el-option
v-for="item in codes.jzllgz"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="发票类型" prop="trdgrp.rec.invtyp">
<c-select
v-model="model.trdgrp.rec.invtyp"
style="width: 100%"
placeholder="请选择发票类型"
>
<el-option
v-for="item in codes.invtyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<!--=================中部-右================= -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '融资客户',
grp: 'trdgrp',
rol: 'fip',
}"
:isAdrblk="true"
:disabled="true"
@onSeainf="onSeainf"
>
</c-ptap>
</c-col>
<c-col :span="24">
<el-form-item label="借据号" prop="trtmod.finmod.fincod">
<c-input
v-model="model.trtmod.finmod.fincod"
maxlength="17"
placeholder="请输入借据号"
:disabled="true"
></c-input>
</el-form-item>
</c-col>
<c-col :span="14">
<el-form-item label="计息日期" prop="trtmod.finmod.intdat">
<c-input
v-model="model.trtmod.finmod.intdat"
maxlength="2"
placeholder="请输入计息日期"
:disabled="
model.trtmod.finmod.intprd == '6' ||
model.trtmod.finmod.intprd == '7' ||
model.trtmod.finmod.intprd == 'B'
"
></c-input>
</el-form-item>
</c-col>
<c-col :span="9" :offset="1">
<c-checkbox v-model="model.trtmod.finmod.wjdkfl" :disabled="true"
>是否到期主动扣收款</c-checkbox
>
</c-col>
<c-col :span="12">
<el-form-item label="利率调整周期" prop="trtmod.finmod.ratchgprd">
<c-select
v-model="model.trtmod.finmod.ratchgprd"
style="width: 100%"
placeholder="请选择利率调整周期"
:disabled="
model.trtmod.finmod.ratchgtyp != '7' &&
model.trtmod.finmod.ratchgtyp != '8' &&
model.trtmod.finmod.ratchgtyp != '9'
"
>
<el-option
v-for="item in codes.ratchgprd"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="利率调整月日数" prop="trtmod.finmod.ratchgdat">
<c-input
v-model="model.trtmod.finmod.ratchgdat"
maxlength="4"
placeholder="请输入利率调整月日数"
:disabled="
model.trtmod.finmod.ratchgtyp != '4' &&
model.trtmod.finmod.ratchgtyp != '5'
"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="融资天数" prop="trdgrp.rec.tenday">
<c-input
v-model="model.trdgrp.rec.tenday"
style="width: 100%"
:disabled="true"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="宽限期" prop="trtmod.finmod.graday">
<c-input
v-model="model.trtmod.finmod.graday"
style="width: 100%"
:disabled="true"
placeholder="请输入宽限期"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="浮动方式" prop="trtmod.finmod.flttyp">
<c-select
v-model="model.trtmod.finmod.flttyp"
style="width: 100%"
placeholder="请选择浮动方式"
>
<el-option
v-for="item in codes.flttyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="浮动值" prop="trtmod.finmod.fltval">
<c-input
v-model="model.trtmod.finmod.fltval"
placeholder="请输入浮动值"
:disabled="model.trtmod.finmod.flttyp == '0'"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="逾期计息方式" prop="trtmod.finmod.ovdinttyp">
<c-select
v-model="model.trtmod.finmod.ovdinttyp"
style="width: 100%"
placeholder="请选择逾期计息方式"
>
<el-option
v-for="item in codes.ovdinttyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="罚息比率" prop="trtmod.finmod.ovdintrat">
<c-input
v-model="model.trtmod.finmod.ovdintrat"
placeholder="请输入罚息比率"
style="width: 85%"
:disabled="model.trtmod.finmod.ovdinttyp == '0'"
></c-input
>%
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="第三方还款方式" prop="trtmod.finmod.acttyp">
<c-select
v-model="model.trtmod.finmod.acttyp"
style="width: 100%"
placeholder="请选择第三方还款方式"
>
<el-option
v-for="item in codes.acttyp1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="入账机构" prop="trtmod.finmod.accbch">
<c-select
v-model="model.trtmod.finmod.accbch"
style="width: 100%"
placeholder="请选择入账机构"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="第三方还款账号" prop="trtmod.finmod.act3">
<c-select
filterable
allow-create
v-model="model.trtmod.finmod.act3"
style="width: 100%"
:disabled="model.trtmod.finmod.acttyp == ''"
placeholder="请选择第三方还款账号"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<span v-text="model.trntyp" data-path=".trntyp"> </span>
</c-col>
<c-col :span="24">
<el-form-item label="利息付款账号" prop="trtmod.finmod.intact">
<c-input
v-model="model.trtmod.finmod.intact"
style="width: 100%"
placeholder="请选择利息付款账号"
:disabled="true"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<span v-text="model.oppacc" data-path=".oppacc"> </span>
</c-col>
<c-col :span="24">
<el-form-item label="贸易合同号" prop="trdgrp.rec.mycontno">
<c-input
v-model="model.trdgrp.rec.mycontno"
maxlength="35"
placeholder="请输入贸易合同号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="外币贷款专户清单" prop="trtp.act">
<c-select
v-model="model.trtp.act"
style="width: 100%"
placeholder="请选择外币贷款专户清单"
:disabled="model.trdgrp.cbs.max.cur === 'CNY'"
>
</c-select>
</el-form-item>
</c-col>
</c-col>
</c-row>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Utils from "~/utils";
import Event from "~/model/Trtopn/Event";
import Ptap from "~/views/Public/Ptap";
export default {
components: { "c-ptap": Ptap },
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
zmqflg: null,
pickerOptions: {
disabledDate(time) {
return time.getDay() === 0 || time.getDay() === 6;
},
},
flag: false,
};
},
watch: {},
methods: {
...Event,
},
created: function () {},
};
</script>
<style></style>
src/views/Business/Trtopn/index.vue
<template>
<c-page title="融资开立">
<div class="eContainer">
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
<el-button size="small">备忘录</el-button>
<el-button size="small">影像信息</el-button>
<el-button size="small">保存模板</el-button>
<el-button size="small">使用模板</el-button>
<el-button size="small">制裁信息</el-button>
<el-button size="small">拆分报文</el-button>
<el-button size="small">提示</el-button>
</c-function-btn>
<el-form
:model="model"
......@@ -25,35 +12,103 @@
:validate-on-rule-change="false"
>
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--Ovwp PD000026 Financing Details -->
<el-tab-pane label="融资详情" name="ovwp">
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--dftcre PD000001 同业代付 -->
<el-tab-pane label="同业代付" name="dftcrep" v-if="model.trtp.dfflag">
<!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody">
<c-content>
<m-dftcrep :model="model" :codes="codes" />
<m-limitbody :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="表外记账" name="engp">
<!--PD000027 -->
<el-tab-pane label="费用/账务" name="engp,setpan,glepan">
<c-content>
<div class="eibs-tab">
<el-collapse v-model="activeNames">
<el-collapse-item title="表外记账" name="engp">
<!-- 表外记账 -->
<m-engp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="结算" name="setpan">
<!-- 结算 -->
<m-setpan :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="会计分录" name="glepan">
<!-- 会计分录 -->
<m-glepan :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</c-content>
</el-tab-pane>
<!--PD000510 -->
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-addbcb :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000000 -->
<!-- <el-tab-pane label="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-tab-pane> -->
<!--PD000002 -->
<el-tab-pane label="申报信息" name="cnyp">
<c-content>
<m-cnyp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000546 -->
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--Ovwp PD000026 Financing Details -->
<!-- <el-tab-pane label="融资详情" name="ovwp1">
<c-content>
<m-ovwp1 :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!--dftcre PD000001 同业代付 -->
<!-- <el-tab-pane label="同业代付" name="dftcrep" v-if="model.trtp.dfflag">
<c-content>
<m-dftcrep :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!-- <el-tab-pane label="表外记账" name="engp">
<c-content>
<m-engp :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<el-tab-pane label="结算" name="setpan">
<!-- <el-tab-pane label="结算" name="setpan">
<c-content> <m-setpan :model="model" :codes="codes" />. </c-content>
</el-tab-pane>
<el-tab-pane label="会计分录" name="glepan">
<c-content> <m-glepan :model="model" :codes="codes" />. </c-content>
</el-tab-pane>
</el-tab-pane> -->
<el-tab-pane label="提示信息" name="coninfp">
<!-- <el-tab-pane label="提示信息" name="coninfp">
<c-content>
<m-coninfp :model="model" :codes="codes" />
</c-content>
......@@ -69,41 +124,47 @@
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--financ PD000004 融资款项 -->
<el-tab-pane label="融资款项" name="rzkx">
<!-- <el-tab-pane label="融资款项" name="rzkx">
<c-content>
<m-rzkx :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--trtopn PD000304 资本项目 -->
<el-tab-pane label="资本项目" name="cfactlp">
<!-- <el-tab-pane label="资本项目" name="cfactlp">
<c-content>
<m-cfactlp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<el-tab-pane label="定价系统" name="dinpan" v-if="model.trtmod.finmod.dinjdm != ''">
<!-- <el-tab-pane label="定价系统" name="dinpan" v-if="model.trtmod.finmod.dinjdm != ''">
<c-content :height="300">
<m-dinpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<el-tab-pane label="统一授信" name="limitbody">
<!-- <el-tab-pane label="统一授信" name="limitbody">
<c-content>
<m-limitbody :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
</c-tabs>
</el-form>
<c-grid-ety-prompt-dialog
ref="etyDialog"
:promptData="promptData"
v-on:select-ety="selectEty"
>
</c-grid-ety-prompt-dialog>
</el-form>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
</div>
</c-page>
</template>
......@@ -120,10 +181,12 @@ import Pattern from "~/model/Trtopn/Pattern";
import Event from "~/model/Trtopn/Event";
import Ovwp from "./Ovwp";
import Addbcb from "./Addbcb";
import Dftcrep from "./Dftcrep";
import Rzkx from "./Rzkx";
import Cfactlp from "./Cfactlp";
import Dinpan from "./Dinpan";
import Cnyp from "./Cnyp";
import Limitbody from "~/views/Public/Limitbody";
import Doctre from "~/views/Public/Doctre";
......@@ -136,7 +199,9 @@ import Glepan from "~/views/Public/Glepan";
export default {
name: "Trtopn",
components: {
"m-cnyp":Cnyp,
"m-ovwp": Ovwp,
"m-addbcb": Addbcb,
"m-dftcrep": Dftcrep,
"m-rzkx": Rzkx,
"m-cfactlp": Cfactlp,
......@@ -165,6 +230,7 @@ export default {
pattern: Pattern,
rules: null,
codes: { ...CodeTable },
activeNames: ["engp"],
};
},
methods: {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment