Skip to content

V
vue-gjjs
Commit 8deb82c1 by nanrui
Options

betset UI美化未完成的补充。

parent 8fa53618
Showing with 251 additions and 281 deletions
src/views/Business/Betset/Addbcb.vue 0 → 100644
<template>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<!--el-collapse-item title="备查表" name="addbcb">
<m-addbcb :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/Betset/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/Betset/Basp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- ------------------Left------------------>
<el-col :span="11">
<el-col :span="12" class="col-left">
<c-col :span="24">
<el-form-item label="申报号码" prop="bopmod.dbagrp.bas.rptno">
<c-input
......@@ -294,7 +294,7 @@
<!--=====================right ============================= -->
<el-col :span="11" :offset="1">
<el-col :span="12" class="col-right">
<c-col :span="24"><el-form-item label=""></el-form-item></c-col>
<c-col :span="24"><el-form-item label=""></el-form-item></c-col>
<c-col :span="24"><el-form-item label=""></el-form-item></c-col>
......
src/views/Business/Betset/Basp1.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- left -->
<el-col :span="11">
<el-col :span="12" class="col-left">
<c-col :span="24">
<el-form-item label="申报号码" prop="bopmod.dbdgrp.bas.rptno">
......@@ -184,7 +184,7 @@
<!--=====================right ============================= -->
<el-col :span="11" :offset="1">
<el-col :span="12" class="col-right">
<c-col :span="24"><el-form-item label=""></el-form-item></c-col>
<c-col :span="24"><el-form-item label=""></el-form-item></c-col>
<c-col :span="24"><el-form-item label=""></el-form-item></c-col>
......
src/views/Business/Betset/Cnyp.vue
<template>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="外管信息" name="wg">
<m-wg :model="model" :codes="codes" />
</el-collapse-item>
<!--dbap PD000000 涉外收入申报单－基础信息 -->
<el-collapse-item title="涉外收入申报单－基础信息" name="basp" v-if="model.bopmod.szflg === '1' && model.bopmod.basflg">
<m-basp :model="model" :codes="codes" />
</el-collapse-item>
<!--dbdp PD000000 境内收入申报单－基础信息 -->
<el-collapse-item title="境内收入申报单－基础信息" name="basp1" v-if="model.bopmod.szflg === '2' && model.bopmod.basflg">
<m-basp1 :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="跨境人民币申报" name="cnyp1">
<m-cnyp1 :model="model" :codes="codes" />
</el-collapse-item>
<!--cnybop PD000001 2101跨境收入信息 -->
<el-collapse-item title="2101跨境收入信息" name="incp" v-if="model.cnybop.cnyflg=='1'">
<m-incp :model="model" :codes="codes"/>
</el-collapse-item>
<!--cnybop PD000001 2101跨境收入信息 -->
<el-collapse-item title="2101跨境收入信息" name="incp" v-if="model.cnybop.cnyflg == '1'">
<m-incp :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/Brtset/Event";
import Wg from "./Wg";
import Cnyp1 from "./Cnyp1";
import Incp from "./Incp";
</template>
export default {
inject: ["root"],
components: {
"m-wg": Wg,
"m-cnyp1": Cnyp1,
"m-incp": Incp,
},
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
activeNames: ["wg"],
};
},
methods: {
...Event,
handleChange() {}
},
created: function () {},
};
</script>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Brtset/Event";
import Wg from "./Wg";
import Cnyp1 from "./Cnyp1";
import Incp from "./Incp";
import Basp from "./Basp"
import Basp1 from "./Basp1"
export default {
inject: ["root"],
components: {
"m-wg": Wg,
"m-cnyp1": Cnyp1,
"m-incp": Incp,
"m-basp" : Basp,
"m-basp1" : Basp1,
},
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
activeNames: ["wg"],
};
},
methods: {
...Event,
handleChange() { }
},
created: function () { },
};
</script>
<style>
</style>
<style>
</style>
\ No newline at end of file
src/views/Business/Betset/Cnyp1.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- left -->
<c-col :span="11">
<c-col :span="12" class="col-left">
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2101表" prop="cnybop.cnyflg">
<c-select
......
src/views/Business/Betset/Docpan1.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- left -->
<c-col :span="11">
<c-col :span="12" class="col-left">
<c-col :span="24">
<el-form-item
label="验证证书编号"
......@@ -29,7 +29,7 @@
</c-col>
<!-- right -->
<c-col :span="11" :offset="1">
<c-col :span="12" class="col-left">
<c-col :span="24">
<el-form-item label="ACT" prop="lendoc.account">
<c-fullbox>
......
src/views/Business/Betset/Incp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!--===============左 =================== -->
<c-col :span="11">
<c-col :span="12" class="col-left">
<c-col :span="24">
<el-form-item label="业务主键" prop="cnybop.cnylic.spk">
<c-input
......@@ -125,7 +125,7 @@
</c-col>
<!-- ===============右 ===========================-->
<c-col :span="11" :offset="1">
<c-col :span="12" class="col-right">
<c-col :span="24">
<el-form-item label="银行业务编号" prop="cnybop.cnyinc.sbanktrano">
......
src/views/Business/Betset/Ovwp.vue
<template>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="结算信息" name="setp">
<c-content>
......@@ -13,11 +12,6 @@
<m-docpan1 :model="model" :codes="codes" />
</c-content>
</el-collapse-item>
<!--PD000001 -->
<!-- <el-tab-pane label="收账通知" name="docpan1">
<m-docpan1 :model="model" :codes="codes"/>
</el-tab-pane> -->
</el-collapse>
</div>
</template>
......
src/views/Business/Betset/Setp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- left -->
<c-col :span="11">
<c-col :span="12" class="col-left">
<c-col :span="24">
<el-form-item
label="出口信用证编号"
......@@ -10,86 +10,79 @@
>
<c-fullbox>
<c-input
v-model="model.ledgrp.rec.ownref"
maxlength="16"
placeholder="请输入出口信用证编号"
disabled
></c-input>
v-model="model.ledgrp.rec.ownref"
maxlength="16"
placeholder="请输入出口信用证编号"
disabled
></c-input>
<template slot="footer">
<c-button
style="margin-left: 10px; padding: 0 12px"
style="margin: 0 10px 0 10px; padding: 0 12px; height: 32px"
size="small"
type="primary"
@click="onSeainf"
icon="el-icon-info"
>
>
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
:disabled="!this.flag && model.ledgrp.rec.ownref == ''? false:true"
@click="onLitpButgetref"
>
获取
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- <c-col :span="2" :offset="1" style="text-align: right">
<c-button
style="margin: 0 0"
size="small"
type="primary"
:disabled="!this.flag && model.ledgrp.rec.ownref == ''? false:true"
>
获取
</c-button>
</c-col> -->
<c-col :span="24">
<el-form-item
label="出口单据编号"
prop="bedgrp.rec.ownref"
style="width: 100%"
>
<c-fullbox>
<c-input
</c-col>
<c-col :span="24">
<el-form-item
label="出口单据编号"
prop="bedgrp.rec.ownref"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.bedgrp.rec.ownref"
maxlength="16"
placeholder="请输入出口单据编号"
disabled
></c-input>
<template slot="footer">
<c-button
style="margin-left: 10px; padding: 0 12px"
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px; height: 32px"
size="small"
type="primary"
@click="onSeainf"
icon="el-icon-info"
>
</c-button>
</template>
</c-fullbox>
</el-form-item>
>
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
:disabled="!this.flag && model.bedgrp.rec.ownref == ''? false:true"
@click="onLitpButgetref"
>
获取
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- <c-col :span="2" :offset="1" style="text-align: right">
<c-button
style="margin: 0 0"
size="small"
type="primary"
:disabled="!this.flag && model.bedgrp.rec.ownref == ''? false:true"
>
获取
</c-button>
</c-col> -->
<c-col :span="24">
<el-form-item label="单据金额" prop="bedgrp.cbs.max.cur">
<c-fullbox>
<c-input
v-model="model.bedgrp.cbs.max.cur"
maxlength="3"
style="width: 50%"
style="width: 45%"
placeholder="请输入单据金额"
disabled
></c-input>
<c-input-currency
v-model="model.bedgrp.cbs.max.amt"
style="width: 50%"
style="width: 50%;margin-left: 5px;"
placeholder="请输入金额"
disabled
></c-input-currency>
......@@ -199,7 +192,7 @@
</c-col>
<!-- right -->
<c-col :span="11" :offset="1">
<c-col :span="12" class="col-right">
<c-col :span="24">
<c-col :span="12">
<el-form-item label="信用证余额" prop="ledgrp.cbs.opn1.cur">
......@@ -292,7 +285,7 @@
</c-istream-table>
</c-col>
<!-- left -->
<c-col :span="11">
<c-col :span="12" class="col-left">
<c-col :span="24">
<c-col :span="12">
<el-form-item label="结算金额" prop="setmod.doccur">
......@@ -401,14 +394,14 @@
</c-col>
<!-- right -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<c-col :span="12" class="col-right">
<c-col :span="12">
<el-form-item label="" prop="mtabut.clsflg">
<c-checkbox v-model="clsflg" disabled>闭卷</c-checkbox>
<c-checkbox v-model="clsflg" disabled class="checkbox-left">闭卷</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="" prop="bedgrp.rec.frepayflg">
<c-checkbox v-model="frepayflg">免费付款</c-checkbox>
</el-form-item>
......
src/views/Business/Betset/Wg.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- left -->
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px">
<c-col :span="24">
<c-fullbox>
<el-form-item label="申报类型" prop="bopmod.szflg">
<c-select
v-model="model.bopmod.szflg"
style="width: 100%"
placeholder="请选择申报类型"
@change="selectOrCheckboxRule('bopmod.szflg')"
>
<el-option
v-for="item in codes.szflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
<c-select v-model="model.bopmod.szflg" style="width: 100%" placeholder="请选择申报类型"
@change="selectOrCheckboxRule('bopmod.szflg')">
<el-option v-for="item in codes.szflg" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
<template slot="footer">
<el-form-item label="" prop="bopmod.basflg">
<c-checkbox
v-model="basflg"
style="margin-left: 10px"
:disabled="model.bopmod.szflg==='3'||model.bopmod.szflg===''"
>基础数据</c-checkbox
>
<c-checkbox v-model="basflg" style="margin-left: 10px"
:disabled="model.bopmod.szflg === '3' || model.bopmod.szflg === ''">基础数据</c-checkbox>
</el-form-item>
</template>
</c-fullbox>
......@@ -35,18 +22,9 @@
<c-col :span="24">
<el-form-item label="款项来源" prop="bopmod.acttyp">
<c-select
v-model="model.bopmod.acttyp"
style="width: 100%"
placeholder="请选择款项来源"
:disabled="!(this.model.bopmod.szflg == '1')"
>
<el-option
v-for="item in codes.acttyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
<c-select v-model="model.bopmod.acttyp" style="width: 100%" placeholder="请选择款项来源"
:disabled="!(this.model.bopmod.szflg == '1')">
<el-option v-for="item in codes.acttyp" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
......@@ -54,69 +32,35 @@
<c-col :span="24">
<el-form-item label="地区机构号" prop="bopmod.ownextkey">
<c-select
v-model="model.bopmod.ownextkey"
style="width: 100%"
placeholder="请选择地区机构号"
:code="codes.ownextkey1"
:disabled="!(this.model.bopmod.szflg == '1'||this.model.bopmod.szflg == '2')"
>
<c-select v-model="model.bopmod.ownextkey" style="width: 100%" placeholder="请选择地区机构号" :code="codes.ownextkey1"
:disabled="!(this.model.bopmod.szflg == '1' || this.model.bopmod.szflg == '2')">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item
label="国外银行扣费（涉外收入申报专用）"
prop="bopmod.outchargeccy"
>
<c-select
v-model="model.bopmod.outchargeccy"
placeholder="请选择国外银行扣费（涉外收入申报专用）"
disabled
style="width: 100%"
>
<el-option
v-for="item in codes.curtxt1"
:key="item.value"
:label="item.label"
:value="item.value"
>
<el-form-item label="国外银行扣费（涉外收入申报专用）" prop="bopmod.outchargeccy">
<c-select v-model="model.bopmod.outchargeccy" placeholder="请选择国外银行扣费（涉外收入申报专用）" disabled
style="width: 100%">
<el-option v-for="item in codes.curtxt1" :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="5px" prop="bopmod.outchargeamt">
<c-input
v-model="model.bopmod.outchargeamt"
class="m-input-currency"
placeholder="请输入国外银行扣费（涉外收入申报专用）"
<c-input v-model="model.bopmod.outchargeamt" class="m-input-currency" placeholder="请输入国外银行扣费（涉外收入申报专用）"
:disabled="
!(
this.model.bopmod.szflg == '1' &&
this.model.bopmod.basflg != ''
)
"
></c-input>
"></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
<!--dbap PD000000 涉外收入申报单－基础信息 -->
<m-basp v-if="model.bopmod.szflg === '1' && model.bopmod.basflg" :model="model" :codes="codes"/>
<!--dbdp PD000000 境内收入申报单－基础信息 -->
<m-basp1 v-if="model.bopmod.szflg === '2' && model.bopmod.basflg" :model="model" :codes="codes"/>
</div>
</template>
<script>
......@@ -133,9 +77,9 @@ export default {
props: ["model", "codes"],
mixins: [commonProcess],
components: {
"m-basp": Basp,
"m-basp1": Basp1,
},
"m-basp": Basp,
"m-basp1": Basp1,
},
data() {
return {};
},
......@@ -153,8 +97,9 @@ export default {
},
},
methods: { ...Event },
created: function () {},
created: function () { },
};
</script>
<style>
</style>
src/views/Business/Betset/index.vue
<template>
<div class="eContainer">
<c-page title="出口信用证单据出口收汇">
<!-- <c-bus-button :$pntvm="this"></c-bus-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>
<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="right" size="small" :validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<el-tab-pane label="业务信息" name="ovwp">
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody">
<!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody">
<c-content>
<m-limitbody :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>
<!--PD000000 -->
<el-tab-pane label="备查/附言" name="coninfp">
<c-content>
<m-coninfp :model="model" :codes="codes" />
<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>
<!--PD000002 -->
<el-tab-pane label="申报信息" name="cnyp">
<c-content>
<m-cnyp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000002 -->
<el-tab-pane label="申报信息" name="cnyp">
<c-content>
<m-cnyp :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>
<!--PD000529 -->
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000546 -->
<!--PD000546 -->
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
......@@ -116,39 +99,31 @@ import commonFuncs from "~/mixin/commonFuncs";
import Check from "~/model/Betset/Check"
import Default from "~/model/Betset/Default"
import Pattern from "~/model/Betset/Pattern"
import Ovwp from "./Ovwp"
import Docpan1 from "./Docpan1"
import Wg from "./Wg"
import Limitbody from "~/views/Public/Limitbody";
import Cnyp from "./Cnyp"
import Basp from "./Basp"
import Basp1 from "./Basp1"
import Incp from "./Incp"
import Glepan from "~/views/Public/Glepan";
import Doctre from "~/views/Public/Doctre"
import Addbcb from "./Addbcb"
import Engp from "~/views/Public/Engp";
import Setpan from "~/views/Public/Setpan";
import Coninfp from "~/views/Public/Coninfp";
import Glepan from "~/views/Public/Glepan";
import Docpan from "~/views/Public/Docpan";
import Limitbody from "~/views/Public/Limitbody";
import Doctre from "~/views/Public/Doctre"
export default {
name: "Betset",
components:{
"m-ovwp" : Ovwp,
"m-limitbody" : Limitbody,
"m-setpan" : Setpan,
"m-glepan" : Glepan,
"m-engp" : Engp,
"m-limitbody" : Limitbody,
"m-docpan1" : Docpan1,
"m-coninfp" : Coninfp,
"m-addbcb" : Addbcb,
"m-cnyp" : Cnyp,
"m-doctre" : Doctre,
"m-docpan" : Docpan,
"m-wg" : Wg,
"m-cnyp" : Cnyp,
"m-basp" : Basp,
"m-basp1" : Basp1,
"m-incp" : Incp,
},
provide() {
return {
......
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