Skip to content

V
vue-gjjs
Commit 89befea8 by javaHeight
Options

bttdcr UI 改造

parent 9fd41ac7
Showing with 313 additions and 106 deletions
src/views/Business/Bttdcr/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/Bptcan/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>
\ No newline at end of file
src/views/Business/Bttdcr/Betdcrs.vue
......@@ -2,8 +2,7 @@
<c-row>
<!-- top -->
<c-col :span="24">
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<el-form-item label="转让信用证编号" prop="ltdgrp.rec.ownref">
<c-input v-model="model.ltdgrp.rec.ownref" maxlength="16" placeholder="请输入转让信用证编号" style="width: 100%"
disabled>
......@@ -11,21 +10,21 @@
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<el-form-item label="信用证编号" prop="ledgrp.rec.ownref">
<c-input v-model="model.ledgrp.rec.ownref" maxlength="16" placeholder="请输入信用证编号" disabled>
</c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<el-form-item label="单据编号" prop="btdgrp.rec.ownref">
<c-input v-model="model.btdgrp.rec.ownref" maxlength="16" placeholder="请输入单据编号" disabled>
</c-input>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<el-form-item label="" prop="btdgrp.rec.nam">
<c-input v-model="model.btdgrp.rec.nam" placeholder="请输入" disabled></c-input>
</el-form-item>
......@@ -33,17 +32,17 @@
</c-col>
<!-- left -->
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<c-col :span="8">
<c-col :span="13">
<el-form-item label="单据金额" prop="btdgrp.cbs.max.cur">
<c-select v-model="model.btdgrp.cbs.max.cur" style="width:100%" placeholder="请选择单据金额币种" disabled>
<el-option v-for="item in codes.cur" :key="item.value" :label="item.label" :value="item.value"></el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="65px" prop="btdgrp.cbs.max.amt">
<c-col :span="7">
<el-form-item label="" label-width="5px" prop="btdgrp.cbs.max.amt">
<c-input v-model="model.btdgrp.cbs.max.amt" placeholder="请输入单据金额" disabled></c-input>
</el-form-item>
</c-col>
......@@ -53,15 +52,15 @@
</c-col>
<c-col :span="24">
<c-col :span="8">
<c-col :span="13">
<el-form-item label="余额" prop="btdgrp.cbs.opn1.cur">
<c-select v-model="model.btdgrp.cbs.max.cur" style="width:100%" placeholder="请选择余额币种" disabled>
<el-option v-for="item in codes.cur" :key="item.value" :label="item.label" :value="item.value"></el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="65px" prop="btdgrp.cbs.opn1.amt">
<c-col :span="11">
<el-form-item label="" label-width="5px" prop="btdgrp.cbs.opn1.amt">
<c-input v-model="model.btdgrp.cbs.opn1.amt" placeholder="请输入余额" disabled></c-input>
</el-form-item>
</c-col>
......@@ -69,7 +68,7 @@
<c-col :span="24">
<el-form-item label="单据类型" prop="btdgrp.rec.doctypcod">
<c-select v-model="model.btdgrp.rec.doctypcod" maxlength="1" placeholder="请输入单据类型" :code="codes.doctypcod" disabled></c-select>
<c-select v-model="model.btdgrp.rec.doctypcod" maxlength="1" style="width:100%" placeholder="请输入单据类型" :code="codes.doctypcod" disabled></c-select>
</el-form-item>
</c-col>
......@@ -97,11 +96,11 @@
<c-col :span="24">
<el-form-item label="单据状态" prop="btdgrp.rec.docsta">
<c-select v-model="model.btdgrp.rec.docsta" maxlength="40" placeholder="请输入单据状态" :code="codes.docsta3" disabled></c-select>
<c-select v-model="model.btdgrp.rec.docsta" style="width:100%" maxlength="40" placeholder="请输入单据状态" :code="codes.docsta3" disabled></c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<!-- <c-col :span="24">
<c-col :span="22">
<el-form-item label="不符点描述" prop="btdgrp.blk.docdis">
<c-input type="textarea" v-model="model.btdgrp.blk.docdis" maxlength="50" show-word-limit placeholder="请输入不符点描述"
......@@ -117,13 +116,31 @@
...
</c-button>
</c-col>
</c-col> -->
<c-col :span="24">
<c-col :span="24">
<el-form-item label="不符点描述" prop="btdgrp.blk.docdis">
<c-fullbox>
<c-input type="textarea" v-model="model.btdgrp.blk.docdis" maxlength="50" show-word-limit placeholder="请输入不符点描述"
rows="5" disabled></c-input>
<template slot="footer">
<c-button
size="small"
type="primary"
icon="el-icon-search"
@click="showGridPromptDialog('docdis.buttxmsel', null, null,{TXT:'btdgrp.blk.docdis'}, {TXT: false},'doxpDialog')">
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-checkbox v-model="model.btdgrp.blk.docdisflg">不符点描述修改</c-checkbox>
<el-form-item label="" prop="" class="checkbox-left">
<c-checkbox v-model="model.btdgrp.blk.docdisflg">不符点描述修改</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="24">
......@@ -135,14 +152,14 @@
</c-col>
<!-- right -->
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<el-form-item label="第一受益人参考号" prop="btdgrp.be1.pts.ref">
<c-input v-model="model.btdgrp.be1.pts.ref" maxlength="16" placeholder="请输入第一受益人参考号" disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="btdgrp.be1.pts.nam" label-width="0px">
<el-form-item label="" prop="btdgrp.be1.pts.nam" label-width="120px">
<c-input v-model="model.btdgrp.be1.pts.nam" maxlength="40" placeholder="请输入" disabled></c-input>
</el-form-item>
</c-col>
......@@ -152,12 +169,12 @@
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="btdgrp.be2.pts.nam" label-width="0px">
<el-form-item label="" prop="btdgrp.be2.pts.nam" label-width="120px">
<c-input v-model="model.btdgrp.be2.pts.nam" maxlength="40" placeholder="请输入" disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<!-- <c-col :span="24">
<c-col :span="22">
<el-form-item label="拒付理由" prop="btdgrp.blk.docins">
<c-input type="textarea" v-model="model.btdgrp.blk.docins" maxlength="35" show-word-limit placeholder="请输入拒付理由"
......@@ -173,10 +190,30 @@
...
</c-button>
</c-col>
</c-col> -->
<c-col :span="24">
<c-col :span="24">
<el-form-item label="拒付理由" prop="btdgrp.blk.docins">
<c-fullbox>
<c-input type="textarea" v-model="model.btdgrp.blk.docins" maxlength="35" show-word-limit placeholder="请输入拒付理由"
rows="5"></c-input>
<template slot="footer">
<c-button
size="small"
type="primary"
icon="el-icon-search"
@click="showGridPromptDialog('docins.buttxmsel', null, null,{TXT:'btdgrp.blk.docins'}, {TXT: false},'doxpDialog')">
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="22">
<!-- <c-col :span="22">
<el-form-item label="单据处置说明" prop="btdgrp.blk.disdoc">
<c-input type="textarea" v-model="model.btdgrp.blk.disdoc" maxlength="35" show-word-limit placeholder="请输入单据处置说明"
rows="5"></c-input>
......@@ -190,25 +227,70 @@
@click="showGridPromptDialog('disdoc.buttxmsel', null, null,{TXT:'btdgrp.blk.disdoc'}, {TXT: false},'doxpDialog')">
...
</c-button>
</c-col> -->
<c-col :span="24">
<el-form-item label="单据处置说明" prop="btdgrp.blk.disdoc">
<c-fullbox>
<c-input type="textarea" v-model="model.btdgrp.blk.disdoc" maxlength="35" show-word-limit placeholder="请输入单据处置说明"
rows="5"></c-input>
<template slot="footer">
<c-button
size="small"
type="primary"
icon="el-icon-search"
@click="showGridPromptDialog('disdoc.buttxmsel', null, null,{TXT:'btdgrp.blk.disdoc'}, {TXT: false},'doxpDialog')">
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12" class="">
<el-form-item label=" " label-width="120px" style=" float:left;">
<c-checkbox
v-model="model.rejpenins"
@change="selectOrCheckboxRule('rejpenins')"
>向第二受益人发拒付通知</c-checkbox
>
</el-form-item>
</c-col>
<c-col :span="10">
<!-- <c-col :span="10">
<c-checkbox v-model="model.rejpenins" @change="selectOrCheckboxRule('rejpenins')">向第二受益人发拒付通知</c-checkbox>
</c-col> -->
<c-col :span="12" class="centerLable ">
<el-form-item
label=""
v-model="model.accdisflg"
@change="selectOrCheckboxRule('accdisflg')"
>
<c-checkbox v-model="model.accdisflg"
>给第二受益人发接受不符点通知</c-checkbox
>
</el-form-item>
</c-col>
<c-col :span="10" :offset="2">
<!-- <c-col :span="10" :offset="2">
<c-checkbox v-model="model.accdisflg" @change="selectOrCheckboxRule('accdisflg')">给第二受益人发接受不符点通知</c-checkbox>
</c-col>
</c-col> -->
<c-col :span="24">
<c-checkbox v-model="model.advdisflg">通知开证行有不符点</c-checkbox>
<c-col :span="24" class="">
<el-form-item label=" " label-width="120px" style=" float:left;">
<c-checkbox v-model="model.advdisflg">通知开证行有不符点</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="24">
<!-- <c-col :span="24">
<c-checkbox v-model="model.advdisflg">通知开证行有不符点</c-checkbox>
</c-col> -->
<c-col :span="12">
<el-form-item label="进一步鉴定MT752" prop="btdgrp.furide" >
<c-select v-model="model.furide" maxlength="40" placeholder="请输入进一步鉴定MT752" :code="codes.furide" disabled></c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="不符点通知的日期" prop="btdgrp.rec.disdat" >
<c-select v-model="model.btdgrp.rec.disdat" maxlength="40" placeholder="请输入不符点通知的日期" disabled></c-select>
</el-form-item>
......
src/views/Business/Bttdcr/Ovwp.vue 0 → 100644
<template>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="拒单" name="betdcrs">
<m-betdcrs :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</template>
<script>
import commonProcess from "~/mixin/commonProcess";
import Event from "~/model/Bptcan/Event";
import Betdcrs from "./Betdcrs"
export default {
components: {
"m-betdcrs" : Betdcrs,
},
inject: ["root"],
props: ["model", "codes"],
data() {
return {
activeNames: ["betdcrs"],
};
},
}
</script>
<style>
</style>
src/views/Business/Bttdcr/index.vue
<template>
<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" size="small"
:validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<!--PD000009 -->
<el-tab-pane label="拒单" name="betdcrs">
<c-content>
<m-betdcrs :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="表外" name="engp">
<c-content>
<m-engp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<c-page title="转让信用证单据拒单">
<el-form :model="model"
:rules="rules"
ref="modelForm"
label-width="120px"
label-position="left" size="small"
:validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<!--PD000000 -->
<el-tab-pane label="费用及账务" name="setpan">
<c-content>
<m-setpan :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="分录" name="glepan">
<c-content>
<m-glepan :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<el-tab-pane label="附言" name="coninfp">
<c-content>
<m-coninfp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000009 -->
<!-- <el-tab-pane label="拒单" name="betdcrs">
<c-content>
<m-betdcrs :model="model" :codes="codes"/>
</c-content>
</el-tab-pane> -->
<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,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="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>
<!--PD000001 -->
<!-- <el-tab-pane label="表外" name="engp">
<c-content>
<m-engp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane> -->
<!--PD000000 -->
<!-- <el-tab-pane label="费用及账务" name="setpan">
<c-content>
<m-setpan :model="model" :codes="codes"/>
</c-content>
</el-tab-pane> -->
<!--PD000001 -->
<!-- <el-tab-pane label="分录" name="glepan">
<c-content>
<m-glepan :model="model" :codes="codes"/>
</c-content>
</el-tab-pane> -->
<!--PD000529 -->
<el-tab-pane label="面函及报文" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!-- <el-tab-pane label="附言" name="coninfp">
<c-content>
<m-coninfp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane> -->
<!--PD000529 -->
<!-- <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>
</c-tabs>
</el-form>
<!-- <el-tab-pane label="附件" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes"/>
</c-content>
</el-tab-pane> -->
</c-tabs>
</el-form>
<!--点击触发回填-->
<c-grid-ety-prompt-dialog
ref="doxpDialog"
:isPty="false"
:promptData="promptData"
@select-ety="selectMsg" >
</c-grid-ety-prompt-dialog>
<!--点击触发回填-->
<c-grid-ety-prompt-dialog
ref="doxpDialog"
:isPty="false"
:promptData="promptData"
@select-ety="selectMsg" >
</c-grid-ety-prompt-dialog>
<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>
</c-page>
</div>
</template>
<script>
......@@ -93,6 +138,8 @@ import Default from "~/model/Bttdcr/Default"
import Pattern from "~/model/Bttdcr/Pattern"
import Betdcrs from "./Betdcrs"
import Utils from "~/utils";
import Ovwp from "./Ovwp"
import Addbcb from "./Addbcb"
import Engp from "~/views/Public/Engp";
import Setpan from "~/views/Public/Setpan";
......@@ -112,6 +159,8 @@ export default {
"m-docpan" : Docpan,
"m-coninfp" : Coninfp,
"m-doctre" : Doctre,
"m-ovwp" : Ovwp,
"m-addbcb" : Addbcb,
},
provide() {
return {
......@@ -122,7 +171,7 @@ export default {
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "betdcrs",
tabVal: "ovwp",
trnName: "bttdcr",
model: new Bttdcr().data,
checkRules: Check,
......@@ -131,6 +180,7 @@ export default {
rules: null,
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