|
|
@ -1,6 +1,6 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div class="big-container">
|
|
|
|
<div class="big-container">
|
|
|
|
<div class="left-menu">
|
|
|
|
<div class="left-menu" >
|
|
|
|
<nav class="menu-headers">
|
|
|
|
<nav class="menu-headers">
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<img src="../assets/images/logo.png" alt="" />
|
|
|
|
<img src="../assets/images/logo.png" alt="" />
|
|
|
@ -8,28 +8,30 @@
|
|
|
|
<div class="nav-text">苏州市应急</div>
|
|
|
|
<div class="nav-text">苏州市应急</div>
|
|
|
|
<div class="nav-text">执法计划管理系统</div>
|
|
|
|
<div class="nav-text">执法计划管理系统</div>
|
|
|
|
</nav>
|
|
|
|
</nav>
|
|
|
|
<div
|
|
|
|
<div >
|
|
|
|
v-for="(item, index) in newRouter"
|
|
|
|
|
|
|
|
:key="index"
|
|
|
|
|
|
|
|
@click="changePath(index, item)"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<!-- 标题分割线 -->
|
|
|
|
|
|
|
|
<div class="subLine1" v-if="index == 0"></div>
|
|
|
|
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
class="sub-item"
|
|
|
|
v-for="(item, index) in newRouter"
|
|
|
|
:class="routerIndex == index ? 'activeColor' : ''"
|
|
|
|
:key="index"
|
|
|
|
|
|
|
|
@click="changePath(index, item)"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<div class="activeBox" v-show="index == routerIndex"></div>
|
|
|
|
<!-- 标题分割线 -->
|
|
|
|
|
|
|
|
<div class="subLine1" v-if="index == 0"></div>
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
class="item-img"
|
|
|
|
class="sub-item"
|
|
|
|
:style="`background-image:url(${
|
|
|
|
:class="routerIndex == index ? 'activeColor' : ''"
|
|
|
|
routerIndex == index ? item.icon2 : item.icon1
|
|
|
|
>
|
|
|
|
})`"
|
|
|
|
<div class="activeBox" v-show="index == routerIndex"></div>
|
|
|
|
></div>
|
|
|
|
<div
|
|
|
|
{{ item.name }}
|
|
|
|
class="item-img"
|
|
|
|
|
|
|
|
:style="`background-image:url(${
|
|
|
|
|
|
|
|
routerIndex == index ? item.icon2 : item.icon1
|
|
|
|
|
|
|
|
})`"
|
|
|
|
|
|
|
|
></div>
|
|
|
|
|
|
|
|
{{ item.name }}
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- 菜单分割线 -->
|
|
|
|
|
|
|
|
<div class="subLine2"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 菜单分割线 -->
|
|
|
|
|
|
|
|
<div class="subLine2"></div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="right-view">
|
|
|
|
<div class="right-view">
|
|
|
|