讲师管理bug

src/components/NavLeft.vue

@@ -415,14 +415,14 @@
             <router-link to="/teacheropinion">意见</router-link>
           </a-menu-item>
         </a-sub-menu>
-        <a-sub-menu key="sub24" @titleClick="titleClick" v-if="checkMenu('instructorcertification')">
+        <a-sub-menu key="sub24" @titleClick="titleClick" v-if="checkMenu('lecturer')">
           <template #icon>
             <div class="imgBox">
               <img style="width: 15px; height: 15px" src="../assets/images/navleft/project.png" />
             </div>
           </template>
           <template #title>讲师管理</template>
-          <a-menu-item key="sub24-1" v-if="checkMenu('instructorcertification')">
+          <a-menu-item key="sub24-1" v-if="checkMenu('lecturer')">
             <span
                 :class="{
                 circleActive: selectedKeys[0] === 'sub24-1' ? true : false,

src/components/project/lockLecturer.vue

@@ -68,7 +68,7 @@
                 </a-table>
               </div>
               <div style="margin-bottom: 100px">
-                <a-table v-if="threeList" :columns="columnsThree" :data-source="formData?.tableDataThree" :pagination="false"/>
+                <a-table v-if="threeList" :columns="columnsThree" :loading="formData?.loadingThree" :data-source="formData?.tableDataThree" :pagination="false"/>
               </div>
             </a-tab-pane>
           </a-tabs>
@@ -246,18 +246,28 @@ const columnsTwo = ref([
     slots: { customRender: "action" },
   }
 ])
+const approvalData = ref(null)
 const threeList = ref(false)
 const lookList = (record) => {
   console.log(record,'resssssss')
-  threeList.value = true
-  api.getApprovalResultByApprovalIdList(record.approvalId).then(res=>{
-    if(res.data.code == 200){
-      formData.value.tableDataThree = res.data.data
-    }
-  }).catch(err=>{
-    message.destroy()
-    message.error(err.data.msg)
-  })
+  if(!threeList.value||record.approvalId!=approvalData.value){
+    threeList.value = true
+    approvalData.value = record.approvalId
+    formData.value.loadingThree = true
+    api.getApprovalResultByApprovalIdList(record.approvalId).then(res=>{
+      if(res.data.code == 200){
+        formData.value.tableDataThree = res.data.data
+      }
+      formData.value.loadingThree = false
+    }).catch(err=>{
+      message.destroy()
+      formData.value.loadingThree = false
+      message.error(err.data.msg)
+    })
+  }else{
+    threeList.value = false
+    approvalData.value = null
+  }
 }
 const visible = ref(false);
 watch(visible, (val)=>{
@@ -288,7 +298,6 @@ const getTwoData = () => {
       params.total = res.data.data.total
     }
     formData.value.loadingTwo = false
-    console.log(formData.value.tableDataTwo,'xixixi')
   }).catch(err=>{
     message.destroy()
     message.error(err.data.msg)
@@ -358,7 +367,8 @@ function openDrawer() {
 .impotergroupleader {
   .drawerMain {
     min-width: 600px;
-    margin: 0px 32px 0px 32px;
+    margin:0;
+    padding: 0px 32px 0px 32px;
     overflow-x: auto;
     display: flex;
     flex-direction: column;
@@ -379,6 +389,7 @@ function openDrawer() {
         color: #333333;
         line-height: 25px;
         // margin-left: 24px;
+        margin: 0;
       }
     }
     .content{