update

src/views/ZMOverView/components/fourSuppress/components/allElement/uitls/worldCloudChart.js

+
+
+const getWordCloudChart = (data) => {
+  const option = {
+    grid: {
+      left: 0,
+      top: 0,
+      right: 0,
+      bottom: 0,
+    },
+    series: [
+      {
+        type: "wordCloud",
+        width: '80%',
+        height: '80%',
+        shape: "rect",  // 
+        // 其他形状你可以使用形状路径
+        // 或者自定义路径
+        //         shape: 'circle'      // 圆形（默认）
+        // shape: 'rect'        // 矩形
+        // shape: 'roundRect'   // 圆角矩形
+        // shape: 'triangle'    // 三角形
+        // shape: 'diamond'     // 菱形
+        // shape: 'pentagon'    // 五边形
+        // shape: 'star'        // 星形
+        // shape: 'cardioid'    // 心形
+        gridSize: 15, // 网格大小，影响词间距。
+        sizeRange: [10, 30], // 定义词云中文字大小的范围
+        rotationRange: [0, 0],
+        rotationStep: 15,
+        drawOutOfBound: false,  // 是否超出画布
+        // 字体
+        textStyle: {
+          // normal: {
+          //   color: function () {
+          //     return 'rgb(' + [
+          //       Math.round(Math.random() * 160),
+          //       Math.round(Math.random() * 160),
+          //       Math.round(Math.random() * 160)
+          //     ].join(',') + ')';
+          //   }
+          // },
+          color: function () {
+            let colors = [
+              "rgba(189, 33, 33, 1)",
+              "rgba(232, 151, 21, 1)",
+              "rgba(220, 190, 68, 1)",
+              "rgba(96, 58, 186, 1)",
+              "rgba(32, 121, 69, 1)",
+              "rgba(22, 119, 255, 1)",
+            ];
+            return colors[parseInt(Math.random() * colors.length)];
+          },
+          emphasis: {
+            shadowBlur: 5,
+            shadowColor: "#333",
+          },
+        },
+        // 设置词云数据
+        data: data,
+      },
+    ],
+  }
+
+  return option
+}
+
+export default getWordCloudChart
\ No newline at end of file

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

@@ -35,28 +35,25 @@ import AddDomain from "./components/addDomain/index.vue";
 import AllUnion from "./components/allUnion/index.vue";
 import AllElement from "./components/allElement/index.vue";
 
-const navList = ref([
-    { name: "全政府" },
-    { name: "全领域" },
-    { name: "全联盟" },
-    { name: "全要素" }
-]);
+const navList = ref([{ name: "全政府" }, { name: "全领域" }, { name: "全联盟" }, { name: "全要素" }]);
 
 const activeNav = ref("全政府");
 
-const handleNavClick = (name) => {
+const handleNavClick = name => {
 	activeNav.value = name;
 };
 </script>
 
 <style lang="scss" scoped>
 .content-wrapper {
-    width: 1601px;
+	// width: 1601px;
+    width: 1666px;
 	height: 2203px;
 	margin: 0 auto;
 	.main-nav {
-        width: 100%;
+		width: 1601px;
 		height: 55px;
+        margin: 0 auto;
 		padding: 4px 5px;
 		display: flex;
 		align-items: center;
@@ -89,7 +86,7 @@ const handleNavClick = (name) => {
 				}
 
 				span {
-                    font-family: 'YouSheBiaoTiHei';
+					font-family: "YouSheBiaoTiHei";
 					font-size: 24px;
 					font-weight: 400;
 					line-height: 31px;