Skip to content

V
vue-gjjs
Commit 9b789de7 by zhengxiaokui
Options

Merge branch 'master' of http://114.115.138.98:8900/fukai/vue-gjjs

parents 07182f75 f0450220
Showing with 558 additions and 496 deletions
src/components/IStreamTable.vue
...@@ -30,6 +30,7 @@ ...@@ -30,6 +30,7 @@
</el-table-column> </el-table-column>
<slot></slot> <slot></slot>
</el-table> </el-table>
<c-col :span="16">
<el-pagination <el-pagination
class="eContainer-pagination" class="eContainer-pagination"
layout="prev, pager, next, jumper" layout="prev, pager, next, jumper"
...@@ -40,6 +41,8 @@ ...@@ -40,6 +41,8 @@
@size-change="sizeChange" @size-change="sizeChange"
@current-change="currentChange" @current-change="currentChange"
></el-pagination> ></el-pagination>
</c-col>
<c-col :span="8">
<div class="paginationLable"> <div class="paginationLable">
当前显示第 {{ (currentPage - 1) * pageSize + 1 }}-{{ 当前显示第 {{ (currentPage - 1) * pageSize + 1 }}-{{
currentPage * pageSize > tableData.length currentPage * pageSize > tableData.length
...@@ -48,6 +51,7 @@ ...@@ -48,6 +51,7 @@
}} }}
条，共 {{ tableData.length }} 条 条，共 {{ tableData.length }} 条
</div> </div>
</c-col>
</div> </div>
</template> </template>
...@@ -193,7 +197,7 @@ export default { ...@@ -193,7 +197,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
float: right; float: right;
margin-top: 20px; /* margin-top: 20px; */
} }
.eContainer-table-block .el-table__body-wrapper { .eContainer-table-block .el-table__body-wrapper {
overflow: auto; overflow: auto;
......
src/components/IStreamTableDocpan.vue
...@@ -16,6 +16,7 @@ ...@@ -16,6 +16,7 @@
></el-table-column> ></el-table-column>
<slot></slot> <slot></slot>
</el-table> </el-table>
<c-col :span="16">
<el-pagination <el-pagination
class="eContainer-pagination" class="eContainer-pagination"
layout="prev, pager, next, jumper" layout="prev, pager, next, jumper"
...@@ -26,7 +27,10 @@ ...@@ -26,7 +27,10 @@
@size-change="sizeChange" @size-change="sizeChange"
@current-change="currentChange" @current-change="currentChange"
></el-pagination> ></el-pagination>
</c-col>
<c-col :span="8">
<div class="paginationLable">当前显示第 {{(currentPage - 1) * pageSize + 1}}-{{currentPage * pageSize > tableData.length ? tableData.length : currentPage * pageSize}} 条，共 {{tableData.length}} 条</div> <div class="paginationLable">当前显示第 {{(currentPage - 1) * pageSize + 1}}-{{currentPage * pageSize > tableData.length ? tableData.length : currentPage * pageSize}} 条，共 {{tableData.length}} 条</div>
</c-col>
</div> </div>
</template> </template>
...@@ -105,7 +109,7 @@ export default { ...@@ -105,7 +109,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
float:right; float:right;
margin-top:20px; /* margin-top:20px; */
} }
.eContainer-table-block .el-table__body-wrapper { .eContainer-table-block .el-table__body-wrapper {
overflow: auto; overflow: auto;
......
src/components/List.vue
...@@ -241,7 +241,7 @@ export default { ...@@ -241,7 +241,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
float:right; float:right;
margin-top:20px; /* margin-top:20px; */
} }
.eContainer-table-block .el-table__body-wrapper { .eContainer-table-block .el-table__body-wrapper {
overflow: auto; overflow: auto;
......
src/components/Table.vue
...@@ -19,6 +19,7 @@ ...@@ -19,6 +19,7 @@
></el-table-column> ></el-table-column>
<slot></slot> <slot></slot>
</el-table> </el-table>
<c-col :span="16" style="text-align:left">
<el-pagination <el-pagination
class="eContainer-pagination" class="eContainer-pagination"
v-if="paginationShow" v-if="paginationShow"
...@@ -30,9 +31,12 @@ ...@@ -30,9 +31,12 @@
:total="total" :total="total"
v-on="$listeners" v-on="$listeners"
></el-pagination> ></el-pagination>
</c-col>
<c-col :span="8">
<div class="paginationLable" v-if="paginationShow"> <div class="paginationLable" v-if="paginationShow">
当前显示第 {{ page1 }}-{{ page2 }} 条，共 {{ total }} 条 当前显示第 {{ page1 }}-{{ page2 }} 条，共 {{ total }} 条
</div> </div>
</c-col>
</div> </div>
</template> </template>
...@@ -186,7 +190,7 @@ export default { ...@@ -186,7 +190,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
float: right; float: right;
margin-top: 20px; /* margin-top: 20px; */
} }
.eContainer-table-block .el-table__body-wrapper { .eContainer-table-block .el-table__body-wrapper {
overflow: auto; overflow: auto;
...@@ -197,6 +201,9 @@ export default { ...@@ -197,6 +201,9 @@ export default {
.el-table .success-row { .el-table .success-row {
background: #f0f9eb; background: #f0f9eb;
} }
.el-table--small td, .el-table--small th {
padding: 3px 0;
}
/* .eContainer-table thead tr th.is-leaf{ /* .eContainer-table thead tr th.is-leaf{
border-bottom: transparent; border-bottom: transparent;
} */ } */
......
src/routers/index.js
...@@ -46,7 +46,7 @@ export const routes = [ ...@@ -46,7 +46,7 @@ export const routes = [
redirect: "/home", redirect: "/home",
children: [ children: [
{ path: 'home', component: () => import('~/views/Home'), name: 'Home', meta: { title: '首页', icon: 'el-icon-s-home', affix: true} }, { path: 'home', component: () => import('~/views/Home'), name: 'Home', meta: { title: '首页', icon: 'el-icon-s-home', affix: true} },
{ path: 'todo', component: () => import('~/views/Todo'), name: 'Todo', meta: { title: '任务列表', icon: 'el-icon-s-claim', affix: true} }, { path: 'taskList', component: () => import('~/views/TaskList'), name: 'TaskList', meta: { title: '任务列表', icon: 'el-icon-s-claim', affix: true} },
], ],
}, },
{ path: "/display", component: Display, children: DisplayRouter }, { path: "/display", component: Display, children: DisplayRouter },
......
src/views/Business/Diasel/index.vue
<template> <template>
<div class="eContainer"> <div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="200px" size="small" :validate-on-rule-change="false"> <el-form :model="model" :rules="rules" ref="modelForm" label-width="200px" 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">-->
<!--PD000001 --> <!--PD000001 -->
<el-tab-pane label="Diary Selection" name="diaselp"> <!-- <el-tab-pane label="Diary Selection" name="diaselp"> -->
<m-diaselp :model="model" :codes="codes" ref="diaselp"/> <m-diaselp :model="model" :codes="codes" ref="diaselp"/>
</el-tab-pane> <!-- </el-tab-pane>
</c-tabs> </c-tabs> -->
</el-form> </el-form>
</div> </div>
</template> </template>
......
src/views/Business/Ditopn/Addbcb.vue
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<c-col :span="8"> <c-col :span="8">
<c-select <c-select
v-model="model.litameadv" v-model="model.litameadv"
style="width: 70%" style="width: 60%"
placeholder="请选择特殊规定" placeholder="请选择特殊规定"
> >
<el-option <el-option
...@@ -32,14 +32,14 @@ ...@@ -32,14 +32,14 @@
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="" prop="ameadvrmk" style="width: 60%"> <el-form-item label="" prop="ameadvrmk">
<c-input <c-input
:disabled="model.litameadv == '无特殊规定'" :disabled="model.litameadv == '无特殊规定'"
type="textarea" type="textarea"
v-model="model.ameadvrmk" v-model="model.ameadvrmk"
:autosize="{ minRows: 4, maxRows: 6 }" :rows="4"
maxlength="68" maxlength="68"
style="width: 50%" style="width: 30%"
show-word-limit show-word-limit
></c-input> ></c-input>
</el-form-item> </el-form-item>
......
src/views/Business/Ditopn/Ccvpan.vue
...@@ -184,12 +184,13 @@ ...@@ -184,12 +184,13 @@
</c-button> </c-button>
</c-col> </c-col>
--> -->
<c-col :span="24" style="text-align: right"> <c-col :span="11" style="margin-left:25px;text-align:right">
<c-row> <!-- <c-row> -->
<c-col :span="2" :offset="20"> <!-- <c-col :span="23" style="margin-left:35px;text-align:right"> -->
<c-button size="small" type="primary" @click="onLiaccvAdd"> <c-button size="small" type="primary" @click="onLiaccvAdd">
Add Add
</c-button> </c-button>
<!-- </c-col> -->
<el-dialog <el-dialog
:visible.sync="dialogTableVisible" :visible.sync="dialogTableVisible"
:close-on-click-modal="false" :close-on-click-modal="false"
...@@ -205,19 +206,18 @@ ...@@ -205,19 +206,18 @@
</el-table-column> </el-table-column>
</c-istream-table> </c-istream-table>
</el-dialog> </el-dialog>
</c-col>
<!-- <c-col :span="2"> <!-- <c-col :span="2">
<c-button size="small" icon="el-icon-delete" @click="onLiaccvDel"> <c-button size="small" icon="el-icon-delete" @click="onLiaccvDel">
Del Del
</c-button> </c-button>
</c-col> --> </c-col> -->
</c-row> <!-- </c-row> -->
</c-col> </c-col>
<c-col :span="24"><div style="height: 10px"></div></c-col> <!-- <c-col :span="24"><div style="height: 10px"></div></c-col> -->
<c-col :span="22" :offset="1"> <c-col :span="23" style="margin:0 25px">
<c-table <c-table
:border="true" :border="true"
:list="model.liaall.liaccv.liaccvg" :list="model.liaall.liaccv.liaccvg"
...@@ -281,7 +281,7 @@ ...@@ -281,7 +281,7 @@
</el-form-item> </el-form-item>
</c-col> --> </c-col> -->
<c-col :span="24"> <c-col :span="24" style="margin-top:15px">
<el-form-item label="金额总和"> <el-form-item label="金额总和">
<c-col :span="8"> <c-col :span="8">
<c-input <c-input
......
src/views/Business/Ditopn/Coninfp.vue
...@@ -17,15 +17,16 @@ ...@@ -17,15 +17,16 @@
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="12"> <c-col :span="24">
<c-col :span="6">
<el-form-item <el-form-item
label="Display Type" label="Display Type"
prop="mtabut.coninf.oitinf.oit.inflev" prop="mtabut.coninf.oitinf.oit.inflev"
> >
<c-select <c-select
v-model="model.mtabut.coninf.oitinf.oit.inflev" v-model="model.mtabut.coninf.oitinf.oit.inflev"
style="width: 50%" style="width: 100%"
disabled disabled
placeholder="请选择Infotext Level" placeholder="请选择Infotext Level"
> >
...@@ -39,7 +40,7 @@ ...@@ -39,7 +40,7 @@
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="12"> <c-col :span="12">
...@@ -57,15 +58,16 @@ ...@@ -57,15 +58,16 @@
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="12"> <c-col :span="24">
<c-col :span="6">
<el-form-item <el-form-item
label="Display Type" label="Display Type"
prop="mtabut.coninf.oitset.oit.inflev" prop="mtabut.coninf.oitset.oit.inflev"
> >
<c-select <c-select
v-model="model.mtabut.coninf.oitset.oit.inflev" v-model="model.mtabut.coninf.oitset.oit.inflev"
style="width: 50%" style="width: 100%"
disabled disabled
placeholder="请选择Infotext Level" placeholder="请选择Infotext Level"
> >
...@@ -79,28 +81,29 @@ ...@@ -79,28 +81,29 @@
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="6">
<el-form-item label="执行日期" prop="mtabut.coninf.conexedat"> <el-form-item label="执行日期" prop="mtabut.coninf.conexedat">
<el-date-picker <el-date-picker
type="date" type="date"
v-model="model.mtabut.coninf.conexedat" v-model="model.mtabut.coninf.conexedat"
style="width: 40%" style="width: 100%"
placeholder="请选择执行日期" placeholder="请选择执行日期"
></el-date-picker> ></el-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="6" style="text-align:right">
<el-form-item <el-form-item
label="Send for Release to" label="Send for Release to"
prop="mtabut.coninf.usr.extkey" prop="mtabut.coninf.usr.extkey"
label-width="140px"
> >
<c-input <c-input
v-model="model.mtabut.coninf.usr.extkey" v-model="model.mtabut.coninf.usr.extkey"
maxlength="8" maxlength="8"
style="width: 40%" style="width: 100%"
disabled="disabled" disabled="disabled"
placeholder="请输入User ID" placeholder="请输入User ID"
></c-input> ></c-input>
......
src/views/Business/Ditopn/Detp.vue
...@@ -11,25 +11,25 @@ ...@@ -11,25 +11,25 @@
</el-form-item> </el-form-item>
<el-form-item label="付款期限" prop="didgrp.rec.tenmaxday" > <el-form-item label="付款期限" prop="didgrp.rec.tenmaxday" >
<c-input :disabled="model.didgrp.rec.avbby == 'P'" v-model.number="model.didgrp.rec.tenmaxday" placeholder="请输入" style="width:15%" maxlength="3"></c-input> <c-input :disabled="model.didgrp.rec.avbby == 'P'" v-model.number="model.didgrp.rec.tenmaxday" placeholder="请输入" style="width:17%" maxlength="3"></c-input>
</el-form-item> </el-form-item>
<el-form-item label="远期付款指示" prop="didgrp.blk.defdet"> <el-form-item label="远期付款指示" prop="didgrp.blk.defdet">
<c-col :span="20"> <c-col :span="21">
<c-input type="textarea" :disabled="model.didgrp.rec.avbby == 'P'" v-model="model.didgrp.blk.defdet" style="width:100%" maxlength="140" show-word-limit placeholder="请输入" :autosize="{ minRows: 3,maxRows:5}"></c-input> <c-input type="textarea" :disabled="model.didgrp.rec.avbby == 'P'" v-model="model.didgrp.blk.defdet" style="width:100%" maxlength="140" show-word-limit placeholder="请输入" :autosize="{ minRows: 3,maxRows:5}"></c-input>
</c-col> </c-col>
<c-col :span="4" style="text-align: right"> <c-col :span="3" style="text-align: right">
<c-button size="medium" style="margin:0 0;" type="primary" icon="el-icon-search" @click="onDefdetButtxmsel"> <c-button size="small" style="margin:0 0;" type="primary" icon="el-icon-search" @click="onDefdetButtxmsel">
</c-button> </c-button>
</c-col> </c-col>
</el-form-item> </el-form-item>
<el-form-item label="交单期限" prop="didgrp.blk.preper"> <el-form-item label="交单期限" prop="didgrp.blk.preper">
<c-col :span="20"> <c-col :span="21">
<c-input type="textarea" v-model="model.didgrp.blk.preper" :disabled="this.flag" style="width:100%" maxlength="105" show-word-limit placeholder="请输入"></c-input> <c-input type="textarea" v-model="model.didgrp.blk.preper" :disabled="this.flag" style="width:100%" maxlength="105" show-word-limit placeholder="请输入"></c-input>
</c-col> </c-col>
<c-col :span="4" style="text-align: right"> <c-col :span="3" style="text-align: right">
<c-button size="medium" type="primary" style="margin:0 0;" icon="el-icon-search" @click="onPreperButtxmsel"> <c-button size="small" type="primary" style="margin:0 0;" icon="el-icon-search" @click="onPreperButtxmsel">
</c-button> </c-button>
</c-col> </c-col>
</el-form-item> </el-form-item>
......
src/views/Business/Ditopn/Engp.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="24" style="margin-bottom:18px"> <!-- <c-col :span="24" style="margin-bottom:18px">
Liability Liability
</c-col> </c-col> -->
<c-col :span="22" :offset="1"> <c-col :span="23" style="margin-left:9px">
<c-table :list="model.liaall.liaallg" style="width:80%,text-align:center,margin-bottom:18px" :border="true"> <c-table :list="model.liaall.liaallg" style="width:80%,text-align:center,margin-bottom:18px" :border="true">
<el-table-column prop="cbtpfx" label="Type" width="auto"> </el-table-column> <el-table-column prop="cbtpfx" label="Type" width="auto"> </el-table-column>
<el-table-column prop="matdat" label="Maturity" width="auto"> </el-table-column> <el-table-column prop="matdat" label="Maturity" width="auto"> </el-table-column>
...@@ -50,20 +50,23 @@ ...@@ -50,20 +50,23 @@
</el-form-item> </el-form-item>
</c-col> --> </c-col> -->
<c-col :span="12"> <c-col :span="16" style="margin-top:10px">
<el-form-item label="Amount not yet assigned"> <el-form-item label="Amount not yet assigned">
<c-input style="width:20%" disabled v-model="model.liaall.concur" maxlength="3" placeholder="请输入External Booking Amount"></c-input> <c-input style="width:15%" disabled v-model="model.liaall.concur" maxlength="3" placeholder="请输入External Booking Amount"></c-input>
<c-input style="width:50%" disabled v-model="model.liaall.misamt" placeholder="请输入Amount not yet assigned"></c-input> <c-input style="width:40%" disabled v-model="model.liaall.misamt" placeholder="请输入Amount not yet assigned"></c-input>
<c-button style="width:20%" size="small" disabled type="primary" @click="onLiaallButmisamt">
Add to Current Line
</c-button>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <!-- <c-col :span="1" style="text-align:left;margin-left:0">
<el-form-item label=""> <el-form-item label="">
<c-button size="small" disabled type="primary" @click="onLiaallButmisamt"> <c-button size="small" disabled type="primary" @click="onLiaallButmisamt">
Add to Current Line Add to Current Line
</c-button> </c-button>
</el-form-item> </el-form-item>
</c-col> </c-col> -->
<!-- <c-col :span="12"> <!-- <c-col :span="12">
<el-form-item label=""> <el-form-item label="">
......
src/views/Business/Ditopn/Limitbody.vue
...@@ -87,14 +87,14 @@ ...@@ -87,14 +87,14 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="20">
<el-form-item <el-form-item
label="额度类型" label="额度类型"
prop="liaall.limmod.limpts.nonrevflg1" prop="liaall.limmod.limpts.nonrevflg1"
> >
<c-select <c-select
v-model="model.liaall.limmod.limpts.nonrevflg1" v-model="model.liaall.limmod.limpts.nonrevflg1"
style="width: 100%" style="width: 95%"
placeholder="请选择Flag to Mark Non-revolving Limits" placeholder="请选择Flag to Mark Non-revolving Limits"
@change="nonrevflg1Change" @change="nonrevflg1Change"
> >
...@@ -109,15 +109,14 @@ ...@@ -109,15 +109,14 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="1">
<el-form-item label="" label-width="10px"> <!-- <el-form-item label=""> -->
<c-button size="small" type="primary" @click="onLimptsGet1"> <c-button style="margin:0 10px 0 0;padding: 0 10px;" size="small" type="primary" icon="el-icon-search" @click="onLimptsGet1">
查询
</c-button> </c-button>
</el-form-item> <!-- </el-form-item> -->
</c-col> </c-col>
<c-col :span="24"> <c-col :span="20">
<el-form-item <el-form-item
label="合同流水号" label="合同流水号"
prop="liaall.limmod.limpts.pfcod1" prop="liaall.limmod.limpts.pfcod1"
...@@ -127,7 +126,7 @@ ...@@ -127,7 +126,7 @@
maxlength="14" maxlength="14"
placeholder="请输入合同流水号" placeholder="请输入合同流水号"
:disabled="this.model.liaall.limmod.limpts.nonrevflg1 != '2'" :disabled="this.model.liaall.limmod.limpts.nonrevflg1 != '2'"
style="width: 55%" style="width: 95%"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -135,36 +134,36 @@ ...@@ -135,36 +134,36 @@
<!-- ========================右边======================= --> <!-- ========================右边======================= -->
<c-col :span="11" :offset="1"> <c-col :span="11" :offset="1">
<c-col :span="24"> <c-col :span="20">
<el-form-item label="业务编号" prop="liaall.limmod.ownref"> <el-form-item label="业务编号" prop="liaall.limmod.ownref">
<c-input <c-input
v-model="model.liaall.limmod.ownref" v-model="model.liaall.limmod.ownref"
maxlength="16" maxlength="16"
placeholder="请输入国结业务编号" placeholder="请输入国结业务编号"
:disabled="true" :disabled="true"
style="width: 70%" style="width: 95%"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="20">
<el-form-item label="业务余额" prop="liaall.limmod.comamt"> <el-form-item label="业务余额" prop="liaall.limmod.comamt">
<c-input <c-input
v-model="model.liaall.limmod.comamt" v-model="model.liaall.limmod.comamt"
placeholder="请输入业务余额" placeholder="请输入业务余额"
:disabled="true" :disabled="true"
style="width: 70%" style="width: 95%"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="20">
<el-form-item label="保证金余额" prop="liaall.limmod.ccvamt"> <el-form-item label="保证金余额" prop="liaall.limmod.ccvamt">
<c-input <c-input
v-model="model.liaall.limmod.ccvamt" v-model="model.liaall.limmod.ccvamt"
placeholder="请输入保证金余额" placeholder="请输入保证金余额"
:disabled="true" :disabled="true"
style="width: 70%" style="width: 95%"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -230,7 +229,7 @@ ...@@ -230,7 +229,7 @@
</c-col> </c-col>
--> -->
<c-col :span="22" :offset="1"> <c-col :span="23" style="margin-left:9px">
<c-table style="text-align: center" :data="tableData" :border="true"> <c-table style="text-align: center" :data="tableData" :border="true">
<el-table-column label="可否串用" width="auto"> <el-table-column label="可否串用" width="auto">
</el-table-column> </el-table-column>
......
src/views/Business/Ditopn/Mt799.vue
...@@ -2,13 +2,13 @@ ...@@ -2,13 +2,13 @@
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="20"> <c-col :span="20">
<el-form-item label="MT799(79)受益人英文名称" prop="ditp.bennam"> <el-form-item label="受益人英文名称" prop="ditp.bennam">
<c-input v-model="model.ditp.bennam" maxlength="100" @blur="BlurBennam" ></c-input> <c-input v-model="model.ditp.bennam" maxlength="100" @blur="BlurBennam" ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="20"> <c-col :span="20">
<el-form-item label="MT799(79)申请人英文名称" prop="ditp.aplname"> <el-form-item label="申请人英文名称" prop="ditp.aplname">
<c-input v-model="model.ditp.aplname" maxlength="100" @blur="BlurAplname"></c-input> <c-input v-model="model.ditp.aplname" maxlength="100" @blur="BlurAplname"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
......
src/views/Business/Ditopn/Ovwp.vue
...@@ -91,12 +91,12 @@ ...@@ -91,12 +91,12 @@
&nbsp; &nbsp;
</c-col> --> </c-col> -->
<c-col :span="12"> <c-col :span="13">
<el-form-item label="信用证金额" prop="didgrp.cbs.nom1.cur"> <el-form-item label="信用证金额" prop="didgrp.cbs.nom1.cur">
<c-select <c-select
disabled disabled
v-model="model.didgrp.cbs.nom1.cur" v-model="model.didgrp.cbs.nom1.cur"
style="width: 100%" style="width: 95%"
placeholder="请选择Currency" placeholder="请选择Currency"
@keyup.enter.native="nom1CurEvent" @keyup.enter.native="nom1CurEvent"
> >
...@@ -110,10 +110,10 @@ ...@@ -110,10 +110,10 @@
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="11">
<el-form-item <el-form-item
style="text-align: left" style="text-align: left"
label-width="20px" label-width="0"
prop="didgrp.cbs.nom1.amt" prop="didgrp.cbs.nom1.amt"
> >
<c-input-currency <c-input-currency
...@@ -135,22 +135,24 @@ ...@@ -135,22 +135,24 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="13">
<el-form-item label="上下浮动限额" prop="didgrp.rec.nomtop"> <el-form-item label="上下浮动限额" prop="didgrp.rec.nomtop">
<c-input <c-input
v-model="model.didgrp.rec.nomtop" v-model="model.didgrp.rec.nomtop"
maxlength="9" maxlength="9"
style="width: 45%" style="width: 40%"
placeholder="请输入Amount Tolerance - Positive" placeholder="请输入Amount Tolerance - Positive"
></c-input> ></c-input>
<label style="display:inline-block;width:8%;text-align:center;">-</label> <label style="display:inline-block;width:10%;text-align:center;">-</label>
<c-input <c-input
v-model="model.didgrp.rec.nomton" v-model="model.didgrp.rec.nomton"
maxlength="9" maxlength="9"
style="width: 45%" style="width: 40%"
placeholder="请输入Amount Tolerance - Negative" placeholder="请输入Amount Tolerance - Negative"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<!-- <c-col :span="12" style="text-align: left"> <!-- <c-col :span="12" style="text-align: left">
<el-form-item <el-form-item
label="" label=""
...@@ -168,11 +170,11 @@ ...@@ -168,11 +170,11 @@
<!-- <c-col> &nbsp; </c-col> --> <!-- <c-col> &nbsp; </c-col> -->
<c-col :span="12"> <c-col :span="13">
<el-form-item label="信用证最大金额" prop="didgrp.cbs.max.cur"> <el-form-item label="信用证最大金额" prop="didgrp.cbs.max.cur">
<c-select <c-select
v-model="model.didgrp.cbs.max.cur" v-model="model.didgrp.cbs.max.cur"
style="width: 100%" style="width: 95%"
placeholder="请选择Currency" placeholder="请选择Currency"
disabled disabled
> >
...@@ -187,8 +189,8 @@ ...@@ -187,8 +189,8 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="11">
<el-form-item label="" label-width="20px" prop="didgrp.cbs.max.amt"> <el-form-item label="" label-width="0" prop="didgrp.cbs.max.amt">
<c-input <c-input
v-model="model.didgrp.cbs.max.amt" v-model="model.didgrp.cbs.max.amt"
placeholder="请输入信用证最大金额" placeholder="请输入信用证最大金额"
...@@ -232,16 +234,19 @@ ...@@ -232,16 +234,19 @@
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="13">
<el-form-item label="开证日期" prop="didgrp.rec.opndat"> <el-form-item label="开证日期" prop="didgrp.rec.opndat">
<c-date-picker <c-date-picker
type="date" type="date"
v-model="model.didgrp.rec.opndat" v-model="model.didgrp.rec.opndat"
style="width: 45%" style="width: 95%"
placeholder="请选择Date L/C Opened/Issued" placeholder="请选择Date"
></c-date-picker> ></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> </c-col>
<c-col :span="24">
<c-col :span="13">
<el-form-item <el-form-item
v-if="model.didgrp.rec.mytype == 'H'" v-if="model.didgrp.rec.mytype == 'H'"
label="最迟货物装运日" label="最迟货物装运日"
...@@ -251,8 +256,8 @@ ...@@ -251,8 +256,8 @@
type="date" type="date"
v-model="model.didgrp.rec.shpdat" v-model="model.didgrp.rec.shpdat"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
style="width: 45%" style="width: 95%"
placeholder="请选择Shipment Date" placeholder="请选择Date"
></c-date-picker> ></c-date-picker>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
...@@ -264,8 +269,8 @@ ...@@ -264,8 +269,8 @@
type="date" type="date"
v-model="model.didgrp.rec.shpdat" v-model="model.didgrp.rec.shpdat"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
style="width: 45%" style="width: 95%"
placeholder="请选择Shipment Date" placeholder="请选择Date"
></c-date-picker> ></c-date-picker>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
...@@ -277,22 +282,25 @@ ...@@ -277,22 +282,25 @@
type="date" type="date"
v-model="model.didgrp.rec.shpdat" v-model="model.didgrp.rec.shpdat"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
style="width: 45%" style="width: 95%"
placeholder="请选择Shipment Date" placeholder="请选择"
></c-date-picker> ></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="13">
<el-form-item label="有效日期" prop="didgrp.rec.expdat"> <el-form-item label="有效日期" prop="didgrp.rec.expdat">
<c-date-picker <c-date-picker
type="date" type="date"
v-model="model.didgrp.rec.expdat" v-model="model.didgrp.rec.expdat"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
style="width: 45%" style="width: 95%"
placeholder="请选择Date of Expiry" placeholder="请选择Date"
></c-date-picker> ></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="有效地点" prop="didgrp.rec.expplc"> <el-form-item label="有效地点" prop="didgrp.rec.expplc">
<c-input <c-input
......
src/views/Business/Ditopn/Tk.vue
...@@ -6,25 +6,25 @@ ...@@ -6,25 +6,25 @@
</c-col> </c-col>
--> -->
<c-col :span="24"> <c-col :span="24">
<el-form-item label="货物描述" prop="didgrp.blk.lcrgod" label-width="180px"> <el-form-item label="货物描述" prop="didgrp.blk.lcrgod">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.lcrgod" style="width:70%;margin-right:20px;" maxlength="1430" show-word-limit placeholder="请输入Description of Goods" ></c-input> <c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.lcrgod" style="width:70%;margin-right:20px;" maxlength="1430" show-word-limit placeholder="请输入Description of Goods" ></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="didgrp.blk.lcrdoc" label-width="180px"> <el-form-item label="单据要求" prop="didgrp.blk.lcrdoc">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.lcrdoc" maxlength="1950" style="width:70%;margin-right:20px;" show-word-limit placeholder="请输入单据要求" ></c-input> <c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.lcrdoc" maxlength="1950" style="width:70%;margin-right:20px;" show-word-limit 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="didgrp.blk.adlcnd" label-width="180px"> <el-form-item label="附加条款" prop="didgrp.blk.adlcnd">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.adlcnd" style="width:70%;margin-right:20px;" maxlength="1430" show-word-limit placeholder="请输入附加条款" ></c-input> <c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.adlcnd" style="width:70%;margin-right:20px;" maxlength="1430" show-word-limit 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="didgrp.blk.insbnk" label-width="180px"> <el-form-item label="给付款、承兑、议付行的指示" prop="didgrp.blk.insbnk">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.insbnk" style="width:70%;margin-right:20px;" maxlength="325" show-word-limit placeholder="请输入付行的指示" ></c-input> <c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.insbnk" style="width:70%;margin-right:20px;" maxlength="325" show-word-limit placeholder="请输入付行的指示" ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
......
src/views/Business/Ditopn/index.vue
...@@ -11,10 +11,10 @@ ...@@ -11,10 +11,10 @@
<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> <!-- <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> </c-function-btn>
<el-form <el-form
...@@ -89,8 +89,9 @@ ...@@ -89,8 +89,9 @@
<el-tab-pane label="表外" name="engp"> <el-tab-pane label="表外" name="engp">
<!--PD000027 --> <!--PD000027 -->
<c-content>
<m-engp :model="model" :codes="codes" /> <m-engp :model="model" :codes="codes" />
</c-content>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="保证金" name="ccvpan"> <el-tab-pane label="保证金" name="ccvpan">
......
src/views/Business/Sptsel/index.vue
<template> <template>
<div class="eContainer"> <div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" tokenKey="modelForm" label-width="170px" size="small" :validate-on-rule-change="false"> <el-form :model="model" :rules="rules" ref="modelForm" tokenKey="modelForm" label-width="170px" size="small" :validate-on-rule-change="false">
<c-tabs :value="tabVal" ref="elment" type="card" @tab-click="tabClick"> <!-- <c-tabs :value="tabVal" ref="elment" type="card" @tab-click="tabClick"> -->
<el-tab-pane :value="tabVal" label="待办任务查询" name="menu"> <!-- <el-tab-pane :value="tabVal" label="待办任务查询" name="menu"> -->
<m-menu :model="model" :codes="codes" ref="Menu"/> <m-menu :model="model" :codes="codes" ref="Menu"/>
</el-tab-pane> <!-- </el-tab-pane> -->
</c-tabs> <!-- </c-tabs> -->
</el-form> </el-form>
</div> </div>
</template> </template>
......
src/views/Business/Trnrel/index.vue
<template> <template>
<div class="eContainer"> <div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" tokenKey="modelForm" :validate-on-rule-change="false" label-width="170px" size="small"> <el-form :model="model" :rules="rules" ref="modelForm" tokenKey="modelForm" :validate-on-rule-change="false" label-width="170px" size="small">
<el-tabs ref="elment" type="card" @tab-click="tabClick"> <!-- <el-tabs ref="elment" type="card" @tab-click="tabClick">
<el-tab-pane label="复核夹查询"> <el-tab-pane label="复核夹查询"> -->
<m-inftrnps :model="model" :codes="codes" ref="inftrnps" /> <m-inftrnps :model="model" :codes="codes" ref="inftrnps" />
</el-tab-pane> <!-- </el-tab-pane>
</el-tabs> </el-tabs> -->
</el-form> </el-form>
</div> </div>
......
src/views/Home/ItemHeader.vue → src/views/Home/cells/CellHeader.vue
<template> <template>
<div class="item-header"> <div class="cell-header">
<div class="item-header_title">{{ title }}</div> <div class="cell-header_title">{{ title }}</div>
<div> <div>
<slot></slot> <slot></slot>
</div> </div>
...@@ -19,31 +19,31 @@ export default { ...@@ -19,31 +19,31 @@ export default {
</script> </script>
<style scoped> <style scoped>
.item-header { .cell-header {
margin: 10px 20px; margin: 10px 20px;
height: 30px; height: 30px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
border-bottom: 2px solid #f7f7f7; border-bottom: 2px solid #f7f7f7;
} }
.item-header_title { .cell-header_title {
font-weight: bold; font-weight: bold;
font-size: 15px; font-size: 15px;
} }
.item-header_title::before { .cell-header_title::before {
content: ""; content: "";
border-left: 5px solid #647092; border-left: 5px solid #647092;
margin-right: 10px; margin-right: 10px;
} }
.item-header [class^="el-icon-"] { .cell-header [class^="el-icon-"] {
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
color: #95979b; color: #95979b;
} }
.item-header [class^="el-icon-"]:hover { .cell-header [class^="el-icon-"]:hover {
color: #000; color: #000;
} }
.item-header >>> .el-icon-more { .cell-header >>> .el-icon-more {
transform: rotate(90deg); transform: rotate(90deg);
} }
</style> </style>
src/views/Home/CustomerAnalyse.vue → src/views/Home/cells/CustomerAnalyse.vue
<template> <template>
<div class="home-item" id="customerAnalyse"> <div class="home-cell" id="customerAnalyse">
<ItemHeaderVue title="大客户分析"> <CellHeaderVue title="大客户分析">
<span class="el-icon-refresh-right" title="刷新"></span> <span class="el-icon-refresh" title="刷新"></span>
</ItemHeaderVue> </CellHeaderVue>
<div class="item-content"> <div class="cell-content">
<div class="chart-operate"> <div class="chart-operate">
<i class="el-icon-arrow-up"></i> <i class="el-icon-arrow-up"></i>
<i class="el-icon-arrow-down"></i> <i class="el-icon-arrow-down"></i>
...@@ -14,12 +14,12 @@ ...@@ -14,12 +14,12 @@
</template> </template>
<script> <script>
import ItemHeaderVue from "./ItemHeader.vue"; import CellHeaderVue from "./CellHeader.vue";
import * as echarts from "echarts"; import * as echarts from "echarts";
export default { export default {
name: "CustomerAnalyse", name: "CustomerAnalyse",
components: { ItemHeaderVue }, components: { CellHeaderVue },
data() { data() {
return {}; return {};
}, },
...@@ -71,7 +71,7 @@ export default { ...@@ -71,7 +71,7 @@ export default {
data: [19325, 23438, 31000, 121594, 134141, 381807], data: [19325, 23438, 31000, 121594, 134141, 381807],
}, },
{ {
name: "中欧贡献（千美元）", name: "费用收益（千美元）",
type: "bar", type: "bar",
data: [49325, 53438, 11000, 221594, 43241, 455807], data: [49325, 53438, 11000, 221594, 43241, 455807],
}, },
...@@ -83,14 +83,14 @@ export default { ...@@ -83,14 +83,14 @@ export default {
</script> </script>
<style scoped> <style scoped>
#customerAnalyse .item-content .chart-operate { #customerAnalyse .cell-content .chart-operate {
margin-left: 20px; margin-left: 20px;
height: 20px; height: 20px;
} }
#customerAnalyse .item-content .chart-operate i { #customerAnalyse .cell-content .chart-operate i {
cursor: pointer; cursor: pointer;
} }
#customerAnalyse .item-content #chart { #customerAnalyse .cell-content #chart {
width: 98%; width: 98%;
height: calc(100% - 25px); height: calc(100% - 25px);
margin: 0 auto; margin: 0 auto;
......
src/views/Home/Hall.vue → src/views/Home/cells/Hall.vue
<template> <template>
<div class="home-item" id="hall"> <div class="home-cell" id="hall">
<ItemHeaderVue title="电子大厅"> <CellHeaderVue title="电子大厅">
<span class="el-icon-refresh-right" title="刷新"></span> <span class="el-icon-refresh" title="刷新"></span>
</ItemHeaderVue> </CellHeaderVue>
<div class="item-content"> <div class="cell-content">
<div class="card-item" v-for="(item, idx) in itemList" :key="idx"> <div class="card-item" v-for="(item, idx) in itemList" :key="idx">
<div class="dept-name"> <div class="dept-name">
<div class="first-word" :style="{ 'background-image': item.backImg }"> <div class="first-word" :style="{ 'background-image': item.backImg }">
...@@ -25,11 +25,11 @@ ...@@ -25,11 +25,11 @@
</template> </template>
<script> <script>
import ItemHeaderVue from "./ItemHeader.vue"; import CellHeaderVue from "./CellHeader.vue";
export default { export default {
name: "Hall", name: "Hall",
components: { ItemHeaderVue }, components: { CellHeaderVue },
data() { data() {
return { return {
itemList: [ itemList: [
...@@ -53,15 +53,15 @@ export default { ...@@ -53,15 +53,15 @@ export default {
</script> </script>
<style scoped> <style scoped>
#hall .item-content { #hall .cell-content {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
#hall .item-content { #hall .cell-content {
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
} }
#hall .item-content .card-item { #hall .cell-content .card-item {
width: 45%; width: 45%;
height: 45%; height: 45%;
background-color: #e6e8ef; background-color: #e6e8ef;
......
src/views/Home/NoticeAnnouncement.vue → src/views/Home/cells/NoticeAnnouncement.vue
<template> <template>
<div class="home-item" id="noticeAnnouncement"> <div class="home-cell" id="noticeAnnouncement">
<ItemHeaderVue title="通知公告"> <CellHeaderVue title="通知公告">
<span class="el-icon-refresh-right" title="刷新"></span> <span class="el-icon-refresh" title="刷新"></span>
<span class="el-icon-more" title="操作"></span> <span class="el-icon-more" title="操作"></span>
</ItemHeaderVue> </CellHeaderVue>
<div class="item-content"> <div class="cell-content">
<div class="notice-item" v-for="(item, idx) in noticeList" :key="idx"> <div class="notice-item" v-for="(item, idx) in noticeList" :key="idx">
<div class="notice-title" :class="{ active: idx === 0 }"> <div class="notice-title" :class="{ active: idx === 0 }">
{{ item.title }} {{ item.title }}
...@@ -18,11 +18,11 @@ ...@@ -18,11 +18,11 @@
</template> </template>
<script> <script>
import ItemHeaderVue from "./ItemHeader.vue"; import CellHeaderVue from "./CellHeader.vue";
export default { export default {
name: "NoticeAnnouncement", name: "NoticeAnnouncement",
components: { ItemHeaderVue }, components: { CellHeaderVue },
data() { data() {
return { return {
noticeList: [ noticeList: [
...@@ -51,30 +51,30 @@ export default { ...@@ -51,30 +51,30 @@ export default {
<style scoped> <style scoped>
/* 通知公告 */ /* 通知公告 */
#noticeAnnouncement .item-content { #noticeAnnouncement .cell-content {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin: 0 20px; margin: 0 20px;
} }
#noticeAnnouncement .item-content .notice-item { #noticeAnnouncement .cell-content .notice-item {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 5px; margin-bottom: 5px;
font-size: 15px; font-size: 15px;
} }
#noticeAnnouncement .item-content .notice-item .notice-title { #noticeAnnouncement .cell-content .notice-item .notice-title {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
max-width: 75%; max-width: 75%;
} }
#noticeAnnouncement .item-content .notice-item .notice-title::before { #noticeAnnouncement .cell-content .notice-item .notice-title::before {
content: ""; content: "";
display: inline-block; display: inline-block;
width: 8px; width: 8px;
} }
#noticeAnnouncement .item-content .notice-item .notice-title.active::before { #noticeAnnouncement .cell-content .notice-item .notice-title.active::before {
content: ""; content: "";
background: rgb(255, 0, 0); background: rgb(255, 0, 0);
display: inline-block; display: inline-block;
...@@ -85,7 +85,7 @@ export default { ...@@ -85,7 +85,7 @@ export default {
margin-right: 2px; margin-right: 2px;
margin-bottom: 2px; margin-bottom: 2px;
} }
#noticeAnnouncement .item-content .notice-item .notice-date { #noticeAnnouncement .cell-content .notice-item .notice-date {
/* width: 20%; */ /* width: 20%; */
margin-right: 6px; margin-right: 6px;
} }
......
src/views/Home/QuickSearch.vue → src/views/Home/cells/QuickSearch.vue
<template> <template>
<div class="home-item" id="quickSearch"> <div class="home-cell" id="quickSearch">
<ItemHeaderVue title="快速查询"> </ItemHeaderVue> <CellHeaderVue title="快速查询"> </CellHeaderVue>
<div class="item-content"> <div class="cell-content">
<div <div
class="search-item" class="search-item"
v-for="(item, index) in options" v-for="(item, index) in options"
...@@ -15,11 +15,11 @@ ...@@ -15,11 +15,11 @@
</template> </template>
<script> <script>
import ItemHeaderVue from "./ItemHeader.vue"; import CellHeaderVue from "./CellHeader.vue";
export default { export default {
name: 'QuickSearch', name: 'QuickSearch',
components: { ItemHeaderVue }, components: { CellHeaderVue },
data() { data() {
return { return {
options: [ options: [
...@@ -38,33 +38,31 @@ export default { ...@@ -38,33 +38,31 @@ export default {
</script> </script>
<style scoped> <style scoped>
#quickSearch .item-content { #quickSearch .cell-content {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
#quickSearch .item-content .search-item { #quickSearch .cell-content .search-item {
width: 33%;
padding-bottom: 16px;
display: flex; display: flex;
display: flex;
width: 145px;
/* height: 80px; */
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
margin: 0 15px 15px;
cursor: pointer; cursor: pointer;
} }
#quickSearch .item-content .search-item i { #quickSearch .cell-content .search-item i {
color: #0088ff; color: #0088ff;
font-size: 36px; font-size: 36px;
} }
#quickSearch .item-content .search-item span { #quickSearch .cell-content .search-item span {
color: #303133; color: #303133;
font-size: 15px; font-size: 14px;
margin-top: 10px; margin-top: 10px;
} }
/* #quickSearch .item-content .search-item:hover i { /* #quickSearch .cell-content .search-item:hover i {
color: var(--themecolor); color: var(--themecolor);
} */ } */
#quickSearch .item-content .search-item:hover span { #quickSearch .cell-content .search-item:hover span {
color: var(--themecolor); color: var(--themecolor);
} }
</style> </style>
src/views/Home/QuickVisit.vue → src/views/Home/cells/QuickVisit.vue
<template> <template>
<div class="home-item" id="quickVisit"> <div class="home-cell" id="quickVisit">
<ItemHeaderVue title="快速访问"> <CellHeaderVue title="快速访问">
<span class="el-icon-refresh-right" title="刷新"></span> <span class="el-icon-refresh" title="刷新"></span>
<span class="el-icon-more" title="操作"></span> <span class="el-icon-more" title="操作"></span>
</ItemHeaderVue> </CellHeaderVue>
<div class="item-content"> <div class="cell-content">
<div <div
class="visit-item" class="visit-item"
v-for="(item, index) in quickVisitItem" v-for="(item, index) in quickVisitItem"
...@@ -23,11 +23,11 @@ ...@@ -23,11 +23,11 @@
</template> </template>
<script> <script>
import ItemHeaderVue from "./ItemHeader.vue"; import CellHeaderVue from "./CellHeader.vue";
export default { export default {
name: 'QuickVisit', name: 'QuickVisit',
components: { ItemHeaderVue }, components: { CellHeaderVue },
data() { data() {
return { return {
quickVisitItem: [ quickVisitItem: [
...@@ -59,33 +59,31 @@ export default { ...@@ -59,33 +59,31 @@ export default {
<style scoped> <style scoped>
/* 快速访问 */ /* 快速访问 */
#quickVisit .item-content { #quickVisit .cell-content {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
#quickVisit .item-content .visit-item { #quickVisit .cell-content .visit-item {
width: 33%;
padding-bottom: 16px;
display: flex; display: flex;
display: flex;
width: 145px;
/* height: 80px; */
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
margin: 0 15px 15px;
cursor: pointer; cursor: pointer;
} }
#quickVisit .item-content .visit-item i { #quickVisit .cell-content .visit-item i {
color: #0088ff; color: #0088ff;
font-size: 36px; font-size: 36px;
} }
#quickVisit .item-content .visit-item span { #quickVisit .cell-content .visit-item span {
color: #303133; color: #303133;
font-size: 15px; font-size: 14px;
margin-top: 10px; margin-top: 10px;
} }
/* #quickVisit .item-content .visit-item:hover i { /* #quickVisit .cell-content .visit-item:hover i {
color: var(--themecolor); color: var(--themecolor);
} */ } */
#quickVisit .item-content .visit-item:hover span { #quickVisit .cell-content .visit-item:hover span {
color: var(--themecolor); color: var(--themecolor);
} }
</style> </style>
src/views/Home/cells/TaskStatistics.vue 0 → 100644
<template>
<div class="home-cell">
<CellHeaderVue title="任务统计">
<span class="el-icon-refresh" title="刷新"></span>
</CellHeaderVue>
<div class="cell-content">
<div class="task-stat-display total">
<div class="stat-item" v-for="(item, idx) in total" :key="idx">
<div class="stat-count">{{ item.count }}</div>
<div class="stat-name">{{ item.name }}</div>
</div>
</div>
<div class="task-sign mime">
<span class="el-icon-s-custom"></span>
我的工作
</div>
<div class="task-stat-display mime">
<div class="stat-item" v-for="(item, idx) in mime" :key="idx">
<div class="stat-count">{{ item.count }}</div>
<div class="stat-name">{{ item.name }}</div>
</div>
</div>
<div class="task-sign pty">
<span class="el-icon-s-platform"></span>
机构工作
</div>
<div class="task-stat-display pty">
<div class="stat-item" v-for="(item, idx) in pty" :key="idx">
<div class="stat-count">{{ item.count }}</div>
<div class="stat-name">{{ item.name }}</div>
</div>
</div>
</div>
</div>
</template>
<script>
import CellHeaderVue from "./CellHeader.vue";
export default {
name: "TaskStatistics",
components: { CellHeaderVue },
data() {
return {
total: [
{ name: "待经办", count: "5454" },
{ name: "来报待处理", count: "4231" },
{ name: "待复核", count: "652" },
{ name: "待授权", count: "2" },
{ name: "待匹配", count: "5" },
{ name: "待打印", count: "1235" },
],
mime: [
{ name: "待经办", count: "154" },
{ name: "待修改", count: "1254" },
{ name: "待复核", count: "5" },
{ name: "待授权", count: "0" },
{ name: "待回复", count: "0" },
{ name: "待打印", count: "4564" },
{ name: "已完结", count: "3212" },
],
pty: [
{ name: "待经办", count: "1164" },
{ name: "待修改", count: "2341" },
{ name: "待复核", count: "168" },
{ name: "待授权", count: "423" },
{ name: "待打印", count: "6547" },
{ name: "待匹配", count: "23" },
{ name: "已完结", count: "3212" },
],
};
},
};
</script>
<style scoped>
.cell-content {
padding: 0px 8px;
}
.task-stat-display {
height: 25%;
max-height: 90px;
display: flex;
justify-content: space-around;
color: #f3f3f3;
}
.task-stat-display.total {
background-color: #045e92;
}
.task-stat-display.mime {
background-color: #871f5a;
}
.task-stat-display.pty {
background-color: #149457;
}
.task-stat-display .stat-item {
width: 100px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.task-stat-display .stat-count {
margin-bottom: 10px;
}
.task-stat-display .stat-name {
font-size: 14px;
font-weight: 400;
}
.task-sign {
height: 12.5%;
display: flex;
align-items: center;
padding-left: 15px;
font-size: 14px;
font-weight: 400;
}
.task-sign [class^="el-icon-"] {
font-size: 25px;
margin-right: 10px;
}
.task-sign.mime [class^="el-icon-"] {
color: #e56649;
}
.task-sign.pty [class^="el-icon-"] {
color: #0e63a2;
}
</style>
src/views/Home/index.vue
<template> <template>
<div class="eContainer-home"> <div class="eContainer-home">
<QuickVisitVue></QuickVisitVue> <QuickVisitVue></QuickVisitVue>
<TaskStatisticsVue></TaskStatisticsVue>
<NoticeAnnouncementVue></NoticeAnnouncementVue> <NoticeAnnouncementVue></NoticeAnnouncementVue>
<HallVue></HallVue> <HallVue></HallVue>
<CustomerAnalyseVue></CustomerAnalyseVue> <CustomerAnalyseVue></CustomerAnalyseVue>
...@@ -9,16 +10,18 @@ ...@@ -9,16 +10,18 @@
</template> </template>
<script> <script>
import QuickVisitVue from "./QuickVisit.vue"; import QuickVisitVue from "./cells/QuickVisit.vue";
import NoticeAnnouncementVue from "./NoticeAnnouncement.vue"; import TaskStatisticsVue from './cells/TaskStatistics.vue';
import HallVue from "./Hall.vue"; import NoticeAnnouncementVue from "./cells/NoticeAnnouncement.vue";
import CustomerAnalyseVue from "./CustomerAnalyse.vue"; import HallVue from "./cells/Hall.vue";
import QuickSearchVue from "./QuickSearch.vue"; import CustomerAnalyseVue from "./cells/CustomerAnalyse.vue";
import QuickSearchVue from "./cells/QuickSearch.vue";
export default { export default {
name: "Home", name: "Home",
components: { components: {
QuickVisitVue, QuickVisitVue,
TaskStatisticsVue,
NoticeAnnouncementVue, NoticeAnnouncementVue,
HallVue, HallVue,
CustomerAnalyseVue, CustomerAnalyseVue,
...@@ -35,25 +38,19 @@ export default { ...@@ -35,25 +38,19 @@ export default {
height: 100%; height: 100%;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-around; /* justify-content: space-around; */
align-items: center; align-items: center;
} }
.home-item { .home-cell {
width: 33%;
height: 49%; height: 49%;
margin-left: 0.166%;
margin-right: 0.166%;
background-color: #ffffff; background-color: #ffffff;
box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%); box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
border-radius: 8px; border-radius: 8px;
} }
#quickVisit { .home-cell >>> .cell-content {
width: 66.3%;
}
#noticeAnnouncement,
#hall,
#customerAnalyse,
#quickSearch {
width: 33%;
}
.home-item >>> .item-content {
/* max-height: calc(100% - 52px); */ /* max-height: calc(100% - 52px); */
height: calc(100% - 52px); height: calc(100% - 52px);
overflow: auto; overflow: auto;
......
src/views/Layout/Header.vue
...@@ -206,7 +206,7 @@ export default { ...@@ -206,7 +206,7 @@ export default {
padding: 0px 15px; padding: 0px 15px;
display: inline-table; display: inline-table;
vertical-align: top; vertical-align: top;
font-family: "KaiTi"; font-family: "黑体";
/* border-left: 1px solid antiquewhite; */ /* border-left: 1px solid antiquewhite; */
border-left: 1px solid #fff; border-left: 1px solid #fff;
} }
......
src/views/Layout/SideMenu.vue
...@@ -44,10 +44,10 @@ export default { ...@@ -44,10 +44,10 @@ export default {
menuOpen: true, menuOpen: true,
searchContent: "", searchContent: "",
menuList: [ menuList: [
{ inifrm: "0", ininam: "公共夹", pntmiu: "" }, // { inifrm: "0", ininam: "公共夹", pntmiu: "" },
{ inifrm: "sptsel", ininam: "待办任务", pntmiu: "0" }, // { inifrm: "sptsel", ininam: "待办任务", pntmiu: "0" },
{ inifrm: "trnrel", ininam: "复核任务", pntmiu: "0" }, // { inifrm: "trnrel", ininam: "复核任务", pntmiu: "0" },
{ inifrm: "diasel", ininam: "备忘录选择交易", pntmiu: "0" }, // { inifrm: "diasel", ininam: "备忘录选择交易", pntmiu: "0" },
{ inifrm: "1", ininam: "汇款", pntmiu: "" }, { inifrm: "1", ininam: "汇款", pntmiu: "" },
{ inifrm: "infcpd", ininam: "汇款查询", pntmiu: "1" }, { inifrm: "infcpd", ininam: "汇款查询", pntmiu: "1" },
{ inifrm: "cptopn", ininam: "汇出汇款", pntmiu: "1" }, { inifrm: "cptopn", ininam: "汇出汇款", pntmiu: "1" },
......
src/views/Public/Docpan.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="12"> <!-- <c-col :span="12">
<el-form-item label="Correspondence"> </el-form-item> <el-form-item label="Correspondence"> </el-form-item>
</c-col> </c-col> -->
<c-col :span="22" :offset="1"> <c-col :span="23" style="margin-left:9px">
<c-istream-table-docpan :list="stmData.data" :columns="stmData.columns"> <c-istream-table-docpan :list="stmData.data" :columns="stmData.columns">
<el-table-column label="报文格式"> <el-table-column label="报文格式">
<template slot-scope="scope"> <template slot-scope="scope">
...@@ -130,23 +130,28 @@ ...@@ -130,23 +130,28 @@
</c-select> </c-select>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" width="160"> <el-table-column label="操作" width="115px">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
size="mini" type="primary"
size="small"
:disabled=" :disabled="
model.trnmod.trndoc.doceot[scope.row.index] model.trnmod.trndoc.doceot[scope.row.index]
.pandsc == 'MT799' && .pandsc == 'MT799' &&
model.didgrp.rec.elcflg == 'Y' model.didgrp.rec.elcflg == 'Y'
" "
@click="handleDisplay(scope.row.index, scope.row)" @click="handleDisplay(scope.row.index, scope.row)"
>显示</el-button icon="el-icon-search"
style="margin-left:0"
></el-button
> >
<el-button <el-button
size="mini" size="small"
type="danger" type="primary"
icon="el-icon-edit"
style="margin-left:0"
@click="handleDetail(scope.row.index, scope.row)" @click="handleDetail(scope.row.index, scope.row)"
>明细</el-button ></el-button
> >
</template> </template>
</el-table-column> </el-table-column>
......
src/views/Public/Glepan.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="22" :offset="1"> <c-col :span="23" style="margin-left:9px">
<c-istream-table :list="data" :columns="columns"></c-istream-table> <c-istream-table :list="data" :columns="columns"></c-istream-table>
</c-col> </c-col>
</div> </div>
......
src/views/Public/Ptap.vue
...@@ -72,7 +72,7 @@ ...@@ -72,7 +72,7 @@
<template v-else> <template v-else>
<c-col :span="24"> <c-col :span="24">
<el-form-item <el-form-item
label="电证名称" :label="`${argadr.title}名称`"
:prop="`${argadr.grp}.${argadr.rol}.namelc`" :prop="`${argadr.grp}.${argadr.rol}.namelc`"
> >
<c-input <c-input
...@@ -89,7 +89,7 @@ ...@@ -89,7 +89,7 @@
<c-col :span="24"> <c-col :span="24">
<el-form-item <el-form-item
label="电证地址" :label="`${argadr.title}地址`"
:prop="`${argadr.grp}.${argadr.rol}.adrelc`" :prop="`${argadr.grp}.${argadr.rol}.adrelc`"
> >
<c-input <c-input
......
src/views/Public/Setpan.vue
<template> <template>
<c-row class="eibs-tab"> <c-row class="eibs-tab">
<!-- ====================顶部==================== --> <!-- ====================顶部==================== -->
<c-col :span="6"> <c-col :span="6" style="margin-left:9px">
<el-form-item label="参考号" label-width="100px"> <el-form-item label="参考号" label-width="50px">
<c-input <c-input
v-model="model.setmod.ref" v-model="model.setmod.ref"
maxlength="16" maxlength="16"
...@@ -23,8 +23,8 @@ ...@@ -23,8 +23,8 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="4"> <c-col :span="6">
<el-form-item label="" label-width="20px"> <el-form-item label="" label-width="7px">
<c-input <c-input
v-model="model.setmod.docamt" v-model="model.setmod.docamt"
:readonly="true" :readonly="true"
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="6"> <c-col :span="5">
<el-form-item label="类型" label-width="100px"> <el-form-item label="类型" label-width="100px">
<c-select <c-select
v-model="model.setmod.dspflg" v-model="model.setmod.dspflg"
...@@ -51,6 +51,13 @@ ...@@ -51,6 +51,13 @@
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="2" style="text-align:right">
<!-- <el-form-item label="" label-width="20px"> -->
<c-button style="margin-right:10px" size="small" type="primary" @click="onSetmodDet">
详情
</c-button>
<!-- </el-form-item> -->
</c-col>
<!-- <!--
<c-col :span="12"> <c-col :span="12">
...@@ -62,58 +69,58 @@ ...@@ -62,58 +69,58 @@
<c-checkbox v-model="model.setmod.xreflg">Recalculate Rates</c-checkbox> <c-checkbox v-model="model.setmod.xreflg">Recalculate Rates</c-checkbox>
</c-col> </c-col>
--> -->
<c-col :span="3" :offset="21"> <c-col :span="23" style="margin-left:9px;height:25px">
<el-form-item label="" label-width="20px"> <el-divider></el-divider>
<c-button size="small" type="primary" @click="onSetmodDet"> </c-col>
细节
</c-button>
</el-form-item>
</c-col>
<!-- ==============中部表格===================== --> <!-- ==============中部表格===================== -->
<c-col :span="24"> <c-col :span="23" style="height:24px;margin-left:9px">
<el-form-item <el-form-item
class="formItemLabel"
label="Foreign Commission/Charges:" label="Foreign Commission/Charges:"
label-width="210px" label-width="300px"
> >
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="22" style="margin-bottom: 18px" :offset="1">
<c-col :span="23" style="margin-left:9px">
<c-table <c-table
style="text-align: center" style="text-align: center"
:list="model.setmod.setfog.setfol" :list="model.setmod.setfog.setfol"
:paginationShow="false" :paginationShow="false"
:border="true" :border="true"
> >
<el-table-column label="Payer" prop="ptydbt" width="auto"> <el-table-column label="Payer" prop="ptydbt" width="101px">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select v-model="scope.row.ptydbt"> <el-select v-model="scope.row.ptydbt">
<el-option <el-option
v-for="item in codes.ptydbt" v-for="item in codes.ptydbt"
:key="item.value" :key="item.value"
:label="item.label" :label="item.value"
:value="item.value" :value="item.value"
> >
</el-option> <span style="float: left">{{ item.label }}</span>
</el-option>
</el-select> </el-select>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="Payee" width="auto"> <el-table-column label="Payee" width="101px">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select v-model="scope.row.payee"> <el-select v-model="scope.row.payee">
<el-option <el-option
v-for="item in codes.payee" v-for="item in codes.payee"
:key="item.value" :key="item.value"
:label="item.label" :label="item.value"
:value="item.value" :value="item.value"
> >
<span style="float: left">{{ item.label }}</span>
</el-option> </el-option>
</el-select> </el-select>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="Source" prop="src" width="auto"> <el-table-column label="Source" prop="src" width="70px">
</el-table-column> </el-table-column>
<el-table-column label="Disp" prop="dsp" width="auto"> <el-table-column label="Disp" prop="dsp" width="76px">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="Text for Payer" label="Text for Payer"
...@@ -127,7 +134,7 @@ ...@@ -127,7 +134,7 @@
width="auto" width="auto"
> >
</el-table-column> </el-table-column>
<el-table-column label="Currency" prop="cur" width="auto"> <el-table-column label="Currency" prop="cur" width="93px">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select v-model="scope.row.cur"> <el-select v-model="scope.row.cur">
<el-option <el-option
...@@ -140,18 +147,22 @@ ...@@ -140,18 +147,22 @@
</el-select> </el-select>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="Amount" prop="amt" width="auto"> <el-table-column label="Amount" prop="amt" width="150px">
</el-table-column> </el-table-column>
<el-table-column label="" prop="det" width="auto"> <el-table-column label="" prop="det" width="80px">
<template slot-scope="scope" slot="header"> <template slot-scope="scope" slot="header">
<el-button <el-button
class="el-icon-circle-plus-outline" circle
style="padding:4px"
class="el-icon-plus"
size="mini" size="mini"
@click="addRow(scope)" @click="addRow(scope)"
> >
</el-button> </el-button>
<el-button <el-button
class="el-icon-remove-outline" style="padding:4px"
circle
class="el-icon-minus"
size="mini" size="mini"
@click="removeRow(scope)" @click="removeRow(scope)"
> >
...@@ -159,7 +170,8 @@ ...@@ -159,7 +170,8 @@
</template> </template>
<template slot-scope="scoped"> <template slot-scope="scoped">
<el-button <el-button
size="mini" style="margin-left:0"
size="small"
type="primary" type="primary"
@click="detail1(scoped.$index, scoped.row)" @click="detail1(scoped.$index, scoped.row)"
>详情</el-button >详情</el-button
...@@ -195,9 +207,10 @@ ...@@ -195,9 +207,10 @@
<el-option <el-option
v-for="item in codes.ptydbt" v-for="item in codes.ptydbt"
:key="item.value" :key="item.value"
:labelF="item.label" :label="item.label"
:value="item.value" :value="item.value"
/> >
</el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -239,47 +252,49 @@ ...@@ -239,47 +252,49 @@
</el-dialog> </el-dialog>
</c-col> </c-col>
<!--=================== Own Commission/Charges:================== --> <!--=================== Own Commission/Charges:================== -->
<c-col :span="24" style="text-align: left"> <c-col :span="23" style="margin-left:9px;height:24px;margin-top:25px">
<el-form-item label="Own Commission/Charges:"> </el-form-item> <el-form-item class="formItemLabel" label="Own Commission/Charges:" label-width="200px"> </el-form-item>
</c-col> </c-col>
<c-col :span="22" style="margin-bottom: 18px" :offset="1"> <c-col :span="23" style="margin-left:9px">
<c-table <c-table
style="text-align: center" style="text-align: center"
:list="model.setmod.setfeg.setfel" :list="model.setmod.setfeg.setfel"
:paginationShow="false" :paginationShow="false"
:border="true" :border="true"
> >
<el-table-column label="Role" width="auto"> <el-table-column label="Role" width="101px">
<template #default="scope"> <template #default="scope">
<el-select v-model="scope.row.rol"> <el-select v-model="scope.row.rol">
<el-option <el-option
v-for="item in codes.setfelRol" v-for="item in codes.setfelRol"
:key="item.value" :key="item.value"
:label="item.label" :label="item.value"
:value="item.value" :value="item.value"
> >
<span style="float: left">{{ item.label }}</span>
</el-option> </el-option>
</el-select> </el-select>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="Code" prop="feecod" width="auto"> <el-table-column label="Code" prop="feecod" width="101px">
</el-table-column> </el-table-column>
<el-table-column label="Source" prop="src" width="auto"> <el-table-column label="Source" prop="src" width="70px">
</el-table-column> </el-table-column>
<el-table-column label="Disp" width="auto"> <el-table-column label="Disp" width="76px">
<template #default="scope"> <template #default="scope">
<el-select v-model="scope.row.dsp" @change="dispDefault"> <el-select v-model="scope.row.dsp" @change="dispDefault">
<el-option <el-option
v-for="item in codes.setfeldsp" v-for="item in codes.setfeldsp"
:key="item.value" :key="item.value"
:label="item.label" :label="item.value"
:value="item.value" :value="item.value"
> >
<span style="float: left">{{ item.label }}</span>
</el-option> </el-option>
</el-select> </el-select>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="Units" prop="unt" width="auto"> <el-table-column label="Units" prop="unt" width="70px">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="Long Fee Text" label="Long Fee Text"
...@@ -287,20 +302,39 @@ ...@@ -287,20 +302,39 @@
width="auto" width="auto"
> >
</el-table-column> </el-table-column>
<el-table-column label="Currency" prop="cur" width="auto"> <el-table-column label="Currency" prop="cur" width="100px">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="Original Amount" label="Original Amount"
prop="ogiamt" prop="ogiamt"
width="auto" width="150px"
> >
</el-table-column> </el-table-column>
<el-table-column label="Fee Amount" prop="amt" width="auto"> <el-table-column label="Fee Amount" prop="amt" width="150px">
</el-table-column> </el-table-column>
<el-table-column label="Details" prop="det" width="auto"> <el-table-column label="" prop="det" width="80px">
<template slot-scope="scoped"> <template slot-scope="scope" slot="header">
<el-button
circle
style="padding:4px"
class="el-icon-plus"
size="mini"
@click="addRow(scope)"
>
</el-button>
<el-button <el-button
style="padding:4px"
circle
class="el-icon-minus"
size="mini" size="mini"
@click="removeRow(scope)"
>
</el-button>
</template>
<template slot-scope="scoped">
<el-button
style="margin-left:0"
size="small"
type="primary" type="primary"
@click="detail2(scoped.$index, scoped.row)" @click="detail2(scoped.$index, scoped.row)"
>详情</el-button >详情</el-button
...@@ -310,30 +344,31 @@ ...@@ -310,30 +344,31 @@
</c-table> </c-table>
</c-col> </c-col>
<setpan-dialog ref="setpanDialog" :model="model" :idx="index" :codes="codes"/> <setpan-dialog ref="setpanDialog" :model="model" :idx="index" :codes="codes"/>
<c-col :span="24" style="text-align: left"> <c-col :span="23" style="margin-left:9px;height:24px;margin-top:25px">
<el-form-item label="Settlement:" label-width="100px"> <el-form-item class="formItemLabel" label="Settlement:" label-width="200px">
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="22" style="margin-bottom: 18px" :offset="1"> <c-col :span="23" style="margin-left: 9px">
<c-table <c-table
style="text-align: center" style="text-align: center"
:list="model.setmod.setglg.setgll" :list="model.setmod.setglg.setgll"
:paginationShow="false" :paginationShow="false"
:border="true" :border="true"
> >
<el-table-column label="Mod" prop="modflg" width="auto"> <el-table-column label="Mod" prop="modflg" width="46px">
</el-table-column> </el-table-column>
<el-table-column label="Role" prop="rol" width="auto"> <el-table-column label="Role" prop="rol" width="55px">
</el-table-column> </el-table-column>
<el-table-column label="in" prop="acccur" width="auto"> <el-table-column label="in" prop="acccur" width="101px">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select v-model="scope.row.acccur"> <el-select v-model="scope.row.acccur">
<el-option <el-option
v-for="item in codes.acccur" v-for="item in codes.acccur"
:key="item.value" :key="item.value"
:label="item.label" :label="item.value"
:value="item.value" :value="item.value"
> >
<span style="float: left">{{ item.label }}</span>
</el-option> </el-option>
</el-select> </el-select>
</template> </template>
...@@ -341,18 +376,20 @@ ...@@ -341,18 +376,20 @@
<el-table-column <el-table-column
label="Amount Paid" label="Amount Paid"
prop="fmtaccamt" prop="fmtaccamt"
width="auto" width="120px"
> >
</el-table-column> </el-table-column>
<el-table-column label="Disp." width="auto"> <el-table-column label="Disp." width="101px">
<template #default="scope"> <template #default="scope">
<el-select v-model="scope.row.dsp"> <el-select v-model="scope.row.dsp">
<el-option <el-option
v-for="item in codes.setglldsp" v-for="item in codes.setglldsp"
:key="item.value" :key="item.value"
:label="item.label" :label="item.value"
:value="item.value" :value="item.value"
> >
<span style="float: left">{{ item.value }}</span>
<span style="float: left;margin-left:20px">{{ item.label }}</span>
</el-option> </el-option>
</el-select> </el-select>
</template> </template>
...@@ -370,39 +407,57 @@ ...@@ -370,39 +407,57 @@
</el-select> </el-select>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="C" prop="debcdtflg" width="auto"> <el-table-column label="C" prop="debcdtflg" width="45px">
</el-table-column> </el-table-column>
<el-table-column label="Curr." prop="cur" width="auto"> <el-table-column label="Curr." prop="cur" width="55px">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="Original Amount" label="Original Amount"
prop="fmtamt" prop="fmtamt"
width="auto" width="150px"
> >
</el-table-column> </el-table-column>
<el-table-column label="Rate" prop="rat" width="auto"> <el-table-column label="Rate" prop="rat" width="120px">
</el-table-column> </el-table-column>
<el-table-column label="" width="auto"> </el-table-column> <el-table-column label="" width="80px">
<template>
<el-button
style="margin-left:0"
size="small"
type="primary"
>Get</el-button
>
</template>
</el-table-column>
<el-table-column label="" width="80px">
<template>
<el-button
style="margin-left:0"
size="small"
type="primary"
>详情</el-button
>
</template> </el-table-column>
</c-table> </c-table>
</c-col> </c-col>
<c-col :span="12" style="margin-bottom: 10px;"> <!-- <c-col :span="12" style="margin-bottom: 10px;">
<span v-text="model.setmod.retmsg" data-path=".setmod.retmsg"> <span v-text="model.setmod.retmsg" data-path=".setmod.retmsg">
</span> </span>
</c-col> </c-col> -->
<c-col :span="12" style="margin-bottom: 10px;"> <!-- <c-col :span="12" style="margin-bottom: 10px;">
<span v-text="model.setmod.zmqacclab" data-path=".setmod.zmqacclab"> <span v-text="model.setmod.zmqacclab" data-path=".setmod.zmqacclab">
</span> </span>
</c-col> </c-col> -->
<c-col :span="12" style="margin-bottom: 10px;"> <!-- <c-col :span="12" style="margin-bottom: 10px;">
<span <span
v-text="model.setmod.setglg.labdspflg" v-text="model.setmod.setglg.labdspflg"
data-path=".setmod.setglg.labdspflg" data-path=".setmod.setglg.labdspflg"
> >
</span> </span>
</c-col> </c-col> -->
</c-row> </c-row>
</template> </template>
<script> <script>
...@@ -478,5 +533,12 @@ export default { ...@@ -478,5 +533,12 @@ export default {
created: function () {}, created: function () {},
}; };
</script> </script>
<style> <style scoped>
.el-col >>> .el-divider--horizontal {
margin-top: 10px;
}
.formItemLabel >>> .el-form-item__label{
text-align: left;
font-weight:bold;
}
</style> </style>
src/views/TaskList/index.vue 0 → 100644
<template>
<div class="eContainer-taskList">
<c-tabs :value="tabVal" type="card" @tab-click="tabClick">
<el-tab-pane label="待办列表" name="sptsel">
<!-- <c-table :columnsConfig="tableColumns" :list="tableData"></c-table> -->
<t-sptsel />
</el-tab-pane>
<el-tab-pane label="未完成列表" name="trnrel">
<t-trnrel />
</el-tab-pane>
<el-tab-pane label="已完成列表" name="finishedList">
<t-trnrel />
</el-tab-pane>
<el-tab-pane label="待申报列表" name="dsbList">
</el-tab-pane>
<el-tab-pane label="草稿箱" name="draftBox">
</el-tab-pane>
<el-tab-pane label="到期提示" name="expirePrompt">
<t-diasel/>
</el-tab-pane>
</c-tabs>
</div>
</template>
<script>
import Sptsel from "~/views/Business/Sptsel";
import Trnrel from "~/views/Business/Trnrel";
import Diasel from "~/views/Business/Diasel";
export default {
name: "TaskList",
methods: {
tabClick() {},
},
components:{
"t-sptsel" : Sptsel,
"t-trnrel" : Trnrel,
"t-diasel" : Diasel,
},
};
</script>
<style scoped>
.eContainer-taskList {
padding: 20px;
}
</style>
src/views/Todo/index.vue deleted 100644 → 0
<template>
<div class="eContainer-todo">
<c-tabs :value="tabVal" type="card" @tab-click="tabClick">
<el-tab-pane label="待办列表" name="todoList">
<c-table :columnsConfig="tableColumns" :list="tableData"></c-table>
</el-tab-pane>
<el-tab-pane label="未完成列表" name="unfinishedList">
<c-table :columnsConfig="tableColumns" :list="tableData"></c-table>
</el-tab-pane>
<el-tab-pane label="已完成列表" name="finishedList">
<c-table :columnsConfig="tableColumns" :list="tableData"></c-table>
</el-tab-pane>
<el-tab-pane label="带申报列表" name="dsbList">
<c-table :columnsConfig="tableColumns" :list="tableData"></c-table>
</el-tab-pane>
</c-tabs>
</div>
</template>
<script>
export default {
name: "Todo",
data() {
return {
tabVal: "todoList",
tableColumns: [
{ label: "业务编号", prop: "Own Reference" },
{ label: "交易名称", prop: "TRN" },
{ label: "客户名称", prop: "User" },
{ label: "币种", prop: "Cur" },
{ label: "金额", prop: "Relevant Amount" },
{ label: "交易创建时间", prop: "Entry" },
// { label: "任务分配时间", prop: "" },
{ label: "机构类型", prop: "Branch" },
{ label: "交易优先级别", prop: "Status" },
],
tableData: [
{
TRN: "BDTDCK",
"Own Reference": "DD3500210260AA01",
"Addtional Text": "GUONEI",
Cur: "CNY",
"Relevant Amount": "2000",
Entry: "2021-12-13 17:01:14",
Req: "OA",
Sig: "O",
Rq0: "NN",
Rel0: "NN",
Rq1: "NA",
Rel1: "NN",
Rq2: "NN",
Rel2: "NN",
User: "'ZL",
Nam: "ZHL",
Status: "Waiting",
Branch: "押汇中心华北组",
},
{
TRN: "BOTDCR",
"Own Reference": "OC3500190001AA",
"Addtional Text": "",
Cur: "USD",
"Relevant Amount": "10000",
Entry: "2021-12-10 15:39:37",
Req: "OA",
Sig: "O",
Rq0: "NN",
Rel0: "NN",
Rq1: "NA",
Rel1: "NN",
Rq2: "NN",
Rel2: "NN",
User: "'ZL",
Nam: "ZHL",
Status: "Waiting",
Branch: "押汇中心华北组",
},
{
TRN: "DITOPN",
"Own Reference": "KZ3500210313AA",
"Addtional Text": "8888.00 ZhangSan 2000007350 GUONEI",
Cur: "CNY",
"Relevant Amount": "8888",
Entry: "2021-11-19 16:36:23",
Req: "OA",
Sig: "O",
Rq0: "NN",
Rel0: "NN",
Rq1: "NA",
Rel1: "NN",
Rq2: "NN",
Rel2: "NN",
User: "'MBF",
Nam: "马宝富",
Status: "Waiting",
Branch: "北京分行",
},
{
TRN: "DITOPN",
"Own Reference": "KZ3500210312AA",
"Addtional Text": "8888.00 ZhangSan 2000007350 GUONEI",
Cur: "CNY",
"Relevant Amount": "8888",
Entry: "2021-11-19 16:02:33",
Req: "OA",
Sig: "O",
Rq0: "NN",
Rel0: "NN",
Rq1: "NA",
Rel1: "NN",
Rq2: "NN",
Rel2: "NN",
User: "'MBF",
Nam: "马宝富",
Status: "Waiting",
Branch: "北京分行",
},
{
TRN: "BDTUDP",
"Own Reference": "DD3500210311AA01",
"Addtional Text": "GUONEI",
Cur: "CNY",
"Relevant Amount": "4000",
Entry: "2021-11-19 11:04:24",
Req: "OA",
Sig: "O",
Rq0: "NN",
Rel0: "NN",
Rq1: "NA",
Rel1: "NN",
Rq2: "NN",
Rel2: "NN",
User: "'MBF",
Nam: "马宝富",
Status: "Waiting",
Branch: "北京分行",
},
{
TRN: "DITDCK",
"Own Reference": "DD3500210311AA01",
"Addtional Text": "0.00 ZhangSan 2000007350 GUONEI",
Cur: "CNY",
"Relevant Amount": "4000",
Entry: "2021-11-19 11:03:48",
Req: "OA",
Sig: "O",
Rq0: "NN",
Rel0: "NN",
Rq1: "NA",
Rel1: "NN",
Rq2: "NN",
Rel2: "NN",
User: "'MBF",
Nam: "马宝富",
Status: "Waiting",
Branch: "北京分行",
},
{
TRN: "DITOPN",
"Own Reference": "KZ3500210311AA",
"Addtional Text": "5000.00 ZhangSan 2000007350 GUONEI",
Cur: "CNY",
"Relevant Amount": "5000",
Entry: "2021-11-19 11:00:13",
Req: "OA",
Sig: "O",
Rq0: "NN",
Rel0: "NN",
Rq1: "NA",
Rel1: "NN",
Rq2: "NN",
Rel2: "NN",
User: "'MBF",
Nam: "马宝富",
Status: "Waiting",
Branch: "北京分行",
},
{
TRN: "FCTCAN",
"Own Reference": "CH3500200001AA",
"Addtional Text": "",
Cur: "USD",
"Relevant Amount": "12000",
Entry: "2021-11-19 09:35:13",
Req: "OA",
Sig: "O",
Rq0: "NN",
Rel0: "NN",
Rq1: "NA",
Rel1: "NN",
Rq2: "NN",
Rel2: "NN",
User: "'MBF",
Nam: "马宝富",
Status: "Waiting",
Branch: "北京分行",
},
],
};
},
methods: {
tabClick() {},
},
};
</script>
<style scoped>
.eContainer-todo {
padding: 20px;
}
</style>
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