Commit ae71d89b by Wuyuqiu

样式调整

parent 1698b3fd
...@@ -268,7 +268,141 @@ ...@@ -268,7 +268,141 @@
</template> </template>
</c-list-search> </c-list-search>
<div style="height: 90%"> <div>
<c-col :span="24">
<el-table
:header-cell-style="{background: 'linear-gradient(180deg, #FFFFFF 0%, #F1F1F1 100%)'}"
:header-row-style="{height: '5px'}"
:row-style="{height: '5px'}"
:cell-style="{padding: '0px'}"
v-loading="load"
:data="stmData.data"
style="width:100%;"
size="small"
:border="true"
height="calc(100vh - 482px)"
:highlight-current-row="true"
@row-click="TableRowClick"
@row-dblclick="TableDblRow"
>
<el-table-column label="单据编号" prop="ownref" align="left" fixed="left" min-width="150" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="客户经理" prop="ownusr" align="left" min-width="100" sortable>
</el-table-column>
<el-table-column label="单据币种" prop="maxcur" align="left" min-width="100" sortable>
</el-table-column>
<el-table-column label="单据金额" prop="maxamt" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
<template slot-scope="scope">
<span> {{moneyFormat(scope.row.maxamt, scope.row.maxcur) }}
</span>
</template>
</el-table-column>
<el-table-column label="创建日期" prop="opndat" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="申请人编号" prop="aplref" align="left" min-width="200" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="申请人名称" prop="aplnam" align="left" min-width="200" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="受益人名称" prop="benefi" align="left" min-width="200" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="交单行编号" prop="bankno" align="left" min-width="200" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="关闭日期" prop="clsdat" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column label="货物类型" prop="stagod" align="left" min-width="150" :show-overflow-tooltip="true" sortable>
</el-table-column>
<el-table-column fixed="right" prop="op" label="操作" width="150px">
<template slot="header">
<c-col :span="11" style="text-align: center">
<span>操作</span>
</c-col>
</template>
<template slot-scope="scope">
<el-popover
placement="top-start"
title="历史信息"
width="800"
trigger="click"
:ref="'popover_' + scope.row.IDX"
>
<div
style="
text-align: right;
margin-top: -30px;
margin-right: 5px;
font-size: 16px;
"
>
<span
class="el-icon-close"
style="cursor: pointer"
@click="closeDetailsDialog('popover_' + scope.row.IDX)"
></span>
</div>
<el-table
:data="trnData.data"
:columns="trnData.columns"
:showButtonFlg="true"
>
<el-table-column
v-for="(item, key) in trnData.columns"
:key="key"
:label="item.label"
:prop="item.prop"
>
<template slot-scope="scope">
<div>{{ scope.row[item.prop] }}</div>
</template>
</el-table-column>
<el-table-column
fixed="right"
prop="op"
label="操作"
width="250px"
>
<template slot-scope="scope">
<c-button
style="margin-left: 0"
size="small"
@click="display(scope.row['inr'])"
>详情</c-button
>
</template>
</el-table-column>
</el-table>
<c-button
style="margin-left: 0"
size="small"
slot="reference"
@click="details(scope.row)"
>
详情
</c-button>
</el-popover>
<c-button
style="margin-left: 5px"
size="small"
type="primary"
v-if="!isInfo"
@click="handler(scope.row)"
>处理
</c-button>
</template>
</el-table-column>
</el-table>
<el-pagination
layout="total, sizes, prev, pager, next, jumper"
:total="pagination.total"
:page-size="pagination.pageSize"
:current-page.sync="pagination.pageIndex"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
>
</el-pagination>
</c-col>
</div>
<!-- <div>
<c-col :span="24"> <c-col :span="24">
<el-table <el-table
:data="stmData.data" :data="stmData.data"
...@@ -374,7 +508,7 @@ ...@@ -374,7 +508,7 @@
</el-pagination> </el-pagination>
</div> </div>
</c-col> </c-col>
</div> </div> -->
<!-- 点击处理ba弹框 --> <!-- 点击处理ba弹框 -->
<el-dialog <el-dialog
:visible.sync="initdialog" :visible.sync="initdialog"
......
...@@ -9,9 +9,9 @@ ...@@ -9,9 +9,9 @@
size="small" size="small"
:validate-on-rule-change="false" :validate-on-rule-change="false"
> >
<c-content> <!-- <c-content> -->
<m-infsea :model="model" :codes="codes" ref="infsea" /> <m-infsea :model="model" :codes="codes" ref="infsea" />
</c-content> <!-- </c-content> -->
</el-form> </el-form>
</div> </div>
</template> </template>
......
...@@ -244,9 +244,9 @@ ...@@ -244,9 +244,9 @@
layout="total, sizes, prev, pager, next, jumper" layout="total, sizes, prev, pager, next, jumper"
:total="pagination.total" :total="pagination.total"
:page-size="pagination.pageSize" :page-size="pagination.pageSize"
:current-page.sync="pagination.pageNum" :current-page.sync="pagination.pageIndex"
@size-change="handleSizeChange" @size-change="handleSizeChange"
@current-change="currentChange" @current-change="handleCurrentChange"
> >
</el-pagination> </el-pagination>
</c-col> </c-col>
......
...@@ -89,11 +89,6 @@ ...@@ -89,11 +89,6 @@
</c-col> </c-col>
</el-row> </el-row>
<c-col :span="24" style="">
<div style="border-bottom: 10px solid rgb(232, 232, 232)">
</div>
</c-col>
<el-row> <el-row>
<c-col :span="24" style="margin-top:20px;"> <c-col :span="24" style="margin-top:20px;">
<el-table <el-table
...@@ -113,7 +108,7 @@ ...@@ -113,7 +108,7 @@
:formatter="item.rounding" :formatter="item.rounding"
:header-align="item.headerAlign" :header-align="item.headerAlign"
:align="item.align" :align="item.align"
:width="item.width" :min-width="item.width"
show-overflow-tooltip="true" show-overflow-tooltip="true"
sortable sortable
> >
...@@ -177,7 +172,7 @@ ...@@ -177,7 +172,7 @@
{ label: "业务编号", prop: "ownref" , width: "100px"}, { label: "业务编号", prop: "ownref" , width: "100px"},
{ label: "摘要信息", prop: "addtxt" , width: "200px"}, { label: "摘要信息", prop: "addtxt" , width: "200px"},
{ label: "币种", prop: "reloricur", width: "70px" }, { label: "币种", prop: "reloricur", width: "70px" },
{ label: "金额1", prop: "reloriamt",rounding:this.rounding,headerAlign:"right",align:"right", width: "70px" }, { label: "金额1", prop: "reloriamt",rounding:this.rounding,headerAlign:"right",align:"right", width: "100px" },
{ label: "创建时间", prop: "inidattim", width: "100px" }, { label: "创建时间", prop: "inidattim", width: "100px" },
{ label: "签名要求", prop: "relreq", width: "100px" }, { label: "签名要求", prop: "relreq", width: "100px" },
{ label: "签名状态", prop: "relres", width: "100px" }, { label: "签名状态", prop: "relres", width: "100px" },
......
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
:key="key" :key="key"
:prop="item.prop" :prop="item.prop"
:label="item.label" :label="item.label"
:width="item.width" :min-width="item.width"
sortable sortable
> >
<template v-slot="{ scope }"> <template v-slot="{ scope }">
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
:key="key" :key="key"
:prop="item.prop" :prop="item.prop"
:label="item.label" :label="item.label"
:width="item.width" :min-width="item.width"
:formatter="item.rounding" :formatter="item.rounding"
sortable sortable
:show-overflow-tooltip="true" :show-overflow-tooltip="true"
......
...@@ -137,9 +137,6 @@ ...@@ -137,9 +137,6 @@
</el-row> </el-row>
</template> </template>
</c-list-search> </c-list-search>
<c-col :span="24" style="">
<div style="border-bottom: 10px solid rgb(232, 232, 232)"></div>
</c-col>
<c-col :span="24" style="margin-top: 10px"> <c-col :span="24" style="margin-top: 10px">
<c-button <c-button
class="medium_bcs" class="medium_bcs"
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="eibs-tab"> <div class="eibs-tab">
<!-- <c-list-search @form-reset="sptfndHandleReset" @form-search="sptfndHandleSearch"> --> <!-- <c-list-search @form-reset="sptfndHandleReset" @form-search="sptfndHandleSearch"> -->
<!-- <template v-slot="searchSlot"> --> <!-- <template v-slot="searchSlot"> -->
<el-row> <el-row>
<c-col :span="24" style=""> <c-col :span="24" style="">
<c-col :span="8"> <c-col :span="8">
...@@ -41,11 +41,7 @@ ...@@ -41,11 +41,7 @@
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item <el-form-item label="选择用户" prop="usfmod.flt" style="width: 100%">
label="选择用户"
prop="usfmod.flt"
style="width: 100%"
>
<!-- <c-col :span="20"> --> <!-- <c-col :span="20"> -->
<c-select <c-select
v-model="model.usfmod.flt" v-model="model.usfmod.flt"
...@@ -97,9 +93,7 @@ ...@@ -97,9 +93,7 @@
v-model="model.usfmod.usr.extkey" v-model="model.usfmod.usr.extkey"
maxlength="120" maxlength="120"
placeholder="请输入经办柜员" placeholder="请输入经办柜员"
@keyup.enter.native=" @keyup.enter.native="showGridPromptDialog('usfmod.usr.extkey')"
showGridPromptDialog('usfmod.usr.extkey')
"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -120,27 +114,34 @@ ...@@ -120,27 +114,34 @@
> >
</c-col> </c-col>
</c-col> </c-col>
<c-col :span="24" style="text-align: right;height:36.8px" v-if="model.usfmod.flt === '<SELU>'||model.usfmod.flt === '<SELB>'"> <c-col
<el-button size="small" @click="sptfndHandleReset">重置</el-button> :span="24"
<el-button style="text-align: right; height: 36.8px"
type="primary" v-if="model.usfmod.flt === '<SELU>' || model.usfmod.flt === '<SELB>'"
icon="el-icon-search" >
size="small" <el-button size="small" @click="sptfndHandleReset">重置</el-button>
@click="sptfndHandleSearch" <el-button
>查询</el-button type="primary"
> icon="el-icon-search"
</c-col> size="small"
@click="sptfndHandleSearch"
<c-col :span="24" style=""> >查询</el-button
>
</c-col> </c-col>
</el-row> </el-row>
<el-row> <el-row>
<c-col :span="24" style=""> <c-col :span="24" style="">
<c-istream-table :list="stmData.data" :columns="stmData.columns" :showButtonFlg="true"> <c-istream-table
:list="stmData.data"
:columns="stmData.columns"
:showButtonFlg="true"
>
<el-table-column fixed="right" prop="op" label="操作" width="140px"> <el-table-column fixed="right" prop="op" label="操作" width="140px">
<template slot="header"> <template slot="header">
<c-col :span="11" style="text-align:center"><span>操作</span></c-col> <c-col :span="11" style="text-align: center"
><span>操作</span></c-col
>
</template> </template>
<template slot-scope="scope"> <template slot-scope="scope">
<c-button <c-button
...@@ -155,7 +156,7 @@ ...@@ -155,7 +156,7 @@
style="margin-left: 5px" style="margin-left: 5px"
size="small" size="small"
type="primary" type="primary"
@click="onDelete(scope.$index,scope.row)" @click="onDelete(scope.$index, scope.row)"
> >
删除 删除
</c-button> </c-button>
...@@ -199,11 +200,24 @@ export default { ...@@ -199,11 +200,24 @@ export default {
'5 3 "业务编号" 300', '5 3 "业务编号" 300',
'6 2 "交易名称" 180', '6 2 "交易名称" 180',
// '1 4 "状态" 60 1 tdViewTypeEdit:0 1 SPT:STA', // '1 4 "状态" 60 1 tdViewTypeEdit:0 1 SPT:STA',
{index:1,position:4,width:100,pattern:'code',label:'状态',code:[{label:"待定",value:"PEN"}]}, {
index: 1,
position: 4,
width: 100,
pattern: "code",
label: "状态",
code: [{ label: "待定", value: "PEN" }],
},
'17 5 "报文类型" 100', '17 5 "报文类型" 100',
'18 6 "对方银行BIC" 130', '18 6 "对方银行BIC" 130',
// '7 7 "创建时间" 160 20 DateTime 1', // '7 7 "创建时间" 160 20 DateTime 1',
{index:7,position:7,width:140,pattern:'time',label:'创建时间'}, {
index: 7,
position: 7,
width: 140,
pattern: "time",
label: "创建时间",
},
'19 8 "币种" 70', '19 8 "币种" 70',
'20 9 "金额" 69 2 8 1 16', '20 9 "金额" 69 2 8 1 16',
......
...@@ -82,6 +82,7 @@ export default { ...@@ -82,6 +82,7 @@ export default {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
height: 100%;
} }
.scroll-container >>> .el-scrollbar__bar { .scroll-container >>> .el-scrollbar__bar {
bottom: 0px; bottom: 0px;
......
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