feat/1

src/assets/icons/index.js

@@ -0,0 +1,9 @@
+import Vue from 'vue'
+import SvgIcon from '@/components/SvgIcon'// svg component
+
+// register globally
+Vue.component('svg-icon', SvgIcon)
+
+const req = require.context('./svg', false, /\.svg$/)
+const requireAll = requireContext => requireContext.keys().map(requireContext)
+requireAll(req)

src/assets/icons/svg/1.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="9" height="9" viewBox="0 0 9 9"><g><path d="M7.19783,8.00266C6.50277,8.1294,6.09722,7.84985,6.082,7.2488C6.08036,7.18399,6.08326,7.11543,6.09082,7.04325C6.09504,7.00294,6.09836,6.96309,6.10078,6.92367C6.12027,6.6056,6.0811,6.31572,5.98596,6.04451C5.95205,5.94787,5.91104,5.8536,5.86304,5.76126C5.84139,5.71962,5.81833,5.67837,5.79385,5.63748C5.76872,5.5955,5.7421,5.5539,5.71401,5.51263C5.70916,5.5055,5.70426,5.49838,5.69932,5.49126C5.62973,5.39122,5.53158,5.28673,5.41535,5.22561C5.30493,5.16754,5.17819,5.14862,5.04412,5.20985C4.87214,5.28855,4.90987,5.43072,4.9777,5.5854C4.98827,5.60949,4.99956,5.63388,5.0109,5.65838C5.04862,5.73984,5.0869,5.82253,5.10082,5.89936C5.10925,5.92167,5.11739,5.94393,5.12525,5.96613C5.16447,6.07697,5.19657,6.18641,5.22189,6.29418C5.27634,6.52584,5.29949,6.74975,5.29484,6.96311C5.29331,7.03332,5.28877,7.10239,5.28135,7.17021C5.19527,7.95666,4.72132,8.57625,4.05381,8.87394C3.16881,9.26873,1.76501,8.69618,1.2113,7.71444C0.683903,6.77986,0.994804,6.20081,2.07311,6.14763C2.41461,6.1307,2.73331,6.09205,3.05931,5.96646C3.34796,5.85551,3.64678,5.68955,3.74634,5.45922C3.78113,5.37875,3.7916,5.29042,3.76881,5.19383C3.69774,4.89323,3.52761,4.85117,3.33122,4.88819C3.24209,4.905,3.14755,4.93809,3.05439,4.97069C2.97306,4.99915,2.89279,5.02725,2.81811,5.0438C1.73781,5.28296,0.748803,5.19433,0.171101,4.09471C-0.2811,3.23394,0.201601,1.97509,1.1656,1.32062C2.13711,0.661453,2.76231,0.955386,2.86711,2.10428C2.89731,2.43456,2.98081,2.76175,3.06081,3.08472C3.13349,3.37697,3.29326,3.66738,3.52828,3.76484C3.61822,3.80214,3.71919,3.81118,3.83051,3.78125C4.11267,3.7056,4.15595,3.54473,4.12263,3.35927C4.10657,3.26983,4.07269,3.17468,4.0392,3.0806C4.00927,2.99654,3.97964,2.91334,3.96332,2.83585C3.68041,1.48487,4.06392,0.473276,4.98962,0.105234C5.88932,-0.252492,7.26853,0.338878,7.81833,1.31812C8.33253,2.23397,7.97983,2.83906,6.92082,2.89344C6.39,2.92059,5.73056,3.04059,5.39007,3.3693L5.38913,3.37021C5.32215,3.43506,5.26757,3.50803,5.22881,3.58998C5.16339,3.72833,5.14307,3.89231,5.18432,4.0862C5.22726,4.18949,5.39055,4.18729,5.60314,4.14339C5.73799,4.11555,5.89268,4.07093,6.04908,4.02582C6.27077,3.96187,6.4959,3.89694,6.67282,3.87739C7.86603,3.74519,8.82083,4.3578,8.98103,5.3771C9.14653,6.43055,8.20213,7.81919,7.19783,8.00266ZM5.31361,2.45801Q5.00383,2.6158,4.79427,2.81625Q4.79356,2.81427,4.79285,2.81228Q4.75135,2.6957,4.74633,2.67189Q4.43529,1.18653,5.2852,0.848628Q5.65287,0.702438,6.21992,0.945576Q6.84128,1.212,7.12075,1.70977Q7.22801,1.9008,7.2478,2.02542Q7.12022,2.08215,6.87996,2.09448Q5.93211,2.14297,5.31361,2.45801ZM2.75106,4.17453Q2.77082,4.19544,2.79084,4.21535L2.79012,4.2156Q2.6733,4.25648,2.6452,4.26272Q1.31747,4.55664,0.879319,3.72265Q0.708348,3.3972,0.88847,2.90545Q1.09797,2.33348,1.61478,1.98262Q1.83818,1.83104,1.98959,1.78757Q2.04738,1.92439,2.07043,2.17712Q2.10487,2.55369,2.27389,3.23517Q2.28082,3.26311,2.28446,3.2778Q2.42047,3.82468,2.75106,4.17453ZM4.46382,4.11273C4.5454,4.11273,4.62116,4.13769,4.68391,4.1804C4.76741,4.23724,4.82785,4.32552,4.84827,4.42825C4.85322,4.45316,4.85582,4.47893,4.85582,4.50531C4.85582,4.6164,4.80978,4.7167,4.73574,4.78812C4.67714,4.84465,4.601,4.88307,4.51627,4.89441C4.49911,4.8967,4.4816,4.89789,4.46382,4.89789C4.39067,4.89789,4.3222,4.87783,4.2636,4.8429C4.15918,4.78065,4.0861,4.6712,4.07369,4.54393C4.07245,4.53123,4.07181,4.51834,4.07181,4.50531C4.07181,4.42847,4.09386,4.35678,4.13196,4.29625C4.18673,4.20924,4.27467,4.14528,4.378,4.12217C4.40562,4.11599,4.43434,4.11273,4.46382,4.11273ZM6.35606,5.03444Q6.2745,4.91718,6.18229,4.81969Q6.22532,4.8076,6.27079,4.79448Q6.65182,4.68458,6.76092,4.67252Q7.37419,4.60458,7.77957,4.867Q8.1263,5.09146,8.19073,5.50126L8.19073,5.5013Q8.26573,5.97882,7.86641,6.5665Q7.47791,7.13825,7.05432,7.21564Q6.9519,7.23431,6.88126,7.23298Q6.87998,7.18854,6.88647,7.1266Q7.00744,5.97191,6.35606,5.03444ZM3.34635,6.7132Q4.01215,6.45727,4.32117,6.08359L4.32665,6.11384L4.35247,6.18215Q4.6172,6.88271,4.39952,7.44147Q4.20982,7.92841,3.72791,8.14334Q3.376,8.30032,2.81047,8.06964Q2.18658,7.81516,1.90802,7.32126Q1.7998,7.1295,1.77002,7.00055Q1.89398,6.95744,2.11271,6.94665Q2.83301,6.91095,3.34635,6.7132Z" fill-rule="evenodd" fill="#1D2129" fill-opacity="1"/></g></svg>

