<el-dialog v-model="dialogFormVisible" :title="tableFrom.titleDialog ? tableFrom.titleDialog : `${title}`"> | <el-dialog v-model="dialogFormVisible" :title="tableFrom.titleDialog ? tableFrom.titleDialog : `${title}`"> | ||||
<!-- 是否自定义Dialog --> | <!-- 是否自定义Dialog --> | ||||
<div v-if="tableFrom.customDialog"> | <div v-if="tableFrom.customDialog"> | ||||
<slot name="search" :dialogFormVisible="dialogFormVisible" /> | |||||
<!-- <slot name="search" :dialogFormVisible="dialogFormVisible" /> --> | |||||
</div> | </div> | ||||
<div v-else> | <div v-else> | ||||
<!-- 系统内容 --> | <!-- 系统内容 --> |
{ | { | ||||
title: '通行流水查询服务', | title: '通行流水查询服务', | ||||
path: 'trafficFlow', | path: 'trafficFlow', | ||||
icon: 'Promotion', | |||||
children: [] | children: [] | ||||
}, { | }, { | ||||
title: '黑名单查询服务', | title: '黑名单查询服务', | ||||
path: 'blacklistQuery', | path: 'blacklistQuery', | ||||
icon: 'Opportunity', | |||||
children: [] | children: [] | ||||
}, { | }, { | ||||
title: '卡签售后服务', | title: '卡签售后服务', |
<template> | <template> | ||||
<el-icon> | <el-icon> | ||||
<Icon style="width: 16px;height: 16px;" :icon="icon" ></Icon> | |||||
<Icon v-if="icon" style="width: 16px;height: 16px;" :icon="icon" ></Icon> | |||||
</el-icon> | </el-icon> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
props: { | props: { | ||||
icon: { | icon: { | ||||
type: String, | type: String, | ||||
default: 'Apple' | |||||
default: '' | |||||
} | } | ||||
} | } | ||||
} | } |
<!-- 子项也负责跳转 --> | <!-- 子项也负责跳转 --> | ||||
<router-link style="text-decoration: none;" v-else :to="{name:`${item.path}`}"> | <router-link style="text-decoration: none;" v-else :to="{name:`${item.path}`}"> | ||||
<el-menu-item class="el-menu-item" :index="item.title + ',' + item.path"> | <el-menu-item class="el-menu-item" :index="item.title + ',' + item.path"> | ||||
<!-- <Item /> --> | |||||
<Item v-if="item.icon" :icon="item.icon"/> | |||||
<template #title> | <template #title> | ||||
<span style="font-size:14px">{{ item.title }}</span> | <span style="font-size:14px">{{ item.title }}</span> | ||||
</template> | </template> |
<!-- 菜单主体部分 --> | <!-- 菜单主体部分 --> | ||||
<div style="height: 100%;background-color: #FFFFFF;"> | <div style="height: 100%;background-color: #FFFFFF;"> | ||||
<el-scrollbar height="100%"> | <el-scrollbar height="100%"> | ||||
<el-menu :default-active="menuIndex.menuIndex" width="280" mode="vertical" :router="false" @select="select" | |||||
<el-menu :default-active="menuIndex.menuIndex" mode="vertical" :router="false" @select="select" | |||||
:collapse="!menuStart.menuIsExpansion" class="el-menu-vertical-demo"> | :collapse="!menuStart.menuIsExpansion" class="el-menu-vertical-demo"> | ||||
<SidebarItem :list="list" /> | <SidebarItem :list="list" /> | ||||
</el-menu> | </el-menu> |