feat:视频管理，页面调整。

src/components/TabTitle/index.vue

 <template>
-      <el-card class="tab-title">
-        {{ text }}
-      </el-card>  
+  <el-card class="tab-title">
+    {{ text }}
+  </el-card>
 </template>
 
 <script>
@@ -16,28 +16,33 @@ export default defineComponent({
 </script>
 
 <style scope lang="scss">
-    .tab-title{
-      display: flex;
-      align-items:center;/*for vertical align*/
-      font-size: 20px;
-      height: 50px;
-      color: #1890FF;
-      background-color: #fff;
-      margin-bottom: 10px;
-      border-radius: 5px;
-      padding: 0;
-      .el-card__body{
-        padding: 0 !important;
-      }
-    }
-    .tab-title::before{
-      content:"";
-      display: inline-block;
-      width: 8px; /* 矩形的宽度 */
-      height: 28px; /* 矩形的高度 */
-      background-color: #1890FF; /* 矩形的背景颜色 */
-      margin-right: 8px;
-      border-radius: 8px;
-    }
+.tab-title {
+  display: flex;
+  align-items: center;
+  /*for vertical align*/
+  font-size: 20px;
+  height: 50px;
+  color: #1890FF;
+  background-color: #fff;
+  margin-bottom: 10px;
+  border-radius: 5px;
+  padding: 0;
+
+  .el-card__body {
+    padding: 0 !important;
+  }
+}
 
-</style>
+.tab-title::before {
+  content: "";
+  display: inline-block;
+  width: 8px;
+  /* 矩形的宽度 */
+  height: 28px;
+  /* 矩形的高度 */
+  background-color: #1890FF;
+  /* 矩形的背景颜色 */
+  margin-right: 8px;
+  border-radius: 8px;
+  margin-left: 8px;
+}</style>

src/views/algorithmList/index.vue

@@ -25,7 +25,7 @@
               default-active="2"
               class="el-menu-vertical-demo"
             >
-              <el-menu-item v-for="item in algorithmList" :index="item.name">
+              <el-menu-item v-for="item in algorithmList" :key="item.name" :index="item.name">
                 <span>{{ item.name }}</span>
               </el-menu-item>
             </el-menu>