Skip to content

V
vue-gjjs
Commit 3f4046e0 by tianxinyu
Options

页面BOTAME修改

parent 754bf6dd
Showing with 140 additions and 101 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> <template>
<c-row> <c-row>
<!-- =================顶部====================== --> <!-- =================顶部====================== -->
<c-col :span="11"> <c-col :span="12" style="padding-right: 20px;">
<c-col :span="22"> <c-col :span="22">
<el-form-item <el-form-item
label="托收业务编号" label="托收业务编号"
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
></c-button> ></c-button>
</c-col> </c-col>
</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"> <el-form-item label="简略信息" prop="bodgrp.rec.nam">
<c-input <c-input
align="middle" align="middle"
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<!-- ====================左边======================= --> <!-- ====================左边======================= -->
<c-col :span="11"> <c-col :span="12" style="padding-right: 20px;">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="修改日期" prop="botamep.amedat"> <el-form-item label="修改日期" prop="botamep.amedat">
<c-date-picker <c-date-picker
...@@ -51,11 +51,11 @@ ...@@ -51,11 +51,11 @@
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="12"> <!-- <c-col :span="12">
<el-form-item label=""> </el-form-item> <el-form-item label=""> </el-form-item>
</c-col> </c-col> -->
<c-col :span="12" :offset="4"> <c-col :span="12" >
<el-form-item label="金额"> </el-form-item> <el-form-item label="金额" style="margin-left:42px;"> </el-form-item>
</c-col> </c-col>
</c-col> </c-col>
...@@ -162,7 +162,7 @@ ...@@ -162,7 +162,7 @@
<!-- ====================底部======================= --> <!-- ====================底部======================= -->
<c-col> <c-col>
<el-row> <el-row>
<c-col :span="11"> <c-col :span="12" style="padding-right: 20px;">
<c-col :span="24"> <c-col :span="24">
<c-col :span="9"> <c-col :span="9">
<el-form-item <el-form-item
...@@ -227,7 +227,7 @@ ...@@ -227,7 +227,7 @@
</el-row> </el-row>
<el-row> <el-row>
<c-col :span="11"> <c-col :span="12" style="padding-right: 20px;">
<c-col :span="24"> <c-col :span="24">
<c-col :span="9"> <c-col :span="9">
<el-form-item <el-form-item
...@@ -293,7 +293,7 @@ ...@@ -293,7 +293,7 @@
</c-col> </c-col>
<!-- ====================左边======================= --> <!-- ====================左边======================= -->
<c-col :span="11"> <c-col :span="12" style="padding-right: 20px;">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="单据到期日" prop="oldbodgrp.rec.matdat"> <el-form-item label="单据到期日" prop="oldbodgrp.rec.matdat">
<c-date-picker <c-date-picker
......
src/views/Business/Botame/Inst.vue
...@@ -9,10 +9,9 @@ ...@@ -9,10 +9,9 @@
placeholder="请输入放单指示条款" > placeholder="请输入放单指示条款" >
</c-input> </c-input>
<template slot="footer"> <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')" @click="showGridPromptDialog('botp.colins.buttxmsel', null, null,{TXT: ''}, {TXT: false},'doxpDialog')"
> >
...
</c-button> </c-button>
</template> </template>
</c-fullbox> </c-fullbox>
...@@ -24,8 +23,8 @@ ...@@ -24,8 +23,8 @@
<c-col :span="24"> <c-col :span="24">
<el-form-item label="" prop="bodgrp.blk.colinsflg"> <el-form-item label="" prop="bodgrp.blk.colinsflg" >
<c-checkbox v-model="colinsflg">放单指示条款修改</c-checkbox> <c-checkbox v-model="colinsflg" style="margin-right:80px;">放单指示条款修改</c-checkbox>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -36,9 +35,8 @@ ...@@ -36,9 +35,8 @@
placeholder="请输入汇票指示条款"> placeholder="请输入汇票指示条款">
</c-input> </c-input>
<template slot="footer"> <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')"> @click="showGridPromptDialog('botp.dftins.buttxmsel', null, null,{TXT: 'bodgrp.blk.dftins'}, {TXT: false},'doxpDialog')">
...
</c-button> </c-button>
</template> </template>
</c-fullbox> </c-fullbox>
...@@ -53,10 +51,9 @@ ...@@ -53,10 +51,9 @@
placeholder="请输入拒绝证书指示条款"> placeholder="请输入拒绝证书指示条款">
</c-input> </c-input>
<template slot="footer"> <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')" @click="showGridPromptDialog('botp.proins.buttxmsel', null, null,{TXT: 'bodgrp.blk.proins'}, {TXT: false},'doxpDialog')"
> >
...
</c-button> </c-button>
</template> </template>
</c-fullbox> </c-fullbox>
...@@ -71,10 +68,9 @@ ...@@ -71,10 +68,9 @@
placeholder="请输入其它指示条款"> placeholder="请输入其它指示条款">
</c-input> </c-input>
<template slot="footer"> <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')" @click="showGridPromptDialog('botp.othins.buttxmsel', null, null,{TXT: 'bodgrp.blk.othins'}, {TXT: false},'doxpDialog')"
> >
...
</c-button> </c-button>
</template> </template>
</c-fullbox> </c-fullbox>
...@@ -89,10 +85,9 @@ ...@@ -89,10 +85,9 @@
placeholder="请输入仓储/保险指示条款"> placeholder="请输入仓储/保险指示条款">
</c-input> </c-input>
<template slot="footer"> <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')" @click="showGridPromptDialog('botp.whins.buttxmsel', null, null,{TXT: 'bodgrp.blk.delins'}, {TXT: false},'doxpDialog')"
> >
...
</c-button> </c-button>
</template> </template>
</c-fullbox> </c-fullbox>
...@@ -125,8 +120,10 @@ ...@@ -125,8 +120,10 @@
</c-col> </c-col>
<c-col :span="22"> <c-col :span="24">
<c-checkbox v-model="model.bodgrp.rec.focflg" style="padding-left:10px">无偿放单选项</c-checkbox> <el-form-item class="checkbox-right">
<c-checkbox v-model="model.bodgrp.rec.focflg" >无偿放单选项</c-checkbox>
</el-form-item>
</c-col> </c-col>
<c-col :span="24" style="width:100%"> <c-col :span="24" style="width:100%">
<el-form-item label="交单时是否放弃向代收行收取费用的权力" prop="bodgrp.rec.waicolcod" style="padding-top:15px"> <el-form-item label="交单时是否放弃向代收行收取费用的权力" prop="bodgrp.rec.waicolcod" style="padding-top:15px">
......
src/views/Business/Botame/Instrecp.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs">
<!-- ==================左边================ -->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="汇票指示条款" prop="bodgrp.blk.dftins" label-width="180px"> <el-form-item label="汇票指示条款" prop="bodgrp.blk.dftins" label-width="180px">
<c-input type="textarea" :autosize="{ minRows: 4, maxRows: 6}" <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="请输入汇票指示条款" maxlength="390" show-word-limit placeholder="请输入汇票指示条款"
></c-input> ></c-input>
</el-form-item> </el-form-item>
...@@ -13,28 +15,29 @@ ...@@ -13,28 +15,29 @@
<c-col :span="24"> <c-col :span="24">
<el-form-item label="利息指示条款" prop="bodgrp.blk.intins" label-width="180px"> <el-form-item label="利息指示条款" prop="bodgrp.blk.intins" label-width="180px">
<c-input type="textarea" :autosize="{ minRows: 4, maxRows: 5}" <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="请输入利息指示条款" maxlength="325" show-word-limit placeholder="请输入利息指示条款"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </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"> <el-form-item label="结算条款" prop="bodgrp.blk.setinsbo" label-width="180px">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" <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="请输入结算条款" maxlength="390" show-word-limit placeholder="请输入结算条款"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="6"> <c-col :span="2">
<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-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-button>
</c-col> </c-col>
</c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="赋予代理行的权力" prop="bodgrp.blk.agtaut" label-width="180px"> <el-form-item label="赋予代理行的权力" prop="bodgrp.blk.agtaut" label-width="180px">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 6}" <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="请输入赋予代理行的权力" maxlength="210" show-word-limit placeholder="请输入赋予代理行的权力"
></c-input> ></c-input>
</el-form-item> </el-form-item>
...@@ -42,20 +45,20 @@ ...@@ -42,20 +45,20 @@
<c-col :span="24"> <c-col :span="24">
<el-form-item label="货物的起运地" prop="bodgrp.rec.shpfro" label-width="180px"> <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> maxlength="40" placeholder="请输入货物的起运地"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="货物的到达地" prop="bodgrp.rec.shpto" label-width="180px"> <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> maxlength="40" placeholder="请输入货物的到达地"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="装船日期" prop="bodgrp.rec.shpdat" label-width="180px"> <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> placeholder="请选择装船日期"></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -63,11 +66,12 @@ ...@@ -63,11 +66,12 @@
<c-col :span="24"> <c-col :span="24">
<el-form-item label="货物描述" prop="bodgrp.blk.goddes" label-width="180px"> <el-form-item label="货物描述" prop="bodgrp.blk.goddes" label-width="180px">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" <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="请输入货物描述" maxlength="325" show-word-limit placeholder="请输入货物描述"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
</div> </div>
</template> </template>
......
src/views/Business/Botame/Ptyp.vue
<template> <template>
<c-row> <c-row>
<c-col :span="11"> <c-col :span="12" style="padding-right: 20px;">
<c-ptap <c-ptap
:model="model" :model="model"
:argadr="{ :argadr="{
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
> >
</c-ptap> </c-ptap>
</c-col> </c-col>
<c-col :span="11" :offset="1"> <c-col :span="12" style="padding-left: 20px;">
<c-ptap <c-ptap
:model="model" :model="model"
:argadr="{ :argadr="{
......
src/views/Business/Botame/index.vue
<template> <template>
<c-page title="出口托收修改"> <c-page title="出口托收修改">
<div class="eContainer"> <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"> <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"> <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--修正 --> <!--业务信息 -->
<el-tab-pane label="修正" name="amep"> <el-tab-pane label="业务信息" name="ovwp">
<c-content> <c-content>
<m-amep :model="model" :codes="codes"/> <m-ovwp :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<!--Overview --> <!--费用账务 -->
<el-tab-pane label="概要" name="ovwp"> <el-tab-pane label="费用/账务" name="engp,setpan,glepan">
<c-content> <c-content>
<m-ovwp :model="model" :codes="codes"/> <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> </c-content>
</el-tab-pane> </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="ptyp"> <el-tab-pane label="备查/附言" name="addbcb">
<c-content> <c-content>
<m-ptyp :model="model" :codes="codes"/> <m-addbcb :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<!--接受条款 --> <el-tab-pane label="报文/面函" name="docpan">
<el-tab-pane label="接受条款" name="instrecp">
<c-content> <c-content>
<m-instrecp :model="model" :codes="codes"/> <m-docpan :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<!--表外记账 --> <el-tab-pane label="附件信息" name="doctre">
<!-- 或有 -->
<el-tab-pane label="表外记账" name="engp">
<m-engp :model="model" :codes="codes" />
</el-tab-pane>
<!--结算 -->
<el-tab-pane label="结算" name="setpan">
<c-content> <c-content>
<m-setpan :model="model" :codes="codes"/> <m-doctre :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </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> </c-tabs>
</el-form> </el-form>
<c-grid-ety-prompt-dialog <c-grid-ety-prompt-dialog
...@@ -100,7 +68,19 @@ ...@@ -100,7 +68,19 @@
@select-ety="selectMsg" @select-ety="selectMsg"
> >
</c-grid-ety-prompt-dialog> </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> </div>
</c-page> </c-page>
</template> </template>
...@@ -114,6 +94,7 @@ import Check from "~/model/Botame/Check" ...@@ -114,6 +94,7 @@ import Check from "~/model/Botame/Check"
import Default from "~/model/Botame/Default" import Default from "~/model/Botame/Default"
import Pattern from "~/model/Botame/Pattern" import Pattern from "~/model/Botame/Pattern"
import Addbcb from "./Addbcb";
import Amep from "./Amep" import Amep from "./Amep"
import Ovwp from "./Ovwp" import Ovwp from "./Ovwp"
import Inst from "./Inst" import Inst from "./Inst"
...@@ -131,6 +112,7 @@ import Engp from "~/views/Public/Engp" ...@@ -131,6 +112,7 @@ import Engp from "~/views/Public/Engp"
export default { export default {
name: "Botame", name: "Botame",
components:{ components:{
"m-addbcb": Addbcb,
"m-amep" : Amep, "m-amep" : Amep,
"m-ovwp" : Ovwp, "m-ovwp" : Ovwp,
"m-inst" : Inst, "m-inst" : Inst,
...@@ -151,7 +133,7 @@ export default { ...@@ -151,7 +133,7 @@ export default {
mixins: [commonProcess,commonFuncs], // 里面包含了Default、Check等的公共处理 mixins: [commonProcess,commonFuncs], // 里面包含了Default、Check等的公共处理
data(){ data(){
return { return {
tabVal: "amep", tabVal: "ovwp",
trnName: "botame", trnName: "botame",
model: new Botame().data, model: new Botame().data,
checkRules: Check, checkRules: Check,
...@@ -161,6 +143,7 @@ export default { ...@@ -161,6 +143,7 @@ export default {
codes: { codes: {
...CodeTable, ...CodeTable,
}, },
activeNames:["engp"],
} }
}, },
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