Skip to content

V
vue-gjjs
Commit 9a543aa8 by lishijie
Options

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

parent 8bf8ae09
Showing with 738 additions and 325 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
......@@ -21,19 +21,22 @@
<c-col :span="1">
<!-- <el-form-item label="" label-width="5px"> -->
<c-button
style="margin:0 10px 0 0;padding: 0 12px;"
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>
<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">
<c-col :span="2" :offset="1" style="text-align: right">
<!-- <el-form-item label="" label-width="5px"> -->
<c-button
style="margin:0 0"
style="margin: 0 0"
size="small"
type="primary"
:disabled="this.flag"
......@@ -80,15 +83,25 @@
</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>
<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 :span="4">
<!-- <el-form-item label="" label-width="17px"> -->
<c-button
style="margin:0 10px 0 0;padding: 0 10px;"
style="margin: 0 10px 0 0; padding: 0 10px"
size="small"
icon="el-icon-search"
type="primary"
......@@ -131,7 +144,9 @@
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>
......@@ -156,7 +171,9 @@
style="width: 40%"
placeholder="请输入Amount Tolerance - Positive"
></c-input>
<label style="display:inline-block;width:10%;text-align:center;">-</label>
<label style="display: inline-block; width: 10%; text-align: center"
>-</label
>
<c-input
v-model="model.dedgrp.rec.nomton"
maxlength="9"
......@@ -286,24 +303,33 @@
</el-form-item>
</c-col>
<c-col :span="12">
<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:100%" placeholder="请选择Shipment Date"></c-date-picker>
<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'">
<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">
<el-form-item label="是否通过电证系统" prop="dedgrp.rec.elcflg">
<c-select
......@@ -333,8 +359,18 @@
<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">
<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>
......@@ -342,16 +378,27 @@
<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">
<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>
<!-- ========================右边======================= -->
......@@ -433,13 +480,23 @@
<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 :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>
......@@ -517,21 +574,28 @@
<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
v-model="model.dedgrp.rec.rejflg"
style="width: 100%"
placeholder="请选择是否通知客户"
>
</c-select>
</el-form-item>
</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">
......@@ -546,8 +610,6 @@
</el-form-item>
</c-col> -->
<!--
<c-col :span="12">
<el-form-item label="Address Block" prop="dedgrp.ben.pts.adrblk">
......@@ -561,14 +623,10 @@
</el-form-item>
</c-col>
-->
<!-- TODO 貌似多余的
<c-col :span="12">
<span v-text="model.detp.zchday" data-path=".detp.zchday" > </span>
</c-col>
<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">
......@@ -576,7 +634,6 @@
</el-form-item>
</c-col> -->
<!--
<c-col :span="12">
<el-form-item label="" prop="detp.aplp.ptsget.sdamod.seainf">
......@@ -645,34 +702,34 @@
</el-form-item>
</c-col>
-->
</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"],
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data(){
data() {
return {
jigomcFlag: false,
trade: "",
}
};
},
methods:{...Event},
created:function(){
}
}
methods: { ...Event },
created: function () {},
computed: {
flag() {
return this.model.dedgrp.ben.pts.extkey == "";
},
},
};
</script>
<style>
</style>
src/views/Business/Detopn/index.vue
......@@ -17,39 +17,44 @@
<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">
<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"/>
<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"/>
<m-detp1 :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000525 -->
<el-tab-pane label="详细信息" name="detp2">
<m-detp2 :model="model" :codes="codes"/>
<m-detp2 :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000405 -->
<el-tab-pane label="单据要求" name="detp">
<m-detp :model="model" :codes="codes"/>
<m-detp :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="费用及账务" name="setpan">
<c-content>
<m-setpan :model="model" :codes="codes"/>
<m-setpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
......@@ -66,20 +71,19 @@
<!--PD000000 -->
<el-tab-pane label="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes"/>
<m-coninfp :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="报文及面函" name="docpan">
<m-docpan :model="model" :codes="codes"/>
<m-docpan :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="授信额度" name="limitbody">
<m-limitbody :model="model" :codes="codes"/>
<m-limitbody :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000548 -->
<!--
<el-tab-pane label="PD000548" name="stament">
......@@ -92,10 +96,14 @@
<m-aamp :model="model" :codes="codes"/>
</el-tab-pane>
-->
</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>
......@@ -122,35 +130,34 @@ 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,
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,
"m-coninfp": Coninfp,
"m-docpan": Docpan,
"m-limitbody": Limitbody,
},
provide() {
return {
root: this
}
root: this,
};
},
// mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
mixins: [commonProcess,commonFuncs], // 里面包含了Default、Check等的公共处理
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
computed: {},
data(){
data() {
return {
tabVal: "",
tabVal: "ovwp",
trnName: "detopn",
model: new Detopn().data,
checkRules: Check,
......@@ -158,31 +165,26 @@ export default {
pattern: Pattern,
rules: null,
codes: { ...CodeTable },
}
};
},
methods:{
tabClick(){
}
methods: {
tabClick() {},
},
created:async function(){
created: async function () {
console.log("进入detopn交易");
//let rtnmsg = await this.init({})
let rtnmsg = await this.init(this.$route.query);
if(rtnmsg.respCode == SUCCESS)
{
if (rtnmsg.respCode == SUCCESS) {
//更新数据
Utils.copyValueFromVO(this.model,rtnmsg.data)
Utils.copyValueFromVO(this.model, rtnmsg.data);
if (this.isInDisplay) {
this.restoreDisplay();
}
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
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">
......@@ -12,68 +11,337 @@
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>
<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>
<c-input
v-model="model.infcon.nam"
maxlength="40"
placeholder="请输入Name"
></c-input>
</el-form-item>
</c-col>
</c-row>
</c-row> -->
<!-- 可控展示区 -->
<el-row v-show="searchSlot.searchToggle">
<!-- <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>
<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="Release Status" prop="infcon.relflg">
<c-select v-model="model.infcon.relflg" style="width:100%" placeholder="请选择Release Status">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Handling Type" prop="infcon.hndtyp">
<c-select v-model="model.infcon.hndtyp" style="width:100%" placeholder="请选择Handling Type">
</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>
<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>
<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>
<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
v-model="model.infcon.searol"
style="width: 100%"
placeholder="请选择Role"
>
</c-select>
</el-form-item>
</c-col>
......@@ -82,30 +350,47 @@
<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>
<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>
<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>
<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">
<c-select
v-model="model.infcon.seasta"
style="width: 100%"
placeholder="请选择Status"
>
<el-option
v-for="item in codes.seasta"
:key="item.value"
......@@ -122,7 +407,11 @@
<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
v-model="model.infcon.seacur"
style="width: 100%"
placeholder="请选择Currency"
>
</c-select>
</el-form-item>
</c-col>
......@@ -130,30 +419,32 @@
<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>
<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>
<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="请选择是否显示查询码">
</c-select>
</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">
<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"
......@@ -167,7 +458,11 @@
<c-col :span="6" :offset="1">
<el-form-item label="交易类型" prop="mylx">
<c-select v-model="model.mylx" style="width:100%" placeholder="请选择交易类型">
<c-select
v-model="model.mylx"
style="width: 100%"
placeholder="请选择交易类型"
>
<el-option
v-for="item in codes.mylx"
:key="item.value"
......@@ -181,7 +476,11 @@
<c-col :span="6" :offset="1">
<el-form-item label="是否通过电证系统" prop="elcflg">
<c-select v-model="model.elcflg" style="width:100%" placeholder="请选择是否通过电证系统">
<c-select
v-model="model.elcflg"
style="width: 100%"
placeholder="请选择是否通过电证系统"
>
<el-option
v-for="item in codes.elcflg"
:key="item.value"
......@@ -193,22 +492,50 @@
</el-form-item>
</c-col>
</c-row>
</el-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">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Handling Type" prop="infcon.hndtyp">
<c-select v-model="model.infcon.hndtyp" style="width:100%" placeholder="请选择Handling Type">
</c-select>
</el-form-item>
</c-col>
-->
<!--
<c-col :span="12">
<el-form-item label="是否显示查询码" prop="infcon.cxmflg">
<c-select v-model="model.infcon.cxmflg" style="width:100%" placeholder="请选择是否显示查询码">
</c-select>
</el-form-item>
</c-col>
-->
<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="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>
......@@ -221,13 +548,20 @@
trigger="click"
:ref="'popover_' + scope.row.IDX"
>
<div style="text-align: right; margin-top: -30px; margin-right: 5px; font-size: 16px;">
<span class="el-icon-close" @click="closeTrn('popover_' + scope.row.IDX)"/>
</div>
<c-istream-table
:list="trnData.data"
:columns="trnData.columns"
<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)"
/>
</div>
<c-istream-table :list="trnData.data" :columns="trnData.columns">
<el-table-column prop="op" label="操作" width="0">
<template slot-scope="scope">
<c-button
......@@ -321,19 +655,19 @@
</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"],
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
components: { "m-busbtn": BusNavbar },
data(){
data() {
return {
ownref: "",
initdialog: false,
......@@ -351,28 +685,26 @@ export default {
},
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: [
'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: {
......@@ -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)
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){
async onChoose(code) {
//跳转交易
this.$router.history.push("/business/" + code)
this.initdialog = false
} ,
async getDitSelInfo(idx,row){
this.$router.history.push("/business/" + code);
this.initdialog = false;
},
async getDitSelInfo(idx, row) {
//TD中选中行触发
var params = {selDst:"infbut.dspstm",selIds:[idx+1]}
var params = { selDst: "infbut.dspstm", selIds: [idx + 1] };
let rtnmsg = await this.executeRule("infbut.dspstm", params);
if(rtnmsg.respCode = SUCCESS){
if ((rtnmsg.respCode = SUCCESS)) {
this.updateModel(rtnmsg.data);
// Utils.copyValueFromVO(this.model, rtnmsg.data);
//TD中点击display时触发
params = {selDst:"infbut.dsp",selIds:[idx+1]}
params = { selDst: "infbut.dsp", selIds: [idx + 1] };
let rtnmsgNew = await this.executeRule("infbut.dsp", params);
if(rtnmsgNew.respCode = SUCCESS){
if ((rtnmsgNew.respCode = SUCCESS)) {
console.log(rtnmsgNew);
this.updateModel(rtnmsgNew.data);
let rtnmsgOitset = await this.executeDefault("mtabut.coninf.oitset.oit");
let rtnmsgOitset = await this.executeDefault(
"mtabut.coninf.oitset.oit"
);
if(rtnmsgOitset.respCode = SUCCESS){
if ((rtnmsgOitset.respCode = SUCCESS)) {
Utils.copyValueFromVO(this.model, rtnmsgOitset.data);
}
}
}
//触发父组件中updateShowPanel 事件，修改index中showPanel ，控制 index中组件的显示和隐藏
this.$emit('updateShowPanel', true)
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,7 +771,7 @@ export default {
this.trnData.data = rtnmsg.data.infcon_trnstm.rows;
}
},
closeTrn(refId){
closeTrn(refId) {
this.$refs[refId].doClose();
},
/*
......@@ -448,15 +779,17 @@ export default {
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">
......@@ -37,7 +38,15 @@
-->
<div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="left" 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"
>
<!--PD000006 -->
<!--
<el-tab-pane label="查詢界面" name="infsea">
......@@ -45,12 +54,24 @@
</el-tab-pane>
-->
<c-content>
<m-infsea v-show="!showPanel" @updateShowPanel="updateShowPanel($event)" :model="model" :codes="codes" ref="infsea"/>
<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">
<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"/>
<m-ovwp :model="model" :codes="codes" />
</el-tab-pane>
<!--
......@@ -134,77 +155,76 @@
-->
</c-tabs>
</el-form>
<c-button
v-show="showPanel"
style="margin-left: 75%;bottom: 10%;position:sticky"
style="margin-left: 75%; bottom: 10%; position: sticky"
size="small"
@click="goBack()">
@click="goBack()"
>
<!-- @click="getDitSelInfo(scope.$index, scope.row)" -->
返回
</c-button>
</div>
</c-page>
<!-- </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,
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
}
root: this,
};
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data(){
data() {
return {
tabVal: "",
trnName: "infdet",
......@@ -212,15 +232,15 @@ export default {
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
showPanel:false,
showPanel: false,
rules: null,
codes: {...CodeTable},
codes: { ...CodeTable },
showflg: true,
};
},
methods:{
tabClick(tab){
const name = tab.name
methods: {
tabClick(tab) {
const name = tab.name;
let rulePath;
if (name === "fepinfp") {
......@@ -231,51 +251,43 @@ export default {
}
if (!!rulePath) {
this.executeRule(rulePath).then(res => {
this.executeRule(rulePath).then((res) => {
if (res.respCode == SUCCESS) {
this.updateModel(res.data);
}
})
});
}
},
initPanel(val){
if(val){
this.tabVal = "ovwp"
initPanel(val) {
if (val) {
this.tabVal = "ovwp";
//
}else{
this.tabVal = ""
} else {
this.tabVal = "";
}
},
async updateShowPanel(value) {
this.showPanel = value;
this.initPanel(value);
},
goBack(){
goBack() {
this.showPanel = false;
},
},
created:async function(){
created: async function () {
console.log("进入infdet交易");
let rtnmsg = await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
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: '服务请求失败！'});
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
},
watch:{
}
}
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,
......@@ -105,13 +105,17 @@ export default {
{ inifrm: "bttsnd", ininam: "转让证单据寄单", pntmiu: "7" },
{ inifrm: "bttdrv", ininam: "转让证修改单据金额", pntmiu: "7" },
{ inifrm: "bttdcr", ininam: "转让证单据拒单", pntmiu: "7" },
{ inifrm: "lttdav", 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: "11", ininam: "卖方信用证", pntmiu: "" },
{ inifrm: "detopn", ininam: "卖方信用证开立", pntmiu: "11" },
{ inifrm: "detame", ininam: "卖方信用证修改", pntmiu: "11" },
{ inifrm: "detsel", ininam: "卖方信用证查询", pntmiu: "11" },
{ inifrm: "12",ininam: "智能审单", pntmiu: "" },
{ 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