luma page video list component is ready

web/src/views/Index.vue

@@ -40,7 +40,7 @@
 
       <div class="navs">
         <el-space wrap>
-          <div v-for="item in navs" class="nav-item">
+          <div v-for="item in navs" :key="item.url" class="nav-item">
             <el-button @click="router.push(item.url)" :color="theme.btnBgColor" :style="{color: theme.btnTextColor}" class="shadow" :dark="false">
               <i :class="'iconfont '+iconMap[item.url]"></i>
               <span>{{item.name}}</span>

web/src/views/Luma.vue

@@ -27,7 +27,21 @@
       </div>
     </div>
 
-    <h2 class="h-title">你的作品</h2>
+    <el-container class="video-container">
+      <h2 class="h-title">你的作品</h2>
+
+      <el-row :gutter="20" class="videos">
+        <el-col :span="8" class="item" :key="item.id" v-for="item in videos">
+          <div class="video-box" @mouseover="item.playing = true" @mouseout="item.playing = false">
+            <img :src="item.cover"  :alt="item.name" v-if="!item.playing"/>
+            <video :src="item.url"  preload="auto" :autoplay="true" loop="loop" muted="muted" v-else>
+              您的浏览器不支持视频播放
+            </video>
+          </div>
+          <div class="video-name">{{item.name}}</div>
+        </el-col>
+      </el-row>
+    </el-container>
   </div>
 </template>
 
@@ -42,11 +56,27 @@ const images = ref([
     "http://nk.img.r9it.com/chatgpt-plus/1719371605709871.jpg"
 ])
 
-const list = ref([
+const videos = ref([
   {
     id: 1,
-    name: '1',
-    url: 'http://localhost/download/xmind.mp4'
+    name: 'a dancing girl',
+    url: 'http://localhost/download/xmind.mp4',
+    cover: 'https://storage.cdn-luma.com/dream_machine/d133794f-3124-4059-a9f2-e5fed79f0d5b/video_0_thumb.jpg',
+    playing: false
+  },
+  {
+    id: 1,
+    name: 'a dancing girl',
+    url: 'http://localhost/download/dancing.mp4',
+    cover: 'https://storage.cdn-luma.com/dream_machine/92efa55a-f381-4161-a999-54f8fe460fca/video_1_thumb.jpg',
+    playing: false
+  },
+  {
+    id: 1,
+    name: 'a dancing girl',
+    url: 'http://localhost/download/xmind.mp4',
+    cover: 'https://storage.cdn-luma.com/dream_machine/d133794f-3124-4059-a9f2-e5fed79f0d5b/video_0_thumb.jpg',
+    playing: false
   }
 ])
 

web/src/views/PowerLog.vue

@@ -23,8 +23,8 @@
                 --el-table-row-hover-bg-color:#373C47;
                 --el-table-header-bg-color:#474E5C;
                 --el-table-text-color:#d1d1d1">
-            <el-table-column prop="username" label="用户"/>
-            <el-table-column prop="model" label="模型"/>
+            <el-table-column prop="username" label="用户" width="130px"/>
+            <el-table-column prop="model" label="模型" width="130px"/>
             <el-table-column prop="type" label="类型">
               <template #default="scope">
                 <el-tag size="small" :type="tagColors[scope.row.type]">{{ scope.row.type_str }}</el-tag>
@@ -39,7 +39,7 @@
               </template>
             </el-table-column>
             <el-table-column prop="balance" label="余额"/>
-            <el-table-column label="发生时间">
+            <el-table-column label="发生时间" width="160px">
               <template #default="scope">
                 <span>{{ dateFormat(scope.row['created_at']) }}</span>
               </template>

web/src/views/Register.vue

@@ -335,6 +335,8 @@ const doSubmitRegister = (verifyData) => {
         .el-image {
           width 120px;
           cursor pointer
+          background-color #ffffff
+          border-radius 50%
         }
       }
 

web/src/views/admin/Login.vue

@@ -145,6 +145,8 @@ const doLogin = function (verifyData) {
         .el-image {
           width 120px;
           cursor pointer
+          background-color #ffffff
+          border-radius 50%
         }
       }
 

web/src/views/admin/SysConfig.vue

@@ -376,6 +376,12 @@
             </el-descriptions-item>
           </el-descriptions>
 
+          <h3>激活后可获得以下权限：</h3>
+          <ol class="active-info">
+            <li>1、使用任意第三方中转 API KEY，而不用局限于 GeekAI 推荐的白名单列表</li>
+            <li>2、可以在相关页面去除 GeekAI 的版权信息，或者修改为自己的版权信息</li>
+          </ol>
+
           <el-form :model="system" label-width="150px" label-position="right">
             <el-form-item label="许可授权码" prop="license">
               <el-input v-model="licenseKey"/>
@@ -592,6 +598,11 @@ const onUploadImg = (files, callback) => {
         }
       }
 
+
+      .active-info {
+        line-height 1.5
+        padding 10px 0 30px 0
+      }
       .el-descriptions {
         margin-bottom 20px
         .el-icon {