Skip to content

V
vue-gjjs
Commit b1379fdf by WH
Options

feat:inftrd处理接口

parent 4d917732
Showing with 174 additions and 120 deletions
src/business/inflid/views/Infsea.vue
...@@ -14,14 +14,15 @@ ...@@ -14,14 +14,15 @@
<el-form-item label="开立日期" prop="infcon.opndatfrom" style="width: 100%"> <el-form-item label="开立日期" prop="infcon.opndatfrom" style="width: 100%">
<c-col :span="11"> <c-col :span="11">
<c-date-picker type="date" v-model="model.infcon.opndatfrom" placeholder="请选择起始日期" <c-date-picker type="date" v-model="model.infcon.opndatfrom" placeholder="请选择起始日期"
value-format="yyyy-MM-dd" style="width: 100%"></c-date-picker> value-format="yyyy-MM-dd" style="width: 100%"></c-date-picker>
</c-col> </c-col>
<c-col :span="2" style="text-align: center"> <c-col :span="2" style="text-align: center">
<label style="display: inline-block; width: 100%">-</label> <label style="display: inline-block; width: 100%">-</label>
</c-col> </c-col>
<c-col :span="11"> <c-col :span="11">
<c-date-picker type="date" v-model="model.infcon.opndatto" placeholder="请选择截至日期" style="width: 100%" <c-date-picker type="date" v-model="model.infcon.opndatto" placeholder="请选择截至日期"
value-format="yyyy-MM-dd"></c-date-picker> style="width: 100%"
value-format="yyyy-MM-dd"></c-date-picker>
</c-col> </c-col>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -51,12 +52,13 @@ ...@@ -51,12 +52,13 @@
<c-col :span="8"> <c-col :span="8">
<el-form-item label="业务简略信息" prop="infcon.nam" style="width: 100%"> <el-form-item label="业务简略信息" prop="infcon.nam" style="width: 100%">
<c-input v-model="model.infcon.nam" maxlength="40" placeholder="请输入业务简略信息" <c-input v-model="model.infcon.nam" maxlength="40" placeholder="请输入业务简略信息"
style="width: 100%"></c-input> style="width: 100%"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="当事人角色" prop="infcon.searol" style="width: 100%"> <el-form-item label="当事人角色" prop="infcon.searol" style="width: 100%">
<c-select v-model="model.infcon.searol" style="width: 100%" placeholder="请选择当事人角色" :code="codes.payrol"> <c-select v-model="model.infcon.searol" style="width: 100%" placeholder="请选择当事人角色"
:code="codes.payrol">
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -104,7 +106,8 @@ ...@@ -104,7 +106,8 @@
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="信用证类型" prop="sealcrtyp" style="width: 100%"> <el-form-item label="信用证类型" prop="sealcrtyp" style="width: 100%">
<c-select v-model="model.sealcrtyp" :code="codes.lcrtyp" style="width: 100%" placeholder="请选择信用证类型"> <c-select v-model="model.sealcrtyp" :code="codes.lcrtyp" style="width: 100%"
placeholder="请选择信用证类型">
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -123,23 +126,23 @@ ...@@ -123,23 +126,23 @@
<c-col :span="24" style="margin-top: 10px"> <c-col :span="24" style="margin-top: 10px">
<c-button class="medium_bcs" size="medium" type="primary" style="margin-left: 0px" title="LITOPN" <c-button class="medium_bcs" size="medium" type="primary" style="margin-left: 0px" title="LITOPN"
@click="toLitopn"> @click="toLitopn">
进口信用证开立 进口信用证开立
</c-button> </c-button>
</c-col> </c-col>
<div style="height: 90%"> <div style="height: 90%">
<c-col :span="24"> <c-col :span="24">
<el-table <el-table
:data="stmData.data" :data="stmData.data"
:columns="stmData.columns" :columns="stmData.columns"
:showButtonFlg="true" :showButtonFlg="true"
> >
<el-table-column <el-table-column
v-for="(item, key) in stmData.columns" v-for="(item, key) in stmData.columns"
:key="key" :key="key"
:label="item.label" :label="item.label"
:prop="item.prop" :prop="item.prop"
></el-table-column> ></el-table-column>
<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">
...@@ -149,58 +152,59 @@ ...@@ -149,58 +152,59 @@
</template> </template>
<template slot-scope="scope"> <template slot-scope="scope">
<el-popover <el-popover
placement="top-start" placement="top-start"
title="历史信息" title="历史信息"
width="800" width="800"
trigger="click" trigger="click"
:ref="'popover_' + scope.row.IDX" :ref="'popover_' + scope.row.IDX"
> >
<div style="text-align: right;margin-top: -30px;margin-right: 5px;font-size: 16px;"> <div style="text-align: right;margin-top: -30px;margin-right: 5px;font-size: 16px;">
<span <span
class="el-icon-close" class="el-icon-close"
style="cursor: pointer" style="cursor: pointer"
@click="closeDetailsDialog('popover_' + scope.row.IDX)" @click="closeDetailsDialog('popover_' + scope.row.IDX)"
></span> ></span>
</div> </div>
<el-table <el-table
:data="trnData.data" :data="trnData.data"
:columns="trnData.columns" :columns="trnData.columns"
:showButtonFlg="true" :showButtonFlg="true"
> >
<el-table-column <el-table-column
v-for="(item, key) in trnData.columns" v-for="(item, key) in trnData.columns"
:key="key" :key="key"
:label="item.label" :label="item.label"
:prop="item.prop" :prop="item.prop"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<div>{{ scope.row[item.prop] }}</div> <div>{{ scope.row[item.prop] }}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column fixed="right" prop="op" label="操作" width="250px" > <el-table-column fixed="right" prop="op" label="操作" width="250px">
<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="display(scope.row['inr'])" @click="display(scope.row['inr'])"
>详情</c-button >详情
</c-button
> >
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<c-button <c-button
style="margin-left: 0" style="margin-left: 0"
size="small" size="small"
slot="reference" slot="reference"
@click="details(scope.row)"> @click="details(scope.row)">
详情 详情
</c-button> </c-button>
</el-popover> </el-popover>
<c-button <c-button
style="margin-left: 5px" style="margin-left: 5px"
size="small" size="small"
type="primary" type="primary"
@click="handler(scope.row)" @click="handler(scope.row)"
>处理 >处理
</c-button> </c-button>
</template> </template>
...@@ -208,48 +212,49 @@ ...@@ -208,48 +212,49 @@
</el-table> </el-table>
<div class="pagination-box"> <div class="pagination-box">
<el-pagination <el-pagination
style="margin-right: 30px;" style="margin-right: 30px;"
@size-change="handleSizeChange" @size-change="handleSizeChange"
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page.sync="pagination.pageIndex" :current-page.sync="pagination.pageIndex"
:page-sizes="[10, 20, 50, 100, 500]" :page-sizes="[10, 20, 50, 100, 500]"
:page-size="pagination.pageSize" :page-size="pagination.pageSize"
layout="sizes, prev, pager, next" layout="sizes, prev, pager, next"
:total="pagination.total"> :total="pagination.total">
</el-pagination> </el-pagination>
</div> </div>
</c-col> </c-col>
</div> </div>
<!-- 点击处理弹框 --> <!-- 点击处理弹框 -->
<el-dialog <el-dialog
:visible.sync="initdialog" :visible.sync="initdialog"
title="交易列表" title="交易列表"
append-to-body append-to-body
width="60%" width="60%"
> >
<div class="dialog-wrap"> <div class="dialog-wrap">
<div class="btn-group-wrap"> <div class="btn-group-wrap">
<div class="btn-item" v-for="(item, index) in handlerDataList" :key="index"> <div class="btn-item" v-for="(item, index) in handlerDataList" :key="index">
<el-button <el-button
type="primary" type="primary"
:disabled="item.value === 'N'" :disabled="item.value === 'N'"
@click="handleClick(item)" @click="handleClick(item)"
>{{ item.label }}</el-button> >{{ item.label }}
</el-button>
</div> </div>
</div> </div>
</div> </div>
</el-dialog> </el-dialog>
<el-dialog :visible.sync="litdckdialog"> <el-dialog :visible.sync="litdckdialog">
<el-table :data="dckData" :columns="dckColumns" style="width:100%" @row-dblclick="checkData"> <el-table :data="dckData" :columns="dckColumns" style="width:100%" @row-dblclick="checkData">
<el-table-column <el-table-column
v-for="(item, key) in dckColumns" v-for="(item, key) in dckColumns"
:key="key" :key="key"
:label="item.label" :label="item.label"
:prop="item.prop" :prop="item.prop"
> >
</el-table-column> </el-table-column>
</el-table> </el-table>
</el-dialog> </el-dialog>
<!-- <m-busbtn ref="childs" :ownref="ownref" trnCode="litsel" :model="litselModel" ownrefPath="lidget.lid.ownref"> <!-- <m-busbtn ref="childs" :ownref="ownref" trnCode="litsel" :model="litselModel" ownrefPath="lidget.lid.ownref">
</m-busbtn> --> </m-busbtn> -->
...@@ -267,12 +272,12 @@ export default { ...@@ -267,12 +272,12 @@ export default {
return { return {
ownref: "", ownref: "",
isGuarantee: "", isGuarantee: "",
litdckdialog:false, litdckdialog: false,
dckData:[], dckData: [],
dckColumns: [ dckColumns: [
{ label: 'inr', prop: 'inr', width: '120' }, {label: 'inr', prop: 'inr', width: '120'},
{ label: '单据申请号', prop: 'ownref', width: '120' }, {label: '单据申请号', prop: 'ownref', width: '120'},
{ label:'Nam',prop:'nam',width:'120'} {label: 'Nam', prop: 'nam', width: '120'}
], ],
// 表格相关 // 表格相关
stmData: { stmData: {
...@@ -289,11 +294,11 @@ export default { ...@@ -289,11 +294,11 @@ export default {
label: '币种', label: '币种',
prop: 'seacur' prop: 'seacur'
}, },
{ {
label: '金额', label: '金额',
prop: 'maxamt', prop: 'maxamt',
}, },
{ {
label: '余额', label: '余额',
...@@ -306,7 +311,7 @@ export default { ...@@ -306,7 +311,7 @@ export default {
{ {
label: '申请人编号', label: '申请人编号',
prop: 'aplextkey', prop: 'aplextkey',
}, },
{ {
label: '申请人名称', label: '申请人名称',
...@@ -319,7 +324,7 @@ export default { ...@@ -319,7 +324,7 @@ export default {
{ {
label: '受益人名称', label: '受益人名称',
prop: 'benefi' prop: 'benefi'
}, },
{ {
label: '远离期限', label: '远离期限',
prop: 'tenmaxday' prop: 'tenmaxday'
...@@ -387,51 +392,51 @@ export default { ...@@ -387,51 +392,51 @@ export default {
route: '/business-new/litcrq' route: '/business-new/litcrq'
}, },
{ {
label:'保函收费', label: '保函收费',
route:'/business-new/litfee' route: '/business-new/litfee'
}, },
{ {
label:'绑定电子凭证', label: '绑定电子凭证',
route:'/business-new/litatt' route: '/business-new/litatt'
}, },
{ {
label:'保证金收取', label: '保证金收取',
route:'/business-new/lctopn' route: '/business-new/lctopn'
}, },
{ {
label:'到单', label: '到单',
route:'/business-new/litdck' route: '/business-new/litdck'
}, },
{ {
label:'通知到单', label: '通知到单',
route:'/business-new/litdav' route: '/business-new/litdav'
}, },
{ {
label:'减额修改接收', label: '减额修改接收',
route:'/business-new/litdla' route: '/business-new/litdla'
}, },
{ {
label:'通知到单', label: '通知到单',
route:'/business-new/litdav' route: '/business-new/litdav'
}, },
{ {
label:'提货担保', label: '提货担保',
route:'/business-new/litrog' route: '/business-new/litrog'
}, },
], ],
currentHandleRow: {} currentHandleRow: {}
}; };
}, },
methods: { methods: {},
created: function () {
}, },
created: function () { },
}; };
</script> </script>
<style scope> <style scope>
.m-table-search { .m-table-search {
padding: padding: 20px 0px 10px 0px;
20px 0px 10px 0px;
} }
.pagination-box { .pagination-box {
width: 100%; width: 100%;
height: 30px; height: 30px;
...@@ -442,6 +447,7 @@ export default { ...@@ -442,6 +447,7 @@ export default {
background: #fff; background: #fff;
margin-top: 5px; margin-top: 5px;
} }
.el-dialog__body { .el-dialog__body {
padding: 10px 5px 50px; padding: 10px 5px 50px;
} }
...@@ -459,6 +465,7 @@ export default { ...@@ -459,6 +465,7 @@ export default {
justify-content: flex-start; justify-content: flex-start;
flex-wrap: wrap; flex-wrap: wrap;
} }
.btn-item { .btn-item {
margin-bottom: 10px; margin-bottom: 10px;
margin-right: 10px; margin-right: 10px;
......
src/business/inftrd/views/Infsea.vue
...@@ -412,6 +412,27 @@ ...@@ -412,6 +412,27 @@
</c-col> </c-col>
</div> </div>
<!-- 点击处理弹框 -->
<el-dialog
:visible.sync="initdialog"
title="交易列表"
append-to-body
width="60%"
>
<div class="dialog-wrap">
<div class="btn-group-wrap">
<div class="btn-item" v-for="(item, index) in handlerDataList" :key="index">
<el-button
type="primary"
:disabled="item.value === 'N'"
@click="handleClick(item)"
>{{ item.label }}
</el-button>
</div>
</div>
</div>
</el-dialog>
<m-busbtn <m-busbtn
ref="childs" ref="childs"
:ownref="ownref" :ownref="ownref"
...@@ -515,24 +536,50 @@ export default { ...@@ -515,24 +536,50 @@ export default {
}, },
trnData: { trnData: {
columns: [ columns: [
'1 1 "编号" 200',
'2 2 "交易名称" 130',
// '3 3 "日期" 200',
{index: 3, position: 3, width: 110, pattern: "date", label: "日期"},
// '4 4 "状态" 50',
{ {
index: 4, label: '交易id',
position: 4, prop: 'inr'
width: 100, },
pattern: "code", {
label: "状态", label: '信用证编号',
code: this.codes.relstaEN, prop: 'seaownref'
},
{
label: '交易名称',
prop: 'ininam'
},
{
label: '条目',
prop: 'inidattim'
},
{
label: '状态',
prop: 'relflg'
},
{
label: '币种',
prop: 'reloricur'
},
{
label: '相关金额',
prop: 'reloriamt'
},
{
label: '标识',
prop: 'relres'
}, },
'5 5 "币种" 80',
'6 6 "金额" 100',
], ],
data: [], data: [],
}, },
// 处理
handlerDataList: [],
btnRouteMap: [
{
label: '进口融资还款',
route: '/business-new/trtset'
}
],
currentHandleRow: {}
}; };
}, },
......
src/views/Layout/SideMenu.vue
...@@ -276,11 +276,11 @@ export default { ...@@ -276,11 +276,11 @@ export default {
if (menuItem.pntmiu === undefined || menuItem.pntmiu === "") { if (menuItem.pntmiu === undefined || menuItem.pntmiu === "") {
const children = []; const children = [];
// 此处为了兼容新的保函模块 // 此处为了兼容新的保函模块
if (['4', '13','3','6','5'].includes(menuItem.inifrm)) { // if (['4', '13','3','6','5','17'].includes(menuItem.inifrm)) {
menuItem.path = "/business-new"; menuItem.path = "/business-new";
} else { // } else {
menuItem.path = "/business"; // menuItem.path = "/business";
} // }
this.generateMenuTree(children, menuItem); this.generateMenuTree(children, menuItem);
const child = { const child = {
name: menuItem.ininam, name: menuItem.ininam,
......
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