Skip to content

V
vue-gjjs
Commit f514420a by huangxin
Options

botset的UI改造

parent 5126481e
Showing with 354 additions and 116 deletions
src/views/Business/Botset/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/Botset/Cnyp.vue
<template>
<div class="eibs-tab">
<c-col :span="12">
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2101表" label-width="30%" prop="cnybop.cnyflg">
<c-select v-model="model.cnybop.cnyflg" style="width:100%" placeholder="请选择是否报送跨境人民币2101表"
:code="codes.cnyflg" :disabled="model.bodgrp.cbs.max.cur!='CNY'">
</c-select>
</el-form-item>
</c-col>
<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="24">
<el-form-item label="是否报送跨境人民币2107表" label-width="30%" prop="cnybop.traflg">
<c-select v-model="model.cnybop.traflg" style="width:100%" placeholder="请选择是否报送跨境人民币2107表"
:code="codes.traflg" :disabled="true">
</c-select>
</el-form-item>
</c-col>
<el-collapse-item title="涉外收入申请单-基础信息" name="basp3" v-if="model.bopmod.szflg=='1' && model.lendoc.actflg=='X'">
<m-basp3 :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="请选择是否报送跨境人民币2111表"
:code="codes.outflg" :disabled="true">
</c-select>
</el-form-item>
</c-col>
<el-collapse-item title="境内收入申请单-基础信息" name="basp2" v-if="model.bopmod.szflg=='2' && model.lendoc.actflg=='X'">
<m-basp2 :model="model" :codes="codes" />
</el-collapse-item>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2106表" label-width="30%" prop="cnybop.libflg">
<c-select v-model="model.cnybop.libflg" style="width:100%" placeholder="请选择是否报送跨境人民币2106表"
:code="codes.libflg" :disabled="true">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2122表" label-width="30%" prop="cnybop.vouflg">
<c-select v-model="model.cnybop.vouflg" style="width:100%" placeholder="请选择是否报送跨境人民币2122表"
:code="codes.vouflg" :disabled="true">
</c-select>
</el-form-item>
</c-col>
</c-col>
<el-collapse-item title="跨境人民币申报" name="cnyp1">
<m-cnyp1 :model="model" :codes="codes" />
</el-collapse-item>
<!--cnybop PD000001 2101跨境收入信息 -->
<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>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Botdav/Event"
export default {
inject: ['root'],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
}
},
methods: { ...Event },
created: function () {
this.model.cnybop.cnyflg = '2';
this.model.cnybop.traflg = '2';
this.model.cnybop.outflg = '2';
this.model.cnybop.libflg = '2';
this.model.cnybop.vouflg = '2';
}
}
</script>
<style>
</style>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Botset/Event";
import Wg from "./Wg";
import Cnyp1 from "./Cnyp1";
import Incp from "./Incp";
import Basp2 from "./Basp2";
import Basp3 from "./Basp3";
export default {
inject: ["root"],
components: {
"m-basp2": Basp2,
"m-basp3": Basp3,
"m-wg": Wg,
"m-cnyp1": Cnyp1,
"m-incp": Incp,
},
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/Botset/Cnyp1.vue 0 → 100644
<template>
<div class="eibs-tab">
<c-col :span="12">
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2101表" label-width="30%" prop="cnybop.cnyflg">
<c-select v-model="model.cnybop.cnyflg" style="width:100%" placeholder="请选择是否报送跨境人民币2101表"
:code="codes.cnyflg" :disabled="model.bodgrp.cbs.max.cur!='CNY'">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2107表" label-width="30%" prop="cnybop.traflg">
<c-select v-model="model.cnybop.traflg" style="width:100%" placeholder="请选择是否报送跨境人民币2107表"
:code="codes.traflg" :disabled="true">
</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="请选择是否报送跨境人民币2111表"
:code="codes.outflg" :disabled="true">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2106表" label-width="30%" prop="cnybop.libflg">
<c-select v-model="model.cnybop.libflg" style="width:100%" placeholder="请选择是否报送跨境人民币2106表"
:code="codes.libflg" :disabled="true">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2122表" label-width="30%" prop="cnybop.vouflg">
<c-select v-model="model.cnybop.vouflg" style="width:100%" placeholder="请选择是否报送跨境人民币2122表"
:code="codes.vouflg" :disabled="true">
</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/Botdav/Event"
export default {
inject: ['root'],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
}
},
methods: { ...Event },
created: function () {
this.model.cnybop.cnyflg = '2';
this.model.cnybop.traflg = '2';
this.model.cnybop.outflg = '2';
this.model.cnybop.libflg = '2';
this.model.cnybop.vouflg = '2';
}
}
</script>
<style>
</style>
src/views/Business/Botset/Ovwp.vue 0 → 100644
<template>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="资金结算" name="setp">
<m-setp ref="setp" :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="指示条款" name="inst">
<m-inst :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="参与方" name="ptyp">
<m-ptyp :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/Botset/Event";
import Setp from "./Setp"
import Inst from "./Inst"
import Ptyp from "./Ptyp"
import Docpan1 from "./Docpan1"
export default {
components: {
"m-docpan1": Docpan1,
"m-setp": Setp,
"m-inst": Inst,
"m-ptyp": Ptyp,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
activeNames: ["setp"],
};
},
methods: {
...Event,
},
created: function () {},
computed: {
},
};
</script>
<style>
.marginLable {
padding-left: 160px;
}
</style>
\ No newline at end of file
src/views/Business/Botset/index.vue
<template>
<c-page title="出口托收收汇">
<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>
</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="tabClick">
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="统一授信" name="limitbody">
<c-content>
<m-limitbody :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<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 title="会计分录" name="glepan">
<!-- 会计分录 -->
<m-glepan :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</c-content>
</el-tab-pane>
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-addbcb :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="申报信息" name="cnyp">
<c-content>
<m-cnyp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<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">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--资金结算-->
<el-tab-pane label="资金结算" name="setp">
<!-- <el-tab-pane label="资金结算" name="setp">
<c-content>
<m-setp ref="setp" :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--Instruction -->
<el-tab-pane label="指示条款" name="inst">
<!-- <el-tab-pane label="指示条款" name="inst">
<c-content>
<m-inst :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--参与方 -->
<el-tab-pane label="参与方" name="ptyp">
<!-- <el-tab-pane label="参与方" name="ptyp">
<c-content>
<m-ptyp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--表外记账 -->
<el-tab-pane label="表外记账" name="engp">
<!-- <el-tab-pane label="表外记账" name="engp">
<m-engp :model="model" :codes="codes"/>
</el-tab-pane>
</el-tab-pane> -->
<!--结算 -->
<el-tab-pane label="结算" name="setpan">
<!-- <el-tab-pane label="结算" name="setpan">
<c-content>
<m-setpan :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--账务 -->
<el-tab-pane label="账务" name="glepan">
<!-- <el-tab-pane label="账务" name="glepan">
<m-glepan :model="model" :codes="codes"/>
</el-tab-pane>
-->
<!--提示信息 -->
<el-tab-pane label="提示信息" name="coninfp">
<!-- <el-tab-pane label="提示信息" name="coninfp">
<m-coninfp :model="model" :codes="codes"/>
</el-tab-pane>
</el-tab-pane> -->
<!--报文和面函(TRNMOD\TRNDOC\DOCPAN) -->
<el-tab-pane label="报文和面函" name="docpan">
<!-- <el-tab-pane label="报文和面函" name="docpan">
<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"/>
</el-tab-pane>
</el-tab-pane> -->
<!--收账通知（LENDOC\DOCPAN） -->
<el-tab-pane label="收账通知" name="docpan1">
<!-- <el-tab-pane label="收账通知" name="docpan1">
<m-docpan1 :model="model" :codes="codes"/>
</el-tab-pane>
</el-tab-pane> -->
<!--外管信息 -->
<el-tab-pane label="外管信息" name="wg">
<!-- <el-tab-pane label="外管信息" name="wg">
<m-wg :model="model" :codes="codes"/>
</el-tab-pane>
</el-tab-pane> -->
<el-tab-pane v-if="model.bopmod.szflg=='1' && model.lendoc.actflg=='X'" label="涉外收入申请单-基础信息" name="basp3">
<!-- <el-tab-pane v-if="model.bopmod.szflg=='1' && model.lendoc.actflg=='X'" label="涉外收入申请单-基础信息" name="basp3">
<c-content>
<m-basp3 :model="model" :codes="codes"/>
</c-content>
......@@ -90,26 +133,23 @@
<c-content>
<m-basp2 :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--跨境人民币申报 -->
<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 v-if="model.cnybop.cnyflg=='1'" label="2101跨境收入信息" name="incp">
<!-- <el-tab-pane v-if="model.cnybop.cnyflg=='1'" label="2101跨境收入信息" name="incp">
<c-content>
<m-incp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--统一授信 -->
<el-tab-pane label="统一授信" name="limitbody">
<!-- <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
......@@ -119,8 +159,14 @@
>
</c-grid-ety-prompt-dialog>
<c-grid-ety-prompt-dialog ref="doxpDialog" :isPty="false" :promptData="promptData"
@select-ety="selectMsg">
</c-grid-ety-prompt-dialog>
@select-ety="selectMsg">
</c-grid-ety-prompt-dialog>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
</div>
</c-page>
</template>
......@@ -134,6 +180,8 @@ import Check from "~/model/Botset/Check"
import Default from "~/model/Botset/Default"
import Pattern from "~/model/Botset/Pattern"
import Addbcb from "./Addbcb";
import Ovwp from "./Ovwp"
import Setp from "./Setp"
import Inst from "./Inst"
import Ptyp from "./Ptyp"
......@@ -155,6 +203,8 @@ import Limitbody from "~/views/Public/Limitbody";
export default {
name: "Botset",
components:{
"m-addbcb": Addbcb,
"m-ovwp": Ovwp,
"m-setp" : Setp,
"m-inst" : Inst,
"m-ptyp" : Ptyp,
......@@ -181,7 +231,7 @@ export default {
mixins: [commonProcess,commonFuncs], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "setp",
tabVal: "ovwp",
trnName: "botset",
model: new Botset().data,
checkRules: Check,
......@@ -191,6 +241,7 @@ export default {
codes: {
...CodeTable,
},
activeNames: ["engp"],
}
},
computed: {
......
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