绑定任务

src/views/DeviceView.vue

@@ -47,41 +47,41 @@
             </ElDropdown>
         </template>
         <ElTableColumn type="selection" width="55" />
-        <ElTableColumn prop="id" label="#" width="180" />
-        <ElTableColumn prop="model" label="型号" />
-        <ElTableColumn prop="name" label="编号" sortable="custom" />
+        <ElTableColumn prop="id" label="#" width="130" show-overflow-tooltip />
+        <ElTableColumn prop="model" label="型号" width="100" show-overflow-tooltip />
+        <ElTableColumn prop="name" label="编号" width="100" sortable="custom" />
         <ElTableColumn prop="version" label="版本" sortable="custom" width="80" />
-        <ElTableColumn prop="online" label="在线" width="80" align="center">
+        <ElTableColumn prop="online" label="在线" width="60" align="center">
             <template #default="{ row }">
                 <ElTag type="success" v-if="row.online">在线</ElTag>
                 <ElTag type="info" v-else>离线</ElTag>
             </template>
         </ElTableColumn>
-        <ElTableColumn prop="canSend" label="可以发送" width="80" align="center">
+        <ElTableColumn prop="canSend" label="可发" width="60" align="center">
             <template #default="{ row }">
                 <ElTag type="success" v-if="row.canSend">是</ElTag>
                 <ElTag type="info" v-else>否</ElTag>
             </template>
         </ElTableColumn>
-        <ElTableColumn prop="busy" label="忙碌" width="80" align="center">
+        <ElTableColumn prop="busy" label="忙碌" width="60" align="center">
             <template #default="{ row }">
-                <ElTag type="success" v-if="row.busy">忙碌</ElTag>
+                <ElTag type="success" v-if="row.busy" size="small">忙碌</ElTag>
                 <ElTag type="info" v-else>空闲</ElTag>
             </template>
         </ElTableColumn>
-        <ElTableColumn prop="requesting" label="取号中" width="80" align="center">
+        <ElTableColumn prop="requesting" label="取号" width="60" align="center">
             <template #default="{ row }">
                 <ElTag type="success" v-if="row.requesting">是</ElTag>
                 <ElTag type="info" v-else>否</ElTag>
             </template>
         </ElTableColumn>
-        <ElTableColumn prop="storing" label="备份中" width="80" align="center">
+        <ElTableColumn prop="storing" label="备份" width="60" align="center">
             <template #default="{ row }">
                 <ElTag type="success" v-if="row.storing">是</ElTag>
                 <ElTag type="info" v-else>否</ElTag>
             </template>
         </ElTableColumn>
-        <ElTableColumn prop="suspended" label="挂起" width="80" align="center">
+        <ElTableColumn prop="suspended" label="挂起" width="60" align="center">
             <template #default="{ row }">
                 <ElTag type="success" v-if="row.suspended">是</ElTag>
                 <ElTag type="info" v-else>否</ElTag>
@@ -102,6 +102,7 @@
             :formatter="configOverridesFormatter"
         />
         <ElTableColumn prop="ip" label="IP" show-overflow-tooltip />
+        <ElTableColumn prop="pinTask" label="任务" show-overflow-tooltip />
         <ElTableColumn label="操作" align="center" width="180">
             <template #default="{ row }">
                 <ElButton type="danger" size="small" @click="del(row)">删除</ElButton>
@@ -300,3 +301,8 @@ function onCommand(command) {
     }
 }
 </script>
+<style scoped>
+:deep(.el-table__cell .cell) {
+    padding: 0 82px !important;
+}
+</style>