1

src/views/course/components/KnowledgeGraphUi/foldInfoUi.vue

@@ -17,7 +17,7 @@
                 <div class="my-tag">本章资源</div>
               </div>
               <button class="my-button" @click.stop="emits('edit', item)" style="margin-right: 10px;">编辑</button>
-              <el-button type="danger" class="is-el-button" :loading="loading&&item.id===activeData.id" @click.stop="hanDel(item)" style="margin-right: 10px;">删除</el-button>
+              <my-btn :id="item.id" type="danger" class="is-el-button" style="margin-right: 10px;">删除</my-btn>
             </div>
           </template>
           <template #default>
@@ -40,8 +40,9 @@
                           <div class="my-tag" type="warning">{{ obj.totalclasshours }}学时</div>
                         </div>
                         <div class="tit-box-edit">
-                          <button class="my-button" @click.stop="emits('edit', obj)" style="margin-right: 10px;">编辑</button>
+                          <button class="my-button" @click.stop="emits('edit', obj)"
-                          <el-button type="danger" class="is-el-button" :loading="loading&&obj.id==activeData.id" my-type="error" @click.stop="hanDel(obj)">删除</el-button>
+                            style="margin-right: 10px;">编辑</button>
+                            <my-btn :id="obj.id" type="danger" class="is-el-button" style="margin-right: 10px;">删除</my-btn>
                         </div>
                       </div>
                     </div>
@@ -62,13 +63,24 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ElButton } from 'element-plus';
-defineProps(['foldInfoData','loading'])
+import { ref, h, type SetupContext, withModifiers  } from 'vue'
+defineProps(['foldInfoData'])
 const emits = defineEmits(['add', 'del', 'edit'])
-const activeData = ref({id:undefined})
+
-function hanDel(o:any){
+const MyBtn = {
-  activeData.value = o
+  props: ['id'],
-  emits('del', o.id)
+  setup(props:{id:string}, context:SetupContext) {
+    const loading = ref(false)
+    const setLoading = (bool: boolean) => loading.value = bool
+    return ()=> h(ElButton, {
+      loading: loading.value,
+      onClick: withModifiers(function () { 
+        emits('del', props.id,setLoading)
+      }, ['stop']),
+      ...context.attrs,
+    }, context.slots)
+  }
 }
 </script>
 

src/views/course/courseChapters.vue

@@ -16,8 +16,7 @@
                 </div>
                 <div class="bottom">
                     <!-- 可折叠基本概念 -->
-                    <fold-info-ui :foldInfoData="foldInfoData" @add="showHide = true" @edit="hanEdit" @del="flodDel"
+                    <fold-info-ui :foldInfoData="foldInfoData" @add="showHide = true" @edit="hanEdit" @del="flodDel" />
-                        :loading="foldDelLoading" />
                     <FoldAdd v-model:is-d="showHide" v-if="showHide" :data="foldInfoData" @submit="foldAddSubmit" />
                     <FoldEdit v-model:is-d="showHide1" v-if="showHide1" :editData="activeEditData" :data="foldInfoData"
                         @submit="foldEditSubmit" />
@@ -108,6 +107,7 @@ function foldAddSubmit(data: any, updLoading: Function) {
         .finally(() => updLoading(false))
 }
 //删除章节
+<<<<<<< HEAD
 const foldDelLoading = ref(false)
 function flodDel(id: string) {
     foldDelLoading.value = true
@@ -118,6 +118,14 @@ function flodDel(id: string) {
                 type: 'success',
             })
             getFold()
+=======
+function flodDel(id: string,setLoading:Function) {
+    setLoading(true)
+    deleteSectionApi(id).then(() => {
+        ElMessage({
+            message: `删除成功`,
+            type: 'success'
+>>>>>>> efc569df5dcaa0a473e7d75d75a5abe7e5d030d5
         })
         .catch(() => {
             ElMessage({
@@ -125,7 +133,11 @@ function flodDel(id: string) {
                 type: 'error',
             })
         })
+<<<<<<< HEAD
         .finally(() => (foldDelLoading.value = false))
+=======
+    }).finally(() =>setLoading(false))
+>>>>>>> efc569df5dcaa0a473e7d75d75a5abe7e5d030d5
 }
 // 更新章节
 const showHide1 = ref(false)

src/views/courseResources/componse/resourceAdd.vue

@@ -3,23 +3,37 @@ import { ref } from 'vue'
 const visibilerDrawer = ref(false)
 import { ElMessage } from 'element-plus'
 import { CourseResourceControllerService } from '../../../../generated/services/CourseResourceControllerService'
+import tool from '@/utils/oss.js'
+import { id } from 'element-plus/es/locales.mjs';
 //默认数据
 const defaultForm = {
   description: '',
-  id: '',
+  id:'',
   img: '', //封面
   name: '',
   type: '', //资源类型
   path: '',
 }
 const imageUrl = ref('')
-const onSelectFile = (uploadFile) => {
+//上传阿里云oss
-  // console.log(uploadFile)
+const upload = async (option) =>{
   //预览图片
-  imageUrl.value = URL.createObjectURL(uploadFile.raw)
+  imageUrl.value = URL.createObjectURL(option.raw)
-  //将图片存入
+  const res = await tool.oss.upload(option.raw);//将图片存入阿里云
-  formModel.value.img = uploadFile.raw
+  const url = "https://wenyu132.oss-cn-beijing.aliyuncs.com/" + res.name;//获取到存入阿里云后的url
+  console.log(url);
+  //将url赋值给要上传后端的参数里
+  formModel.value.img = url
 }
+
+
+// const onSelectFile = (uploadFile) => {
+//   // console.log(uploadFile)
+//   //预览图片
+//   imageUrl.value = URL.createObjectURL(uploadFile.raw)
+//   //将图片存入
+//   formModel.value.img = uploadFile.raw
+// }
 //准备数据
 
 const formModel = ref({
@@ -184,7 +198,7 @@ defineExpose({
           :show-file-list="false"
           :auto-upload="false"
           :before-upload="beforeAvatarUpload"
-          :on-change="onSelectFile"
+          :on-change="upload"
         >
           <img v-if="imageUrl" :src="imageUrl" class="avatar" />
           <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>

src/views/courseResources/index.vue

@@ -85,7 +85,7 @@ const param = ref({
   download: '0',
   content: '',
   address: '/portal',
-  type: '1',
+  type: '4',
 })
 //点击生成浏览记录
 const generateRecords = async (rescource) => {