讲师管理bug

src/views/lecturer/LecturerApproval.vue

@@ -227,8 +227,11 @@
         </a-modal>
       </div>
       <!-- <div> <Upload/> </div>         -->
-       <LecturerAppEdit @successParams="successParams" v-model:visible="editTeacherDialog" :id="editId" ></LecturerAppEdit>
-    </div>
+       <LecturerAppEdit @example="getExample" @successParams="successParams" v-model:visible="editTeacherDialog" :id="editId" ></LecturerAppEdit>
+       <div class="example" v-if="example">
+          <a-spin />
+        </div>
+      </div>
   </template>
   <script lang="jsx">
   import { reactive, toRefs, ref ,watch,computed,onMounted} from "vue";
@@ -277,6 +280,7 @@
       })
       const router = useRouter()
       const state = reactive({
+        example: false,
         editId: null,
         editTeacherDialog: false,
         tableDataExamineLoading: false,
@@ -734,6 +738,9 @@
       const successParams = () => {
         getTableDate();
       }
+      const getExample = (val) => {
+        state.example = val
+      }
       const withdraw = (record) => {
         console.log(record,'record')
         dialog({
@@ -1097,6 +1104,7 @@
         tabsChange,
         withdraw,
         successParams,
+        getExample,
         goDdit,
         cancel,
         handleOperate,
@@ -1118,6 +1126,18 @@
   };
   </script>
 <style lang="scss" scoped >
+.example{
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.45);
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 999999;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 .select .ant-picker {
   width: 410px !important;
 }