fix: bug#10676 修复设备接入网关 AccessCard组件背景图

src/views/link/AccessConfig/components/AccessCard/index.vue

@@ -3,7 +3,7 @@
         hoverable
         :class="[
             'card-render',
-            'container',
+            `access-${data.type || 'network'}`,
             checked === data.id ? 'checked' : '',
         ]"
         @click="checkedChange(data.id)"
@@ -41,6 +41,7 @@ const props = defineProps({
         default: () => {},
     },
 });
+console.log(111, props.data);
 
 const checkedChange = (id: string) => {
     emit('checkedChange', id);
@@ -106,8 +107,16 @@ const checkedChange = (id: string) => {
         }
     }
 }
-.container {
-    background: url('/public/images/access-icon.png') no-repeat;
+.access-media {
+    background: url('/public/images/access-media.png') no-repeat;
+    background-position: bottom right;
+}
+.access-network {
+    background: url('/public/images/access-network.png') no-repeat;
+    background-position: bottom right;
+}
+.access-protocol {
+    background: url('/public/images/access-protocol.png') no-repeat;
     background-position: bottom right;
 }
 </style>

src/views/link/AccessConfig/components/Cloud/Ctwing.vue

@@ -193,7 +193,7 @@
                             <AccessCard
                                 @checkedChange="procotolChange"
                                 :checked="procotolCurrent"
-                                :data="item"
+                                :data="{ ...item, type: 'protocol' }"
                             >
                             </AccessCard>
                         </j-col>

src/views/link/AccessConfig/components/Cloud/OneNet.vue

@@ -275,7 +275,7 @@
                             <AccessCard
                                 @checkedChange="procotolChange"
                                 :checked="procotolCurrent"
-                                :data="item"
+                                :data="{ ...item, type: 'protocol' }"
                             >
                             </AccessCard>
                         </j-col>

src/views/link/AccessConfig/components/Network/index.vue

@@ -40,6 +40,7 @@
                                     description: item.description
                                         ? item.description
                                         : descriptionList[provider.id],
+                                    type: 'network',
                                 }"
                             >
                                 <template #other>
@@ -118,12 +119,12 @@
                             v-for="item in procotolList"
                             :key="item?.id"
                         >
-                            <access-card
+                            <AccessCard
                                 @checkedChange="procotolChange"
                                 :checked="procotolCurrent"
-                                :data="item"
+                                :data="{ ...item, type: 'protocol' }"
                             >
-                            </access-card>
+                            </AccessCard>
                         </j-col>
                     </j-row>
                     <j-empty v-else description="暂无数据" />