Skip to content

V
vue-gjjs
Commit a81082f9 by Wuyuqiu
Options

gitopn交易ui美化

parent 903e1cdc
Showing with 286 additions and 200 deletions
src/components/Content.vue
......@@ -10,7 +10,9 @@
height: {
type: Number,
require: false,
default: 240
default: function() {
return this.$route.path.startsWith('/display/') ? 100 : 240
}
}
},
data() {
......
src/components/IStreamTable.vue
......@@ -23,6 +23,7 @@
:highlight-current-row="true"
@row-click="rowClick"
:border="true"
max-height="350"
>
<el-table-column
type="selection"
......
src/views/Business/Gitopn/Aacp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-row>
<c-col :span="24">
<c-col :span="12">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<c-col :span="14">
<el-form-item
......@@ -47,7 +47,7 @@
</c-col>
</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="39C场" prop="gidgrp.blk.addamtcovc">
<c-input
......
src/views/Business/Gitopn/Addbcb.vue
<template>
<div class="eibs-tab">
<c-row>
<c-col :span="24">
<c-col :span="12">
<c-col :span="24">
<span v-text="model.addbcb.label1" data-path=".addbcb.label1">
</span>
</c-col>
<c-col :span="24">
<span v-text="model.addbcb.label2" data-path=".addbcb.label2">
</span>
</c-col>
<c-col :span="24">
<span v-text="model.addbcb.label3" data-path=".addbcb.label3">
</span>
</c-col>
<c-col :span="24">
<span v-text="model.addbcb.label4" data-path=".addbcb.label4">
</span>
</c-col>
<c-col :span="24">
<el-form-item label="国际部意见" prop="addbcb.label5">
<c-select
v-model="model.addbcb.label5"
style="width: 100%"
placeholder="请选择国际部意见"
>
<el-option
v-for="item in codes.label5"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
</c-col>
</c-row>
<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>
......@@ -46,13 +15,21 @@ import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Gitopn/Event";
import Addbcb1 from "./Addbcb1";
import Coninfp from "~/views/Public/Coninfp";
export default {
components: {
"m-addbcb1": Addbcb1,
"m-coninfp": Coninfp,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
return {
activeNames: ["addbcb1"],
};
},
methods: { ...Event },
created: function () {},
......
src/views/Business/Gitopn/Addbcb1.vue 0 → 100644
<template>
<div class="eibs">
<c-row>
<c-col :span="24">
<c-col :span="12">
<c-col :span="24">
<span v-text="model.addbcb.label1" data-path=".addbcb.label1">
</span>
</c-col>
<c-col :span="24">
<span v-text="model.addbcb.label2" data-path=".addbcb.label2">
</span>
</c-col>
<c-col :span="24">
<span v-text="model.addbcb.label3" data-path=".addbcb.label3">
</span>
</c-col>
<c-col :span="24">
<span v-text="model.addbcb.label4" data-path=".addbcb.label4">
</span>
</c-col>
<c-col :span="24">
<el-form-item label="国际部意见" prop="addbcb.label5">
<c-select
v-model="model.addbcb.label5"
style="width: 100%"
placeholder="请选择国际部意见"
>
<el-option
v-for="item in codes.label5"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
</c-col>
</c-row>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Gitopn/Event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Gitopn/Cfap.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-row>
<c-col :span="24">
<c-col :span="12">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="数据采集标志" prop="cfagit.cfaflg">
<c-select
......@@ -39,7 +39,7 @@
>
</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="地区机构号" prop="cfagit.ownextkey">
<c-select
......
src/views/Business/Gitopn/Cnyp.vue
<template>
<div class="eibs-tab">
<c-row>
<c-col :span="24">
<c-col :span="12">
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2101表" prop="cnybop.cnyflg">
<c-select
disabled
v-model="model.cnybop.cnyflg"
style="width: 100%"
placeholder="请选择是否报送跨境人民币2101表"
>
<el-option
v-for="item in codes.cnyflg"
: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="是否报送跨境人民币2107表" prop="cnybop.traflg">
<c-select
disabled
v-model="model.cnybop.traflg"
style="width: 100%"
placeholder="请选择是否报送跨境人民币2107表"
>
<el-option
v-for="item in codes.traflg"
: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="是否报送跨境人民币2111表" prop="cnybop.outflg">
<c-select
disabled
v-model="model.cnybop.outflg"
style="width: 100%"
placeholder="请选择是否报送跨境人民币2111表"
>
<el-option
v-for="item in codes.outflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2106表" prop="cnybop.libflg">
<c-select
disabled
v-model="model.cnybop.libflg"
style="width: 100%"
placeholder="请选择是否报送跨境人民币2106表"
>
<el-option
v-for="item in codes.libflg"
: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="是否报送跨境人民币2122表" prop="cnybop.vouflg">
<c-select
:disabled="model.gidgrp.rec.fingua != 'Y'"
v-model="model.cnybop.vouflg"
style="width: 100%"
placeholder="请选择是否报送跨境人民币2122表"
>
<el-option
v-for="item in codes.vouflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
</c-col>
</c-row>
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="跨境人民币申报" name="cnyp1">
<m-cnyp1 :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="2122跨境担保登记业务信息" name="voup" v-if="model.cnybop.vouflg == '1'">
<m-voup :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</template>
<script>
......@@ -108,13 +18,23 @@ import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Gitopn/Event";
import Cnyp1 from "./Cnyp1";
import Coninfp from "~/views/Public/Coninfp";
import Voup from "./Voup";
export default {
components: {
"m-cnyp1": Cnyp1,
"m-coninfp": Coninfp,
"m-voup": Voup,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
return {
activeNames: ["cnyp1"],
};
},
methods: { ...Event },
created: function () {},
......
src/views/Business/Gitopn/Cnyp1.vue 0 → 100644
<template>
<div class="eibs">
<c-row>
<c-col :span="24">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2101表" prop="cnybop.cnyflg">
<c-select
disabled
v-model="model.cnybop.cnyflg"
style="width: 100%"
placeholder="请选择是否报送跨境人民币2101表"
>
<el-option
v-for="item in codes.cnyflg"
: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="是否报送跨境人民币2107表" prop="cnybop.traflg">
<c-select
disabled
v-model="model.cnybop.traflg"
style="width: 100%"
placeholder="请选择是否报送跨境人民币2107表"
>
<el-option
v-for="item in codes.traflg"
: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="是否报送跨境人民币2111表" prop="cnybop.outflg">
<c-select
disabled
v-model="model.cnybop.outflg"
style="width: 100%"
placeholder="请选择是否报送跨境人民币2111表"
>
<el-option
v-for="item in codes.outflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2106表" prop="cnybop.libflg">
<c-select
disabled
v-model="model.cnybop.libflg"
style="width: 100%"
placeholder="请选择是否报送跨境人民币2106表"
>
<el-option
v-for="item in codes.libflg"
: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="是否报送跨境人民币2122表" prop="cnybop.vouflg">
<c-select
:disabled="model.gidgrp.rec.fingua != 'Y'"
v-model="model.cnybop.vouflg"
style="width: 100%"
placeholder="请选择是否报送跨境人民币2122表"
>
<el-option
v-for="item in codes.vouflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
</c-col>
</c-row>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Gitopn/Event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Gitopn/Confp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-row>
<c-col :span="24">
<c-col :span="12">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="">
接收确认说明：
......@@ -85,7 +85,7 @@
</el-form-item>
</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="">
支出确认说明：
......@@ -172,7 +172,7 @@
<c-row>
<c-col :span="24">
<c-col :span="12">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item v-if="model.gidgrp.rec.purposin == 'ISSU'" label="">
我行确认详细信息：
......@@ -264,7 +264,7 @@
</el-form-item>
</c-col>
</c-col>
<c-col :span="11" :offset="1"> </c-col>
<c-col :span="12" style="padding-left: 20px;"> </c-col>
</c-col>
</c-row>
</div>
......
src/views/Business/Gitopn/Conp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-row>
<c-col :span="24">
<c-col :span="12">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item
label="对外担保编号"
......@@ -233,7 +233,7 @@
</c-fullbox>
</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="担保申请人代码"
......
src/views/Business/Gitopn/Conp1.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-row>
<c-col :span="24">
<c-col :span="12">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item
label="主债务签约日期"
......@@ -135,7 +135,7 @@
</c-col>
</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="主债务到期日"
......
src/views/Business/Gitopn/Dclpp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- ==================================左边-外债编号================================ -->
<c-col :span="12">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="对外担保编号" prop="cfagit.recp.dclp.exguarancode">
<c-input
......@@ -63,7 +63,7 @@
</c-col>
<!-- ==================================右边-删除原因================================ -->
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="删除原因" prop="cfagit.recp.dclp.actiondesc">
<c-input
......
src/views/Business/Gitopn/Detp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-row>
<c-col :span="24">
<!-- ---------------------页面左侧 ------------------------------->
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item
v-if="model.gitp.swiftflg == 'Y'"
......@@ -372,7 +372,7 @@
</c-col>
<!-- -------------------页面右侧---------------------- -->
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<el-form-item
v-if="model.gitp.swiftflg != 'Y'"
......
src/views/Business/Gitopn/Detpc.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-row>
<c-col :span="24">
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="合同号" prop="gidgrp.rec.orcrefc">
<c-input
......@@ -161,7 +161,7 @@
</el-form-item>
</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="预付款账号"
......
src/views/Business/Gitopn/Gidtxtp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-row>
<c-col :span="24">
<c-col :span="16">
......
src/views/Business/Gitopn/Gidtxtpc.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-row>
<c-col :span="24">
<c-col :span="16">
......
src/views/Business/Gitopn/Opnp.vue
<template>
<div class="eibs-tab">
<c-col :span="12">
<div class="eibs">
<c-col :span="12" style="padding-right: 20px;">
<el-form-item label="是否SWIFT格式" prop="gitp.swiftflg">
<c-select
v-model="model.gitp.swiftflg"
......@@ -18,7 +18,7 @@
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<el-form-item label="是否对外担保" prop="gidgrp.rec.fingua">
<c-select
v-model="model.gidgrp.rec.fingua"
......@@ -36,7 +36,7 @@
</el-form-item>
</c-col>
<c-col :span="12" v-if="model.gidgrp.cbs.max.cur == 'CNY'">
<c-col :span="12" style="padding-right: 20px;" v-if="model.gidgrp.cbs.max.cur == 'CNY'">
<c-col :span="20">
<el-form-item label="对外担保类型" prop="gidgrp.rec.cfaguatyp">
<c-select
......@@ -64,7 +64,7 @@
</c-col>
</c-col>
<c-col :span="12" v-if="model.gidgrp.cbs.max.cur != 'CNY'">
<c-col :span="12" style="padding-left: 20px;" v-if="model.gidgrp.cbs.max.cur != 'CNY'">
<c-col :span="24">
<el-form-item label="对外担保类型" prop="gidgrp.rec.cfaguatyp">
<c-select
......
src/views/Business/Gitopn/Ovwpc.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-row>
<c-col :span="24">
<c-col :span="12">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item
label="请求开证日期"
......@@ -129,7 +129,7 @@
</el-form-item>
</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="保函文本格式" prop="gidgrp.rec.gtxinrc">
<c-select
......
src/views/Business/Gitopn/Preperp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- <c-row> -->
<c-col :span="24">
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<c-col :span="16">
<c-form-item label="保函文本交付" prop="gidgrp.rec.delori">
......@@ -103,7 +103,7 @@
</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="费用承担人" prop="gidgrp.rec.chato">
<c-select
......
src/views/Business/Gitopn/Preperpc.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-row>
<c-col :span="24">
<c-col :span="12">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<c-col :span="12">
<el-form-item
......@@ -86,7 +86,7 @@
</el-form-item>
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<c-col :span="20">
<el-form-item
......
src/views/Business/Gitopn/Ptyp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-row>
<c-col :span="24">
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<!-- 不为swift格式左边 -->
<c-col :span="24">
<el-form-item
......@@ -456,7 +456,7 @@
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<!-- 不为swift格式右边 -->
<c-col :span="24">
<el-form-item
......
src/views/Business/Gitopn/Ptypc.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-row>
<c-col :span="24">
<c-col :span="12">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="申请人参考号" prop="gidgrp.apc.pts.ref">
<c-input
......@@ -159,7 +159,7 @@
</el-form-item>
</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="开证行参考号" prop="gidgrp.iss.pts.ref">
<c-input
......
src/views/Business/Gitopn/Voup.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-row>
<c-col :span="24">
<c-col :span="12">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="业务主键" prop="cnybop.cnyvou.spk">
<c-input
......@@ -186,7 +186,7 @@
</el-form-item>
</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="银行业务编号" prop="cnybop.cnyvou.sbanktrano">
<c-input
......
src/views/Public/Docpan.vue
......@@ -116,7 +116,7 @@
</c-input>
</template>
</el-table-column>
<el-table-column label="" width="110px">
<el-table-column label="" width="auto">
<template slot-scope="scope">
<el-form-item
label-width="0"
......
src/views/Public/Engp.vue
......@@ -85,7 +85,7 @@
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="valdat" label="起息日" width="100px">
<el-table-column prop="valdat" label="起息日" width="auto">
<template slot-scope="scope">
{{ dateFormat(scope.row.valdat) }}
</template>
......
src/views/Public/Setpan.vue
......@@ -186,7 +186,7 @@
</c-select>
</template>
</el-table-column>
<el-table-column label="金额" prop="amt" width="150px">
<el-table-column label="金额" prop="amt" width="auto">
<template slot-scope="scope">
<el-form-item
label-width="0"
......@@ -392,7 +392,7 @@
</el-table-column>
<el-table-column label="应收金额" prop="ogiamt" width="150px">
</el-table-column>
<el-table-column label="实收金额" prop="amt" width="150px">
<el-table-column label="实收金额" prop="amt" width="auto">
<template slot-scope="scope">
<el-form-item
label-width="0"
......@@ -523,7 +523,7 @@
</el-table-column>
<el-table-column label="原始金额" prop="fmtamt" width="150px">
</el-table-column>
<el-table-column label="汇率" prop="rat" width="120px">
<el-table-column label="汇率" prop="rat" width="auto">
</el-table-column>
<el-table-column label="" width="150px" fixed="right">
<template slot-scope="scoped">
......
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