src/renderer/src/views/experiment/index.vue

@@ -18,15 +18,12 @@
         </el-form>
       </div>
       <div class="list-content">
-        <div class="list-container" v-loading="loading">
+        <div class="list-container">
-          <div v-for="(item, index) in experimentList" :key="index" class="content">
+          <div class="content-list" v-for="(item, index) in experimentList" :key="index">
-            <div class="content-list">
             <!-- 封面 -->
             <el-image style="width: 100%;border-radius: 8px;" :src="item.coverPic" fit="contain" @click="chooseVedio(item)"/>
-            
+            <!-- 标题 -->
-          </div>
+            <div style="text-align: left;">
-          <!-- 标题 -->
-          <div style="text-align: left;">
               <el-text>{{ item.fileShowName }}</el-text>
             </div>
             <!-- 观看人数 -->
@@ -74,8 +71,6 @@ const resultTotal = ref(0)
 // 弹出视频
 const isShow = ref(false)
 const curRow = ref({})
-// loading框
-const loading = ref(false)
 
 // 实验图片结构
 const experimentList = ref([])
@@ -99,13 +94,8 @@ const query = ref({
 
 const getData = (data) => {
   const { textBook, node } = data
-  if (node.parentNode) {
+  query.value.levelFirstId = node.parentNode.id
-    query.value.levelFirstId = node.parentNode.id
+  query.value.levelSecondId = node.id
-    query.value.levelSecondId = node.id
-  } else {
-    query.value.levelFirstId = node.id
-    query.value.levelSecondId = ''
-  }
   query.value.textbookId = node.rootid
   getVideoList()
 }
@@ -116,9 +106,7 @@ const chooseItem = (item) => {
 
 // 获取视频资源
 const getVideoList = async () => {
-  loading.value = true
   const res = await getSmarttalkPage(query.value)
-  loading.value = false
   experimentList.value = [...res.rows]
   resultTotal.value = res.total
 }
@@ -165,7 +153,7 @@ const chooseVedio = (item) => {
 }
 .list-content {
   border-radius: 8px;
-  height: 90%;
+  height: 100%;
 }
 .list-container {
   display: flex;
@@ -174,7 +162,7 @@ const chooseVedio = (item) => {
   overflow-y: auto;
 }
 
-.content {
+.content-list {
   border-radius: 8px;
   //   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   width: calc(20%);
@@ -183,13 +171,10 @@ const chooseVedio = (item) => {
   padding: 5px
 }
 
-.content:hover {
+.content-list:hover {
   transform: translateY(-4px);
   //   box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15);
 }
-.content-list{
-
-}
 
 .item-content {
   display: flex;