feat: Upgrade Server command
This commit is contained in:
lejianwen
+181
-60
@@ -1,68 +1,124 @@
|
||||
<template>
|
||||
<div>
|
||||
<h2>此处功能为实验性质，更多说明请参考 <a target="_blank" href="https://github.com/lejianwen/rustdesk-api/wiki/Rustdesk-Command">WIKI</a></h2>
|
||||
<el-card class="list-query" shadow="hover">
|
||||
<el-form inline label-width="80px">
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="handlerQuery">{{ T('Filter') }}</el-button>
|
||||
<el-button type="danger" @click="toAdd">{{ T('Add') }}</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
<el-card class="list-body" shadow="hover">
|
||||
<h4 v-html="T('ServerCmdTips', {wiki: '<a target=\'_blank\' href=\'https://github.com/lejianwen/rustdesk-api/wiki/Rustdesk-Command\'>WIKI</a>'})"></h4>
|
||||
<h5>
|
||||
<span>{{ T('Status') }}: </span>
|
||||
<el-tag v-if="canSendCmd" type="success">{{ T('Available') }}</el-tag>
|
||||
<el-tag v-else type="danger">{{ T('NotAvailable') }}</el-tag>
|
||||
<el-button size="small" type="text" @click="refreshCanSendCmd">{{ T('Refresh') }}</el-button>
|
||||
</h5>
|
||||
<el-tabs
|
||||
v-model="activeName"
|
||||
type="card"
|
||||
>
|
||||
<el-tab-pane :label="T('Simple')" name="Simple">
|
||||
<el-space>
|
||||
<el-card shadow="hover" style="width: 300px" v-loading="rsForm.loading">
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
<span>RELAY_SERVERS</span>
|
||||
</div>
|
||||
</template>
|
||||
<el-form :disabled="!canSendCmd">
|
||||
<el-form-item>
|
||||
<el-input v-model="rsForm.option"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="getRS">{{ T('Refresh') }}</el-button>
|
||||
<el-button @click="saveRS" type="primary">{{ T('Save') }}</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
<el-card shadow="hover" style="width: 300px">
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
<span>ALWAYS_USE_RELAY</span>
|
||||
</div>
|
||||
</template>
|
||||
<el-form :disabled="!canSendCmd">
|
||||
<el-form-item>
|
||||
<el-switch v-model="aurForm.option" active-value="Y" inactive-value="N"></el-switch>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="getAUR">{{ T('Refresh') }}</el-button>
|
||||
<el-button @click="saveAUR" type="primary">{{ T('Save') }}</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
</el-space>
|
||||
|
||||
<el-table :data="listRes.list" v-loading="listRes.loading" border>
|
||||
<el-table-column prop="cmd" label="cmd" align="center"></el-table-column>
|
||||
<el-table-column prop="alias" label="alias" align="center"></el-table-column>
|
||||
<el-table-column prop="option" label="option" align="center"></el-table-column>
|
||||
<el-table-column prop="explain" label="explain" align="center"></el-table-column>
|
||||
<el-table-column label="actions" align="center">
|
||||
<template #default="{row}">
|
||||
<el-button type="success" @click="showCmd(row)">执行</el-button>
|
||||
<el-button v-if="row.id" type="primary" @click="toUpdate(row)">编辑</el-button>
|
||||
<el-button v-if="row.id" type="danger" @click="del(row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<el-dialog v-model="formVisible">
|
||||
<el-form label-width="150">
|
||||
<el-form-item label="cmd">
|
||||
<el-input v-model="formData.cmd"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="alias">
|
||||
<el-input v-model="formData.alias"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="option">
|
||||
<el-input v-model="formData.option"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="explain">
|
||||
<el-input v-model="formData.explain"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="submit">提交</el-button>
|
||||
<el-button @click="cancel">取消</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-dialog>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane :label="T('Advanced')" name="Advanced">
|
||||
<el-card class="list-query" shadow="hover">
|
||||
<el-form inline label-width="80px">
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="handlerQuery">{{ T('Filter') }}</el-button>
|
||||
<el-button type="danger" @click="toAdd">{{ T('Add') }}</el-button>
|
||||
<el-button type="success" :disabled="!canSendCmd" @click="showCmd({cmd:'',option:''})">{{ T('Send') }}</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
<el-card class="list-body" shadow="hover">
|
||||
|
||||
<el-table :data="listRes.list" v-loading="listRes.loading" border>
|
||||
<el-table-column prop="cmd" label="cmd" align="center"></el-table-column>
|
||||
<el-table-column prop="alias" label="alias" align="center"></el-table-column>
|
||||
<el-table-column prop="option" label="option" align="center"></el-table-column>
|
||||
<el-table-column prop="explain" label="explain" align="center"></el-table-column>
|
||||
<el-table-column label="actions" align="center">
|
||||
<template #default="{row}">
|
||||
<el-button type="success" :disabled="!canSendCmd" @click="showCmd(row)">{{ T('SendCustom') }}</el-button>
|
||||
<el-button v-if="row.id" type="primary" @click="toUpdate(row)">{{ T('Edit') }}</el-button>
|
||||
<el-button v-if="row.id" type="danger" @click="del(row)">{{ T('Delete') }}</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<el-dialog v-model="formVisible">
|
||||
<el-form label-width="150">
|
||||
<el-form-item label="cmd">
|
||||
<el-input v-model="formData.cmd"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="alias">
|
||||
<el-input v-model="formData.alias"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="option">
|
||||
<el-input v-model="formData.option"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="explain">
|
||||
<el-input v-model="formData.explain"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="submit">{{ T('Submit') }}</el-button>
|
||||
<el-button @click="cancel">{{ T('Cancel') }}</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog :title="T('SendCmd')" v-model="showCmdForm">
|
||||
<el-form label-width="150" :disabled="!canSendCmd">
|
||||
<el-form-item label="cmd">
|
||||
<el-input v-model="customCmd.cmd"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="option">
|
||||
<el-input v-model="customCmd.option"></el-input>
|
||||
<el-text v-if="customCmd.example.trim()" style="margin-top: 5px">Example:
|
||||
<el-text type="primary">{{ customCmd.example }}</el-text>
|
||||
</el-text>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="submitCmd">{{ T('Send') }}</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item :label="T('Result')">
|
||||
<el-input type="textarea" readonly disabled v-model="customCmd.res" rows="15"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-dialog>
|
||||
</el-card>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
|
||||
<el-dialog title="发送指令" v-model="showCmdForm">
|
||||
<el-form label-width="300">
|
||||
<el-form-item label="cmd">
|
||||
<el-input v-model="customCmd.cmd"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="option">
|
||||
<el-input type="textarea" v-model="customCmd.option"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="submitCmd">发送</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item label="执行结果">
|
||||
<el-input type="textarea" readonly disabled v-model="customCmd.res" rows="20"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-dialog>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -73,6 +129,69 @@
|
||||
import { T } from '@/utils/i18n'
|
||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||
|
||||
const activeName = ref('Simple')
|
||||
|
||||
const canSendCmd = ref(false)
|
||||
const checkCanSendCmd = async () => {
|
||||
const res = await sendCmd({ cmd: 'h' }).catch(_ => false)
|
||||
canSendCmd.value = !!res.data
|
||||
}
|
||||
const refreshCanSendCmd = () => {
|
||||
checkCanSendCmd().then(_ => {
|
||||
if (canSendCmd.value) {
|
||||
getAUR()
|
||||
getRS()
|
||||
}
|
||||
})
|
||||
}
|
||||
onMounted(refreshCanSendCmd)
|
||||
|
||||
const rsForm = reactive({
|
||||
cmd: 'rs',
|
||||
option: '',
|
||||
loading: false,
|
||||
})
|
||||
const getRS = async () => {
|
||||
rsForm.loading = true
|
||||
const res = await sendCmd({ cmd: 'rs' }).catch(_ => false)
|
||||
rsForm.loading = false
|
||||
if (res) {
|
||||
const data = res.data.split('\n').filter(i => i)
|
||||
rsForm.option = data.join(',')
|
||||
}
|
||||
}
|
||||
const saveRS = async () => {
|
||||
const res = await sendCmd(rsForm).catch(_ => false)
|
||||
if (res) {
|
||||
ElMessage.success(T('OperationSuccess'))
|
||||
}
|
||||
}
|
||||
|
||||
const aurForm = reactive({
|
||||
cmd: 'aur',
|
||||
option: '',
|
||||
value: 0,
|
||||
loading: false,
|
||||
})
|
||||
const getAUR = async () => {
|
||||
aurForm.loading = true
|
||||
const res = await sendCmd({ cmd: 'aur' }).catch(_ => false)
|
||||
aurForm.loading = false
|
||||
if (res) {
|
||||
if (res.data === 'ALWAYS_USE_RELAY: true' || res.data === 'ALWAYS_USE_RELAY: true\n') {
|
||||
aurForm.option = 'Y'
|
||||
} else {
|
||||
aurForm.option = 'N'
|
||||
}
|
||||
}
|
||||
}
|
||||
const saveAUR = async () => {
|
||||
const res = await sendCmd(aurForm).catch(_ => false)
|
||||
if (res) {
|
||||
ElMessage.success(T('OperationSuccess'))
|
||||
}
|
||||
}
|
||||
|
||||
const listRes = reactive({
|
||||
list: [], total: 0, loading: false,
|
||||
})
|
||||
@@ -157,12 +276,14 @@
|
||||
cmd: '',
|
||||
option: '',
|
||||
res: '',
|
||||
example: '',
|
||||
})
|
||||
const showCmd = (row) => {
|
||||
showCmdForm.value = true
|
||||
customCmd.cmd = row.cmd
|
||||
customCmd.option = ''
|
||||
customCmd.res = ''
|
||||
customCmd.example = `${row.cmd} ${row.option}`
|
||||
}
|
||||
const submitCmd = async () => {
|
||||
sendCmd(customCmd).then(res => {
|
||||
|
||||
Reference in New Issue
Block a user