Commit ae71d89b by Wuyuqiu

样式调整

parent 1698b3fd
......@@ -268,7 +268,141 @@
</template>
</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">
<el-table
:data="stmData.data"
......@@ -374,7 +508,7 @@
</el-pagination>
</div>
</c-col>
</div>
</div> -->
<!-- 点击处理ba弹框 -->
<el-dialog
:visible.sync="initdialog"
......
......@@ -9,9 +9,9 @@
size="small"
:validate-on-rule-change="false"
>
<c-content>
<!-- <c-content> -->
<m-infsea :model="model" :codes="codes" ref="infsea" />
</c-content>
<!-- </c-content> -->
</el-form>
</div>
</template>
......
......@@ -244,9 +244,9 @@
layout="total, sizes, prev, pager, next, jumper"
:total="pagination.total"
:page-size="pagination.pageSize"
:current-page.sync="pagination.pageNum"
:current-page.sync="pagination.pageIndex"
@size-change="handleSizeChange"
@current-change="currentChange"
@current-change="handleCurrentChange"
>
</el-pagination>
</c-col>
......
......@@ -6,28 +6,55 @@
<c-col :span="24" style="">
<c-col :span="8">
<el-form-item label="业务编号" prop="selobj" style="width: 100%">
<c-input style="width: 100%" v-model="model.selobj" maxlength="32" placeholder="请输入业务编号"></c-input>
<c-input
style="width: 100%"
v-model="model.selobj"
maxlength="32"
placeholder="请输入业务编号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="创建时间" style="width: 100%">
<c-col :span="11">
<c-date-picker type="date" v-model="model.inidatfro" style="width: 100%" placeholder="请选择创建时间">
<c-date-picker
type="date"
v-model="model.inidatfro"
style="width: 100%"
placeholder="请选择创建时间"
>
</c-date-picker>
</c-col>
<c-col :span="2" style="text-align: center">
<label style="display: inline-block; width: 100%">-</label>
</c-col>
<c-col :span="11">
<c-date-picker type="date" v-model="model.inidattil" style="width: 100%" placeholder="请选择创建时间">
<c-date-picker
type="date"
v-model="model.inidattil"
style="width: 100%"
placeholder="请选择创建时间"
>
</c-date-picker>
</c-col>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="来源" style="width: 100%" prop="sourceList">
<el-select clearable v-model="sourceList" style="width: 100%" placeholder="请选择来源" multiple collapse-tags>
<el-option v-for="item in sourceData" :key="item.value" :label="item.label" :value="item.value">
<el-select
clearable
v-model="sourceList"
style="width: 100%"
placeholder="请选择来源"
multiple
collapse-tags
>
<el-option
v-for="item in sourceData"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
......@@ -39,7 +66,11 @@
<c-col :span="8">
<el-form-item label="选择用户" prop="usfmod" style="width: 100%">
<!-- <c-col :span="20"> -->
<c-select v-model="model.usfmod" style="width: 100%" placeholder="请选择选择用户">
<c-select
v-model="model.usfmod"
style="width: 100%"
placeholder="请选择选择用户"
>
<el-option label="所有用户" value="ALL"></el-option>
<el-option label="所选用户" value="SELU"></el-option>
<el-option label="所选分支" value="SELB"></el-option>
......@@ -48,12 +79,20 @@
</c-col>
<c-col :span="8">
<el-form-item label="业务描述" prop="seltxt" style="width: 100%">
<c-input v-model="model.seltxt" maxlength="32" placeholder="请输入业务描述"></c-input>
<c-input
v-model="model.seltxt"
maxlength="32"
placeholder="请输入业务描述"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="业务标志" prop="dflg" style="width: 100%">
<c-select v-model="model.dflg" style="width: 100%" placeholder="请选择国内国际标志">
<c-select
v-model="model.dflg"
style="width: 100%"
placeholder="请选择国内国际标志"
>
<el-option label="所有业务" value="1"></el-option>
<el-option label="国内业务" value="2"></el-option>
<el-option label="国际业务" value="3"></el-option>
......@@ -73,18 +112,24 @@
</el-form-item>
</c-col>
<c-col :span="8" v-else>
<el-form-item label="" style="width: 100%; height: 36.8px; margin: 0 0 0 0">
<el-form-item
label=""
style="width: 100%; height: 36.8px; margin: 0 0 0 0"
>
</el-form-item>
</c-col>
<c-col :span="16" style="text-align: right">
<el-button size="small" @click="handleReset">重置</el-button>
<el-button type="primary" icon="el-icon-search" size="small" @click="handleSearch">查询</el-button>
<el-button
type="primary"
icon="el-icon-search"
size="small"
@click="handleSearch"
>查询</el-button
>
</c-col>
</c-col>
</el-row>
<c-col :span="24" style="">
<div style="border-bottom: 10px solid rgb(232, 232, 232)"></div>
</c-col>
<c-col :span="24">
<c-paging-table
:data="stmData.data"
......@@ -94,17 +139,25 @@
:total="pagination.total"
v-on:queryFunc="queryFunc"
>
<c-table-column fixed="right" prop="op" label="操作" width="250px" >
<c-table-column fixed="right" prop="op" label="操作" width="250px">
<template slot-scope="{ scope }">
<c-button style="margin-left: 0" size="small" @click="onDetails(scope.row)">详情
<c-button
style="margin-left: 0"
size="small"
@click="onDetails(scope.row)"
>详情
</c-button>
<c-button style="margin-left: 5px" size="small" type="primary" @click="continueEdit(scope.row)">处理
<c-button
style="margin-left: 5px"
size="small"
type="primary"
@click="continueEdit(scope.row)"
>处理
</c-button>
<!-- 更改按钮暂时隐藏 -->
<!-- <c-button style="margin-left: 5px" size="small" @click="onChange(scope.row)" :disabled="scope.row.状态!='INC'">更改
</c-button> -->
<el-popover placement="top-start" width="50" trigger="click">
<ul class="table-button-item-list">
<li>
<c-button size="small" style="margin-left: 0">指派</c-button>
......@@ -113,7 +166,12 @@
<c-button size="small" style="margin-left: 0">删除</c-button>
</li>
</ul>
<a slot="reference" href="javascript:void(0)" style="margin-left: 5px"><i class="el-icon-more"></i></a>
<a
slot="reference"
href="javascript:void(0)"
style="margin-left: 5px"
><i class="el-icon-more"></i
></a>
</el-popover>
</template>
</c-table-column>
......@@ -125,11 +183,11 @@
</div>
</template>
<script>
import Api from '~/service/Api';
import event from '../event'
import Api from "~/service/Api";
import event from "../event";
export default {
inject: ['root'],
props: ['model', 'codes'],
inject: ["root"],
props: ["model", "codes"],
mixins: [event],
data() {
return {
......@@ -141,7 +199,7 @@ export default {
// setColumnFlg: false,
// saveColumnFlg: true,
transactionStatus: {
busiNo: '',
busiNo: "",
modTimes: 0,
postCount: 0,
accCount: 0,
......@@ -152,68 +210,79 @@ export default {
stmData: {
columns: [
{
label: '交易代码',
prop: 'frm'
label: "交易代码",
prop: "frm",
width: "120",
},
{
label: '交易名称',
prop: 'txt'
label: "交易名称",
prop: "txt",
width: "120",
},
{
label: '业务摘要',
prop: 'objnam'
label: "业务摘要",
prop: "objnam",
width: "120",
},
{
label: '创建人',
prop: 'usr'
label: "创建人",
prop: "usr",
width: "120",
},
{
label: '创建时间',
prop: 'dattim'
label: "创建时间",
prop: "dattim",
width: "120",
},
{
label: '银行名称',
prop: 'bchname'
label: "银行名称",
prop: "bchname",
width: "120",
},
{
label: '报文类型',
prop: 'msgType'
label: "报文类型",
prop: "msgType",
width: "120",
},
{
label: '对方银行BIC',
prop: 'sndkey'
label: "对方银行BIC",
prop: "sndkey",
width: "120",
},
{
label: '币种',
prop: 'relcur'
label: "币种",
prop: "relcur",
width: "100",
},
{
label: '金额',
prop: 'relAmt'
label: "金额",
prop: "relAmt",
width: "100",
},
{
label: '状态',
prop: 'sta'
}
label: "状态",
prop: "sta",
width: "100",
},
],
data: [],
},
pagination: {
pageIndex: 1,
pageSize: 10,
total: 0
total: 0,
},
};
},
async mounted() {
this.sourceData = [
{ label: '暂存', value: 'chkpen' },
{ label: '电子贸易', value: 'chkdzt' },
{ label: '传入', value: 'chkinc' },
{ label: '修改', value: 'chkcor' },
{ label: '自动', value: 'chkaut' },
{ label: '拒绝', value: 'chkdel' },
{ label: '网银', value: 'chktco' },
{ label: "暂存", value: "chkpen" },
{ label: "电子贸易", value: "chkdzt" },
{ label: "传入", value: "chkinc" },
{ label: "修改", value: "chkcor" },
{ label: "自动", value: "chkaut" },
{ label: "拒绝", value: "chkdel" },
{ label: "网银", value: "chktco" },
];
},
methods: {
......@@ -224,7 +293,7 @@ export default {
},
handleCurrentChange(val) {
this.currentRow = val;
}
},
},
created: function () {
this.getInidatfro();
......@@ -232,12 +301,12 @@ export default {
};
</script>
<style scoped>
.tableClass .cell{
padding: 0!important;
.tableClass .cell {
padding: 0 !important;
height: 40px;
line-height: 30px!important;
line-height: 30px !important;
text-align: center;
}
}
.table-button-item-list {
padding: 0;
......
......@@ -89,11 +89,6 @@
</c-col>
</el-row>
<c-col :span="24" style="">
<div style="border-bottom: 10px solid rgb(232, 232, 232)">
</div>
</c-col>
<el-row>
<c-col :span="24" style="margin-top:20px;">
<el-table
......@@ -113,7 +108,7 @@
:formatter="item.rounding"
:header-align="item.headerAlign"
:align="item.align"
:width="item.width"
:min-width="item.width"
show-overflow-tooltip="true"
sortable
>
......@@ -177,7 +172,7 @@
{ label: "业务编号", prop: "ownref" , width: "100px"},
{ label: "摘要信息", prop: "addtxt" , width: "200px"},
{ 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: "relreq", width: "100px" },
{ label: "签名状态", prop: "relres", width: "100px" },
......
......@@ -37,7 +37,7 @@
:key="key"
:prop="item.prop"
:label="item.label"
:width="item.width"
:min-width="item.width"
sortable
>
<template v-slot="{ scope }">
......
......@@ -18,7 +18,7 @@
:key="key"
:prop="item.prop"
:label="item.label"
:width="item.width"
:min-width="item.width"
:formatter="item.rounding"
sortable
:show-overflow-tooltip="true"
......
......@@ -5,9 +5,12 @@
<!--line1-->
<el-row>
<c-col :span="24" style="">
<c-col :span="8">
<el-form-item label="申报类型" prop="bopquep.boptyp" style="width: 100%">
<el-form-item
label="申报类型"
prop="bopquep.boptyp"
style="width: 100%"
>
<c-select
v-model="model.bopquep.boptyp"
style="width: 100%"
......@@ -24,9 +27,12 @@
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="查询日期类型" prop="bopquep.dattyp" style="width: 100%">
<c-col :span="8">
<el-form-item
label="查询日期类型"
prop="bopquep.dattyp"
style="width: 100%"
>
<c-select
v-model="model.bopquep.dattyp"
style="width: 100%"
......@@ -43,8 +49,6 @@
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="起止日期" style="width: 100%">
<c-col :span="11">
......@@ -70,11 +74,13 @@
</c-col>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24" style="text-align: right;height:36.8px" v-if="!searchToggle">
<c-col
:span="24"
style="text-align: right; height: 36.8px"
v-if="!searchToggle"
>
<el-button size="small" @click="selpHandleReset">重置</el-button>
<el-button
type="primary"
......@@ -83,19 +89,13 @@
@click="selpHandleSearch"
>查询</el-button
>
<el-button type="text" @click="searchToggle=true">
<el-button type="text" @click="searchToggle = true">
展开
<i class="el-icon-arrow-down"></i>
</el-button>
</c-col>
</el-row>
<!--line3-->
<!--line4-->
......@@ -104,7 +104,11 @@
<!--line2-->
<c-col :span="24" style="">
<c-col :span="8">
<el-form-item label="申报号码" prop="bopquep.rptno" style="width: 100%">
<el-form-item
label="申报号码"
prop="bopquep.rptno"
style="width: 100%"
>
<c-input
v-model="model.bopquep.rptno"
maxlength="22"
......@@ -113,7 +117,11 @@
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="业务所属行" prop="bopquep.ownextkey" style="width: 100%">
<el-form-item
label="业务所属行"
prop="bopquep.ownextkey"
style="width: 100%"
>
<c-select
v-model="model.bopquep.ownextkey"
style="width: 100%"
......@@ -124,7 +132,11 @@
</c-col>
<c-col :span="8">
<el-form-item label="业务编号" prop="bopquep.ownref" style="width: 100%">
<el-form-item
label="业务编号"
prop="bopquep.ownref"
style="width: 100%"
>
<c-input
v-model="model.bopquep.ownref"
maxlength="16"
......@@ -132,14 +144,15 @@
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24" style="">
<c-col :span="8">
<el-form-item label="客户类型" prop="bopquep.ptytyp" style="width: 100%">
<el-form-item
label="客户类型"
prop="bopquep.ptytyp"
style="width: 100%"
>
<c-select
v-model="model.bopquep.ptytyp"
style="width: 100%"
......@@ -157,7 +170,11 @@
</c-col>
<c-col :span="8">
<el-form-item label="客户名称" prop="bopquep.ptynam" style="width: 100%">
<el-form-item
label="客户名称"
prop="bopquep.ptynam"
style="width: 100%"
>
<c-input
v-model="model.bopquep.ptynam"
style="width: 100%"
......@@ -167,7 +184,11 @@
</c-col>
<c-col :span="8">
<el-form-item label="结算方式" prop="bopquep.medtyp" style="width: 100%">
<el-form-item
label="结算方式"
prop="bopquep.medtyp"
style="width: 100%"
>
<c-select
v-model="model.bopquep.medtyp"
style="width: 100%"
......@@ -183,9 +204,6 @@
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24" style="">
......@@ -199,7 +217,11 @@
</c-col>
<c-col :span="8">
<el-form-item label="业务状态" prop="bopquep.staflg" style="width: 100%">
<el-form-item
label="业务状态"
prop="bopquep.staflg"
style="width: 100%"
>
<c-select
v-model="model.bopquep.staflg"
style="width: 100%"
......@@ -215,7 +237,11 @@
</c-select>
</el-form-item>
</c-col>
<c-col :span="8" style="text-align: right;height:36.8px" v-if="searchToggle">
<c-col
:span="8"
style="text-align: right; height: 36.8px"
v-if="searchToggle"
>
<el-button size="small" @click="selpHandleReset">重置</el-button>
<el-button
type="primary"
......@@ -224,7 +250,7 @@
@click="selpHandleSearch"
>查询</el-button
>
<el-button type="text" @click="searchToggle=false">
<el-button type="text" @click="searchToggle = false">
收起
<i class="el-icon-arrow-up"></i>
</el-button>
......@@ -235,47 +261,78 @@
</c-list-search> -->
<c-col :span="24" style="">
<div style="border-bottom: 10px solid rgb(232, 232, 232)">
</div>
<div style="border-bottom: 10px solid rgb(232, 232, 232)"></div>
</c-col>
<c-row style="margin-top: 20px">
<c-col style="">
<c-button size="small" type="primary" style="margin-left:0">导出Excel</c-button>
<c-button size="small" type="primary" style="margin-left:0">应急导出</c-button>
<c-button v-if="model.bopquep.boptyp=='DBJ'" size="small" type="primary" style="margin-left:0" @click="onWaitAdd(model.bopquep.boptyp.toLowerCase() +'add')">新增结汇申请书</c-button>
<c-button v-if="model.bopquep.boptyp=='DBW'" size="small" type="primary" style="margin-left:0" @click="onWaitAdd(model.bopquep.boptyp.toLowerCase() +'add')">新增购汇申请书</c-button>
<c-button size="small" type="primary" style="margin-left: 0"
>导出Excel</c-button
>
<c-button size="small" type="primary" style="margin-left: 0"
>应急导出</c-button
>
<c-button
v-if="model.bopquep.boptyp == 'DBJ'"
size="small"
type="primary"
style="margin-left: 0"
@click="onWaitAdd(model.bopquep.boptyp.toLowerCase() + 'add')"
>新增结汇申请书</c-button
>
<c-button
v-if="model.bopquep.boptyp == 'DBW'"
size="small"
type="primary"
style="margin-left: 0"
@click="onWaitAdd(model.bopquep.boptyp.toLowerCase() + 'add')"
>新增购汇申请书</c-button
>
</c-col>
</c-row>
<el-row>
<c-col :span="24" style="">
<c-istream-table :list="stmData.data" :columns="stmData.columns" style="width:100%" :showButtonFlg="true">
<c-istream-table
:list="stmData.data"
:columns="stmData.columns"
style="width: 100%"
:showButtonFlg="true"
>
<el-table-column fixed="right" prop="op" label="操作" width="200px">
<template slot="header">
<c-col :span="11" style="text-align:left"><span>操作</span></c-col>
<c-col :span="11" style="text-align: left"
><span>操作</span></c-col
>
<!-- <c-col :span="12" style="text-align:right"><c-button icon="el-icon-s-tools"></c-button></c-col> -->
</template>
<template slot-scope="scope">
<c-button style="margin-left: 0" size="small" @click="onWaitDetail(scope.$index,scope.row)">
<c-button
style="margin-left: 0"
size="small"
@click="onWaitDetail(scope.$index, scope.row)"
>
详情
</c-button>
<c-button style="margin-left: 3px" size="small" @click="onWaitAmend(scope.$index,scope.row)">
<c-button
style="margin-left: 3px"
size="small"
@click="onWaitAmend(scope.$index, scope.row)"
>
修改
</c-button>
<c-button style="margin-left: 3px" size="small" @click="onWaitDelete(scope.$index,scope.row)">
<c-button
style="margin-left: 3px"
size="small"
@click="onWaitDelete(scope.$index, scope.row)"
>
删除
</c-button>
</template>
</el-table-column>
</c-istream-table>
</c-col>
</el-row>
</div>
</template>
<script>
......@@ -291,7 +348,7 @@ export default {
mixins: [commonProcess],
data() {
return {
searchToggle:false,
searchToggle: false,
stmData: {
columns: [
//{index:3,position:3,width:110,pattern:'date',label:'日期'},
......@@ -300,19 +357,53 @@ export default {
'1 2 "客户" 100',
'16 3 "组织机构代码" 120',
// '2 4 "基础" 80',
{index:2,position:4,width:80,pattern:'code',label:'基础',code:this.codes.staflg},
{
index: 2,
position: 4,
width: 80,
pattern: "code",
label: "基础",
code: this.codes.staflg,
},
'5 5 "银行业务编号" 150',
//'6 6, "收付汇日期" 200',
{index:6,position:6,width:150,pattern:'date',label:'收付汇日期'},
{
index: 6,
position: 6,
width: 150,
pattern: "date",
label: "收付汇日期",
},
//'7 7, "申报类型" 198',
{index:7,position:7,width:190,pattern:'code',label:'申报类型',code:this.codes.boptyp},
{
index: 7,
position: 7,
width: 190,
pattern: "code",
label: "申报类型",
code: this.codes.boptyp,
},
'8 8, "币别" 80',
//'9 9, "金额" 120',
{index:9,position:9,width:120,pattern:'amt',label:'金额'},
{ index: 9, position: 9, width: 120, pattern: "amt", label: "金额" },
//'10 10, "客户类型" 120',
{index:10,position:10,width:150,pattern:'code',label:'客户类型',code:this.codes.ptytyp},
{
index: 10,
position: 10,
width: 150,
pattern: "code",
label: "客户类型",
code: this.codes.ptytyp,
},
//'11 11, "结算方式" 100',
{index:11,position:11,width:100,pattern:'code',label:'结算方式',code:this.codes.medtyp},
{
index: 11,
position: 11,
width: 100,
pattern: "code",
label: "结算方式",
code: this.codes.medtyp,
},
'3 12, "申报" 80',
'4 13, "管理" 80',
'17 14, "对方客户名称" 120',
......@@ -341,7 +432,8 @@ export default {
},
};
},
methods: { ...Event ,
methods: {
...Event,
// async onWaitDetail(idx, row) {
// console.log(idx);
// console.log(row);
......@@ -355,75 +447,99 @@ export default {
// },
async onWaitAdd(business) {
let viewurl = "/business/"+business;
let params = { };
this.executeRule("addbut",params).then((res) => {
if ((res.respCode == SUCCESS)) {
let viewurl = "/business/" + business;
let params = {};
this.executeRule("addbut", params).then((res) => {
if (res.respCode == SUCCESS) {
Utils.copyValueFromVO(this.model, res.data);
// this.$router.push({ path: "business/inftrnpsDetail", query: { idx: idx}});
this.$router.push({ name: business.charAt(0).toUpperCase() + business.substring(1), params:{prePageId:this.model.pageId} });
}else{
this.$router.push({
name: business.charAt(0).toUpperCase() + business.substring(1),
params: { prePageId: this.model.pageId },
});
} else {
const h = this.$createElement;
const msg = res.respMsg||'请求执行失败!'
this.$notify.error({ title: '错误', message: h('p',{style: 'word-break:break-all;'}, msg) })
const msg = res.respMsg || "请求执行失败!";
this.$notify.error({
title: "错误",
message: h("p", { style: "word-break:break-all;" }, msg),
});
}
});
},
async onWaitDetail(idx, row) {
let business=row.申报类型.toLowerCase() +"inf";
let viewurl = "/business/"+business;
let business = row.申报类型.toLowerCase() + "inf";
let viewurl = "/business/" + business;
const selIds = [idx + 1];
const selDst = "dblstm" //列表对应后台模型中的stream
const selDst = "dblstm"; //列表对应后台模型中的stream
let params = { selDst, selIds };
this.executeRule("dtlbut",params).then((res) => {
if ((res.respCode == SUCCESS)) {
this.executeRule("dtlbut", params).then((res) => {
if (res.respCode == SUCCESS) {
Utils.copyValueFromVO(this.model, res.data);
// this.$router.push({ path: "business/inftrnpsDetail", query: { idx: idx}});
// this.$router.push({ path: viewurl, query: {} });
this.$router.push({ name: business.charAt(0).toUpperCase() + business.substring(1), params:{prePageId:this.model.pageId} });
}else{
this.$router.push({
name: business.charAt(0).toUpperCase() + business.substring(1),
params: { prePageId: this.model.pageId },
});
} else {
const h = this.$createElement;
const msg = res.respMsg||'请求执行失败!'
this.$notify.error({ title: '错误', message: h('p',{style: 'word-break:break-all;'}, msg) })
const msg = res.respMsg || "请求执行失败!";
this.$notify.error({
title: "错误",
message: h("p", { style: "word-break:break-all;" }, msg),
});
}
});
},
async onWaitAmend(idx, row) {
let business=row.申报类型.toLowerCase() +"ame";
let viewurl = "/business/"+business;
let business = row.申报类型.toLowerCase() + "ame";
let viewurl = "/business/" + business;
const selIds = [idx + 1];
const selDst = "dblstm" //列表对应后台模型中的stream
const selDst = "dblstm"; //列表对应后台模型中的stream
let params = { selDst, selIds };
this.executeRule("amebut",params).then((res) => {
if ((res.respCode == SUCCESS)) {
this.executeRule("amebut", params).then((res) => {
if (res.respCode == SUCCESS) {
Utils.copyValueFromVO(this.model, res.data);
// this.$router.push({ path: "business/inftrnpsDetail", query: { idx: idx}});
this.$router.push({ name: business.charAt(0).toUpperCase() + business.substring(1), params:{prePageId:this.model.pageId} });
}else{
this.$router.push({
name: business.charAt(0).toUpperCase() + business.substring(1),
params: { prePageId: this.model.pageId },
});
} else {
const h = this.$createElement;
const msg = res.respMsg||'请求执行失败!'
this.$notify.error({ title: '错误', message: h('p',{style: 'word-break:break-all;'}, msg) })
const msg = res.respMsg || "请求执行失败!";
this.$notify.error({
title: "错误",
message: h("p", { style: "word-break:break-all;" }, msg),
});
}
});
},
async onWaitDelete(idx, row) {
let business=row.申报类型.toLowerCase() +"del";
let viewurl = "/business/"+business;
let business = row.申报类型.toLowerCase() + "del";
let viewurl = "/business/" + business;
const selIds = [idx + 1];
const selDst = "dblstm" //列表对应后台模型中的stream
const selDst = "dblstm"; //列表对应后台模型中的stream
let params = { selDst, selIds };
this.executeRule("delbut",params).then((res) => {
if ((res.respCode == SUCCESS)) {
this.executeRule("delbut", params).then((res) => {
if (res.respCode == SUCCESS) {
Utils.copyValueFromVO(this.model, res.data);
// this.$router.push({ path: "business/inftrnpsDetail", query: { idx: idx}});
this.$router.push({ name: business.charAt(0).toUpperCase() + business.substring(1), params:{prePageId:this.model.pageId} });
}else{
this.$router.push({
name: business.charAt(0).toUpperCase() + business.substring(1),
params: { prePageId: this.model.pageId },
});
} else {
const h = this.$createElement;
const msg = res.respMsg||'请求执行失败!'
this.$notify.error({ title: '错误', message: h('p',{style: 'word-break:break-all;'}, msg) })
const msg = res.respMsg || "请求执行失败!";
this.$notify.error({
title: "错误",
message: h("p", { style: "word-break:break-all;" }, msg),
});
}
});
},
......@@ -457,13 +573,10 @@ export default {
this.model.bopquep.frmdat = new Date();
this.model.bopquep.tildat = new Date();
},
};
</script>
<style scoped>
.eibs-tab >>> .m-table-search{
.eibs-tab >>> .m-table-search {
border-bottom: 0;
}
.eibs-tab >>> .m-table-search-operation-top {
......
......@@ -137,9 +137,6 @@
</el-row>
</template>
</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-button
class="medium_bcs"
......
......@@ -7,21 +7,36 @@
<c-col :span="24" style="">
<c-col :span="8">
<el-form-item label="业务编号" prop="selobj" style="width: 100%">
<c-input style="width: 100%" v-model="model.selobj" maxlength="32" placeholder="请输入业务编号"></c-input>
<c-input
style="width: 100%"
v-model="model.selobj"
maxlength="32"
placeholder="请输入业务编号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="创建时间" style="width: 100%">
<c-col :span="11">
<c-date-picker type="date" v-model="model.inidatfro" style="width: 100%" placeholder="请选择创建时间">
<c-date-picker
type="date"
v-model="model.inidatfro"
style="width: 100%"
placeholder="请选择创建时间"
>
</c-date-picker>
</c-col>
<c-col :span="2" style="text-align: center">
<label style="display: inline-block; width: 100%">-</label>
</c-col>
<c-col :span="11">
<c-date-picker type="date" v-model="model.inidattil" style="width: 100%" placeholder="请选择创建时间">
<c-date-picker
type="date"
v-model="model.inidattil"
style="width: 100%"
placeholder="请选择创建时间"
>
</c-date-picker>
</c-col>
</el-form-item>
......@@ -29,9 +44,21 @@
<c-col :span="8">
<el-form-item label="来源" style="width: 100%" prop="sourceModel">
<el-select clearable v-model="sourceModel" style="width: 100%" placeholder="请选择来源" multiple collapse-tags
@change="sourceChangeEvent">
<el-option v-for="item in sourceData" :key="item.value" :label="item.label" :value="item.value">
<el-select
clearable
v-model="sourceModel"
style="width: 100%"
placeholder="请选择来源"
multiple
collapse-tags
@change="sourceChangeEvent"
>
<el-option
v-for="item in sourceData"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
......@@ -44,8 +71,17 @@
<c-col :span="8">
<el-form-item label="选择用户" prop="usfmod.flt" style="width: 100%">
<!-- <c-col :span="20"> -->
<c-select v-model="model.usfmod.flt" style="width: 100%" placeholder="请选择选择用户">
<el-option v-for="item in codes.flt" :key="item.value" :label="item.label" :value="item.value">
<c-select
v-model="model.usfmod.flt"
style="width: 100%"
placeholder="请选择选择用户"
>
<el-option
v-for="item in codes.flt"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
......@@ -53,13 +89,21 @@
<c-col :span="8">
<el-form-item label="业务描述" prop="seltxt" style="width: 100%">
<c-input v-model="model.seltxt" maxlength="32" placeholder="请输入业务描述"></c-input>
<c-input
v-model="model.seltxt"
maxlength="32"
placeholder="请输入业务描述"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="业务标志" prop="dflg" style="width: 100%">
<c-select v-model="model.dflg" style="width: 100%" placeholder="请选择国内国际标志">
<c-select
v-model="model.dflg"
style="width: 100%"
placeholder="请选择国内国际标志"
>
<el-option label="所有业务" value="1"></el-option>
<el-option label="国内业务" value="2"></el-option>
<el-option label="国际业务" value="3"></el-option>
......@@ -81,35 +125,54 @@
</el-form-item>
</c-col>
<c-col :span="8" v-else>
<el-form-item label="" style="width: 100%; height: 36.8px; margin: 0 0 0 0">
<el-form-item
label=""
style="width: 100%; height: 36.8px; margin: 0 0 0 0"
>
</el-form-item>
</c-col>
<c-col :span="16" style="text-align: right">
<el-button size="small" @click="handleReset">重置</el-button>
<el-button type="primary" icon="el-icon-search" size="small" @click="handleSearch">查询</el-button>
<el-button
type="primary"
icon="el-icon-search"
size="small"
@click="handleSearch"
>查询</el-button
>
</c-col>
</c-col>
</el-row>
<c-col :span="24" style="">
<div style="border-bottom: 10px solid rgb(232, 232, 232)"></div>
</c-col>
<c-col :span="24">
<c-istream-table :list="stmData.data" :columns="stmData.columns" :showButtonFlg="true">
<el-table-column fixed="right" prop="op" label="操作" width="250px" >
<c-istream-table
:list="stmData.data"
:columns="stmData.columns"
:showButtonFlg="true"
>
<el-table-column fixed="right" prop="op" label="操作" width="250px">
<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 slot-scope="scope">
<c-button style="margin-left: 0" size="small" @click="onDetails(scope.$index, scope.row)">详情
<c-button
style="margin-left: 0"
size="small"
@click="onDetails(scope.$index, scope.row)"
>详情
</c-button>
<c-button style="margin-left: 5px" size="small" type="primary" @click="continueEdit(scope.row)">处理
<c-button
style="margin-left: 5px"
size="small"
type="primary"
@click="continueEdit(scope.row)"
>处理
</c-button>
<!-- 更改按钮暂时隐藏 -->
<!-- <c-button style="margin-left: 5px" size="small" @click="onChange(scope.row)" :disabled="scope.row.状态!='INC'">更改
</c-button> -->
<el-popover placement="top-start" width="50" trigger="click">
<ul class="table-button-item-list">
<li>
<c-button size="small" style="margin-left: 0">指派</c-button>
......@@ -118,7 +181,12 @@
<c-button size="small" style="margin-left: 0">删除</c-button>
</li>
</ul>
<a slot="reference" href="javascript:void(0)" style="margin-left: 5px"><i class="el-icon-more"></i></a>
<a
slot="reference"
href="javascript:void(0)"
style="margin-left: 5px"
><i class="el-icon-more"></i
></a>
</el-popover>
</template>
</el-table-column>
......@@ -165,8 +233,7 @@ export default {
'6 2 "交易名称" 150',
'5 3 "业务摘要" 300',
'8 4 "创建人" 100',
'8 4 "创建人" 100',
// '7 7 "创建时间" 160 20 DateTime 1',
{
index: 7,
......@@ -176,7 +243,6 @@ export default {
label: "创建时间",
},
//'1 4 "状态" 60 1 tdViewTypeEdit:0 1 SPT:STA',
{
index: 1,
......@@ -250,7 +316,7 @@ export default {
let datetime = new Date();
datetime = datetime.setDate(datetime.getDate() - 10);
this.model.inidatfro = new Date(datetime);
}
},
},
created: function () {
// this.setColumn = this.stmData.columns.map((item, index) => {
......
......@@ -41,11 +41,7 @@
</c-col>
<c-col :span="8">
<el-form-item
label="选择用户"
prop="usfmod.flt"
style="width: 100%"
>
<el-form-item label="选择用户" prop="usfmod.flt" style="width: 100%">
<!-- <c-col :span="20"> -->
<c-select
v-model="model.usfmod.flt"
......@@ -97,9 +93,7 @@
v-model="model.usfmod.usr.extkey"
maxlength="120"
placeholder="请输入经办柜员"
@keyup.enter.native="
showGridPromptDialog('usfmod.usr.extkey')
"
@keyup.enter.native="showGridPromptDialog('usfmod.usr.extkey')"
></c-input>
</el-form-item>
</c-col>
......@@ -120,7 +114,11 @@
>
</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
:span="24"
style="text-align: right; height: 36.8px"
v-if="model.usfmod.flt === '<SELU>' || model.usfmod.flt === '<SELB>'"
>
<el-button size="small" @click="sptfndHandleReset">重置</el-button>
<el-button
type="primary"
......@@ -130,17 +128,20 @@
>查询</el-button
>
</c-col>
<c-col :span="24" style="">
</c-col>
</el-row>
<el-row>
<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">
<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 slot-scope="scope">
<c-button
......@@ -155,7 +156,7 @@
style="margin-left: 5px"
size="small"
type="primary"
@click="onDelete(scope.$index,scope.row)"
@click="onDelete(scope.$index, scope.row)"
>
删除
</c-button>
......@@ -199,11 +200,24 @@ export default {
'5 3 "业务编号" 300',
'6 2 "交易名称" 180',
// '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',
'18 6 "对方银行BIC" 130',
// '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',
'20 9 "金额" 69 2 8 1 16',
......
......@@ -19,7 +19,11 @@
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="创建时间" style="width: 100%" prop="trncorco.inidatfro">
<el-form-item
label="创建时间"
style="width: 100%"
prop="trncorco.inidatfro"
>
<c-col :span="11">
<c-date-picker
type="date"
......@@ -189,13 +193,14 @@
</c-col>
</el-row>
<c-col :span="24" style="">
<div style="border-bottom: 10px solid rgb(232, 232, 232)">
</div>
</c-col>
<el-row>
<c-col :span="24" style="">
<c-istream-table :list="stmData.data" :columns="stmData.columns" style="width:100%" :showButtonFlg="true">
<c-istream-table
:list="stmData.data"
:columns="stmData.columns"
style="width: 100%"
:showButtonFlg="true"
>
<el-table-column
fixed="right"
prop="display"
......@@ -203,14 +208,16 @@
width="140px"
>
<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
>
<!-- <c-col :span="12" style="text-align:right"><c-button icon="el-icon-s-tools"></c-button></c-col> -->
</template>
<template slot-scope="scope">
<c-button
style="margin-left: 0"
size="small"
@click="onFinishDetail(scope.$index,scope.row)"
@click="onFinishDetail(scope.$index, scope.row)"
>
详情
</c-button>
......@@ -219,18 +226,12 @@
快照
</c-button>
-->
<c-button
style="margin-left: 5px"
size="small"
>
冲正
</c-button>
<c-button style="margin-left: 5px" size="small"> 冲正 </c-button>
</template>
</el-table-column>
</c-istream-table>
</c-col>
</el-row>
</div>
</template>
<script>
......@@ -263,13 +264,28 @@ export default {
'12 4 "币种" 70',
'13 5 "金额" 100',
// '14 6 "创建时间" 170',
{index:14,position:6,width:140,pattern:'time',label:'创建时间'},
{
index: 14,
position: 6,
width: 140,
pattern: "time",
label: "创建时间",
},
'9 7 "签名要求" 100',
'2 8 "签名状态" 100',
'16 9 "经办柜员" 100',
// '0 10 "业务状态" 80',
{index:0,position:10,width:100,pattern:'code',label:'业务状态',code:[{ label: "Final", value: "F" },
{ label: "Released", value: "R" },]},
{
index: 0,
position: 10,
width: 100,
pattern: "code",
label: "业务状态",
code: [
{ label: "Final", value: "F" },
{ label: "Released", value: "R" },
],
},
'15 11 "业务机构" 200',
],
data: [],
......@@ -289,11 +305,11 @@ export default {
// return this.multipleSelection.map((idx) => this.stmData.data[idx]);
// },
...Event,
getInidatfro(){
getInidatfro() {
let datetime = new Date();
datetime = datetime.setDate(datetime.getDate() - 1);
this.model.trncorco.inidatfro = new Date(datetime);
}
},
},
created: function () {
this.getInidatfro();
......
......@@ -82,6 +82,7 @@ export default {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
.scroll-container >>> .el-scrollbar__bar {
bottom: 0px;
......
......@@ -11,10 +11,7 @@
>
<c-col :span="8">
<el-form-item label="业务主表">
<c-input
v-model="xxd"
placeholder="请输入业务主表"
></c-input>
<c-input v-model="xxd" placeholder="请输入业务主表"></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
......@@ -45,34 +42,29 @@
>
</c-col>
<c-col :span="24" style="margin-top: 10px">
<div style="border-bottom: 10px solid rgb(232, 232, 232)"></div>
</c-col>
<div v-for="(item, idx) in compareData" :key="idx">
<c-col
:span="24"
style="height: 24px; margin-top: 20px; margin-bottom: 5px"
>
<c-col :span="12">
<el-form-item :label="item.bo" class="messageLabel">
</el-form-item>
<el-form-item :label="item.bo" class="messageLabel"> </el-form-item>
</c-col>
<c-col
:span="12"
style="
text-align: right;
font-weight: bold;
font-size: 12px;
"
style="text-align: right; font-weight: bold; font-size: 12px"
>
<div v-if="showType == 0">
<c-button @click="changeShowType(0)" type="primary">原始数据</c-button>
<c-button @click="changeShowType(0)" type="primary"
>原始数据</c-button
>
<c-button @click="changeShowType(1)">对比结果</c-button>
</div>
<div v-else>
<c-button @click="changeShowType(0)">原始数据</c-button>
<c-button @click="changeShowType(1)" type="primary">对比结果</c-button>
<c-button @click="changeShowType(1)" type="primary"
>对比结果</c-button
>
</div>
</c-col>
</c-col>
......@@ -109,7 +101,7 @@
</template>
<script>
import { max } from 'moment';
import { max } from "moment";
import { all } from "~/service/compare";
export default {
......@@ -123,13 +115,13 @@ export default {
xxd: "DID",
tdref: "KZ3500210535AA ",
newref: "KZ3500210549AA ",
compareData:[],
compareData: [],
DID_Data: {
data: [],
columns: [],
},
DID_high_columns: [],
maxColumnLength:{},
maxColumnLength: {},
showType: 1, //0:原始数据, 1:对比数据
};
},
......@@ -156,9 +148,11 @@ export default {
const key = res[i].allKeys[j];
ret[key] = key.length;
for (let k = 0; k < res[i].diffRows.length; k++) {
var current_length = res[i].diffRows[k].data[key] ? (res[i].diffRows[k].data[key] + '').trim().length : 0;
var current_length = res[i].diffRows[k].data[key]
? (res[i].diffRows[k].data[key] + "").trim().length
: 0;
var current_max = ret[key] ? ret[key] : 0;
if(current_length >= current_max){
if (current_length >= current_max) {
ret[key] = current_length;
}
}
......@@ -168,9 +162,9 @@ export default {
console.log(this.maxColumnLength);
});
},
changeShowType(key){
changeShowType(key) {
this.showType = key;
}
},
},
components: {},
};
......
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