feath:登陆修改，首页跳转和设备地图研发

god-ui/src/layout/components/Sidebar/Logo.vue

@@ -60,6 +60,10 @@ export default {
         this.title = '九龙坡区城市管理系统'
         document.title = '九龙坡区城市管理系统升级维护平台'
         break;
+      case '9190':
+        this.title = '石坪桥街道老旧小区改造提升平台'
+        document.title = '石坪桥街道老旧小区改造提升平台'
+        break;
       default:
         this.title = ''
         document.title = ''

god-ui/src/views/index.vue

@@ -4,6 +4,7 @@
     <energy-home v-else-if="port === '9160'"></energy-home>
     <machinery-home v-else-if="port === '9170'"></machinery-home>
     <operate-home v-else-if="port === '80' || port === ''"></operate-home>
+    <deviceMap v-else-if="port === '9190'"></deviceMap>
     <home-page v-else></home-page>
   </div>
 </template>
@@ -12,13 +13,14 @@ import HomePage from './home.vue'
 import OperateHome from './operation/home/index.vue'
 import EnergyHome from './energy/home/index.vue'
 import MachineryHome from './machinery/home/index.vue'
-
+import deviceMap from './monitorMap/deviceMap/index.vue'
 export default {
   components: {
     HomePage,
     OperateHome,
     EnergyHome,
-    MachineryHome
+    MachineryHome,
+    deviceMap
   },
   data() {
     return {

god-ui/src/views/login.vue

@@ -89,7 +89,7 @@ export default {
       },
       loading: false,
       // 验证码开关
-      captchaEnabled: true,
+      captchaEnabled: false,
       // 注册开关
       register: false,
       redirect: undefined
@@ -148,6 +148,11 @@ export default {
           loginDom.style.backgroundImage = 'url(/images/jp.png)'
           this.redirect = '/index'
           break;
+        case '9190':
+          document.title = '石坪桥街道老旧小区改造提升平台'
+          loginDom.style.backgroundImage = 'url(/images/spq.png)'
+          this.redirect = '/index'
+          break
         default:
           document.title = ''
           loginDom.style.backgroundImage = 'url(/images/gangyin-bg.png)'

god-ui/src/views/monitorMap/deviceMap/index.vue

@@ -0,0 +1,153 @@
+<template>
+    <div class="box">
+    <div id='map'>
+  </div>
+  <div class="box-item">
+    <div>
+        <img :src="icon" alt="">
+        <p>摄像头</p>
+    </div>
+    <div>
+        <img :src="icon2" alt="">
+        <p>球机</p>
+    </div>
+  </div>
+  </div>
+   
+    
+  </template>
+  <script>
+  import AMapLoader from '@amap/amap-jsapi-loader';
+   window._AMapSecurityConfig = {
+      securityJsCode: "2933fa5683de5f95c0337aa5ff6a1174",
+    };
+  export default {
+    name: "map-view",
+    data() {
+      return {
+        icon:require('../../../../public/images/monitorMapImage/sxt.jpg'),
+        icon2:require('../../../../public/images/monitorMapImage/qt.webp')
+      }
+    },
+    mounted() {
+        console.log(this.icon);
+      this.initAMap();
+    },
+    methods:{
+      initAMap(){
+        AMapLoader.load({
+          key: "0324b5aea42065e5bbcde850eed8cbef", // 申请好的Web端开发者Key，首次调用 load 时必填
+          plugins: [], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+        })
+          .then((AMap) => {
+           
+            this.map = new AMap.Map("map", {
+              zoom: 17, // 初始化地图级别
+              center: [106.503005,29.515668], // 初始化地图中心点位置
+            });
+            // 创建 AMap.Icon 实例：
+              const icon = new AMap.Icon({
+                  size: new AMap.Size(25, 25),    // 图标尺寸
+                  image: this.icon,  // Icon的图像
+                  imageSize: new AMap.Size(25, 25)   // 根据所设置的大小拉伸或压缩图片
+              });
+              const icon2 = new AMap.Icon({
+                  size: new AMap.Size(25, 25),    // 图标尺寸
+                  image: this.icon2,  // Icon的图像
+                  imageSize: new AMap.Size(25, 25)   // 根据所设置的大小拉伸或压缩图片
+              });
+            //创建公共图标
+            function CreateMarker(a,b){
+                return new AMap.Marker({
+                        position: new AMap.LngLat(106.503005,29.516668),
+                        offset: new AMap.Pixel(a, b),
+                        icon: icon, // 添加 Icon 图标 URL
+                        title: '摄像头'
+                    });
+            }
+            function CreateMarker2(a,b){
+                return new AMap.Marker({
+                        position: new AMap.LngLat(106.503005,29.516668),
+                        offset: new AMap.Pixel(a, b),
+                        icon: icon2, // 添加 Icon 图标 URL
+                        title: '摄像头'
+                    });
+            }
+           
+          let markerList=[CreateMarker(-500,-150),CreateMarker(-350,-50),CreateMarker(-100,200),CreateMarker(50,-270),CreateMarker(150,-200)]
+          let markerList2=[CreateMarker2(-190,-180),CreateMarker2(280,60)]
+          this.map.add(markerList);
+          this.map.add(markerList2)
+          //添加事件
+          markerList.forEach(item=>{
+            item.on('click',(e)=>{
+              this.showInfo(e.lnglat.lng,e.lnglat.lat,'五洲小区东区彩虹广场','AI摄像头-CAM90801')
+            })
+          })
+          markerList2.forEach(item=>{
+            item.on('click',(e)=>{
+              this.showInfo(e.lnglat.lng,e.lnglat.lat,'澳元域33号楼电梯','AI摄像头-CAM91701')
+            })
+          })
+  
+          })
+  
+      },
+     
+      //创建显示标点内容
+      showInfo(lng,lat,msg,number){
+        const content = `
+                  <div style="padding: 6px;background-color: #c6dbee;width:200px">
+                      <div>
+                        <div style="padding: 4px;fontweigth:500"><b>${number}</b></div>
+                          <div style="padding: 4px;margin:5px 0">${msg}</div>
+                          <div style="padding: 4px;">正常运行</div>
+                      </div>
+                  </div>
+              `;
+              const infoWindow = new AMap.InfoWindow({
+                  content,
+                  anchor: 'middle-left',
+                  isCustom: true
+              });
+              infoWindow.open(this.map, [lng, lat])
+              setTimeout(() => {
+                infoWindow.close()
+              }, 3000);
+      }
+    },
+  }
+  </script>
+  <style lang="scss">
+    #map{
+      width: 100vw;
+      height: 100vh;
+    }
+    .box{
+    width: 100%;
+    height:100vh;
+    position: relative;
+  }
+  .box-item{
+    width: 150px;
+    padding: 10px 5px;
+    position: absolute;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    left: 10px;
+    background-color: #ffffff8b;
+    top:10px;
+    z-index: 5;
+    border: 1px solid #ffffff28;
+    img{
+        text-align: center;
+      width: 30px;
+      height: 30px;
+    }
+    p{
+      font-size: 14px;
+    }
+  }
+    
+  </style>

god-ui/src/views/monitorMap/deviceWarn/index.vue

@@ -0,0 +1,13 @@
+<template>
+    <div>
+        
+    </div>
+</template>
+<script>
+export default {
+    
+}
+</script>
+<style lang="">
+    
+</style>