小修改

src/views/assembly/index.vue

@@ -5,7 +5,7 @@
         <p>组件目录</p>
       </div>
       <div class="ztree-container">
-        <p v-for="(i, k) in menu" :key="k">{{ k }}({{ i.length }})</p>
+        <p v-for="(i, k) in menu" :key="k" @click="scrollToSection(k)">{{ k }}({{ i.length }})</p>
       </div>
     </div>
     <div class="datacenter-right">
@@ -38,12 +38,19 @@ export default defineComponent({
             if (!menu.value[i.source] && i.source) menu.value[i.source] = [];
             if (i.source) menu.value[i.source].push(i), list.push(i);
           })
-          eventBus.emit('assemblylist', list)
+          // eventBus.emit('assemblylist', list)
+          eventBus.emit('assemblylist', menu.value)
         }
       })
     })
 
+    function scrollToSection(id) {
+      var dom = document.getElementById(id);
+      if (dom) dom.scrollIntoView({ behavior: 'smooth' });
+    }
+
     return {
+      scrollToSection,
       menu,
       assemblylist,
       prefixCls: 'account-center',

src/views/assembly/item/AssemblyData.vue

@@ -1,9 +1,9 @@
 <template>
   <Search></Search>
-  <div style="background-color: #f0f2f5" class="dark:bg-dark-900">
+  <div>
     <div class="datacenter-right">
       <div class="resource_list" id="map_list">
-        <div v-for="(i, k) in list" :key="k" class="item">
+        <!-- <div v-for="(i, k) in list" :key="k" class="item">
           <div><img :src="i.url" srcset=""></div>
           <b>{{ i.servicename }}</b>
           <p>
@@ -13,6 +13,22 @@
             <span>加入库</span>
             <span>已入库</span>
           </p>
+        </div> -->
+
+
+        <div v-for="(j, key, index) in list" :key="index" style="clear: both;">
+          <p class="itemName" :id="key">{{ key }}</p>
+          <div v-for="(i, n) in j" :key="n" class="item">
+            <div><img :src="i.url" srcset=""></div>
+            <b>{{ i.servicename }}</b>
+            <p>
+              <span><a :href="[`../../mapview.html?onlineIde_${i.servicealiasname}`]" target="_blank"
+                  rel="noopener noreferrer">浏览</a></span>
+              <span>详情</span>
+              <span>加入库</span>
+              <span>已入库</span>
+            </p>
+          </div>
         </div>
       </div>
     </div>
@@ -51,8 +67,11 @@ export default defineComponent({
     // });
     const list = ref([]);
     console.log("list", list);
-    eventBus.on('assemblylist', i => {
-      i.map(async (j) => j.url = await getImg(j.mapingurl))
+    eventBus.on('assemblylist', (i) => {
+      for (var j in i) {
+        i[j].map(async (k) => k.url = await getImg(k.mapingurl))
+      }
+      list.value = i
       setTimeout(() => list.value = i, 3000)
     })
 
@@ -85,6 +104,17 @@ export default defineComponent({
 </script>
 
 <style scoped>
+.itemName {
+  font-size: 16px;
+  font-weight: 500;
+  line-height: normal;
+  letter-spacing: 0em;
+  color: #333333;
+  border-left: solid 4px #0671DD;
+  padding-left: 20px;
+  margin-left: 12px;
+}
+
 .item p span {
   display: inline-block;
   min-width: 50px;
@@ -104,7 +134,7 @@ export default defineComponent({
 }
 
 .item {
-  width: 342px;
+  width: 378px;
   height: 299px;
   border-radius: 4px;
   background: #FFFFFF;

src/views/resource/plat/item/MapData.vue

@@ -127,6 +127,7 @@ export default defineComponent({
     // }, 2000)
     onMounted(() => {
       platList().then((r) => {
+        console.log(r)
         if (r) {
           list.value = r[0].items;
           list.value.map(async (i) => i.info = await img(i.SERVICEID))