优化

web/apps/web-antd/src/views/match/data-sync/index.vue

@@ -109,18 +109,11 @@ const columns = [
     width: 180,
   },
   {
-    align: 'center',
-    dataIndex: 'ip',
-    key: 'ip',
-    title: 'IP地址',
-    width: 140,
-  },
-  {
-    align: 'center',
+    align: 'left',
     dataIndex: 'deviceId',
     key: 'deviceId',
     title: '设备',
-    width: 90,
+    width: 160,
   },
   {
     key: 'action',
@@ -504,17 +497,20 @@ onUnmounted(() => {
           {{ record.requestCount ?? 0 }}
         </template>
         <template v-else-if="column.key === 'deviceId'">
-          <Tooltip v-if="Number.isInteger(record.deviceId)" title="打开设备">
-            <Button
-              class="device-link"
-              size="small"
-              type="link"
-              @click="openDevice(record.deviceId)"
-            >
-              <DesktopOutlined />
-            </Button>
-          </Tooltip>
-          <span v-else>-</span>
+          <Space>
+            <Tooltip v-if="Number.isInteger(record.deviceId)" title="打开设备">
+              <Button
+                class="device-link"
+                size="small"
+                type="link"
+                @click="openDevice(record.deviceId)"
+              >
+                <DesktopOutlined />
+              </Button>
+            </Tooltip>
+            <span v-else class="device-placeholder"></span>
+            <span>{{ displayValue(record.ip) }}</span>
+          </Space>
         </template>
         <template v-else>
           {{ displayValue(text) }}
@@ -577,6 +573,11 @@ onUnmounted(() => {
   padding: 0;
 }
 
+.device-placeholder {
+  display: inline-block;
+  width: 24px;
+}
+
 :deep(.hidden-expand-icon) {
   display: none;
 }