wenyongda/ZRAdmin-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat：在线用户新增地理位置

Browse Source
This commit is contained in:
不做码农 2022-06-05 14:48:00 +08:00
parent 157119e2e0
commit 61d1279200
1 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/views/index_v1.vue
View File

@ -53,7 +53,6 @@
<el-button size="small" icon="edit"> <el-button size="small" icon="edit">
<router-link to="/user/profile">{{ $t('layout.modifyInformation') }}</router-link> <router-link to="/user/profile">{{ $t('layout.modifyInformation') }}</router-link>
</el-button> </el-button>
<!-- <el-button size="small" icon="el-icon-position" type="primary">发布活动</el-button> -->
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
@ -69,18 +68,17 @@
</div> </div>
</template> </template>
<div class="info"> <div class="info">
<!-- <vue3-seamless-scroll :list="onlineUsers" class="info-scroll" :step="0.2" :limitScrollNum="1"> -->
<el-scrollbar wrap-class="scrollbar-wrapper"> <el-scrollbar wrap-class="scrollbar-wrapper">
<div class="info-scroll"> <div class="info-scroll">
<ul class="info-ul"> <ul class="info-ul">
<li v-for="(v, k) in onlineUsers" :key="k" class="info-item"> <li v-for="(v, k) in onlineUsers" :key="k" class="info-item">
<div class="info-item-left" v-text="v.name"></div> <div class="info-item-left" v-text="v.name"></div>
<div>{{ v.userIP }}</div> <div>{{ v.userIP }}({{ v.location }})</div>
<div class="info-item-right" v-text="dayjs(v.loginTime).format('HH:mm:ss')"></div> <div class="info-item-right" v-text="dayjs(v.loginTime).format('HH:mm:ss')"></div>
</li> </li>
</ul></div </ul>
></el-scrollbar> </div>
<!-- </vue3-seamless-scroll> --> </el-scrollbar>
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
@ -122,14 +120,13 @@
</div> </div>
</template> </template>
<script setup name="Index"> <script setup name="index">
import PanelGroup from './dashboard/PanelGroup' import PanelGroup from './dashboard/PanelGroup'
import LineChart from './dashboard/LineChart' import LineChart from './dashboard/LineChart'
import RaddarChart from './dashboard/RaddarChart' import RaddarChart from './dashboard/RaddarChart'
import PieChart from './dashboard/PieChart' import PieChart from './dashboard/PieChart'
import BarChart from './dashboard/BarChart' import BarChart from './dashboard/BarChart'
import WordCloudChat from './dashboard/WordCloud.vue' import WordCloudChat from './dashboard/WordCloud.vue'
// import { Vue3SeamlessScroll } from 'vue3-seamless-scroll'
import dayjs from 'dayjs' import dayjs from 'dayjs'
@ -153,7 +150,7 @@ const data = {
wordCloud: [ wordCloud: [
{ {
name: 'Vue3', name: 'Vue3',
value: 1446, value: 144,
}, },
{ {
name: '.net6', name: '.net6',
@ -168,7 +165,7 @@ const data = {
value: 825, value: 825,
}, },
{ {
name: 'Lover Boy', name: '代码生成',
value: 514, value: 514,
}, },
{ {
@ -176,7 +173,7 @@ const data = {
value: 486, value: 486,
}, },
{ {
name: '音乐', name: '代码简单',
value: 53, value: 53,
}, },
{ {
@ -193,7 +190,11 @@ const data = {
}, },
{ {
name: 'Quartz.Net', name: 'Quartz.Net',
value: 1, value: 190,
},
{
name: 'Element UI',
value: 190,
}, },
], ],
} }