src/assets/icons/svg/404.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M121.718 73.272v9.953c3.957-7.584 6.199-16.05 6.199-24.995C127.917 26.079 99.273 0 63.958 0 28.644 0 0 26.079 0 58.23c0 .403.028.806.028 1.21l22.97-25.953h13.34l-19.76 27.187h6.42V53.77l13.728-19.477v49.361H22.998V73.272H2.158c5.951 20.284 23.608 36.208 45.998 41.399-1.44 3.3-5.618 11.263-12.565 12.674-8.607 1.764 23.358.428 46.163-13.178 17.519-4.611 31.938-15.849 39.77-30.513h-13.506V73.272H85.02V59.464l22.998-25.977h13.008l-19.429 27.187h6.421v-7.433l13.727-19.402v39.433h-.027zm-78.24 2.822a10.516 10.516 0 0 1-.996-4.535V44.548c0-1.613.332-3.124.996-4.535a11.66 11.66 0 0 1 2.713-3.68c1.134-1.032 2.49-1.864 4.04-2.468 1.55-.605 3.21-.908 4.982-.908h11.292c1.77 0 3.431.303 4.981.908 1.522.604 2.85 1.41 3.986 2.418l-12.26 16.303v-2.898a1.96 1.96 0 0 0-.665-1.512c-.443-.403-.996-.604-1.66-.604-.665 0-1.218.201-1.661.604a1.96 1.96 0 0 0-.664 1.512v9.071L44.364 77.606a10.556 10.556 0 0 1-.886-1.512zm35.73-4.535c0 1.613-.332 3.124-.997 4.535a11.66 11.66 0 0 1-2.712 3.68c-1.134 1.032-2.49 1.864-4.04 2.469-1.55.604-3.21.907-4.982.907H55.185c-1.77 0-3.431-.303-4.981-.907-1.55-.605-2.906-1.437-4.041-2.47a12.49 12.49 0 0 1-1.384-1.512l13.727-18.217v6.375c0 .605.222 1.109.665 1.512.442.403.996.604 1.66.604.664 0 1.218-.201 1.66-.604a1.96 1.96 0 0 0 .665-1.512V53.87L75.97 36.838c.913.932 1.66 1.99 2.214 3.175.664 1.41.996 2.922.996 4.535v27.011h.028z"/></svg>

