update

src/views/ZMOverView/components/fourSuppress/components/addDomain/multiLineChart.js

@@ -10,18 +10,17 @@ const getMultiLineChart = (data) => {
   const echartsSeries = series.map((item, index) => ({
     name: item.name,
     type: 'line',
-    // areaStyle: {
-    //   color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-    //     {
-    //       offset: 0,
-    //       color: item.color || `rgba(${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, 0.7)` // 随机颜色
-    //     },
-    //     {
-    //       offset: 1,
-    //       color: item.color ? `${item.color.replace('0.7', '0')}` : `rgba(${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, 0)` // 随机颜色
-    //     }
-    //   ])
-    // },
+    symbol: 'circle',
+    symbolSize: 8,
+    itemStyle: {
+      color: '#fff', // 图表圆点内部为白色
+      borderColor: item.color, // 圆点边框为系列颜色
+      borderWidth: 2
+    },
+    lineStyle: {
+      width: 2,
+      color: item.color
+    },
     emphasis: {
       focus: 'series'
     },
@@ -29,38 +28,84 @@ const getMultiLineChart = (data) => {
   }));
 
   return {
+    color: series.map(item => item.color),
     tooltip: {
       trigger: 'axis',
-      axisPointer: {
-        type: 'cross',
-        label: {
-          backgroundColor: '#6a7985'
-        }
-      }
+      backgroundColor: 'rgba(255, 255, 255, 0.9)',
+      textStyle: {
+        color: '#666'
+      },
+      extraCssText: 'box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 4px;'
     },
     grid: {
       top: '15%',
-      right: '1%',
-      bottom: '0%',
-      left: '1%',
+      right: '2%',
+      bottom: '5%',
+      left: '2%',
       containLabel: true
     },
     legend: {
       show: true,
-      top: 10,
-      left: 'center'
+      top: 0,
+      left: 'center',
+      icon: 'circle',
+      itemWidth: 12,
+      itemHeight: 12,
+      data: series.map(item => ({
+        name: item.name,
+        itemStyle: {
+          color: item.color, // 强制图例使用实心系列颜色
+          borderWidth: 0
+        }
+      })),
+      textStyle: {
+        fontFamily: 'Microsoft YaHei',
+        fontSize: 16,
+        fontWeight: 400,
+        lineHeight: 24,
+        color: 'rgb(95, 101, 108)'
+      }
     },
-    color: series.map(item => item.color || `rgba(${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, 0.7)`), // 动态颜色
     xAxis: [
       {
         type: 'category',
         boundaryGap: false,
-        data: title
+        data: title,
+        axisLine: {
+          show: false
+        },
+        axisTick: {
+          show: false
+        },
+        axisLabel: {
+          color: '#999',
+          fontSize: 12,
+          margin: 15
+        }
       }
     ],
     yAxis: [
       {
-        type: 'value'
+        type: 'value',
+        min: 0,
+        max: 100,
+        interval: 20,
+        axisLine: {
+          show: false
+        },
+        axisTick: {
+          show: false
+        },
+        axisLabel: {
+          color: '#999',
+          fontSize: 12
+        },
+        splitLine: {
+          lineStyle: {
+            type: 'dashed',
+            color: '#E0E6F1'
+          }
+        }
       }
     ],
     series: echartsSeries

src/views/ZMOverView/components/fourSuppress/components/allElement/index.vue

@@ -559,7 +559,7 @@ onMounted(() => {
 <style lang="scss" scoped>
 .content-wrapper {
 	width: 1666px;
-	height: 2132px;
+	height: 1076px;
 	// background: orange;
 	.header {
 		width: 1664px;
@@ -567,6 +567,7 @@ onMounted(() => {
 		display: flex;
 		justify-content: center;
 		gap: 16px;
+		margin: 0 auto;
 		position: relative;
 		.header-arrow-left {
 			position: absolute;

src/views/ZMOverView/components/fourSuppress/index.vue

@@ -20,7 +20,7 @@
 		<AllGovernment v-if="activeNav === '全政府'" />
 		<AddDomain v-if="activeNav === '全领域'" />
 		<AllUnion v-if="activeNav === '全联盟'" />
-		<AllElement v-if="activeNav === '全要素'" />
+		<AllElement v-if="activeNav === '全要素'"  />
 	</div>
 </template>
 
@@ -48,7 +48,7 @@ const handleNavClick = name => {
 .content-wrapper {
 	// width: 1601px;
     width: 1601px;
-	height: 2203px;
+	height: auto;
 	margin: 0 auto;
 	.main-nav {
 		width: 1601px;

src/views/ZMOverView/components/gameProfile/index.vue

@@ -8,7 +8,7 @@
 			</div>
 			<div style="display: flex; height: 650px; width: 100%">
 				<div style="width: 50%">
-					<div style="display: flex; justify-content: space-between; margin-right: 50px; ine-height: 32px;align-items: center;" >
+					<div style="display: flex; justify-content: space-between; margin-right: 50px; line-height: 32px;align-items: center;" >
 						<div style="display: flex; margin-left: 50px">
 							数据来源:
 							<el-select class="select-item" size="default" style="margin-left: 15px; width: 240px; height: 32px">
@@ -61,9 +61,9 @@
 			<div v-for="(value, index) in btnList" class="btn-item" :style="{
 				background: value.background
 			}">
-				<img :src="`/public/icon/ZM/btn-icon-${index}.png`" style="width: 22px; height: 19px;margin:0 22px" />
+				<img :src="`/public/icon/ZM/btn-icon-${index}.png`" style="width: 22px; height: 19px; margin: 0 22px" />
 				{{ value.text }}
-				<img :src="`/public/icon/ZM/btn-icon-arrow.png`" style="margin-right: 22px; width: 22px; height: 19px" />
+				<img :src="`/public/icon/ZM/btn-icon-arrow.png`" style="margin-left: auto; margin-right: 22px; width: 13px; height: 12px" />
 			</div>
 		</div>
 	</div>
@@ -263,7 +263,7 @@ const btnList = ref([
 
 <style lang="scss" scoped>
 .content-wrapper {
-	width: 1601px;
+	width: 1600px;
 	height: 1600px;
 	margin: 0 auto;
 	.card-box {
@@ -277,7 +277,7 @@ const btnList = ref([
 		background: rgba(255, 255, 255, 1);
 
 		.card-title {
-			width: 1602px;
+			width: 100%;
 			height: 48px;
 			display: flex;
 
@@ -412,7 +412,7 @@ const btnList = ref([
 
 .btn-box {
 	margin-top: 16px;
-	width: 1601px;
+	width: 100%;
 	height: auto;
 	/* 高度自适应内容 */
 	display: flex;
@@ -420,7 +420,7 @@ const btnList = ref([
 	/* 行方向布局 */
 	flex-wrap: wrap;
 	/* 允许换行 */
-	justify-content: space-between;
+	justify-content: flex-start;
 	align-items: stretch;
 	/* 使所有按钮高度一致 */
 	gap: 16px 16px;
@@ -430,8 +430,7 @@ const btnList = ref([
 }
 
 .btn-item {
-	width: calc(20% - 16px);
-	/* 宽度为容器宽度的20%减去一个间隙的宽度 */
+	width: 307px;
 	height: 60px;
 	border-radius: 10px;
 	box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
@@ -442,7 +441,7 @@ const btnList = ref([
 	display: flex;
 	/* 使用flex布局 */
 	color: rgba(255, 255, 255, 1);
-	justify-content: space-between;
+	justify-content: flex-start;
 	font-family: Microsoft YaHei;
 	font-style: Bold;
 	font-size: 16px;

src/views/ZMOverView/components/newRisk/index.vue

@@ -493,6 +493,7 @@ onMounted(() => {
 
 	.risk-signals {
 		width: 769px;
+		height: 470px;
 		overflow-y: auto;
 		overflow-x: hidden;
 		box-sizing: border-box;