Skip to content

V
vue-gjjs
Commit 7c1f70ee by wangna
Options

CPTREP UI改造

parent 05d35cea
Showing with 494 additions and 537 deletions
src/model/Cptrep/Pattern.js
......@@ -216,7 +216,7 @@ export default {
"cptp.pyeadr":[
{type: "string", required: true, message: "必输项"},
{max: 40,message:"长度不能超过40"}
{max: 100,message:"长度不能超过100"}
],
"cpdgrp.rec.amt71f":[
......@@ -371,7 +371,7 @@ export default {
],
"lendoc.vercerref":[
{type: "string", required: false, message: "必输项"},
{type: "string", required: true, message: "必输项"},
{max: 20,message:"长度不能超过20"}
],
"lendoc.decnum":[
......
src/views/Business/BusRouter.js
......@@ -430,7 +430,7 @@ const BusRouter = [
{ path: 'Cptrel', component: Cptrel, name: 'Cptrel', meta: { title: '汇款复核与查询' } },
{ path: 'Cptsel', component: Cptrel, name: 'Cptrel', meta: { title: '汇款交易入口' } },
{ path: 'Cptcan', component: Cptcan, name: 'Cptcan', meta: { title: '汇款注销' } },
{ path: 'Cptrep', component: Cptrep, name: 'Cptrep', meta: { title: '挂账解付' } },
{ path: 'Cptrep', component: Cptrep, name: 'Cptrep', meta: { title: '挂帐解付' } },
{ path: 'Cptbat', component: Cptbat, name: 'Cptbat', meta: { title: '批量汇款' } },
{ path: 'Sptcpt', component: Sptcpt, name: 'Sptcpt', meta: { title: '批量汇款' } },
......
src/views/Business/Cptcan/Ovwp.vue
......@@ -29,6 +29,9 @@ export default {
},
methods: {
...Event,
handleChange(val) {
console.log(val);
},
},
created: function () {},
};
......
src/views/Business/Cptrep/Addbcb.vue 0 → 100644
<template>
<div class="eibs-tab" >
<el-collapse v-model="activeNames" @change="handleChange">
<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 CodeTable from "~/config/CodeTable";
import Event from "~/model/Cptrep/Event";
import Coninfp from "~/views/Public/Coninfp";
export default {
components: {
"m-coninfp": Coninfp,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
activeNames: ["coninfp"],
};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Cptrep/Basp.vue deleted 100644 → 0
<template>
<div class="eibs-tab">
<!-- ------------------Left------------------>
<c-col :span="11">
<c-col :span="24">
<el-form-item label="申报号码">
<c-col>
<c-input maxlength="16" placeholder="请输入申报号码"></c-input>
</c-col>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="操作类型">
<c-input placeholder="请选择操作类型"> </c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="地区机构号">
<c-input placeholder="请选择地区机构"> </c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="银行业务编号">
<c-input maxlength="32" placeholder="请输入银行业务编号"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="收款人类型">
<c-input placeholder="请选择收款人类型"> </c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="收款人名称">
<c-input maxlength="32" placeholder="请输入收款人"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="付款人名称">
<c-col :span="20">
<c-input maxlength="32" placeholder="请输入收款人"></c-input>
</c-col>
<c-col :span="3" :offset="1" style="text-align: right">
确认
<c-checkbox v-model="temp" disabled></c-checkbox>
</c-col>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="身份证件号码">
<c-input maxlength="32" placeholder="请输入身份证件号码"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="结汇金额">
<c-input maxlength="32" placeholder="请输入购汇金额"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="现汇金额">
<c-input maxlength="32" placeholder="请输入现汇金额"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="其他金额">
<c-input maxlength="32" placeholder="请输入金额"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="收入款币种和金额">
<c-col :span="24">
<c-col :span="5" class="m-cur-select">
<c-input style="width: 100%" placeholder="请选择收入款金额币种">
<el-option v-for="item in data" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</c-input>
</c-col>
<c-col :span="19">
<el-form-item label="" label-width="2%">
<c-input maxlength="32" placeholder="请输入汇款金额"></c-input>
</el-form-item>
</c-col>
</c-col>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="国内银行扣费">
<c-col :span="24">
<c-col :span="5" class="m-cur-select">
<c-input style="width: 100%" placeholder="请选择金额币种">
<el-option v-for="item in data" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</c-input>
</c-col>
<c-col :span="19">
<el-form-item label="" label-width="2%">
<c-input maxlength="32" placeholder="请输入扣费金额"></c-input>
</el-form-item>
</c-col>
</c-col>
</el-form-item>
</c-col>
</c-col>
<!-- ------------------Right------------------>
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="修改/删除原因">
<c-input type="textarea" :rows="3" placeholder="请输入原因">
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="结算方式">
<c-input placeholder="请选择结算方式"> </c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="组织机构代码">
<c-input maxlength="32" placeholder="请输入组织机构代码"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="结汇汇率">
<c-input maxlength="32" placeholder="请输入购汇汇率"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="人民币账号/银行卡号">
<c-input maxlength="32" placeholder="请输入人民币账号"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="外汇账号//银行卡号">
<c-input maxlength="32" placeholder="请输入外汇账号/卡号"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="其他账号//银行卡号">
<c-input maxlength="32" placeholder="请输入其他账号/卡号"></c-input>
</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/Cptrep/Event"
export default {
inject: ['root'],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
}
},
methods: { ...Event },
created: function () {
}
}
</script>
<style>
</style>
src/views/Business/Cptrep/Cnyp.vue
<template>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="收账通知" name="docpan1">
<m-docpan1 :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="外管信息" name="wg">
<m-wg :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item
title="涉外收入申报单－基础信息"
name="basp3"
v-if="model.bopmod.szflg === '1' && model.bopmod.basflg"
>
<m-basp3 :model="model" :codes="codes" />
</el-collapse-item>
<c-col :span="12" style="margin-top: 20px">
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2101表" label-width="30%">
<c-select v-model="model.cnybop.cnyflg" style="width: 100%" placeholder="请选择">
<el-option v-for="item in codes.cnyflg" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<el-collapse-item
title="境内收入申报单－基础信息"
name="basp2"
v-if="model.bopmod.szflg === '2' && model.bopmod.basflg"
>
<m-basp2 :model="model" :codes="codes" />
</el-collapse-item>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2107表" label-width="30%">
<c-select v-model="model.cnybop.traflg" style="width: 100%" placeholder="请选择" disabled>
<el-option v-for="item in codes.traflg" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<el-collapse-item title="跨境支付" name="secpan">
<m-secpan :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="跨境人民币申报" name="cnyp1">
<m-cnyp1 :model="model" :codes="codes" />
</el-collapse-item>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2111表" label-width="30%" prop="cnybop.outflg">
<c-select v-model="model.cnybop.outflg" style="width: 100%" placeholder="请选择" disabled>
<el-option v-for="item in codes.outflg" :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="是否报送跨境人民币2106表" label-width="30%">
<c-select v-model="model.cnybop.libflg" style="width: 100%" placeholder="请选择" disabled>
<el-option v-for="item in codes.libflg" :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="是否报送跨境人民币2122表" label-width="30%">
<c-select v-model="model.cnybop.vouflg" placeholder="请选择" style="width: 100%" disabled>
<el-option v-for="item in codes.vouflg" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<el-collapse-item
title="2101跨境收入信息"
name="incp"
v-if="model.cnybop.cnyflg == '1'"
>
<m-incp :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</template>
<script>
......@@ -57,17 +50,35 @@ import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Cptrep/Event";
import Docpan1 from "./Docpan";
import Wg from "./Wg";
import Incp from "./Incp";
import Secpan from "./Secpan";
import Basp3 from "./Basp3";
import Basp2 from "./Basp2";
import Cnyp1 from "./Cnyp1";
export default {
inject: ["root"],
components: {
"m-docpan1": Docpan1,
"m-wg": Wg,
"m-incp": Incp,
"m-secpan": Secpan,
"m-basp3": Basp3,
"m-basp2": Basp2,
"m-cnyp1": Cnyp1,
},
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
return {
activeNames: ["docpan1"],
};
},
methods: { ...Event },
created: function () { },
methods: { ...Event, handleChange() {} },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Cptrep/Cnyp1.vue 0 → 100644
<template>
<div class="eibs">
<c-col :span="12" style="margin-top: 20px">
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2101表" label-width="30%">
<c-select
v-model="model.cnybop.cnyflg"
style="width: 100%"
placeholder="请选择"
>
<el-option
v-for="item in codes.cnyflg"
: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="是否报送跨境人民币2107表" label-width="30%">
<c-select
v-model="model.cnybop.traflg"
style="width: 100%"
placeholder="请选择"
disabled
>
<el-option
v-for="item in codes.traflg"
: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="是否报送跨境人民币2111表"
label-width="30%"
prop="cnybop.outflg"
>
<c-select
v-model="model.cnybop.outflg"
style="width: 100%"
placeholder="请选择"
disabled
>
<el-option
v-for="item in codes.outflg"
: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="是否报送跨境人民币2106表" label-width="30%">
<c-select
v-model="model.cnybop.libflg"
style="width: 100%"
placeholder="请选择"
disabled
>
<el-option
v-for="item in codes.libflg"
: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="是否报送跨境人民币2122表" label-width="30%">
<c-select
v-model="model.cnybop.vouflg"
placeholder="请选择"
style="width: 100%"
disabled
>
<el-option
v-for="item in codes.vouflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</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/Cptrep/Event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Cptrep/Dclp.vue deleted 100644 → 0
<template>
<div class="eibs-tab">
<!-- ------------------Left------------------>
<c-col :span="11">
<c-col :span="24">
<el-form-item label="申报号码">
<c-col>
<c-input maxlength="16" placeholder="请输入申报号码"></c-input>
</c-col>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="操作类型">
<c-input placeholder="请选择操作类型"> </c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="地区机构号">
<c-input placeholder="请选择地区机构"> </c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="银行业务编号">
<c-input maxlength="32" placeholder="请输入银行业务编号"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="收款人类型">
<c-input placeholder="请选择收款人类型"> </c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="收款人名称">
<c-input maxlength="32" placeholder="请输入收款人"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="付款人名称">
<c-col :span="20">
<c-input maxlength="32" placeholder="请输入收款人"></c-input>
</c-col>
<c-col :span="3" :offset="1" style="text-align: right">
确认
<c-checkbox v-model="temp" disabled></c-checkbox>
</c-col>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="身份证件号码">
<c-input maxlength="32" placeholder="请输入身份证件号码"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="结汇金额">
<c-input maxlength="32" placeholder="请输入购汇金额"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="现汇金额">
<c-input maxlength="32" placeholder="请输入现汇金额"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="其他金额">
<c-input maxlength="32" placeholder="请输入金额"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="收入款币种和金额">
<c-col :span="24">
<c-col :span="5" class="m-cur-select">
<c-input style="width: 100%" placeholder="请选择收入款金额币种">
<el-option v-for="item in data" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</c-input>
</c-col>
<c-col :span="19">
<el-form-item label="" label-width="2%">
<c-input maxlength="32" placeholder="请输入汇款金额"></c-input>
</el-form-item>
</c-col>
</c-col>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="国内银行扣费">
<c-col :span="24">
<c-col :span="5" class="m-cur-select">
<c-input style="width: 100%" placeholder="请选择金额币种">
<el-option v-for="item in data" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</c-input>
</c-col>
<c-col :span="19">
<el-form-item label="" label-width="2%">
<c-input maxlength="32" placeholder="请输入扣费金额"></c-input>
</el-form-item>
</c-col>
</c-col>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="国外银行扣费">
<c-col :span="24">
<c-col :span="5" class="m-cur-select">
<c-input style="width: 100%" placeholder="请选择金额币种">
<el-option v-for="item in data" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</c-input>
</c-col>
<c-col :span="19">
<el-form-item label="" label-width="2%">
<c-input maxlength="32" placeholder="请输入扣费金额"></c-input>
</el-form-item>
</c-col>
</c-col>
</el-form-item>
</c-col>
</c-col>
<!-- ------------------Right------------------>
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="修改/删除原因">
<c-input type="textarea" :rows="3" placeholder="请输入原因">
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="结算方式">
<c-input placeholder="请选择结算方式"> </c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="组织机构代码">
<c-input maxlength="32" placeholder="请输入组织机构代码"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="结汇汇率">
<c-input maxlength="32" placeholder="请输入购汇汇率"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="人民币账号/银行卡号">
<c-input maxlength="32" placeholder="请输入人民币账号"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="外汇账号//银行卡号">
<c-input maxlength="32" placeholder="请输入外汇账号/卡号"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="其他账号//银行卡号">
<c-input maxlength="32" placeholder="请输入其他账号/卡号"></c-input>
</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/Cptrep/Event"
export default {
inject: ['root'],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
}
},
methods: { ...Event },
created: function () {
}
}
</script>
<style>
</style>
src/views/Business/Cptrep/Det910.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- =============左边============== -->
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px">
<c-col :span="24">
<c-fullbox>
<el-form-item label="汇款行(52a)" prop="cpdgrp.rmt.pts.extkey">
<c-input v-model="model.cpdgrp.rmt.pts.extkey" maxlength="16" placeholder="请输入"
@keyup.enter.native="showGridPromptDialog('attp.atd.sbkact')"></c-input>
<el-form-item label="汇款行(52A)" prop="cpdgrp.rmt.pts.extkey">
<c-input
v-model="model.cpdgrp.rmt.pts.extkey"
maxlength="16"
placeholder="请输入汇款行"
@keyup.enter.native="showGridPromptDialog('attp.atd.sbkact')"
></c-input>
</el-form-item>
<template slot="footer">
<c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" icon="el-icon-search">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
icon="el-icon-search"
>
</c-button>
<c-button style="margin: 0 0" size="small" type="primary" @click="onSndpDet" disabled>
<c-button
style="margin: 0 0"
size="small"
type="primary"
@click="onSndpDet"
disabled
>
详情
</c-button>
</template>
......@@ -21,22 +36,43 @@
<c-col :span="24">
<el-form-item label="地址信息" prop="cpdgrp.rmt.pts.adrblk">
<c-input type="textarea" v-model="model.cpdgrp.rmt.pts.adrblk" maxlength="35" show-word-limit
placeholder="请输入地址信息" rows="4"></c-input>
<c-input
type="textarea"
v-model="model.cpdgrp.rmt.pts.adrblk"
maxlength="35"
show-word-limit
placeholder="请输入地址信息"
rows="4"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-fullbox>
<el-form-item label="中间行(56a)" prop="cpdgrp.med.pts.extkey">
<c-input v-model="model.cpdgrp.med.pts.extkey" maxlength="16" placeholder="请输入"
@keyup.enter.native="showGridPromptDialog('attp.atd.sbkact')"></c-input>
<el-form-item label="中间行(56A)" prop="cpdgrp.med.pts.extkey">
<c-input
v-model="model.cpdgrp.med.pts.extkey"
maxlength="16"
placeholder="请输入中间行"
@keyup.enter.native="showGridPromptDialog('attp.atd.sbkact')"
></c-input>
</el-form-item>
<template slot="footer">
<c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" icon="el-icon-search">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
icon="el-icon-search"
>
</c-button>
<c-button style="margin: 0 0" size="small" type="primary" @click="onSndpDet" disabled>
<c-button
style="margin: 0 0"
size="small"
type="primary"
@click="onSndpDet"
disabled
>
详情
</c-button>
</template>
......@@ -45,13 +81,19 @@
<c-col :span="24">
<el-form-item label="地址信息" prop="cpdgrp.med.pts.adrblk">
<c-input type="textarea" v-model="model.cpdgrp.med.pts.adrblk" maxlength="35" show-word-limit
placeholder="请输入地址信息" rows="4"></c-input>
<c-input
type="textarea"
v-model="model.cpdgrp.med.pts.adrblk"
maxlength="35"
show-word-limit
placeholder="请输入地址信息"
rows="4"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ==============右边==================== -->
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px">
<el-form-item label="附言" prop="cpdgrp.blk.contag72">
<c-input type="textarea" v-model="model.cpdgrp.blk.contag72"></c-input>
</el-form-item>
......@@ -72,9 +114,8 @@ export default {
return {};
},
methods: { ...Event },
created: function () { },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Cptrep/Docpan.vue
<template>
<div class="eibs-tab">
<c-col :span="11">
<div class="eibs">
<!-- ===========================左侧================================== -->
<c-col :span="12" style="padding-right: 20px">
<c-col :span="24">
<el-form-item label="验证证书编号" prop="lendoc.vercerref">
<c-input type="textarea" v-model="model.lendoc.vercerref" maxlength="20" show-word-limit
placeholder="请输入验证证书编号" style="text-align: left"></c-input>
<c-input
v-model="model.lendoc.vercerref"
maxlength="20"
show-word-limit
placeholder="请输入验证证书编号"
style="text-align: left"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="申报号" prop="lendoc.decnum">
<c-input v-model="model.lendoc.decnum" maxlength="22" placeholder="请输入申报号"></c-input>
<c-input
v-model="model.lendoc.decnum"
maxlength="22"
placeholder="请输入申报号"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="4">
<c-checkbox v-model="model.lendoc.actflg">输入账户</c-checkbox>
</c-col>
<!-- ===========================右侧================================== -->
<c-col :span="12" style="padding-left: 20px">
<c-col :span="24">
<c-col :span="4">
<el-form-item label="输入账户">
<c-checkbox v-model="model.lendoc.actflg"></c-checkbox
></el-form-item>
</c-col>
<c-col :span="20">
<el-form-item label="ACT" prop="lendoc.account">
<c-input type="textarea" v-model="model.lendoc.account" maxlength="25" show-word-limit placeholder="请输入ACT"
:disabled=this.flag></c-input>
</el-form-item>
<c-col :span="20">
<el-form-item label="" prop="lendoc.account" label-width="25px">
<c-input
type="textarea"
:rows="1"
style="width: 100%"
v-model="model.lendoc.account"
show-word-limit
placeholder="请输入"
:disabled="this.flag"
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
</div>
......@@ -50,18 +72,17 @@ export default {
immediate: true,
handler() {
console.log(this.model.lendoc.actflg);
if (this.model.lendoc.actflg == '') {
this.model.lendoc.account = '';
if (this.model.lendoc.actflg == "") {
this.model.lendoc.account = "";
this.flag = true;
} else {
this.flag = false;
}
}
}
},
},
},
created: function () { },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Cptrep/Ovwp.vue 0 → 100644
<template>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="概要" name="opnp1">
<m-opnp1 :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item
title="MT910详情"
name="det910"
v-if="model.cpdgrp.rec.swftyp == '910'"
>
<m-det910 :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/Cptrep/Event";
import Opnp1 from "./Opnp1";
import Det910 from "./Det910";
export default {
components: {
"m-opnp1": Opnp1,
"m-det910": Det910,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
zmqflg: null,
flag: true,
activeNames: ["opnp1"],
};
},
methods: {
...Event,
handleChange(val) {
console.log(val);
},
},
created: function () {},
};
</script>
<style>
.marginLable {
padding-left: 160px;
}
</style>
src/views/Business/Cptrep/Wg.vue
<template>
<div class="eibs-tab">
<c-col :span="11">
<div class="eibs">
<!-- ===========================左侧================================== -->
<c-col :span="12" style="padding-right: 20px">
<c-col :span="24">
<c-col :span="11">
<c-col :span="20">
<el-form-item label="申报类型" prop="bopmod.szflg">
<c-select v-model="model.bopmod.szflg" style="width: 100%" placeholder="请选择申报类型">
<el-option v-for="item in codes.szflg" :key="item.value" :label="item.label" :value="item.value">
<c-select
v-model="model.bopmod.szflg"
style="width: 100%"
placeholder="请选择申报类型"
>
<el-option
v-for="item in codes.szflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-select> </el-form-item
></c-col>
<c-col :span="4">
<c-checkbox
v-model="model.bopmod.basflg"
:disabled="model.bopmod.szflg === '3' || model.bopmod.szflg === ''"
>基础数据
</c-checkbox>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="款项来源" prop="bopmod.acttyp">
<c-select v-model="model.bopmod.acttyp" style="width: 100%" placeholder="请选择款项来源"
:disabled="model.bopmod.szflg==='3' || model.bopmod.szflg==='2' ||model.bopmod.szflg===''">
<el-option v-for="item in codes.acttyp" :key="item.value" :label="item.label" :value="item.value">
<c-select
v-model="model.bopmod.acttyp"
style="width: 100%"
placeholder="请选择款项来源"
:disabled="
model.bopmod.szflg === '3' ||
model.bopmod.szflg === '2' ||
model.bopmod.szflg === ''
"
>
<el-option
v-for="item in codes.acttyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
......@@ -25,67 +54,102 @@
<c-col :span="24">
<el-form-item label="地区机构号" prop="bopmod.ownextkey">
<c-select v-model="model.bopmod.ownextkey" style="width: 100%" placeholder="请选择地区机构号"
:disabled="model.bopmod.szflg==='3' ||model.bopmod.szflg===''">
<el-option v-for="item in codes.ownextkey1" :key="item.value" :label="item.label" :value="item.value">
<c-select
v-model="model.bopmod.ownextkey"
style="width: 100%"
placeholder="请选择地区机构号"
:disabled="model.bopmod.szflg === '3' || model.bopmod.szflg === ''"
>
<el-option
v-for="item in codes.ownextkey1"
: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-checkbox v-model="model.bopmod.basflg" :disabled="model.bopmod.szflg==='3'||model.bopmod.szflg===''">基础数据
</c-checkbox>
</c-col>
</c-col>
<c-col :span="15">
<c-col :span="12">
<el-form-item label="国外银行扣费（涉外收入申报专用）" label-width="60%">
<c-select v-model="model.bopmod.outchargeccy" style="width: 95%" placeholder="请选择国外银行扣费（涉外收入申报专用）"
:disabled="true">
<el-option v-for="item in codes.outchargeccy" :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="国外银行扣费（涉外收入申报专用）">
<c-select
v-model="model.bopmod.outchargeccy"
style="width: 100%"
placeholder="请选择国外银行扣费（涉外收入申报专用）"
:disabled="true"
>
<el-option
v-for="item in codes.outchargeccy"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<c-input-currency v-model="model.bopmod.outchargeamt" style="text-align: right"
placeholder="请输入国外银行扣费（涉外收入申报专用）" :disabled="
!model.bopmod.basflg ||
model.bopmod.szflg === '2' ||
model.bopmod.szflg === '3'
" @keyup.enter.native="
defaultFunction('bopmod.outchargeamt', model.bopmod.outchargeamt)
"></c-input-currency>
<c-col :span="11">
<el-form-item
style="text-align: left"
label-width="5px"
prop="bopmod.outchargeamt"
>
<c-input-currency
v-model="model.bopmod.outchargeamt"
style="text-align: right"
placeholder="请输入国外银行扣费（涉外收入申报专用）"
:disabled="
!model.bopmod.basflg ||
model.bopmod.szflg === '2' ||
model.bopmod.szflg === '3'
"
@keyup.enter.native="
defaultFunction(
'bopmod.outchargeamt',
model.bopmod.outchargeamt
)
"
></c-input-currency
></el-form-item>
</c-col>
</c-col>
</c-col>
<!-- ===========================右侧================================== -->
<!-- <c-col :span="12" style="padding-left: 20px"> </c-col> -->
</div>
</template>
<script>
import Api from "~/service/Api"
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Cptrep/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Cptrep/Event";
export default {
inject: ['root'],
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
return {};
},
}
watch: {
"model.bopmod.szflg": function () {
if (this.model.bopmod.szflg == "3" || this.model.bopmod.szflg == "") {
this.model.bopmod.basflg = "";
}
if (this.model.bopmod.szflg != "1") {
this.model.bopmod.acttyp = "";
}
},
},
methods: { ...Event },
created: function () {
}
}
created: function () {},
};
</script>
<style>
</style>
src/views/Layout/SideMenu.vue
......@@ -49,7 +49,7 @@ export default {
{ inifrm: "cnysel", ininam: "跨境人民币查询", pntmiu: "1" },
// { inifrm: "cptrel", ininam: "汇款复核与查询", pntmiu: "1" },
// { inifrm: "cptcan", ininam: "汇款注销", pntmiu: "1" },
// { inifrm: "cptrep", ininam: "汇入汇款挂账解付", pntmiu: "1" },
// { inifrm: "cptrep", ininam: "汇入汇款挂帐解付", pntmiu: "1" },
......
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