Skip to content

V
vue-gjjs
Commit cfa97825 by liushikai
Options

调整

parent 5972ca8b
Showing with 351 additions and 323 deletions
src/views/Business/BusRouter.js
......@@ -106,7 +106,7 @@ const BusRouter = [
{ path: 'ditcan', component: Ditcan, name: 'Ditcan', meta: { title: '信用证注销' } },
{ path: 'ditsel', component: Ditsel, name: 'Ditsel', meta: { title: '信用证查询' } },
{ path: 'ditopn', component: Ditopn, name: 'Ditopn', meta: { title: (tag) => { return tag.path.startsWith("/review") ? "复核" : '买方信用证开立' } } },
{ path: 'infdid', component: Infdid, name: 'Infdid', meta: { title: '信用证查询' } },
{ path: 'infdid', component: Infdid, name: 'Infdid', meta: { title: '信用证交易查询' } },
{ path: 'ditdck', component: Ditdck, name: 'Ditdck', meta: { title: '信用证到单' } },
// 例
{ path: 'ditopn/:inr', component: Ditopn, name: 'DitopnInr', meta: { title: (tag) => { return '买方信用证开立-' + tag.params.inr } } },
......@@ -127,7 +127,7 @@ const BusRouter = [
{ path: 'sptrel', component: Sptrel, name: 'Sptrel', meta: { title: 'Sptrel' } },
{ path: 'sptrou', component: Sptrou, name: 'Sptrou', meta: { title: 'Sptrou' } },
{ path: 'bddsel', component: Bddsel, name: 'Bddsel', meta: { title: 'Bddsel' } },
{ path: 'infbdd', component: Infbdd, name: 'Infbdd', meta: { title: '买方信用证单据查询' } },
{ path: 'infbdd', component: Infbdd, name: 'Infbdd', meta: { title: '信用证单据查询' } },
{ path: 'mgrtsk', component: Mgrtsk, name: 'Mgrtsk', meta: { title: 'Mgrtsk' } },
{ path: 'switsk', component: Switsk, name: 'Switsk', meta: { title: 'Switsk' } },
{ path: 'infusr', component: Infusr, name: 'Infusr', meta: { title: '用户信息' } },
......
src/views/Business/Infbdd/Infsea.vue
<template>
<c-content class="eibs-tab" :height="200">
<c-infsearch-group @handleSearch="handleSearch" @handleReset="handleReset">
<!-- 持续展示区 -->
<template slot="keepShow">
<c-row>
<c-col :span="12">
<c-row>
<c-col :span="19" :offset="1">
<el-form-item label="Own Reference" prop="infcon.seaownref">
<c-input v-model="model.infcon.seaownref" maxlength="16"
placeholder="请输入Own Reference"></c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="12">
<c-row>
<c-col :span="19" :offset="1">
<el-form-item label="Name" prop="infcon.nam">
<c-input v-model="model.infcon.nam" maxlength="40" placeholder="请输入Name"></c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
</template>
<!-- 可控展示区 -->
<template slot="changeShow">
<c-row>
<c-col :span="12">
<c-row>
<c-col :span="19" :offset="1">
<el-form-item label="Party Reference" prop="infcon.searef">
<c-input v-model="model.infcon.searef" maxlength="16"
placeholder="请输入Party Reference"></c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="12">
<c-row>
<c-col :span="19" :offset="1">
<el-form-item label="Party Name" prop="infcon.pty.nam">
<c-input v-model="model.infcon.pty.nam" maxlength="40" placeholder="请输入Party Name">
</c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-col :span="12">
<c-row>
<c-col :span="19" :offset="1">
<el-form-item label="Select Single Party" prop="infcon.pty.extkey">
<c-input v-model="model.infcon.pty.extkey" maxlength="24"
placeholder="请输入Select Single Party">
</c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="12">
<c-row>
<c-col :span="19" :offset="1">
<el-form-item label="Party Name/BIC" prop="infcon.seapty">
<c-input v-model="model.infcon.seapty" maxlength="24"
placeholder="请输入Party Name/BIC"></c-input>
</c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-col :span="12">
<c-row>
<c-col :span="19" :offset="1">
<el-form-item label="Resp. User" prop="infcon.usr.extkey">
<c-input v-model="model.infcon.usr.extkey" maxlength="8" placeholder="请输入User ID">
</c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="12">
<c-row>
<c-col :span="19" :offset="1">
<el-form-item label="Role" prop="infcon.searol">
<c-select v-model="model.infcon.searol" style="width:100%" placeholder="请选择Role">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-col :span="12">
<c-row>
<c-col :span="10" :offset="1">
<el-form-item label="Opening between" prop="infcon.opndatfrom">
<c-date-picker type="date" v-model="model.infcon.opndatfrom" style="width:100%"
placeholder="请选择"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="8" :offset="1">
<el-form-item label="and" prop="infcon.opndatto" label-width="40px">
<c-date-picker type="date" v-model="model.infcon.opndatto" style="width:100%"
placeholder="请选择"></c-date-picker>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="12">
<c-row>
<c-col :span="19" :offset="1">
<el-form-item label="Status" prop="infcon.seasta">
<c-select v-model="model.infcon.seasta" style="width:100%" placeholder="请选择Status">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-col :span="12">
<c-row>
<c-col :span="19" :offset="1">
<el-form-item label="Currency" prop="infcon.seacur">
<c-select v-model="model.infcon.seacur" style="width:100%" placeholder="请选择Currency"
:code="codes.cur">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="12">
<c-row>
<c-col :span="10" :offset="1">
<el-form-item label="Amount between" prop="infcon.seaamtfr">
<c-input-currency v-model="model.infcon.seaamtfr" placeholder="请输入Amount">
</c-input-currency>
</el-form-item>
</c-col>
<c-col :span="8" :offset="1">
<el-form-item label="and" prop="infcon.seaamtto" label-width="40px">
<c-input-currency v-model="model.infcon.seaamtto" placeholder="请输入Amount">
</c-input-currency>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row>
<c-col :span="12">
<c-row>
<c-col :span="19" :offset="1">
<el-form-item label="Document Type" prop="seadocflg">
<c-select v-model="model.seadocflg" style="width:100%"
placeholder="请选择Document Type">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="12">
<c-row>
<c-col :span="19" :offset="1">
<el-form-item label="假远期信用证" prop="jyqflg">
<c-select v-model="model.jyqflg" style="width:100%" placeholder="请选择假远期信用证">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<div class="eibs-tab">
<!-- 持续展示区 -->
<c-list-search @form-reset="handleReset" @form-search="handleSearch">
<template v-slot="searchSlot">
<el-form
class="m-table-search-form"
ref="paramsForm"
:inline="true"
label-position="right"
label-width="110px"
size="small"
>
<c-row>
<c-col :span="23">
<c-col :span="8">
<el-form-item label="Own Reference" prop="infcon.seaownref" style="width: 100%">
<c-input
v-model="model.infcon.seaownref"
maxlength="16"
placeholder="请输入Own Reference"
style="width: 100%"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="Opening between" prop="infcon.opndatfrom" style="width: 100%">
<c-col :span="11">
<c-date-picker
type="date"
v-model="model.infcon.opndatfrom"
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.infcon.opndatto"
style="width: 100%"
placeholder="请选择"
></c-date-picker>
</c-col>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="Name" prop="infcon.nam" style="width: 100%">
<c-input
v-model="model.infcon.nam"
maxlength="40"
placeholder="请输入Name"
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-row>
<c-row>
<c-col :span="12">
<c-row>
<c-col :span="19" :offset="1">
<el-form-item label="是否通过电证系统" prop="elcflg">
<c-select v-model="model.elcflg" style="width:100%" placeholder="请选择是否通过电证系统">
</c-select>
</el-form-item>
</c-col>
</c-row>
</c-col>
<c-col :span="12">
<c-row>
<c-col :span="19" :offset="1">
<!-- 可控展示区 -->
<c-row v-show="searchSlot.searchToggle">
<c-col :span="23">
<c-col :span="8">
<el-form-item label="Party Reference" prop="infcon.searef" style="width: 100%">
<c-input
v-model="model.infcon.searef"
maxlength="16"
placeholder="请输入Party Reference"
style="width: 100%"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="Party Name" prop="infcon.pty.nam" style="width: 100%">
<c-input
v-model="model.infcon.pty.nam"
maxlength="40"
placeholder="请输入Party Name"
style="width:100%"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item
label="Sel Single Party"
prop="infcon.pty.extkey"
style="width: 100%"
>
<c-input
v-model="model.infcon.pty.extkey"
maxlength="24"
placeholder="请输入Select Single Party"
>
</c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="23">
<c-col :span="8">
<el-form-item label="Party Name/BIC" prop="infcon.seapty" style="width: 100%">
<c-input
v-model="model.infcon.seapty"
maxlength="24"
placeholder="请输入Party Name/BIC"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="Resp. User" prop="infcon.usr.extkey" style="width: 100%">
<c-input
v-model="model.infcon.usr.extkey"
maxlength="8"
placeholder="请输入User ID"
>
</c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="Role" prop="infcon.searol" style="width: 100%">
<c-select
v-model="model.infcon.searol"
style="width: 100%"
placeholder="请选择Role"
>
</c-select>
</el-form-item>
</c-col>
</c-col>
</c-col>
</c-row>
</c-col>
</c-row>
<c-col :span="23">
<c-col :span="8">
<el-form-item label="Status" prop="infcon.seasta" style="width: 100%">
<c-select
v-model="model.infcon.seasta"
style="width: 100%"
placeholder="请选择Status"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="Currency" prop="infcon.seacur" style="width: 100%">
<c-select
v-model="model.infcon.seacur"
style="width: 100%"
placeholder="请选择Currency"
:code="codes.cur"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="Amount between" prop="infcon.seaamtfr" style="width: 100%">
<c-col :span="11">
<c-input-currency
v-model="model.infcon.seaamtfr"
placeholder="请输入Amount"
>
</c-input-currency>
</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-input-currency
v-model="model.infcon.seaamtto"
placeholder="请输入Amount"
>
</c-input-currency>
</c-col>
</el-form-item>
</c-col>
</c-col>
</template>
<c-col :span="23">
<c-col :span="8">
<el-form-item label="Document Type" prop="seadocflg" style="width: 100%">
<c-select
v-model="model.seadocflg"
style="width: 100%"
placeholder="请选择Document Type"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="假远期信用证" prop="jyqflg" style="width: 100%">
<c-select
v-model="model.jyqflg"
style="width: 100%"
placeholder="请选择假远期信用证"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="是否通过电证系统" prop="elcflg" style="width: 100%">
<c-select
v-model="model.elcflg"
style="width: 100%"
placeholder="请选择是否通过电证系统"
>
</c-select>
</el-form-item>
</c-col>
</c-col>
</c-infsearch-group>
</c-row>
</el-form>
</template>
</c-list-search>
<c-row style="margin-top:20px; padding: 0 10px 0 10px;">
<!-- <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">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">
<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>
</c-row> -->
</c-content>
<c-row style="margin-top: 20px; padding: 0 10px 0 10px">
<c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column fixed="right" prop="op" label="OP" width="120px">
<template slot="header">
<c-col :span="11" style="text-align: left"><span>操作</span></c-col>
<c-col :span="12" style="text-align: right"
><c-button icon="el-icon-s-tools"></c-button
></c-col>
</template>
<template slot-scope="scope">
<a href="javascript:void(0)" @click="continueEdit(scope.row)"
>操作</a
>
</template>
</el-table-column>
</c-istream-table>
</c-row>
</div>
</template>
<script>
import Api from "~/service/Api"
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Infbdd/Event"
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Infbdd/Event";
export default {
inject: ['root'],
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
return {
stmData: {
columns: [
"1 1 \"Reference\" 0 ",
"2 1 \"Resp. User\" 0 ",
"1 2 \"Party Number\" 0",
"2 2 \"Applicant\" 0",
"1 3 \"Party Number\" 0",
"2 3 \"Beneficiary\" 0",
"1 4 \"Party Number\" 0",
"2 4 \"Presenting Bank\" 0",
"1 5 \"Opened\" 0",
"2 5 \"Closed\" 0",
"1 6 \"Cur\" 0",
"2 6 \"Cur\" 0",
"1 7 \"Doc.Amount\" 0",
"2 7 \"Open.Amount\" 0",
],
data: [
]
}
}
},
methods: {
...Event,
handleSearch(callback) {
setTimeout(() => {
this.$notify.info({ title: '提示', message: '模拟post请求控制按钮状态' });
// 执行子组件回调函数控制按钮状态
callback()
}, 1000)
},
handleReset() {
}
},
created: function () {
}
}
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
return {
stmData: {
columns: [
'1 1 "Reference" 100 ',
'2 2 "Resp. User" 100 ',
'1 3 "Party Number" 120',
'2 4 "Applicant" 100',
'1 5 "Party Number" 120',
'2 6 "Beneficiary" 120',
'1 7 "Party Number" 120',
'2 8 "Presenting Bank" 150',
'1 9 "Opened" 80',
'2 10 "Closed" 80',
'1 11 "Cur" 70',
'2 12 "Cur" 70',
'1 13 "Doc.Amount" 100',
'2 14 "Open.Amount" 120',
],
data: [],
},
};
},
methods: {
...Event,
handleSearch(callback) {
setTimeout(() => {
this.$notify.info({
title: "提示",
message: "模拟post请求控制按钮状态",
});
// 执行子组件回调函数控制按钮状态
callback();
}, 1000);
},
handleReset() {},
},
created: function () {},
};
</script>
<style>
</style>
\ No newline at end of file
src/views/Business/Infbdd/index.vue
<template>
<div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="left" size="small"
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small"
:validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick" class="infbddTab">
<el-tab-pane label="查询信息" name="infsea">
<c-content>
<m-infsea :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="内容" name="ovwp">
......@@ -146,7 +148,7 @@
}
}
</script>
<style>
<style scoped>
.infbddTab .el-tabs__content {
padding: 10px 0 10px 0;
}
......@@ -164,4 +166,7 @@
padding: 10px 0 10px 30px;
background-color: #f7faff;
}
.eContainer {
padding: 3px 15px;
}
</style>
\ No newline at end of file
src/views/Business/Infdid/Infsea.vue
......@@ -28,18 +28,35 @@
<c-col :span="8">
<el-form-item
label="Name"
prop="infcon.nam"
label="Opening between"
prop="infcon.opndatfrom"
style="width: 100%"
>
<c-input
v-model="model.infcon.nam"
maxlength="40"
placeholder="请输入Name"
></c-input>
<c-col :span="11">
<c-date-picker
type="date"
v-model="model.infcon.opndatfrom"
style="width: 100%"
placeholder="请选择Opening between"
value-format="yyyy-MM-dd"
></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.infcon.opndatto"
style="width: 100%"
placeholder="请选择Open Date to"
value-format="yyyy-MM-dd"
></c-date-picker>
</c-col>
</el-form-item>
</c-col>
<c-col :span="8" v-show="searchSlot.searchToggle">
<c-col :span="8">
<el-form-item
label="Party Reference"
prop="infcon.searef"
......@@ -101,6 +118,19 @@
<c-col :span="23">
<c-col :span="8">
<el-form-item
label="Name"
prop="infcon.nam"
style="width: 100%"
>
<c-input
v-model="model.infcon.nam"
maxlength="40"
placeholder="请输入Name"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item
label="Role"
prop="infcon.searol"
style="width: 100%"
......@@ -113,35 +143,7 @@
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item
label="Opening between"
prop="infcon.opndatfrom"
style="width: 100%"
>
<c-col :span="11">
<c-date-picker
type="date"
v-model="model.infcon.opndatfrom"
style="width: 100%"
placeholder="请选择Opening between"
value-format="yyyy-MM-dd"
></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.infcon.opndatto"
style="width: 100%"
placeholder="请选择Open Date to"
value-format="yyyy-MM-dd"
></c-date-picker>
</c-col>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item
label="Resp.User"
......@@ -291,8 +293,12 @@
</template>
</c-list-search>
<c-col :span="24" style="margin-top:10px">
<c-button type="primary" size="small">信用证开立</c-button>
</c-col>
<el-row>
<c-col :span="23">
<c-col :span="24">
<c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column
fixed="right"
......@@ -300,6 +306,10 @@
label="操作"
width="150px"
>
<template slot="header">
<c-col :span="11" style="text-align:left"><span>操作</span></c-col>
<c-col :span="12" style="text-align:right"><c-button icon="el-icon-s-tools"></c-button></c-col>
</template>
<template slot-scope="scope">
<c-button
......@@ -544,19 +554,19 @@ export default {
columns: [
'1 1 "Reference" 100',
'2 2 "Resp User" 100',
'3 3 "Tenor day" 50',
'7 4 "Applicant Party Number" 80',
'8 5 "Applicant" 70',
'9 6 "Beneficiary Party Number" 80',
'10 7 "Beneficiary" 70',
'3 3 "Tenor day" 100',
'7 4 "Applicant Party Number" 160',
'8 5 "Applicant" 100',
'9 6 "Beneficiary Party Number" 180',
'10 7 "Beneficiary" 100',
'11 8 "BIC" 80',
'4 9 "Opened" 130',
'5 10 "Expired" 130',
'6 11 "Closed" 130',
'12 12 "L/C Amt Cur" 50',
'13 13 "L/C Amount" 80',
'14 14 "Open Amount Cur" 50',
'15 15 "Open Amount" 80',
'12 12 "L/C Amt Cur" 150',
'13 13 "L/C Amount" 120',
'14 14 "Open Amount Cur" 130',
'15 15 "Open Amount" 120',
],
data: [],
},
......
src/views/Business/Infdid/index.vue
<template>
<div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small" :validate-on-rule-change="false">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="110px" label-position="right" size="small" :validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--PD000006 -->
......@@ -185,6 +185,9 @@ export default {
}
}
</script>
<style>
<style scoped>
.eContainer {
padding: 3px 15px;
}
</style>
src/views/Layout/SideMenu.vue
......@@ -46,7 +46,7 @@ export default {
{ inifrm: "ditopn", ininam: "信用证开立", pntmiu: "2" },
{ inifrm: "ditame", ininam: "信用证修改", pntmiu: "2" },
{ inifrm: "ditcan", ininam: "信用证注销", pntmiu: "2" },
{ inifrm: "infdid", ininam: "信用证查询", pntmiu: "2" },
{ inifrm: "infdid", ininam: "信用证交易查询", pntmiu: "2" },
{ inifrm: "infbdd", ininam: "信用证单据查询", pntmiu: "2" },
{ inifrm: "bdtudp", ininam: "信用证承兑", pntmiu: "2" },
{ inifrm: "bdtdcr", ininam: "信用证不符点/拒付", pntmiu: "2" },
......@@ -85,7 +85,7 @@ export default {
{ inifrm: "botdcr", ininam: "出口托收拒付/不符点", pntmiu: "6" },
{ inifrm: "botset", ininam: "出口托收收汇", pntmiu: "6" },
{ inifrm: "botcan", ininam: "出口托收闭卷", pntmiu: "6" },
{ inifrm: "7", ininam: "转让证", pntmiu: "" },
{ inifrm: "7", ininam: "转让信用证", pntmiu: "" },
{ inifrm: "lttopn", ininam: "转让证开立", pntmiu: "7" },
{ inifrm: "lttame", ininam: "转让证修改", pntmiu: "7" },
{ inifrm: "lttcan", ininam: "转让证注销", pntmiu: "7" },
......
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