update

src/modules/connect/api.ts

 import httpRequest from '@/utils/axios'
 
 // 链接列表
-export function getConnectionList(params: { created_operator?: string; type?: string; page?: number; page_size?: number }) {
+export function getConnectionList(params: { created_operator?: string; type?: string; page?: number; 'per-page'?: number }) {
   return httpRequest.get('/api/lab/v1/experiment/connection/list', { params })
 }
 

src/modules/connect/components/ListItem.vue

@@ -4,7 +4,7 @@ import { ElMessageBox, ElMessage } from 'element-plus'
 import Icon from '@/components/ConnectionIcon.vue'
 import { deleteConnection } from '../api'
 
-const props = defineProps<{ data: { id: string; type_name: string; type: string } }>()
+const props = defineProps<{ data: { id: string; type_name: string; type: string; config_attributes: any } }>()
 
 const router = useRouter()
 
@@ -32,18 +32,20 @@ const edit = function () {
 <template>
   <div class="connect-item">
     <div class="connect-item__edit">
-      <img @click="edit" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/pages/assa/dml_edit.png" alt="" />
-      <!-- <el-icon @click="edit"><Edit /></el-icon> -->
+      <!-- <img @click="edit" src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/pages/assa/dml_edit.png" alt="" /> -->
+      <el-icon size="20" color="#333" @click="edit"><Edit /></el-icon>
     </div>
     <div class="connect-item__remove" @click="handleRemove">
-      <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/pages/assa/dml_delete.png" alt="" />
-      <!-- <el-icon><Delete /></el-icon> -->
+      <!-- <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/pages/assa/dml_delete.png" alt="" /> -->
+      <el-icon size="20" color="#333"><Delete /></el-icon>
     </div>
     <div @click="routerView" style="display: flex; width: 100%; flex-direction: column; align-items: center">
       <div class="connect-item__icon">
         <Icon w="40" h="40" :multicolour="true" class="svg" :name="data?.type"></Icon>
       </div>
-      <p style="font-size: 18px; margin-top: 8px">{{ data?.type_name }}</p>
+      <p style="font-size: 18px; margin-top: 8px">
+        {{ data?.type === '12' ? data?.config_attributes[0].value : data?.type_name }}
+      </p>
     </div>
   </div>
 </template>

src/modules/connect/views/Index.vue

@@ -18,6 +18,7 @@ const listOptions = computed(() => {
       httpRequest: getConnectionList,
       params: { created_operator: '', type: '' }
     },
+    limit: 20,
     filters: [
       { type: 'input', prop: 'created_operator', placeholder: '请输入创建人姓名' },
       {