wanggang
/
iot
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update

Browse Source 
Former-commit-id: 768fa86ed1b5b97d316a454821d5dfbeb9245005
Former-commit-id: c18538e27c27a9fd341a3938521d5cd44658ea32
TSXN
wanggang 5 years ago
parent 7e7f57bfe6
commit 3d01201743
1 changed files with 43 additions and 29 deletions
Show Stats Download Patch File Download Diff File

32
projects/WebMVC/wwwroot/router/shared/layout.html
Unescape View File

@ -35,7 +35,7 @@
<nav class="mt-2"> <nav class="mt-2">
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false"> <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
<li class="nav-item"> <li class="nav-item">
<router-link to="/" :class="isPageActive('/','/router/product.html','/router/device.html')"> <router-link to="/" :class="getPageClass('/','/router/product.html','/router/device.html')">
<i class="fa fa-folder nav-icon"></i> <i class="fa fa-folder nav-icon"></i>
<p> <p>
产品 产品
@ -43,7 +43,7 @@
</router-link> </router-link>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<router-link to="/router/nodes.html" :class="isPageActive('/router/nodes.html','/router/node.html')"> <router-link to="/router/nodes.html" :class="getPageClass('/router/nodes.html','/router/node.html')">
<i class="fa fa-cube nav-icon"></i> <i class="fa fa-cube nav-icon"></i>
<p> <p>
节点 节点
@ -51,7 +51,7 @@
</router-link> </router-link>
</li> </li>
<li class="nav-item" v-if="hasPermission('Read-Setting')"> <li class="nav-item" v-if="hasPermission('Read-Setting')">
<router-link to="/router/admin/home.html" :class="isPageActive('/router/admin/home.html')"> <router-link to="/router/admin/home.html" :class="getPageClass('/router/admin/home.html')">
<i class="fa fa-folder nav-icon"></i> <i class="fa fa-folder nav-icon"></i>
<p> <p>
控制台 控制台
@ -59,15 +59,21 @@
</router-link> </router-link>
</li> </li>
<li class="nav-item" v-if="hasPermission('Read-Setting')"> <li class="nav-item" v-if="hasPermission('Read-Setting')">
<router-link :key="$route.fullPath" to="/router/shared/list.html?entity=Setting" :class="isEntityActive('Setting')"> <router-link :key="$route.fullPath" to="/router/shared/list.html?entity=Setting" :class="getLinkClass('Setting')">
<i class="fa fa-folder nav-icon"></i> <i class="fa fa-folder nav-icon"></i>
<p> <p>
设置 设置
</p> </p>
</router-link> </router-link>
</li> </li>
<li :class="getGroupLiClass('User','Role','Permission')" v-if="hasPermission('Read-User')||hasPermission('Read-Role')||hasPermission('Read-Permission')">
<a href="javascript:;" :class="getGroupLinkClass('User','Role','Permission')">
<i class="fa fa-user"></i>
<p>用户管理<i class="right fas fa-angle-left"></i></p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item" v-if="hasPermission('Read-User')"> <li class="nav-item" v-if="hasPermission('Read-User')">
<router-link :key="$route.fullPath" to="/router/shared/list.html?entity=User" :class="isEntityActive('User')"> <router-link :key="$route.fullPath" to="/router/shared/list.html?entity=User" :class="getLinkClass('User')">
<i class="far fa-circle nav-icon"></i> <i class="far fa-circle nav-icon"></i>
<p> <p>
用户管理 用户管理
@ -75,7 +81,7 @@
</router-link> </router-link>
</li> </li>
<li class="nav-item" v-if="hasPermission('Read-Role')"> <li class="nav-item" v-if="hasPermission('Read-Role')">
<router-link :key="$route.fullPath" to="/router/shared/list.html?entity=Role" :class="isEntityActive('Role')"> <router-link :key="$route.fullPath" to="/router/shared/list.html?entity=Role" :class="getLinkClass('Role')">
<i class="far fa-circle nav-icon"></i> <i class="far fa-circle nav-icon"></i>
<p> <p>
角色管理 角色管理
@ -83,7 +89,7 @@
</router-link> </router-link>
</li> </li>
<li class="nav-item" v-if="hasPermission('Read-Permission')"> <li class="nav-item" v-if="hasPermission('Read-Permission')">
<router-link :key="$route.fullPath" to="/router/shared/list.html?entity=Permission" :class="isEntityActive('Permission')"> <router-link :key="$route.fullPath" to="/router/shared/list.html?entity=Permission" :class="getLinkClass('Permission')">
<i class="far fa-circle nav-icon"></i> <i class="far fa-circle nav-icon"></i>
<p> <p>
权限管理 权限管理
@ -91,6 +97,8 @@
</router-link> </router-link>
</li> </li>
</ul> </ul>
</li>
</ul>
</nav> </nav>
</div> </div>
</aside> </aside>
@ -164,7 +172,7 @@
hasPermission(permission) { hasPermission(permission) {
return Enumerable.from(this.model.permissions).any(o => o == permission); return Enumerable.from(this.model.permissions).any(o => o == permission);
}, },
isPageActive() { getPageClass() {
var cls = 'nav-link'; var cls = 'nav-link';
for (var i = 0; i < arguments.length; i++) { for (var i = 0; i < arguments.length; i++) {
if (this.$route.path == arguments[i]) { if (this.$route.path == arguments[i]) {
@ -173,12 +181,18 @@
} }
return cls; return cls;
}, },
isEntityActive(entity) { getLinkClass(entity) {
var cls = 'nav-link'; var cls = 'nav-link';
if (this.$route.query.entity === entity) { if (this.$route.query.entity === entity) {
return cls + ' active'; return cls + ' active';
} }
return cls; return cls;
},
getGroupLiClass() {
return 'nav-item has-treeview' + Enumerable.from(arguments).any(o => o === this.$route.query.entity) ? ' menu-open' : '';
},
getGroupLinkClass() {
return 'nav-link' + Enumerable.from(arguments).any(o => o === this.$route.query.entity) ? ' active' : '';;
} }
} }
} }

Write Preview
Loading…
Cancel
Save