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

This commit is contained in:
coward 2024-11-04 17:25:27 +08:00
parent 40019568f0
commit 29c1c791d4

View File

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