github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-12 11:19:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
kuaifan 2025-04-19 22:00:02 +08:00
parent 72982387cc
commit b43cbb7afe
2 changed files with 47 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
resources/assets/js/pages/manage/setting/device.vue
View File

@ -1,31 +1,36 @@
<template>
<div class="setting-device">
<ul>
<li v-for="device in devices" :key="device.id">
<div class="icon">
<span :class="getIcon(device.detail)"></span>
</div>
<div class="info">
<div class="title">
<span class="name">{{ getName(device.detail) }}</span>
<span class="device">{{ device.detail.os }}</span>
</div>
<div class="time">
<EPopover placement="bottom-start" trigger="click">
<div class="setting-device-popover">
<p>{{$L('登录时间')}}: {{device.created_at}}</p>
<p>{{$L('更新时间')}}: {{device.updated_at}}</p>
<p>{{$L('过期时间')}}: {{device.expired_at}}</p>
</div>
<span slot="reference">{{ device.updated_at }}</span>
</EPopover>
</div>
</div>
<div>
<span v-if="device.is_current" class="current">{{$L('当前设备')}}</span>
<Button v-else @click="onLogout(device)">{{$L('退出登录')}}</Button>
</div>
<li v-if="loadIng > 0 && devices.length === 0" class="loading">
<Loading/>
</li>
<template v-else>
<li v-for="device in devices" :key="device.id">
<div class="icon">
<span :class="getIcon(device.detail)"></span>
</div>
<div class="info">
<div class="title">
<span class="name">{{ getName(device.detail) }}</span>
<span class="device">{{ device.detail.os }}</span>
</div>
<div class="time">
<EPopover placement="bottom-start" trigger="click">
<div class="setting-device-popover">
<p>{{$L('登录时间')}}: {{device.created_at}}</p>
<p>{{$L('更新时间')}}: {{device.updated_at}}</p>
<p>{{$L('过期时间')}}: {{device.expired_at}}</p>
</div>
<span slot="reference">{{ device.updated_at }}</span>
</EPopover>
</div>
</div>
<div>
<span v-if="device.is_current" class="current">{{$L('当前设备')}}</span>
<Button v-else @click="onLogout(device)">{{$L('退出登录')}}</Button>
</div>
</li>
</template>
</ul>
</div>
</template>
@ -54,7 +59,8 @@ export default {
if (typeof this.$parent.updateDeviceCount === "function") {
this.$parent.updateDeviceCount(this.devices.length);
}
}).catch(() => {
}).catch(({msg}) => {
$A.modalError(msg);
this.devices = []
}).finally(() => {
this.loadIng--;

16
resources/assets/sass/pages/page-setting.scss vendored
View File

@ -343,6 +343,13 @@
}
.setting-device {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: auto;
> ul {
display: flex;
flex-direction: column;
@ -358,6 +365,15 @@
border-radius: 12px;
background: rgba(79, 89, 102, .04);
&.loading {
background: transparent;
.common-loading {
width: 24px;
height: 24px;
}
}
.icon {
align-self: flex-start;
display: flex;