map

src/view/sy_map.vue

@@ -128,7 +128,12 @@
               @click="item.click ? changeys(item.name) : ''"
               :key="index"
             >
-              <img :src="item.img" class="zyys_content_item_left" />
+              <img
+                :src="item.img"
+                class="zyys_content_item_left"
+                v-if="item.img"
+              />
+              <div class="zyys_content_item_left circleY" v-else></div>
               <div class="zyys_content_item_right">{{ item.name }}</div>
             </div>
           </div>
@@ -782,12 +787,164 @@ const PopulationRatio = ref([
   },
 ]);
 //特殊标签左侧数据
+
 const tsbqTotal = ref([]);
 const lingshibiaoqian = reactive([
   {
-    id: "临时标签",
+    id: "劳模",
-    name: "临时标签",
+    name: "劳模",
     tagId: "555",
+    rksl: 223,
+  },
+  {
+    id: "工匠",
+    name: "工匠",
+    tagId: "555",
+    rksl: 126,
+  },
+  {
+    id: "银发工程师",
+    name: "银发工程师",
+    tagId: "555",
+    rksl: 2,
+  },
+  {
+    id: "首席科技官",
+    name: "首席科技官",
+    tagId: "555",
+    rksl: 16,
+  },
+  {
+    id: "工商联企业家",
+    name: "工商联企业家",
+    tagId: "555",
+    rksl: 93,
+  },
+  {
+    id: "红星 ",
+    name: "红星 ",
+    tagId: "555",
+    rksl: 9196,
+  },
+  {
+    id: "教师",
+    name: "教师",
+    tagId: "555",
+    rksl: 4396,
+  },
+  {
+    id: "学生",
+    name: "学生",
+    tagId: "555",
+    rksl: 45635,
+  },
+  {
+    id: "医生",
+    name: "医生",
+    tagId: "555",
+    rksl: 664,
+  },
+  {
+    id: "护士",
+    name: "护士",
+    tagId: "555",
+    rksl: 772,
+  },
+  {
+    id: "乡贤",
+    name: "乡贤",
+    tagId: "555",
+    rksl: 746,
+  },
+  {
+    id: "法人",
+    name: "法人",
+    tagId: "555",
+    rksl: 50108,
+  },
+  {
+    id: "医保未缴",
+    name: "医保未缴",
+    tagId: "555",
+    rksl: 21582,
+  },
+  {
+    id: "重大疾病",
+    name: "重大疾病",
+    tagId: "555",
+    rksl: 242,
+  },
+  {
+    id: "百岁老人",
+    name: "百岁老人",
+    tagId: "555",
+    rksl: 36,
+  },
+  {
+    id: "高龄老人",
+    name: "高龄老人",
+    tagId: "555",
+    rksl: 14332,
+  },
+  {
+    id: "空巢老人",
+    name: "空巢老人",
+    tagId: "555",
+    rksl: 1176,
+  },
+  {
+    id: "留守儿童",
+    name: "留守儿童",
+    tagId: "555",
+    rksl: 340,
+  },
+  {
+    id: "幼儿",
+    name: "幼儿",
+    tagId: "555",
+    rksl: 6111,
+  },
+  {
+    id: "青年",
+    name: "青年",
+    tagId: "555",
+    rksl: 59236,
+  },
+  {
+    id: "失业",
+    name: "失业",
+    tagId: "555",
+    rksl: 2853,
+  },
+  {
+    id: "律师",
+    name: "律师",
+    tagId: "555",
+    rksl: 55,
+  },
+  {
+    id: "志愿者",
+    name: "志愿者",
+    tagId: "555",
+    rksl: 123,
+  },
+  {
+    id: "专职网格员",
+    name: "专职网格员",
+    tagId: "555",
+    rksl: 710,
+  },
+  {
+    id: "五失人员",
+    name: "五失人员",
+    tagId: "555",
+    rksl: 20,
+  },
+  {
+    id: "乡村人才",
+    name: "乡村人才",
+    tagId: "555",
+    rksl: 137,
   },
 ]);
 const data = reactive({
@@ -937,50 +1094,44 @@ const yaosuTotal = ref([
   {
     id: 25,
     name: "菜市场",
-    img: j0,
+
     wz: true,
     click: false,
   },
   {
     id: 26,
     name: "停车场",
-    img: j0,
     wz: true,
     click: false,
   },
- 
+
   {
     id: 21,
     name: "党群服务中心",
-    img: j0,
     wz: true,
     click: false,
   },
   {
     id: 22,
     name: "残疾人之家",
-    img: j0,
     wz: true,
     click: false,
   },
   {
     id: 23,
     name: "百姓健身房",
-    img: j0,
     wz: true,
     click: false,
   },
   {
     id: 31,
     name: "绿色跑道",
-    img: j0,
     wz: true,
     click: false,
   },
   {
     id: 24,
     name: "便民服务中心",
-    img: j0,
     wz: true,
     click: false,
   },
@@ -988,28 +1139,24 @@ const yaosuTotal = ref([
   {
     id: 27,
     name: "老年活动室",
-    img: j0,
     wz: true,
     click: false,
   },
   {
     id: 28,
     name: "篮球场",
-    img: j0,
     wz: false,
     click: false,
   },
   {
     id: 29,
     name: "足球场",
-    img: j0,
     wz: false,
     click: false,
   },
   {
     id: 30,
     name: "文化广场",
-    img: j0,
     wz: false,
     click: false,
   },
@@ -1017,35 +1164,30 @@ const yaosuTotal = ref([
   {
     id: 32,
     name: "公厕",
-    img: j0,
     wz: false,
     click: false,
   },
   {
     id: 33,
     name: "文化礼堂",
-    img: j0,
     wz: false,
     click: false,
   },
   {
     id: 34,
     name: "农家书屋",
-    img: j0,
     wz: false,
     click: false,
   },
   {
     id: 20,
     name: "助餐点",
-    img: j0,
     wz: false,
     click: false,
   },
   {
     id: 35,
     name: "乡贤馆",
-    img: j0,
     wz: false,
     click: false,
   },
@@ -2650,7 +2792,7 @@ const getDataBq = async (jd, cs) => {
           tsbqTotal.value.push({
             id: item.name,
             name: item.name,
-            rksl: 0,
+            rksl: item.rksl,
             tagId: item.tagId,
             click: false,
           });
@@ -2684,7 +2826,7 @@ const getDataBqFirst = async () => {
         tsbqTotal.value.push({
           id: item.name,
           name: item.name,
-          rksl: 0,
+          rksl: item.rksl,
           tagId: item.tagId,
           click: false,
         });
@@ -5360,7 +5502,12 @@ onMounted(async () => {
           height: 18px;
           margin-right: 3px;
         }
-
+        .circleY {
+          margin-right: 4px !important;
+          border-radius: 50%; /* 使其成为一个圆形 */
+          border: 1px solid #ffffff; /* 设置边框的样式和颜色 */
+          display: inline-block; /* 使其可以与其他元素在同一行 */
+        }
         .zyys_content_item_right {
           font-weight: 500;
           font-size: 16px;