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>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="11">
<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
......@@ -16,7 +16,7 @@
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="4">
<c-checkbox v-model="model.lendoc.actflg">输入账户</c-checkbox>
</c-col>
......
src/views/Business/Cptati/Opnp1.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">
<el-form-item label="汇款编号" prop="cpdgrp.rec.ownref" style="width: 100%">
<c-fullbox>
......@@ -19,7 +19,7 @@
</c-col>
<c-col :span="24">
<c-col :span="13">
<c-col :span="12">
<el-form-item label="汇款金额" prop="cpdgrp.cbs.nom1.cur">
<c-select v-model="model.cpdgrp.cbs.nom1.cur" style="width: 100%" placeholder="请选择汇款金额"
@change="commonExecuteRule('cpdgrp.cbs.nom1.cur')">
......@@ -29,7 +29,7 @@
</el-form-item>
</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">
<c-input-currency v-model="model.cpdgrp.cbs.nom1.amt" style="text-align: left; width: 100%"
placeholder="请输入汇款金额" @keyup.enter.native="
......@@ -81,34 +81,45 @@
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="10">
<c-col :span="12">
<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>
</c-col>
<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="付款人常驻国家/地区代码"
@keyup.enter.native="showGridPromptDialog('attp.country')">
</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>
</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 :span="24">
......@@ -157,26 +168,22 @@
</c-col>
<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"
placeholder="请输入汇款人名称" style="width: 95%" @keyup.enter.native="
showGridPromptDialog('cpdgrp.orc.pts.extkey')
"></c-input>
</el-form-item>
</c-col>
<c-col :span="1">
<c-button style="margin: 0 10px 0 0; padding: 0 12px" size="small" type="primary">
placeholder="请输入汇款人名称" @keyup.enter.native="
showGridPromptDialog('cpdgrp.orc.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" style="font-size:15px"></i>
</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>
</c-col>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
......@@ -190,7 +197,7 @@
</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.rec.nam">
......@@ -316,19 +323,17 @@
</c-col>
<c-col :span="24">
<c-fullbox>
<c-col :span="18">
<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>
</el-form-item>
</c-col>
<template slot="footer">
<c-col :span="6">
<c-button type="primary">查询客户号</c-button>
</c-col>
</template>
</c-fullbox>
<el-form-item label="发报行BIC" prop="attp.sndbch">
<c-fullbox>
<c-input v-model="model.attp.sndbch" maxlength="11" placeholder="请输入发报行BIC" style="width:100%" disabled>
</c-input>
<template slot="footer">
<c-col>
<c-button type="primary">查询客户号</c-button>
</c-col>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
......@@ -340,26 +345,22 @@
</c-col>
<c-col :span="24">
<c-col :span="20">
<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="
showGridPromptDialog('cpdgrp.pye.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" 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>
</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 :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>
<div class="eibs-tab">
<div class="eibs">
<!-- ===============左边================ -->
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<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>
......@@ -96,7 +96,7 @@
</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="收款人开户行" prop="cpdgrp.pyb.pts.ref">
<c-input v-model="model.cpdgrp.pyb.pts.ref" maxlength="16" placeholder="请输入收款人开户行" :disabled="flag"></c-input>
......
src/views/Business/Cptati/index.vue
<template>
<c-page title="境内外币汇入汇款">
<div class="eContainer">
<!-- <c-bus-button :$pntvm="this"></c-bus-button> -->
<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" :rules="rules" ref="modelForm" label-width="120px" label-position="right" size="small"
:validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<!--概要 -->
<el-tab-pane label="概要" name="opnp1">
<div class="eContainer">
<c-page title="境内外币汇入汇款">
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="120px"
label-position="right"
size="small"
:validate-on-rule-change="false"
>
<c-tabs
v-model="tabVal"
ref="elment"
type="card"
@tab-click="myTabClick"
>
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-opnp1 :model="model" :codes="codes" />
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--当事人 -->
<el-tab-pane label="当事人" name="pardet">
<el-tab-pane label="费用/账务" name="setpan">
<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>
</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="coninfp">
<el-tab-pane label="申报信息" name="cnyp">
<c-content>
<m-coninfp :model="model" :codes="codes" />
<m-cnyp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!-- 报文和面函 -->
<el-tab-pane label="报文和面函" name="docpan">
<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">
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</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>
</el-form>
<c-grid-ety-prompt-dialog ref="etyDialog" :promptData="promptData" v-on:select-ety="selectEty">
<c-grid-ety-prompt-dialog
ref="etyDialog"
:promptData="promptData"
v-on:select-ety="selectEty"
>
</c-grid-ety-prompt-dialog>
</div>
</c-page>
<!-- <c-bus-button :$pntvm="this"></c-bus-button> -->
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
</c-page>
</div>
</template>
<script>
import Api from "~/service/Api";
......@@ -100,33 +89,25 @@ import Default from "~/model/Cptati/Default";
import Pattern from "~/model/Cptati/Pattern";
import commonFuncs from "~/mixin/commonFuncs";
import Opnp1 from "./Opnp1";
import Ovwp from "./Ovwp";
import Pardet from "./Pardet";
import Docpan1 from "./Docpan";
import Wg from "./Wg";
import Dbe from "./Dbe.vue";
import Dbb from "./Dbb.vue";
import Cnyp from "./Cnyp";
import Addbcb from "./Addbcb.vue";
import Doctre from "~/views/Public/Doctre";
import Docpan from "~/views/Public/Docpan";
import Setpan from "~/views/Public/Setpan";
import Coninfp from "~/views/Public/Coninfp";
export default {
name: "Cptati",
components: {
"m-opnp1": Opnp1,
"m-ovwp": Ovwp,
"m-pardet": Pardet,
"m-setpan": Setpan,
"m-coninfp": Coninfp,
"m-addbcb": Addbcb,
"m-doctre": Doctre,
"m-docpan": Docpan,
"m-docpan1": Docpan1,
"m-wg": Wg,
"m-dbe": Dbe,
"m-dbb": Dbb,
"m-cnyp": Cnyp,
},
provide() {
return {
......@@ -136,13 +117,14 @@ export default {
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "opnp1",
tabVal: "ovwp",
trnName: "cptati",
model: new Cptati().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
activeNames: ["setpan"],
codes: { ...CodeTable },
};
},
......@@ -170,5 +152,4 @@ export default {
};
</script>
<style>
</style>
src/views/Business/Cptato/Opnp1.vue
......@@ -38,7 +38,7 @@
</c-col>
<c-col :span="24">
<c-col :span="13">
<c-col :span="12">
<el-form-item label="汇款金额" prop="cpdgrp.cbs.nom1.cur">
<c-select
v-model="model.cpdgrp.cbs.nom1.cur"
......@@ -56,7 +56,7 @@
</el-form-item>
</c-col>
<c-col :span="11">
<c-col :span="12">
<el-form-item
style="text-align: left"
label-width="5px"
......
src/views/Business/Cptato/Ovwp.vue
......@@ -5,7 +5,6 @@
<m-opnp1 :model="model" :codes="codes" />
</el-collapse-item>
<!-- v-if="this.model.cpdgrp.rec.swftyp != ''" -->
<el-collapse-item title="当事人" name="pardet">
<m-pardet :model="model" :codes="codes" />
</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