Skip to content

V
vue-gjjs
Commit 839218d2 by LiRui
Options

CPTATO UI改造

parent 876c71f1
Showing with 284 additions and 163 deletions
src/views/Business/Cptato/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/Cptato/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/Cptato/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/Cptato/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/Cptato/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>
<!-- v-if="this.model.cpdgrp.rec.swftyp != ''" -->
<el-collapse-item title="当事人" name="pardet">
<m-pardet :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</template>
<script>
import commonProcess from "~/mixin/commonProcess";
import Event from "~/model/Cptato/Event";
import Opnp1 from "./Opnp1";
import Pardet from "./Pardet";
export default {
components: {
"m-opnp1": Opnp1,
"m-pardet": Pardet,
},
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/Cptato/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="216" placeholder="请输入汇款人开户行" <c-input v-model="model.cpdgrp.ori.pts.ref" maxlength="216" placeholder="请输入汇款人开户行"
...@@ -98,7 +98,7 @@ ...@@ -98,7 +98,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="216" placeholder="请输入收款人开户行" <c-input v-model="model.cpdgrp.pyb.pts.ref" maxlength="216" placeholder="请输入收款人开户行"
......
src/views/Business/Cptato/Wg.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="bopmod.szflg"> <el-form-item label="申报类型" prop="bopmod.szflg">
<c-select v-model="model.bopmod.szflg" style="width:100%" placeholder="请选择申报类型"> <c-select v-model="model.bopmod.szflg" style="width:100%" placeholder="请选择申报类型">
...@@ -31,8 +31,8 @@ ...@@ -31,8 +31,8 @@
</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="14">
<c-checkbox v-model="model.bopmod.basflg" :disabled="model.bopmod.szflg==='3'||model.bopmod.szflg===''">基础数据 <c-checkbox v-model="model.bopmod.basflg" :disabled="model.bopmod.szflg==='3'||model.bopmod.szflg===''">基础数据
</c-checkbox> </c-checkbox>
</c-col> </c-col>
......
src/views/Business/Cptato/index.vue
<template> <template>
<c-page title="境内外币汇出汇款"> <div class="eContainer">
<div class="eContainer"> <c-page title="境内外币汇出汇款">
<!-- <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" size="small"> <el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" size="small">
<c-tabs ref="elment" :value="tabVal" type="card" @tab-click="tabClick"> <c-tabs ref="elment" :value="tabVal" type="card" @tab-click="tabClick">
<el-tab-pane label="概要" name="opnp1"> <el-tab-pane label="业务信息" name="ovwp">
<!--PD000020 -->
<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="pardet"> <el-tab-pane label="费用/账务" name="setpan,glepan">
<!--PD000546 当事人-->
<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-item title="会计分录" name="glepan">
<!-- 会计分录 -->
<m-glepan :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="setpan"> <el-tab-pane label="备查/附言" name="addbcb">
<!--PD000006 settlment--> <c-content>
<m-setpan :model="model" :codes="codes" /> <m-addbcb :model="model" :codes="codes" />
</el-tab-pane> </c-content>
<el-tab-pane label="分录" name="glepan">
<!--PD000006 bookings-->
<m-glepan :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="提示信息" name="coninfp">
<!--PD000000 --> <el-tab-pane label="申报信息" name="cnyp">
<m-coninfp :model="model" :codes="codes" /> <c-content>
<m-cnyp :model="model" :codes="codes" />
</c-content>
</el-tab-pane> </el-tab-pane>
<!-- 报文和面函 --> <!-- 报文和面函 -->
<el-tab-pane label="报文和面函" name="docpan"> <el-tab-pane label="报文/面函" name="docpan">
<!--PD000000 --> <!--PD000000 -->
<m-docpan :model="model" :codes="codes" /> <m-docpan :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="附件" name="doctre"> <el-tab-pane label="附件信息" name="doctre">
<!--附件 --> <!--附件 -->
<m-doctre :model="model" :codes="codes" /> <m-doctre :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="外管信息" name="wg">
<!--PD000546 -->
<m-wg :model="model" :codes="codes" />
</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>
</c-tabs> </c-tabs>
</el-form> </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> </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>
...@@ -75,11 +65,9 @@ import commonProcess from "~/mixin/commonProcess"; ...@@ -75,11 +65,9 @@ import commonProcess from "~/mixin/commonProcess";
import commonFuncs from "~/mixin/commonFuncs"; import commonFuncs from "~/mixin/commonFuncs";
import Pattern from "~/model/Cptato/Pattern"; import Pattern from "~/model/Cptato/Pattern";
import Opnp1 from "./Opnp1"; import Ovwp from "./Ovwp";
import Pardet from "./Pardet"; import Cnyp from "./Cnyp";
import Wg from "./Wg"; import Addbcb from "./Addbcb";
import Dbe from "./Dbe.vue";
import Dbb from "./Dbb.vue";
import Setpan from "~/views/Public/Setpan"; import Setpan from "~/views/Public/Setpan";
import Coninfp from "~/views/Public/Coninfp"; import Coninfp from "~/views/Public/Coninfp";
...@@ -91,17 +79,15 @@ import Sbxx from "~/views/Public/Sbxx"; ...@@ -91,17 +79,15 @@ import Sbxx from "~/views/Public/Sbxx";
export default { export default {
name: "Cptato", name: "Cptato",
components: { components: {
"m-opnp1": Opnp1, "m-ovwp": Ovwp,
"m-setpan": Setpan, "m-setpan": Setpan,
"m-docpan": Docpan, "m-docpan": Docpan,
"m-coninfp": Coninfp, "m-coninfp": Coninfp,
"m-wg": Wg,
"m-glepan": Glepan, "m-glepan": Glepan,
"m-pardet": Pardet,
"m-doctre": Doctre, "m-doctre": Doctre,
"m-sbxx": Sbxx, "m-sbxx": Sbxx,
"m-dbe": Dbe, "m-cnyp": Cnyp,
"m-dbb": Dbb, "m-addbcb": Addbcb,
}, },
provide() { provide() {
return { return {
...@@ -111,10 +97,11 @@ export default { ...@@ -111,10 +97,11 @@ export default {
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理 mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() { data() {
return { return {
tabVal: "opnp1", tabVal: "ovwp",
trnName: "cptato", trnName: "cptato",
model: new Cptato().data, model: new Cptato().data,
rules: Pattern, rules: Pattern,
activeNames: ["setpan"],
codes: { ...CodeTable }, codes: { ...CodeTable },
}; };
}, },
......
src/views/Business/Cptopn/Wg.vue
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="eibs"> <div class="eibs">
<c-col :span="24"> <c-col :span="24">
<c-col :span="12" style="padding-right: 20px;"> <c-col :span="12" style="padding-right: 20px;">
<el-form-item label="申报类型" label-width="30%" prop="bopmod.szflg"> <el-form-item label="申报类型" label-width="120px" prop="bopmod.szflg">
<c-select <c-select
v-model="model.bopmod.szflg" v-model="model.bopmod.szflg"
style="width: 100%" style="width: 100%"
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
<c-col :span="12" style="padding-right: 20px;"> <c-col :span="12" style="padding-right: 20px;">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="款项去向" prop="bopmod.acttyp" label-width="30%"> <el-form-item label="款项去向" prop="bopmod.acttyp" label-width="120px">
<c-select <c-select
v-model="model.bopmod.acttyp" v-model="model.bopmod.acttyp"
style="width: 100%" style="width: 100%"
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
<el-form-item <el-form-item
label="地区机构号" label="地区机构号"
prop="bopmod.ownextkey" prop="bopmod.ownextkey"
label-width="30%" label-width="120px"
> >
<c-select <c-select
v-model="model.bopmod.ownextkey" v-model="model.bopmod.ownextkey"
......
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