Skip to content

V
vue-gjjs
Commit ae71d89b by Wuyuqiu
Options

样式调整

parent 1698b3fd
Showing with 1342 additions and 943 deletions
src/business/infbrd/views/Infsea.vue
...@@ -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"
......
src/business/infbrd/views/index.vue
...@@ -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>
......
src/business/inflid/views/Infsea.vue
...@@ -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>
......
src/business/sptsel/views/Menu.vue
...@@ -2,91 +2,136 @@ ...@@ -2,91 +2,136 @@
<div class="eibs-tab"> <div class="eibs-tab">
<!-- <c-list-search @form-reset="handleReset" @form-search="handleSearch"> --> <!-- <c-list-search @form-reset="handleReset" @form-search="handleSearch"> -->
<!-- <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">
<el-form-item label="业务编号" prop="selobj" style="width: 100%"> <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
</el-form-item> style="width: 100%"
</c-col> v-model="model.selobj"
<c-col :span="8"> maxlength="32"
<el-form-item label="创建时间" style="width: 100%"> placeholder="请输入业务编号"
<c-col :span="11"> ></c-input>
<c-date-picker type="date" v-model="model.inidatfro" style="width: 100%" placeholder="请选择创建时间"> </el-form-item>
</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>
</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-option>
</el-select>
</el-form-item>
</c-col>
</c-col> </c-col>
</el-row> <c-col :span="8">
<el-row> <el-form-item label="创建时间" style="width: 100%">
<c-col :span="24" style=""> <c-col :span="11">
<c-col :span="8"> <c-date-picker
<el-form-item label="选择用户" prop="usfmod" style="width: 100%"> type="date"
<!-- <c-col :span="20"> --> v-model="model.inidatfro"
<c-select v-model="model.usfmod" style="width: 100%" placeholder="请选择选择用户"> style="width: 100%"
<el-option label="所有用户" value="ALL"></el-option> placeholder="请选择创建时间"
<el-option label="所选用户" value="SELU"></el-option> >
<el-option label="所选分支" value="SELB"></el-option> </c-date-picker>
</c-select> </c-col>
</el-form-item> <c-col :span="2" style="text-align: center">
</c-col> <label style="display: inline-block; width: 100%">-</label>
<c-col :span="8"> </c-col>
<el-form-item label="业务描述" prop="seltxt" style="width: 100%"> <c-col :span="11">
<c-input v-model="model.seltxt" maxlength="32" placeholder="请输入业务描述"></c-input> <c-date-picker
</el-form-item> type="date"
</c-col> v-model="model.inidattil"
<c-col :span="8"> style="width: 100%"
<el-form-item label="业务标志" prop="dflg" style="width: 100%"> placeholder="请选择创建时间"
<c-select v-model="model.dflg" style="width: 100%" placeholder="请选择国内国际标志"> >
<el-option label="所有业务" value="1"></el-option> </c-date-picker>
<el-option label="国内业务" value="2"></el-option> </c-col>
<el-option label="国际业务" value="3"></el-option> </el-form-item>
</c-select>
</el-form-item>
</c-col>
</c-col> </c-col>
<c-col :span="24" style=""> <c-col :span="8">
<c-col :span="8" v-if="model.usfmod.flt === '<SELU>'"> <el-form-item label="来源" style="width: 100%" prop="sourceList">
<el-form-item label="经办柜员" style="width: 100%"> <el-select
<c-input></c-input> clearable
</el-form-item> v-model="sourceList"
</c-col> style="width: 100%"
<c-col :span="8" v-else-if="model.usfmod.flt === '<SELB>'"> placeholder="请选择来源"
<el-form-item label="归属机构" style="width: 100%"> multiple
<c-input></c-input> collapse-tags
</el-form-item> >
</c-col> <el-option
<c-col :span="8" v-else> v-for="item in sourceData"
<el-form-item label="" style="width: 100%; height: 36.8px; margin: 0 0 0 0"> :key="item.value"
</el-form-item> :label="item.label"
</c-col> :value="item.value"
<c-col :span="16" style="text-align: right"> >
<el-button size="small" @click="handleReset">重置</el-button> </el-option>
<el-button type="primary" icon="el-icon-search" size="small" @click="handleSearch">查询</el-button> </el-select>
</c-col> </el-form-item>
</c-col> </c-col>
</el-row> </c-col>
<c-col :span="24" style=""> </el-row>
<div style="border-bottom: 10px solid rgb(232, 232, 232)"></div> <el-row>
</c-col> <c-col :span="24" style="">
<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="请选择选择用户"
>
<el-option label="所有用户" value="ALL"></el-option>
<el-option label="所选用户" value="SELU"></el-option>
<el-option label="所选分支" value="SELB"></el-option>
</c-select>
</el-form-item>
</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>
</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="请选择国内国际标志"
>
<el-option label="所有业务" value="1"></el-option>
<el-option label="国内业务" value="2"></el-option>
<el-option label="国际业务" value="3"></el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24" style="">
<c-col :span="8" v-if="model.usfmod.flt === '<SELU>'">
<el-form-item label="经办柜员" style="width: 100%">
<c-input></c-input>
</el-form-item>
</c-col>
<c-col :span="8" v-else-if="model.usfmod.flt === '<SELB>'">
<el-form-item label="归属机构" style="width: 100%">
<c-input></c-input>
</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>
</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
>
</c-col>
</c-col>
</el-row>
<c-col :span="24"> <c-col :span="24">
<c-paging-table <c-paging-table
:data="stmData.data" :data="stmData.data"
:columns="stmData.columns" :columns="stmData.columns"
:pageNumber="pagination.pageNum" :pageNumber="pagination.pageNum"
...@@ -94,17 +139,25 @@ ...@@ -94,17 +139,25 @@
:total="pagination.total" :total="pagination.total"
v-on:queryFunc="queryFunc" 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 }"> <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>
<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>
<!-- 更改按钮暂时隐藏 --> <!-- 更改按钮暂时隐藏 -->
<!-- <c-button style="margin-left: 5px" size="small" @click="onChange(scope.row)" :disabled="scope.row.状态!='INC'">更改 <!-- <c-button style="margin-left: 5px" size="small" @click="onChange(scope.row)" :disabled="scope.row.状态!='INC'">更改
</c-button> --> </c-button> -->
<el-popover placement="top-start" width="50" trigger="click"> <el-popover placement="top-start" width="50" trigger="click">
<ul class="table-button-item-list"> <ul class="table-button-item-list">
<li> <li>
<c-button size="small" style="margin-left: 0">指派</c-button> <c-button size="small" style="margin-left: 0">指派</c-button>
...@@ -113,11 +166,16 @@ ...@@ -113,11 +166,16 @@
<c-button size="small" style="margin-left: 0">删除</c-button> <c-button size="small" style="margin-left: 0">删除</c-button>
</li> </li>
</ul> </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> </el-popover>
</template> </template>
</c-table-column> </c-table-column>
</c-paging-table> </c-paging-table>
</c-col> </c-col>
<el-dialog :visible.sync="initdialog" :title="'交易列表'" append-to-body> <el-dialog :visible.sync="initdialog" :title="'交易列表'" append-to-body>
<div class="m-list-btns"></div> <div class="m-list-btns"></div>
...@@ -125,11 +183,11 @@ ...@@ -125,11 +183,11 @@
</div> </div>
</template> </template>
<script> <script>
import Api from '~/service/Api'; import Api from "~/service/Api";
import event from '../event' import event from "../event";
export default { export default {
inject: ['root'], inject: ["root"],
props: ['model', 'codes'], props: ["model", "codes"],
mixins: [event], mixins: [event],
data() { data() {
return { return {
...@@ -141,7 +199,7 @@ export default { ...@@ -141,7 +199,7 @@ export default {
// setColumnFlg: false, // setColumnFlg: false,
// saveColumnFlg: true, // saveColumnFlg: true,
transactionStatus: { transactionStatus: {
busiNo: '', busiNo: "",
modTimes: 0, modTimes: 0,
postCount: 0, postCount: 0,
accCount: 0, accCount: 0,
...@@ -151,69 +209,80 @@ export default { ...@@ -151,69 +209,80 @@ export default {
//以下是表格内容 //以下是表格内容
stmData: { stmData: {
columns: [ columns: [
{ {
label: '交易代码', label: "交易代码",
prop: 'frm' prop: "frm",
width: "120",
}, },
{ {
label: '交易名称', label: "交易名称",
prop: 'txt' prop: "txt",
width: "120",
}, },
{ {
label: '业务摘要', label: "业务摘要",
prop: 'objnam' prop: "objnam",
width: "120",
}, },
{ {
label: '创建人', label: "创建人",
prop: 'usr' prop: "usr",
width: "120",
}, },
{ {
label: '创建时间', label: "创建时间",
prop: 'dattim' prop: "dattim",
width: "120",
}, },
{ {
label: '银行名称', label: "银行名称",
prop: 'bchname' prop: "bchname",
width: "120",
}, },
{ {
label: '报文类型', label: "报文类型",
prop: 'msgType' prop: "msgType",
width: "120",
}, },
{ {
label: '对方银行BIC', label: "对方银行BIC",
prop: 'sndkey' prop: "sndkey",
width: "120",
}, },
{ {
label: '币种', label: "币种",
prop: 'relcur' prop: "relcur",
width: "100",
}, },
{ {
label: '金额', label: "金额",
prop: 'relAmt' prop: "relAmt",
width: "100",
}, },
{ {
label: '状态', label: "状态",
prop: 'sta' prop: "sta",
} width: "100",
},
], ],
data: [], data: [],
}, },
pagination: { pagination: {
pageIndex: 1, pageIndex: 1,
pageSize: 10, pageSize: 10,
total: 0 total: 0,
}, },
}; };
}, },
async mounted() { async mounted() {
this.sourceData = [ this.sourceData = [
{ label: '暂存', value: 'chkpen' }, { label: "暂存", value: "chkpen" },
{ label: '电子贸易', value: 'chkdzt' }, { label: "电子贸易", value: "chkdzt" },
{ label: '传入', value: 'chkinc' }, { label: "传入", value: "chkinc" },
{ label: '修改', value: 'chkcor' }, { label: "修改", value: "chkcor" },
{ label: '自动', value: 'chkaut' }, { label: "自动", value: "chkaut" },
{ label: '拒绝', value: 'chkdel' }, { label: "拒绝", value: "chkdel" },
{ label: '网银', value: 'chktco' }, { label: "网银", value: "chktco" },
]; ];
}, },
methods: { methods: {
...@@ -223,8 +292,8 @@ export default { ...@@ -223,8 +292,8 @@ export default {
this.model.inidatfro = new Date(datetime); this.model.inidatfro = new Date(datetime);
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
this.currentRow = val; this.currentRow = val;
} },
}, },
created: function () { created: function () {
this.getInidatfro(); this.getInidatfro();
...@@ -232,13 +301,13 @@ export default { ...@@ -232,13 +301,13 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.tableClass .cell{ .tableClass .cell {
padding: 0!important; padding: 0 !important;
height: 40px; height: 40px;
line-height: 30px!important; line-height: 30px !important;
text-align: center; text-align: center;
} }
.table-button-item-list { .table-button-item-list {
padding: 0; padding: 0;
margin: 0; margin: 0;
......
src/business/trnrel/views/Inftrnps.vue
...@@ -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" },
......
src/components/IStreamTable.vue
...@@ -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 }">
......
src/components/PagingTable.vue
...@@ -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"
......
src/views/Business/Bopsel/Selp.vue
...@@ -2,280 +2,337 @@ ...@@ -2,280 +2,337 @@
<div class="eibs-tab"> <div class="eibs-tab">
<!-- <c-list-search @form-reset="selpHandleReset" @form-search="selpHandleSearch"> <!-- <c-list-search @form-reset="selpHandleReset" @form-search="selpHandleSearch">
<template v-slot="searchSlot"> --> <template v-slot="searchSlot"> -->
<!--line1--> <!--line1-->
<el-row> <el-row>
<c-col :span="24" style=""> <c-col :span="24" style="">
<c-col :span="8">
<c-col :span="8"> <el-form-item
<el-form-item label="申报类型" prop="bopquep.boptyp" style="width: 100%"> label="申报类型"
<c-select prop="bopquep.boptyp"
v-model="model.bopquep.boptyp" style="width: 100%"
style="width: 100%" >
placeholder="请选择申报类型" <c-select
> v-model="model.bopquep.boptyp"
<el-option style="width: 100%"
v-for="item in codes.boptyp" placeholder="请选择申报类型"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="查询日期类型" prop="bopquep.dattyp" style="width: 100%">
<c-select
v-model="model.bopquep.dattyp"
style="width: 100%"
placeholder="请选择查询日期类型"
>
<el-option
v-for="item in codes.dattyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</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.bopquep.frmdat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择From"
></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.bopquep.tildat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择Until"
></c-date-picker>
</c-col>
</el-form-item>
</c-col>
</c-col>
<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"
icon="el-icon-search"
size="small"
@click="selpHandleSearch"
>查询</el-button
> >
<el-button type="text" @click="searchToggle=true"> <el-option
展开 v-for="item in codes.boptyp"
<i class="el-icon-arrow-down"></i> :key="item.value"
</el-button> :label="item.label"
</c-col> :value="item.value"
>
</el-row> </el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item
<!--line3--> label="查询日期类型"
prop="bopquep.dattyp"
<!--line4--> style="width: 100%"
>
<el-row v-show="searchToggle"> <c-select
<!--line2--> v-model="model.bopquep.dattyp"
<c-col :span="24" style=""> style="width: 100%"
<c-col :span="8"> placeholder="请选择查询日期类型"
<el-form-item label="申报号码" prop="bopquep.rptno" style="width: 100%"> >
<c-input <el-option
v-model="model.bopquep.rptno" v-for="item in codes.dattyp"
maxlength="22" :key="item.value"
placeholder="请输入申报号码" :label="item.label"
></c-input> :value="item.value"
</el-form-item> >
</c-col> </el-option>
<c-col :span="8"> </c-select>
<el-form-item label="业务所属行" prop="bopquep.ownextkey" style="width: 100%"> </el-form-item>
<c-select </c-col>
v-model="model.bopquep.ownextkey"
style="width: 100%" <c-col :span="8">
placeholder="请选择Initial Code" <el-form-item label="起止日期" style="width: 100%">
> <c-col :span="11">
</c-select> <c-date-picker
</el-form-item> type="date"
v-model="model.bopquep.frmdat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择From"
></c-date-picker>
</c-col> </c-col>
<c-col :span="2" style="text-align: center">
<c-col :span="8"> <label style="display: inline-block; width: 100%">-</label>
<el-form-item label="业务编号" prop="bopquep.ownref" style="width: 100%">
<c-input
v-model="model.bopquep.ownref"
maxlength="16"
placeholder="请输入业务编号"
></c-input>
</el-form-item>
</c-col> </c-col>
<c-col :span="11">
<c-date-picker
type="date"
v-model="model.bopquep.tildat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择Until"
></c-date-picker>
</c-col> </c-col>
</el-form-item>
<c-col :span="24" style=""> </c-col>
</c-col>
<c-col :span="8"> <c-col
<el-form-item label="客户类型" prop="bopquep.ptytyp" style="width: 100%"> :span="24"
<c-select style="text-align: right; height: 36.8px"
v-model="model.bopquep.ptytyp" v-if="!searchToggle"
style="width: 100%" >
placeholder="请选择客户类型" <el-button size="small" @click="selpHandleReset">重置</el-button>
> <el-button
<el-option type="primary"
v-for="item in codes.ptytyp" icon="el-icon-search"
:key="item.value" size="small"
:label="item.label" @click="selpHandleSearch"
:value="item.value" >查询</el-button
> >
</el-option> <el-button type="text" @click="searchToggle = true">
</c-select> 展开
</el-form-item> <i class="el-icon-arrow-down"></i>
</c-col> </el-button>
</c-col>
</el-row>
<c-col :span="8"> <!--line3-->
<el-form-item label="客户名称" prop="bopquep.ptynam" style="width: 100%">
<c-input
v-model="model.bopquep.ptynam"
style="width: 100%"
placeholder="请输入客户名称"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8"> <!--line4-->
<el-form-item label="结算方式" prop="bopquep.medtyp" style="width: 100%">
<c-select
v-model="model.bopquep.medtyp"
style="width: 100%"
placeholder="请选择结算方式"
>
<el-option
v-for="item in codes.medtyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<el-row v-show="searchToggle">
<!--line2-->
<c-col :span="24" style="">
<c-col :span="8">
<el-form-item
label="申报号码"
prop="bopquep.rptno"
style="width: 100%"
>
<c-input
v-model="model.bopquep.rptno"
maxlength="22"
placeholder="请输入申报号码"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item
label="业务所属行"
prop="bopquep.ownextkey"
style="width: 100%"
>
<c-select
v-model="model.bopquep.ownextkey"
style="width: 100%"
placeholder="请选择Initial Code"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item
label="业务编号"
prop="bopquep.ownref"
style="width: 100%"
>
<c-input
v-model="model.bopquep.ownref"
maxlength="16"
placeholder="请输入业务编号"
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col> <c-col :span="24" style="">
<c-col :span="8">
<c-col :span="24" style=""> <el-form-item
<c-col :span="8"> label="客户类型"
<el-form-item label="笔数" prop="bopquep.sum" style="width: 100%"> prop="bopquep.ptytyp"
<c-input style="width: 100%"
v-model="model.bopquep.sum" >
placeholder="请输入笔数" <c-select
></c-input> v-model="model.bopquep.ptytyp"
</el-form-item> style="width: 100%"
</c-col> placeholder="请选择客户类型"
>
<el-option
v-for="item in codes.ptytyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item
label="客户名称"
prop="bopquep.ptynam"
style="width: 100%"
>
<c-input
v-model="model.bopquep.ptynam"
style="width: 100%"
placeholder="请输入客户名称"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item
label="结算方式"
prop="bopquep.medtyp"
style="width: 100%"
>
<c-select
v-model="model.bopquep.medtyp"
style="width: 100%"
placeholder="请选择结算方式"
>
<el-option
v-for="item in codes.medtyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="8"> <c-col :span="24" style="">
<el-form-item label="业务状态" prop="bopquep.staflg" style="width: 100%"> <c-col :span="8">
<c-select <el-form-item label="笔数" prop="bopquep.sum" style="width: 100%">
v-model="model.bopquep.staflg" <c-input
style="width: 100%" v-model="model.bopquep.sum"
placeholder="请选择业务状态" placeholder="请输入笔数"
> ></c-input>
<el-option </el-form-item>
v-for="item in codes.staflg" </c-col>
:key="item.value"
:label="item.label" <c-col :span="8">
:value="item.value" <el-form-item
> label="业务状态"
</el-option> prop="bopquep.staflg"
</c-select> style="width: 100%"
</el-form-item> >
</c-col> <c-select
<c-col :span="8" style="text-align: right;height:36.8px" v-if="searchToggle"> v-model="model.bopquep.staflg"
<el-button size="small" @click="selpHandleReset">重置</el-button> style="width: 100%"
<el-button placeholder="请选择业务状态"
type="primary"
icon="el-icon-search"
size="small"
@click="selpHandleSearch"
>查询</el-button
> >
<el-button type="text" @click="searchToggle=false"> <el-option
收起 v-for="item in codes.staflg"
<i class="el-icon-arrow-up"></i> :key="item.value"
</el-button> :label="item.label"
</c-col> :value="item.value"
</c-col> >
</el-row> </el-option>
<!-- </template> </c-select>
</el-form-item>
</c-col>
<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"
icon="el-icon-search"
size="small"
@click="selpHandleSearch"
>查询</el-button
>
<el-button type="text" @click="searchToggle = false">
收起
<i class="el-icon-arrow-up"></i>
</el-button>
</c-col>
</c-col>
</el-row>
<!-- </template>
</c-list-search> --> </c-list-search> -->
<c-col :span="24" style=""> <c-col :span="24" style="">
<div style="border-bottom: 10px solid rgb(232, 232, 232)"> <div style="border-bottom: 10px solid rgb(232, 232, 232)"></div>
</div>
</c-col> </c-col>
<c-row style="margin-top: 20px"> <c-row style="margin-top: 20px">
<c-col style=""> <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 size="small" type="primary" style="margin-left:0">应急导出</c-button> >导出Excel</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"
>应急导出</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-col>
</c-row> </c-row>
<el-row> <el-row>
<c-col :span="24" style=""> <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"> <el-table-column fixed="right" prop="op" label="操作" width="200px">
<template slot="header"> <template slot="header">
<c-col :span="11" style="text-align:left"><span>操作</span></c-col> <c-col :span="11" style="text-align: left"
<!-- <c-col :span="12" style="text-align:right"><c-button icon="el-icon-s-tools"></c-button></c-col> --> ><span>操作</span></c-col
</template> >
<!-- <c-col :span="12" style="text-align:right"><c-button icon="el-icon-s-tools"></c-button></c-col> -->
</template>
<template slot-scope="scope"> <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>
<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>
<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> </c-button>
</template> </template>
</el-table-column> </el-table-column>
</c-istream-table> </c-istream-table>
</c-col> </c-col>
</el-row> </el-row>
</div> </div>
</template> </template>
<script> <script>
...@@ -291,7 +348,7 @@ export default { ...@@ -291,7 +348,7 @@ export default {
mixins: [commonProcess], mixins: [commonProcess],
data() { data() {
return { return {
searchToggle:false, searchToggle: false,
stmData: { stmData: {
columns: [ columns: [
//{index:3,position:3,width:110,pattern:'date',label:'日期'}, //{index:3,position:3,width:110,pattern:'date',label:'日期'},
...@@ -300,19 +357,53 @@ export default { ...@@ -300,19 +357,53 @@ export default {
'1 2 "客户" 100', '1 2 "客户" 100',
'16 3 "组织机构代码" 120', '16 3 "组织机构代码" 120',
// '2 4 "基础" 80', // '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', '5 5 "银行业务编号" 150',
//'6 6, "收付汇日期" 200', //'6 6, "收付汇日期" 200',
{index:6,position:6,width:150,pattern:'date',label:'收付汇日期'}, {
index: 6,
position: 6,
width: 150,
pattern: "date",
label: "收付汇日期",
},
//'7 7, "申报类型" 198', //'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', '8 8, "币别" 80',
//'9 9, "金额" 120', //'9 9, "金额" 120',
{index:9,position:9,width:120,pattern:'amt',label:'金额'}, { index: 9, position: 9, width: 120, pattern: "amt", label: "金额" },
//'10 10, "客户类型" 120', //'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', //'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', '3 12, "申报" 80',
'4 13, "管理" 80', '4 13, "管理" 80',
'17 14, "对方客户名称" 120', '17 14, "对方客户名称" 120',
...@@ -341,91 +432,116 @@ export default { ...@@ -341,91 +432,116 @@ export default {
}, },
}; };
}, },
methods: { ...Event , methods: {
// async onWaitDetail(idx, row) { ...Event,
// console.log(idx); // async onWaitDetail(idx, row) {
// console.log(row); // console.log(idx);
// console.log(row.申报类型); // console.log(row);
// let business=row.申报类型.toLowerCase() +"inf"; // console.log(row.申报类型);
// let url = "/business/"+business; // let business=row.申报类型.toLowerCase() +"inf";
// console.log(url); // let url = "/business/"+business;
// //url ="/business/"+"litopn"; // console.log(url);
// console.log(url); // //url ="/business/"+"litopn";
// this.$router.history.push(url); // console.log(url);
// }, // this.$router.history.push(url);
// },
async onWaitAdd(business) {
let viewurl = "/business/"+business; async onWaitAdd(business) {
let params = { }; let viewurl = "/business/" + business;
this.executeRule("addbut",params).then((res) => { let params = {};
if ((res.respCode == SUCCESS)) { this.executeRule("addbut", params).then((res) => {
Utils.copyValueFromVO(this.model, res.data); if (res.respCode == SUCCESS) {
// this.$router.push({ path: "business/inftrnpsDetail", query: { idx: idx}}); Utils.copyValueFromVO(this.model, res.data);
this.$router.push({ name: business.charAt(0).toUpperCase() + business.substring(1), params:{prePageId:this.model.pageId} }); // this.$router.push({ path: "business/inftrnpsDetail", query: { idx: idx}});
}else{ this.$router.push({
const h = this.$createElement; name: business.charAt(0).toUpperCase() + business.substring(1),
const msg = res.respMsg||'请求执行失败!' params: { prePageId: this.model.pageId },
this.$notify.error({ title: '错误', message: h('p',{style: 'word-break:break-all;'}, msg) }) });
} } else {
}); const h = this.$createElement;
const msg = res.respMsg || "请求执行失败!";
this.$notify.error({
title: "错误",
message: h("p", { style: "word-break:break-all;" }, msg),
});
}
});
}, },
async onWaitDetail(idx, row) { async onWaitDetail(idx, row) {
let business=row.申报类型.toLowerCase() +"inf"; let business = row.申报类型.toLowerCase() + "inf";
let viewurl = "/business/"+business; let viewurl = "/business/" + business;
const selIds = [idx + 1]; const selIds = [idx + 1];
const selDst = "dblstm" //列表对应后台模型中的stream const selDst = "dblstm"; //列表对应后台模型中的stream
let params = { selDst, selIds }; let params = { selDst, selIds };
this.executeRule("dtlbut",params).then((res) => { this.executeRule("dtlbut", params).then((res) => {
if ((res.respCode == SUCCESS)) { if (res.respCode == SUCCESS) {
Utils.copyValueFromVO(this.model, res.data); Utils.copyValueFromVO(this.model, res.data);
// this.$router.push({ path: "business/inftrnpsDetail", query: { idx: idx}}); // this.$router.push({ path: "business/inftrnpsDetail", query: { idx: idx}});
// this.$router.push({ path: viewurl, query: {} }); // this.$router.push({ path: viewurl, query: {} });
this.$router.push({ name: business.charAt(0).toUpperCase() + business.substring(1), params:{prePageId:this.model.pageId} }); this.$router.push({
}else{ name: business.charAt(0).toUpperCase() + business.substring(1),
const h = this.$createElement; params: { prePageId: this.model.pageId },
const msg = res.respMsg||'请求执行失败!' });
this.$notify.error({ title: '错误', message: h('p',{style: 'word-break:break-all;'}, msg) }) } else {
} const h = this.$createElement;
}); const msg = res.respMsg || "请求执行失败!";
this.$notify.error({
title: "错误",
message: h("p", { style: "word-break:break-all;" }, msg),
});
}
});
}, },
async onWaitAmend(idx, row) { async onWaitAmend(idx, row) {
let business=row.申报类型.toLowerCase() +"ame"; let business = row.申报类型.toLowerCase() + "ame";
let viewurl = "/business/"+business; let viewurl = "/business/" + business;
const selIds = [idx + 1]; const selIds = [idx + 1];
const selDst = "dblstm" //列表对应后台模型中的stream const selDst = "dblstm"; //列表对应后台模型中的stream
let params = { selDst, selIds }; let params = { selDst, selIds };
this.executeRule("amebut",params).then((res) => { this.executeRule("amebut", params).then((res) => {
if ((res.respCode == SUCCESS)) { if (res.respCode == SUCCESS) {
Utils.copyValueFromVO(this.model, res.data); Utils.copyValueFromVO(this.model, res.data);
// this.$router.push({ path: "business/inftrnpsDetail", query: { idx: idx}}); // 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} }); this.$router.push({
}else{ name: business.charAt(0).toUpperCase() + business.substring(1),
const h = this.$createElement; params: { prePageId: this.model.pageId },
const msg = res.respMsg||'请求执行失败!' });
this.$notify.error({ title: '错误', message: h('p',{style: 'word-break:break-all;'}, msg) }) } else {
} const h = this.$createElement;
}); const msg = res.respMsg || "请求执行失败!";
this.$notify.error({
title: "错误",
message: h("p", { style: "word-break:break-all;" }, msg),
});
}
});
}, },
async onWaitDelete(idx, row) { async onWaitDelete(idx, row) {
let business=row.申报类型.toLowerCase() +"del"; let business = row.申报类型.toLowerCase() + "del";
let viewurl = "/business/"+business; let viewurl = "/business/" + business;
const selIds = [idx + 1]; const selIds = [idx + 1];
const selDst = "dblstm" //列表对应后台模型中的stream const selDst = "dblstm"; //列表对应后台模型中的stream
let params = { selDst, selIds }; let params = { selDst, selIds };
this.executeRule("delbut",params).then((res) => { this.executeRule("delbut", params).then((res) => {
if ((res.respCode == SUCCESS)) { if (res.respCode == SUCCESS) {
Utils.copyValueFromVO(this.model, res.data); Utils.copyValueFromVO(this.model, res.data);
// this.$router.push({ path: "business/inftrnpsDetail", query: { idx: idx}}); // 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} }); this.$router.push({
}else{ name: business.charAt(0).toUpperCase() + business.substring(1),
const h = this.$createElement; params: { prePageId: this.model.pageId },
const msg = res.respMsg||'请求执行失败!' });
this.$notify.error({ title: '错误', message: h('p',{style: 'word-break:break-all;'}, msg) }) } else {
} const h = this.$createElement;
}); const msg = res.respMsg || "请求执行失败!";
this.$notify.error({
title: "错误",
message: h("p", { style: "word-break:break-all;" }, msg),
});
}
});
}, },
// async onWaitAmend(idx, row) { // async onWaitAmend(idx, row) {
...@@ -451,19 +567,16 @@ export default { ...@@ -451,19 +567,16 @@ export default {
// console.log(url); // console.log(url);
// this.$router.history.push(url); // this.$router.history.push(url);
// }, // },
}, },
created: function () { created: function () {
this.model.bopquep.boptyp = "ALL"; this.model.bopquep.boptyp = "ALL";
this.model.bopquep.frmdat = new Date(); this.model.bopquep.frmdat = new Date();
this.model.bopquep.tildat = new Date(); this.model.bopquep.tildat = new Date();
}, },
}; };
</script> </script>
<style scoped> <style scoped>
.eibs-tab >>> .m-table-search{ .eibs-tab >>> .m-table-search {
border-bottom: 0; border-bottom: 0;
} }
.eibs-tab >>> .m-table-search-operation-top { .eibs-tab >>> .m-table-search-operation-top {
......
src/views/Business/Cfasel/Selp.vue
...@@ -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"
......
src/views/Business/Sptsel/Menu.vue
...@@ -3,113 +3,176 @@ ...@@ -3,113 +3,176 @@
<!-- <c-list-search @form-reset="handleReset" @form-search="handleSearch"> --> <!-- <c-list-search @form-reset="handleReset" @form-search="handleSearch"> -->
<!-- <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">
<el-form-item label="业务编号" prop="selobj" style="width: 100%"> <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
</el-form-item> style="width: 100%"
</c-col> v-model="model.selobj"
maxlength="32"
<c-col :span="8"> placeholder="请输入业务编号"
<el-form-item label="创建时间" style="width: 100%"> ></c-input>
<c-col :span="11"> </el-form-item>
<c-date-picker type="date" v-model="model.inidatfro" style="width: 100%" placeholder="请选择创建时间"> </c-col>
</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>
</c-col>
</el-form-item>
</c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="来源" style="width: 100%" prop="sourceModel"> <el-form-item label="创建时间" style="width: 100%">
<el-select clearable v-model="sourceModel" style="width: 100%" placeholder="请选择来源" multiple collapse-tags <c-col :span="11">
@change="sourceChangeEvent"> <c-date-picker
<el-option v-for="item in sourceData" :key="item.value" :label="item.label" :value="item.value"> type="date"
</el-option> v-model="model.inidatfro"
</el-select> style="width: 100%"
</el-form-item> placeholder="请选择创建时间"
</c-col> >
</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>
</c-col>
</el-form-item>
</c-col> </c-col>
</el-row>
<el-row> <c-col :span="8">
<c-col :span="24" style=""> <el-form-item label="来源" style="width: 100%" prop="sourceModel">
<c-col :span="8"> <el-select
<el-form-item label="选择用户" prop="usfmod.flt" style="width: 100%"> clearable
<!-- <c-col :span="20"> --> v-model="sourceModel"
<c-select v-model="model.usfmod.flt" style="width: 100%" placeholder="请选择选择用户"> style="width: 100%"
<el-option v-for="item in codes.flt" :key="item.value" :label="item.label" :value="item.value"> placeholder="请选择来源"
</el-option> multiple
</c-select> collapse-tags
</el-form-item> @change="sourceChangeEvent"
</c-col> >
<el-option
v-for="item in sourceData"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</c-col>
</c-col>
</el-row>
<c-col :span="8"> <el-row>
<el-form-item label="业务描述" prop="seltxt" style="width: 100%"> <c-col :span="24" style="">
<c-input v-model="model.seltxt" maxlength="32" placeholder="请输入业务描述"></c-input> <c-col :span="8">
</el-form-item> <el-form-item label="选择用户" prop="usfmod.flt" style="width: 100%">
</c-col> <!-- <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"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="业务标志" prop="dflg" style="width: 100%"> <el-form-item label="业务描述" prop="seltxt" style="width: 100%">
<c-select v-model="model.dflg" style="width: 100%" placeholder="请选择国内国际标志"> <c-input
<el-option label="所有业务" value="1"></el-option> v-model="model.seltxt"
<el-option label="国内业务" value="2"></el-option> maxlength="32"
<el-option label="国际业务" value="3"></el-option> placeholder="请输入业务描述"
</c-select> ></c-input>
</el-form-item> </el-form-item>
</c-col>
</c-col> </c-col>
<c-col :span="24" style=""> <c-col :span="8">
<c-col :span="8" v-if="model.usfmod.flt === '<SELU>'"> <el-form-item label="业务标志" prop="dflg" style="width: 100%">
<el-form-item label="经办柜员" style="width: 100%"> <c-select
<c-input></c-input> v-model="model.dflg"
</el-form-item> style="width: 100%"
</c-col> placeholder="请选择国内国际标志"
>
<el-option label="所有业务" value="1"></el-option>
<el-option label="国内业务" value="2"></el-option>
<el-option label="国际业务" value="3"></el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="8" v-else-if="model.usfmod.flt === '<SELB>'"> <c-col :span="24" style="">
<el-form-item label="归属机构" style="width: 100%"> <c-col :span="8" v-if="model.usfmod.flt === '<SELU>'">
<c-input></c-input> <el-form-item label="经办柜员" style="width: 100%">
</el-form-item> <c-input></c-input>
</c-col> </el-form-item>
<c-col :span="8" v-else>
<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>
</c-col>
</c-col> </c-col>
</el-row>
<c-col :span="24" style=""> <c-col :span="8" v-else-if="model.usfmod.flt === '<SELB>'">
<div style="border-bottom: 10px solid rgb(232, 232, 232)"></div> <el-form-item label="归属机构" style="width: 100%">
</c-col> <c-input></c-input>
</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>
</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
>
</c-col>
</c-col>
</el-row>
<c-col :span="24"> <c-col :span="24">
<c-istream-table :list="stmData.data" :columns="stmData.columns" :showButtonFlg="true"> <c-istream-table
<el-table-column fixed="right" prop="op" label="操作" width="250px" > :list="stmData.data"
:columns="stmData.columns"
:showButtonFlg="true"
>
<el-table-column fixed="right" prop="op" label="操作" width="250px">
<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 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>
<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>
<!-- 更改按钮暂时隐藏 --> <!-- 更改按钮暂时隐藏 -->
<!-- <c-button style="margin-left: 5px" size="small" @click="onChange(scope.row)" :disabled="scope.row.状态!='INC'">更改 <!-- <c-button style="margin-left: 5px" size="small" @click="onChange(scope.row)" :disabled="scope.row.状态!='INC'">更改
</c-button> --> </c-button> -->
<el-popover placement="top-start" width="50" trigger="click"> <el-popover placement="top-start" width="50" trigger="click">
<ul class="table-button-item-list"> <ul class="table-button-item-list">
<li> <li>
<c-button size="small" style="margin-left: 0">指派</c-button> <c-button size="small" style="margin-left: 0">指派</c-button>
...@@ -118,7 +181,12 @@ ...@@ -118,7 +181,12 @@
<c-button size="small" style="margin-left: 0">删除</c-button> <c-button size="small" style="margin-left: 0">删除</c-button>
</li> </li>
</ul> </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> </el-popover>
</template> </template>
</el-table-column> </el-table-column>
...@@ -164,10 +232,9 @@ export default { ...@@ -164,10 +232,9 @@ export default {
'4 1 "交易代码" 100 ', '4 1 "交易代码" 100 ',
'6 2 "交易名称" 150', '6 2 "交易名称" 150',
'5 3 "业务摘要" 300', '5 3 "业务摘要" 300',
'8 4 "创建人" 100', '8 4 "创建人" 100',
// '7 7 "创建时间" 160 20 DateTime 1', // '7 7 "创建时间" 160 20 DateTime 1',
{ {
index: 7, index: 7,
position: 5, position: 5,
...@@ -176,7 +243,6 @@ export default { ...@@ -176,7 +243,6 @@ export default {
label: "创建时间", label: "创建时间",
}, },
//'1 4 "状态" 60 1 tdViewTypeEdit:0 1 SPT:STA', //'1 4 "状态" 60 1 tdViewTypeEdit:0 1 SPT:STA',
{ {
index: 1, index: 1,
...@@ -188,10 +254,10 @@ export default { ...@@ -188,10 +254,10 @@ export default {
}, },
'17 7 "报文类型" 100', '17 7 "报文类型" 100',
'18 8 "对方银行BIC" 130', '18 8 "对方银行BIC" 130',
'19 9 "币种" 70', '19 9 "币种" 70',
'20 10 "金额" 100 2 8 1 16', '20 10 "金额" 100 2 8 1 16',
'3 11 "当前操作柜员" 120', '3 11 "当前操作柜员" 120',
'3 12 "当前组别" 100', '3 12 "当前组别" 100',
'3 13 "上次操作柜员" 120', '3 13 "上次操作柜员" 120',
...@@ -250,7 +316,7 @@ export default { ...@@ -250,7 +316,7 @@ export default {
let datetime = new Date(); let datetime = new Date();
datetime = datetime.setDate(datetime.getDate() - 10); datetime = datetime.setDate(datetime.getDate() - 10);
this.model.inidatfro = new Date(datetime); this.model.inidatfro = new Date(datetime);
} },
}, },
created: function () { created: function () {
// this.setColumn = this.stmData.columns.map((item, index) => { // this.setColumn = this.stmData.columns.map((item, index) => {
......
src/views/Business/Sptsel/Sptbrk/Menu.vue
...@@ -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',
......
src/views/Business/Trnrel/Trnfnd/Inftrnps.vue
...@@ -3,214 +3,221 @@ ...@@ -3,214 +3,221 @@
<!-- <c-list-search @form-reset="handleReset" @form-search="handleSearch"> --> <!-- <c-list-search @form-reset="handleReset" @form-search="handleSearch"> -->
<!-- <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">
<el-form-item <el-form-item
label="业务编号" label="业务编号"
prop="trncorco.ownref" prop="trncorco.ownref"
style="width: 100%"
>
<c-input
v-model="model.trncorco.ownref"
maxlength="16"
placeholder="请输入业务编号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item
label="创建时间"
style="width: 100%"
prop="trncorco.inidatfro"
>
<c-col :span="11">
<c-date-picker
type="date"
v-model="model.trncorco.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.trncorco.inidattil"
style="width: 100%"
placeholder="请选择结束时间"
></c-date-picker>
</c-col>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="经办柜员" prop="usrcon" style="width: 100%">
<c-select
v-model="model.usrcon"
style="width: 100%" style="width: 100%"
placeholder="请选择经办柜员"
> >
<c-input <el-option
v-model="model.trncorco.ownref" v-for="item in codes.usrsort"
maxlength="16" :key="item.value"
placeholder="请输入业务编号" :label="item.label"
></c-input> :value="item.value"
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="创建时间" style="width: 100%" prop="trncorco.inidatfro">
<c-col :span="11">
<c-date-picker
type="date"
v-model="model.trncorco.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.trncorco.inidattil"
style="width: 100%"
placeholder="请选择结束时间"
></c-date-picker>
</c-col>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="经办柜员" prop="usrcon" style="width: 100%">
<c-select
v-model="model.usrcon"
style="width: 100%"
placeholder="请选择经办柜员"
> >
<el-option </el-option>
v-for="item in codes.usrsort" </c-select>
:key="item.value" </el-form-item>
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col> </c-col>
</el-row> </c-col>
<!-- </el-row>
<!--
<c-col :span="12"> <c-col :span="12">
<el-form-item label="Drag Drop Sender"> <el-form-item label="Drag Drop Sender">
<c-input v-model="model.atpget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input> <c-input v-model="model.atpget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
--> -->
<el-row> <el-row>
<c-col :span="24" style=""> <c-col :span="24" style="">
<c-col :span="8"> <c-col :span="8">
<el-form-item <el-form-item
label="业务状态" label="业务状态"
prop="trncorco.relflg" prop="trncorco.relflg"
style="width: 100%"
>
<c-select
v-model="model.trncorco.relflg"
style="width: 100%" style="width: 100%"
placeholder="请选择业务状态"
> >
<c-select <el-option
v-model="model.trncorco.relflg" v-for="item in relflgCodes"
style="width: 100%" :key="item.value"
placeholder="请选择业务状态" :label="item.label"
:value="item.value"
> >
<el-option </el-option>
v-for="item in relflgCodes" </c-select>
:key="item.value" </el-form-item>
:label="item.label" </c-col>
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="业务机构" prop="bchcon" style="width: 100%"> <el-form-item label="业务机构" prop="bchcon" style="width: 100%">
<c-select <c-select
v-model="model.bchcon" v-model="model.bchcon"
style="width: 100%" style="width: 100%"
placeholder="请选择业务机构" placeholder="请选择业务机构"
>
<el-option
v-for="item in codes.bchtyp"
:key="item.value"
:label="item.label"
:value="item.value"
> >
<el-option </el-option>
v-for="item in codes.bchtyp" </c-select>
:key="item.value" </el-form-item>
:label="item.label" </c-col>
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<!-- <!--
<c-col :span="12"> <c-col :span="12">
<el-form-item label="and"> <el-form-item label="and">
</el-form-item> </el-form-item>
</c-col> --> </c-col> -->
<c-col :span="8"> <c-col :span="8">
<el-form-item label="交易代码" prop="atp.cod" style="width: 100%"> <el-form-item label="交易代码" prop="atp.cod" style="width: 100%">
<c-col :span="24"> <c-col :span="24">
<c-col :span="20"> <c-col :span="20">
<c-input <c-input
v-model="model.atp.cod" v-model="model.atp.cod"
maxlength="6" maxlength="6"
style="width: 95%" style="width: 95%"
placeholder="请输入交易代码 " placeholder="请输入交易代码 "
@keyup.enter.native="showGridPromptDialog('atp.cod')" @keyup.enter.native="showGridPromptDialog('atp.cod')"
></c-input> ></c-input>
</c-col> </c-col>
<!-- <c-input v-model="model.atpget.sdamod.seainf" style="width:10%" placeholder="i"></c-input> --> <!-- <c-input v-model="model.atpget.sdamod.seainf" style="width:10%" placeholder="i"></c-input> -->
<c-col :span="4"> <c-col :span="4">
<c-button <c-button
size="small" size="small"
style="width: 100%; margin-left: 0" style="width: 100%; margin-left: 0"
type="primary" type="primary"
@click="onSeainf" @click="onSeainf"
icon="el-icon-search" icon="el-icon-search"
></c-button> ></c-button>
</c-col>
</c-col> </c-col>
</el-form-item> </c-col>
</c-col> </el-form-item>
</c-col> </c-col>
<c-col :span="24" style=""> </c-col>
<c-col :span="8"> <c-col :span="24" style="">
<el-form-item <c-col :span="8">
label="业务标志" <el-form-item
prop="trncorco.dflg" label="业务标志"
prop="trncorco.dflg"
style="width: 100%"
>
<c-select
v-model="model.trncorco.dflg"
style="width: 100%" style="width: 100%"
placeholder="请选择业务标志"
> >
<c-select <el-option
v-model="model.trncorco.dflg" v-for="item in codes.dflg"
style="width: 100%" :key="item.value"
placeholder="请选择业务标志" :label="item.label"
:value="item.value"
> >
<el-option </el-option>
v-for="item in codes.dflg" </c-select>
:key="item.value" </el-form-item>
:label="item.label" </c-col>
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="交易名称" prop="atptxt" style="width: 100%"> <el-form-item label="交易名称" prop="atptxt" style="width: 100%">
<c-input <c-input
v-model="model.atptxt" v-model="model.atptxt"
maxlength="37" maxlength="37"
placeholder="请输入交易名称" placeholder="请输入交易名称"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8" style="text-align: right"> <c-col :span="8" style="text-align: right">
<el-button size="small" @click="handleReset">重置</el-button> <el-button size="small" @click="handleReset">重置</el-button>
<el-button <el-button
type="primary" type="primary"
icon="el-icon-search" icon="el-icon-search"
size="small" size="small"
@click="trnfndhandleSearch" @click="trnfndhandleSearch"
>查询</el-button >查询</el-button
> >
</c-col>
</c-col> </c-col>
</el-row> </c-col>
</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=""> <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 <el-table-column
fixed="right" fixed="right"
prop="display" prop="display"
label="操作" label="操作"
width="140px" 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
>
<!-- <c-col :span="12" style="text-align:right"><c-button icon="el-icon-s-tools"></c-button></c-col> --> <!-- <c-col :span="12" style="text-align:right"><c-button icon="el-icon-s-tools"></c-button></c-col> -->
</template> </template>
<template slot-scope="scope"> <template slot-scope="scope">
<c-button <c-button
style="margin-left: 0" style="margin-left: 0"
size="small" size="small"
@click="onFinishDetail(scope.$index,scope.row)" @click="onFinishDetail(scope.$index, scope.row)"
> >
详情 详情
</c-button> </c-button>
...@@ -219,18 +226,12 @@ ...@@ -219,18 +226,12 @@
快照 快照
</c-button> </c-button>
--> -->
<c-button <c-button style="margin-left: 5px" size="small"> 冲正 </c-button>
style="margin-left: 5px"
size="small"
>
冲正
</c-button>
</template> </template>
</el-table-column> </el-table-column>
</c-istream-table> </c-istream-table>
</c-col> </c-col>
</el-row> </el-row>
</div> </div>
</template> </template>
<script> <script>
...@@ -263,13 +264,28 @@ export default { ...@@ -263,13 +264,28 @@ export default {
'12 4 "币种" 70', '12 4 "币种" 70',
'13 5 "金额" 100', '13 5 "金额" 100',
// '14 6 "创建时间" 170', // '14 6 "创建时间" 170',
{index:14,position:6,width:140,pattern:'time',label:'创建时间'}, {
index: 14,
position: 6,
width: 140,
pattern: "time",
label: "创建时间",
},
'9 7 "签名要求" 100', '9 7 "签名要求" 100',
'2 8 "签名状态" 100', '2 8 "签名状态" 100',
'16 9 "经办柜员" 100', '16 9 "经办柜员" 100',
// '0 10 "业务状态" 80', // '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', '15 11 "业务机构" 200',
], ],
data: [], data: [],
...@@ -289,18 +305,18 @@ export default { ...@@ -289,18 +305,18 @@ export default {
// return this.multipleSelection.map((idx) => this.stmData.data[idx]); // return this.multipleSelection.map((idx) => this.stmData.data[idx]);
// }, // },
...Event, ...Event,
getInidatfro(){ getInidatfro() {
let datetime = new Date(); let datetime = new Date();
datetime = datetime.setDate(datetime.getDate() - 1); datetime = datetime.setDate(datetime.getDate() - 1);
this.model.trncorco.inidatfro = new Date(datetime); this.model.trncorco.inidatfro = new Date(datetime);
} },
}, },
created: function () { created: function () {
this.getInidatfro(); this.getInidatfro();
}, },
mounted() { mounted() {
this.relflgCodes = [ this.relflgCodes = [
{ label: "ALL", value: "1" }, //已完成列表业务状态All { label: "ALL", value: "1" }, //已完成列表业务状态All
{ label: "Final", value: "F" }, { label: "Final", value: "F" },
{ label: "Released", value: "R" }, { label: "Released", value: "R" },
]; ];
......
src/views/Layout/components/TagsView/ScrollPane.vue
...@@ -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;
......
src/views/TaskList/compare.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<el-form <el-form
:model="model" :model="model"
:rules="rules" :rules="rules"
ref="modelForm" ref="modelForm"
tokenKey="modelForm" tokenKey="modelForm"
label-width="140px" label-width="140px"
size="small" size="small"
:validate-on-rule-change="false" :validate-on-rule-change="false"
> >
<c-col :span="8"> <c-col :span="8">
<el-form-item label="业务主表"> <el-form-item label="业务主表">
<c-input <c-input v-model="xxd" placeholder="请输入业务主表"></c-input>
v-model="xxd" </el-form-item>
placeholder="请输入业务主表" </c-col>
></c-input> <c-col :span="8">
</el-form-item> <el-form-item label="业务参考号（TD）">
</c-col> <c-input
<c-col :span="8"> v-model="tdref"
<el-form-item label="业务参考号（TD）"> placeholder="请输入业务参考号（TD）"
<c-input ></c-input>
v-model="tdref" </el-form-item>
placeholder="请输入业务参考号（TD）" </c-col>
></c-input> <c-col :span="8">
</el-form-item> <el-form-item label="业务参考号（新国结）">
</c-col> <c-input
<c-col :span="8"> v-model="newref"
<el-form-item label="业务参考号（新国结）"> placeholder="请输入业务参考号（新国结）"
<c-input ></c-input>
v-model="newref" </el-form-item>
placeholder="请输入业务参考号（新国结）" </c-col>
></c-input>
</el-form-item>
</c-col>
<c-col :span="24" 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
>
</c-col>
<c-col :span="24" style="margin-top: 10px"> <c-col :span="24" style="text-align: right">
<div style="border-bottom: 10px solid rgb(232, 232, 232)"></div> <el-button size="small" @click="handleReset">重置</el-button>
</c-col> <el-button
type="primary"
icon="el-icon-search"
size="small"
@click="handleSearch"
>查询对比</el-button
>
</c-col>
<div v-for="(item, idx) in compareData" :key="idx"> <div v-for="(item, idx) in compareData" :key="idx">
<c-col <c-col
:span="24" :span="24"
style="height: 24px; margin-top: 20px; margin-bottom: 5px" style="height: 24px; margin-top: 20px; margin-bottom: 5px"
> >
<c-col :span="12"> <c-col :span="12">
<el-form-item :label="item.bo" class="messageLabel"> <el-form-item :label="item.bo" class="messageLabel"> </el-form-item>
</el-form-item> </c-col>
</c-col> <c-col
<c-col :span="12"
:span="12" style="text-align: right; font-weight: bold; font-size: 12px"
style=" >
text-align: right; <div v-if="showType == 0">
font-weight: bold; <c-button @click="changeShowType(0)" type="primary"
font-size: 12px; >原始数据</c-button
" >
> <c-button @click="changeShowType(1)">对比结果</c-button>
<div v-if="showType == 0">
<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>
</div>
</c-col>
</c-col>
<c-col :span="24" style="height: 0px; margin-top: -5px">
<el-divider></el-divider>
</c-col>
<c-col :span="24">
<c-col :span="24" :offset="0" v-if="showType == 0">
<c-compare-table
:list="item.diffRows"
:columns="item.allKeys"
:paginationShow="false"
:showType="showType"
:maxColumnLength="maxColumnLength[item.bo]"
style="width: 100%"
>
</c-compare-table>
</c-col>
<c-col :span="24" :offset="0" v-if="showType == 1">
<c-compare-table
:list="item.diffRows"
:columns="item.diffKeys"
:paginationShow="false"
:showType="showType"
:maxColumnLength="maxColumnLength[item.bo]"
style="width: 100%"
>
</c-compare-table>
</c-col>
</c-col>
</div> </div>
</el-form> <div v-else>
</div> <c-button @click="changeShowType(0)">原始数据</c-button>
<c-button @click="changeShowType(1)" type="primary"
>对比结果</c-button
>
</div>
</c-col>
</c-col>
<c-col :span="24" style="height: 0px; margin-top: -5px">
<el-divider></el-divider>
</c-col>
<c-col :span="24">
<c-col :span="24" :offset="0" v-if="showType == 0">
<c-compare-table
:list="item.diffRows"
:columns="item.allKeys"
:paginationShow="false"
:showType="showType"
:maxColumnLength="maxColumnLength[item.bo]"
style="width: 100%"
>
</c-compare-table>
</c-col>
<c-col :span="24" :offset="0" v-if="showType == 1">
<c-compare-table
:list="item.diffRows"
:columns="item.diffKeys"
:paginationShow="false"
:showType="showType"
:maxColumnLength="maxColumnLength[item.bo]"
style="width: 100%"
>
</c-compare-table>
</c-col>
</c-col>
</div>
</el-form>
</div>
</template> </template>
<script> <script>
import { max } from 'moment'; import { max } from "moment";
import { all } from "~/service/compare"; import { all } from "~/service/compare";
export default { export default {
data() { data() {
return { return {
tabVal: "menu", tabVal: "menu",
trnName: "compare", trnName: "compare",
model: null, model: null,
rules: null, rules: null,
bo: "", bo: "",
xxd: "DID", xxd: "DID",
tdref: "KZ3500210535AA ", tdref: "KZ3500210535AA ",
newref: "KZ3500210549AA ", newref: "KZ3500210549AA ",
compareData:[], compareData: [],
DID_Data: { DID_Data: {
data: [], data: [],
columns: [], columns: [],
}, },
DID_high_columns: [], DID_high_columns: [],
maxColumnLength:{}, maxColumnLength: {},
showType: 1, //0:原始数据， 1:对比数据 showType: 1, //0:原始数据， 1:对比数据
}; };
}, },
computed: {}, computed: {},
name: "TaskList", name: "TaskList",
created() {}, created() {},
methods: { methods: {
async handleReset() {}, async handleReset() {},
async handleSearch() { async handleSearch() {
const params = { const params = {
xxd: this.xxd, xxd: this.xxd,
tdref: this.tdref, tdref: this.tdref,
newref: this.newref, newref: this.newref,
}; };
const that = this; const that = this;
all(params).then((res) => { all(params).then((res) => {
console.log(res); console.log(res);
that.compareData = res; that.compareData = res;
that.bo = res[0].bo; that.bo = res[0].bo;
for (let i = 0; i < res.length; i++) { for (let i = 0; i < res.length; i++) {
const ret = {}; const ret = {};
for (let j = 0; j < res[i].allKeys.length; j++) { for (let j = 0; j < res[i].allKeys.length; j++) {
const key = res[i].allKeys[j]; const key = res[i].allKeys[j];
ret[key] = key.length; ret[key] = key.length;
for (let k = 0; k < res[i].diffRows.length; k++) { 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]
var current_max = ret[key] ? ret[key] : 0; ? (res[i].diffRows[k].data[key] + "").trim().length
if(current_length >= current_max){ : 0;
ret[key] = current_length; var current_max = ret[key] ? ret[key] : 0;
} if (current_length >= current_max) {
} ret[key] = current_length;
} }
this.maxColumnLength[res[i].bo] = ret; }
} }
console.log(this.maxColumnLength); this.maxColumnLength[res[i].bo] = ret;
});
},
changeShowType(key){
this.showType = key;
} }
console.log(this.maxColumnLength);
});
},
changeShowType(key) {
this.showType = key;
}, },
components: {}, },
components: {},
}; };
</script> </script>
<style scoped> <style scoped>
.messageLabel >>> .el-form-item__label { .messageLabel >>> .el-form-item__label {
text-align: left; text-align: left;
font-weight: bold; font-weight: bold;
font-size: 12px; font-size: 12px;
} }
</style> </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