Skip to content

V
vue-gjjs
Commit f4272750 by tianxinyu
Options

BCTDAV页面布局修改

parent 3a0e7a13
Showing with 318 additions and 247 deletions
src/views/Business/Bctdav/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/Bctdav/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/Bctdav/Cnyp.vue
<template>
<div class="eibs-tab">
<el-col :span="11">
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2101表" prop="cnybop.cnyflg" label-width="200px">
<c-select
:code="codes.cnyflg"
disabled v-model="model.cnybop.cnyflg" style="width:100%" placeholder="请选择是否报送跨境人民币2101表">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2107表" prop="cnybop.traflg" label-width="200px">
<c-select
:code="codes.traflg"
disabled v-model="model.cnybop.traflg" style="width:100%" placeholder="请选择是否报送跨境人民币2107表">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2111表" prop="cnybop.outflg" label-width="200px">
<c-select
:code="codes.outflg"
:disabled="model.bcdgrp.cbs.max.cur!='CNY'" v-model="model.cnybop.outflg" style="width:100%" placeholder="请选择是否报送跨境人民币2111表">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2106表" prop="cnybop.libflg" label-width="200px">
<c-select
:code="codes.libflg"
disabled v-model="model.cnybop.libflg" style="width:100%" placeholder="请选择是否报送跨境人民币2106表">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2122表" prop="cnybop.vouflg" label-width="200px">
<c-select
:code="codes.vouflg"
disabled v-model="model.cnybop.vouflg" style="width:100%" placeholder="请选择是否报送跨境人民币2122表">
</c-select>
</el-form-item>
</c-col>
</el-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Bctdav/Event"
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="跨境人民币申报" name="cnyp1">
<m-cnyp1 :model="model" :codes="codes" />
</el-collapse-item>
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
}
},
methods:{...Event},
created:function(){
</el-collapse>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Bctdav/Event";
import Cnyp1 from "./Cnyp1"
export default {
components: {
"m-cnyp1": Cnyp1,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
activeNames: ["cnyp1"],
};
},
methods: {
...Event,
},
created: function () {},
computed: {
},
};
</script>
<style>
.marginLable {
padding-left: 160px;
}
}
</script>
<style>
</style>
</style>
\ No newline at end of file
src/views/Business/Bctdav/Cnyp1.vue 0 → 100644
<template>
<div class="eibs">
<el-col :span="11">
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2101表" prop="cnybop.cnyflg" label-width="200px">
<c-select
:code="codes.cnyflg"
disabled v-model="model.cnybop.cnyflg" style="width:100%" placeholder="请选择是否报送跨境人民币2101表">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2107表" prop="cnybop.traflg" label-width="200px">
<c-select
:code="codes.traflg"
disabled v-model="model.cnybop.traflg" style="width:100%" placeholder="请选择是否报送跨境人民币2107表">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2111表" prop="cnybop.outflg" label-width="200px">
<c-select
:code="codes.outflg"
:disabled="model.bcdgrp.cbs.max.cur!='CNY'" v-model="model.cnybop.outflg" style="width:100%" placeholder="请选择是否报送跨境人民币2111表">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2106表" prop="cnybop.libflg" label-width="200px">
<c-select
:code="codes.libflg"
disabled v-model="model.cnybop.libflg" style="width:100%" placeholder="请选择是否报送跨境人民币2106表">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2122表" prop="cnybop.vouflg" label-width="200px">
<c-select
:code="codes.vouflg"
disabled v-model="model.cnybop.vouflg" style="width:100%" placeholder="请选择是否报送跨境人民币2122表">
</c-select>
</el-form-item>
</c-col>
</el-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Bctdav/Event"
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
}
},
methods:{...Event},
created:function(){
}
}
</script>
<style>
</style>
src/views/Business/Bctdav/Detp.vue
<template>
<c-row>
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="放单指示条款">
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="20">
<c-input type="textarea" v-model="model.bcdgrp.blk.colins" maxlength="65" show-word-limit
<el-form-item label="放单指示条款" style="padding-top:15px">
<c-fullbox>
<c-input type="textarea" v-model="model.bcdgrp.blk.colins" maxlength="65" show-word-limit
placeholder="请输入放单指示条款">
</c-input>
</c-col>
<c-col :span="4">
<c-button size="small" type="primary" icon="el-icon-search" @click="
showGridPromptDialog(
'bctp.colins.buttxmsel',
null,
null,
{ TXT: 'bcdgrp.blk.colins' },
{ TXT: false },
'doxpDialog'
)
">
...
</c-button>
</c-col>
</c-col>
<c-col :span="12">
<el-form-item label="汇票指示条款">
<template slot="footer">
<c-button size="small" type="primary" icon="el-icon-more" @click="
showGridPromptDialog(
'bctp.colins.buttxmsel',
null,
null,
{ TXT: 'bcdgrp.blk.colins' },
{ TXT: false },
'doxpDialog'
)
">
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="20">
<c-input type="textarea" v-model="model.bcdgrp.blk.dftins" maxlength="65" show-word-limit
<el-form-item label="汇票指示条款" style="padding-top:15px">
<c-fullbox>
<c-input type="textarea" v-model="model.bcdgrp.blk.dftins" maxlength="65" show-word-limit
placeholder="请输入汇票指示条款"></c-input>
</c-col>
<c-col :span="4">
<c-button size="small" type="primary" icon="el-icon-search" @click="
showGridPromptDialog(
'bctp.dftins.buttxmsel',
null,
null,
{ TXT: 'bcdgrp.blk.dftins' },
{ TXT: false },
'doxpDialog'
)
">
...
</c-button>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="拒绝证书指示条款" prop="bcdgrp.rec.proins">
<template slot="footer">
<c-button size="small" type="primary" icon="el-icon-more" @click="
showGridPromptDialog(
'bctp.dftins.buttxmsel',
null,
null,
{ TXT: 'bcdgrp.blk.dftins' },
{ TXT: false },
'doxpDialog'
)
">
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="20">
<c-select v-model="model.bcdgrp.rec.proins" style="width:100%" placeholder="请选择拒绝证书指示条款" :code="codes.proins">
</c-select>
</c-col>
<c-col :span="24">
<el-form-item label="其他指示条款">
<el-form-item label="拒绝证书指示条款" prop="bcdgrp.rec.proins" style="padding-top:15px">
<c-fullbox>
<c-select v-model="model.bcdgrp.rec.proins" style="width:100%" placeholder="请选择拒绝证书指示条款" :code="codes.proins">
</c-select>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="20">
<c-input type="textarea" v-model="model.bcdgrp.blk.othins" maxlength="65" show-word-limit
<el-form-item label="其他指示条款" style="padding-top:15px">
<c-fullbox>
<c-input type="textarea" v-model="model.bcdgrp.blk.othins" maxlength="65" show-word-limit
placeholder="请输入其他指示条款"></c-input>
</c-col>
<c-col :span="4">
<c-button size="small" type="primary" icon="el-icon-search" @click="
showGridPromptDialog(
'bctp.othins.buttxmsel',
null,
null,
{ TXT: 'bcdgrp.blk.othins' },
{ TXT: false },
'doxpDialog'
)
">
...
</c-button>
</c-col>
<template slot="footer">
<c-button size="small" type="primary" icon="el-icon-more" @click="
showGridPromptDialog(
'bctp.othins.buttxmsel',
null,
null,
{ TXT: 'bcdgrp.blk.othins' },
{ TXT: false },
'doxpDialog'
)
">
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="货物代码(用于统计)">
<el-form-item label="货物代码(用于统计)" style="padding-top:15px">
<c-fullbox>
<c-select v-model="model.bcdgrp.rec.stagod" style="width:100%" placeholder="请选择货物代码(用于统计)" :code="codes.godcod">
</c-select>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="20">
<c-select v-model="model.bcdgrp.rec.stagod" style="width:100%" placeholder="请选择货物代码(用于统计)" :code="codes.godcod">
</c-select>
</c-col>
</c-col>
<!-- ====================右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<el-form-item label="费用承担条款">
</el-form-item>
</c-col>
<c-col :span="24">
<c-select v-model="model.bcdgrp.rec.chato" style="width:100%" placeholder="请选择费用承担条款"
<el-form-item label="费用承担条款" style="padding-top:15px">
<c-fullbox>
<c-select v-model="model.bcdgrp.rec.chato" style="width:100%" placeholder="请选择费用承担条款"
:code="codes.chadet">
</c-select>
</c-col>
<c-col :span="24">
<el-form-item label="手续费支付的附加详述">
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<c-input type="textarea" v-model="model.bcdgrp.blk.chgtxt" maxlength="35" show-word-limit
<el-form-item label="手续费支付的附加详述" style="padding-top:15px">
<c-fullbox>
<c-input type="textarea" v-model="model.bcdgrp.blk.chgtxt" maxlength="35" show-word-limit
placeholder="请输入手续费支付的附加详述"></c-input>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<c-checkbox v-model="model.bcdgrp.rec.focflg">无偿放单选项</c-checkbox>
</c-col>
<c-col :span="24">
<el-form-item label="交单时是否放弃向代收行收取费用的权力" label-width="500px">
</el-form-item>
<c-checkbox v-model="model.bcdgrp.rec.focflg" style="padding-left:10px">无偿放单选项</c-checkbox>
</c-col>
<c-col :span="24">
<c-select v-model="model.bcdgrp.rec.waicolcod" style="width:100%" placeholder="请选择交单时是否放弃向代收行收取费用的权力"
<c-col :span="24" style="width:100%">
<el-form-item label="交单时是否放弃向代收行收取费用的权力" style="padding-top:15px">
<c-select v-model="model.bcdgrp.rec.waicolcod" style="width:100%" placeholder="请选择交单时是否放弃向代收行收取费用的权力"
:code="codes.waicolcod">
</c-select>
</c-col>
<c-col :span="24">
<el-form-item label="放单时是否放弃向托收行收取费用的权力" label-width="500px">
</el-form-item>
</c-col>
<c-col :span="24">
<c-select v-model="model.bcdgrp.rec.wairmtcod" style="width:100%" placeholder="请选择放单时是否放弃向托收行收取费用的权力"
:code="codes.wairmtcod">
</c-select>
<c-col :span="24" style="width:100%">
<el-form-item label="放单时是否放弃向托收行收取费用的权力" style="padding-top:15px">
<c-select v-model="model.bcdgrp.rec.wairmtcod" style="width:100%" placeholder="请选择放单时是否放弃向托收行收取费用的权力"
:code="codes.wairmtcod">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="延期付款期限">
<c-col :span="24" style="width:100%">
<el-form-item label="延期付款期限" style="padding-top:15px">
<c-select v-model="model.bcdgrp.rec.othins" style="width:100%" placeholder="请选择延期付款期限" :code="codes.othins">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-select v-model="model.bcdgrp.rec.othins" style="width:100%" placeholder="请选择延期付款期限" :code="codes.othins">
</c-select>
</c-col>
</c-col>
</c-row>
</template>
......@@ -172,7 +141,7 @@
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Botdav/Event"
import Event from "~/model/Bctdav/Event"
export default {
inject: ['root'],
......
src/views/Business/Bctdav/Ptyp.vue
......@@ -2,7 +2,7 @@
<div class="eibs-tab">
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item
label="付款人参考号"
......@@ -133,7 +133,7 @@
</c-col>
<!-- ====================右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<el-form-item
label="托收行参考号"
......
src/views/Business/Bctdav/Srmp.vue
<template>
<div class="eibs-tab">
<el-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="单据类型" prop="bcdgrp.srm.djutyp">
<c-select v-model="model.bcdgrp.srm.djutyp" style="width:100%" placeholder="请选择单据类型"
......@@ -33,9 +33,7 @@
v-model="model.bcdgrp.srm.djuref" maxlength="40" placeholder="请输入货权单据编号"></c-input>
</el-form-item>
</c-col>
</el-col>
</c-col>
</div>
</template>
<script>
......
src/views/Business/Bctdav/index.vue
<template>
<c-page title="进口代收">
<div class="eContainer">
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
<el-form
:model="model"
:rules="rules"
......@@ -18,63 +12,64 @@
:validate-on-rule-change="false"
>
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--概要 -->
<el-tab-pane label="概要" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--指示条款 -->
<el-tab-pane label="指示条款" name="detp">
<m-detp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="参与方" name="ptyp">
<!--业务信息 -->
<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>
<m-ptyp :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>
</el-tab-pane>
<!--表外记账 -->
<el-tab-pane label="表外记账" name="engp">
<m-engp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="结算" name="setpan">
<!--备查/附言 -->
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-setpan :model="model" :codes="codes" />
<m-addbcb :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 label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--附件 -->
<el-tab-pane label="附件" name="doctre">
<m-doctre :model="model" :codes="codes" />
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--提示信息 -->
<el-tab-pane label="跨境人民币申报" name="cnyp">
<m-cnyp :model="model" :codes="codes" />
<!-- 申报信息 -->
<el-tab-pane label="申报信息" name="cnyp">
<c-content>
<m-cnyp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="货权单据" name="srmp">
<m-srmp :model="model" :codes="codes" />
</el-tab-pane>
</c-tabs>
</el-form>
<c-grid-ety-prompt-dialog
......@@ -90,6 +85,13 @@
@select-ety="selectMsg"
>
</c-grid-ety-prompt-dialog>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
</div>
</c-page>
</template>
......@@ -103,7 +105,7 @@ import Check from "~/model/Bctdav/Check";
import Default from "~/model/Bctdav/Default";
import Pattern from "~/model/Bctdav/Pattern";
import Addbcb from "./Addbcb";
import Ovwp from "./Ovwp";
import Detp from "./Detp";
import Ptyp from "./Ptyp";
......@@ -121,6 +123,7 @@ import Doctre from "~/views/Public/Doctre";
export default {
name: "Bctdav",
components: {
"m-addbcb": Addbcb,
"m-ovwp": Ovwp,
"m-detp": Detp,
"m-ptyp": Ptyp,
......
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