Skip to content

V
vue-gjjs
Commit 3f4046e0 by tianxinyu
Options

页面BOTAME修改

parent 754bf6dd
Showing with 664 additions and 554 deletions
src/views/Business/Botame/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/Botame/Amep.vue
<template>
<c-row>
<!-- =================顶部====================== -->
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="22">
<el-form-item
label="托收业务编号"
......@@ -26,7 +26,7 @@
></c-button>
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<el-form-item label="简略信息" prop="bodgrp.rec.nam">
<c-input
align="middle"
......@@ -38,7 +38,7 @@
</el-form-item>
</c-col>
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="修改日期" prop="botamep.amedat">
<c-date-picker
......@@ -51,11 +51,11 @@
</c-col>
<c-col :span="24">
<c-col :span="12">
<!-- <c-col :span="12">
<el-form-item label=""> </el-form-item>
</c-col>
<c-col :span="12" :offset="4">
<el-form-item label="金额"> </el-form-item>
</c-col> -->
<c-col :span="12" >
<el-form-item label="金额" style="margin-left:42px;"> </el-form-item>
</c-col>
</c-col>
......@@ -162,7 +162,7 @@
<!-- ====================底部======================= -->
<c-col>
<el-row>
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<c-col :span="9">
<el-form-item
......@@ -227,7 +227,7 @@
</el-row>
<el-row>
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<c-col :span="9">
<el-form-item
......@@ -293,7 +293,7 @@
</c-col>
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="单据到期日" prop="oldbodgrp.rec.matdat">
<c-date-picker
......
src/views/Business/Botame/Inst.vue
......@@ -9,10 +9,9 @@
placeholder="请输入放单指示条款" >
</c-input>
<template slot="footer">
<c-button size="small" type="primary" icon="el-icon-search"
<c-button size="small" type="primary" icon="el-icon-more"
@click="showGridPromptDialog('botp.colins.buttxmsel', null, null,{TXT: ''}, {TXT: false},'doxpDialog')"
>
...
</c-button>
</template>
</c-fullbox>
......@@ -24,8 +23,8 @@
<c-col :span="24">
<el-form-item label="" prop="bodgrp.blk.colinsflg">
<c-checkbox v-model="colinsflg">放单指示条款修改</c-checkbox>
<el-form-item label="" prop="bodgrp.blk.colinsflg" >
<c-checkbox v-model="colinsflg" style="margin-right:80px;">放单指示条款修改</c-checkbox>
</el-form-item>
</c-col>
......@@ -36,9 +35,8 @@
placeholder="请输入汇票指示条款">
</c-input>
<template slot="footer">
<c-button size="small" type="primary" icon="el-icon-search"
<c-button size="small" type="primary" icon="el-icon-more"
@click="showGridPromptDialog('botp.dftins.buttxmsel', null, null,{TXT: 'bodgrp.blk.dftins'}, {TXT: false},'doxpDialog')">
...
</c-button>
</template>
</c-fullbox>
......@@ -53,10 +51,9 @@
placeholder="请输入拒绝证书指示条款">
</c-input>
<template slot="footer">
<c-button size="small" type="primary" icon="el-icon-search"
<c-button size="small" type="primary" icon="el-icon-more"
@click="showGridPromptDialog('botp.proins.buttxmsel', null, null,{TXT: 'bodgrp.blk.proins'}, {TXT: false},'doxpDialog')"
>
...
</c-button>
</template>
</c-fullbox>
......@@ -71,10 +68,9 @@
placeholder="请输入其它指示条款">
</c-input>
<template slot="footer">
<c-button size="small" type="primary" icon="el-icon-search"
<c-button size="small" type="primary" icon="el-icon-more"
@click="showGridPromptDialog('botp.othins.buttxmsel', null, null,{TXT: 'bodgrp.blk.othins'}, {TXT: false},'doxpDialog')"
>
...
</c-button>
</template>
</c-fullbox>
......@@ -89,10 +85,9 @@
placeholder="请输入仓储/保险指示条款">
</c-input>
<template slot="footer">
<c-button size="small" type="primary" icon="el-icon-search"
<c-button size="small" type="primary" icon="el-icon-more"
@click="showGridPromptDialog('botp.whins.buttxmsel', null, null,{TXT: 'bodgrp.blk.delins'}, {TXT: false},'doxpDialog')"
>
...
</c-button>
</template>
</c-fullbox>
......@@ -125,8 +120,10 @@
</c-col>
<c-col :span="22">
<c-checkbox v-model="model.bodgrp.rec.focflg" style="padding-left:10px">无偿放单选项</c-checkbox>
<c-col :span="24">
<el-form-item class="checkbox-right">
<c-checkbox v-model="model.bodgrp.rec.focflg" >无偿放单选项</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="24" style="width:100%">
<el-form-item label="交单时是否放弃向代收行收取费用的权力" prop="bodgrp.rec.waicolcod" style="padding-top:15px">
......
src/views/Business/Botame/Instrecp.vue
<template>
<div class="eibs-tab">
<c-col :span="24">
<div class="eibs">
<!-- ==================左边================ -->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="汇票指示条款" prop="bodgrp.blk.dftins" label-width="180px">
<c-input type="textarea" :autosize="{ minRows: 4, maxRows: 6}"
v-model="model.bodgrp.blk.dftins" style="width:70%;margin-right:20px;"
v-model="model.bodgrp.blk.dftins" style="width:100%;margin-right:20px;"
maxlength="390" show-word-limit placeholder="请输入汇票指示条款"
></c-input>
</el-form-item>
......@@ -13,28 +15,29 @@
<c-col :span="24">
<el-form-item label="利息指示条款" prop="bodgrp.blk.intins" label-width="180px">
<c-input type="textarea" :autosize="{ minRows: 4, maxRows: 5}"
v-model="model.bodgrp.blk.intins" style="width:70%;margin-right:20px;"
v-model="model.bodgrp.blk.intins" style="width:100%;margin-right:20px;"
maxlength="325" show-word-limit placeholder="请输入利息指示条款"
></c-input>
</el-form-item>
</c-col>
<c-col :span="18">
<c-col :span="24">
<c-col :span="22">
<el-form-item label="结算条款" prop="bodgrp.blk.setinsbo" label-width="180px">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}"
v-model="model.bodgrp.blk.setinsbo" style="width:98%;margin-right:20px;"
v-model="model.bodgrp.blk.setinsbo" style="width:100%;margin-right:20px;"
maxlength="390" show-word-limit placeholder="请输入结算条款"
></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<c-button size="small" type="primary" icon="el-icon-search" @click="showGridPromptDialog('botp.setins.buttxmsel', null, null,{TXT: 'bodgrp.blk.setinsbo'}, {TXT: false},'doxpDialog')">
...
<c-col :span="2">
<c-button size="small" type="primary" icon="el-icon-more" @click="showGridPromptDialog('botp.setins.buttxmsel', null, null,{TXT: 'bodgrp.blk.setinsbo'}, {TXT: false},'doxpDialog')">
</c-button>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="赋予代理行的权力" prop="bodgrp.blk.agtaut" label-width="180px">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 6}"
v-model="model.bodgrp.blk.agtaut" style="width:40%;margin-right:20px;"
v-model="model.bodgrp.blk.agtaut" style="width:100%;margin-right:20px;"
maxlength="210" show-word-limit placeholder="请输入赋予代理行的权力"
></c-input>
</el-form-item>
......@@ -42,20 +45,20 @@
<c-col :span="24">
<el-form-item label="货物的起运地" prop="bodgrp.rec.shpfro" label-width="180px">
<c-input v-model="model.bodgrp.rec.shpfro" style="width:40%;margin-right:20px;"
<c-input v-model="model.bodgrp.rec.shpfro" style="width:100%;margin-right:20px;"
maxlength="40" placeholder="请输入货物的起运地"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="货物的到达地" prop="bodgrp.rec.shpto" label-width="180px">
<c-input v-model="model.bodgrp.rec.shpto" style="width:40%;margin-right:20px;"
<c-input v-model="model.bodgrp.rec.shpto" style="width:100%;margin-right:20px;"
maxlength="40" placeholder="请输入货物的到达地"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="装船日期" prop="bodgrp.rec.shpdat" label-width="180px">
<c-date-picker type="date" v-model="model.bodgrp.rec.shpdat" style="width:40%;margin-right:20px;"
<c-date-picker type="date" v-model="model.bodgrp.rec.shpdat" style="width:100%;margin-right:20px;"
placeholder="请选择装船日期"></c-date-picker>
</el-form-item>
</c-col>
......@@ -63,11 +66,12 @@
<c-col :span="24">
<el-form-item label="货物描述" prop="bodgrp.blk.goddes" label-width="180px">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}"
v-model="model.bodgrp.blk.goddes" style="width:70%;margin-right:20px;"
v-model="model.bodgrp.blk.goddes" style="width:100%;margin-right:20px;"
maxlength="325" show-word-limit placeholder="请输入货物描述"
></c-input>
</el-form-item>
</c-col>
</c-col>
</div>
</template>
......
src/views/Business/Botame/Ovwp.vue
<template>
<c-row>
<!-- =================顶部====================== -->
<c-col :span="11">
<c-col :span="20">
<el-form-item
label="托收业务编号"
prop="bodgrp.rec.ownref"
style="width: 100%"
>
<c-input
v-model="model.bodgrp.rec.ownref"
maxlength="16"
placeholder="请输入托收业务编号"
style="width: 95%"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="1">
<c-button
style="margin: 0 10px 0 0; padding: 0 10px"
size="small"
type="primary"
icon="el-icon-search"
></c-button>
</c-col>
<c-col :span="3" style="text-align: right">
<c-button
style="margin: 0 0"
size="small"
type="primary"
:disabled="!this.flag && model.bodgrp.rec.ownref == ''? false:true"
>
获取
</c-button>
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="简略信息" prop="bodgrp.rec.nam">
<c-input
v-model="model.bodgrp.rec.nam"
maxlength="40"
disabled
placeholder="请输入"
></c-input>
</el-form-item>
</c-col>
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="24">
<c-col :span="14">
<el-form-item
label="客户经理"
prop="botp.usr.extkey"
style="width: 100%"
>
<c-input
style="width: 95%"
v-model="model.botp.usr.extkey"
maxlength="8"
placeholder="请输入客户经理"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="2">
<c-button
style="margin: 0 10px 0 0; padding: 0 10px"
size="small"
icon="el-icon-search"
type="primary"
></c-button>
</c-col>
<c-col :span="8">
<c-checkbox v-model="model.bodgrp.rec.dircolflg"
>是否直接托收</c-checkbox
>
</c-col>
</c-col>
<c-col :span="12">
<el-form-item label="托收金额" prop="bodgrp.cbs.max.cur">
<c-select
disabled
v-model="model.bodgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择币种"
>
<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
style="text-align: left"
label-width="5px"
prop="bodgrp.cbs.max.amt"
>
<c-input-currency
disabled
v-model="model.bodgrp.cbs.max.amt"
style="text-align: left; width: 100%"
placeholder="请输入托收金额"
@keyup.enter.native="
defaultFunction('bodgrp.cbs.max.amt', model.bodgrp.cbs.max.amt)
"
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="托收余额" prop="bodgrp.cbs.opn1.cur">
<c-select
disabled
v-model="model.bodgrp.cbs.opn1.cur"
style="width: 100%"
placeholder="请选择币种"
>
<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
style="text-align: left"
label-width="5px"
prop="bodgrp.cbs.opn1.amt"
>
<c-input-currency
disabled
v-model="model.bodgrp.cbs.opn1.amt"
style="text-align: left; width: 100%"
placeholder="请输入托收余额"
@keyup.enter.native="
defaultFunction('bodgrp.cbs.opn1.amt', model.bodgrp.cbs.opn1.amt)
"
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="收单日期" prop="bodgrp.rec.rcvdat">
<c-date-picker
type="date"
disabled
v-model="model.bodgrp.rec.rcvdat"
style="width: 100%"
placeholder="请选择收单日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="装船日期" prop="bodgrp.rec.shpdat">
<c-date-picker
type="date"
v-model="model.bodgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择装船日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="寄单日期" prop="bodgrp.rec.predat">
<c-date-picker
type="date"
disabled
v-model="model.bodgrp.rec.predat"
style="width: 100%"
placeholder="请选择寄单日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="发货日期" prop="bodgrp.rec.advdat">
<c-date-picker
type="date"
disabled
v-model="model.bodgrp.rec.advdat"
style="width: 100%"
placeholder="请选择发货日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="交单条件" prop="bodgrp.rec.doctypcod">
<c-select
v-model="model.bodgrp.rec.doctypcod"
style="width: 100%"
placeholder="请选择交单条件"
>
<el-option
v-for="item in codes.doctypcod"
: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="单据到期日" prop="bodgrp.rec.matdat">
<c-date-picker
type="date"
disabled
v-model="model.bodgrp.rec.matdat"
style="width: 100%"
placeholder="请选择单据到期日"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="发票类型" prop="bodgrp.rec.invtyp">
<c-select v-model="model.bodgrp.rec.invtyp" style="width: 100%">
<el-option
v-for="item in invtyp"
: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="单据期限" prop="bodgrp.rec.matpercnt">
<c-input
disabled
v-model="model.bodgrp.rec.matpercnt"
placeholder="请输入单据期限"
></c-input>
</el-form-item>
</c-col>
<c-col v-if=" (model.trnmod.swiadd.Amatpertyp=='D')||(model.oldbodgrp.rec.matpertyp==''&&model.trnmod.swiadd.newmatpertyp=='')||(model.oldbodgrp.rec.matpertyp=='D' &&model.trnmod.swiadd.newmatpertyp=='')" :span="1" style="margin-left:-10px">
<el-form-item label="天"> </el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="起始日期" prop="bodgrp.rec.matperbeg">
<c-select
disabled
v-model="model.bodgrp.rec.matperbeg"
style="width: 100%"
placeholder="请选择起始日期"
>
<el-option
v-for="item in codes.matperbeg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="单据到期描述" prop="bodgrp.blk.bogdet">
<c-input
type="textarea"
:disabled="model.bodgrp.rec.doctypcod === 'P'"
v-model="model.bodgrp.blk.bogdet"
maxlength="43"
show-word-limit
placeholder="请输入单据到期描述"
></c-input>
</el-form-item>
</c-col>
<c-docpre
:model="model"
:argadr="{
path: 'bodgrp.blk.docpre',
grp: 'botp',
code: 'docpre',
}"
></c-docpre>
<!-- <c-col :span="24">
<c-edit-table :model="model" v-bind="docgrd"> </c-edit-table>
</c-col> -->
</c-col>
<!-- ====================右边======================= -->
<c-col :span="11" :offset="1">
<c-ptap
:model="model"
:argadr="{
title: '收款人',
grp: 'bodgrp',
rol: 'drr',
}"
:disabled="true"
:disabledRef="true"
:disabledExtkey="true"
>
</c-ptap>
<c-ptap
:model="model"
:argadr="{
title: '代收行',
grp: 'bodgrp',
rol: 'col',
}"
:disabled="this.flag2"
>
</c-ptap>
<c-ptap
:model="model"
:argadr="{
title: '付款人',
grp: 'bodgrp',
rol: 'dre',
}"
:disabled="this.flag3"
>
</c-ptap>
<c-col :span="24">
<el-form-item
label="国家或地区代码"
prop="bodgrp.rec.stacty"
>
<c-select
v-model="model.bodgrp.rec.stacty"
style="width: 100%"
placeholder="请选择"
>
<el-option
v-for="item in codes.stacty"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="货物类型" prop="bodgrp.rec.stagod">
<c-select
v-model="model.bodgrp.rec.stagod"
style="width: 100%"
placeholder="请选择货物类型"
>
<el-option
v-for="item in codes.godcod"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
</c-row>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Botame/Event";
import Utils from "~/utils";
import Ptap from "~/views/Public/Ptap";
import Docpre from "~/views/Public/Docpre";
export default {
components: {
"c-ptap": Ptap,
"c-docpre": Docpre,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
flag2:false,
flag3:false,
invtyp: [{ label: "type1", value: "1" }],
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="概要" name="ovwp1">
<m-ovwp1 :model="model" :codes="codes" />
</el-collapse-item>
}
},
watch:{
"model.bodgrp.col.pts.extkey" :{
immediate:true,
handler(val ,oldVal){
if(this.model.bodgrp.col.pts.extkey!=''){
this.flag2=true;
}else{
this.flag2=false;
}
}
},
"model.bodgrp.dre.pts.extkey" :{
immediate:true,
handler(val ,oldVal){
if(this.model.bodgrp.dre.pts.extkey!=''){
this.flag3=true;
}else{
this.flag3=false;
}
}
},
},
methods: {
...Event,
},
computed: {
flag() {
return this.model.bodgrp.drr.pts.adrelc == "";
<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-item title="接受条款" name="instrecp">
<m-instrecp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="修正" name="amep">
<m-amep :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/Botame/Event";
import Ovwp1 from "./Ovwp1"
import Inst from "./Inst"
import Ptyp from "./Ptyp"
import Instrecp from "./Instrecp"
import Amep from "./Amep"
export default {
components: {
"m-ovwp1": Ovwp1,
"m-inst": Inst,
"m-ptyp": Ptyp,
"m-instrecp":Instrecp,
"m-amep":Amep,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
activeNames: ["ovwp1"],
};
},
methods: {
...Event,
},
created: function () {},
computed: {
},
},
created: function () {
},
}
</script>
<style>
</style>
};
</script>
<style>
.marginLable {
padding-left: 160px;
}
</style>
\ No newline at end of file
src/views/Business/Botame/Ovwp1.vue 0 → 100644
<template>
<c-row>
<!-- =================顶部====================== -->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="20">
<el-form-item
label="托收业务编号"
prop="bodgrp.rec.ownref"
style="width: 100%"
>
<c-input
v-model="model.bodgrp.rec.ownref"
maxlength="16"
placeholder="请输入托收业务编号"
style="width: 95%"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="1">
<c-button
style="margin: 0 10px 0 0; padding: 0 10px"
size="small"
type="primary"
icon="el-icon-search"
></c-button>
</c-col>
<c-col :span="3" style="text-align: right">
<c-button
style="margin: 0 0"
size="small"
type="primary"
:disabled="!this.flag && model.bodgrp.rec.ownref == ''? false:true"
>
获取
</c-button>
</c-col>
</c-col>
<c-col :span="12" style="padding-left: 20px;">
<el-form-item label="简略信息" prop="bodgrp.rec.nam">
<c-input
v-model="model.bodgrp.rec.nam"
maxlength="40"
disabled
placeholder="请输入"
></c-input>
</el-form-item>
</c-col>
<!-- ====================左边======================= -->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<c-col :span="14">
<el-form-item
label="客户经理"
prop="botp.usr.extkey"
style="width: 100%"
>
<c-input
style="width: 95%"
v-model="model.botp.usr.extkey"
maxlength="8"
placeholder="请输入客户经理"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="2">
<c-button
style="margin: 0 10px 0 0; padding: 0 10px"
size="small"
icon="el-icon-search"
type="primary"
></c-button>
</c-col>
<c-col :span="8">
<c-checkbox v-model="model.bodgrp.rec.dircolflg"
>是否直接托收</c-checkbox
>
</c-col>
</c-col>
<c-col :span="12">
<el-form-item label="托收金额" prop="bodgrp.cbs.max.cur">
<c-select
disabled
v-model="model.bodgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择币种"
>
<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
style="text-align: left"
label-width="5px"
prop="bodgrp.cbs.max.amt"
>
<c-input-currency
disabled
v-model="model.bodgrp.cbs.max.amt"
style="text-align: left; width: 100%"
placeholder="请输入托收金额"
@keyup.enter.native="
defaultFunction('bodgrp.cbs.max.amt', model.bodgrp.cbs.max.amt)
"
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="托收余额" prop="bodgrp.cbs.opn1.cur">
<c-select
disabled
v-model="model.bodgrp.cbs.opn1.cur"
style="width: 100%"
placeholder="请选择币种"
>
<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
style="text-align: left"
label-width="5px"
prop="bodgrp.cbs.opn1.amt"
>
<c-input-currency
disabled
v-model="model.bodgrp.cbs.opn1.amt"
style="text-align: left; width: 100%"
placeholder="请输入托收余额"
@keyup.enter.native="
defaultFunction('bodgrp.cbs.opn1.amt', model.bodgrp.cbs.opn1.amt)
"
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="收单日期" prop="bodgrp.rec.rcvdat">
<c-date-picker
type="date"
disabled
v-model="model.bodgrp.rec.rcvdat"
style="width: 100%"
placeholder="请选择收单日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="装船日期" prop="bodgrp.rec.shpdat">
<c-date-picker
type="date"
v-model="model.bodgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择装船日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="寄单日期" prop="bodgrp.rec.predat">
<c-date-picker
type="date"
disabled
v-model="model.bodgrp.rec.predat"
style="width: 100%"
placeholder="请选择寄单日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="发货日期" prop="bodgrp.rec.advdat">
<c-date-picker
type="date"
disabled
v-model="model.bodgrp.rec.advdat"
style="width: 100%"
placeholder="请选择发货日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="交单条件" prop="bodgrp.rec.doctypcod">
<c-select
v-model="model.bodgrp.rec.doctypcod"
style="width: 100%"
placeholder="请选择交单条件"
>
<el-option
v-for="item in codes.doctypcod"
: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="单据到期日" prop="bodgrp.rec.matdat">
<c-date-picker
type="date"
disabled
v-model="model.bodgrp.rec.matdat"
style="width: 100%"
placeholder="请选择单据到期日"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="发票类型" prop="bodgrp.rec.invtyp">
<c-select v-model="model.bodgrp.rec.invtyp" style="width: 100%">
<el-option
v-for="item in invtyp"
: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="单据期限" prop="bodgrp.rec.matpercnt">
<c-input
disabled
v-model="model.bodgrp.rec.matpercnt"
placeholder="请输入单据期限"
></c-input>
</el-form-item>
</c-col>
<c-col v-if=" (model.trnmod.swiadd.Amatpertyp=='D')||(model.oldbodgrp.rec.matpertyp==''&&model.trnmod.swiadd.newmatpertyp=='')||(model.oldbodgrp.rec.matpertyp=='D' &&model.trnmod.swiadd.newmatpertyp=='')" :span="1" style="margin-left:-10px">
<el-form-item label="天"> </el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="起始日期" prop="bodgrp.rec.matperbeg">
<c-select
disabled
v-model="model.bodgrp.rec.matperbeg"
style="width: 100%"
placeholder="请选择起始日期"
>
<el-option
v-for="item in codes.matperbeg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="单据到期描述" prop="bodgrp.blk.bogdet">
<c-input
type="textarea"
:disabled="model.bodgrp.rec.doctypcod === 'P'"
v-model="model.bodgrp.blk.bogdet"
maxlength="43"
show-word-limit
placeholder="请输入单据到期描述"
></c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="24">
<c-edit-table :model="model" v-bind="docgrd"> </c-edit-table>
</c-col> -->
</c-col>
<!-- ====================右边======================= -->
<c-col :span="12" style="padding-left: 20px;">
<c-ptap
:model="model"
:argadr="{
title: '收款人',
grp: 'bodgrp',
rol: 'drr',
}"
:disabled="true"
:disabledRef="true"
:disabledExtkey="true"
>
</c-ptap>
<c-ptap
:model="model"
:argadr="{
title: '代收行',
grp: 'bodgrp',
rol: 'col',
}"
:disabled="this.flag2"
>
</c-ptap>
<c-ptap
:model="model"
:argadr="{
title: '付款人',
grp: 'bodgrp',
rol: 'dre',
}"
:disabled="this.flag3"
>
</c-ptap>
<c-col :span="24">
<el-form-item
label="国家或地区代码"
prop="bodgrp.rec.stacty"
>
<c-select
v-model="model.bodgrp.rec.stacty"
style="width: 100%"
placeholder="请选择"
>
<el-option
v-for="item in codes.stacty"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="货物类型" prop="bodgrp.rec.stagod">
<c-select
v-model="model.bodgrp.rec.stagod"
style="width: 100%"
placeholder="请选择货物类型"
>
<el-option
v-for="item in codes.godcod"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-docpre
:model="model"
:argadr="{
path: 'bodgrp.blk.docpre',
grp: 'botp',
code: 'docpre',
}"
></c-docpre>
</c-col>
</c-row>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Botame/Event";
import Utils from "~/utils";
import Ptap from "~/views/Public/Ptap";
import Docpre from "~/views/Public/Docpre";
export default {
components: {
"c-ptap": Ptap,
"c-docpre": Docpre,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
flag2:false,
flag3:false,
invtyp: [{ label: "type1", value: "1" }],
}
},
watch:{
"model.bodgrp.col.pts.extkey" :{
immediate:true,
handler(val ,oldVal){
if(this.model.bodgrp.col.pts.extkey!=''){
this.flag2=true;
}else{
this.flag2=false;
}
}
},
"model.bodgrp.dre.pts.extkey" :{
immediate:true,
handler(val ,oldVal){
if(this.model.bodgrp.dre.pts.extkey!=''){
this.flag3=true;
}else{
this.flag3=false;
}
}
},
},
methods: {
...Event,
},
computed: {
flag() {
return this.model.bodgrp.drr.pts.adrelc == "";
},
},
created: function () {
},
}
</script>
<style>
</style>
src/views/Business/Botame/Ptyp.vue
<template>
<c-row>
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-ptap
:model="model"
:argadr="{
......@@ -25,7 +25,7 @@
>
</c-ptap>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<c-ptap
:model="model"
:argadr="{
......
src/views/Business/Botame/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="left" size="small" :validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--修正 -->
<el-tab-pane label="修正" name="amep">
<c-content>
<m-amep :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="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--指示条款 -->
<el-tab-pane label="指示条款" name="inst">
<c-content>
<m-inst :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="ptyp">
<c-content>
<m-ptyp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--接受条款 -->
<el-tab-pane label="接受条款" name="instrecp">
<c-content>
<m-instrecp :model="model" :codes="codes"/>
</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="engp">
<m-engp :model="model" :codes="codes" />
<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>
<!--结算 -->
<el-tab-pane label="结算" name="setpan">
<c-content>
<m-setpan :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--分录 -->
<el-tab-pane label="分录" name="glepan">
<m-glepan :model="model" :codes="codes"/>
</el-tab-pane>
<!--提示信息 -->
<el-tab-pane label="提示信息" name="coninfp">
<m-coninfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--报文和面函 -->
<el-tab-pane label="报文和面函" name="docpan">
<m-docpan :model="model" :codes="codes"/>
</el-tab-pane>
<!--附件 -->
<el-tab-pane label="附件" name="doctre">
<m-doctre :model="model" :codes="codes"/>
</el-tab-pane>
</c-tabs>
</el-form>
<c-grid-ety-prompt-dialog
......@@ -100,7 +68,19 @@
@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>
</div>
</c-page>
</template>
......@@ -114,6 +94,7 @@ import Check from "~/model/Botame/Check"
import Default from "~/model/Botame/Default"
import Pattern from "~/model/Botame/Pattern"
import Addbcb from "./Addbcb";
import Amep from "./Amep"
import Ovwp from "./Ovwp"
import Inst from "./Inst"
......@@ -131,6 +112,7 @@ import Engp from "~/views/Public/Engp"
export default {
name: "Botame",
components:{
"m-addbcb": Addbcb,
"m-amep" : Amep,
"m-ovwp" : Ovwp,
"m-inst" : Inst,
......@@ -151,7 +133,7 @@ export default {
mixins: [commonProcess,commonFuncs], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "amep",
tabVal: "ovwp",
trnName: "botame",
model: new Botame().data,
checkRules: Check,
......@@ -161,6 +143,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