Skip to content

V
vue-gjjs
Commit 288875a3 by LiRui
Options

LETNOT UI改造

parent e8914af3
Showing with 119 additions and 149 deletions
src/views/Business/Letnot/Aamp.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs">
<!-- ====================左边======================= --> <!-- ====================左边======================= -->
<c-col :span="11"> <c-col :span="12" style="padding-right: 20px;">
<c-col :span="13"> <c-col :span="13">
<el-form-item label="附加金额" prop="ledgrp.cbs.max2.cur"> <el-form-item label="附加金额" prop="ledgrp.cbs.max2.cur">
<c-select v-model="model.ledgrp.cbs.max2.cur" style="width:100%" placeholder="请选择附加金额" disabled> <c-select v-model="model.ledgrp.cbs.max2.cur" style="width:100%" placeholder="请选择附加金额" disabled>
......
src/views/Business/Letnot/Adcp.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs">
<c-col :span="20"> <c-col :span="20">
<el-form-item label="附加条款" prop="ledgrp.blk.adlcnd"> <el-form-item label="附加条款" prop="ledgrp.blk.adlcnd">
<c-input <c-input
...@@ -19,10 +19,9 @@ ...@@ -19,10 +19,9 @@
<c-button <c-button
size="small" size="small"
type="primary" type="primary"
icon="el-icon-search" icon="el-icon-more"
@click="showGridPromptDialog('letp.adlcnd.buttxmsel', null, null,{TXT: 'ledgrp.blk.adlcnd'}, {TXT: false},'doxpDialog')" @click="showGridPromptDialog('letp.adlcnd.buttxmsel', null, null,{TXT: 'ledgrp.blk.adlcnd'}, {TXT: false},'doxpDialog')"
> >
...
</c-button> </c-button>
</c-col> </c-col>
...@@ -70,10 +69,9 @@ ...@@ -70,10 +69,9 @@
<c-button <c-button
size="small" size="small"
type="primary" type="primary"
icon="el-icon-search" icon="el-icon-more"
@click="showGridPromptDialog('letp.insbnk.buttxmsel', null, null,{TXT: 'ledgrp.blk.insbnk'}, {TXT: false},'doxpDialog')" @click="showGridPromptDialog('letp.insbnk.buttxmsel', null, null,{TXT: 'ledgrp.blk.insbnk'}, {TXT: false},'doxpDialog')"
> >
...
</c-button> </c-button>
</c-col> </c-col>
</div> </div>
......
src/views/Business/Letnot/Addbcb.vue 0 → 100644
<template>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<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 Event from "~/model/Letame/Event";
import Coninfp from "~/views/Public/Coninfp";
export default {
components: {
"m-coninfp": Coninfp,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
activeNames: ["coninfp"],
};
},
methods: {
...Event,
handleChange(val) {
console.log(val);
},
},
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Letnot/Detp.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs">
<c-row> <c-row>
<!-- =========================================左边============================================= --> <!-- =========================================左边============================================= -->
<c-col :span="11"> <c-col :span="12" style="padding-right: 20px;">
<!-- Available with --> <!-- Available with -->
<c-col :span="24"> <c-col :span="24">
<el-form-item label="指定银行" prop="ledgrp.rec.avbwth"> <el-form-item label="指定银行" prop="ledgrp.rec.avbwth">
...@@ -112,11 +112,10 @@ ...@@ -112,11 +112,10 @@
<c-button <c-button
size="small" size="small"
type="primary" type="primary"
icon="el-icon-search" icon="el-icon-more"
@click="showGridPromptDialog('letp.lcrdftat.buttxmsel', null, null,{TXT: 'ledgrp.blk.dftat'}, {TXT: false},'doxpDialog')" @click="showGridPromptDialog('letp.lcrdftat.buttxmsel', null, null,{TXT: 'ledgrp.blk.dftat'}, {TXT: false},'doxpDialog')"
:disabled="blkDftatFlag" :disabled="blkDftatFlag"
> >
...
</c-button> </c-button>
</template> </template>
</c-fullbox> </c-fullbox>
...@@ -210,7 +209,7 @@ ...@@ -210,7 +209,7 @@
<!-- =========================================右边============================================= --> <!-- =========================================右边============================================= -->
<!-- Mixed Payment Details --> <!-- Mixed Payment Details -->
<c-col :span="11" :offset="1"> <c-col :span="12" style="padding-left: 20px;">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="混合付款指示" prop="ledgrp.blk.mixdet"> <el-form-item label="混合付款指示" prop="ledgrp.blk.mixdet">
<c-input <c-input
...@@ -287,11 +286,10 @@ ...@@ -287,11 +286,10 @@
<c-button <c-button
size="small" size="small"
type="primary" type="primary"
icon="el-icon-search" icon="el-icon-more"
@click="showGridPromptDialog('letp.preper.buttxmsel', null, null,{TXT: 'ledgrp.rec.prepers18'}, {TXT: false},'doxpDialog')" @click="showGridPromptDialog('letp.preper.buttxmsel', null, null,{TXT: 'ledgrp.rec.prepers18'}, {TXT: false},'doxpDialog')"
disabled disabled
> >
...
</c-button> </c-button>
</template> </template>
</c-fullbox> </c-fullbox>
...@@ -325,10 +323,9 @@ ...@@ -325,10 +323,9 @@
<c-button <c-button
size="small" size="small"
type="primary" type="primary"
icon="el-icon-search" icon="el-icon-more"
@click="showGridPromptDialog('letp.charia.buttxmsel', null, null,{TXT: 'ledgrp.blk.feetxt'}, {TXT: false},'doxpDialog')" @click="showGridPromptDialog('letp.charia.buttxmsel', null, null,{TXT: 'ledgrp.blk.feetxt'}, {TXT: false},'doxpDialog')"
> >
...
</c-button> </c-button>
</template> </template>
</c-fullbox> </c-fullbox>
......
src/views/Business/Letnot/Dogp.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs">
<!-- Description of Goods --> <!-- Description of Goods -->
<c-col :span="20"> <c-col :span="20">
<el-form-item label="货物描述" prop="ledgrp.blk.lcrgod"> <el-form-item label="货物描述" prop="ledgrp.blk.lcrgod">
...@@ -19,10 +19,9 @@ ...@@ -19,10 +19,9 @@
<c-button <c-button
size="small" size="small"
type="primary" type="primary"
icon="el-icon-search" icon="el-icon-more"
@click="showGridPromptDialog('letp.lcrgod.buttxmsel', null, null,{TXT: 'ledgrp.blk.lcrgod'}, {TXT: false},'doxpDialog')" @click="showGridPromptDialog('letp.lcrgod.buttxmsel', null, null,{TXT: 'ledgrp.blk.lcrgod'}, {TXT: false},'doxpDialog')"
> >
...
</c-button> </c-button>
</c-col> </c-col>
<br /> <br />
......
src/views/Business/Letnot/Dorp.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs">
<!-- 单据要求 --> <!-- 单据要求 -->
<c-col :span="20"> <c-col :span="20">
<el-form-item label="所需单据" prop="ledgrp.blk.lcrdoc"> <el-form-item label="所需单据" prop="ledgrp.blk.lcrdoc">
...@@ -19,10 +19,9 @@ ...@@ -19,10 +19,9 @@
<c-button <c-button
size="small" size="small"
type="primary" type="primary"
icon="el-icon-search" icon="el-icon-more"
@click="showGridPromptDialog('letp.lcrdoc.buttxmsel', null, null,{TXT: 'ledgrp.blk.lcrdoc'}, {TXT: false},'doxpDialog')" @click="showGridPromptDialog('letp.lcrdoc.buttxmsel', null, null,{TXT: 'ledgrp.blk.lcrdoc'}, {TXT: false},'doxpDialog')"
> >
...
</c-button> </c-button>
</c-col> </c-col>
</div> </div>
......
src/views/Business/Letnot/Ptyp.vue
<template> <template>
<div class="eibs">
<c-row> <c-row>
<!-- =================================左边================================= --> <!-- =================================左边================================= -->
<!-- 第一通知行 --> <!-- 第一通知行 -->
<c-col :span="11"> <c-col :span="12" style="padding-right: 20px;">
<c-col :span="24"> <c-col :span="24">
<c-ptap <c-ptap
:model="model" :model="model"
...@@ -50,7 +51,7 @@ ...@@ -50,7 +51,7 @@
</c-col> </c-col>
</c-col> </c-col>
<!-- ========================右边======================= --> <!-- ========================右边======================= -->
<c-col :span="11" :offset="1"> <c-col :span="12" style="padding-left: 20px;">
<!-- Applicant's Bank --> <!-- Applicant's Bank -->
<c-col :span="24"> <c-col :span="24">
<c-ptap <c-ptap
...@@ -66,11 +67,16 @@ ...@@ -66,11 +67,16 @@
</c-ptap> </c-ptap>
</c-col> </c-col>
<!-- Send Directly to Applicant's Bank --> <!-- Send Directly to Applicant's Bank -->
<c-col :span="24"> <!-- <c-col :span="24">
<c-checkbox v-model="model.ledgrp.rec.aplbnkdirsnd" style="margin-left:150px;" <c-checkbox v-model="model.ledgrp.rec.aplbnkdirsnd" style="margin-left:150px;"
>直接发送至申请银行</c-checkbox >直接发送至申请银行</c-checkbox
> >
</c-col> </c-col> -->
<el-form-item label="" prop="ledgrp.rec.aplbnkdirsnd" class="checkbox-left">
<c-checkbox v-model="model.ledgrp.rec.aplbnkdirsnd"
>直接发送至申请银行</c-checkbox
>
</el-form-item>
<!-- Reimbursement Bank --> <!-- Reimbursement Bank -->
<c-col :span="24"> <c-col :span="24">
...@@ -130,6 +136,7 @@ ...@@ -130,6 +136,7 @@
</el-table-column> </el-table-column>
</c-edit-table> </c-edit-table>
</c-row> </c-row>
</div>
</template> </template>
<script> <script>
import Api from '~/service/Api' import Api from '~/service/Api'
......
src/views/Business/Letnot/Spcbenp.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs">
<!-- Special Payment Cond.for BeneficiaryI --> <!-- Special Payment Cond.for BeneficiaryI -->
<c-col :span="20"> <c-col :span="20">
<el-form-item label="受益人特殊付款条款" prop="ledgrp.blk.spcben"> <el-form-item label="受益人特殊付款条款" prop="ledgrp.blk.spcben">
...@@ -19,10 +19,9 @@ ...@@ -19,10 +19,9 @@
<c-button <c-button
size="small" size="small"
type="primary" type="primary"
icon="el-icon-search" icon="el-icon-more"
@click="showGridPromptDialog('letp.spcben.buttxmsel', null, null,{TXT: 'ledgrp.blk.spcben'}, {TXT: false},'doxpDialog')" @click="showGridPromptDialog('letp.spcben.buttxmsel', null, null,{TXT: 'ledgrp.blk.spcben'}, {TXT: false},'doxpDialog')"
> >
...
</c-button> </c-button>
</c-col> </c-col>
</div> </div>
......
src/views/Business/Letnot/Spcrcvp.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs">
<c-col :span="20"> <c-col :span="20">
<el-form-item label="银行专用特殊付款条款" prop="ledgrp.blk.spcrcb"> <el-form-item label="银行专用特殊付款条款" prop="ledgrp.blk.spcrcb">
<c-input <c-input
...@@ -18,10 +18,9 @@ ...@@ -18,10 +18,9 @@
<c-button <c-button
size="small" size="small"
type="primary" type="primary"
icon="el-icon-search" icon="el-icon-more"
@click="showGridPromptDialog('letp.spcrcb.buttxmsel', null, null,{TXT: 'ledgrp.blk.spcrcb'}, {TXT: false},'doxpDialog')" @click="showGridPromptDialog('letp.spcrcb.buttxmsel', null, null,{TXT: 'ledgrp.blk.spcrcb'}, {TXT: false},'doxpDialog')"
> >
...
</c-button> </c-button>
</c-col> </c-col>
</div> </div>
......
src/views/Business/Letnot/index.vue
<template> <template>
<c-page title="出口信用证预通知">
<div class="eContainer"> <div class="eContainer">
<!-- <c-bus-button :$pntvm="this"></c-bus-button> j加操作按钮--> <c-page title="出口信用证预开立">
<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">imgyge</el-button>
<!-- <el-button size="small">拆分报文</el-button> -->
<el-button size="small">img</el-button>
<el-button size="small">His.img</el-button>
</c-function-btn>
<el-form <el-form
:model="model" :model="model"
:rules="rules" :rules="rules"
...@@ -34,113 +16,49 @@ ...@@ -34,113 +16,49 @@
type="card" type="card"
@tab-click="myTabClick" @tab-click="myTabClick"
> >
<!--PD000017 --> <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>
<!--PD000001 Additional Amount 附加金额/额外款项--> <el-tab-pane label="费用/账务" name="setpan,glepan">
<el-tab-pane
label="附加金额"
name="aamp"
v-if="model.letp.aamp.aammod.addamtflg == 'X'"
>
<c-content>
<m-aamp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000063 -->
<el-tab-pane label="信用证详情" name="detp">
<c-content>
<m-detp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000042 -->
<el-tab-pane label="银行信息" name="ptyp">
<c-content>
<m-ptyp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000055 -->
<el-tab-pane label="货物说明" name="dogp">
<c-content>
<m-dogp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000057 -->
<el-tab-pane label="单据要求" name="dorp">
<c-content>
<m-dorp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000060 -->
<el-tab-pane label="其他条款" name="adcp">
<c-content>
<m-adcp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="账务" name="setpan">
<c-content> <c-content>
<div class="eibs-tab">
<el-collapse v-model="activeNames">
<el-collapse-item title="结算" name="setpan">
<!-- 结算 -->
<m-setpan :model="model" :codes="codes" /> <m-setpan :model="model" :codes="codes" />
</c-content> </el-collapse-item>
</el-tab-pane> <el-collapse-item title="会计分录" name="glepan">
<!-- 会计分录 -->
<el-tab-pane label="会计分录" name="glepan">
<c-content>
<m-glepan :model="model" :codes="codes" /> <m-glepan :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<!--PD000000 --> <el-tab-pane label="备查/附言" name="addbcb">
<el-tab-pane label="附言" name="coninfp">
<c-content> <c-content>
<m-coninfp :model="model" :codes="codes" /> <m-addbcb :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<!--PD000529 --> <!--PD000529 -->
<el-tab-pane label="报文及面函" name="docpan"> <el-tab-pane label="报文/面函" name="docpan">
<c-content> <c-content>
<m-docpan :model="model" :codes="codes" /> <m-docpan :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<!--PD000546 --> <!--PD000546 -->
<el-tab-pane label="附件" name="doctre"> <el-tab-pane label="附件信息" name="doctre">
<c-content> <c-content>
<m-doctre :model="model" :codes="codes" /> <m-doctre :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<!--PD000422 -->
<el-tab-pane
label="银行专用特殊付款条款"
name="spcrcvp"
v-if="model.ledgrp.rec.spcrcbflg == 'X'"
>
<c-content>
<m-spcrcvp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000394 -->
<el-tab-pane
label="受益人特殊付款条款"
name="spcbenp"
v-if="model.ledgrp.rec.spcbenflg == 'X'"
>
<c-content>
<m-spcbenp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</c-tabs> </c-tabs>
</el-form> </el-form>
<c-grid-ety-prompt-dialog <c-grid-ety-prompt-dialog
...@@ -155,8 +73,16 @@ ...@@ -155,8 +73,16 @@
@select-ety="selectMsg" @select-ety="selectMsg"
> >
</c-grid-ety-prompt-dialog> </c-grid-ety-prompt-dialog>
</div>
<!-- <c-bus-button :$pntvm="this"></c-bus-button> j加操作按钮-->
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
</c-page> </c-page>
</div>
</template> </template>
<script> <script>
import Api from '~/service/Api' import Api from '~/service/Api'
...@@ -169,16 +95,17 @@ import Check from '~/model/Letnot/Check' ...@@ -169,16 +95,17 @@ import Check from '~/model/Letnot/Check'
import Default from '~/model/Letnot/Default' import Default from '~/model/Letnot/Default'
import Pattern from '~/model/Letnot/Pattern' import Pattern from '~/model/Letnot/Pattern'
import Ovwp from './Ovwp' import Ovwp from './Ovwp'
import Aamp from './Aamp' import Addbcb from './Addbcb'
// import Aamp from './Aamp'
import Spcrcvp from './Spcrcvp' import Spcrcvp from './Spcrcvp'
import Spcbenp from './Spcbenp' // import Spcbenp from './Spcbenp'
import Detp from './Detp' // import Detp from './Detp'
import Ptyp from './Ptyp' // import Ptyp from './Ptyp'
import Dogp from './Dogp' // import Dogp from './Dogp'
import Dorp from './Dorp' // import Dorp from './Dorp'
import Adcp from './Adcp' // import Adcp from './Adcp'
import Coninfp from '~/views/Public/Coninfp' // import Coninfp from '~/views/Public/Coninfp'
import Setpan from '~/views/Public/Setpan' import Setpan from '~/views/Public/Setpan'
import Glepan from '~/views/Public/Glepan' import Glepan from '~/views/Public/Glepan'
import Docpan from '~/views/Public/Docpan' import Docpan from '~/views/Public/Docpan'
...@@ -188,20 +115,21 @@ export default { ...@@ -188,20 +115,21 @@ export default {
name: 'Letnot', name: 'Letnot',
components: { components: {
'm-ovwp': Ovwp, 'm-ovwp': Ovwp,
'm-aamp': Aamp, // 'm-aamp': Aamp,
'm-detp': Detp, // 'm-detp': Detp,
'm-ptyp': Ptyp, // 'm-ptyp': Ptyp,
'm-dogp': Dogp, // 'm-dogp': Dogp,
'm-dorp': Dorp, // 'm-dorp': Dorp,
'm-adcp': Adcp, // 'm-adcp': Adcp,
// "m-notcha": Notcha, // "m-notcha": Notcha,
'm-setpan': Setpan, 'm-setpan': Setpan,
'm-glepan': Glepan, 'm-glepan': Glepan,
'm-coninfp': Coninfp, // 'm-coninfp': Coninfp,
'm-docpan': Docpan, 'm-docpan': Docpan,
'm-doctre': Doctre, 'm-doctre': Doctre,
'm-spcrcvp': Spcrcvp, 'm-addbcb': Addbcb,
'm-spcbenp': Spcbenp, // 'm-spcrcvp': Spcrcvp,
// 'm-spcbenp': Spcbenp,
}, },
provide() { provide() {
return { return {
...@@ -219,6 +147,7 @@ export default { ...@@ -219,6 +147,7 @@ export default {
pattern: Pattern, pattern: Pattern,
rules: null, rules: null,
codes: { ...CodeTable }, codes: { ...CodeTable },
activeNames: ["setpan"]
} }
}, },
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