Commit 06a45c8f by niewei

界面小优化

parent 16f899c3
......@@ -2,11 +2,11 @@ import Api from "~/service/Api"
import Utils from "~/utils"
export default {
async onInfbutSearow () {
async onInfbutSearow (callback) {
let rtnmsg = await this.executeRule("infbut.searow")
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
this.model.infbut.dspstm = rtnmsg.data.infbut_dspstm.rows
this.model.infbut.dspstm = rtnmsg.data.infbut_dspstm
this.$message({
type: 'success',
message: '获取成功!'
......@@ -17,6 +17,7 @@ export default {
else {
this.$notify.error({ title: '错误', message: '服务请求失败!' });
}
callback();
},
async onInfbutDsp () {
let rtnmsg = await this.executeRule("infbut.dsp")
......
......@@ -2,10 +2,10 @@ import Api from "~/service/Api"
import Utils from "~/utils"
export default {
async onInfbutSearow () {
async onInfbutSearow (callback) {
let rtnmsg = await this.executeRule("infbut.searow")
if (rtnmsg.respCode == SUCCESS) {
this.model.infbut.dspstm = rtnmsg.data.infbut_dspstm.rows
this.model.infbut.dspstm = rtnmsg.data.infbut_dspstm
this.$message({
type: 'success',
message: '获取成功!'
......@@ -14,6 +14,7 @@ export default {
else {
this.$notify.error({ title: '错误', message: '服务请求失败!' });
}
callback()
},
async onInfbutExi () {
let rtnmsg = await this.executeRule("infbut.exi")
......@@ -29,7 +30,8 @@ export default {
let rtnmsg = await this.executeRule("infbut.dsp")
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
this.updateModel(rtnmsg.data);
this.tabVal = "curp0"
}
else {
this.$notify.error({ title: '错误', message: '服务请求失败!' });
......
......@@ -7,7 +7,8 @@ export default class Infcur {
cod: "", // CUR .cod
seanam: "", // Currency Description .seanam
infbut: {
dspstm: "", // display stream .infbut.dspstm
selrow: 0,
dspstm: {}, // display stream .infbut.dspstm
},
rec: {
cod: "", // Currency Code .rec.cod
......
......@@ -2,11 +2,11 @@ import Api from "~/service/Api"
import Utils from "~/utils"
export default {
async onInfbutSearow () {
async onInfbutSearow (callback) {
let rtnmsg = await this.executeRule("infbut.searow")
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
this.model.infbut.dspstm = rtnmsg.data.infbut_dspstm.rows
this.model.infbut.dspstm = rtnmsg.data.infbut_dspstm
this.$message({
type: 'success',
message: '获取成功!'
......@@ -15,6 +15,7 @@ export default {
else {
this.$notify.error({ title: '错误', message: '服务请求失败!' });
}
callback();
},
async onInfbutDsp () {
let rtnmsg = await this.executeRule("infbut.dsp")
......
......@@ -98,7 +98,8 @@ import Betrcl from "./Betrcl"
import InftrnpsDetail from "./Trnrel/InftrnpsDetail"
import TrnfndsDetail from "./Trnrel/Trnfnd/TrnfndsDetail"
import Sptpopup from "./Sptsel/Sptpopup"
import Infdet from "./Infdet"
import Infbfd from "./Infbfd"
/**
* 带有name的才会被添加进顶部的标签页里
*/
......@@ -206,6 +207,8 @@ const BusRouter = [
{ path: 'bdtcan', component: Bdtcan, name: 'Bdtcan', meta: { title: '买方信用证单据注销' } },
{ path: 'ditdla', component: Ditdla, name: 'Ditdla', meta: { title: '买方信用证减额接受' } },
{ path: 'bdtset', component: Bdtset, name: 'Bdtset', meta: { title: '信用证付款' } },
{ path: 'infdet', component: Infdet, name: 'Infdet', meta: { title: '卖方信用证查询' } },
{ path: 'infbfd', component: Infbfd, name: 'Infbfd', meta: { title: '卖方信用证单据查询' } },
]
export default BusRouter
......@@ -143,18 +143,28 @@
<c-row style="margin-top:20px; padding: 0 10px 0 10px;">
<c-col>
<c-button size="small" type="primary">导Excel</c-button>
<c-button size="small" type="primary">Display</c-button>
<c-button size="small" type="primary"
@click="onInfbutDsp"
:disabled="model.infbut.selrow === 0"
>Display</c-button>
<c-button size="small" type="primary">Use</c-button>
</c-col>
</c-row>
<c-row style="margin-top:20px; padding: 0 10px 0 10px;">
<c-istream-table :list="stmData.data" :columns="stmData.columns">
<c-istream-table :border="true"
:list="tableData"
:columns="stmData.columns"
v-on:chooseRowEvent="chooseRowEvent"
style="width:80%,text-align:center">
<!--
<el-table-column prop="op" label="OP" width="100">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
</template>
</el-table-column>
-->
</c-istream-table>
</c-row>
......@@ -207,7 +217,19 @@ export default {
},
}
},
methods:{...Event},
computed: {
tableData() {
// "10000449\t2000007350\t2000007350-001\tBEIJING TESTTEST,BEIJING, CHINA\t\t100080\tBEIJING, CHINA\tTEST TEST1 CO.,LTD."
console.log(this.model.infbut.dspstm.rows)
return this.model.infbut.dspstm.rows;
},
},
methods:{
chooseRowEvent(row) {
this.model.infbut.selrow = row.IDX + 1;
},
...Event},
created:function(){
}
......
......@@ -349,7 +349,16 @@ export default {
}
},
methods:{...Event},
methods:{
onSeainf()
{
},
onRecpanButgetref()
{
},
...Event},
created:function(){
}
......
......@@ -10,70 +10,71 @@
<m-infsea :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000018 -->
<el-tab-pane label="内容" name="ovwp">
<m-ovwp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000000 -->
<!--
<el-tab-pane label="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000013 -->
<el-tab-pane label="Transaction" name="trnpan">
<m-trnpan :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000019 -->
<el-tab-pane label="余额信息" name="cbsinfp">
<m-cbsinfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000028 -->
<el-tab-pane label="发生额信息" name="cbeinfp">
<m-cbeinfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000111 -->
<el-tab-pane label="费用明细" name="fepinfp">
<m-fepinfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000162 -->
<el-tab-pane label="临时账务" name="sepinfp">
<m-sepinfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000177 -->
<el-tab-pane label="账务信息" name="gleinfp">
<m-gleinfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000119 -->
<el-tab-pane label="面函、报文" name="smhinfp">
<m-smhinfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000130 -->
<el-tab-pane label="经办信息" name="peninfp">
<m-peninfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000147 -->
<el-tab-pane label="表外信息" name="liainfp">
<m-liainfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000005 -->
<el-tab-pane label="Print" name="prtpan">
<m-prtpan :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000185 -->
<el-tab-pane label="Order" name="ordpan">
<m-ordpan :model="model" :codes="codes"/>
</el-tab-pane>
-->
</c-tabs>
</el-form>
</div>
......
......@@ -81,12 +81,14 @@
<c-row class="infrow" style="margin-top:20px;">
<c-col>
<c-button size="small" type="primary">导Excel</c-button>
<c-button size="small" type="primary">Display</c-button>
<c-button size="small" type="primary"
@click="onInfbutDsp"
:disabled="model.infbut.selrow === 0">Display</c-button>
<c-button size="small" type="primary">Use</c-button>
</c-col>
</c-row>
<!--
<c-row class="infrow" style="margin-top:20px;">
<c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column prop="op" label="操作" width="100">
......@@ -96,6 +98,16 @@
</el-table-column>
</c-istream-table>
</c-row>
-->
<c-col :span="22" :offset="1">
<c-istream-table
:border="true"
:list="tableData"
:columns="stmData.columns"
v-on:chooseRowEvent="chooseRowEvent"
style="width:80%,text-align:center">
</c-istream-table>
</c-col>
</c-content>
</template>
......@@ -115,17 +127,29 @@ export default {
columns: [
"1 1 \"Currency\" 100 ",
"2 2 \"Description\" 300",
],
data: [
]
},
}
},
methods:{...Event},
computed: {
tableData() {
// "10000449\t2000007350\t2000007350-001\tBEIJING TESTTEST,BEIJING, CHINA\t\t100080\tBEIJING, CHINA\tTEST TEST1 CO.,LTD."
console.log(this.model.infbut.dspstm.rows);
return this.model.infbut.dspstm.rows;
}
},
methods:{
chooseRowEvent(row) {
this.model.infbut.selrow = row.IDX + 1;
},
...Event},
created:function(){
}
}
</script>
<style>
......
......@@ -75,14 +75,17 @@
<c-row>
<c-col :span="11" :offset="1">
<c-col :span="12">
<el-form-item label="开立日期从" prop="infcon.opndatfrom">
<c-date-picker type="date" v-model="model.infcon.opndatfrom" style="width:100%" placeholder="请选择Opening between"></c-date-picker>
<c-date-picker type="date" v-model="model.infcon.opndatfrom" style="width:100%" placeholder="请选择Opening between" value-format="yyyy-MM-dd"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="至" prop="infcon.opndatto">
<c-date-picker type="date" v-model="model.infcon.opndatto" style="width:100%" placeholder="请选择Open Date to"></c-date-picker>
<c-date-picker type="date" v-model="model.infcon.opndatto" style="width:100%" placeholder="请选择Open Date to"
value-format="yyyy-MM-dd"></c-date-picker>
</el-form-item>
</c-col>
</c-col>
......@@ -162,18 +165,28 @@
<c-row style="margin-top:20px; padding: 0 10px 0 10px;">
<c-col>
<c-button size="small" type="primary">导Excel</c-button>
<c-button size="small" type="primary">Display</c-button>
<c-button size="small" type="primary"
@click="onInfbutDsp"
:disabled="model.infbut.selrow === 0"
>Display</c-button>
<c-button size="small" type="primary">Use</c-button>
</c-col>
</c-row>
<c-row style="margin-top:20px; padding: 0 10px 0 10px;">
<c-istream-table :list="stmData.data" :columns="stmData.columns">
<c-istream-table
:border="true"
:list="tableData"
:columns="stmData.columns"
v-on:chooseRowEvent="chooseRowEvent"
style="width:80%,text-align:center">
<!--
<el-table-column prop="op" label="OP" width="100">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
</template>
</el-table-column>
-->
</c-istream-table>
</c-row>
......@@ -194,21 +207,21 @@ export default {
stmData: {
columns: [
"1 1 \"Reference\" 100 ",
"1 1 \"Resp. User\" 100",
"1 1 \"Tenor day\" 100",
"2 2 \"Party Number\" 150 ",
"2 2 \"Applicant\" 150 ",
"3 3 \"Party Number\" 150 ",
"3 3 \"'Beneficiary\" 150 ",
"4 4 \"Party Number\" 150 ",
"4 4 \"Issuing Bank\" 150 ",
"5 5 \"Opened\" 150 ",
"2 1 \"Resp. User\" 100",
"3 1 \"Tenor day\" 100",
"7 2 \"Party Number\" 150 ",
"8 2 \"Applicant\" 150 ",
"9 3 \"Party Number\" 150 ",
"10 3 \"Beneficiary\" 150 ",
"11 4 \"Party Number\" 150 ",
"12 4 \"Issuing Bank\" 150 ",
"4 5 \"Opened\" 150 ",
"5 5 \"Expired\" 150 ",
"5 5 \"Closed\" 150 ",
"6 6 \"Cur\" 150 ",
"6 6 \"Cur\" 150 ",
"7 7 \"L/C Amount\" 150 ",
"7 7 \"Open Amount\" 150 ",
"6 5 \"Closed\" 150 ",
"13 6 \"Cur\" 150 ",
"15 6 \"Cur\" 150 ",
"14 7 \"L/C Amount\" 150 ",
"16 7 \"Open Amount\" 150 ",
],
data: [
......@@ -216,7 +229,20 @@ export default {
},
}
},
methods:{...Event},
computed: {
tableData() {
// "10000449\t2000007350\t2000007350-001\tBEIJING TESTTEST,BEIJING, CHINA\t\t100080\tBEIJING, CHINA\tTEST TEST1 CO.,LTD."
console.log(this.model.infbut.dspstm.rows)
return this.model.infbut.dspstm.rows;
}
},
methods:{
chooseRowEvent(row) {
this.model.infbut.selrow = row.IDX + 1;
},
...Event},
created:function(){
}
......
<template>
<c-content class="eibs-tab" :height="200">
<!--
<div class="infTopBtn">
<el-button-group>
<c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
......@@ -9,10 +10,11 @@
<c-button size="small" type="primary">Use</c-button>
<c-button size="small" type="primary">Loginfo</c-button>
</div>
-->
<c-row>
<c-col :span="12">
<c-col :span="12">
<c-col :span="23" :offset="1">
<el-form-item label="编号" prop="dedgrp.rec.ownref">
<c-input v-model="model.dedgrp.rec.ownref" maxlength="16" placeholder="请输入编号"></c-input>
</el-form-item>
......@@ -24,6 +26,7 @@
</el-form-item>
</c-col>
-->
<!--
<c-col :span="6">
<c-button size="small" type="primary" icon="el-icon-search" @click="onSeainf">
</c-button>
......@@ -33,9 +36,10 @@
获取
</c-button>
</c-col>
-->
</c-col>
<c-col :span="12">
<c-col :span="18">
<c-col :span="23" :offset="1">
<el-form-item label="摘要" prop="dedgrp.rec.nam">
<c-input v-model="model.dedgrp.rec.nam" maxlength="40" placeholder="请输入Externally Displayed Name to Identify the Contract"></c-input>
</el-form-item>
......@@ -47,11 +51,13 @@
</el-form-item>
</c-col>
-->
<!--
<c-col :span="6">
<c-button size="small" type="primary" @click="onRecpanButgetref">
dadsnd
</c-button>
</c-col>
-->
</c-col>
</c-col>
</c-row>
......@@ -73,8 +79,10 @@
</el-form-item>
</c-col>
<c-col :span="6">
<c-button size="small" type="primary" icon="el-icon-search" @click="onSeainf">
<!--
<c-button size="small" type="primary" icon="el-icon-search" @click="">
</c-button>
-->
</c-col>
</c-col>
......@@ -193,12 +201,13 @@
<c-input type="textarea" :rows="3" v-model="model.dedgrp.blk.dftat" maxlength="35" show-word-limit placeholder="请输入远期付款指示" ></c-input>
</el-form-item>
</c-col>
<!--
<c-col :span="6">
<c-button size="small" type="primary" icon="el-icon-search" @click="onLcrdftatButtxmsel">
...
</c-button>
</c-col>
-->
</c-col>
<c-col :span="24">
......@@ -207,19 +216,20 @@
<c-input type="textarea" :rows="3" v-model="model.dedgrp.blk.preper" maxlength="35" show-word-limit placeholder="请输入交单期限" ></c-input>
</el-form-item>
</c-col>
<!--
<c-col :span="6">
<c-button size="small" type="primary" icon="el-icon-search" @click="onPreperButtxmsel">
...
</c-button>
</c-col>
-->
</c-col>
</c-col>
<!-- 右边 -->
<c-col :span="11" offset="1">
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="受益人 编号." prop="dedgrp.ben.pts.ref">
<c-input v-model="model.dedgrp.ben.pts.ref" maxlength="16" placeholder="请输入受益人 编号."></c-input>
......@@ -238,6 +248,7 @@
></c-input>
</el-form-item>
</c-col>
<!--
<c-col :span="2">
<el-form-item label="" label-width="5px">
<c-button
......@@ -245,8 +256,7 @@
type="primary"
icon="el-icon-search"
@click="onSeainf('dedgrp.ben.pts.extkey')"
></c-button
>
></c-button>
</el-form-item>
</c-col>
<c-col :span="4">
......@@ -256,6 +266,7 @@
</c-button>
</el-form-item>
</c-col>
-->
</c-col>
<c-col :span="24">
......@@ -309,6 +320,7 @@
></c-input>
</el-form-item>
</c-col>
<!--
<c-col :span="2">
<el-form-item label="" label-width="5px">
<c-button
......@@ -318,6 +330,7 @@
@click="onSeainf('dedgrp.apl.pts.extkey')"
></c-button
>
</el-form-item>
</c-col>
<c-col :span="4">
......@@ -327,6 +340,7 @@
</c-button>
</el-form-item>
</c-col>
-->
</c-col>
<c-col :span="24">
......
......@@ -50,84 +50,85 @@
<m-ovwp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000405 -->
<!--
<el-tab-pane label="条款" name="detp">
<m-detp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000013 -->
<el-tab-pane label="Transactions" name="trnpan">
<m-trnpan :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000019 -->
<el-tab-pane label="余额信息" name="cbsinfp">
<m-cbsinfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000028 -->
<el-tab-pane label="发生额信息" name="cbeinfp">
<m-cbeinfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000111 -->
<el-tab-pane label="费用明细" name="fepinfp">
<m-fepinfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000162 -->
<el-tab-pane label="临时账务" name="sepinfp">
<m-sepinfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000177 -->
<el-tab-pane label="账务信息" name="gleinfp">
<m-gleinfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000119 -->
<el-tab-pane label="面函、报文" name="smhinfp">
<m-smhinfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000130 -->
<el-tab-pane label="经办信息" name="peninfp">
<m-peninfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000147 -->
<el-tab-pane label="表外信息" name="liainfp">
<m-liainfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000005 -->
<el-tab-pane label="Print" name="prtpan">
<m-prtpan :model="model" :codes="codes"/>
</el-tab-pane>
<!-- -->
<el-tab-pane label="Order" name="ordpan">
<m-ordpan :model="model" :codes="codes"/>
</el-tab-pane>
<!-- -->
<el-tab-pane label="银行明细" name="detp1">
<m-detp1 :model="model" :codes="codes"/>
</el-tab-pane>
<!-- -->
<el-tab-pane label="明细" name="detp2">
<m-detp2 :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000548 -->
<el-tab-pane label="声明" name="stament">
<m-stament :model="model" :codes="codes"/>
</el-tab-pane>
-->
</c-tabs>
</el-form>
</div>
......
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