Skip to content

V
vue-gjjs
Commit f4272750 by tianxinyu
Options

BCTDAV页面布局修改

parent 3a0e7a13
Showing with 907 additions and 774 deletions
src/views/Business/Bctdav/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/Bctdav/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/Bctdav/Cnyp.vue
<template>
<div class="eibs-tab">
<el-col :span="11">
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2101表" prop="cnybop.cnyflg" label-width="200px">
<c-select
:code="codes.cnyflg"
disabled v-model="model.cnybop.cnyflg" style="width:100%" placeholder="请选择是否报送跨境人民币2101表">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2107表" prop="cnybop.traflg" label-width="200px">
<c-select
:code="codes.traflg"
disabled v-model="model.cnybop.traflg" style="width:100%" placeholder="请选择是否报送跨境人民币2107表">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2111表" prop="cnybop.outflg" label-width="200px">
<c-select
:code="codes.outflg"
:disabled="model.bcdgrp.cbs.max.cur!='CNY'" v-model="model.cnybop.outflg" style="width:100%" placeholder="请选择是否报送跨境人民币2111表">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2106表" prop="cnybop.libflg" label-width="200px">
<c-select
:code="codes.libflg"
disabled v-model="model.cnybop.libflg" style="width:100%" placeholder="请选择是否报送跨境人民币2106表">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2122表" prop="cnybop.vouflg" label-width="200px">
<c-select
:code="codes.vouflg"
disabled v-model="model.cnybop.vouflg" style="width:100%" placeholder="请选择是否报送跨境人民币2122表">
</c-select>
</el-form-item>
</c-col>
</el-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Bctdav/Event"
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="跨境人民币申报" name="cnyp1">
<m-cnyp1 :model="model" :codes="codes" />
</el-collapse-item>
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
}
},
methods:{...Event},
created:function(){
</el-collapse>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Bctdav/Event";
import Cnyp1 from "./Cnyp1"
export default {
components: {
"m-cnyp1": Cnyp1,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
activeNames: ["cnyp1"],
};
},
methods: {
...Event,
},
created: function () {},
computed: {
},
};
</script>
<style>
.marginLable {
padding-left: 160px;
}
}
</script>
<style>
</style>
</style>
\ No newline at end of file
src/views/Business/Bctdav/Cnyp1.vue 0 → 100644
<template>
<div class="eibs">
<el-col :span="11">
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2101表" prop="cnybop.cnyflg" label-width="200px">
<c-select
:code="codes.cnyflg"
disabled v-model="model.cnybop.cnyflg" style="width:100%" placeholder="请选择是否报送跨境人民币2101表">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2107表" prop="cnybop.traflg" label-width="200px">
<c-select
:code="codes.traflg"
disabled v-model="model.cnybop.traflg" style="width:100%" placeholder="请选择是否报送跨境人民币2107表">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2111表" prop="cnybop.outflg" label-width="200px">
<c-select
:code="codes.outflg"
:disabled="model.bcdgrp.cbs.max.cur!='CNY'" v-model="model.cnybop.outflg" style="width:100%" placeholder="请选择是否报送跨境人民币2111表">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2106表" prop="cnybop.libflg" label-width="200px">
<c-select
:code="codes.libflg"
disabled v-model="model.cnybop.libflg" style="width:100%" placeholder="请选择是否报送跨境人民币2106表">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2122表" prop="cnybop.vouflg" label-width="200px">
<c-select
:code="codes.vouflg"
disabled v-model="model.cnybop.vouflg" style="width:100%" placeholder="请选择是否报送跨境人民币2122表">
</c-select>
</el-form-item>
</c-col>
</el-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Bctdav/Event"
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
}
},
methods:{...Event},
created:function(){
}
}
</script>
<style>
</style>
src/views/Business/Bctdav/Detp.vue
<template>
<c-row>
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="放单指示条款">
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="20">
<c-input type="textarea" v-model="model.bcdgrp.blk.colins" maxlength="65" show-word-limit
<el-form-item label="放单指示条款" style="padding-top:15px">
<c-fullbox>
<c-input type="textarea" v-model="model.bcdgrp.blk.colins" maxlength="65" show-word-limit
placeholder="请输入放单指示条款">
</c-input>
</c-col>
<c-col :span="4">
<c-button size="small" type="primary" icon="el-icon-search" @click="
showGridPromptDialog(
'bctp.colins.buttxmsel',
null,
null,
{ TXT: 'bcdgrp.blk.colins' },
{ TXT: false },
'doxpDialog'
)
">
...
</c-button>
</c-col>
</c-col>
<c-col :span="12">
<el-form-item label="汇票指示条款">
<template slot="footer">
<c-button size="small" type="primary" icon="el-icon-more" @click="
showGridPromptDialog(
'bctp.colins.buttxmsel',
null,
null,
{ TXT: 'bcdgrp.blk.colins' },
{ TXT: false },
'doxpDialog'
)
">
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="20">
<c-input type="textarea" v-model="model.bcdgrp.blk.dftins" maxlength="65" show-word-limit
<el-form-item label="汇票指示条款" style="padding-top:15px">
<c-fullbox>
<c-input type="textarea" v-model="model.bcdgrp.blk.dftins" maxlength="65" show-word-limit
placeholder="请输入汇票指示条款"></c-input>
</c-col>
<c-col :span="4">
<c-button size="small" type="primary" icon="el-icon-search" @click="
showGridPromptDialog(
'bctp.dftins.buttxmsel',
null,
null,
{ TXT: 'bcdgrp.blk.dftins' },
{ TXT: false },
'doxpDialog'
)
">
...
</c-button>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="拒绝证书指示条款" prop="bcdgrp.rec.proins">
<template slot="footer">
<c-button size="small" type="primary" icon="el-icon-more" @click="
showGridPromptDialog(
'bctp.dftins.buttxmsel',
null,
null,
{ TXT: 'bcdgrp.blk.dftins' },
{ TXT: false },
'doxpDialog'
)
">
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="20">
<c-select v-model="model.bcdgrp.rec.proins" style="width:100%" placeholder="请选择拒绝证书指示条款" :code="codes.proins">
</c-select>
</c-col>
<c-col :span="24">
<el-form-item label="其他指示条款">
<el-form-item label="拒绝证书指示条款" prop="bcdgrp.rec.proins" style="padding-top:15px">
<c-fullbox>
<c-select v-model="model.bcdgrp.rec.proins" style="width:100%" placeholder="请选择拒绝证书指示条款" :code="codes.proins">
</c-select>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="20">
<c-input type="textarea" v-model="model.bcdgrp.blk.othins" maxlength="65" show-word-limit
<el-form-item label="其他指示条款" style="padding-top:15px">
<c-fullbox>
<c-input type="textarea" v-model="model.bcdgrp.blk.othins" maxlength="65" show-word-limit
placeholder="请输入其他指示条款"></c-input>
</c-col>
<c-col :span="4">
<c-button size="small" type="primary" icon="el-icon-search" @click="
showGridPromptDialog(
'bctp.othins.buttxmsel',
null,
null,
{ TXT: 'bcdgrp.blk.othins' },
{ TXT: false },
'doxpDialog'
)
">
...
</c-button>
</c-col>
<template slot="footer">
<c-button size="small" type="primary" icon="el-icon-more" @click="
showGridPromptDialog(
'bctp.othins.buttxmsel',
null,
null,
{ TXT: 'bcdgrp.blk.othins' },
{ TXT: false },
'doxpDialog'
)
">
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="货物代码(用于统计)">
<el-form-item label="货物代码(用于统计)" style="padding-top:15px">
<c-fullbox>
<c-select v-model="model.bcdgrp.rec.stagod" style="width:100%" placeholder="请选择货物代码(用于统计)" :code="codes.godcod">
</c-select>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="20">
<c-select v-model="model.bcdgrp.rec.stagod" style="width:100%" placeholder="请选择货物代码(用于统计)" :code="codes.godcod">
</c-select>
</c-col>
</c-col>
<!-- ====================右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<el-form-item label="费用承担条款">
</el-form-item>
</c-col>
<c-col :span="24">
<c-select v-model="model.bcdgrp.rec.chato" style="width:100%" placeholder="请选择费用承担条款"
<el-form-item label="费用承担条款" style="padding-top:15px">
<c-fullbox>
<c-select v-model="model.bcdgrp.rec.chato" style="width:100%" placeholder="请选择费用承担条款"
:code="codes.chadet">
</c-select>
</c-col>
<c-col :span="24">
<el-form-item label="手续费支付的附加详述">
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<c-input type="textarea" v-model="model.bcdgrp.blk.chgtxt" maxlength="35" show-word-limit
<el-form-item label="手续费支付的附加详述" style="padding-top:15px">
<c-fullbox>
<c-input type="textarea" v-model="model.bcdgrp.blk.chgtxt" maxlength="35" show-word-limit
placeholder="请输入手续费支付的附加详述"></c-input>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<c-checkbox v-model="model.bcdgrp.rec.focflg">无偿放单选项</c-checkbox>
</c-col>
<c-col :span="24">
<el-form-item label="交单时是否放弃向代收行收取费用的权力" label-width="500px">
</el-form-item>
<c-checkbox v-model="model.bcdgrp.rec.focflg" style="padding-left:10px">无偿放单选项</c-checkbox>
</c-col>
<c-col :span="24">
<c-select v-model="model.bcdgrp.rec.waicolcod" style="width:100%" placeholder="请选择交单时是否放弃向代收行收取费用的权力"
<c-col :span="24" style="width:100%">
<el-form-item label="交单时是否放弃向代收行收取费用的权力" style="padding-top:15px">
<c-select v-model="model.bcdgrp.rec.waicolcod" style="width:100%" placeholder="请选择交单时是否放弃向代收行收取费用的权力"
:code="codes.waicolcod">
</c-select>
</c-col>
<c-col :span="24">
<el-form-item label="放单时是否放弃向托收行收取费用的权力" label-width="500px">
</el-form-item>
</c-col>
<c-col :span="24">
<c-select v-model="model.bcdgrp.rec.wairmtcod" style="width:100%" placeholder="请选择放单时是否放弃向托收行收取费用的权力"
:code="codes.wairmtcod">
</c-select>
<c-col :span="24" style="width:100%">
<el-form-item label="放单时是否放弃向托收行收取费用的权力" style="padding-top:15px">
<c-select v-model="model.bcdgrp.rec.wairmtcod" style="width:100%" placeholder="请选择放单时是否放弃向托收行收取费用的权力"
:code="codes.wairmtcod">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="延期付款期限">
<c-col :span="24" style="width:100%">
<el-form-item label="延期付款期限" style="padding-top:15px">
<c-select v-model="model.bcdgrp.rec.othins" style="width:100%" placeholder="请选择延期付款期限" :code="codes.othins">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-select v-model="model.bcdgrp.rec.othins" style="width:100%" placeholder="请选择延期付款期限" :code="codes.othins">
</c-select>
</c-col>
</c-col>
</c-row>
</template>
......@@ -172,7 +141,7 @@
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Botdav/Event"
import Event from "~/model/Bctdav/Event"
export default {
inject: ['root'],
......
src/views/Business/Bctdav/Ovwp.vue
<template>
<div class="eibs-tab">
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="24">
<el-form-item
label="进口代收业务编号"
prop="bcdgrp.rec.ownref"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.bcdgrp.rec.ownref"
maxlength="16"
placeholder="请输入进口代收业务编号"
style="width: 100%"
disabled
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
>
<i class="el-icon-info"></i>
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
:disabled="this.model.bcdgrp.dre.pts.extkey !== '' && model.bcdgrp.rec.ownref == ''? false:true"
@click="onBctmodButgetref"
>
获取编号
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="18">
<el-form-item
label="客户经理编号"
prop="bctp.usr.extkey"
style="width: 100%"
>
<c-input
style="width: 100%"
v-model="model.bctp.usr.extkey"
maxlength="16"
placeholder="请输入客户经理编号"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="6" class="centerLable">
<c-checkbox
style="margin-left: 4px; padding: 0 10px"
v-model="model.bcdgrp.rec.dftgarflg"
>待担保汇票</c-checkbox
>
</c-col>
<c-col :span="14">
<el-form-item label="代收币种及金额" prop="bcdgrp.cbs.max.cur">
<c-select
v-model="model.bcdgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择代收币种"
:code="codes.curtxt1"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="10">
<el-form-item
style="text-align: left"
label-width="0"
prop="bcdgrp.cbs.max.amt"
>
<c-input-currency
v-model="model.bcdgrp.cbs.max.amt"
style="text-align: left; width: 100%"
placeholder="请输入代收金额"
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="14">
<el-form-item label="代收币种及余额" prop="bcdgrp.cbs.opn1.cur">
<c-select
disabled
v-model="model.bcdgrp.cbs.opn1.cur"
style="width: 100%"
placeholder="请选择代收币种"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="10">
<el-form-item
style="text-align: left"
label-width="0"
prop="bcdgrp.cbs.opn1.amt"
>
<c-input-currency
disabled
v-model="model.bcdgrp.cbs.opn1.amt"
style="text-align: left; width: 100%"
placeholder="请输入代收余额"
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="收单日期" prop="bcdgrp.rec.rcvdat">
<c-date-picker
type="date"
v-model="model.bcdgrp.rec.rcvdat"
style="width: 100%"
placeholder="请选择收单日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="托收行寄单日" prop="bcdgrp.rec.predat">
<c-date-picker
type="date"
v-model="model.bcdgrp.rec.predat"
style="width: 100%"
placeholder="请选择托收行寄单日"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="通知日期" prop="bcdgrp.rec.advdat">
<c-date-picker
disabled
type="date"
v-model="model.bcdgrp.rec.advdat"
style="width: 100%"
placeholder="请选择通知日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="交单条件" prop="bcdgrp.rec.doctypcod">
<c-select
v-model="model.bcdgrp.rec.doctypcod"
style="width: 100%"
placeholder="请选择交单条件"
:code="codes.doctypcod"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="单据到期日" prop="bcdgrp.rec.matdat">
<c-date-picker
type="date"
v-model="model.bcdgrp.rec.matdat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择单据到期日"
:disabled="model.bcdgrp.rec.doctypcod === 'P'"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="单据期限" prop="bcdgrp.rec.matpercnt">
<c-input
v-model="model.bcdgrp.rec.matpercnt"
placeholder="请输入单据期限"
:disabled="model.bcdgrp.rec.doctypcod === 'P'"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="10px" prop="bcdgrp.rec.matpertyp">
<c-select
v-model="model.bcdgrp.rec.matpertyp"
style="width: 100%"
placeholder="请选择"
:code="codes.matpertyp"
:disabled="model.bcdgrp.rec.doctypcod === 'P'"
></c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="发票类型" prop="bcdgrp.rec.invtyp">
<c-select
v-model="model.bcdgrp.rec.invtyp"
style="width: 100%"
placeholder="请选择发票类型"
:code="codes.invtyp"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="单据期限起算日" prop="bcdgrp.rec.matperbeg">
<c-select
v-model="model.bcdgrp.rec.matperbeg"
style="width: 100%"
placeholder="请选择单据期限起算日"
:code="codes.matperbeg"
:disabled="model.bcdgrp.rec.doctypcod === 'P'"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="到期文本" prop="bcdgrp.blk.bcgdet">
<c-input
:disabled="!this.model.bcdgrp.blk.bcgdetflg"
type="textarea"
v-model="model.bcdgrp.blk.bcgdet"
maxlength="45"
show-word-limit
placeholder="请输入到期文本"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24" class="bctdav_bctp_bctovw_cheak">
<c-checkbox v-model="model.bcdgrp.blk.bcgdetflg"
>到期文本修改</c-checkbox
>
</c-col>
<c-col :span="24">
<c-docpre
:model="model"
:argadr="{
path: 'SEMFLG',
grp: 'bctp',
code: 'docpre',
}"
></c-docpre>
</c-col>
</c-col>
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="简略信息" prop="bcdgrp.rec.nam">
<c-input
align="middle"
disabled
v-model="model.bcdgrp.rec.nam"
maxlength="40"
placeholder="请输入简略信息"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="付款人参考号" prop="bcdgrp.dre.pts.ref">
<c-input
v-model="model.bcdgrp.dre.pts.ref"
maxlength="16"
style="width: 100%"
placeholder="请输入付款人参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="付款人名称" prop="bcdgrp.dre.pts.extkey">
<c-fullbox>
<c-input
v-model="model.bcdgrp.dre.pts.extkey"
maxlength="150"
placeholder="请输入付款人名称"
@keyup.enter.native="
showGridPromptDialog('bcdgrp.dre.pts.extkey')
"
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
>
<i class="el-icon-info"></i>
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
disabled
>
详情
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="地址信息" prop="bcdgrp.dre.pts.adrblk">
<c-input
type="textarea"
:rows="4"
v-model="model.bcdgrp.dre.pts.adrblk"
maxlength="150"
disabled
show-word-limit
placeholder="请输入地址信息"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="托收行参考号" prop="bcdgrp.rmi.pts.ref">
<c-input
v-model="model.bcdgrp.rmi.pts.ref"
maxlength="16"
style="width: 100%"
placeholder=""
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="托收行名称" prop="bcdgrp.rmi.pts.extkey">
<c-fullbox>
<c-input
v-model="model.bcdgrp.rmi.pts.extkey"
maxlength="120"
placeholder="请输入托收行名称"
@keyup.enter.native="
showGridPromptDialog('bcdgrp.rmi.pts.extkey')
"
>
</c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
>
<i class="el-icon-info"></i>
</c-button>
<c-button style="margin: 0 0" size="small" type="primary">
详情
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="地址信息" prop="bcdgrp.rmi.pts.adrblk">
<c-input
type="textarea"
:rows="4"
v-model="model.bcdgrp.rmi.pts.adrblk"
maxlength="150"
show-word-limit
placeholder="请输入地址信息"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="收款人参考号" prop="bcdgrp.drr.pts.ref">
<c-input
v-model="model.bcdgrp.drr.pts.ref"
maxlength="16"
style="width: 100%"
placeholder=""
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="收款人名称" prop="bcdgrp.drr.pts.extkey">
<c-fullbox>
<c-input
v-model="model.bcdgrp.drr.pts.extkey"
maxlength="50"
placeholder="请输入收款人名称"
@keyup.enter.native="
showGridPromptDialog('bcdgrp.drr.pts.extkey')
"
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
>
<i class="el-icon-info"></i>
</c-button>
<c-button style="margin: 0 0" size="small" type="primary">
详情
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="地址信息" prop="bcdgrp.drr.pts.adrblk">
<c-input
type="textarea"
:rows="4"
v-model="model.bcdgrp.drr.pts.adrblk"
maxlength="150"
show-word-limit
placeholder="请输入地址信息"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="国家或地区编码" prop="bcdgrp.rec.stacty">
<c-select
v-model="model.bcdgrp.rec.stacty"
style="width: 100%"
placeholder="请选择国家或地区编码（风险国家）"
:code="codes.stacty"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="申报类型" prop="outlen.szflg">
<c-select
v-model="model.outlen.szflg"
style="width: 100%"
placeholder="请选择申报类型"
:code="codes.szflg"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="款项去向" prop="bctp.acttyp">
<c-select
:disabled="this.flag1"
v-model="model.bctp.acttyp"
style="width: 100%"
placeholder="请选择款项去向"
:code="codes.acttyp"
>
</c-select>
</el-form-item>
</c-col>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Bctdav/Event";
import Ptap from "~/views/Public/Ptap";
import Docpre from "~/views/Public/Docpre";
export default {
components: {
"c-ptap": Ptap,
"c-docpre": Docpre,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
watch: {
"model.outlen.szflg": {
immediate: true,
handler(val, oldVal) {
if (this.model.outlen.szflg == "1") {
this.flag1 = false;
} else {
this.flag1 = true;
}
<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="detp">
<m-detp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="参与方" name="ptyp">
<m-ptyp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="货权单据" name="srmp">
<m-srmp :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/Bctdav/Event";
import Ovwp1 from "./Ovwp1"
import Detp from "./Detp"
import Ptyp from "./Ptyp"
import Srmp from "./Srmp"
export default {
components: {
"m-ovwp1": Ovwp1,
"m-detp": Detp,
"m-ptyp": Ptyp,
"m-srmp":Srmp,
},
},
},
data() {
return {
flag1: true,
docgrd: {
columns: [
{
title: "lst1",
width: "80px",
dataIndex: "cmail1",
show: "input",
},
{
title: "2nd",
width: "80px",
dataIndex: "cmail2",
show: "input",
},
{
title: "单据",
width: "320px",
dataIndex: "docnam",
show: "select",
},
],
urls: "bctp.docgrdm.docgrd",
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
activeNames: ["ovwp1"],
};
},
methods: {
...Event,
},
created: function () {},
computed: {
},
};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
/* .centerLable {
height: 32px;
line-height: 32px;
padding-bottom: 2px;
} */
.marginLable {
padding-left: 150px;
}
.bctdav_bctp_bctovw_cheak {
margin: 0px 0 10px 150px;
}
</style>
\ No newline at end of file
</script>
<style>
.marginLable {
padding-left: 160px;
}
</style>
\ No newline at end of file
src/views/Business/Bctdav/Ovwp1.vue 0 → 100644
<template>
<div class="eibs">
<!-- ====================左边======================= -->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item
label="进口代收业务编号"
prop="bcdgrp.rec.ownref"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.bcdgrp.rec.ownref"
maxlength="16"
placeholder="请输入进口代收业务编号"
style="width: 100%"
disabled
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
>
<i class="el-icon-info"></i>
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
:disabled="this.model.bcdgrp.dre.pts.extkey !== '' && model.bcdgrp.rec.ownref == ''? false:true"
@click="onBctmodButgetref"
>
获取编号
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="18">
<el-form-item
label="客户经理编号"
prop="bctp.usr.extkey"
style="width: 100%"
>
<c-input
style="width: 100%"
v-model="model.bctp.usr.extkey"
maxlength="16"
placeholder="请输入客户经理编号"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="6" class="centerLable">
<c-checkbox
v-model="model.bcdgrp.rec.dftgarflg"
>待担保汇票</c-checkbox
>
</c-col>
<c-col :span="14">
<el-form-item label="代收币种及金额" prop="bcdgrp.cbs.max.cur">
<c-select
v-model="model.bcdgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择代收币种"
:code="codes.curtxt1"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="10">
<el-form-item
style="text-align: left"
label-width="0"
prop="bcdgrp.cbs.max.amt"
>
<c-input-currency
v-model="model.bcdgrp.cbs.max.amt"
style="text-align: left; width: 100%"
placeholder="请输入代收金额"
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="14">
<el-form-item label="代收币种及余额" prop="bcdgrp.cbs.opn1.cur">
<c-select
disabled
v-model="model.bcdgrp.cbs.opn1.cur"
style="width: 100%"
placeholder="请选择代收币种"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="10">
<el-form-item
style="text-align: left"
label-width="0"
prop="bcdgrp.cbs.opn1.amt"
>
<c-input-currency
disabled
v-model="model.bcdgrp.cbs.opn1.amt"
style="text-align: left; width: 100%"
placeholder="请输入代收余额"
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="收单日期" prop="bcdgrp.rec.rcvdat">
<c-date-picker
type="date"
v-model="model.bcdgrp.rec.rcvdat"
style="width: 100%"
placeholder="请选择收单日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="托收行寄单日" prop="bcdgrp.rec.predat">
<c-date-picker
type="date"
v-model="model.bcdgrp.rec.predat"
style="width: 100%"
placeholder="请选择托收行寄单日"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="通知日期" prop="bcdgrp.rec.advdat">
<c-date-picker
disabled
type="date"
v-model="model.bcdgrp.rec.advdat"
style="width: 100%"
placeholder="请选择通知日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="交单条件" prop="bcdgrp.rec.doctypcod">
<c-select
v-model="model.bcdgrp.rec.doctypcod"
style="width: 100%"
placeholder="请选择交单条件"
:code="codes.doctypcod"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="单据到期日" prop="bcdgrp.rec.matdat">
<c-date-picker
type="date"
v-model="model.bcdgrp.rec.matdat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择单据到期日"
:disabled="model.bcdgrp.rec.doctypcod === 'P'"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="单据期限" prop="bcdgrp.rec.matpercnt">
<c-input
v-model="model.bcdgrp.rec.matpercnt"
placeholder="请输入单据期限"
:disabled="model.bcdgrp.rec.doctypcod === 'P'"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="10px" prop="bcdgrp.rec.matpertyp">
<c-select
v-model="model.bcdgrp.rec.matpertyp"
style="width: 100%"
placeholder="请选择"
:code="codes.matpertyp"
:disabled="model.bcdgrp.rec.doctypcod === 'P'"
></c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="发票类型" prop="bcdgrp.rec.invtyp">
<c-select
v-model="model.bcdgrp.rec.invtyp"
style="width: 100%"
placeholder="请选择发票类型"
:code="codes.invtyp"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="单据期限起算日" prop="bcdgrp.rec.matperbeg">
<c-select
v-model="model.bcdgrp.rec.matperbeg"
style="width: 100%"
placeholder="请选择单据期限起算日"
:code="codes.matperbeg"
:disabled="model.bcdgrp.rec.doctypcod === 'P'"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="到期文本" prop="bcdgrp.blk.bcgdet">
<c-input
:disabled="!this.model.bcdgrp.blk.bcgdetflg"
type="textarea"
v-model="model.bcdgrp.blk.bcgdet"
maxlength="45"
show-word-limit
placeholder="请输入到期文本"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24" class="bctdav_bctp_bctovw_cheak">
<c-checkbox v-model="model.bcdgrp.blk.bcgdetflg" style="margin-right:148px;"
>到期文本修改</c-checkbox
>
</c-col>
</c-col>
<!-- ========================右边======================= -->
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<el-form-item label="简略信息" prop="bcdgrp.rec.nam">
<c-input
align="middle"
disabled
v-model="model.bcdgrp.rec.nam"
maxlength="40"
placeholder="请输入简略信息"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="付款人参考号" prop="bcdgrp.dre.pts.ref">
<c-input
v-model="model.bcdgrp.dre.pts.ref"
maxlength="16"
style="width: 100%"
placeholder="请输入付款人参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="付款人名称" prop="bcdgrp.dre.pts.extkey">
<c-fullbox>
<c-input
v-model="model.bcdgrp.dre.pts.extkey"
maxlength="150"
placeholder="请输入付款人名称"
@keyup.enter.native="
showGridPromptDialog('bcdgrp.dre.pts.extkey')
"
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
>
<i class="el-icon-info"></i>
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
disabled
>
详情
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="地址信息" prop="bcdgrp.dre.pts.adrblk">
<c-input
type="textarea"
:rows="4"
v-model="model.bcdgrp.dre.pts.adrblk"
maxlength="150"
disabled
show-word-limit
placeholder="请输入地址信息"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="托收行参考号" prop="bcdgrp.rmi.pts.ref">
<c-input
v-model="model.bcdgrp.rmi.pts.ref"
maxlength="16"
style="width: 100%"
placeholder=""
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="托收行名称" prop="bcdgrp.rmi.pts.extkey">
<c-fullbox>
<c-input
v-model="model.bcdgrp.rmi.pts.extkey"
maxlength="120"
placeholder="请输入托收行名称"
@keyup.enter.native="
showGridPromptDialog('bcdgrp.rmi.pts.extkey')
"
>
</c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
>
<i class="el-icon-info"></i>
</c-button>
<c-button style="margin: 0 0" size="small" type="primary">
详情
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="地址信息" prop="bcdgrp.rmi.pts.adrblk">
<c-input
type="textarea"
:rows="4"
v-model="model.bcdgrp.rmi.pts.adrblk"
maxlength="150"
show-word-limit
placeholder="请输入地址信息"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="收款人参考号" prop="bcdgrp.drr.pts.ref">
<c-input
v-model="model.bcdgrp.drr.pts.ref"
maxlength="16"
style="width: 100%"
placeholder=""
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="收款人名称" prop="bcdgrp.drr.pts.extkey">
<c-fullbox>
<c-input
v-model="model.bcdgrp.drr.pts.extkey"
maxlength="50"
placeholder="请输入收款人名称"
@keyup.enter.native="
showGridPromptDialog('bcdgrp.drr.pts.extkey')
"
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
>
<i class="el-icon-info"></i>
</c-button>
<c-button style="margin: 0 0" size="small" type="primary">
详情
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="地址信息" prop="bcdgrp.drr.pts.adrblk">
<c-input
type="textarea"
:rows="4"
v-model="model.bcdgrp.drr.pts.adrblk"
maxlength="150"
show-word-limit
placeholder="请输入地址信息"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="国家或地区编码" prop="bcdgrp.rec.stacty">
<c-select
v-model="model.bcdgrp.rec.stacty"
style="width: 100%"
placeholder="请选择国家或地区编码（风险国家）"
:code="codes.stacty"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="申报类型" prop="outlen.szflg">
<c-select
v-model="model.outlen.szflg"
style="width: 100%"
placeholder="请选择申报类型"
:code="codes.szflg"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="款项去向" prop="bctp.acttyp">
<c-select
:disabled="this.flag1"
v-model="model.bctp.acttyp"
style="width: 100%"
placeholder="请选择款项去向"
:code="codes.acttyp"
>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-docpre
:model="model"
:argadr="{
path: 'SEMFLG',
grp: 'bctp',
code: 'docpre',
}"
></c-docpre>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Bctdav/Event";
import Ptap from "~/views/Public/Ptap";
import Docpre from "~/views/Public/Docpre";
export default {
components: {
"c-ptap": Ptap,
"c-docpre": Docpre,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
watch: {
"model.outlen.szflg": {
immediate: true,
handler(val, oldVal) {
if (this.model.outlen.szflg == "1") {
this.flag1 = false;
} else {
this.flag1 = true;
}
},
},
},
data() {
return {
flag1: true,
docgrd: {
columns: [
{
title: "lst1",
width: "80px",
dataIndex: "cmail1",
show: "input",
},
{
title: "2nd",
width: "80px",
dataIndex: "cmail2",
show: "input",
},
{
title: "单据",
width: "320px",
dataIndex: "docnam",
show: "select",
},
],
urls: "bctp.docgrdm.docgrd",
},
};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
/* .centerLable {
height: 32px;
line-height: 32px;
padding-bottom: 2px;
} */
.marginLable {
padding-left: 150px;
}
.bctdav_bctp_bctovw_cheak {
margin: 0px 0 10px 150px;
}
</style>
\ No newline at end of file
src/views/Business/Bctdav/Ptyp.vue
......@@ -2,7 +2,7 @@
<div class="eibs-tab">
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item
label="付款人参考号"
......@@ -133,7 +133,7 @@
</c-col>
<!-- ====================右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<el-form-item
label="托收行参考号"
......
src/views/Business/Bctdav/Srmp.vue
<template>
<div class="eibs-tab">
<el-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="单据类型" prop="bcdgrp.srm.djutyp">
<c-select v-model="model.bcdgrp.srm.djutyp" style="width:100%" placeholder="请选择单据类型"
......@@ -33,9 +33,7 @@
v-model="model.bcdgrp.srm.djuref" maxlength="40" placeholder="请输入货权单据编号"></c-input>
</el-form-item>
</c-col>
</el-col>
</c-col>
</div>
</template>
<script>
......
src/views/Business/Bctdav/index.vue
<template>
<c-page title="进口代收">
<div class="eContainer">
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
<el-form
:model="model"
:rules="rules"
......@@ -18,63 +12,64 @@
:validate-on-rule-change="false"
>
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--概要 -->
<el-tab-pane label="概要" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--指示条款 -->
<el-tab-pane label="指示条款" name="detp">
<m-detp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="参与方" name="ptyp">
<!--业务信息 -->
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--费用账务 -->
<el-tab-pane label="费用/账务" name="engp,setpan,glepan">
<c-content>
<m-ptyp :model="model" :codes="codes" />
<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>
<!--表外记账 -->
<el-tab-pane label="表外记账" name="engp">
<m-engp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="结算" name="setpan">
<!--备查/附言 -->
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-setpan :model="model" :codes="codes" />
<m-addbcb :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--账务 -->
<el-tab-pane label="账务" name="glepan">
<m-glepan :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="提示信息" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-tab-pane>
<!--报文和面函 -->
<el-tab-pane label="报文和面函" name="docpan">
<m-docpan :model="model" :codes="codes" />
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--附件 -->
<el-tab-pane label="附件" name="doctre">
<m-doctre :model="model" :codes="codes" />
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--提示信息 -->
<el-tab-pane label="跨境人民币申报" name="cnyp">
<m-cnyp :model="model" :codes="codes" />
<!-- 申报信息 -->
<el-tab-pane label="申报信息" name="cnyp">
<c-content>
<m-cnyp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="货权单据" name="srmp">
<m-srmp :model="model" :codes="codes" />
</el-tab-pane>
</c-tabs>
</el-form>
<c-grid-ety-prompt-dialog
......@@ -90,6 +85,13 @@
@select-ety="selectMsg"
>
</c-grid-ety-prompt-dialog>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
</div>
</c-page>
</template>
......@@ -103,7 +105,7 @@ import Check from "~/model/Bctdav/Check";
import Default from "~/model/Bctdav/Default";
import Pattern from "~/model/Bctdav/Pattern";
import Addbcb from "./Addbcb";
import Ovwp from "./Ovwp";
import Detp from "./Detp";
import Ptyp from "./Ptyp";
......@@ -121,6 +123,7 @@ import Doctre from "~/views/Public/Doctre";
export default {
name: "Bctdav",
components: {
"m-addbcb": Addbcb,
"m-ovwp": Ovwp,
"m-detp": Detp,
"m-ptyp": Ptyp,
......
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