chore: 配置连接显示图标

src/modules/trip/template/components/BindConnection.vue

@@ -4,6 +4,7 @@ import { ElMessage } from 'element-plus'
 import { getTripConnections, bindTripConnections } from '../api'
 import type { ConnectionType } from '@/composables/useAllData'
 import { useConnection } from '@/composables/useAllData'
+import ConnectionIcon from '@/components/ConnectionIcon.vue'
 
 const props = defineProps<{
   data: TripTemplate
@@ -55,7 +56,7 @@ function handleSave() {
         :class="{ 'is-active': isActive(item) }"
         @click="toggleSelection(item)">
         <el-checkbox :model-value="isActive(item)" />
-        <div class="connection-item__icon"></div>
+        <div class="connection-item__icon"><ConnectionIcon :name="item.type + ''" /></div>
         <p>{{ item.name }}</p>
       </div>
     </div>
@@ -76,7 +77,7 @@ function handleSave() {
 }
 .connection-item {
   position: relative;
-  height: 124px;
+  height: 100px;
   display: flex;
   flex-direction: column;
   align-items: center;