Skip to content

V
vue-gjjs
Commit 94bb108e by huangxin
Options

botacc的UI改造

parent e59a5945
Showing with 179 additions and 26 deletions
src/views/Business/Botacc/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/Botacc/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>
</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 Setp from "./Setp"
import Inst from "./Inst"
import Ptyp from "./Ptyp"
export default {
components: {
"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>
src/views/Business/Botacc/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="myTabClick">
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="费用/账务" name="engp,setpan">
<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>
</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="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>
<!--PD000027 -->
<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> -->
<!--PD000049 -->
<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> -->
<!--PD000266 -->
<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> -->
<!--PD000027 -->
<el-tab-pane label="表外记账/或有" name="engp">
<!-- <el-tab-pane label="表外记账/或有" name="engp">
<c-content>
<m-engp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000000 -->
<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> -->
<!--PD000000 -->
<el-tab-pane label="附言" name="coninfp">
<!-- <el-tab-pane label="附言" name="coninfp">
<c-content>
<m-coninfp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000529 -->
<el-tab-pane label="面函" name="docpan">
<!-- <el-tab-pane label="面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000546 -->
<el-tab-pane label="附件" name="doctre">
<!-- <el-tab-pane label="附件" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
</c-tabs>
</el-form>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
</div>
</c-page>
</template>
......@@ -89,6 +127,8 @@ import Pattern from "~/model/Botacc/Pattern"
import Setp from "./Setp"
import Inst from "./Inst"
import Ptyp from "./Ptyp"
import Addbcb from "./Addbcb";
import Ovwp from "./Ovwp"
import Setpan from "~/views/Public/Setpan"
import Docpan from "~/views/Public/Docpan"
......@@ -100,6 +140,8 @@ import Coninfp from "~/views/Public/Coninfp"
export default {
name: "Botacc",
components: {
"m-addbcb": Addbcb,
"m-ovwp": Ovwp,
"m-setp": Setp,
"m-inst": Inst,
"m-ptyp": Ptyp,
......@@ -117,7 +159,7 @@ export default {
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "setp",
tabVal: "ovwp",
trnName: "botacc",
model: new Botacc().data,
checkRules: Check,
......@@ -127,6 +169,7 @@ export default {
codes: {
...CodeTable
},
activeNames: ["engp"],
}
},
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