Skip to content

V
vue-gjjs
Commit 66ee3e3c by huangxin
Options

getset的UI改造

parent d179c7c8
Showing with 349 additions and 116 deletions
src/views/Business/Getopn/Ovwp1.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-row>
<c-col :span="24">
<!-- ==================左边================ -->
......
src/views/Business/Getset/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/Litcan/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/Getset/Cnyp.vue
<template>
<div class="eibs-tab">
<!-- S0000042 : 是否报送跨境人民币2101表 -->
<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>
<c-col :span="12">
<el-form-item label="是否报送跨境人民币2101表" prop="cnybop.cnyflg">
<c-select
:disabled="model.gcdgrp.cbs.max.cur!='CNY'"
:code="codes.cnyflg"
v-model="model.cnybop.cnyflg"
style="width: 100%"
placeholder="请选择"
>
</c-select>
</el-form-item>
</c-col>
<!-- S0000045 : 是否报送跨境人民币2107表 -->
<el-collapse-item title="涉外收入申报单-基础信息" name="basp" v-if="model.bopmod.szflg == '1' && model.bopmod.basflg == 'X'">
<m-basp :model="model" :codes="codes" />
</el-collapse-item>
<c-col :span="12">
<el-form-item label="是否报送跨境人民币2107表" prop="cnybop.traflg">
<c-select
disabled
:code="codes.traflg"
v-model="model.cnybop.traflg"
style="width: 100%"
placeholder="请选择"
>
</c-select>
</el-form-item>
</c-col>
<!-- S0000077 : 是否报送跨境人民币2111表 -->
<el-collapse-item title="境内收入申报单-基础信息" name="basp1" v-if="model.bopmod.szflg == '2' && model.bopmod.basflg == 'X'">
<m-basp :model="model" :codes="codes" />
</el-collapse-item>
<c-col :span="12">
<el-form-item label="是否报送跨境人民币2111表" prop="cnybop.outflg">
<c-select
disabled
:code="codes.outflg"
v-model="model.cnybop.outflg"
style="width: 100%"
placeholder="请选择"
>
</c-select>
</el-form-item>
</c-col>
<!-- S0000113 : 是否报送跨境人民币2106表 -->
<el-collapse-item title="跨境人民币申报" name="cnyp1">
<m-cnyp1 :model="model" :codes="codes" />
</el-collapse-item>
<c-col :span="12">
<el-form-item label="是否报送跨境人民币2106表" prop="cnybop.libflg">
<c-select
disabled
:code="codes.libflg"
v-model="model.cnybop.libflg"
style="width: 100%"
placeholder="请选择"
>
</c-select>
</el-form-item>
</c-col>
<!-- S0000142 : 是否报送跨境人民币2122表 -->
<el-collapse-item title="2102跨境收入信息" name="incp" v-if="model.cnybop.cnyflg=='1'">
<m-incp :model="model" :codes="codes" />
</el-collapse-item>
<c-col :span="12">
<el-form-item label="是否报送跨境人民币2122表" prop="cnybop.vouflg">
<c-select
disabled
:code="codes.vouflg"
v-model="model.cnybop.vouflg"
style="width: 100%"
placeholder="请选择"
>
</c-select>
</el-form-item>
</c-col>
</div>
</el-collapse>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Getset/Event";
import Event from "~/model/Brtset/Event";
import Wg from "./Wg";
import Cnyp1 from "./Cnyp1";
import Basp from "./Basp";
import Incp from "./Incp";
export default {
inject: ["root"],
components: {
"m-wg": Wg,
"m-basp": Basp,
"m-cnyp1": Cnyp1,
"m-incp": Incp,
},
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
return {
activeNames: ["wg"],
};
},
methods: {
...Event,
handleChange() {}
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Getset/Cnyp1.vue 0 → 100644
<template>
<div class="eibs">
<!-- S0000042 : 是否报送跨境人民币2101表 -->
<c-col :span="12">
<el-form-item label="是否报送跨境人民币2101表" prop="cnybop.cnyflg">
<c-select
:disabled="model.gcdgrp.cbs.max.cur!='CNY'"
:code="codes.cnyflg"
v-model="model.cnybop.cnyflg"
style="width: 100%"
placeholder="请选择"
>
</c-select>
</el-form-item>
</c-col>
<!-- S0000045 : 是否报送跨境人民币2107表 -->
<c-col :span="12">
<el-form-item label="是否报送跨境人民币2107表" prop="cnybop.traflg">
<c-select
disabled
:code="codes.traflg"
v-model="model.cnybop.traflg"
style="width: 100%"
placeholder="请选择"
>
</c-select>
</el-form-item>
</c-col>
<!-- S0000077 : 是否报送跨境人民币2111表 -->
<c-col :span="12">
<el-form-item label="是否报送跨境人民币2111表" prop="cnybop.outflg">
<c-select
disabled
:code="codes.outflg"
v-model="model.cnybop.outflg"
style="width: 100%"
placeholder="请选择"
>
</c-select>
</el-form-item>
</c-col>
<!-- S0000113 : 是否报送跨境人民币2106表 -->
<c-col :span="12">
<el-form-item label="是否报送跨境人民币2106表" prop="cnybop.libflg">
<c-select
disabled
:code="codes.libflg"
v-model="model.cnybop.libflg"
style="width: 100%"
placeholder="请选择"
>
</c-select>
</el-form-item>
</c-col>
<!-- S0000142 : 是否报送跨境人民币2122表 -->
<c-col :span="12">
<el-form-item label="是否报送跨境人民币2122表" prop="cnybop.vouflg">
<c-select
disabled
:code="codes.vouflg"
v-model="model.cnybop.vouflg"
style="width: 100%"
placeholder="请选择"
>
</c-select>
</el-form-item>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Getset/Event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Getset/Ovwp.vue 0 → 100644
<template>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="索赔付款" name="gitsetp1">
<m-gitsetp1 :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 Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Getset/Event";
import Gitsetp1 from "./Gitsetp1";
import Docpan1 from "./Docpan";
export default {
components: {
"m-gitsetp1": Gitsetp1,
"m-docpan1": Docpan1,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
activeNames: ["gitsetp1"],
};
},
methods: {
...Event,
},
created: function () {},
computed: {
},
};
</script>
<style>
.marginLable {
padding-left: 160px;
}
</style>
src/views/Business/Getset/index.vue
<template>
<div class="eContainer">
<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>
<!-- <el-button size="small">拆分报文</el-button> -->
<el-button size="small">智能提示</el-button>
</c-function-btn>
<c-page title="出口保函收汇">
<el-form
:model="model"
:rules="rules"
......@@ -25,56 +11,123 @@
:validate-on-rule-change="false"
>
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<!--getset PD000027 Claim Payment -->
<el-tab-pane label="索赔付款" name="gitsetp1">
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-gitsetp1 :model="model" :codes="codes" />
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="表外" name="liability">
<el-tab-pane label="统一授信" name="limitbody,shisuan">
<c-content>
<m-engp :model="model" :codes="codes" />
<div class="eibs-tab">
<el-collapse v-model="activeNames1">
<el-collapse-item title="统一授信" name="limitbody">
<m-limitbody :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="试算结果" name="shisuan">
<m-shisuan :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="engp,setpan,glepan">
<c-content>
<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 v-if="this.flag" title="会计分录" name="glepan">
<!-- 会计分录 -->
<m-glepan :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</c-content>
</el-tab-pane>
<el-tab-pane v-if="this.flag" label="分录" name="glepan">
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-glepan :model="model" :codes="codes" />
<m-addbcb :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="附言" name="Completion">
<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="Messages">
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="交易附件" name="Attachments">
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--getset PD000027 Claim Payment -->
<!-- <el-tab-pane label="索赔付款" name="gitsetp1">
<c-content>
<m-gitsetp1 :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!-- <el-tab-pane label="表外" name="liability">
<c-content>
<m-engp :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!-- <el-tab-pane label="费用及账务" name="setpan">
<c-content>
<m-setpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!-- <el-tab-pane v-if="this.flag" label="分录" name="glepan">
<c-content>
<m-glepan :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!-- <el-tab-pane label="附言" name="Completion">
<c-content>
<m-coninfp :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!-- <el-tab-pane label="面函" name="Messages">
<m-docpan :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="交易附件" name="Attachments">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!--lendoc PD000001 收账通知 -->
<el-tab-pane label="收账通知" name="docpan1">
<!-- <el-tab-pane label="收账通知" name="docpan1">
<m-docpan1 :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--bopgat PD000006 外管信息 -->
<el-tab-pane label="外管信息" name="wg">
<!-- <el-tab-pane label="外管信息" name="wg">
<m-wg :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--dbap PD000000 涉外收入申报单－基础信息 -->
<el-tab-pane
<!-- <el-tab-pane
v-if="model.bopmod.szflg == '1' && model.bopmod.basflg == 'X'"
label="涉外收入申报单-基础信息"
name="basp"
......@@ -82,8 +135,8 @@
<c-content>
<m-basp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane
</el-tab-pane> -->
<!-- <el-tab-pane
v-if="model.bopmod.szflg == '2' && model.bopmod.basflg == 'X'"
label="境内收入申报单-基础信息"
name="basp1"
......@@ -91,22 +144,22 @@
<c-content>
<m-basp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--cnybop PD000002 跨境人民币申报 -->
<el-tab-pane label="跨境人民币申报" name="cnyp">
<!-- <el-tab-pane label="跨境人民币申报" name="cnyp">
<m-cnyp :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<el-tab-pane label="2102跨境收入信息" name="incp" v-if="model.cnybop.cnyflg=='1'">
<!-- <el-tab-pane label="2102跨境收入信息" name="incp" v-if="model.cnybop.cnyflg=='1'">
<m-incp :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--limmod PD001139 试算结果 -->
<el-tab-pane label="试算结果" name="shisuan">
<!-- <el-tab-pane label="试算结果" name="shisuan">
<m-shisuan :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="统一授信" name="limitbody">
</el-tab-pane> -->
<!-- <el-tab-pane label="统一授信" name="limitbody">
<m-limitbody :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
</c-tabs>
</el-form>
<c-grid-ety-prompt-dialog
......@@ -122,6 +175,13 @@
@select-ety="selectMsg"
>
</c-grid-ety-prompt-dialog>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
</c-page>
</div>
</template>
<script>
......@@ -138,9 +198,11 @@ import Gitsetp1 from "./Gitsetp1";
import Docpan1 from "./Docpan";
import Wg from "./Wg";
import Basp from "./Basp";
import Cnyp from "./Cnyp";
import Incp from "./Incp";
import Shisuan from "./Shisuan";
import Addbcb from "./Addbcb";
import Ovwp from "./Ovwp";
import Cnyp from "./Cnyp";
import Engp from "~/views/Public/Engp";
import Setpan from "~/views/Public/Setpan";
......@@ -154,6 +216,8 @@ import Limitbody from "~/views/Public/Limitbody";
export default {
name: "Getset",
components: {
"m-addbcb": Addbcb,
"m-ovwp": Ovwp,
"m-gitsetp1": Gitsetp1,
"m-docpan1": Docpan1,
"m-wg": Wg,
......@@ -177,7 +241,7 @@ export default {
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "gitsetp1",
tabVal: "ovwp",
trnName: "getset",
trnType: "",
model: new Getset().data,
......@@ -188,6 +252,8 @@ export default {
codes: {
...CodeTable,
},
activeNames: ["engp"],
activeNames1: ["limitbody"],
flag: false,
};
},
......
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