diff --git a/src/view/sy_map.vue b/src/view/sy_map.vue index 0b402c5..ef4a3ac 100644 --- a/src/view/sy_map.vue +++ b/src/view/sy_map.vue @@ -128,7 +128,12 @@ @click="item.click ? changeys(item.name) : ''" :key="index" > - + +
{{ item.name }}
@@ -782,12 +787,164 @@ const PopulationRatio = ref([ }, ]); //特殊标签左侧数据 + const tsbqTotal = ref([]); const lingshibiaoqian = reactive([ { - id: "临时标签", - name: "临时标签", + id: "劳模", + 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;