style: usage

This commit is contained in:
lejianwen
2025-01-15 21:23:39 +08:00
parent ce7ee9cce3
commit e4342ae3af
2 changed files with 15 additions and 6 deletions
+3 -3
View File
@@ -18,13 +18,13 @@
type="card" type="card"
> >
<el-tab-pane :label="T('Simple')" name="Simple"> <el-tab-pane :label="T('Simple')" name="Simple">
<el-space> <el-space wrap>
<RelayServers ref="rs" :can-send="canSendIdServerCmd"/> <RelayServers ref="rs" :can-send="canSendIdServerCmd"/>
<alwaysUseRelay :can-send="canSendIdServerCmd" @success="handleAlwaysUseRelaySuccess"/> <alwaysUseRelay :can-send="canSendIdServerCmd" @success="handleAlwaysUseRelaySuccess"/>
<mustLogin v-if="canControlMustLogin" :can-send="canSendIdServerCmd"/> <mustLogin v-if="canControlMustLogin" :can-send="canSendIdServerCmd"/>
<usage :can-send="canSendRelayServerCmd"/>
<blocklist :can-send="canSendRelayServerCmd"/> <blocklist :can-send="canSendRelayServerCmd"/>
<blacklist :can-send="canSendRelayServerCmd"/> <blacklist :can-send="canSendRelayServerCmd"/>
<usage :can-send="canSendRelayServerCmd"/>
</el-space> </el-space>
@@ -282,7 +282,7 @@
<style scoped lang="scss"> <style scoped lang="scss">
.simple-card { .simple-card {
width: 300px; min-width: 300px;
margin: 10px; margin: 10px;
min-height: 300px; min-height: 300px;
} }
+12 -3
View File
@@ -7,7 +7,14 @@
</template> </template>
<el-form :disabled="!canSend"> <el-form :disabled="!canSend">
<el-form-item> <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-form-item> <el-form-item>
<el-button @click="getList">{{ T('Refresh') }}</el-button> <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) const res = await sendCmd({ cmd: form.get_cmd, target: RELAY_TARGET }).catch(_ => false)
form.loading = false form.loading = false
if (res) { 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) => { watch(() => props.canSend, (v) => {
@@ -49,5 +56,7 @@
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.simple-card{
width: 500px;
}
</style> </style>