src/assets/icons/svg/afmj.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1758611958972" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9852" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M219.52 0h585.173333c96.853333 0.213333 176.64 75.52 182.613334 172.16l0.426666 10.666667v658.346666a183.296 183.296 0 0 1-172.16 182.613334l-11.093333 0.213333H219.52c-96.853333-0.213333-176.853333-75.52-182.613333-172.16l-0.426667-10.666667V182.826667A183.296 183.296 0 0 1 208.64 0.213333l10.88-0.213333h585.173333-585.173333z m584.96 73.173333H219.52c-57.173333 0-104.533333 44.16-109.226667 100.266667l-0.64 9.386667v658.346666c0 57.173333 44.16 104.533333 100.266667 109.226667l9.386667 0.426667h585.173333c57.173333 0 104.32-44.16 109.226667-100.266667l0.426666-9.386667V182.826667c0-57.173333-44.16-104.533333-100.266666-109.226667l-9.386667-0.426667zM768 365.653333c18.133333 0 33.28 13.226667 36.053333 30.72l0.426667 5.973334v219.52c0 18.986667-14.506667 34.986667-33.493333 36.693333-18.986667 1.493333-36.053333-11.733333-39.04-30.72l-0.426667-5.973333v-219.733334c0-20.053333 16.213333-36.48 36.48-36.48z m0 0" p-id="9853"></path></svg>

src/assets/icons/svg/afxt.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1758612027919" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11691" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M835.584 514.496H516.64v416.256S293.856 823.264 196.704 514.016H516.64V112.992C696.192 264.288 886.144 218.56 886.144 218.56c-3.488 175.84-50.528 295.968-50.528 295.968zM942.112 103.84C730.56 259.104 514.208 21.344 514.208 21.344c-228.32 242.56-425.44 84.928-425.44 84.928-48.064 696.16 425.44 895.104 425.44 895.104C1028.576 729.664 942.112 103.84 942.112 103.84z" p-id="11692"></path></svg>

src/assets/icons/svgo.yml

@@ -0,0 +1,22 @@
+# replace default config
+
+# multipass: true
+# full: true
+
+plugins:
+
+  # - name
+  #
+  # or:
+  # - name: false
+  # - name: true
+  #
+  # or:
+  # - name:
+  #     param1: 1
+  #     param2: 2
+
+- removeAttrs:
+    attrs:
+      - 'fill'
+      - 'fill-rule'

src/views/plan.vue

@@ -248,6 +248,8 @@ const MOUSE_CURRENT_Y = ref(0);
 const activeMarker = ref({ target: "" });
 const Shrink = ref(false);
 
+const SELECT_ACTION_TYPE = ref('');
+
 //背景图片/标记图片等（保持不变）
 const backgroundImage = new URL("../assets/gl.png", import.meta.url).href;
 const icons = {
@@ -325,6 +327,11 @@ const handleTabbar = (e) => {
       d.isSelected = false;
     }
   });
+  if(e.isSelected) {
+    SELECT_ACTION_TYPE.value = e.value;
+  } else {
+    SELECT_ACTION_TYPE.value = "";
+  }
   showFlag.value = false;
   nextTick(() => {
     showFlag.value = true;
@@ -606,6 +613,9 @@ const draw = (alpha = 1) => {
   for (const key in points) {
     let _points = points[key];
     _points.forEach((point) => {
+      if(SELECT_ACTION_TYPE.value && point.TypeId !== SELECT_ACTION_TYPE.value) {
+        return
+      }
       let status = getIconStatus(point.TypeId);
 
       const size =
@@ -645,6 +655,21 @@ const draw = (alpha = 1) => {
         );
       }
 
+      // 添加文字传感器数值
+      if(point.TypeId == 26) {
+
+        ctx.value.font = `10px Arial`; // 设置字体和大小
+        ctx.value.fillStyle = "#FFF"; // 设置文字颜色
+        // 计算文字位置（图标右侧10px处，垂直居中对齐）
+
+        let _value = point.Data[0].Value; //传感器数值value
+
+        const textX = point.x * BL.value + (iSize * BL.value) / scale.value / 2 + 1;
+        const textY = point.y * BL.value + 15; // +5是为了视觉上垂直居中
+        ctx.value.fillText(_value, textX, textY); // 绘制文字
+
+      }
+
       if (point.target == "device" && point.IsOpen) {
         ctx.value.strokeStyle = window.customConfigUrl.openColor;
         ctx.value.lineWidth = (4 / scale.value) * BL.value;