Skip to content

V
vue-gjjs
Commit 9a543aa8 by lishijie
Options

卖方信用证交易界面样式和部分功能实现

parent 8bf8ae09
Showing with 1247 additions and 834 deletions
src/model/Detopn/Event.js
......@@ -7,7 +7,11 @@ export default {
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
this.model.dedgrp.rec.ownref = rtnmsg.data.dedgrp_rec_ownref;
this.$message({
type: 'success',
message: '获取成功！'
});
}
else
{
......
src/views/Business/BusRouter.js
......@@ -234,11 +234,11 @@ 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: 'infdet', component: Infdet, name: 'Infdet', meta: { title: '卖方信用证交易查询' } },
{ path: 'infbfd', component: Infbfd, name: 'Infbfd', meta: { title: '卖方信用证单据查询' } },
{ path: 'detopn', component: Detopn, name: 'Detopn', meta: { title: '信用证开立' } },
{ path: 'detame', component: Detame, name: 'Detame', meta: { title: '信用证修改' } },
{ path: 'detsel', component: Detsel, name: 'Detsel', meta: { title: '信用证查询' } },
{ path: 'detopn', component: Detopn, name: 'Detopn', meta: { title: '卖方信用证开立' } },
{ path: 'detame', component: Detame, name: 'Detame', meta: { title: '卖方信用证修改' } },
{ path: 'detsel', component: Detsel, name: 'Detsel', meta: { title: '卖方信用证查询' } },
{ path: 'bftsnd', component: Bftsnd, name: 'Bftsnd', meta: { title: '卖方信用证寄单' } },
......
src/views/Business/Detopn/Ovwp.vue
<template>
<div class="eibs-tab">
<c-col :span="24">
<c-col :span="24">
<c-col :span="11">
<c-col :span="20">
<el-form-item
......@@ -18,36 +18,39 @@
</el-form-item>
</c-col>
<!-- <c-col :span="1" style="text-align: right"> -->
<c-col :span="1">
<!-- <el-form-item label="" label-width="5px"> -->
<c-button
style="margin:0 10px 0 0;padding: 0 12px;"
size="small"
type="primary"
@click="onSeainf"
>
<span style="font-size:15px;font-family:'宋体';font-weight:bold">i</span>
</c-button>
<!-- </el-form-item> -->
</c-col>
<c-col :span="3" style="text-align: right">
<!-- <el-form-item label="" label-width="5px"> -->
<c-button
style="margin:0 0"
size="small"
type="primary"
:disabled="this.flag"
@click="onDetpButgetref"
>
获取
</c-button>
<!-- </el-form-item> -->
</c-col>
<c-col :span="1">
<!-- <el-form-item label="" label-width="5px"> -->
<c-button
style="margin: 0 10px 0 0; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf"
>
<span
style="font-size: 15px; font-family: '宋体'; font-weight: bold"
>i</span
>
</c-button>
<!-- </el-form-item> -->
</c-col>
<c-col :span="2" :offset="1" style="text-align: right">
<!-- <el-form-item label="" label-width="5px"> -->
<c-button
style="margin: 0 0"
size="small"
type="primary"
:disabled="this.flag"
@click="onDetpButgetref"
>
获取
</c-button>
<!-- </el-form-item> -->
</c-col>
<!-- </c-col> -->
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="摘要" prop="dedgrp.rec.nam">
<c-col :span="11" :offset="1">
<el-form-item label="摘要" prop="dedgrp.rec.nam">
<c-input
align="middle"
v-model="model.dedgrp.rec.nam"
......@@ -55,53 +58,63 @@
disabled
placeholder="请输入Externally Displayed Name to Identify the Contract"
></c-input>
</el-form-item>
</c-col>
</el-form-item>
</c-col>
</c-col>
<!-- ====================左边======================= -->
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="24">
<el-form-item label="是否可以转让" prop="dedgrp.rec.lcrtyp">
<c-col :span="24">
<el-form-item label="是否可以转让" prop="dedgrp.rec.lcrtyp">
<c-select
v-model="model.dedgrp.rec.lcrtyp"
style="width: 100%"
placeholder="请选择"
>
<el-option
<el-option
v-for="item in codes.lcrtyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="20">
<el-form-item label="所属客户经理" prop="detp.usr.extkey" style="width: 100%">
<c-input style="width: 95%" v-model="model.detp.usr.extkey" maxlength="8" placeholder="请输入所属客户经理" disabled></c-input>
<c-col :span="20">
<el-form-item
label="所属客户经理"
prop="detp.usr.extkey"
style="width: 100%"
>
<c-input
style="width: 95%"
v-model="model.detp.usr.extkey"
maxlength="8"
placeholder="请输入所属客户经理"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="4">
<c-col :span="4">
<!-- <el-form-item label="" label-width="17px"> -->
<c-button
style="margin:0 10px 0 0;padding: 0 10px;"
size="small"
icon="el-icon-search"
type="primary"
@click="onExtkey"
></c-button>
<c-button
style="margin: 0 10px 0 0; padding: 0 10px"
size="small"
icon="el-icon-search"
type="primary"
@click="onExtkey"
></c-button>
<!-- </el-form-item> -->
</c-col>
<!-- <c-col>
&nbsp;
</c-col> -->
<c-col :span="13">
<c-col :span="13">
<el-form-item label="信用证金额" prop="dedgrp.cbs.nom1.cur">
<c-select
disabled
......@@ -119,9 +132,9 @@
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="11">
<c-col :span="11">
<el-form-item
style="text-align: left"
label-width="0"
......@@ -131,43 +144,47 @@
v-model="model.dedgrp.cbs.nom1.amt"
style="text-align: left; width: 100%"
placeholder="请输入信用证金额"
@keyup.enter.native="defaultFunction('dedgrp.cbs.nom1.amt', model.dedgrp.cbs.nom1.amt)"
@keyup.enter.native="
defaultFunction('dedgrp.cbs.nom1.amt', model.dedgrp.cbs.nom1.amt)
"
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="大写金额" prop="detp.amt">
<el-form-item label="大写金额" prop="detp.amt">
<c-input
v-model="model.detp.amt"
maxlength="76"
placeholder="请输入大写金额"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="13">
<el-form-item label="上下浮动限额" prop="dedgrp.rec.nomtop">
<c-input
v-model="model.dedgrp.rec.nomtop"
maxlength="9"
style="width: 40%"
placeholder="请输入Amount Tolerance - Positive"
></c-input>
<label style="display:inline-block;width:10%;text-align:center;">-</label>
<c-input
v-model="model.dedgrp.rec.nomton"
maxlength="9"
style="width: 40%"
placeholder="请输入Amount Tolerance - Negative"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="13">
<el-form-item label="上下浮动限额" prop="dedgrp.rec.nomtop">
<c-input
v-model="model.dedgrp.rec.nomtop"
maxlength="9"
style="width: 40%"
placeholder="请输入Amount Tolerance - Positive"
></c-input>
<label style="display: inline-block; width: 10%; text-align: center"
>-</label
>
<c-input
v-model="model.dedgrp.rec.nomton"
maxlength="9"
style="width: 40%"
placeholder="请输入Amount Tolerance - Negative"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- <c-col :span="12" style="text-align: left">
<!-- <c-col :span="12" style="text-align: left">
<el-form-item
label=""
style="text-align: left; margin-left: 12px"
......@@ -182,9 +199,9 @@
</el-form-item>
</c-col> -->
<!-- <c-col> &nbsp; </c-col> -->
<!-- <c-col> &nbsp; </c-col> -->
<c-col :span="13">
<c-col :span="13">
<el-form-item label="信用证最大金额" prop="dedgrp.cbs.max.cur">
<c-select
v-model="model.dedgrp.cbs.max.cur"
......@@ -201,9 +218,9 @@
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="11">
<c-col :span="11">
<el-form-item label="" label-width="0" prop="dedgrp.cbs.max.amt">
<c-input
v-model="model.dedgrp.cbs.max.amt"
......@@ -211,9 +228,9 @@
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="24">
<el-form-item label="贸易类型" prop="dedgrp.rec.mytype">
<c-select
v-if="model.dedgrp.rec.elcflg == 'N'"
......@@ -246,37 +263,37 @@
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="24">
<c-col :span="13">
<el-form-item label="开证日期" prop="dedgrp.rec.opndat">
<c-date-picker
type="date"
v-model="model.dedgrp.rec.opndat"
value-format="yyyy-MM-dd"
style="width: 95%"
placeholder="请选择Date"
></c-date-picker>
</el-form-item>
</c-col>
<el-form-item label="开证日期" prop="dedgrp.rec.opndat">
<c-date-picker
type="date"
v-model="model.dedgrp.rec.opndat"
value-format="yyyy-MM-dd"
style="width: 95%"
placeholder="请选择Date"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="24">
<c-col :span="13">
<el-form-item label="有效日期" prop="dedgrp.rec.expdat">
<c-date-picker
type="date"
v-model="model.dedgrp.rec.expdat"
value-format="yyyy-MM-dd"
style="width: 95%"
placeholder="请选择Date"
></c-date-picker>
</el-form-item>
</c-col>
<el-form-item label="有效日期" prop="dedgrp.rec.expdat">
<c-date-picker
type="date"
v-model="model.dedgrp.rec.expdat"
value-format="yyyy-MM-dd"
style="width: 95%"
placeholder="请选择Date"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
</c-col>
<c-col :span="24">
<el-form-item label="有效地点" prop="dedgrp.rec.expplc">
<c-input
v-model="model.dedgrp.rec.expplc"
......@@ -284,27 +301,36 @@
placeholder="请输入Place of Expiry"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="货运时间" prop="dedgrp.rec.shpdat">
<c-date-picker type="date" v-model="model.dedgrp.rec.shpdat" style="width:100%" placeholder="请选择Shipment Date"></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="转运" prop="dedgrp.rec.shptrs">
<c-select v-model="model.dedgrp.rec.shptrs" style="width:50%" placeholder="请选择" :disabled="model.dedgrp.rec.mytype == 'F'">
<el-option label="不允许" value="禁止"></el-option>
<el-option label="允许" value="允许"></el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="13">
<el-form-item label="货运时间" prop="dedgrp.rec.shpdat">
<c-date-picker
type="date"
v-model="model.dedgrp.rec.shpdat"
style="width: 95%"
placeholder="请选择Shipment Date"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="转运" prop="dedgrp.rec.shptrs">
<c-select
v-model="model.dedgrp.rec.shptrs"
style="width: 50%"
placeholder="请选择"
:disabled="model.dedgrp.rec.mytype == 'F'"
>
<el-option label="不允许" value="禁止"></el-option>
<el-option label="允许" value="允许"></el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="24">
<el-form-item label="是否通过电证系统" prop="dedgrp.rec.elcflg">
<c-select
v-model="model.dedgrp.rec.elcflg"
......@@ -320,9 +346,9 @@
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<!--
<!--
<c-col :span="24">
<el-form-item label="是否代开信用证" prop="dedgrp.rec.dkflg">
<c-select v-model="model.dedgrp.rec.dkflg" style="width:100%" placeholder="请选择是否代开信用证">
......@@ -331,27 +357,48 @@
</c-col>
-->
<c-col :span="24">
<el-form-item label="信用证兑付方式" prop="dedgrp.rec.avbby">
<c-select v-model="model.dedgrp.rec.avbby" style="width:100%" @change="avbbykeyEvent" placeholder="请选择">
<el-option v-for="item in codes.avbby0" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="信用证兑付方式" prop="dedgrp.rec.avbby">
<c-select
v-model="model.dedgrp.rec.avbby"
style="width: 100%"
@change="avbbykeyEvent"
placeholder="请选择"
>
<el-option
v-for="item in codes.avbby0"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="24">
<el-form-item label="远期付款指示" prop="dedgrp.blk.dftat">
<c-input type="textarea" v-model="model.dedgrp.blk.dftat" maxlength="35" show-word-limit placeholder="请输入远期付款指示" ></c-input>
<c-input
type="textarea"
v-model="model.dedgrp.blk.dftat"
maxlength="35"
show-word-limit
placeholder="请输入远期付款指示"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
</c-col>
<c-col :span="24">
<el-form-item label="交单期限" prop="dedgrp.blk.preper">
<c-input type="textarea" v-model="model.dedgrp.blk.preper" maxlength="35" show-word-limit placeholder="请输入交单期限" ></c-input>
<c-input
type="textarea"
v-model="model.dedgrp.blk.preper"
maxlength="35"
show-word-limit
placeholder="请输入交单期限"
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
<!-- ========================右边======================= -->
......@@ -371,7 +418,7 @@
>
</c-ptap>
</c-col>
<!--
<c-col :span="24">
<c-col :span="24">
......@@ -433,16 +480,26 @@
<c-col :span="24">
<el-form-item label="联行行号" prop="dedgrp.beb.pts.bankno">
<c-input v-model="model.dedgrp.beb.pts.bankno" maxlength="20" placeholder="请输入Number of bank"></c-input>
<c-input
v-model="model.dedgrp.beb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="联行名称 电证用" prop="dedgrp.beb.pts.jigomc">
<c-input type="textarea" v-model="model.dedgrp.beb.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称 电证用" ></c-input>
<c-input
type="textarea"
v-model="model.dedgrp.beb.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-ptap
:model="model"
......@@ -458,7 +515,7 @@
>
</c-ptap>
</c-col>
<!--
<c-col :span="24">
<el-form-item label="申请人参考号" prop="dedgrp.apl.pts.ref">
......@@ -517,22 +574,29 @@
<c-col :span="24">
<el-form-item label="是否通知客户" prop="dedgrp.rec.rejflg">
<c-select v-model="model.dedgrp.rec.rejflg" style="width:100%" placeholder="请选择是否通知客户">
</c-select>
<c-select
v-model="model.dedgrp.rec.rejflg"
style="width: 100%"
placeholder="请选择是否通知客户"
>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="拒绝通知理由" prop="dedgrp.blk.rejadvrsn">
<c-input type="textarea" v-model="model.dedgrp.blk.rejadvrsn" maxlength="35" show-word-limit placeholder="请输入拒绝通知理由" ></c-input>
<c-input
type="textarea"
v-model="model.dedgrp.blk.rejadvrsn"
maxlength="35"
show-word-limit
placeholder="请输入拒绝通知理由"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!--
<!--
<c-col :span="12">
<el-form-item label="" prop="detp.usrget.sdamod.seainf">
<c-input v-model="model.detp.usrget.sdamod.seainf" placeholder="请输入"></c-input>
......@@ -545,55 +609,48 @@
<c-input v-model="model.detp.benp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col> -->
<!--
<!--
<c-col :span="12">
<el-form-item label="Address Block" prop="dedgrp.ben.pts.adrblk">
<c-input type="textarea" v-model="model.dedgrp.ben.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
</el-form-item>
</c-col> -->
<!--
<!--
<c-col :span="12">
<el-form-item label="Chinese address" prop="dedgrp.ben.dbfadrblkcn">
<c-input type="textarea" v-model="model.dedgrp.ben.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
</el-form-item>
</c-col>
-->
<c-col :span="12">
<span v-text="model.detp.zchday" data-path=".detp.zchday" > </span>
</c-col>
<!--
-->
<!-- TODO 貌似多余的
<c-col :span="12">
<span v-text="model.detp.zchday" data-path=".detp.zchday"> </span>
</c-col> -->
<!--
<c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="detp.aplp.ptsget.sdamod.dadsnd">
<c-input v-model="model.detp.aplp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</c-col> -->
</c-col> -->
<!--
<!--
<c-col :span="12">
<el-form-item label="" prop="detp.aplp.ptsget.sdamod.seainf">
<c-input v-model="model.detp.aplp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
-->
-->
<!--
<!--
<c-col :span="12">
<c-button size="small" type="primary" @click="onAplpDet">
Details
</c-button>
</c-col>
-->
<!--
<!--
<c-col :span="12">
<el-form-item label="Chinese address" prop="dedgrp.apl.dbfadrblkcn">
<c-input type="textarea" v-model="model.dedgrp.apl.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
......@@ -644,35 +701,35 @@
<c-input v-model="model.detp.dzlhhh" maxlength="20" placeholder="请输入发起参与机构"></c-input>
</el-form-item>
</c-col>
-->
</div>
-->
</div>
</template>
<script>
import Api from "~/service/Api"
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import Event from "~/model/Detopn/Event";
import Utils from "~/utils";
import Ptap from "~/views/Public/Ptap";
export default {
components: { "c-ptap": Ptap },
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
jigomcFlag: false,
trade: "",
}
components: { "c-ptap": Ptap },
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
jigomcFlag: false,
trade: "",
};
},
methods: { ...Event },
created: function () {},
computed: {
flag() {
return this.model.dedgrp.ben.pts.extkey == "";
},
methods:{...Event},
created:function(){
}
}
},
};
</script>
<style>
</style>
src/views/Business/Detopn/index.vue
<template>
<div class="eContainer">
<!-- <c-bus-button :$pntvm="this"></c-bus-button> -->
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
<el-button size="small">流程附言</el-button>
<el-button size="small">交易历史</el-button>
<el-button size="small">备忘录</el-button>
<el-button size="small">影像信息</el-button>
<!-- <el-button size="small">保存模板</el-button> -->
<!-- <el-button size="small">使用模板</el-button> -->
<el-button size="small">制裁信息</el-button>
<!-- <el-button size="small">拆分报文</el-button> -->
<el-button size="small">智能提示</el-button>
</c-function-btn>
<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">
<!--PD000017 -->
<el-tab-pane label="基本信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000494 -->
<el-tab-pane label="其他当事人" name="detp1">
<c-content>
<m-detp1 :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000525 -->
<el-tab-pane label="详细信息" name="detp2">
<m-detp2 :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="setpan">
<c-content>
<m-setpan :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<el-tab-pane label="分录" name="glepan">
<m-glepan :model="model" :codes="codes" ref="glepan" />
</el-tab-pane>
<el-tab-pane label="表外" name="engp">
<!--PD000027 -->
<c-content>
<m-engp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="报文及面函" name="docpan">
<m-docpan :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="授信额度" name="limitbody">
<m-limitbody :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000548 -->
<!--
<div class="eContainer">
<!-- <c-bus-button :$pntvm="this"></c-bus-button> -->
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
<el-button size="small">流程附言</el-button>
<el-button size="small">交易历史</el-button>
<el-button size="small">备忘录</el-button>
<el-button size="small">影像信息</el-button>
<!-- <el-button size="small">保存模板</el-button> -->
<!-- <el-button size="small">使用模板</el-button> -->
<el-button size="small">制裁信息</el-button>
<!-- <el-button size="small">拆分报文</el-button> -->
<el-button size="small">智能提示</el-button>
</c-function-btn>
<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">
<!--PD000017 -->
<el-tab-pane label="基本信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000494 -->
<el-tab-pane label="其他当事人" name="detp1">
<c-content>
<m-detp1 :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000525 -->
<el-tab-pane label="详细信息" name="detp2">
<m-detp2 :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="setpan">
<c-content>
<m-setpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="分录" name="glepan">
<m-glepan :model="model" :codes="codes" ref="glepan" />
</el-tab-pane>
<el-tab-pane label="表外" name="engp">
<!--PD000027 -->
<c-content>
<m-engp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="报文及面函" name="docpan">
<m-docpan :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="授信额度" name="limitbody">
<m-limitbody :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000548 -->
<!--
<el-tab-pane label="PD000548" name="stament">
<m-stament :model="model" :codes="codes"/>
</el-tab-pane>
-->
<!--PD000001 -->
<!--
<!--PD000001 -->
<!--
<el-tab-pane label="PD000001" name="aamp">
<m-aamp :model="model" :codes="codes"/>
</el-tab-pane>
-->
</c-tabs>
</el-form>
</div>
</c-tabs>
</el-form>
<c-grid-ety-prompt-dialog
ref="etyDialog"
:promptData="promptData"
v-on:select-ety="selectEty"
>
</c-grid-ety-prompt-dialog>
</div>
</template>
<script>
import Api from "~/service/Api";
......@@ -122,67 +130,61 @@ import Coninfp from "~/views/Public/Coninfp";
import Docpan from "~/views/Public/Docpan";
import Limitbody from "~/views/Public/Limitbody";
export default {
name: "Detopn",
components:{
"m-ovwp" : Ovwp,
"m-detp" : Detp,
"m-detp1" : Detp1,
"m-detp2" : Detp2,
"m-stament" : Stament,
"m-aamp" : Aamp,
"m-setpan" : Setpan,
"m-glepan": Glepan,
"m-engp": Engp,
"m-coninfp" : Coninfp,
"m-docpan" : Docpan,
"m-limitbody" : Limitbody,
},
provide() {
return {
root: this
}
},
name: "Detopn",
components: {
"m-ovwp": Ovwp,
"m-detp": Detp,
"m-detp1": Detp1,
"m-detp2": Detp2,
"m-stament": Stament,
"m-aamp": Aamp,
"m-setpan": Setpan,
"m-glepan": Glepan,
"m-engp": Engp,
"m-coninfp": Coninfp,
"m-docpan": Docpan,
"m-limitbody": Limitbody,
},
provide() {
return {
root: this,
};
},
// mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
mixins: [commonProcess,commonFuncs], // 里面包含了Default、Check等的公共处理
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
computed: {},
data(){
return {
tabVal: "",
trnName: "detopn",
model: new Detopn().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: { ...CodeTable },
}
},
methods:{
tabClick(){
}
},
created:async function(){
console.log("进入detopn交易");
//let rtnmsg = await this.init({})
let rtnmsg = await this.init(this.$route.query);
if(rtnmsg.respCode == SUCCESS)
{
//更新数据
Utils.copyValueFromVO(this.model,rtnmsg.data)
if (this.isInDisplay) {
this.restoreDisplay();
}
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
data() {
return {
tabVal: "ovwp",
trnName: "detopn",
model: new Detopn().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: { ...CodeTable },
};
},
methods: {
tabClick() {},
},
created: async function () {
console.log("进入detopn交易");
//let rtnmsg = await this.init({})
let rtnmsg = await this.init(this.$route.query);
if (rtnmsg.respCode == SUCCESS) {
//更新数据
Utils.copyValueFromVO(this.model, rtnmsg.data);
if (this.isInDisplay) {
this.restoreDisplay();
}
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
}
},
};
</script>
<style>
</style>
src/views/Business/Infdet/Infsea.vue
<template>
<div class="eibs-tab">
<c-list-search @form-reset="handleReset" @form-search="handleSearch">
<!-- 持续展示区 -->
<!-- 持续展示区 -->
<template v-slot="searchSlot">
<el-form
class="m-table-search-form"
......@@ -12,31 +11,494 @@
label-width="110px"
size="small"
>
<c-row>
<c-col :span="24">
<c-col :span="8">
<el-form-item
label="业务编号"
prop="infcon.seaownref"
style="width: 100%"
>
<c-input
v-model="model.infcon.seaownref"
maxlength="16"
placeholder="请输入Own Reference"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item
label="开立日期"
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="交易类型" prop="mylx" style="width: 100%">
<c-select
v-model="model.mylx"
style="width: 100%"
placeholder="请选择交易类型"
>
<el-option
v-for="item in codes.mylx"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
</c-row>
<c-row v-show="searchSlot.searchToggle">
<c-col :span="24">
<c-col :span="8">
<el-form-item
label="名称"
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="参考号"
prop="infcon.searef"
style="width: 100%"
>
<c-input
v-model="model.infcon.searef"
maxlength="16"
placeholder="请输入Party Reference"
></c-input> </el-form-item
></c-col>
<c-col :span="8">
<el-form-item
label="客户号"
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="24">
<c-col :span="8"
><el-form-item
label="客户名称"
prop="infcon.pty.nam"
style="width: 100%"
>
<c-input
v-model="model.infcon.pty.nam"
maxlength="40"
placeholder="请输入External Visible Name"
></c-input> </el-form-item
></c-col>
<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="角色"
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 :span="24">
<c-col :span="8"
><el-form-item
label="用户id"
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="状态"
prop="infcon.seasta"
style="width: 100%"
>
<c-select
v-model="model.infcon.seasta"
style="width: 100%"
placeholder="请选择Status"
>
<el-option
v-for="item in codes.seasta"
: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="infcon.seacur"
style="width: 100%"
>
<c-select
v-model="model.infcon.seacur"
style="width: 100%"
placeholder="请选择Currency"
>
</c-select> </el-form-item
></c-col>
</c-col>
<c-col :span="24">
<c-col :span="8">
<el-form-item
label="金额"
prop="infcon.seaamtfr"
style="width: 100%"
>
<c-col :span="11">
<c-input
v-model="model.infcon.seaamtfr"
placeholder="请输入Amount between"
></c-input>
</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
v-model="model.infcon.seaamtto"
placeholder="请输入Amount to"
></c-input>
</c-col>
</el-form-item>
</c-col>
<c-col :span="8"
><el-form-item
label="Form of L/C"
prop="sealcrtyp"
style="width: 100%"
>
<c-select
v-model="model.sealcrtyp"
style="width: 100%"
placeholder="请选择Form of L/C"
>
<el-option
v-for="item in codes.sealcrtyp"
: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="elcflg"
style="width: 100%"
>
<c-select
v-model="model.elcflg"
style="width: 100%"
placeholder="请选择是否通过电证系统"
>
<el-option
v-for="item in codes.elcflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select> </el-form-item
></c-col>
</c-col>
</c-row>
<!-- 原排班-start -->
<!-- <c-row>
<c-col :span="11" :offset="1">
<el-form-item label="业务编号" prop="infcon.seaownref">
<c-input
v-model="model.infcon.seaownref"
maxlength="16"
placeholder="请输入Own Reference"
></c-input>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="名称" prop="infcon.nam">
<c-input
v-model="model.infcon.nam"
maxlength="40"
placeholder="请输入Name"
></c-input>
</el-form-item>
</c-col>
</c-row> -->
<!-- 可控展示区 -->
<!-- <el-row v-show="searchSlot.searchToggle">
<c-row>
<c-col :span="11" :offset="1">
<el-form-item label="参考号" 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-row>
<c-col :span="11" :offset="1">
<el-form-item label="客户号" 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 :span="11" :offset="1">
<el-form-item label="业务编号" prop="infcon.seaownref">
<c-input v-model="model.infcon.seaownref" maxlength="16" placeholder="请输入Own Reference"></c-input>
</el-form-item>
<c-col :span="11" :offset="1">
<el-form-item label="客户名称" prop="infcon.pty.nam">
<c-input
v-model="model.infcon.pty.nam"
maxlength="40"
placeholder="请输入External Visible Name"
></c-input>
</el-form-item>
</c-col>
</c-row>
<c-row>
<c-col :span="11" :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>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="角色" 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-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"
value-format="yyyy-MM-dd"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="名称" prop="infcon.nam">
<c-input v-model="model.infcon.nam" maxlength="40" placeholder="请输入Name"></c-input>
</el-form-item>
<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"
value-format="yyyy-MM-dd"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="12">
<el-form-item label="用户id" 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>
<!-- 可控展示区 -->
<el-row v-show="searchSlot.searchToggle">
<c-row>
<c-col :span="11" :offset="1">
<el-form-item label="参考号" 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 :span="12">
<el-form-item label="状态" prop="infcon.seasta">
<c-select
v-model="model.infcon.seasta"
style="width: 100%"
placeholder="请选择Status"
>
<el-option
v-for="item in codes.seasta"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
</c-row>
<c-row>
<c-col :span="11" :offset="1">
<c-col :span="12">
<el-form-item label="币种" prop="infcon.seacur">
<c-select
v-model="model.infcon.seacur"
style="width: 100%"
placeholder="请选择Currency"
>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="12">
<el-form-item label="金额从" prop="infcon.seaamtfr">
<c-input
v-model="model.infcon.seaamtfr"
placeholder="请输入Amount between"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="到" prop="infcon.seaamtto">
<c-input
v-model="model.infcon.seaamtto"
placeholder="请输入Amount to"
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-row>
<c-row>
<c-col :span="9" :offset="1">
<el-form-item label="Form of L/C" prop="sealcrtyp">
<c-select
v-model="model.sealcrtyp"
style="width: 100%"
placeholder="请选择Form of L/C"
>
<el-option
v-for="item in codes.sealcrtyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="6" :offset="1">
<el-form-item label="交易类型" prop="mylx">
<c-select
v-model="model.mylx"
style="width: 100%"
placeholder="请选择交易类型"
>
<el-option
v-for="item in codes.mylx"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="6" :offset="1">
<el-form-item label="是否通过电证系统" prop="elcflg">
<c-select
v-model="model.elcflg"
style="width: 100%"
placeholder="请选择是否通过电证系统"
>
<el-option
v-for="item in codes.elcflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-row>
</el-row> -->
<!-- 原排班-end -->
</el-form>
</template>
</c-list-search>
<!--
<c-col :span="12">
<el-form-item label="Release Status" prop="infcon.relflg">
<c-select v-model="model.infcon.relflg" style="width:100%" placeholder="请选择Release Status">
......@@ -50,99 +512,8 @@
</c-select>
</el-form-item>
</c-col>
-->
<c-row>
<c-col :span="11" :offset="1">
<el-form-item label="客户号" 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-col :span="11" :offset="1">
<el-form-item label="客户名称" prop="infcon.pty.nam">
<c-input v-model="model.infcon.pty.nam" maxlength="40" placeholder="请输入External Visible Name"></c-input>
</el-form-item>
</c-col>
</c-row>
<c-row>
<c-col :span="11" :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>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="角色" 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-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" 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"
value-format="yyyy-MM-dd"></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="12">
<el-form-item label="用户id" 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-col :span="12">
<el-form-item label="状态" prop="infcon.seasta">
<c-select v-model="model.infcon.seasta" style="width:100%" placeholder="请选择Status">
<el-option
v-for="item in codes.seasta"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
</c-row>
<c-row>
<c-col :span="11" :offset="1">
<c-col :span="12">
<el-form-item label="币种" prop="infcon.seacur">
<c-select v-model="model.infcon.seacur" style="width:100%" placeholder="请选择Currency">
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="12">
<el-form-item label="金额从" prop="infcon.seaamtfr">
<c-input v-model="model.infcon.seaamtfr" placeholder="请输入Amount between"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="到" prop="infcon.seaamtto">
<c-input v-model="model.infcon.seaamtto" placeholder="请输入Amount to"></c-input>
</el-form-item>
</c-col>
</c-col>
</c-row>
<!--
-->
<!--
<c-col :span="12">
<el-form-item label="是否显示查询码" prop="infcon.cxmflg">
<c-select v-model="model.infcon.cxmflg" style="width:100%" placeholder="请选择是否显示查询码">
......@@ -150,114 +521,77 @@
</el-form-item>
</c-col>
-->
<c-row>
<c-col :span="9" :offset="1">
<el-form-item label="Form of L/C" prop="sealcrtyp">
<c-select v-model="model.sealcrtyp" style="width:100%" placeholder="请选择Form of L/C">
<el-option
v-for="item in codes.sealcrtyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="6" :offset="1">
<el-form-item label="交易类型" prop="mylx">
<c-select v-model="model.mylx" style="width:100%" placeholder="请选择交易类型">
<el-option
v-for="item in codes.mylx"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="6" :offset="1">
<el-form-item label="是否通过电证系统" prop="elcflg">
<c-select v-model="model.elcflg" style="width:100%" placeholder="请选择是否通过电证系统">
<el-option
v-for="item in codes.elcflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-row>
</el-row>
</el-form>
</template>
</c-list-search>
<c-col :span="24" style="margin-top: 10px">
<c-button class="medium_bcs" size="medium" type="primary" @click="toDetopn">卖方信用证国内证通知</c-button>
<c-button
class="medium_bcs"
size="medium"
type="primary"
@click="toDetopn"
>卖方信用证开立</c-button
>
</c-col>
<c-col :span="24">
<c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column fixed="right" prop="op" 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">
<el-popover
placement="top-start"
title="历史信息"
width="800"
trigger="click"
:ref="'popover_' + scope.row.IDX"
<c-col :span="24">
<c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column fixed="right" prop="op" 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">
<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;
"
>
<div style="text-align: right; margin-top: -30px; margin-right: 5px; font-size: 16px;">
<span class="el-icon-close" @click="closeTrn('popover_' + scope.row.IDX)"/>
<span
class="el-icon-close"
@click="closeTrn('popover_' + scope.row.IDX)"
/>
</div>
<c-istream-table
:list="trnData.data"
:columns="trnData.columns"
>
<el-table-column prop="op" label="操作" width="0">
<template slot-scope="scope">
<c-button
style="margin-left: 0"
size="small"
@click="display(scope.$index, scope.row)"
>
详情
</c-button>
</template>
</el-table-column>
</c-istream-table>
<c-button
style="margin-left: 0"
size="small"
@click="getTrnInfo(scope.$index, scope.row)"
slot="reference"
>
详情
</c-button>
</el-popover>
<c-istream-table :list="trnData.data" :columns="trnData.columns">
<el-table-column prop="op" label="操作" width="0">
<template slot-scope="scope">
<c-button
style="margin-left: 0"
size="small"
@click="display(scope.$index, scope.row)"
>
详情
</c-button>
</template>
</el-table-column>
</c-istream-table>
<c-button
style="margin-left: 0"
size="small"
type="primary"
@click="getButtons(scope.row['Reference'])"
@click="getTrnInfo(scope.$index, scope.row)"
slot="reference"
>
处理
</c-button>
<!--
详情
</c-button>
</el-popover>
<c-button
style="margin-left: 0"
size="small"
type="primary"
@click="getButtons(scope.row['Reference'])"
>
处理
</c-button>
<!--
<c-button
style="margin-left: 0"
size="small"
......@@ -275,11 +609,11 @@
收单
</c-button>
-->
</template>
</el-table-column>
</c-istream-table>
</c-col>
<!--
</template>
</el-table-column>
</c-istream-table>
</c-col>
<!--
<c-row style="margin-top:20px; padding: 0 10px 0 10px;">
<c-col>
<c-button size="small" type="primary">导Excel</c-button>
......@@ -292,7 +626,7 @@
</c-row>
-->
<!--
<!--
<c-row style="margin-top:20px; padding: 0 10px 0 10px;">
<c-istream-table
:border="true"
......@@ -303,7 +637,7 @@
</c-istream-table>
</c-row>
-->
<!--
<!--
<el-table-column prop="op" label="OP" width="100">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
......@@ -321,20 +655,20 @@
</template>
<script>
import Utils from "~/utils/index";
import Api from "~/service/Api"
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Infdet/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Infdet/Event";
//交易跳转逻辑
import BusNavbar from "~/views/Business/Infdet/BusNavbar";
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
components: { "m-busbtn": BusNavbar },
data(){
return {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
components: { "m-busbtn": BusNavbar },
data() {
return {
ownref: "",
initdialog: false,
dialogTableVisible: false,
......@@ -349,32 +683,30 @@ export default {
],
data: [],
},
stmData: {
columns: [
"1 1 \"Reference\" 100 ",
"2 2 \"Resp. User\" 100",
"3 3 \"Tenor day\" 100",
"7 4 \"Party Number\" 150 ",
"8 5 \"Applicant\" 150 ",
"9 6 \"Party Number\" 150 ",
"10 7 \"Beneficiary\" 150 ",
"11 8 \"Party Number\" 150 ",
"12 9 \"Issuing Bank\" 150 ",
"4 10 \"Opened\" 150 ",
"5 11 \"Expired\" 150 ",
"6 12 \"Closed\" 150 ",
"13 13 \"Cur\" 150 ",
"15 14 \"Cur\" 150 ",
"14 15 \"L/C Amount\" 150 ",
"16 16 \"Open Amount\" 150 ",
],
data: [
],
},
}
},
/*
stmData: {
columns: [
'1 1 "Reference" 100 ',
'2 2 "Resp. User" 100',
'3 3 "Tenor day" 100',
'7 4 "Party Number" 150 ',
'8 5 "Applicant" 150 ',
'9 6 "Party Number" 150 ',
'10 7 "Beneficiary" 150 ',
'11 8 "Party Number" 150 ',
'12 9 "Issuing Bank" 150 ',
'4 10 "Opened" 150 ',
'5 11 "Expired" 150 ',
'6 12 "Closed" 150 ',
'13 13 "Cur" 150 ',
'15 14 "Cur" 150 ',
'14 15 "L/C Amount" 150 ',
'16 16 "Open Amount" 150 ',
],
data: [],
},
};
},
/*
computed: {
tableData() {
// "10000449\t2000007350\t2000007350-001\tBEIJING TESTTEST,BEIJING, CHINA\t\t100080\tBEIJING, CHINA\tTEST TEST1 CO.,LTD."
......@@ -383,52 +715,51 @@ export default {
}
},
*/
methods:{ ...Event,
async getButtons(ownref){
this.initdialog = true
this.ownref = ownref
console.log("ownref:" +ownref);
setTimeout(()=>{
this.$refs.childs.$emit("childmethods")
},10)
//this.$router.history.push({ path: "/business/" + frm, query: { ownref } })
},
async onChoose(code){
//跳转交易
this.$router.history.push("/business/" + code)
this.initdialog = false
} ,
async getDitSelInfo(idx,row){
//TD中选中行触发
var params = {selDst:"infbut.dspstm",selIds:[idx+1]}
let rtnmsg = await this.executeRule("infbut.dspstm", params);
if(rtnmsg.respCode = SUCCESS){
this.updateModel(rtnmsg.data);
// Utils.copyValueFromVO(this.model, rtnmsg.data);
//TD中点击display时触发
params = {selDst:"infbut.dsp",selIds:[idx+1]}
let rtnmsgNew = await this.executeRule("infbut.dsp", params);
if(rtnmsgNew.respCode = SUCCESS){
console.log(rtnmsgNew);
this.updateModel(rtnmsgNew.data);
methods: {
...Event,
async getButtons(ownref) {
this.initdialog = true;
this.ownref = ownref;
console.log("ownref:" + ownref);
setTimeout(() => {
this.$refs.childs.$emit("childmethods");
}, 10);
//this.$router.history.push({ path: "/business/" + frm, query: { ownref } })
},
async onChoose(code) {
//跳转交易
this.$router.history.push("/business/" + code);
this.initdialog = false;
},
async getDitSelInfo(idx, row) {
//TD中选中行触发
var params = { selDst: "infbut.dspstm", selIds: [idx + 1] };
let rtnmsg = await this.executeRule("infbut.dspstm", params);
if ((rtnmsg.respCode = SUCCESS)) {
this.updateModel(rtnmsg.data);
// Utils.copyValueFromVO(this.model, rtnmsg.data);
//TD中点击display时触发
params = { selDst: "infbut.dsp", selIds: [idx + 1] };
let rtnmsgNew = await this.executeRule("infbut.dsp", params);
let rtnmsgOitset = await this.executeDefault("mtabut.coninf.oitset.oit");
if ((rtnmsgNew.respCode = SUCCESS)) {
console.log(rtnmsgNew);
this.updateModel(rtnmsgNew.data);
if(rtnmsgOitset.respCode = SUCCESS){
Utils.copyValueFromVO(this.model, rtnmsgOitset.data);
let rtnmsgOitset = await this.executeDefault(
"mtabut.coninf.oitset.oit"
);
}
}
if ((rtnmsgOitset.respCode = SUCCESS)) {
Utils.copyValueFromVO(this.model, rtnmsgOitset.data);
}
//触发父组件中updateShowPanel 事件，修改index中showPanel ，控制 index中组件的显示和隐藏
this.$emit('updateShowPanel', true)
}
}
//触发父组件中updateShowPanel 事件，修改index中showPanel ，控制 index中组件的显示和隐藏
this.$emit("updateShowPanel", true);
},
async getTrnInfo(idx, row) {
this.model.infcon.objinr = row["INR"];
this.model.dedgrp.rec.inr = row["INR"];
this.model.infcon.chksubcon = "X";
......@@ -440,23 +771,25 @@ export default {
this.trnData.data = rtnmsg.data.infcon_trnstm.rows;
}
},
closeTrn(refId){
this.$refs[refId].doClose();
closeTrn(refId) {
this.$refs[refId].doClose();
},
/*
chooseRowEvent(row) {
this.model.infbut.selrow = row.IDX + 1;
},
*/
toDetopn(){
this.$router.history.push("/business/detopn")
}
},
toDetopn() {
this.$router.history.push("/business/detopn");
},
},
created:function(){},
created: function () {},
};
</script>
<style>
.el-form--label-left .el-form-item__label {
white-space: pre-wrap;
text-align: center;
}
</style>
src/views/Business/Infdet/index.vue
<template>
<c-page title="卖方信用证查询">
<!-- 顶部按钮区 -->
<!--
<!-- c-page标签加上影响大小 -->
<!-- <c-page title="卖方信用证交易查询"> -->
<!-- 顶部按钮区 -->
<!--
<div class="topBtnGroup">
<c-button size="small" type="primary" v-show="showflg == true" icon="el-icon-arrow-right"
@click="showflg=false">收起</c-button>
......@@ -37,23 +38,43 @@
-->
<div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="left" size="small" :validate-on-rule-change="false">
<!--PD000006 -->
<!--
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="110px"
label-position="right"
size="small"
:validate-on-rule-change="false"
>
<!--PD000006 -->
<!--
<el-tab-pane label="查詢界面" name="infsea">
<m-infsea :model="model" :codes="codes"/>
</el-tab-pane>
-->
<c-content>
<m-infsea v-show="!showPanel" @updateShowPanel="updateShowPanel($event)" :model="model" :codes="codes" ref="infsea"/>
</c-content>
<c-tabs v-model="tabVal" v-show="showPanel" ref="elment" type="card" @tab-click="tabClick">
<!--PD000017 -->
<el-tab-pane label="内容" name="ovwp">
<m-ovwp :model="model" :codes="codes"/>
</el-tab-pane>
<!--
<c-content>
<m-infsea
v-show="!showPanel"
@updateShowPanel="updateShowPanel($event)"
:model="model"
:codes="codes"
ref="infsea"
/>
</c-content>
<c-tabs
v-model="tabVal"
v-show="showPanel"
ref="elment"
type="card"
@tab-click="tabClick"
>
<!--PD000017 -->
<el-tab-pane label="内容" name="ovwp">
<m-ovwp :model="model" :codes="codes" />
</el-tab-pane>
<!--
<el-tab-pane label="条款" name="detp">
<m-detp :model="model" :codes="codes"/>
</el-tab-pane>
......@@ -132,150 +153,141 @@
<m-stament :model="model" :codes="codes"/>
</el-tab-pane>
-->
</c-tabs>
</c-tabs>
</el-form>
<c-button
v-show="showPanel"
style="margin-left: 75%;bottom: 10%;position:sticky"
size="small"
@click="goBack()">
<!-- @click="getDitSelInfo(scope.$index, scope.row)" -->
返回
</c-button>
</div>
</c-page>
<c-button
v-show="showPanel"
style="margin-left: 75%; bottom: 10%; position: sticky"
size="small"
@click="goBack()"
>
<!-- @click="getDitSelInfo(scope.$index, scope.row)" -->
返回
</c-button>
</div>
<!-- </c-page> -->
</template>
<script>
import Utils from "~/utils/index";
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Infdet from "~/model/Infdet"
import commonProcess from "~/mixin/commonProcess"
import Check from "~/model/Infdet/Check"
import Default from "~/model/Infdet/Default"
import Pattern from "~/model/Infdet/Pattern"
import Infsea from "./Infsea"
import Ovwp from "./Ovwp"
import Detp from "./Detp"
import Coninfp from "./Coninfp"
import Trnpan from "./Trnpan"
import Cbsinfp from "./Cbsinfp"
import Cbeinfp from "./Cbeinfp"
import Fepinfp from "./Fepinfp"
import Sepinfp from "./Sepinfp"
import Gleinfp from "./Gleinfp"
import Smhinfp from "./Smhinfp"
import Peninfp from "./Peninfp"
import Liainfp from "./Liainfp"
import Prtpan from "./Prtpan"
import Ordpan from "./Ordpan"
import Detp1 from "./Detp1"
import Detp2 from "./Detp2"
import Stament from "./Stament"
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Infdet from "~/model/Infdet";
import commonProcess from "~/mixin/commonProcess";
import Check from "~/model/Infdet/Check";
import Default from "~/model/Infdet/Default";
import Pattern from "~/model/Infdet/Pattern";
import Infsea from "./Infsea";
import Ovwp from "./Ovwp";
import Detp from "./Detp";
import Coninfp from "./Coninfp";
import Trnpan from "./Trnpan";
import Cbsinfp from "./Cbsinfp";
import Cbeinfp from "./Cbeinfp";
import Fepinfp from "./Fepinfp";
import Sepinfp from "./Sepinfp";
import Gleinfp from "./Gleinfp";
import Smhinfp from "./Smhinfp";
import Peninfp from "./Peninfp";
import Liainfp from "./Liainfp";
import Prtpan from "./Prtpan";
import Ordpan from "./Ordpan";
import Detp1 from "./Detp1";
import Detp2 from "./Detp2";
import Stament from "./Stament";
export default {
name: "Infdet",
components:{
"m-infsea" : Infsea,
"m-ovwp" : Ovwp,
"m-detp" : Detp,
"m-coninfp" : Coninfp,
"m-trnpan" : Trnpan,
"m-cbsinfp" : Cbsinfp,
"m-cbeinfp" : Cbeinfp,
"m-fepinfp" : Fepinfp,
"m-sepinfp" : Sepinfp,
"m-gleinfp" : Gleinfp,
"m-smhinfp" : Smhinfp,
"m-peninfp" : Peninfp,
"m-liainfp" : Liainfp,
"m-prtpan" : Prtpan,
"m-ordpan" : Ordpan,
"m-detp1" : Detp1,
"m-detp2" : Detp2,
"m-stament" : Stament,
},
provide() {
return {
root: this
}
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "",
trnName: "infdet",
model: new Infdet().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
showPanel:false,
rules: null,
codes: {...CodeTable},
showflg: true,
};
},
methods:{
tabClick(tab){
const name = tab.name
let rulePath;
if (name === "fepinfp") {
rulePath = "infcon.fepinfp";
}
if (name === "coninfp") {
rulePath = "coninf.coninfp";
}
name: "Infdet",
components: {
"m-infsea": Infsea,
"m-ovwp": Ovwp,
"m-detp": Detp,
"m-coninfp": Coninfp,
"m-trnpan": Trnpan,
"m-cbsinfp": Cbsinfp,
"m-cbeinfp": Cbeinfp,
"m-fepinfp": Fepinfp,
"m-sepinfp": Sepinfp,
"m-gleinfp": Gleinfp,
"m-smhinfp": Smhinfp,
"m-peninfp": Peninfp,
"m-liainfp": Liainfp,
"m-prtpan": Prtpan,
"m-ordpan": Ordpan,
"m-detp1": Detp1,
"m-detp2": Detp2,
"m-stament": Stament,
},
provide() {
return {
root: this,
};
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "",
trnName: "infdet",
model: new Infdet().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
showPanel: false,
rules: null,
codes: { ...CodeTable },
showflg: true,
};
},
methods: {
tabClick(tab) {
const name = tab.name;
let rulePath;
if (!!rulePath) {
this.executeRule(rulePath).then(res => {
if (res.respCode == SUCCESS) {
this.updateModel(res.data);
}
})
}
},
if (name === "fepinfp") {
rulePath = "infcon.fepinfp";
}
if (name === "coninfp") {
rulePath = "coninf.coninfp";
}
initPanel(val){
if(val){
this.tabVal = "ovwp"
//
}else{
this.tabVal = ""
if (!!rulePath) {
this.executeRule(rulePath).then((res) => {
if (res.respCode == SUCCESS) {
this.updateModel(res.data);
}
},
async updateShowPanel(value) {
this.showPanel = value;
this.initPanel(value);
},
goBack(){
this.showPanel = false;
},
});
}
},
initPanel(val) {
if (val) {
this.tabVal = "ovwp";
//
} else {
this.tabVal = "";
}
},
async updateShowPanel(value) {
this.showPanel = value;
this.initPanel(value);
},
created:async function(){
console.log("进入infdet交易");
let rtnmsg = await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
Utils.copyValueFromVO(this.model, rtnmsg.data);
this.$refs.infsea.handleSearch();
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
goBack() {
this.showPanel = false;
},
watch:{
},
created: async function () {
console.log("进入infdet交易");
let rtnmsg = await this.init({});
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
Utils.copyValueFromVO(this.model, rtnmsg.data);
this.$refs.infsea.handleSearch();
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
}
},
watch: {},
};
</script>
<style scoped>
</style>
src/views/Layout/SideMenu.vue
......@@ -29,7 +29,7 @@ import SubMenu from "~/components/SubMenu.vue";
export default {
components: { Button, SubMenu },
data: function() {
data: function () {
return {
openFlgArr: [],
menuOpen: true,
......@@ -42,7 +42,7 @@ export default {
{ inifrm: "infcpd", ininam: "汇款查询", pntmiu: "1" },
{ inifrm: "cptopn", ininam: "汇出汇款", pntmiu: "1" },
{ inifrm: "cptadv", ininam: "汇入汇款", pntmiu: "1" },
{ inifrm: "2", ininam: "买方信用证", pntmiu: "" },
// { inifrm: "ditopn", ininam: "信用证开立", pntmiu: "2" },
// { inifrm: "ditame", ininam: "信用证修改", pntmiu: "2" },
......@@ -51,14 +51,14 @@ export default {
{ inifrm: "infbdd", ininam: "买方信用证单据查询", pntmiu: "2" },
//{ inifrm: "bdtset", ininam: "买方信用证收款", pntmiu: "2" },
{ inifrm: "22", ininam: "卖方信用证", pntmiu: "" },
{ inifrm: "infdet", ininam: "卖方信用证交易查询", pntmiu: "22" },
{ inifrm: "infbfd", ininam: "卖方信用证单据查询", pntmiu: "22" },
//{ inifrm: "bftsnd", ininam: "卖方信用证寄单", pntmiu: "2" },
//{ inifrm: "bftset", ininam: "卖方信用证收款", pntmiu: "2" },
{ inifrm: "infdet", ininam: "卖方信用证交易查询", pntmiu: "22" },
{ inifrm: "infbfd", ininam: "卖方信用证单据查询", pntmiu: "22" },
//{ inifrm: "bftsnd", ininam: "卖方信用证寄单", pntmiu: "2" },
//{ inifrm: "bftset", ininam: "卖方信用证收款", pntmiu: "2" },
// { inifrm: "bdtudp", ininam: "信用证承兑", pntmiu: "2" },
// { inifrm: "bdtdcr", ininam: "信用证不符点/拒付", pntmiu: "2" },
// { inifrm: "ditdck", ininam: "信用证到单", pntmiu: "2" },
// { inifrm: "bdtset", ininam: "信用证付款", pntmiu: "2" },
// { inifrm: "ditdck", ininam: "信用证到单", pntmiu: "2" },
// { inifrm: "bdtset", ininam: "信用证付款", pntmiu: "2" },
{ inifrm: "3", ininam: "出口信用证", pntmiu: "" },
{ inifrm: "letsel", ininam: "出口信用证查询", pntmiu: "3" },
{ inifrm: "letopn", ininam: "出口信用证通知", pntmiu: "3" },
......@@ -92,7 +92,7 @@ export default {
{ inifrm: "bctset", ininam: "进口代收付款", pntmiu: "5" },
{ inifrm: "bctcan", ininam: "进口代收注销", pntmiu: "5" },
{ inifrm: "infbcd", ininam: "进口代收查询", pntmiu: "5" },
{ inifrm: "6", ininam: "出口托收", pntmiu: "" },
{ inifrm: "6", ininam: "出口托收", pntmiu: "" },
{ inifrm: "botdav", ininam: "出口托收寄单", pntmiu: "6" },
{ inifrm: "botame", ininam: "出口托收修改", pntmiu: "6" },
{ inifrm: "botdcr", ininam: "出口托收拒付/不符点", pntmiu: "6" },
......@@ -102,16 +102,20 @@ export default {
{ inifrm: "lttopn", ininam: "转让证开立", pntmiu: "7" },
{ inifrm: "lttame", ininam: "转让证修改", pntmiu: "7" },
{ inifrm: "lttcan", ininam: "转让证注销", pntmiu: "7" },
{ inifrm: "bttsnd", ininam: "转让证单据寄单", pntmiu: "7" },
{ inifrm: "bttdrv", ininam: "转让证修改单据金额", pntmiu: "7" },
{ inifrm: "bttdcr", ininam: "转让证单据拒单", pntmiu: "7" },
{ inifrm: "lttdav", ininam: "转让信用证单据第一受益人换单", pntmiu: "7" },
{ inifrm: "bttsnd", ininam: "转让证单据寄单", pntmiu: "7" },
{ inifrm: "bttdrv", ininam: "转让证修改单据金额", pntmiu: "7" },
{ inifrm: "bttdcr", ininam: "转让证单据拒单", pntmiu: "7" },
{
inifrm: "lttdav",
ininam: "转让信用证单据第一受益人换单",
pntmiu: "7",
},
{ inifrm: "bttdck", ininam: "转让信用证通知到单", pntmiu: "7" },
{ inifrm: "8", ininam: "打包托收", pntmiu: "" },
{ inifrm: "cltdav", ininam: "打包托收开立", pntmiu: "8" },
{ inifrm: "clttra", ininam: "打包托收催收", pntmiu: "8" },
{ inifrm: "cltset", ininam: "打包托收解包", pntmiu: "8" },
{ inifrm: "9",ininam: "光票托收", pntmiu: "" },
{ inifrm: "9", ininam: "光票托收", pntmiu: "" },
{ inifrm: "ccttra", ininam: "光票托收催收", pntmiu: "9" },
{ inifrm: "cctdcr", ininam: "光票托收退票", pntmiu: "9" },
{ inifrm: "cctset", ininam: "光票托收收汇", pntmiu: "9" },
......@@ -119,25 +123,25 @@ export default {
//{ inifrm: "clttra", ininam: "光票托收", pntmiu: "10" },
{ inifrm: "10", ininam: "参数管理", pntmiu: "" },
{ inifrm: "infusr", ininam: "用户信息", pntmiu: "10" },
{ inifrm: "11",ininam: "卖方信用证", pntmiu: "" },
{ inifrm: "detopn", ininam: "信用证开立", pntmiu: "11" },
{ inifrm: "detame", ininam: "信用证修改", pntmiu: "11" },
{ inifrm: "detsel", ininam: "信用证查询", pntmiu: "11" },
{ inifrm: "12",ininam: "智能审单", pntmiu: "" },
{ inifrm: "11", ininam: "卖方信用证", pntmiu: "" },
{ inifrm: "detopn", ininam: "卖方信用证开立", pntmiu: "11" },
{ inifrm: "detame", ininam: "卖方信用证修改", pntmiu: "11" },
{ inifrm: "detsel", ininam: "卖方信用证查询", pntmiu: "11" },
{ inifrm: "12", ininam: "智能审单", pntmiu: "" },
{ inifrm: "examRule", ininam: "智能审单规则配置", pntmiu: "12" },
//进口保函
{inifrm: "13",ininam:"进口保函",pntmiu:""},
{inifrm:"gitsel",ininam:"进口保函查询",pntmiu:"13"},
{inifrm:"gitset",ininam:"进口保函赔付",pntmiu:"13"},
{inifrm:"gitcrq",ininam:"进口保函索赔登记",pntmiu:"13"},
{ inifrm: "14",ininam: "服务管理", pntmiu: "" },
{ inifrm: "13", ininam: "进口保函", pntmiu: "" },
{ inifrm: "gitsel", ininam: "进口保函查询", pntmiu: "13" },
{ inifrm: "gitset", ininam: "进口保函赔付", pntmiu: "13" },
{ inifrm: "gitcrq", ininam: "进口保函索赔登记", pntmiu: "13" },
{ inifrm: "14", ininam: "服务管理", pntmiu: "" },
{ inifrm: "switsk", ininam: "Switsk", pntmiu: "14" },
{ inifrm: "mgrtsk", ininam: "Mgrtsk", pntmiu: "14" },
{ inifrm: "sptrel", ininam: "sptrel", pntmiu: "14" },
],
menus: [],
menusHeight: 0
menusHeight: 0,
};
},
computed: {
......@@ -148,11 +152,11 @@ export default {
watch: {
$route: function () {
this.$nextTick(() => {
const arr = []
this.getOpenMenusIndex(this.menus, arr)
this.openFlgArr = [...new Set([...this.openFlgArr, ...arr])]
})
}
const arr = [];
this.getOpenMenusIndex(this.menus, arr);
this.openFlgArr = [...new Set([...this.openFlgArr, ...arr])];
});
},
},
created() {
this.menusHeight = 60 + 46 + 8;
......@@ -161,7 +165,7 @@ export default {
const arr = [];
this.generateMenuTree(arr);
this.menus = arr;
this.$store.commit('UserContext/setMenu', arr)
this.$store.commit("UserContext/setMenu", arr);
this.initOpenFlgIndex();
},
methods: {
......@@ -344,7 +348,7 @@ export default {
height: 35px;
line-height: 35px;
}
.el-menu-vertical-demo [class^=el-icon-caret-] {
.el-menu-vertical-demo [class^="el-icon-caret-"] {
color: #606266;
}
</style>
\ No newline at end of file
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