xjc 5 vuotta sitten
vanhempi
commit
112dcc9daf
4 muutettua tiedostoa jossa 81 lisäystä ja 7 poistoa
  1. 11 0
      src/store.js
  2. 24 4
      src/views/CompanyData.vue
  3. 45 2
      src/views/Home.vue
  4. 1 1
      src/views/Login.vue

+ 11 - 0
src/store.js

@@ -4,11 +4,22 @@ import axios from 'axios';
 let store = {
   area:[],
   categorys:[],
+  enterprise_id:'',
   getDefault:function(){
       axios.get(`${baseURL}/api/admin/getdefault`).then(res=>{
         this.area=res.data.data.areas;
         this.categorys=res.data.data.categorys;
       })
+  },
+  mutations:{
+    setId(state,id){
+      state.enterprise_id = id;
+    }
+  },
+  getters:{
+    getId(state){
+      return state.enterprise_id
+    }
   }
 }
 store.getDefault();

+ 24 - 4
src/views/CompanyData.vue

@@ -39,7 +39,7 @@
         margin-bottom: 30px;
         position: relative;
         span{
-          position: absolute;
+          // position: absolute;
           top: 15px;
           width: 80%;
           text-align: center;
@@ -50,6 +50,12 @@
           line-height: inherit;
           font-weight:300;
         }
+        .el-dropdown{
+          position: absolute;
+          left:33%;
+          top:15px;
+          color:#fff;
+        }
       }
       .datas{
         // margin-bottom: 60px;
@@ -182,7 +188,15 @@
         <img @click="min" class="min" src="../images/min.png" alt="">
         <h1 class="title">
           <img height="90px" width="100%" src="../images/bg_1.jpg" alt="">
-          <span>{{info.name}}<br>可视化系统</span>
+          <el-dropdown >
+					  <span>{{info.name}} <i class="el-icon-arrow-down"></i><br>可视化系统</span>
+            <el-dropdown-menu slot="dropdown">
+              <div v-for='(item,i) in info.enterprise_children' :key='i'  @click='getDataAgain(item)'>
+                <el-dropdown-item>{{item.name}}</el-dropdown-item>
+              </div>
+            </el-dropdown-menu>
+          </el-dropdown>
+          <!-- <span>{{info.name}}<br>可视化系统</span> -->
         </h1>
         <ul class="datas">
           <li style="width:30%;">
@@ -259,12 +273,14 @@ export default {
       fullscreen:'',
       info:{},
       count:0,
-      data:{}
+      data:{},
+      enterprise_id:null
     }
   },
   methods:{
     getData(){  
-      this.$api.getChartData({type:'qy'}).then(res=>{
+      // enterprise_id
+      this.$api.getChartData({type:'qy',enterprise_id:this.enterprise_id}).then(res=>{
               this.data=res.data.data
               var data=res.data.data;
               let count=0;
@@ -570,6 +586,10 @@ export default {
     },
     goTo(path){
       this.$router.push(path)
+    },
+    getDataAgain(item){
+      this.enterprise_id = item.id
+      this.getData()
     }
   },
   mounted(){

+ 45 - 2
src/views/Home.vue

@@ -7,6 +7,22 @@
 	float:left;
 	margin:10px;
 }
+.settings{
+	ul{
+		position:relative;
+		left:50px;
+		top:-11px;
+		z-index:4;
+		background-color:#eee;
+		border-radius:5px;
+		list-style: none;
+		color:#000;
+		li{
+			height:40px;
+			line-height:40px;
+		}
+	}
+}
 </style>
 
 <template>
@@ -21,6 +37,15 @@
 					<i class="el-icon-s-custom"></i>
 					{{info.name}}
 				</span>
+				<!-- <el-dropdown >
+					<span> <i class="el-icon-s-custom"></i>{{checkedCompany?checkedCompany:info.name}} <i class="el-icon-arrow-down"></i></span>
+					<el-dropdown-menu slot="dropdown">
+						<div v-for='(item,i) in info.enterprise_children' :key='i'  @click='getDataAgain(item)'>
+							<el-dropdown-item>{{item.name}}</el-dropdown-item>
+						</div>
+						
+					</el-dropdown-menu>
+				</el-dropdown> -->
         <span class="logout" @click="logout"><i class="el-icon-switch-button"></i> 退出登录</span>
 			</div>
 		</el-header>
@@ -52,7 +77,7 @@
 				<el-main>			
 					
 						<transition name="fade" mode="out-in">
-						<router-view  :info='info' :community='community'></router-view>
+						<router-view  :info='info' :community='community' v-if='isShow'></router-view>
 						</transition>
 				</el-main>
 				<!-- <el-footer>Footer</el-footer> -->
@@ -66,13 +91,15 @@ export default {
 	name: 'home',
 	data() {
 		return {
+			checkedCompany:'',
 			menuList:[],
 			path:'',
 			info:{},
 			community_list:[],
 			community:{},
 			menu:[],
-			now:(new Date()).toLocaleDateString()+" "+(new Date()).toLocaleTimeString()
+			now:(new Date()).toLocaleDateString()+" "+(new Date()).toLocaleTimeString(),
+			isShow:true
 		};
 	},
 	methods: {
@@ -102,6 +129,22 @@ export default {
 			this.$api.getInfo().then(res=>{
 				this.info=res.data.data
 			})
+		},
+		getDataAgain(item){
+			console.log(111,this.store)
+			this.checkedCompany = item.name;
+			this.$router.push({path:`/companyData`,query:{
+				enterprise_id:item.id
+			}})
+			this.relode()
+			// this.$store.commit("setId",item.id)
+			// console.log(this.$store.getters.getId)
+		},
+		relode(){
+			this.isShow = false;
+			this.$nextTick(()=>{
+				this.isShow = true;
+			})
 		}
 	},
 	created(){

+ 1 - 1
src/views/Login.vue

@@ -129,7 +129,7 @@ export default {
         password:'root',
         imgcode_id:'',
         imgcode:'',
-        utype:0
+        utype:2
       }
     }
   },