t

src/views/courselibrary/CoursewareManage.vue

@@ -2924,7 +2924,11 @@
       </div>
     </a-modal>
     <!-- 预览弹窗 -->
-    <!-- <SeeModal :show="lookCourseModal" /> -->
+    <SeeModal
+      :show="lookCourseModal"
+      :detail="faceDetailObj"
+      @cancel="ft_exit_see"
+    />
     <!--删除 复制 停用弹窗 -->
     <!-- 学员管理课程库-归属权抽屉 -->
     <!-- <own-power v-model:ownpowervisible="ownpowervisible" /> -->
@@ -4825,16 +4829,22 @@ export default defineComponent({
             score: "",
             studentIds: [state.studentId],
             type: 5,
+          }).then((res) => {
+            if (res.data.code === 200) {
+              getTableDate2();
+              delete_exit1();
+            }
           });
-          getTableDate2();
-          delete_exit1();
         } else if (state.offcourseId && state.offcoursePlanId) {
           console.log(2222222);
           deletePlan({
             offcoursePlanId: state.offcoursePlanId,
+          }).then((res) => {
+            if (res.data.code === 200) {
+              getTableDate3();
+              delete_exit1();
+            }
           });
-          getTableDate3();
-          delete_exit1();
         } else if (state.offcourseId) {
           console.log(3333333);
           handle({
@@ -5086,7 +5096,6 @@ export default defineComponent({
       state.lookCourseModal = false;
     };
     const handleLook = async (itm, type) => {
-      state.lookCourseModal = true;
       // state.isEdit = 0;
       console.log(45555);
       console.log(itm);
@@ -5100,12 +5109,14 @@ export default defineComponent({
       }).then((res) => {
         if (res.data.code === 200) return res.data.data;
       });
+      state.lookCourseModal = true;
       state.faceDetailObj = item;
       // heroImg.value.src = item.picUrl;
       // valueHtmlRef.value = item.outline;
       // attachMap.value = item.attach == "" ? [] : item.attach.split(",");
       console.log("res222222222");
       console.log(item);
+      console.log(state.lookCourseModal);
 
       // state.qdms_inputV1 = item.name;
       // state.imageUrl = item.picUrl;

src/views/courselibrary/components/seeModal.vue

@@ -2,7 +2,7 @@
 <template>
   <!-- 预览弹窗 -->
   <a-modal
-    v-model:visible="showM"
+    :visible="show"
     title="查看"
     @ok="handleCancel"
     :footer="null"
@@ -301,7 +301,7 @@
   </a-modal>
 </template>
 <script>
-import { reactive, toRefs, defineComponent } from "vue";
+import { reactive, toRefs, defineComponent, toRef, watch } from "vue";
 
 export default defineComponent({
   props: {
@@ -316,10 +316,16 @@ export default defineComponent({
   },
   setup(props, { emit }) {
     console.log(props);
-    // const showM = ref(props.show);
-    const state = reactive({
-      showM: false,
-    });
+    const detailWatch = toRef(props, "detail");
+    const state = reactive({});
+    watch(
+      () => detailWatch,
+      (newValue) => {
+        console.log(78787878);
+        console.log(newValue);
+      },
+      { deep: true }
+    );
 
     const filterTxt = (txt) => {
       if (txt) {
@@ -329,7 +335,6 @@ export default defineComponent({
       }
     };
     const handleCancel = () => {
-      console.log(6767767);
       emit("cancel");
     };