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