Quellcode durchsuchen

大屏 界面修改

zhanghao vor 4 Wochen
Ursprung
Commit
03393847c6

BIN
public/template.docx


BIN
src/assets/zhang/myMap/blue.png


BIN
src/assets/zhang/myMap/building.png


BIN
src/assets/zhang/myMap/circle.png


BIN
src/assets/zhang/myMap/orange.png


+ 22 - 9
src/views/screen/map/map.vue

@@ -471,26 +471,39 @@ export default {
           {
             type: "scatter", // 散点图(用于标注特殊位置)
             coordinateSystem: "geo", // 使用 `geo` 作为坐标系
-            symbol: "image://" + require("@/assets/zhang/myMap/projectPosition.png"), // 自定义标记(图片)
-            symbolSize: [30, 20], // 标记大小(宽 30,高 20)
+            symbol: "image://" + require("@/assets/zhang/myMap/blue.png"), // 自定义标记(图片)
+            symbolSize: [25, 29], // 标记大小(宽 30,高 20)
             label: {
               show: true, // 直接显示数值
               position: 'top',
               formatter: (params) => // 格式化提示框内容
                 params.seriesType === "scatter"
-                  ? `{myStyle|在建:${params.data.x}}\n{myStyle|施工:${params.data.y}}`
+                  ? `{theStyle|●}   {myStyle|${params.data.x}}\n{aStyle|●}   {myStyle|${params.data.y}}`
                   : params.name,
-              rich:{
+              rich: {
                 myStyle: {
                   color: "#fff", // 文字颜色
-                  fontSize: 12, // 字体大小
-                  lineHeight: 18
+                  fontSize: 17, // 字体大小
+                  lineHeight: 24,
+                },
+                theStyle: {
+                  color: "#00ffff", // 文字颜色
+                  fontSize: 15, // 字体大小
+                  lineHeight: 24,
+                },
+                aStyle: {
+                  color: "#ffb700", // 文字颜色
+                  fontSize: 15, // 字体大小
+                  lineHeight: 15,
                 }
               },
               borderColor: "rgba(56,236,250)", // 边框颜色
-              backgroundColor: "#0E7884",
+              backgroundColor: "rgba(228,248,250,0.09)",
+              // 发光效果配置:
+              shadowColor: "rgb(142,241,255)", // 发光颜色
+              shadowBlur: 10, // 模糊程度,值越大发光越明显
               borderWidth: 1,
-              padding: [4, 5], // 文字内边距(可选)
+              padding: [4, 10,2], // 文字内边距(可选)
               borderRadius: 2, // 文字框圆角(可选)
             },
             data: this.points.map(({ name, coordinate, appOrg, x, y }) => ({
@@ -515,7 +528,7 @@ export default {
             type: "scatter", // 散点图(用于标注特殊位置)
             coordinateSystem: "geo", // 使用 `geo` 作为坐标系
             name: "center",
-            symbol: "image://" + require("@/assets/images/build_icon.png"),
+            symbol: "image://" + require("@/assets/zhang/myMap//building.png"),
             symbolSize: 40, // 标记的大小
             data: [{
               name: "山西省公司(本部)",

+ 16 - 16
src/views/screen/map/mapTwo.vue

@@ -54,12 +54,12 @@ export default {
         晋城市: 晋城市,
       },
       points:[
-        { name: "太原市", coordinate: [111.6993, 38.0570], appOrg: "1A003", x: "0", y: "2" },
-        { name: "大同市", coordinate: [113.3002, 40.0768], appOrg: "1B001", x: "0", y: "2" },
-        { name: "阳泉市", coordinate: [113.6805, 37.7863], appOrg: "1C001", x: "0", y: "2" },
+        { name: "太原市", coordinate: [111.9393, 38.0070], appOrg: "1A003", x: "0", y: "2" },
+        { name: "大同市", coordinate: [113.3002, 40.0968], appOrg: "1B001", x: "0", y: "2" },
+        { name: "阳泉市", coordinate: [113.6805, 37.8863], appOrg: "1C001", x: "0", y: "2" },
         { name: "长治市", coordinate: [113.1163, 36.1954], appOrg: "1D001", x: "0", y: "2" },
-        { name: "晋城市", coordinate: [113.1513, 35.5907], appOrg: "1E001", x: "0", y: "2" },
-        { name: "朔州市", coordinate: [112.4329, 39.5312], appOrg: "1F001", x: "0", y: "2" },
+        { name: "晋城市", coordinate: [113.2513, 35.6007], appOrg: "1E001", x: "0", y: "2" },
+        { name: "朔州市", coordinate: [112.4329, 39.6312], appOrg: "1F001", x: "0", y: "2" },
         { name: "晋中市", coordinate: [113.2527, 37.3870], appOrg: "1K001", x: "0", y: "2" },
         { name: "临汾市", coordinate: [111.5186, 35.8582], appOrg: "1L001", x: "0", y: "2" },
         { name: "忻州市", coordinate: [112.7341, 38.6167], appOrg: "1H001", x: "0", y: "2" },
@@ -167,19 +167,19 @@ export default {
           {
             type: "scatter", // 散点图(用于标注特殊位置)
             coordinateSystem: "geo", // 使用 `geo` 作为坐标系
-            symbol: "image://" + require("@/assets/zhang/myMap/carPosition.png"), // 自定义标记(图片)
-            symbolSize: [30, 55], // 标记大小(宽 30,高 20)
+            symbol: "image://" + require("@/assets/zhang/myMap/circle.png"), // 自定义标记(图片)
+            symbolSize: [65, 65], // 标记大小(宽 30,高 20)
             label: {
               show: true, // 显示数字
-              position: "right", // 数字显示在图标的正上方
+              position: "inside", // 数字显示在图标的正上方
               color: "#fff", // 文字颜色(白色)
-              fontSize: 14, // 字体大小
-              fontWeight: "bold", // 加粗
-              backgroundColor: "rgba(75,117,117,0.59)", // 文字背景色(可选)
-              borderColor: "rgba(56,236,250)", // 边框颜色
-              borderWidth: 1,
-              padding: [6, 7], // 文字内边距(可选)
-              borderRadius: 2, // 文字框圆角(可选)
+              fontSize: 18, // 字体大小
+              fontWeight: "500", // 加粗
+              // backgroundColor: "rgba(75,117,117,0.59)", // 文字背景色(可选)
+              // borderColor: "rgba(56,236,250)", // 边框颜色
+              // borderWidth: 1,
+              // padding: [6, 7], // 文字内边距(可选)
+              // borderRadius: 2, // 文字框圆角(可选)
             },
             data: this.points.map(({ name, coordinate, appOrg, x, y }) => ({
               name, // 点名称
@@ -195,7 +195,7 @@ export default {
             type: "scatter", // 散点图(用于标注特殊位置)
             coordinateSystem: "geo", // 使用 `geo` 作为坐标系
             name: "center",
-            symbol: "image://" + require("@/assets/images/build_icon.png"),
+            symbol: "image://" + require("@/assets/zhang/myMap/building.png"),
             symbolSize: 40, // 标记的大小
             data: [{
               name: "山西省公司(本部)",