实时在线用户功能

Yi.Vue3.X.RuoYi/src/views/index.vue

@@ -40,6 +40,7 @@
     <el-row :gutter="20">
       <el-col :sm="24" :lg="12" style="padding-left: 20px">
         <h2>意框架-若依后台管理框架</h2>
+        <h3>当前在线人数：{{onlineNum}}</h3>
         <p>
          Ruoyi:一直想做一款后台管理系统，看了很多优秀的开源项目但是发现没有合适自己的。于是利用空闲休息时间开始自己写一套后台系统。如此有了若依管理系统，她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA等等，当然，您也可以对她进行深度定制，以做出更强系统。所有前端后台代码封装过后十分精简易上手，出错概率低。同时支持移动客户端访问。系统会陆续更新一些实用功能。
         </p>
@@ -854,8 +855,14 @@
 </template>
 
 <script setup name="Index">
+import useSocketStore from '@/store/modules/socket'
+import { ref } from 'vue-demi';
+import { storeToRefs } from 'pinia';
+const socketStore=useSocketStore();
+const {onlineNum}=storeToRefs(socketStore);
 const version = ref('3.8.3')
 
+
 function goTarget(url) {
   window.open(url, '__blank')
 }