Skip to content

V
vue-gjjs
Commit 52887df0 by LiRui
Options

CPTATI UI改造

parent 86a94b22
Showing with 276 additions and 148 deletions
src/views/Business/Cptati/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 Event from "~/model/Cptati/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,
handleChange(val) {
console.log(val);
},
},
created: function () {},
};
</script>
<style>
</style>
\ No newline at end of file
src/views/Business/Cptati/Cnyp.vue 0 → 100644
<template>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="外管信息" name="wg">
<m-wg :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="境内收入申报单-基础信息" name="dbe" v-if="model.bopmod.szflg === '2' && model.bopmod.basflg">
<m-dbe :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="涉外收入申报单-基础信息" name="dbb" v-if="model.bopmod.szflg === '1' && model.bopmod.basflg">
<m-dbb :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/Cptati/Event";
import Wg from "./Wg";
import Dbe from "./Dbe.vue";
import Dbb from "./Dbb.vue";
export default {
inject: ["root"],
components: {
"m-wg": Wg,
"m-dbe": Dbe,
"m-dbb": Dbb,
},
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
activeNames: ["wg"],
};
},
methods: { ...Event, handleChange() { } },
created: function () { },
};
</script>
<style>
</style>
\ No newline at end of file
src/views/Business/Cptati/Docpan.vue → src/views/Business/Cptati/Docpan1.vue
<template> <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-col :span="24">
<el-form-item label="验证证书编号" prop="lendoc.vercerref"> <el-form-item label="验证证书编号" prop="lendoc.vercerref">
<c-input type="textarea" v-model="model.lendoc.vercerref" maxlength="20" show-word-limit <c-input type="textarea" v-model="model.lendoc.vercerref" maxlength="20" show-word-limit
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
</c-col> </c-col>
</c-col> </c-col>
<c-col :span="11" :offset="1"> <c-col :span="12" style="padding-left: 20px;">
<c-col :span="4"> <c-col :span="4">
<c-checkbox v-model="model.lendoc.actflg">输入账户</c-checkbox> <c-checkbox v-model="model.lendoc.actflg">输入账户</c-checkbox>
</c-col> </c-col>
......
src/views/Business/Cptati/Opnp1.vue
<template> <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-col :span="24">
<el-form-item label="汇款编号" prop="cpdgrp.rec.ownref" style="width: 100%"> <el-form-item label="汇款编号" prop="cpdgrp.rec.ownref" style="width: 100%">
<c-fullbox> <c-fullbox>
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="13"> <c-col :span="12">
<el-form-item label="汇款金额" prop="cpdgrp.cbs.nom1.cur"> <el-form-item label="汇款金额" prop="cpdgrp.cbs.nom1.cur">
<c-select v-model="model.cpdgrp.cbs.nom1.cur" style="width: 100%" placeholder="请选择汇款金额" <c-select v-model="model.cpdgrp.cbs.nom1.cur" style="width: 100%" placeholder="请选择汇款金额"
@change="commonExecuteRule('cpdgrp.cbs.nom1.cur')"> @change="commonExecuteRule('cpdgrp.cbs.nom1.cur')">
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="11"> <c-col :span="12">
<el-form-item style="text-align: left" label-width="5px" prop="cpdgrp.cbs.nom1.amt"> <el-form-item style="text-align: left" label-width="5px" prop="cpdgrp.cbs.nom1.amt">
<c-input-currency v-model="model.cpdgrp.cbs.nom1.amt" style="text-align: left; width: 100%" <c-input-currency v-model="model.cpdgrp.cbs.nom1.amt" style="text-align: left; width: 100%"
placeholder="请输入汇款金额" @keyup.enter.native=" placeholder="请输入汇款金额" @keyup.enter.native="
...@@ -81,34 +81,45 @@ ...@@ -81,34 +81,45 @@
</c-col> </c-col>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="10"> <c-col :span="12">
<el-form-item label="清算编号" prop="attp.sysno"> <el-form-item label="清算编号" prop="attp.sysno">
<c-input v-model="model.attp.sysno" maxlength="21" placeholder="请输入清算编号"></c-input> <c-input
v-model="model.attp.sysno"
maxlength="21"
placeholder="请输入清算编号"
disabled
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="付款人常驻国家/地区代码" prop="attp.paycountcode"> <el-form-item
label="付款人常驻国家/地区代码"
prop="attp.paycountcode"
label-width="119px"
>
<c-fullbox>
<c-input v-model="model.attp.country" filterable style="width: 100%" placeholder="付款人常驻国家/地区代码" <c-input v-model="model.attp.country" filterable style="width: 100%" placeholder="付款人常驻国家/地区代码"
@keyup.enter.native="showGridPromptDialog('attp.country')"> @keyup.enter.native="showGridPromptDialog('attp.country')">
</c-input> </c-input>
<template slot="footer">
<c-button style="margin-left: 10px;" size="small" type="primary" icon="el-icon-search" @click="
showGridPromptDialog(
'attp.selbut1',
null,
null,
{ TXT: 'attp.country' },
{ TXT: false },
'doxpDialog'
)
">
</c-button>
</template>
</c-fullbox>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="2">
<c-button size="small" type="primary" icon="el-icon-search" @click="
showGridPromptDialog(
'attp.selbut1',
null,
null,
{ TXT: 'attp.country' },
{ TXT: false },
'doxpDialog'
)
">
</c-button>
</c-col>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
...@@ -157,26 +168,22 @@ ...@@ -157,26 +168,22 @@
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="20"> <el-form-item label="汇款人" prop="cpdgrp.orc.pts.extkey">
<el-form-item label="汇款人" prop="cpdgrp.orc.pts.extkey"> <c-fullbox>
<c-input :disabled="model.attp.swftyp == ''" v-model="model.cpdgrp.orc.pts.extkey" maxlength="16" <c-input :disabled="model.attp.swftyp == ''" v-model="model.cpdgrp.orc.pts.extkey" maxlength="16"
placeholder="请输入汇款人名称" style="width: 95%" @keyup.enter.native=" placeholder="请输入汇款人名称" @keyup.enter.native="
showGridPromptDialog('cpdgrp.orc.pts.extkey') showGridPromptDialog('cpdgrp.orc.pts.extkey')
"></c-input> "></c-input>
</el-form-item> <template slot="footer">
</c-col> <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary">
<c-col :span="1">
<c-button style="margin: 0 10px 0 0; padding: 0 12px" size="small" type="primary">
<i class="el-icon-info" style="font-size:15px"></i> <i class="el-icon-info" style="font-size:15px"></i>
</c-button> </c-button>
</c-col>
<c-col :span="2" :offset="1" style="text-align: right">
<c-button style="margin: 0 0" size="small" type="primary"> <c-button style="margin: 0 0" size="small" type="primary">
详情 详情
</c-button> </c-button>
</c-col> </template>
</c-fullbox>
</el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
...@@ -190,7 +197,7 @@ ...@@ -190,7 +197,7 @@
</c-col> </c-col>
<!-- ===============================右边============================= --> <!-- ===============================右边============================= -->
<c-col :span="11" :offset="1"> <c-col :span="12" style="padding-left: 20px;">
<c-col :span="24"> <c-col :span="24">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="简略信息" prop="cpdgrp.rec.nam"> <el-form-item label="简略信息" prop="cpdgrp.rec.nam">
...@@ -316,19 +323,17 @@ ...@@ -316,19 +323,17 @@
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-fullbox> <el-form-item label="发报行BIC" prop="attp.sndbch">
<c-col :span="18"> <c-fullbox>
<el-form-item label="发报行BIC" prop="attp.sndbch"> <c-input v-model="model.attp.sndbch" maxlength="11" placeholder="请输入发报行BIC" style="width:100%" disabled>
<c-input v-model="model.attp.sndbch" maxlength="11" placeholder="请输入发报行BIC" style="width:100%" disabled> </c-input>
</c-input> <template slot="footer">
</el-form-item> <c-col>
</c-col> <c-button type="primary">查询客户号</c-button>
<template slot="footer"> </c-col>
<c-col :span="6"> </template>
<c-button type="primary">查询客户号</c-button> </c-fullbox>
</c-col> </el-form-item>
</template>
</c-fullbox>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
...@@ -340,26 +345,22 @@ ...@@ -340,26 +345,22 @@
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="20">
<el-form-item label="收款人" prop="cpdgrp.pye.pts.extkey"> <el-form-item label="收款人" prop="cpdgrp.pye.pts.extkey">
<c-input v-model="model.cpdgrp.pye.pts.extkey" maxlength="16" style="width: 95%" <c-fullbox>
<c-input v-model="model.cpdgrp.pye.pts.extkey" maxlength="16"
placeholder="请输入收款人" @keyup.enter.native=" placeholder="请输入收款人" @keyup.enter.native="
showGridPromptDialog('cpdgrp.pye.pts.extkey') showGridPromptDialog('cpdgrp.pye.pts.extkey')
"></c-input> "></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" style="font-size:15px"></i>
</c-button>
<c-button size="small" type="primary" style="margin: 0 0" disabled>
详情
</c-button>
</template>
</c-fullbox>
</el-form-item> </el-form-item>
</c-col>
<c-col :span="1">
<c-button style="margin: 0 10px 0 0; padding: 0 12px" size="small" type="primary">
<i class="el-icon-info" style="font-size:15px"></i>
</c-button>
</c-col>
<c-col :span="2" :offset="1" style="text-align: right">
<c-button size="small" type="primary" style="margin: 0 0" disabled>
详情
</c-button>
</c-col>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
......
src/views/Business/Cptati/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="当事人" name="pardet">
<m-pardet :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="收账通知" name="docpan1">
<m-docpan1 :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</template>
<script>
import commonProcess from "~/mixin/commonProcess";
import Event from "~/model/Cptati/Event";
import Opnp1 from "./Opnp1";
import Pardet from "./Pardet";
import Docpan1 from "./Docpan1";
export default {
components: {
"m-opnp1": Opnp1,
"m-pardet": Pardet,
"m-docpan1": Docpan1,
},
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
activeNames: ["opnp1"],
}
},
methods:{...Event,handleChange(){}},
created:function(){
}
}
</script>
<style>
</style>
\ No newline at end of file
src/views/Business/Cptati/Pardet.vue
<template> <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-col :span="24">
<el-form-item label="汇款人开户行" prop="cpdgrp.ori.pts.ref"> <el-form-item label="汇款人开户行" prop="cpdgrp.ori.pts.ref">
<c-input v-model="model.cpdgrp.ori.pts.ref" maxlength="16" placeholder="请输入汇款人开户行" :disabled="flag"></c-input> <c-input v-model="model.cpdgrp.ori.pts.ref" maxlength="16" placeholder="请输入汇款人开户行" :disabled="flag"></c-input>
...@@ -96,7 +96,7 @@ ...@@ -96,7 +96,7 @@
</c-col> </c-col>
</c-col> </c-col>
<!-- =================右边=============== --> <!-- =================右边=============== -->
<c-col :span="11" :offset="1"> <c-col :span="12" style="padding-left: 20px;">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="收款人开户行" prop="cpdgrp.pyb.pts.ref"> <el-form-item label="收款人开户行" prop="cpdgrp.pyb.pts.ref">
<c-input v-model="model.cpdgrp.pyb.pts.ref" maxlength="16" placeholder="请输入收款人开户行" :disabled="flag"></c-input> <c-input v-model="model.cpdgrp.pyb.pts.ref" maxlength="16" placeholder="请输入收款人开户行" :disabled="flag"></c-input>
......
src/views/Business/Cptati/index.vue
<template> <template>
<c-page title="境内外币汇入汇款"> <div class="eContainer">
<div class="eContainer"> <c-page title="境内外币汇入汇款">
<!-- <c-bus-button :$pntvm="this"></c-bus-button> --> <el-form
<c-function-btn :handleSubmit="handleSubmit" :handleCheck="handleCheck" :handleStash="handleStash"> :model="model"
<el-button size="small">备忘录</el-button> :rules="rules"
<el-button size="small">影像信息</el-button> ref="modelForm"
<!-- <el-button size="small">保存模板</el-button> --> label-width="120px"
<!-- <el-button size="small">使用模板</el-button> --> label-position="right"
<el-button size="small">制裁信息</el-button> size="small"
<!-- <el-button size="small">拆分报文</el-button> --> :validate-on-rule-change="false"
<el-button size="small">智能提示</el-button> >
</c-function-btn> <c-tabs
v-model="tabVal"
<el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="right" size="small" ref="elment"
:validate-on-rule-change="false"> type="card"
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick"> @tab-click="myTabClick"
<!--概要 --> >
<el-tab-pane label="概要" name="opnp1"> <el-tab-pane label="业务信息" name="ovwp">
<c-content> <c-content>
<m-opnp1 :model="model" :codes="codes" /> <m-ovwp :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="费用/账务" name="setpan">
<!--当事人 -->
<el-tab-pane label="当事人" name="pardet">
<c-content> <c-content>
<m-pardet :model="model" :codes="codes" /> <div class="eibs-tab">
<el-collapse v-model="activeNames">
<el-collapse-item title="结算" name="setpan">
<!-- 结算 -->
<m-setpan :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="备查/附言" name="addbcb">
<!--结算 -->
<el-tab-pane label="结算" name="setpan">
<c-content> <c-content>
<m-setpan :model="model" :codes="codes" /> <m-addbcb :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<!--提示信息 --> <el-tab-pane label="申报信息" name="cnyp">
<el-tab-pane label="提示信息" name="coninfp">
<c-content> <c-content>
<m-coninfp :model="model" :codes="codes" /> <m-cnyp :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<!-- 报文和面函 --> <!-- 报文和面函 -->
<el-tab-pane label="报文和面函" name="docpan"> <el-tab-pane label="报文/面函" name="docpan">
<c-content> <c-content>
<m-docpan :model="model" :codes="codes" /> <m-docpan :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<!--附件 --> <!--附件 -->
<el-tab-pane label="附件" name="doctre"> <el-tab-pane label="附件信息" name="doctre">
<c-content> <c-content>
<m-doctre :model="model" :codes="codes" /> <m-doctre :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="境内收入申报单-基础信息" name="dbe" v-if="model.bopmod.szflg === '2' && model.bopmod.basflg">
<m-dbe :model="model" :codes="codes"></m-dbe>
</el-tab-pane>
<el-tab-pane label="涉外收入申报单-基础信息" name="dbb" v-if="model.bopmod.szflg === '1' && model.bopmod.basflg">
<m-dbb :model="model" :codes="codes"></m-dbb>
</el-tab-pane>
<!--收账通知 -->
<el-tab-pane label="收账通知" name="docpan1">
<c-content>
<m-docpan1 :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000006 -->
<el-tab-pane label="外管信息" name="wg">
<c-content>
<m-wg :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</c-tabs> </c-tabs>
</el-form> </el-form>
<c-grid-ety-prompt-dialog
ref="etyDialog"
<c-grid-ety-prompt-dialog ref="etyDialog" :promptData="promptData" v-on:select-ety="selectEty"> :promptData="promptData"
v-on:select-ety="selectEty"
>
</c-grid-ety-prompt-dialog> </c-grid-ety-prompt-dialog>
</div> <!-- <c-bus-button :$pntvm="this"></c-bus-button> -->
</c-page> <c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
</c-page>
</div>
</template> </template>
<script> <script>
import Api from "~/service/Api"; import Api from "~/service/Api";
...@@ -100,33 +89,25 @@ import Default from "~/model/Cptati/Default"; ...@@ -100,33 +89,25 @@ import Default from "~/model/Cptati/Default";
import Pattern from "~/model/Cptati/Pattern"; import Pattern from "~/model/Cptati/Pattern";
import commonFuncs from "~/mixin/commonFuncs"; import commonFuncs from "~/mixin/commonFuncs";
import Opnp1 from "./Opnp1"; import Ovwp from "./Ovwp";
import Pardet from "./Pardet"; import Pardet from "./Pardet";
import Docpan1 from "./Docpan"; import Cnyp from "./Cnyp";
import Wg from "./Wg"; import Addbcb from "./Addbcb.vue";
import Dbe from "./Dbe.vue";
import Dbb from "./Dbb.vue";
import Doctre from "~/views/Public/Doctre"; import Doctre from "~/views/Public/Doctre";
import Docpan from "~/views/Public/Docpan"; import Docpan from "~/views/Public/Docpan";
import Setpan from "~/views/Public/Setpan"; import Setpan from "~/views/Public/Setpan";
import Coninfp from "~/views/Public/Coninfp";
export default { export default {
name: "Cptati", name: "Cptati",
components: { components: {
"m-opnp1": Opnp1, "m-ovwp": Ovwp,
"m-pardet": Pardet, "m-pardet": Pardet,
"m-setpan": Setpan, "m-setpan": Setpan,
"m-coninfp": Coninfp, "m-addbcb": Addbcb,
"m-doctre": Doctre, "m-doctre": Doctre,
"m-docpan": Docpan, "m-docpan": Docpan,
"m-docpan1": Docpan1, "m-cnyp": Cnyp,
"m-wg": Wg,
"m-dbe": Dbe,
"m-dbb": Dbb,
}, },
provide() { provide() {
return { return {
...@@ -136,13 +117,14 @@ export default { ...@@ -136,13 +117,14 @@ export default {
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理 mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() { data() {
return { return {
tabVal: "opnp1", tabVal: "ovwp",
trnName: "cptati", trnName: "cptati",
model: new Cptati().data, model: new Cptati().data,
checkRules: Check, checkRules: Check,
defaultRules: Default, defaultRules: Default,
pattern: Pattern, pattern: Pattern,
rules: null, rules: null,
activeNames: ["setpan"],
codes: { ...CodeTable }, codes: { ...CodeTable },
}; };
}, },
...@@ -170,5 +152,4 @@ export default { ...@@ -170,5 +152,4 @@ export default {
}; };
</script> </script>
<style> <style>
</style> </style>
src/views/Business/Cptato/Opnp1.vue
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="13"> <c-col :span="12">
<el-form-item label="汇款金额" prop="cpdgrp.cbs.nom1.cur"> <el-form-item label="汇款金额" prop="cpdgrp.cbs.nom1.cur">
<c-select <c-select
v-model="model.cpdgrp.cbs.nom1.cur" v-model="model.cpdgrp.cbs.nom1.cur"
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="11"> <c-col :span="12">
<el-form-item <el-form-item
style="text-align: left" style="text-align: left"
label-width="5px" label-width="5px"
......
src/views/Business/Cptato/Ovwp.vue
...@@ -5,7 +5,6 @@ ...@@ -5,7 +5,6 @@
<m-opnp1 :model="model" :codes="codes" /> <m-opnp1 :model="model" :codes="codes" />
</el-collapse-item> </el-collapse-item>
<!-- v-if="this.model.cpdgrp.rec.swftyp != ''" -->
<el-collapse-item title="当事人" name="pardet"> <el-collapse-item title="当事人" name="pardet">
<m-pardet :model="model" :codes="codes" /> <m-pardet :model="model" :codes="codes" />
</el-collapse-item> </el-collapse-item>
......
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