Skip to content

V
vue-gjjs
Commit fb80ee62 by huangxin
Options

botdav的UI改造

parent 733ce271
Showing with 245 additions and 90 deletions
src/views/Business/Botdav/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/Botdav/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">
<c-select v-model="model.cnybop.cnyflg" style="width:100%" placeholder="请选择是否报送跨境人民币2101表"
:code="codes.cnyflg" :disabled="true">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24"> <el-collapse-item title="跨境人民币申报" name="cnyp1">
<el-form-item label="是否报送跨境人民币2107表" label-width="30%" prop="cnybop.traflg"> <m-cnyp1 :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="2106银行跟单结算及表外记账融资" name="libp" v-if="model.cnybop.libflg ==='1'">
<el-form-item label="是否报送跨境人民币2111表" label-width="30%" prop="cnybop.outflg"> <m-libp :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>
<el-form-item label="是否报送跨境人民币2106表" label-width="30%" prop="cnybop.libflg" > </div>
<c-select v-model="model.cnybop.libflg" style="width:100%" placeholder="请选择是否报送跨境人民币2106表"
:code="codes.libflg" :disabled="model.bodgrp.cbs.max.cur != 'CNY'">
</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> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess"; import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Event from "~/model/Botdav/Event" import Event from "~/model/Brtset/Event";
import Cnyp1 from "./Cnyp1";
import Libp from './Libp'
export default { export default {
inject: ['root'], inject: ["root"],
components: {
'm-libp': Libp,
"m-cnyp1": Cnyp1,
},
props: ["model", "codes"], props: ["model", "codes"],
mixins: [commonProcess], mixins: [commonProcess],
data() { data() {
return { return {
activeNames: ["cnyp1"],
} };
},
methods: {
...Event,
handleChange() {}
}, },
methods: { ...Event }, created: function () {},
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> </script>
<style> <style>
</style> </style>
src/views/Business/Botdav/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="true">
</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="model.bodgrp.cbs.max.cur != 'CNY'">
</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/Botdav/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="left" <el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="left"
size="small" :validate-on-rule-change="false"> 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">
<!--Overview --> <el-tab-pane label="业务信息" name="ovwp">
<el-tab-pane label="概要" name="ovwp">
<c-content> <c-content>
<m-ovwp :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="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>
<!--PD000009 -->
<el-tab-pane label="申报信息" name="libp,cnyp1">
<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>
<!--Overview -->
<!-- <el-tab-pane label="概要" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!--指示条款 --> <!--指示条款 -->
<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" /> <m-ptyp :model="model" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane> -->
<!--接受条款 --> <!--接受条款 -->
<el-tab-pane label="接受条款" name="instrecp"> <!-- <el-tab-pane label="接受条款" name="instrecp">
<c-content> <c-content>
<m-instrecp :model="model" :codes="codes" /> <m-instrecp :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">
<m-setpan :model="model" :codes="codes" /> <m-setpan :model="model" :codes="codes" />
</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> -->
<!--报文和面函 --> <!--报文和面函 -->
<!-- 报文和面函 --> <!-- 报文和面函 -->
<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> -->
<!--跨境人民币申报 --> <!--跨境人民币申报 -->
<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 label="2106银行跟单结算及表外记账融资" name="libp" v-if="model.cnybop.libflg ==='1'"> <!-- <el-tab-pane label="2106银行跟单结算及表外记账融资" name="libp" v-if="model.cnybop.libflg ==='1'">
<c-content> <c-content>
<m-libp :model="model" :codes="codes" /> <m-libp :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane> -->
<!--货权单据 --> <!--货权单据 -->
<el-tab-pane label="货权单据" name="srmp"> <!-- <el-tab-pane label="货权单据" name="srmp">
<m-srmp :model="model" :codes="codes" /> <m-srmp :model="model" :codes="codes" />
</el-tab-pane> </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">
...@@ -99,6 +142,12 @@ ...@@ -99,6 +142,12 @@
<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>
...@@ -112,6 +161,7 @@ ...@@ -112,6 +161,7 @@
import Default from "~/model/Botdav/Default" import Default from "~/model/Botdav/Default"
import Pattern from "~/model/Botdav/Pattern" import Pattern from "~/model/Botdav/Pattern"
import Addbcb from "./Addbcb";
import Ovwp from "./Ovwp" import Ovwp from "./Ovwp"
import Inst from "./Inst" import Inst from "./Inst"
import Ptyp from "./Ptyp" import Ptyp from "./Ptyp"
...@@ -131,6 +181,7 @@ ...@@ -131,6 +181,7 @@
export default { export default {
name: "Botdav", name: "Botdav",
components: { components: {
"m-addbcb": Addbcb,
"m-ovwp": Ovwp, "m-ovwp": Ovwp,
"m-inst": Inst, "m-inst": Inst,
"m-ptyp": Ptyp, "m-ptyp": Ptyp,
...@@ -164,6 +215,7 @@ ...@@ -164,6 +215,7 @@
codes: { codes: {
...CodeTable ...CodeTable
}, },
activeNames: ["engp"],
} }
}, },
methods: { methods: {
......
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