Merge branch 'pgis_data' of http://47.92.108.28/changchao/founder_vue into pgis_data

public/cfg/cfg.js

@@ -389,4 +389,11 @@ window.pageConfig = {
       ],
     },
   },
+  buttonData: {
+    registerData: [],
+    manageUserData: [],
+    VisitData: [],
+    modeldata: [],
+    helpData: [],
+  },
 };

src/views/Home.vue

@@ -17,6 +17,8 @@
     <mapPage v-show="!is3D"></mapPage>
     <map3DPage v-show="is3D"></map3DPage>
     <searchBox></searchBox>
+    <layerArrayBox v-on:changeMap="changeMap"></layerArrayBox>
+    <homePageRightButton @click="changeDetailLayer"></homePageRightButton>
     <layerArrayBox v-show="isShowArrayBox" v-on:changeMap="changeMap"></layerArrayBox>
     <div
       :style="{
@@ -38,6 +40,7 @@ import mapToolBlk from "./block/mapTool.vue";
 import saveBoxBlk from "./block/saveBox.vue";
 import searchBox from "./block/searchBox.vue";
 import layerArrayBox from "./block/layerArrayBox.vue";
+import homePageRightButton from "./block/homePageRightButton.vue";
 export default {
   name: "Home",
   components: {
@@ -48,12 +51,14 @@ export default {
     saveBoxBlk,
     searchBox,
     layerArrayBox,
+    homePageRightButton
   },
   data() {
     return {
       // 展示地图，true：三维；false：二维
       is3D: this.$root.isShow3D,
       isShowSaveBox: false,
+      showDetail:false,
       isShowArrayBox: true,
     };
   },
@@ -80,6 +85,9 @@ export default {
     changeMap() {
       this.is3D = this.$root.isShow3D;
     },
+    changeDetailLayer() {
+      this.showDetail = true;
+    }
   },
 };
 </script>

src/views/block/homePageRightButton.vue

+<template>
+	<div class="homePageRightButton">
+  	<div class="rightButton">
+  	  <button :class="isShowRegister ? 'buttonActive' : ''" @click="showRegister">注册用户</button>
+  	  <button :class="isShowManageUser ? 'buttonActive' : ''" @click="showManageUser">管理用户</button>
+  	  <button :class="isShowVisit ? 'buttonActive' : ''" @click="showVisit">访问流量</button>
+  	  <button :class="isShowModelMessage ? 'buttonActive' : ''" @click="showModelMessage">模块信息</button>
+  	  <button :class="isShowHelp ? 'buttonActive' : ''" @click="showHelp"><i class="el-icon-question"></i>帮助</button>
+  	</div>
+		<div class="detailBox" v-show="isShoewDetailBox">
+			<div class="boxTitle">
+				<span>{{ box.title }}</span>
+				<div class="closeItem" @click="closeDetailBox">
+				<i class="el-icon-close"></i>
+				</div>
+			</div>
+			<div class="boxContent">
+				<el-table
+        :data="tableData"
+        border
+        stripe>
+        <el-table-column
+        v-for="item in tableData"
+        :key="item.id"
+        :prop="item.label"
+        label="日期"
+        width="180">
+        <template slot-scope="scope">
+          {{scope.row.value}}
+        </template>
+      </el-table-column>
+
+        </el-table>
+			</div>
+			<div class="boxPagination">
+				
+			</div>
+		</div>
+	</div>
+</template>
+<script>
+
+export default {
+  name: "homePageRightButton",
+  components: {},
+  data() {
+    return {
+			isShoewDetailBox: false,
+      isShowRegister: false,
+      isShowManageUser: false,
+      isShowVisit: false,
+      isShowModelMessage: false,
+      isShowHelp: false,
+      box: {
+				title: "",
+				registerArray: [],
+			},  
+      
+    };
+  },
+  methods: {
+		closeDetailBox() {
+			this.isShoewDetailBox = false;
+			this.isShowRegister = false;
+      this.isShowManageUser = false;
+      this.isShowVisit = false;
+      this.isShowModelMessage = false;
+      this.isShowHelp = false;
+		},
+    showRegister() {
+			this.closeDetailBox();
+			this.isShoewDetailBox = true;
+			this.isShowRegister = true;
+
+    },
+    showManageUser() {
+			this.closeDetailBox();
+			this.isShoewDetailBox = true;
+      this.isShowManageUser = true;
+
+    },
+    showVisit() {
+			this.closeDetailBox();
+			this.isShoewDetailBox = true;
+      this.isShowVisit = true;
+
+    },
+    showModelMessage() {
+			this.closeDetailBox();
+			this.isShoewDetailBox = true;
+      this.isShowModelMessage = true;
+
+    },
+    showHelp() {
+			this.closeDetailBox();
+			this.isShoewDetailBox = true;
+      this.isShowHelp = true;
+
+    },
+		
+  },
+};
+</script>
+<style lang="scss" scoped>
+.rightButton {
+  padding: 10px;
+  width: 140px;
+  max-height: calc(100% - 200px);
+  overflow-y: auto;
+  position: absolute;
+  top: 236px;
+  right: 20px;
+  display: flex;
+  flex-direction: column;
+  
+  button {
+    width: 119px;
+    height: 40px;
+    line-height: 20px;
+    border-radius: 4px;
+    background-color: #183250;
+    color: #D1F1FF;
+    font-family: MicrosoftYaHei;
+    text-align: center;
+    font-size: 16px;
+    margin-bottom: 16px;
+  }
+  .buttonActive {
+    width: 119px;
+    height: 40px;
+    line-height: 20px;
+    border-radius: 4px;
+    border: none;
+    background-color: #1DB4EF;
+    color: #fff;
+    font-family: MicrosoftYaHei;
+    text-align: center;
+    font-size: 16px;
+    
+  }
+}
+.detailBox {
+	width: 896px;
+	height: 581px;
+	position:absolute;
+	left:50%;
+	top:50%;
+	transform:translate(-50%,-50%);
+	background-color: #183250;
+	display: flex;
+	flex-direction: column;
+	.closeItem {
+		float: right;
+		width: 15px;
+		height: 15px;
+		margin: 23px;
+	}
+}
+</style>