style: usage

src/views/rustdesk/control.vue

@@ -18,13 +18,13 @@
         type="card"
     >
       <el-tab-pane :label="T('Simple')" name="Simple">
-        <el-space>
+        <el-space wrap>
           <RelayServers ref="rs" :can-send="canSendIdServerCmd"/>
           <alwaysUseRelay :can-send="canSendIdServerCmd" @success="handleAlwaysUseRelaySuccess"/>
           <mustLogin v-if="canControlMustLogin" :can-send="canSendIdServerCmd"/>
+          <usage :can-send="canSendRelayServerCmd"/>
           <blocklist :can-send="canSendRelayServerCmd"/>
           <blacklist :can-send="canSendRelayServerCmd"/>
-          <usage :can-send="canSendRelayServerCmd"/>
         </el-space>
 
 
@@ -282,7 +282,7 @@
 
 <style scoped lang="scss">
 .simple-card {
-  width: 300px;
+  min-width: 300px;
   margin: 10px;
   min-height: 300px;
 }

src/views/rustdesk/usage.vue

@@ -7,7 +7,14 @@
     </template>
     <el-form :disabled="!canSend">
       <el-form-item>
-        <el-input type="textarea" :model-value="form.list.join('|')" :rows="5" readonly></el-input>
+        <el-table :data="form.list" size="small">
+          <el-table-column prop="0" label="IP"></el-table-column>
+          <el-table-column prop="1" label="TIME"></el-table-column>
+          <el-table-column prop="2" label="TOTAL"></el-table-column>
+          <el-table-column prop="3" label="HIGHEST"></el-table-column>
+          <el-table-column prop="4" label="AVG"></el-table-column>
+          <el-table-column prop="5" label="SPEED"></el-table-column>
+        </el-table>
       </el-form-item>
       <el-form-item>
         <el-button @click="getList">{{ T('Refresh') }}</el-button>
@@ -37,7 +44,7 @@
     const res = await sendCmd({ cmd: form.get_cmd, target: RELAY_TARGET }).catch(_ => false)
     form.loading = false
     if (res) {
-      form.list = res.data.split('\n').filter(i => i)
+      form.list = res.data.split('\n').filter(i => i).map(i => i.split(" "))
     }
   }
   watch(() => props.canSend, (v) => {
@@ -49,5 +56,7 @@
 
 </script>
 <style scoped lang="scss">
-
+.simple-card{
+  width: 500px;
+}
 </style>