go-pkg/wireguard-dashboard
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 55 Wiki Activity

⚡调整了客户端列表页面的卡片布局
All checks were successful
continuous-integration/drone/tag Build is passing
Details

Browse Source
This commit is contained in:
coward 2024-11-04 17:25:27 +08:00
parent 40019568f0
commit 29c1c791d4
1 changed files with 28 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
web/src/views/client/index.vue
View File

@ -85,14 +85,14 @@
{{ cip }}
</n-button>
</n-form-item>
<n-form-item label="可访问IP:">
<n-button v-if="row.allowedIps.length <= 0" dashed size="small">
-
</n-button>
<n-button v-else dashed mr-2 type="warning" v-for="aip in row.allowedIps" size="small">
{{ aip }}
</n-button>
</n-form-item>
<!-- <n-form-item label="可访问IP:">-->
<!-- <n-button v-if="row.allowedIps.length <= 0" dashed size="small">-->
<!-- - -->
<!-- </n-button>-->
<!-- <n-button v-else dashed mr-2 type="warning" v-for="aip in row.allowedIps" size="small">-->
<!-- {{ aip }}-->
<!-- </n-button>-->
<!-- </n-form-item>-->
<n-form-item label="创建人:">
<n-button color="#54150F" dashed size="small">
{{ row.createUser }}
@ -106,7 +106,7 @@
禁用
</n-button>
</n-form-item>
<n-form-item label="离线监听:">
<n-form-item label="离线通知:">
<n-button v-if="row.offlineMonitoring === 1" color="#067748" round :bordered="false" size="small">
启用
</n-button>
@ -114,12 +114,12 @@
禁用
</n-button>
</n-form-item>
<n-form-item class="timeItem" label="时间:">
<n-space vertical>
<span> 创建时间: {{ row.createdAt }}</span>
<span> 更新时间: {{ row.updatedAt }}</span>
</n-space>
</n-form-item>
<!-- <n-form-item class="timeItem" label="时间:">-->
<!-- <n-space vertical>-->
<!-- <span> 创建时间: {{ row.createdAt }}</span>-->
<!-- <span> 更新时间: {{ row.updatedAt }}</span>-->
<!-- </n-space>-->
<!-- </n-form-item>-->
</n-form>
</div>
</n-card>
@ -228,12 +228,18 @@
<n-radio :value="0" :checked="editModalForm.enabled === 0" @change="editModalForm.enabled = 0">禁用</n-radio>
</n-radio-group>
</n-form-item>
<n-form-item label="离线监听" path="offlineMonitoring">
<n-form-item label="离线通知" path="offlineMonitoring">
<n-radio-group :value="editModalForm.offlineMonitoring">
<n-radio :value="1" :checked="editModalForm.offlineMonitoring === 1" @change="editModalForm.offlineMonitoring = 1">启用</n-radio>
<n-radio :value="0" :checked="editModalForm.offlineMonitoring === 0" @change="editModalForm.offlineMonitoring = 0">禁用</n-radio>
</n-radio-group>
</n-form-item>
<n-form-item class="timeItem" label="时间:">
<n-space vertical>
<span> 创建时间: {{ editModalForm.createdAt }}</span>
<span> 更新时间: {{ editModalForm.updatedAt }}</span>
</n-space>
</n-form-item>
<n-button type="info" style="margin-left: 40%" @click="updateClient()">确认</n-button>
</n-form>
</n-modal>
@ -319,7 +325,7 @@
<n-radio :value="0" :checked="addModalForm.enabled === 0" @change="addModalForm.enabled = 0">禁用</n-radio>
</n-radio-group>
</n-form-item>
<n-form-item label="离线监听" path="offlineMonitoring">
<n-form-item label="离线通知" path="offlineMonitoring">
<n-radio-group :value="addModalForm.offlineMonitoring">
<n-radio :value="1" :checked="addModalForm.offlineMonitoring === 1" @change="addModalForm.offlineMonitoring = 1">启用</n-radio>
<n-radio :value="0" :checked="addModalForm.offlineMonitoring === 0" @change="addModalForm.offlineMonitoring = 0">禁用</n-radio>
@ -440,7 +446,9 @@ const editModalForm = ref({
presharedKey: ''
},
enabled: 1,
offlineMonitoring: 1
offlineMonitoring: 1,
createdAt: '',
updatedAt: ''
})
// 添加模态框的数据集
@ -576,6 +584,8 @@ function openEditModal(row) {
editModalForm.value.keys.presharedKey = row.keys.presharedKey
editModalForm.value.enabled = row.enabled
editModalForm.value.offlineMonitoring = row.offlineMonitoring
editModalForm.value.createdAt = row.createdAt
editModalForm.value.updatedAt = row.updatedAt
}
// 更改客户端信息