Commit 9b789de7 by zhengxiaokui
parents 07182f75 f0450220
......@@ -30,6 +30,7 @@
</el-table-column>
<slot></slot>
</el-table>
<c-col :span="16">
<el-pagination
class="eContainer-pagination"
layout="prev, pager, next, jumper"
......@@ -40,6 +41,8 @@
@size-change="sizeChange"
@current-change="currentChange"
></el-pagination>
</c-col>
<c-col :span="8">
<div class="paginationLable">
当前显示第 {{ (currentPage - 1) * pageSize + 1 }}-{{
currentPage * pageSize > tableData.length
......@@ -48,6 +51,7 @@
}}
条,共 {{ tableData.length }}
</div>
</c-col>
</div>
</template>
......@@ -193,7 +197,7 @@ export default {
height: 26px;
line-height: 26px;
float: right;
margin-top: 20px;
/* margin-top: 20px; */
}
.eContainer-table-block .el-table__body-wrapper {
overflow: auto;
......
......@@ -16,6 +16,7 @@
></el-table-column>
<slot></slot>
</el-table>
<c-col :span="16">
<el-pagination
class="eContainer-pagination"
layout="prev, pager, next, jumper"
......@@ -26,7 +27,10 @@
@size-change="sizeChange"
@current-change="currentChange"
></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>
</c-col>
</div>
</template>
......@@ -105,7 +109,7 @@ export default {
height: 26px;
line-height: 26px;
float:right;
margin-top:20px;
/* margin-top:20px; */
}
.eContainer-table-block .el-table__body-wrapper {
overflow: auto;
......
......@@ -241,7 +241,7 @@ export default {
height: 26px;
line-height: 26px;
float:right;
margin-top:20px;
/* margin-top:20px; */
}
.eContainer-table-block .el-table__body-wrapper {
overflow: auto;
......
......@@ -19,6 +19,7 @@
></el-table-column>
<slot></slot>
</el-table>
<c-col :span="16" style="text-align:left">
<el-pagination
class="eContainer-pagination"
v-if="paginationShow"
......@@ -30,9 +31,12 @@
:total="total"
v-on="$listeners"
></el-pagination>
</c-col>
<c-col :span="8">
<div class="paginationLable" v-if="paginationShow">
当前显示第 {{ page1 }}-{{ page2 }} 条,共 {{ total }}
</div>
</c-col>
</div>
</template>
......@@ -186,7 +190,7 @@ export default {
height: 26px;
line-height: 26px;
float: right;
margin-top: 20px;
/* margin-top: 20px; */
}
.eContainer-table-block .el-table__body-wrapper {
overflow: auto;
......@@ -197,6 +201,9 @@ export default {
.el-table .success-row {
background: #f0f9eb;
}
.el-table--small td, .el-table--small th {
padding: 3px 0;
}
/* .eContainer-table thead tr th.is-leaf{
border-bottom: transparent;
} */
......
......@@ -46,7 +46,7 @@ export const routes = [
redirect: "/home",
children: [
{ 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 },
......
<template>
<div class="eContainer">
<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 -->
<el-tab-pane label="Diary Selection" name="diaselp">
<!-- <el-tab-pane label="Diary Selection" name="diaselp"> -->
<m-diaselp :model="model" :codes="codes" ref="diaselp"/>
</el-tab-pane>
</c-tabs>
<!-- </el-tab-pane>
</c-tabs> -->
</el-form>
</div>
</template>
......
......@@ -16,7 +16,7 @@
<c-col :span="8">
<c-select
v-model="model.litameadv"
style="width: 70%"
style="width: 60%"
placeholder="请选择特殊规定"
>
<el-option
......@@ -32,14 +32,14 @@
</c-col>
<c-col :span="24">
<el-form-item label="" prop="ameadvrmk" style="width: 60%">
<el-form-item label="" prop="ameadvrmk">
<c-input
:disabled="model.litameadv == '无特殊规定'"
type="textarea"
v-model="model.ameadvrmk"
:autosize="{ minRows: 4, maxRows: 6 }"
:rows="4"
maxlength="68"
style="width: 50%"
style="width: 30%"
show-word-limit
></c-input>
</el-form-item>
......
......@@ -184,12 +184,13 @@
</c-button>
</c-col>
-->
<c-col :span="24" style="text-align: right">
<c-row>
<c-col :span="2" :offset="20">
<c-col :span="11" style="margin-left:25px;text-align:right">
<!-- <c-row> -->
<!-- <c-col :span="23" style="margin-left:35px;text-align:right"> -->
<c-button size="small" type="primary" @click="onLiaccvAdd">
Add
</c-button>
<!-- </c-col> -->
<el-dialog
:visible.sync="dialogTableVisible"
:close-on-click-modal="false"
......@@ -205,19 +206,18 @@
</el-table-column>
</c-istream-table>
</el-dialog>
</c-col>
<!-- <c-col :span="2">
<c-button size="small" icon="el-icon-delete" @click="onLiaccvDel">
Del
</c-button>
</c-col> -->
</c-row>
<!-- </c-row> -->
</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
:border="true"
:list="model.liaall.liaccv.liaccvg"
......@@ -281,7 +281,7 @@
</el-form-item>
</c-col> -->
<c-col :span="24">
<c-col :span="24" style="margin-top:15px">
<el-form-item label="金额总和">
<c-col :span="8">
<c-input
......
......@@ -17,15 +17,16 @@
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
</c-col>
<c-col :span="24">
<c-col :span="6">
<el-form-item
label="Display Type"
prop="mtabut.coninf.oitinf.oit.inflev"
>
<c-select
v-model="model.mtabut.coninf.oitinf.oit.inflev"
style="width: 50%"
style="width: 100%"
disabled
placeholder="请选择Infotext Level"
>
......@@ -39,7 +40,7 @@
</c-select>
</el-form-item>
</c-col>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
......@@ -57,15 +58,16 @@
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
</c-col>
<c-col :span="24">
<c-col :span="6">
<el-form-item
label="Display Type"
prop="mtabut.coninf.oitset.oit.inflev"
>
<c-select
v-model="model.mtabut.coninf.oitset.oit.inflev"
style="width: 50%"
style="width: 100%"
disabled
placeholder="请选择Infotext Level"
>
......@@ -79,28 +81,29 @@
</c-select>
</el-form-item>
</c-col>
</c-col>
</c-col>
<c-col :span="12">
<c-col :span="6">
<el-form-item label="执行日期" prop="mtabut.coninf.conexedat">
<el-date-picker
type="date"
v-model="model.mtabut.coninf.conexedat"
style="width: 40%"
style="width: 100%"
placeholder="请选择执行日期"
></el-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="6" style="text-align:right">
<el-form-item
label="Send for Release to"
prop="mtabut.coninf.usr.extkey"
label-width="140px"
>
<c-input
v-model="model.mtabut.coninf.usr.extkey"
maxlength="8"
style="width: 40%"
style="width: 100%"
disabled="disabled"
placeholder="请输入User ID"
></c-input>
......
......@@ -11,25 +11,25 @@
</el-form-item>
<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 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-col>
<c-col :span="4" style="text-align: right">
<c-button size="medium" style="margin:0 0;" type="primary" icon="el-icon-search" @click="onDefdetButtxmsel">
<c-col :span="3" style="text-align: right">
<c-button size="small" style="margin:0 0;" type="primary" icon="el-icon-search" @click="onDefdetButtxmsel">
</c-button>
</c-col>
</el-form-item>
<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-col>
<c-col :span="4" style="text-align: right">
<c-button size="medium" type="primary" style="margin:0 0;" icon="el-icon-search" @click="onPreperButtxmsel">
<c-col :span="3" style="text-align: right">
<c-button size="small" type="primary" style="margin:0 0;" icon="el-icon-search" @click="onPreperButtxmsel">
</c-button>
</c-col>
</el-form-item>
......
<template>
<div class="eibs-tab">
<c-col :span="24" style="margin-bottom:18px">
<!-- <c-col :span="24" style="margin-bottom:18px">
Liability
</c-col>
<c-col :span="22" :offset="1">
</c-col> -->
<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">
<el-table-column prop="cbtpfx" label="Type" width="auto"> </el-table-column>
<el-table-column prop="matdat" label="Maturity" width="auto"> </el-table-column>
......@@ -50,20 +50,23 @@
</el-form-item>
</c-col> -->
<c-col :span="12">
<c-col :span="16" style="margin-top:10px">
<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:50%" disabled v-model="model.liaall.misamt" placeholder="请输入Amount not yet assigned"></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: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>
</c-col>
<c-col :span="12">
<!-- <c-col :span="1" style="text-align:left;margin-left:0">
<el-form-item label="">
<c-button size="small" disabled type="primary" @click="onLiaallButmisamt">
Add to Current Line
</c-button>
</el-form-item>
</c-col>
</c-col> -->
<!-- <c-col :span="12">
<el-form-item label="">
......
......@@ -87,14 +87,14 @@
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="20">
<el-form-item
label="额度类型"
prop="liaall.limmod.limpts.nonrevflg1"
>
<c-select
v-model="model.liaall.limmod.limpts.nonrevflg1"
style="width: 100%"
style="width: 95%"
placeholder="请选择Flag to Mark Non-revolving Limits"
@change="nonrevflg1Change"
>
......@@ -109,15 +109,14 @@
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="10px">
<c-button size="small" type="primary" @click="onLimptsGet1">
查询
<c-col :span="1">
<!-- <el-form-item label=""> -->
<c-button style="margin:0 10px 0 0;padding: 0 10px;" size="small" type="primary" icon="el-icon-search" @click="onLimptsGet1">
</c-button>
</el-form-item>
<!-- </el-form-item> -->
</c-col>
<c-col :span="24">
<c-col :span="20">
<el-form-item
label="合同流水号"
prop="liaall.limmod.limpts.pfcod1"
......@@ -127,7 +126,7 @@
maxlength="14"
placeholder="请输入合同流水号"
:disabled="this.model.liaall.limmod.limpts.nonrevflg1 != '2'"
style="width: 55%"
style="width: 95%"
></c-input>
</el-form-item>
</c-col>
......@@ -135,36 +134,36 @@
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<c-col :span="20">
<el-form-item label="业务编号" prop="liaall.limmod.ownref">
<c-input
v-model="model.liaall.limmod.ownref"
maxlength="16"
placeholder="请输入国结业务编号"
:disabled="true"
style="width: 70%"
style="width: 95%"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="20">
<el-form-item label="业务余额" prop="liaall.limmod.comamt">
<c-input
v-model="model.liaall.limmod.comamt"
placeholder="请输入业务余额"
:disabled="true"
style="width: 70%"
style="width: 95%"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="20">
<el-form-item label="保证金余额" prop="liaall.limmod.ccvamt">
<c-input
v-model="model.liaall.limmod.ccvamt"
placeholder="请输入保证金余额"
:disabled="true"
style="width: 70%"
style="width: 95%"
></c-input>
</el-form-item>
</c-col>
......@@ -230,7 +229,7 @@
</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">
<el-table-column label="可否串用" width="auto">
</el-table-column>
......
......@@ -2,13 +2,13 @@
<div class="eibs-tab">
<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>
</el-form-item>
</c-col>
<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>
</el-form-item>
</c-col>
......
......@@ -91,12 +91,12 @@
&nbsp;
</c-col> -->
<c-col :span="12">
<c-col :span="13">
<el-form-item label="信用证金额" prop="didgrp.cbs.nom1.cur">
<c-select
disabled
v-model="model.didgrp.cbs.nom1.cur"
style="width: 100%"
style="width: 95%"
placeholder="请选择Currency"
@keyup.enter.native="nom1CurEvent"
>
......@@ -110,10 +110,10 @@
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="11">
<el-form-item
style="text-align: left"
label-width="20px"
label-width="0"
prop="didgrp.cbs.nom1.amt"
>
<c-input-currency
......@@ -135,22 +135,24 @@
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="13">
<el-form-item label="上下浮动限额" prop="didgrp.rec.nomtop">
<c-input
v-model="model.didgrp.rec.nomtop"
maxlength="9"
style="width: 45%"
style="width: 40%"
placeholder="请输入Amount Tolerance - Positive"
></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
v-model="model.didgrp.rec.nomton"
maxlength="9"
style="width: 45%"
style="width: 40%"
placeholder="请输入Amount Tolerance - Negative"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- <c-col :span="12" style="text-align: left">
<el-form-item
label=""
......@@ -168,11 +170,11 @@
<!-- <c-col> &nbsp; </c-col> -->
<c-col :span="12">
<c-col :span="13">
<el-form-item label="信用证最大金额" prop="didgrp.cbs.max.cur">
<c-select
v-model="model.didgrp.cbs.max.cur"
style="width: 100%"
style="width: 95%"
placeholder="请选择Currency"
disabled
>
......@@ -187,8 +189,8 @@
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="20px" prop="didgrp.cbs.max.amt">
<c-col :span="11">
<el-form-item label="" label-width="0" prop="didgrp.cbs.max.amt">
<c-input
v-model="model.didgrp.cbs.max.amt"
placeholder="请输入信用证最大金额"
......@@ -232,16 +234,19 @@
</c-col>
<c-col :span="24">
<c-col :span="13">
<el-form-item label="开证日期" prop="didgrp.rec.opndat">
<c-date-picker
type="date"
v-model="model.didgrp.rec.opndat"
style="width: 45%"
placeholder="请选择Date L/C Opened/Issued"
style="width: 95%"
placeholder="请选择Date"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
</c-col>
<c-col :span="24">
<c-col :span="13">
<el-form-item
v-if="model.didgrp.rec.mytype == 'H'"
label="最迟货物装运日"
......@@ -251,8 +256,8 @@
type="date"
v-model="model.didgrp.rec.shpdat"
value-format="yyyy-MM-dd"
style="width: 45%"
placeholder="请选择Shipment Date"
style="width: 95%"
placeholder="请选择Date"
></c-date-picker>
</el-form-item>
<el-form-item
......@@ -264,8 +269,8 @@
type="date"
v-model="model.didgrp.rec.shpdat"
value-format="yyyy-MM-dd"
style="width: 45%"
placeholder="请选择Shipment Date"
style="width: 95%"
placeholder="请选择Date"
></c-date-picker>
</el-form-item>
<el-form-item
......@@ -277,22 +282,25 @@
type="date"
v-model="model.didgrp.rec.shpdat"
value-format="yyyy-MM-dd"
style="width: 45%"
placeholder="请选择Shipment Date"
style="width: 95%"
placeholder="请选择"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="13">
<el-form-item label="有效日期" prop="didgrp.rec.expdat">
<c-date-picker
type="date"
v-model="model.didgrp.rec.expdat"
value-format="yyyy-MM-dd"
style="width: 45%"
placeholder="请选择Date of Expiry"
style="width: 95%"
placeholder="请选择Date"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="有效地点" prop="didgrp.rec.expplc">
<c-input
......
......@@ -6,25 +6,25 @@
</c-col>
-->
<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>
</el-form-item>
</c-col>
<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>
</el-form-item>
</c-col>
<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>
</el-form-item>
</c-col>
<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>
</el-form-item>
</c-col>
......
......@@ -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>
</c-function-btn>
<el-form
......@@ -89,8 +89,9 @@
<el-tab-pane label="表外" name="engp">
<!--PD000027 -->
<c-content>
<m-engp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="保证金" name="ccvpan">
......
<template>
<div class="eContainer">
<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">
<el-tab-pane :value="tabVal" label="待办任务查询" name="menu">
<!-- <c-tabs :value="tabVal" ref="elment" type="card" @tab-click="tabClick"> -->
<!-- <el-tab-pane :value="tabVal" label="待办任务查询" name="menu"> -->
<m-menu :model="model" :codes="codes" ref="Menu"/>
</el-tab-pane>
</c-tabs>
<!-- </el-tab-pane> -->
<!-- </c-tabs> -->
</el-form>
</div>
</template>
......
<template>
<div class="eContainer">
<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-tab-pane label="复核夹查询">
<!-- <el-tabs ref="elment" type="card" @tab-click="tabClick">
<el-tab-pane label="复核夹查询"> -->
<m-inftrnps :model="model" :codes="codes" ref="inftrnps" />
</el-tab-pane>
</el-tabs>
<!-- </el-tab-pane>
</el-tabs> -->
</el-form>
</div>
......
<template>
<div class="item-header">
<div class="item-header_title">{{ title }}</div>
<div class="cell-header">
<div class="cell-header_title">{{ title }}</div>
<div>
<slot></slot>
</div>
......@@ -19,31 +19,31 @@ export default {
</script>
<style scoped>
.item-header {
.cell-header {
margin: 10px 20px;
height: 30px;
display: flex;
justify-content: space-between;
border-bottom: 2px solid #f7f7f7;
}
.item-header_title {
.cell-header_title {
font-weight: bold;
font-size: 15px;
}
.item-header_title::before {
.cell-header_title::before {
content: "";
border-left: 5px solid #647092;
margin-right: 10px;
}
.item-header [class^="el-icon-"] {
.cell-header [class^="el-icon-"] {
font-weight: bold;
cursor: pointer;
color: #95979b;
}
.item-header [class^="el-icon-"]:hover {
.cell-header [class^="el-icon-"]:hover {
color: #000;
}
.item-header >>> .el-icon-more {
.cell-header >>> .el-icon-more {
transform: rotate(90deg);
}
</style>
<template>
<div class="home-item" id="customerAnalyse">
<ItemHeaderVue title="大客户分析">
<span class="el-icon-refresh-right" title="刷新"></span>
</ItemHeaderVue>
<div class="item-content">
<div class="home-cell" id="customerAnalyse">
<CellHeaderVue title="大客户分析">
<span class="el-icon-refresh" title="刷新"></span>
</CellHeaderVue>
<div class="cell-content">
<div class="chart-operate">
<i class="el-icon-arrow-up"></i>
<i class="el-icon-arrow-down"></i>
......@@ -14,12 +14,12 @@
</template>
<script>
import ItemHeaderVue from "./ItemHeader.vue";
import CellHeaderVue from "./CellHeader.vue";
import * as echarts from "echarts";
export default {
name: "CustomerAnalyse",
components: { ItemHeaderVue },
components: { CellHeaderVue },
data() {
return {};
},
......@@ -71,7 +71,7 @@ export default {
data: [19325, 23438, 31000, 121594, 134141, 381807],
},
{
name: "中欧贡献(千美元)",
name: "费用收益(千美元)",
type: "bar",
data: [49325, 53438, 11000, 221594, 43241, 455807],
},
......@@ -83,14 +83,14 @@ export default {
</script>
<style scoped>
#customerAnalyse .item-content .chart-operate {
#customerAnalyse .cell-content .chart-operate {
margin-left: 20px;
height: 20px;
}
#customerAnalyse .item-content .chart-operate i {
#customerAnalyse .cell-content .chart-operate i {
cursor: pointer;
}
#customerAnalyse .item-content #chart {
#customerAnalyse .cell-content #chart {
width: 98%;
height: calc(100% - 25px);
margin: 0 auto;
......
<template>
<div class="home-item" id="hall">
<ItemHeaderVue title="电子大厅">
<span class="el-icon-refresh-right" title="刷新"></span>
</ItemHeaderVue>
<div class="item-content">
<div class="home-cell" id="hall">
<CellHeaderVue title="电子大厅">
<span class="el-icon-refresh" title="刷新"></span>
</CellHeaderVue>
<div class="cell-content">
<div class="card-item" v-for="(item, idx) in itemList" :key="idx">
<div class="dept-name">
<div class="first-word" :style="{ 'background-image': item.backImg }">
......@@ -25,11 +25,11 @@
</template>
<script>
import ItemHeaderVue from "./ItemHeader.vue";
import CellHeaderVue from "./CellHeader.vue";
export default {
name: "Hall",
components: { ItemHeaderVue },
components: { CellHeaderVue },
data() {
return {
itemList: [
......@@ -53,15 +53,15 @@ export default {
</script>
<style scoped>
#hall .item-content {
#hall .cell-content {
display: flex;
flex-wrap: wrap;
}
#hall .item-content {
#hall .cell-content {
justify-content: space-around;
align-items: center;
}
#hall .item-content .card-item {
#hall .cell-content .card-item {
width: 45%;
height: 45%;
background-color: #e6e8ef;
......
<template>
<div class="home-item" id="noticeAnnouncement">
<ItemHeaderVue title="通知公告">
<span class="el-icon-refresh-right" title="刷新"></span>
<div class="home-cell" id="noticeAnnouncement">
<CellHeaderVue title="通知公告">
<span class="el-icon-refresh" title="刷新"></span>
<span class="el-icon-more" title="操作"></span>
</ItemHeaderVue>
<div class="item-content">
</CellHeaderVue>
<div class="cell-content">
<div class="notice-item" v-for="(item, idx) in noticeList" :key="idx">
<div class="notice-title" :class="{ active: idx === 0 }">
{{ item.title }}
......@@ -18,11 +18,11 @@
</template>
<script>
import ItemHeaderVue from "./ItemHeader.vue";
import CellHeaderVue from "./CellHeader.vue";
export default {
name: "NoticeAnnouncement",
components: { ItemHeaderVue },
components: { CellHeaderVue },
data() {
return {
noticeList: [
......@@ -51,30 +51,30 @@ export default {
<style scoped>
/* 通知公告 */
#noticeAnnouncement .item-content {
#noticeAnnouncement .cell-content {
display: flex;
flex-wrap: wrap;
margin: 0 20px;
}
#noticeAnnouncement .item-content .notice-item {
#noticeAnnouncement .cell-content .notice-item {
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 5px;
font-size: 15px;
}
#noticeAnnouncement .item-content .notice-item .notice-title {
#noticeAnnouncement .cell-content .notice-item .notice-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 75%;
}
#noticeAnnouncement .item-content .notice-item .notice-title::before {
#noticeAnnouncement .cell-content .notice-item .notice-title::before {
content: "";
display: inline-block;
width: 8px;
}
#noticeAnnouncement .item-content .notice-item .notice-title.active::before {
#noticeAnnouncement .cell-content .notice-item .notice-title.active::before {
content: "";
background: rgb(255, 0, 0);
display: inline-block;
......@@ -85,7 +85,7 @@ export default {
margin-right: 2px;
margin-bottom: 2px;
}
#noticeAnnouncement .item-content .notice-item .notice-date {
#noticeAnnouncement .cell-content .notice-item .notice-date {
/* width: 20%; */
margin-right: 6px;
}
......
<template>
<div class="home-item" id="quickSearch">
<ItemHeaderVue title="快速查询"> </ItemHeaderVue>
<div class="item-content">
<div class="home-cell" id="quickSearch">
<CellHeaderVue title="快速查询"> </CellHeaderVue>
<div class="cell-content">
<div
class="search-item"
v-for="(item, index) in options"
......@@ -15,11 +15,11 @@
</template>
<script>
import ItemHeaderVue from "./ItemHeader.vue";
import CellHeaderVue from "./CellHeader.vue";
export default {
name: 'QuickSearch',
components: { ItemHeaderVue },
components: { CellHeaderVue },
data() {
return {
options: [
......@@ -38,33 +38,31 @@ export default {
</script>
<style scoped>
#quickSearch .item-content {
#quickSearch .cell-content {
display: flex;
flex-wrap: wrap;
}
#quickSearch .item-content .search-item {
#quickSearch .cell-content .search-item {
width: 33%;
padding-bottom: 16px;
display: flex;
display: flex;
width: 145px;
/* height: 80px; */
flex-direction: column;
align-items: center;
margin: 0 15px 15px;
cursor: pointer;
}
#quickSearch .item-content .search-item i {
#quickSearch .cell-content .search-item i {
color: #0088ff;
font-size: 36px;
}
#quickSearch .item-content .search-item span {
#quickSearch .cell-content .search-item span {
color: #303133;
font-size: 15px;
font-size: 14px;
margin-top: 10px;
}
/* #quickSearch .item-content .search-item:hover i {
/* #quickSearch .cell-content .search-item:hover i {
color: var(--themecolor);
} */
#quickSearch .item-content .search-item:hover span {
#quickSearch .cell-content .search-item:hover span {
color: var(--themecolor);
}
</style>
<template>
<div class="home-item" id="quickVisit">
<ItemHeaderVue title="快速访问">
<span class="el-icon-refresh-right" title="刷新"></span>
<div class="home-cell" id="quickVisit">
<CellHeaderVue title="快速访问">
<span class="el-icon-refresh" title="刷新"></span>
<span class="el-icon-more" title="操作"></span>
</ItemHeaderVue>
</CellHeaderVue>
<div class="item-content">
<div class="cell-content">
<div
class="visit-item"
v-for="(item, index) in quickVisitItem"
......@@ -23,11 +23,11 @@
</template>
<script>
import ItemHeaderVue from "./ItemHeader.vue";
import CellHeaderVue from "./CellHeader.vue";
export default {
name: 'QuickVisit',
components: { ItemHeaderVue },
components: { CellHeaderVue },
data() {
return {
quickVisitItem: [
......@@ -59,33 +59,31 @@ export default {
<style scoped>
/* 快速访问 */
#quickVisit .item-content {
#quickVisit .cell-content {
display: flex;
flex-wrap: wrap;
}
#quickVisit .item-content .visit-item {
#quickVisit .cell-content .visit-item {
width: 33%;
padding-bottom: 16px;
display: flex;
display: flex;
width: 145px;
/* height: 80px; */
flex-direction: column;
align-items: center;
margin: 0 15px 15px;
cursor: pointer;
}
#quickVisit .item-content .visit-item i {
#quickVisit .cell-content .visit-item i {
color: #0088ff;
font-size: 36px;
}
#quickVisit .item-content .visit-item span {
#quickVisit .cell-content .visit-item span {
color: #303133;
font-size: 15px;
font-size: 14px;
margin-top: 10px;
}
/* #quickVisit .item-content .visit-item:hover i {
/* #quickVisit .cell-content .visit-item:hover i {
color: var(--themecolor);
} */
#quickVisit .item-content .visit-item:hover span {
#quickVisit .cell-content .visit-item:hover span {
color: var(--themecolor);
}
</style>
<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>
<template>
<div class="eContainer-home">
<QuickVisitVue></QuickVisitVue>
<TaskStatisticsVue></TaskStatisticsVue>
<NoticeAnnouncementVue></NoticeAnnouncementVue>
<HallVue></HallVue>
<CustomerAnalyseVue></CustomerAnalyseVue>
......@@ -9,16 +10,18 @@
</template>
<script>
import QuickVisitVue from "./QuickVisit.vue";
import NoticeAnnouncementVue from "./NoticeAnnouncement.vue";
import HallVue from "./Hall.vue";
import CustomerAnalyseVue from "./CustomerAnalyse.vue";
import QuickSearchVue from "./QuickSearch.vue";
import QuickVisitVue from "./cells/QuickVisit.vue";
import TaskStatisticsVue from './cells/TaskStatistics.vue';
import NoticeAnnouncementVue from "./cells/NoticeAnnouncement.vue";
import HallVue from "./cells/Hall.vue";
import CustomerAnalyseVue from "./cells/CustomerAnalyse.vue";
import QuickSearchVue from "./cells/QuickSearch.vue";
export default {
name: "Home",
components: {
QuickVisitVue,
TaskStatisticsVue,
NoticeAnnouncementVue,
HallVue,
CustomerAnalyseVue,
......@@ -35,25 +38,19 @@ export default {
height: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
/* justify-content: space-around; */
align-items: center;
}
.home-item {
.home-cell {
width: 33%;
height: 49%;
margin-left: 0.166%;
margin-right: 0.166%;
background-color: #ffffff;
box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
border-radius: 8px;
}
#quickVisit {
width: 66.3%;
}
#noticeAnnouncement,
#hall,
#customerAnalyse,
#quickSearch {
width: 33%;
}
.home-item >>> .item-content {
.home-cell >>> .cell-content {
/* max-height: calc(100% - 52px); */
height: calc(100% - 52px);
overflow: auto;
......
......@@ -206,7 +206,7 @@ export default {
padding: 0px 15px;
display: inline-table;
vertical-align: top;
font-family: "KaiTi";
font-family: "黑体";
/* border-left: 1px solid antiquewhite; */
border-left: 1px solid #fff;
}
......
......@@ -44,10 +44,10 @@ export default {
menuOpen: true,
searchContent: "",
menuList: [
{ inifrm: "0", ininam: "公共夹", pntmiu: "" },
{ inifrm: "sptsel", ininam: "待办任务", pntmiu: "0" },
{ inifrm: "trnrel", ininam: "复核任务", pntmiu: "0" },
{ inifrm: "diasel", ininam: "备忘录选择交易", pntmiu: "0" },
// { inifrm: "0", ininam: "公共夹", pntmiu: "" },
// { inifrm: "sptsel", ininam: "待办任务", pntmiu: "0" },
// { inifrm: "trnrel", ininam: "复核任务", pntmiu: "0" },
// { inifrm: "diasel", ininam: "备忘录选择交易", pntmiu: "0" },
{ inifrm: "1", ininam: "汇款", pntmiu: "" },
{ inifrm: "infcpd", ininam: "汇款查询", pntmiu: "1" },
{ inifrm: "cptopn", ininam: "汇出汇款", pntmiu: "1" },
......
<template>
<div class="eibs-tab">
<c-col :span="12">
<!-- <c-col :span="12">
<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">
<el-table-column label="报文格式">
<template slot-scope="scope">
......@@ -130,23 +130,28 @@
</c-select>
</template>
</el-table-column>
<el-table-column label="操作" width="160">
<el-table-column label="操作" width="115px">
<template slot-scope="scope">
<el-button
size="mini"
type="primary"
size="small"
:disabled="
model.trnmod.trndoc.doceot[scope.row.index]
.pandsc == 'MT799' &&
model.didgrp.rec.elcflg == 'Y'
"
@click="handleDisplay(scope.row.index, scope.row)"
>显示</el-button
icon="el-icon-search"
style="margin-left:0"
></el-button
>
<el-button
size="mini"
type="danger"
size="small"
type="primary"
icon="el-icon-edit"
style="margin-left:0"
@click="handleDetail(scope.row.index, scope.row)"
>明细</el-button
></el-button
>
</template>
</el-table-column>
......
<template>
<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-col>
</div>
......
......@@ -72,7 +72,7 @@
<template v-else>
<c-col :span="24">
<el-form-item
label="电证名称"
:label="`${argadr.title}名称`"
:prop="`${argadr.grp}.${argadr.rol}.namelc`"
>
<c-input
......@@ -89,7 +89,7 @@
<c-col :span="24">
<el-form-item
label="电证地址"
:label="`${argadr.title}地址`"
:prop="`${argadr.grp}.${argadr.rol}.adrelc`"
>
<c-input
......
<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>
<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