From c761748876b5239a084e16b22f8d616897714175 Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期三, 07 十二月 2022 17:10:18 +0800
Subject: [PATCH] Merge branch 'master' of http://42.193.1.25:9521/r/sccg_ui
---
src/views/layout/components/Main/index.vue | 236 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 231 insertions(+), 5 deletions(-)
diff --git a/src/views/layout/components/Main/index.vue b/src/views/layout/components/Main/index.vue
index e7674a4..5ff6659 100644
--- a/src/views/layout/components/Main/index.vue
+++ b/src/views/layout/components/Main/index.vue
@@ -1,15 +1,241 @@
<template>
<el-main>
- <router-view></router-view>
+ <!-- <NavBar /> -->
+ <div class="content">
+ <!-- 椤甸潰瀵艰埅鍖哄煙 -->
+ <div class="page-nav" v-if="navFlag">
+ <div class="nav-item" v-for="item in navList" :key="item.id">
+ <div class="nav-title">{{item.title}}</div>
+ <div class="nav-child" v-if="item.children && item.children.length!==0">
+ <el-link :underline="false" class="child-item" v-for="child in item.children" @click="handleJump(child.link)" :key="child.id">{{child.label}}</el-link>
+ </div>
+ </div>
+ </div>
+ <router-view v-else></router-view>
+ <!-- 搴曢儴鍖哄煙 -->
+ <!-- <MyFooter/> -->
+ </div>
</el-main>
</template>
<script>
-// import NavBar from "../NavBar"
+// import MyFooter from "../Footer"
+import NavBar from "../NavBar"
export default {
name: "Main",
- components:{
- // NavBar
+ components: {
+ // MyFooter,
+ NavBar
+ },
+ data() {
+ return {
+ navFlag: true,
+ navList:[
+ {
+ id:1,
+ title:'绯荤粺璁剧疆',
+ children:[
+ {
+ id:2,
+ label:'鐢ㄦ埛绠＄悊',
+ link:'/system/userSetting/user',
+ },
+ {
+ id:3,
+ label:'瑙掕壊绠＄悊',
+ link:'/system/userSetting/role',
+ },
+ {
+ id:4,
+ label:'閮ㄩ棬绠＄悊',
+ link:'/system/userSetting/department',
+ },
+ {
+ id:5,
+ label:'鍗″彛璁惧绠＄悊',
+ link:'/system/device/bayonet',
+ },
+ {
+ id:6,
+ label:'鐐逛綅绠＄悊',
+ link:'/system/device/point',
+ },
+ ]
+ },
+ {
+ id:7,
+ title:'杩愯惀绠＄悊',
+ children:[
+ {
+ id:8,
+ label:'妗堜欢姹�',
+ link:'/operate/casepool/pool',
+ },
+ {
+ id:9,
+ label:'涓婃姤绠＄悊',
+ link:'/operate/casepool/escalation',
+ },
+ {
+ id:10,
+ label:'璋冨害绠＄悊',
+ link:'/operate/casepool/dispatch',
+ },
+ {
+ id:11,
+ label:'瀹℃牳绠＄悊',
+ link:'/operate/management/myIndex',
+ },
+ {
+ id:13,
+ label:'鎴戠殑寰呭姙',
+ link:'/operate/myWait',
+ },
+ {
+ id:14,
+ label:'妗堝嵎鏌ヨ',
+ link:'/operate/viewEvent',
+ },
+ {
+ id:15,
+ label:'杞﹁締绠＄悊',
+ link:'/operate/car/carIndex',
+ },
+ {
+ id:16,
+ label:'鍥剧墖绠＄悊',
+ link:'/operate/images',
+ },
+ {
+ id:17,
+ label:'瑙嗛绠＄悊',
+ link:'/operate/videoControl',
+ },
+ {
+ id:18,
+ label:'娑堟伅绠＄悊',
+ link:'/operate/message/messageIndex',
+ },
+ {
+ id:19,
+ label:'鐭俊绠＄悊',
+ link:'/operate/sms/smsIndex',
+ },
+ {
+ id:20,
+ label:'鏃ュ織绠＄悊',
+ link:'/operate/log',
+ },
+ ]
+ },
+ {
+ id:21,
+ title:'瑙嗛宸℃煡',
+ children:[
+ {
+ id:22,
+ label:'瑙嗛宸℃煡',
+ link:'/video',
+ },
+ ]
+ },
+ {
+ id:23,
+ title:'鏅鸿兘宸℃煡',
+ children:[
+ {
+ id:24,
+ label:'棰勮鐮斿垽',
+ link:'/studyJudge',
+ },
+ {
+ id:25,
+ label:'杩濊妫�绱�',
+ link:'/illegalSearch',
+ },
+ {
+ id:26,
+ label:'瓒嬪娍鍒嗘瀽',
+ link:'/trendAnalysis',
+ },
+ {
+ id:27,
+ label:'杩濈珷缁熻',
+ link:'/trendAnalysis',
+ },
+ {
+ id:28,
+ label:'杩濇硶缁熻',
+ link:'/typeStatistics',
+ },
+ ]
+ },
+ ]
+ }
+ },
+ watch: {
+ '$route.path'(newPath, oldPath) {
+ newPath === '/home' ? this.navFlag = true : this.navFlag = false
+ }
+ },
+ created(){
+ this.$route.path === '/home' ? this.navFlag = true : this.navFlag = false
+ },
+ methods:{
+ handleJump(url){
+ const baseURL = '/home'
+ // 璺敱璺宠浆
+ this.$router.push({path:baseURL+url})
+ }
}
};
-</script>
\ No newline at end of file
+</script>
+<style lang="scss">
+.el-main {
+ min-width: 1024px;
+ padding: 0;
+
+ .content {
+ padding: 11px;
+ height: 100%;
+ .page-nav{
+ padding: 40px 100px;
+ text-align: left;
+ .nav-item{
+ line-height: 60px;
+ .nav-title{
+ color: #4b9bb7;
+ }
+ .nav-child{
+ display: flex;
+ // justify-content: space-between;
+ flex-wrap: wrap;
+ .el-link{
+ justify-content: flex-start;
+ padding-left: 30px;
+ }
+ .child-item{
+ width: 24%;
+ text-align: left;
+ margin-bottom: 22px;
+ margin-right: 1%;
+ border: 1px solid #17324c;
+ color: #4b9bb7;
+ position: relative;
+ &::after{
+ content: '';
+ display: block;
+ position: absolute;
+ left: 15px;
+ height: 8px;
+ width: 8px;
+ border-radius: 50%;
+ background-color: #4b9bb7;
+ }
+ }
+ }
+ }
+ }
+ }
+}
+</style>
--
Gitblit v1.8.0