修复警告

src/views/GroupEvolution/component/groupChart.vue

@@ -114,9 +114,6 @@ const initChart = () => {
     },
     legend: {
       data: legendData,
-      itemStyle: {
-        // color: "#fff"
-      },
       right: 5, // 距离右侧 10px
       top: 15,
       itemWidth: 10, // 图例图标的宽度
@@ -213,9 +210,7 @@ const initChart = () => {
         padding: [0, 0, 5, -28] // 负值让文字更靠左
       },
       axisLabel: {
-        textStyle: {
-          color: "#94C1EC"
-        }
+        color: "#94C1EC"
       },
       type: "value",
       splitLine: {

src/views/GroupEvolution/component/groupPost.vue

@@ -91,7 +91,7 @@
 import abnormalPostItemTitle from "@/assets/images/abnormalGroup/abnormal-action-analysis-item-title.png"
 import groupEvolutionTitle from "@/assets/images/groupEvolution/group-evolution-analysis-titlt.png"
 import abnormalTitle from "@/assets/images/abnormalGroup/abnormal-action-analysis-title.png"
-import { ref, computed, defineProps, defineEmits, onMounted, onBeforeUnmount } from "vue"
+import { ref, defineProps, defineEmits, onMounted, onBeforeUnmount } from "vue"
 import { TansTimestamp } from "@/utils/transform"
 const props = defineProps({
   posts: {
@@ -109,7 +109,6 @@ const props = defineProps({
 })
 
 const emit = defineEmits(["click:openDialog"])
-const animationDuration = computed(() => `${props.posts.length * 3}s`)
 
 const maxInfluence = 10000
 
@@ -156,10 +155,6 @@ function resumeScroll() {
 }
 
 onMounted(() => {
-  console.log("打印moudleName:")
-  console.log(props.moduleName)
-  console.log(props.posts)
-
   startScroll()
 })
 onBeforeUnmount(() => {
@@ -218,9 +213,12 @@ onBeforeUnmount(() => {
     flex-shrink: 0;
     cursor: pointer;
     margin: 8px 0;
+    &:hover {
+      background: linear-gradient(90deg, rgba(63, 169, 245, 0.4) 0%, rgba(0, 84, 187, 0) 100%);
+    }
   }
 
-  .post-item.highlighted {
+  .post-item .highlighted {
     background: linear-gradient(90deg, rgba(63, 169, 245, 0.4) 0%, rgba(0, 84, 187, 0) 100%);
   }
 

src/views/GroupEvolution/component/groupShow.vue

@@ -59,9 +59,7 @@ const optionHandle = ({ xAxis, yAxis, data }, flag) => {
       boundaryGap: true,
       data: xAxis,
       axisLabel: {
-        textStyle: {
-          color: "#94C1EC"
-        }
+        color: "#94C1EC"
       },
       axisTick: {
         show: false
@@ -79,9 +77,7 @@ const optionHandle = ({ xAxis, yAxis, data }, flag) => {
         padding: [0, 0, 0, -28] // 负值让文字更靠左
       },
       axisLabel: {
-        textStyle: {
-          color: "#94C1EC"
-        }
+        color: "#94C1EC"
       },
       type: "value",
       splitLine: {

src/views/GroupEvolution/groupIdentifyDiscovery/index.vue

@@ -12,7 +12,7 @@
         <div class="userChart">
           <GroupChart
             :title="groupChartTitleImg"
-            :moduleName="群体规模演化图"
+            :moduleName="'群体规模演化图'"
             :chartData="groupDiscoveryStore.chartData"
           ></GroupChart>
         </div>
@@ -60,9 +60,9 @@ import groupChartTitleImg from "@/assets/images/groupEvolution/chart-title.png"
 import groupGroupShowImg from "@/assets/images/groupEvolution/groupDisc-title.png"
 import { useGroupDiscoveryStore } from "@/store/groupEvolution/index"
 
-const groupDiscoveryStore = useGroupDiscoveryStore();
+const groupDiscoveryStore = useGroupDiscoveryStore()
 
-const moduleName = '群体识别发现';
+const moduleName = "群体识别发现"
 //控制弹窗
 const postDialog = ref(false)