1

nginx.conf

@@ -13,7 +13,7 @@ http {
 
     client_max_body_size   20m;
     server {
-        listen       5200;
+        listen       5090;
         server_name  localhost;   
      location / {
         root   /usr/local/nginx/html;
@@ -28,6 +28,4 @@ http {
 
         
     }
-
- 
 }

src/App.vue

@@ -45,8 +45,8 @@ const disableZoom = () => {
 }
 
 onMounted(() => {
-  const cleanup = disableZoom()
-  onUnmounted(() => cleanup())
+  // const cleanup = disableZoom()
+  // onUnmounted(() => cleanup())
 })
 </script>
 

src/layout/components/aside/index.vue

@@ -120,38 +120,31 @@ onMounted(() => {
   width: 100%;
   height: 100%;
   .menu {
-    width: 320px;
+    width: 100%;
     height: 100%;
     border-width: 2px;
     border-style: solid;
     border-image: linear-gradient(to bottom, #3aa1f8, #3aa1f833) 1;
     background-image: linear-gradient(to right, #063d7133, #081e38cc);
+    display: flex;
+    flex-direction: column;
+    padding: 10px 10px;
     .menu-title {
       cursor: pointer;
       padding: 10px;
-      width: 288px;
-      border-radius: 2px;
-      margin-top: 16px;
-      margin-left: 16px;
-      background-image: linear-gradient(
-        270deg,
-        rgba(6, 61, 113, 0.2) 0%,
-        rgba(8, 30, 56, 0.8) 100%
-      );
-      /* border-image: linear-gradient(to right, #225f9200, #3aa1f8) 1; */
-      border: 2px solid;
-      border-image-source: linear-gradient(90deg, #3aa1f8 0%, rgba(58, 161, 248, 0.2) 100%);
-      border-image-slice: 1;
+      width: 100%;
       display: flex;
       align-items: center;
       justify-content: space-between;
+      border-radius: 2px;
+      background: linear-gradient(90deg, rgba(24, 57, 92, 0.66) 0%, rgba(51, 120, 194, 0) 100%);
       &:hover {
         border-radius: 2px;
         background: linear-gradient(270deg, rgba(14, 167, 213, 0) 0%, rgba(8, 118, 190, 0.24) 100%);
       }
     }
     .menu-items {
-      padding: 0 15px;
+      padding: 0px 15px;
     }
   }
 }
@@ -179,8 +172,7 @@ onMounted(() => {
 .el-menu-item {
   width: 100%;
   height: 36px;
-  margin-top: 12px;
-  line-height: 36px;
+  margin: 12px 0;
   cursor: pointer;
   color: #fff;
   padding-left: 40px;

src/layout/index.vue

@@ -1,20 +1,18 @@
 <template>
-  <div class="home-container">
+  <el-container>
+    <el-header>
+      <QHeader></QHeader>
+    </el-header>
     <el-container>
-      <el-header>
-        <QHeader></QHeader>
-      </el-header>
-      <el-container>
-        <el-aside>
-          <QAside @update:open-dialog="handleOpenDialog"></QAside>
-        </el-aside>
-        <el-main>
-          <router-view></router-view>
-        </el-main>
-      </el-container>
+      <el-aside>
+        <QAside @update:open-dialog="handleOpenDialog"></QAside>
+      </el-aside>
+      <el-main>
+        <router-view></router-view>
+      </el-main>
     </el-container>
-    <QDialog :openDialog="openDialog"></QDialog>
-  </div>
+  </el-container>
+  <QDialog :openDialog="openDialog"></QDialog>
 </template>
 
 <script setup>
@@ -27,19 +25,26 @@ const handleOpenDialog = (isOpen) => (openDialog.value = isOpen)
 </script>
 
 <style scoped lang="less">
-.el-header {
+.el-container {
   width: 100%;
-  height: 115px;
-  padding: 0;
-}
-.el-main {
-  padding: 0 0;
-  margin-left: 30px;
-}
-.el-aside {
-  overflow: visible;
-  color: aliceblue;
-  font-family: Arial, sans-serif;
-  margin-left: 20px;
+  height: 100%;
+  display: flex;
+  .el-header {
+    width: 100%;
+    height: 11%;
+    padding: 0;
+  }
+  .el-main {
+    height: 100%;
+    padding: 0 0;
+    padding-left: 13px;
+  }
+  .el-aside {
+    overflow: visible;
+    color: aliceblue;
+    font-family: Arial, sans-serif;
+    margin-left: 20px;
+    margin-bottom: 20px;
+  }
 }
 </style>

src/views/GroupEvolution/components/groupGraph.vue

@@ -311,7 +311,8 @@ const createGraph = () => {
   if (!graphVis) {
     graphVis = new GraphVis({
       container: document.getElementById("container"),
-      licenseKey: "hbsy",
+      licenseKey:
+        "01D01C01A01D01E01C01A01H01A01G01E00Z03003903303402P03202N03702R02X02R03303103402P037037",
       config: defaultConfig
     })
   }

src/views/KeyNodeDiscern/anchorRecommendation/components/communityNode.vue

@@ -245,7 +245,7 @@ const initChart = async () => {
       {
         type: "graph",
         layout: "force",
-        animation: false,
+        animation: true,
         draggable: true,
         roam: true,
         zoom: 0.2,
@@ -309,8 +309,8 @@ const initChart = async () => {
         },
         blur: {
           // 非相邻元素进入“模糊/暗”状态时的样式（相当于“隐藏”）
-          lineStyle: { opacity: 0.05 },
-          itemStyle: { opacity: 0.1 },
+          lineStyle: { opacity: 0.1 },
+          itemStyle: { opacity: 0.4 },
           label: { opacity: 0 }
         }
       }

src/views/KeyNodeDiscern/anchorRecommendation/index.vue

@@ -1,10 +1,6 @@
 <template>
   <div class="keyNode3-container">
-    <!-- <div class="search">
-      <Search></Search>
-    </div> -->
     <div class="top-container"></div>
-
     <div class="content">
       <div class="left-container">
         <div class="userPanel">