Skip to content

V
vue-gjjs
Commit 3f4046e0 by tianxinyu
Options

页面BOTAME修改

parent 754bf6dd
Showing with 157 additions and 118 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/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