master

码农齐齐齐

2022-09-09 89946abb222981e075e52feb8a01e937f322db5b

 src/views/layout/components/SiderBar/index.vue

@@ -1,89 +1,93 @@
<template>
  <!-- 侧边导航栏 -->
  <el-aside width="200px">
    <h2 class="siderbar-title">遂昌执法平台</h2>
    <el-scrollbar>
      <!-- 路由 -->
      <el-menu router class="el-menu-vertical" :default-active="$route.path">
        <!-- 视频巡查 -->
        <el-submenu index="/home/video">
          <template slot="title">
            <span slot="prefix" class="icon-padding">
              <svg-icon icon-class="video"></svg-icon>
            </span>
            <span slot="title">视频巡查</span>
          </template>
          <el-menu-item index="/home/video">视频巡查</el-menu-item>
        </el-submenu>
        <!-- 智能巡查 -->
        <el-submenu index="/admin/article1">
          <template slot="title">
            <span slot="prefix" class="icon-padding">
              <svg-icon icon-class="intelligence"></svg-icon>
            </span>
            <span>智能巡查</span>
          </template>
          <el-menu-item index="/admin/article/add">预警研判</el-menu-item>
          <el-menu-item index="/admin/article">违规检索</el-menu-item>
          <el-menu-item index="/admin/article">趋势分析</el-menu-item>
          <el-menu-item index="/admin/article">数据统计</el-menu-item>
          <el-menu-item index="/admin/article">运行报告</el-menu-item>
        </el-submenu>
        <!-- 运营管理 -->
        <el-submenu index="/admin/article2">
          <template slot="title">
            <span slot="prefix" class="icon-padding">
              <svg-icon icon-class="operate"></svg-icon>
            </span>
            <span>运营管理</span>
          </template>
          <el-menu-item index="/admin/article/add">执法管理</el-menu-item>
          <el-menu-item index="/admin/article/add">调度管理</el-menu-item>
          <el-menu-item index="/admin/article/add">店铺管理</el-menu-item>
          <el-menu-item index="/admin/article/add">车辆管理</el-menu-item>
          <el-menu-item index="/admin/article/add">图片管理</el-menu-item>
          <el-menu-item index="/admin/article/add">视频管理</el-menu-item>
          <el-menu-item index="/admin/article/add">消息管理</el-menu-item>
          <el-menu-item index="/admin/article/add">审核管理</el-menu-item>
          <el-menu-item index="/admin/article/add">短信管理</el-menu-item>
          <el-menu-item index="/admin/article">算法模型管理</el-menu-item>
          <el-menu-item index="/admin/article">日志管理</el-menu-item>
        </el-submenu>
        <!-- 系统设置 -->
        <el-submenu index="/admin/article3">
          <template slot="title">
            <!-- <i class="el-icon-reading"></i> -->
            <span slot="prefix" class="icon-padding">
              <svg-icon icon-class="system"></svg-icon>
            </span>
            <span>系统设置</span>
          </template>
          <!-- 基本设置 -->
          <el-submenu index="/admin/article/add">
  <div>
    <!-- 侧边导航栏 -->
    <el-aside width="200px">
      <h2 class="siderbar-title">遂昌执法平台</h2>
      <el-scrollbar>
        <!-- 路由 -->
        <el-menu router class="el-menu-vertical" :default-active="$route.path" >
          <!-- 视频巡查 -->
          <el-submenu index="/home/video">
            <template slot="title">
              <span>基本设置</span>
              <span slot="prefix" class="icon-padding">
                <svg-icon icon-class="video"></svg-icon>
              </span>
              <span slot="title">视频巡查</span>
            </template>
            <el-menu-item index="/admin/article">用户管理</el-menu-item>
            <el-menu-item index="/admin/article">角色管理</el-menu-item>
            <el-menu-item index="/admin/article">权限管理</el-menu-item>
            <el-menu-item index="/admin/article">部门管理</el-menu-item>
            <el-menu-item index="/home/video">视频巡查</el-menu-item>
          </el-submenu>
          <!-- 平台设置 -->
          <el-submenu index="/admin/article/add">
          <!-- 智能巡查 -->
          <el-submenu index="/admin/article1">
            <template slot="title">
              <span>平台设置</span>
              <span slot="prefix" class="icon-padding">
                <svg-icon icon-class="intelligence"></svg-icon>
              </span>
              <span>智能巡查</span>
            </template>
            <el-menu-item index="/admin/article">门户设置</el-menu-item>
            <el-menu-item index="/admin/article">第三方接口管理</el-menu-item>
            <el-menu-item index="/admin/article/add">预警研判</el-menu-item>
            <el-menu-item index="/admin/article">违规检索</el-menu-item>
            <el-menu-item index="/admin/article">趋势分析</el-menu-item>
            <el-menu-item index="/admin/article">数据统计</el-menu-item>
            <el-menu-item index="/admin/article">运行报告</el-menu-item>
          </el-submenu>
        </el-submenu>
      </el-menu>
    </el-scrollbar>
  </el-aside>
          <!-- 运营管理 -->
          <el-submenu index="/admin/article2">
            <template slot="title">
              <span slot="prefix" class="icon-padding">
                <svg-icon icon-class="operate"></svg-icon>
              </span>
              <span>运营管理</span>
            </template>
            <el-menu-item index="/admin/article/add">执法管理</el-menu-item>
            <el-menu-item index="/admin/article/add">调度管理</el-menu-item>
            <el-menu-item index="/admin/article/add">店铺管理</el-menu-item>
            <el-menu-item index="/admin/article/add">车辆管理</el-menu-item>
            <el-menu-item index="/admin/article/add">图片管理</el-menu-item>
            <el-menu-item index="/admin/article/add">视频管理</el-menu-item>
            <el-menu-item index="/admin/article/add">消息管理</el-menu-item>
            <el-menu-item index="/admin/article/add">审核管理</el-menu-item>
            <el-menu-item index="/admin/article/add">短信管理</el-menu-item>
            <el-menu-item index="/admin/article">算法模型管理</el-menu-item>
            <el-menu-item index="/admin/article">日志管理</el-menu-item>
          </el-submenu>
          <!-- 系统设置 -->
          <el-submenu index="/admin/article3">
            <template slot="title">
              <!-- <i class="el-icon-reading"></i> -->
              <span slot="prefix" class="icon-padding">
                <svg-icon icon-class="system"></svg-icon>
              </span>
              <span>系统设置</span>
            </template>
            <!-- 基本设置 -->
            <el-submenu index="/admin/article/add">
              <template slot="title">
                <span>基本设置</span>
              </template>
              <el-menu-item index="/admin/article">用户管理</el-menu-item>
              <el-menu-item index="/admin/article">角色管理</el-menu-item>
              <el-menu-item index="/admin/article">权限管理</el-menu-item>
              <el-menu-item index="/admin/article">部门管理</el-menu-item>
            </el-submenu>
            <!-- 平台设置 -->
            <el-submenu index="/admin/article/add">
              <template slot="title">
                <span>平台设置</span>
              </template>
              <el-menu-item index="/admin/article">门户设置</el-menu-item>
              <el-menu-item index="/admin/article">第三方接口管理</el-menu-item>
            </el-submenu>
          </el-submenu>
        </el-menu>
      </el-scrollbar>
    </el-aside>
  </div>
</template>

<script>
export default {};
export default {

};
</script>

<style lang="scss" scpoed>