Skip to content

V
vue-gjjs
Commit 0b497911 by huangxin
Options

brtdck的UI改造

parent 4146aaac
Showing with 162 additions and 26 deletions
src/views/Business/Brtdck/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/Brtdck/Brtdckp.vue
......@@ -403,8 +403,8 @@
</c-col>
<c-col :span="12">
<c-checkbox
style="float: right; text-align: center"
v-model="model.brdgrp.rec.dscinsflg"
style="width: 100%; margin-left: 40px"
:disabled="model.brdgrp.blk.docdisflg!=''"
>输入单据、不符点、指示和运输信息</c-checkbox
>
......
src/views/Business/Brtdck/Docpre.vue
......@@ -72,7 +72,7 @@
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="不符点通知日期" prop="brdgrp.rec.disdat" label-width="155px">
<el-form-item label="不符点通知日期" prop="brdgrp.rec.disdat">
<c-date-picker type="date" v-model="model.brdgrp.rec.disdat" style="width:100%" placeholder="请选择不符点通知日期"
disabled></c-date-picker>
</el-form-item>
......
src/views/Business/Brtdck/Ovwp.vue 0 → 100644
<template>
<div class="eibs-tab">
<el-collapse v-model="activeNames">
<el-collapse-item title="收单信息" name="brtdckp">
<m-brtdckp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="不符点指示" name="docpre" v-if="model.brdgrp.rec.dscinsflg">
<m-docpre :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="装运详情" name="shpdet" v-if="model.brdgrp.rec.dscinsflg">
<m-shpdet :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/Litame/Event";
import Brtdckp from "./Brtdckp";
import Docpre from "./Docpre";
import Shpdet from "./Shpdet";
export default {
components: {
"m-brtdckp": Brtdckp,
"m-docpre": Docpre,
"m-shpdet": Shpdet,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
activeNames: ['brtdckp']
};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
\ No newline at end of file
src/views/Business/Brtdck/index.vue
<template>
<div class="eContainer">
<c-page>
<c-page title="进口信用证单据单据改单/二次到单">
<!-- <c-bus-button :$pntvm="this"></c-bus-button> j加操作按钮-->
<el-form
:model="model"
......@@ -11,16 +11,23 @@
size="small"
:validate-on-rule-change="false"
>
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--brtdck PD000046 Documents Received 标签页-->
<el-tab-pane label="收单信息" name="brtdckp">
<!--在页面上添加滚动条，使用 c-content 组件，有个height属性，默认是250,height：指的是页面document的高度与自身dom元素高度的差值。-->
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-brtdckp :model="model" :codes="codes" />
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!-- <el-tab-pane label="收单信息" name="brtdckp">
<c-content>
<m-brtdckp :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!--brtp PD000062 Discr./Instr. -->
<el-tab-pane
<!-- <el-tab-pane
label="不符点指示"
name="docpre"
v-if="model.brdgrp.rec.dscinsflg"
......@@ -28,9 +35,9 @@
<c-content>
<m-docpre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--brtp PD000079 Shipping Details -->
<el-tab-pane
<!-- <el-tab-pane
label="装运详情"
name="shpdet"
v-if="model.brdgrp.rec.dscinsflg"
......@@ -38,11 +45,18 @@
<c-content>
<m-shpdet :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">
<c-content>
<el-collapse v-model="fyzw">
<div class="eibs-tab">
<el-collapse v-model="activeNames">
<el-collapse-item title="表外记账" name="engp">
<!--liaall PD000027 Liability -->
<m-engp :model="model" :codes="codes" />
......@@ -53,31 +67,50 @@
<m-setpan :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</c-content>
</el-tab-pane>
<!--coninf PD000000 Completion -->
<el-tab-pane label="提示信息" name="coninfp">
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-coninfp :model="model" :codes="codes" />
<m-addbcb :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--trndoc PD000529 &Messages -->
<el-tab-pane label="报文/面函" name="docpan">
<m-docpan :model="model" :codes="codes" />
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--trndoc PD000546 Attachments -->
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--coninf PD000000 Completion -->
<!-- <el-tab-pane label="提示信息" name="coninfp">
<c-content>
<m-coninfp :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!--trndoc PD000529 &Messages -->
<!-- <el-tab-pane label="报文/面函" name="docpan">
<m-docpan :model="model" :codes="codes" />
</el-tab-pane> -->
<!--trndoc PD000546 Attachments -->
<!-- <el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!--limmod PD000001 统一授信 -->
<el-tab-pane label="统一授信" name="limitbody">
<!-- <el-tab-pane label="统一授信" name="limitbody">
<c-content>
<m-limitbody :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
</c-tabs>
</el-form>
<c-function-btn
......@@ -124,6 +157,8 @@ import Pattern from '~/model/Brtdck/Pattern'
import Brtdckp from './Brtdckp'
import Docpre from './Docpre'
import Shpdet from './Shpdet'
import Ovwp from './Ovwp'
import Addbcb from "./Addbcb";
// import Engp from "./Engp"
// import Setpan from "./Setpan"
// import Coninfp from "./Coninfp"
......@@ -141,6 +176,8 @@ import Doctre from '~/views/Public/Doctre'
export default {
name: 'Brtdck',
components: {
"m-addbcb": Addbcb,
'm-ovwp': Ovwp,
'm-brtdckp': Brtdckp,
'm-docpre': Docpre,
'm-shpdet': Shpdet,
......@@ -159,7 +196,7 @@ export default {
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: 'brtdckp',
tabVal: 'ovwp',
trnName: 'brtdck',
trnType: '',
model: new Brtdck().data,
......@@ -170,15 +207,11 @@ export default {
codes: {
...CodeTable,
},
activeNames: ["engp"],
}
},
methods: {
myTabClick(tab) {
this.tabClick(tab)
/**
* do it yourself
**/
},
},
created: async function () {
console.log('进入brtdck交易')
......
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