src/api/user/object.js

@@ -12,15 +12,3 @@ export const getObjectList = (params) => {
     params,
   })
 }
-//  删除课程目标
-export const delObjectContents = (id) => {
-  return request.delete(`/api/objective_contents/${id}`)
-}
-// 添加课程目标
-export const addObjectContents = (params) => {
-  return request.post(`/api/objective_contents/addcontent`, params)
-}
-// 查询目标内容
-export const getObjectContent = (id) => {
-  return request.get(`/api/objective_contents/${id}`)
-}

src/views/course/components/chapters-details.vue

@@ -28,9 +28,7 @@
     padding: 20px;
 
     p {
-      margin-bottom: 5px;
+      margin: 10px;
-      line-height: 1.5;
-      letter-spacing: 1px;
     }
   }
 }

src/views/course/components/course-chapters.vue

@@ -140,16 +140,8 @@ const dataSource = ref<Tree[]>([
           <span class="custom-tree-node">
             <span @click="getDetails(data.id)">{{ data.name }}</span>
             <span>
-              <el-button @click="append(data)" circle size="small" type="primary" plain>
+              <el-button @click="append(data)">添加</el-button>
-                <el-icon :size="15">
+              <el-button @click="remove(node, data)">删除</el-button>
-                  <Plus />
-                </el-icon>
-              </el-button>
-              <el-button @click="remove(node, data)" circle size="small" type="danger" plain>
-                <el-icon :size="15">
-                  <Delete />
-                </el-icon>
-              </el-button>
               <!-- <a @click="append(data)"></a> -->
               <!-- <a style="margin-left: 8px" @click="remove(node, data)">删除</a> -->
             </span>

src/views/course/components/course-object.vue

@@ -2,15 +2,8 @@
 import { ref, onMounted } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { Edit, Delete } from '@element-plus/icons-vue'
-import {
+import { getObjectType, updateContents, getObjectList } from '@/api/user/object'
-  updateContents,
-  getObjectList,
-  delObjectContents,
-  addObjectContents,
-  getObjectContent,
-} from '@/api/user/object'
 import { useRoute } from 'vue-router'
-import { ITEM_RENDER_EVT } from 'element-plus/es/components/virtual-list/src/defaults.mjs'
 const route = useRoute()
 // const router = useRouter()
 const courseId = ref(0)
@@ -22,7 +15,7 @@ const params = ref({
   id: '',
   objectiveId: '',
 })
-// 获取目标列表
+// 获取课程知识点列表
 const getObject = async () => {
   const res = await getObjectList({ id: courseId.value })
   console.log(res, 'objectres')
@@ -33,21 +26,21 @@ const getObject = async () => {
   console.log(data.value, 'data.value')
   // content.value = res.data[0].contents[0].content
 }
-
 // 获取目标类型
-// const type = ref({
+const type = ref({
-//   id: '',
+  id: '',
-//   typeName: '',
+  typeName: '',
-// })
+})
-// const getType = async () => {
+const getType = async () => {
-//   const res = await getObjectType()
+  const res = await getObjectType()
-//   type.value = res.data.slice(1, 5)
+  type.value = res.data.slice(1, 5)
-//   console.log(type.value, 'typeres')
+  console.log(type.value, 'typeres')
-// }
+}
 onMounted(() => {
   courseId.value = route.query.id
   console.log(courseId.value, 'courseid.vlue')
   getObject()
+  getType()
 })
 // 修改目标内容
 const isEditing = ref(false)
@@ -91,81 +84,6 @@ const saveContent = async () => {
 const cancelEdit = () => {
   isEditing.value = false
 }
-// 删除目标
-const delObject = async (id: any) => {
-  await ElMessageBox.confirm('你确认要删除该课程目标吗', '温馨提示', {
-    type: 'warning',
-    confirmButtonText: '确认',
-    cancelButtonText: '取消',
-  })
-  await delObjectContents(id).then(() => {
-    ElMessage.success('删除成功')
-    getObject()
-  })
-}
-// 添加目标
-// 内容
-const formData = ref({
-  description: '',
-})
-// 弹窗
-const dialogVisible = ref(false)
-// 关闭弹窗
-const handleClose = () => {
-  dialogVisible.value = false
-}
-const close = () => {
-  formData.value = {
-    description: '',
-  }
-  dialogVisible.value = false
-}
-// 编辑
-const flog = ref()
-const objectiveIds = ref(0)
-const addObject = (item: any) => {
-  // console.log(id, 'id')
-  dialogVisible.value = true
-  flog.value = false
-  formData.value.description = ''
-  // updateDisabledStatus()
-  objectiveIds.value = item.id
-}
-const editdata = ref({ id: '', objectiveId: '' })
-const updateObjectContent = async (id: any) => {
-  dialogVisible.value = true
-  flog.value = true
-  const res = await getObjectContent(id)
-  formData.value.description = res.data.content
-  console.log(res, '回显res')
-  editdata.value.id = res.data.id
-  editdata.value.objectiveId = res.data.objectiveId
-}
-// 弹窗提交事件
-const submit = async () => {
-  if (formData.value.description === '') {
-    // 显示错误提示
-    await ElMessage.error('内容不能为空')
-    return
-  }
-  if (flog.value) {
-    await updateContents({
-      ...editdata.value,
-      content: formData.value.description,
-    })
-    ElMessage.success('编辑成功')
-  } else {
-    console.log(objectiveIds, 'objectiveIds')
-    await addObjectContents({
-      objectiveId: objectiveIds.value,
-      content: formData.value.description,
-    })
-    ElMessage.success('添加成功')
-  }
-  getObject()
-  dialogVisible.value = false
-  formData.value.description = ''
-}
 </script>
 <template>
   <div class="grid-content course-object" style="height: 450px">
@@ -180,13 +98,15 @@ const submit = async () => {
           <el-card style="max-width: 480px">
             <template #header>
               <div class="card-header">
-                <span>整体目标</span>
+                <span>课程总目标</span>
                 <el-button type="primary" :icon="Edit" circle plain @click="updateContent"></el-button>
               </div>
             </template>
             <div class="el-card__body" style="">
               <div v-if="isEditing" class="editCon">
-                <textarea class="textarea" v-model="content"></textarea>
+                <textarea class="textarea" @change="textChange" v-model="content">
+      {{ params.content }}
+    </textarea>
                 <el-button type="primary" @click="saveContent">保存</el-button>
                 <el-button type="default" @click="cancelEdit">取消</el-button>
               </div>
@@ -204,7 +124,7 @@ const submit = async () => {
               <div class="left">
                 <div class="type">{{ item.name }}</div>
                 <div class="icon">
-                  <el-icon @click="addObject(item)">
+                  <el-icon>
                     <Plus />
                   </el-icon>
                 </div>
@@ -214,8 +134,8 @@ const submit = async () => {
           <li v-for="(obj, i) in item.contents" :key="obj.id">
             <span>目标{{ i + 1 }}：{{ obj.content }}</span>
             <div class="icon">
-              <el-button type="primary" :icon="Edit" circle size="small" plain @click="updateObjectContent(obj.id)" />
+              <el-button type="primary" :icon="Edit" circle size="small" plain />
-              <el-button type="danger" :icon="Delete" circle size="small" plain @click="delObject(obj.id)" />
+              <el-button type="danger" :icon="Delete" circle size="small" plain />
             </div>
           </li>
           </el-scrollbar>
@@ -224,20 +144,6 @@ const submit = async () => {
     <el-divider style="margin: 0; width: 100%" />
     </li>
     </ul>
-    <el-dialog v-if="dialogVisible" v-model="dialogVisible" :title="flog ? '编辑' : '新增'" width="500"
-      :before-close="handleClose">
-      <el-form :model="formData" label-width="auto" style="max-width: 600px">
-        <el-form-item label="内容" prop="description">
-          <el-input v-model="formData.description" placeholder="请输入内容"></el-input>
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button @click="close">取消</el-button>
-          <el-button type="primary" @click="submit">确定</el-button>
-        </div>
-      </template>
-    </el-dialog>
   </div>
   </div>
   </div>
@@ -298,8 +204,8 @@ const submit = async () => {
         }
 
         .text {
-          font-size: 16px;
+          font-size: 14px;
-          color: #606169;
+          color: #8a8b99;
           text-align: left;
           line-height: 1.5;
           letter-spacing: 1px;
@@ -364,7 +270,6 @@ const submit = async () => {
           border-right: 1px solid #dcdfe6;
           flex-wrap: wrap;
           align-content: center;
-          letter-spacing: 1px;
 
           .icon {
             margin-left: 10px;
@@ -390,7 +295,6 @@ const submit = async () => {
             align-items: center;
             line-height: 1;
             margin-top: 2px;
-            letter-spacing: 1px;
           }
         }
       }

src/views/course/components/courseEdit.vue

@@ -128,7 +128,32 @@ const rules = {
     },
   ],
 }
+// 课程编码验证
+// const validateUniqueCode = async (rule, value, callback) => {
+//   if (!value) {
+//     return callback() // 如果没有输入，直接通过验证
+//   }
+//   try {
+//     const response = await request(`/api/checkCourseCode?code=${value}`) // 向后端发送请求
+//     const data = await response.json()
+
+//     if (data.exists) {
+//       callback(new Error('课程编码已存在，请使用其他编码。')) // 课程编码已存在
+//     } else {
+//       callback() // 课程编码唯一
+//     }
+//   } catch (error) {
+//     console.error('检查唯一性时发生错误:', error)
+//     callback(new Error('服务器错误，请稍后再试。'))
+//   }
+// }
 
+// 图片上传
+// const onSelectFile = (uploadFile) => {
+//   // console.log(uploadFile)
+//   imgUrl.value = URL.createObjectURL(uploadFile.raw)
+//   formModel.value.img = uploadFile.raw
+// }
 // 按钮禁用
 const nameDisabled = ref(false)
 const codeDisabled = ref(false)

vite.config.ts.timestamp-1723381540521-cd7b5d4b77f62.mjs

@@ -1,40 +0,0 @@
-// vite.config.ts
-import vue from "file:///E:/jiaoxue/Teaching_integration_platform_admin_template/node_modules/.pnpm/@vitejs+plugin-vue@5.0.4_vite@5.1.4_vue@3.4.29/node_modules/@vitejs/plugin-vue/dist/index.mjs";
-import path from "path";
-import { viteMockServe } from "file:///E:/jiaoxue/Teaching_integration_platform_admin_template/node_modules/.pnpm/vite-plugin-mock@3.0.1_esbuild@0.19.12_mockjs@1.1.0_vite@5.1.4/node_modules/vite-plugin-mock/dist/index.mjs";
-import { createSvgIconsPlugin } from "file:///E:/jiaoxue/Teaching_integration_platform_admin_template/node_modules/.pnpm/vite-plugin-svg-icons@2.0.1_vite@5.1.4/node_modules/vite-plugin-svg-icons/dist/index.mjs";
-var vite_config_default = ({ command }) => {
-  return {
-    plugins: [
-      vue(),
-      viteMockServe({
-        enable: command === "serve"
-      }),
-      createSvgIconsPlugin({
-        // Specify the icon folder to be cached
-        iconDirs: [path.resolve(process.cwd(), "src/assets/icons")],
-        // Specify symbolId format
-        symbolId: "icon-[dir]-[name]"
-      })
-    ],
-    resolve: {
-      alias: {
-        "@": path.resolve("./src")
-        // 相对路径别名配置，使用 @ 代替 src
-      }
-    },
-    // 配置scss
-    css: {
-      preprocessorOptions: {
-        scss: {
-          javascriptEnabled: true,
-          additionalData: '@import "./src/styles/variable.scss";'
-        }
-      }
-    }
-  };
-};
-export {
-  vite_config_default as default
-};
-//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJFOlxcXFxqaWFveHVlXFxcXFRlYWNoaW5nX2ludGVncmF0aW9uX3BsYXRmb3JtX2FkbWluX3RlbXBsYXRlXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCJFOlxcXFxqaWFveHVlXFxcXFRlYWNoaW5nX2ludGVncmF0aW9uX3BsYXRmb3JtX2FkbWluX3RlbXBsYXRlXFxcXHZpdGUuY29uZmlnLnRzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy9FOi9qaWFveHVlL1RlYWNoaW5nX2ludGVncmF0aW9uX3BsYXRmb3JtX2FkbWluX3RlbXBsYXRlL3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSAndml0ZSdcclxuaW1wb3J0IHZ1ZSBmcm9tICdAdml0ZWpzL3BsdWdpbi12dWUnXHJcbmltcG9ydCBwYXRoIGZyb20gJ3BhdGgnXHJcbi8vIFx1NUJGQ1x1NTE2NW1vY2tcdTYzRDJcdTRFRjZcclxuaW1wb3J0IHsgdml0ZU1vY2tTZXJ2ZSB9IGZyb20gJ3ZpdGUtcGx1Z2luLW1vY2snXHJcbi8vIFx1NUJGQ1x1NTE2NXN2Z1x1OTE0RFx1N0Y2RVx1NjNEMlx1NEVGNlxyXG5pbXBvcnQgeyBjcmVhdGVTdmdJY29uc1BsdWdpbiB9IGZyb20gJ3ZpdGUtcGx1Z2luLXN2Zy1pY29ucydcclxuLy8gaHR0cHM6Ly92aXRlanMuZGV2L2NvbmZpZy9cclxuZXhwb3J0IGRlZmF1bHQgKHsgY29tbWFuZCB9OiBhbnkpID0+IHtcclxuICByZXR1cm4ge1xyXG4gICAgcGx1Z2luczogW1xyXG4gICAgICB2dWUoKSxcclxuICAgICAgdml0ZU1vY2tTZXJ2ZSh7XHJcbiAgICAgICAgZW5hYmxlOiBjb21tYW5kID09PSAnc2VydmUnLFxyXG4gICAgICB9KSxcclxuICAgICAgY3JlYXRlU3ZnSWNvbnNQbHVnaW4oe1xyXG4gICAgICAgIC8vIFNwZWNpZnkgdGhlIGljb24gZm9sZGVyIHRvIGJlIGNhY2hlZFxyXG4gICAgICAgIGljb25EaXJzOiBbcGF0aC5yZXNvbHZlKHByb2Nlc3MuY3dkKCksICdzcmMvYXNzZXRzL2ljb25zJyldLFxyXG4gICAgICAgIC8vIFNwZWNpZnkgc3ltYm9sSWQgZm9ybWF0XHJcbiAgICAgICAgc3ltYm9sSWQ6ICdpY29uLVtkaXJdLVtuYW1lXScsXHJcbiAgICAgIH0pLFxyXG4gICAgXSxcclxuICAgIHJlc29sdmU6IHtcclxuICAgICAgYWxpYXM6IHtcclxuICAgICAgICAnQCc6IHBhdGgucmVzb2x2ZSgnLi9zcmMnKSwgLy8gXHU3NkY4XHU1QkY5XHU4REVGXHU1Rjg0XHU1MjJCXHU1NDBEXHU5MTREXHU3RjZFXHVGRjBDXHU0RjdGXHU3NTI4IEAgXHU0RUUzXHU2NkZGIHNyY1xyXG4gICAgICB9LFxyXG4gICAgfSxcclxuICAgIC8vIFx1OTE0RFx1N0Y2RXNjc3NcclxuICAgIGNzczoge1xyXG4gICAgICBwcmVwcm9jZXNzb3JPcHRpb25zOiB7XHJcbiAgICAgICAgc2Nzczoge1xyXG4gICAgICAgICAgamF2YXNjcmlwdEVuYWJsZWQ6IHRydWUsXHJcbiAgICAgICAgICBhZGRpdGlvbmFsRGF0YTogJ0BpbXBvcnQgXCIuL3NyYy9zdHlsZXMvdmFyaWFibGUuc2Nzc1wiOycsXHJcbiAgICAgICAgfSxcclxuICAgICAgfSxcclxuICAgIH0sXHJcbiAgfVxyXG59XHJcbiJdLAogICJtYXBwaW5ncyI6ICI7QUFDQSxPQUFPLFNBQVM7QUFDaEIsT0FBTyxVQUFVO0FBRWpCLFNBQVMscUJBQXFCO0FBRTlCLFNBQVMsNEJBQTRCO0FBRXJDLElBQU8sc0JBQVEsQ0FBQyxFQUFFLFFBQVEsTUFBVztBQUNuQyxTQUFPO0FBQUEsSUFDTCxTQUFTO0FBQUEsTUFDUCxJQUFJO0FBQUEsTUFDSixjQUFjO0FBQUEsUUFDWixRQUFRLFlBQVk7QUFBQSxNQUN0QixDQUFDO0FBQUEsTUFDRCxxQkFBcUI7QUFBQTtBQUFBLFFBRW5CLFVBQVUsQ0FBQyxLQUFLLFFBQVEsUUFBUSxJQUFJLEdBQUcsa0JBQWtCLENBQUM7QUFBQTtBQUFBLFFBRTFELFVBQVU7QUFBQSxNQUNaLENBQUM7QUFBQSxJQUNIO0FBQUEsSUFDQSxTQUFTO0FBQUEsTUFDUCxPQUFPO0FBQUEsUUFDTCxLQUFLLEtBQUssUUFBUSxPQUFPO0FBQUE7QUFBQSxNQUMzQjtBQUFBLElBQ0Y7QUFBQTtBQUFBLElBRUEsS0FBSztBQUFBLE1BQ0gscUJBQXFCO0FBQUEsUUFDbkIsTUFBTTtBQUFBLFVBQ0osbUJBQW1CO0FBQUEsVUFDbkIsZ0JBQWdCO0FBQUEsUUFDbEI7QUFBQSxNQUNGO0FBQUEsSUFDRjtBQUFBLEVBQ0Y7QUFDRjsiLAogICJuYW1lcyI6IFtdCn0K