Compare commits
No commits in common. '58fb85ba3a20c5731cb528fddd3c3abe7dc33ca1' and '94319bbcf12b592adb5ced288ece45f268a9defb' have entirely different histories.
58fb85ba3a
...
94319bbcf1
9 changed files with 405 additions and 611 deletions
@ -1,51 +1,33 @@ |
|||||||
import request from '@/utils/request' |
import request from '@/utils/request' |
||||||
// 获取课程列表
|
export const getCourseListApi = () => { |
||||||
export const getCourseListApi = (params) => { |
return request.get('/coursesteacher/page?teacherId=2140110334') |
||||||
return request.get('/coursesteacher/page', { |
|
||||||
params, |
|
||||||
}) |
|
||||||
} |
} |
||||||
// 编辑课程
|
export const editCourseApi = () => { |
||||||
export const editCourseApi = (params) => { |
return request.put('/coursesTeacher') |
||||||
return request.put('/coursesteacher', params) |
|
||||||
} |
} |
||||||
// 添加课程
|
|
||||||
export const addCourseApi = (data) => { |
export const addCourseApi = (data) => { |
||||||
return request.post(`/coursesteacher/addcourse`, data) |
return request.post('/courseTeacher/addCourse', data) |
||||||
} |
|
||||||
|
|
||||||
// 获取课程详情
|
|
||||||
export const getCourseDetailApi = (id) => { |
|
||||||
return request.get(`/coursesteacher/${id}`) |
|
||||||
} |
} |
||||||
|
|
||||||
// 删除课程
|
export const fnName = (data) => { |
||||||
export const deleteCourseApi = (id) => { |
return request({ |
||||||
return request.delete(`/coursesteacher/${id}`) |
url: 'xxxxx', |
||||||
} |
method: 'POST', |
||||||
// 获取课程id
|
data |
||||||
export const getCourseObjectApi = (id) => { |
}) |
||||||
return request.get(`/course_objectives/list/${id}`) |
|
||||||
} |
|
||||||
// 获取教师列表
|
|
||||||
export const getTeacherListApi = () => { |
|
||||||
return request.get('/user/get_teacherinf_list') |
|
||||||
} |
} |
||||||
|
|
||||||
export const fnNameGet = (params) => { |
export const fnNameGet = (params) => { |
||||||
return request({ |
return request({ |
||||||
url: 'xxxxx', |
url: 'xxxxx', |
||||||
method: 'get', |
method: 'get', |
||||||
params, |
params |
||||||
}) |
}) |
||||||
} |
} |
||||||
export const getPageCourses = (data) => { |
export const getPageCourses = (data) => { |
||||||
console.log(data.page) |
console.log(data.page) |
||||||
console.log(data.pageSize) |
console.log(data.pageSize) |
||||||
// return request.get(`/courses/index`,data)
|
// return request.get(`/courses/index`,data)
|
||||||
return request.get( |
return request.get(`/coursesteacher/index?page=${data.page}&pageSize=${data.pageSize}`) |
||||||
`/coursesteacher/index?page=${data.page}&pageSize=${data.pageSize}`, |
|
||||||
) |
|
||||||
} |
} |
||||||
// {id:1}
|
// {id:1}
|
||||||
// http://127.0.0.1/getlist?id=1
|
// http://127.0.0.1/getlist?id=1
|
||||||
|
|||||||
@ -0,0 +1,61 @@ |
|||||||
|
<script setup> |
||||||
|
import { ref, defineExpose } from 'vue' |
||||||
|
import { ElMessage } from 'element-plus' |
||||||
|
const dialogVisible = ref(false) |
||||||
|
|
||||||
|
const formModel = ref({ |
||||||
|
name: '', |
||||||
|
desc: '', |
||||||
|
}) |
||||||
|
const formRef = ref() |
||||||
|
const rules = { |
||||||
|
name: [{ required: true, message: '请输入知识点名称', trigger: 'blur' }], |
||||||
|
desc: [{ required: true, message: '请输入知识点简介', trigger: 'blur' }], |
||||||
|
} |
||||||
|
// 组件对外暴露一个open,基于open传过来的参数判断是添加还是编辑 |
||||||
|
const open = (row) => { |
||||||
|
// console.log(row) |
||||||
|
formModel.value = { ...row } |
||||||
|
dialogVisible.value = true |
||||||
|
} |
||||||
|
defineExpose({ open }) |
||||||
|
// 校验，通过校验往下走 |
||||||
|
const onSubmit = async () => { |
||||||
|
// 进行预校验 |
||||||
|
await formRef.value.validate() |
||||||
|
// 看formModel传的是否有id |
||||||
|
const isEdit = formModel.value.id |
||||||
|
if (isEdit) { |
||||||
|
ElMessage.success('编辑成功') |
||||||
|
} else { |
||||||
|
ElMessage.success('添加成功') |
||||||
|
} |
||||||
|
dialogVisible.value = false |
||||||
|
} |
||||||
|
</script> |
||||||
|
<template> |
||||||
|
<el-dialog |
||||||
|
v-model="dialogVisible" |
||||||
|
:title="formModel.id ? '编辑知识点' : '新增知识点'" |
||||||
|
width="500" |
||||||
|
> |
||||||
|
<el-form :model="formModel" :rules="rules" ref="formRef"> |
||||||
|
<el-form-item label="知识点名称" prop="name"> |
||||||
|
<el-input v-model="formModel.name" placeholder="请输入知识点名称" /> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="知识点简介" prop="desc"> |
||||||
|
<el-input |
||||||
|
v-model="formModel.desc" |
||||||
|
type="textarea" |
||||||
|
placeholder="请输入知识点简介" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<template #footer> |
||||||
|
<div class="dialog-footer"> |
||||||
|
<el-button @click="dialogVisible = false">取消</el-button> |
||||||
|
<el-button type="primary" @click="onSubmit">确认</el-button> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
</el-dialog> |
||||||
|
</template> |
||||||
@ -1,6 +1,114 @@ |
|||||||
<script setup></script> |
<script setup> |
||||||
|
import { ref } from 'vue' |
||||||
|
import { Delete, Edit } from '@element-plus/icons-vue' |
||||||
|
import PageContainer from './components/PageContainer.vue' |
||||||
|
import KnowledgeEdit from './components/KnowledgeEdit.vue' |
||||||
|
import { ElMessage, ElMessageBox } from 'element-plus' |
||||||
|
// const loading = ref(false) |
||||||
|
const knowledgeList = [ |
||||||
|
{ |
||||||
|
id: '1', |
||||||
|
name: '数学', |
||||||
|
desc: '数学简介', |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: '1', |
||||||
|
name: '物理', |
||||||
|
desc: '物理简介', |
||||||
|
}, |
||||||
|
|
||||||
|
{ |
||||||
|
id: '1', |
||||||
|
name: '语文', |
||||||
|
desc: '语文简介', |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: '1', |
||||||
|
name: '英语', |
||||||
|
desc: '英语简介', |
||||||
|
}, |
||||||
|
] |
||||||
|
// 通过ref绑定弹窗 |
||||||
|
const dialog = ref() |
||||||
|
|
||||||
|
const onEditKnowledge = (row) => { |
||||||
|
dialog.value.open(row) |
||||||
|
} |
||||||
|
const onAddKnowledge = () => { |
||||||
|
dialog.value.open({}) |
||||||
|
} |
||||||
|
const onDelKnowledge = async () => { |
||||||
|
// console.log('1') |
||||||
|
await ElMessageBox.confirm('你确认删除该知识点信息吗？', '温馨提示', { |
||||||
|
type: 'warning', |
||||||
|
confirmButtonText: '确认', |
||||||
|
cancelButtonText: '取消', |
||||||
|
}) |
||||||
|
ElMessage({ type: 'success', message: '删除成功' }) |
||||||
|
} |
||||||
|
const params = ref({ |
||||||
|
pagenum: 1, |
||||||
|
pagesize: 2, |
||||||
|
}) |
||||||
|
</script> |
||||||
|
|
||||||
<template> |
<template> |
||||||
<dev>知识点</dev> |
<page-container title="知识点分类"> |
||||||
|
<!-- v-slot可以替换为# --> |
||||||
|
<template #extra> |
||||||
|
<el-button type="primary" @click="onAddKnowledge()">新增</el-button> |
||||||
|
<el-button type="primary">导出Excel</el-button> |
||||||
|
</template> |
||||||
|
<el-table |
||||||
|
:data="knowledgeList" |
||||||
|
style="width: 100%; height: 100%" |
||||||
|
:header-cell-style="{ textAlign: 'center' }" |
||||||
|
> |
||||||
|
<el-table-column align="center" type="index" label="编号" width="100" /> |
||||||
|
<el-table-column align="center" label="名称" prop="name" /> |
||||||
|
<el-table-column align="center" label="简介" prop="desc" /> |
||||||
|
|
||||||
|
<el-table-column align="center" label="操作"> |
||||||
|
<!-- 作用域插槽 --> |
||||||
|
<!-- row：knowledgeList的每一项 &index：下标 --> |
||||||
|
<template #default="{ row }"> |
||||||
|
<el-button |
||||||
|
:icon="Edit" |
||||||
|
circle |
||||||
|
plain |
||||||
|
type="primary" |
||||||
|
@click="onEditKnowledge(row)" |
||||||
|
></el-button> |
||||||
|
<el-button |
||||||
|
:icon="Delete" |
||||||
|
circle |
||||||
|
plain |
||||||
|
type="danger" |
||||||
|
@click="onDelKnowledge(row)" |
||||||
|
></el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<template #empty> |
||||||
|
<el-empty description="暂无数据"></el-empty> |
||||||
|
</template> |
||||||
|
</el-table> |
||||||
|
<el-pagination |
||||||
|
v-model:current-page="params.pagenum" |
||||||
|
v-model:page-size="params.pagesize" |
||||||
|
:page-sizes="[2, 3, 5, 10]" |
||||||
|
:small="small" |
||||||
|
:background="true" |
||||||
|
layout=" jumper,total, sizes, prev, pager, next" |
||||||
|
:total="knowledgeList.length" |
||||||
|
@size-change="handleSizeChange" |
||||||
|
@current-change="handleCurrentChange" |
||||||
|
style="margin-top: 20px; justify-content: flex-end" |
||||||
|
/> |
||||||
|
<knowledge-edit ref="dialog"></knowledge-edit> |
||||||
|
</page-container> |
||||||
</template> |
</template> |
||||||
<style lang="scss" scoped></style> |
<style lang="scss" scoped> |
||||||
|
.el-table { |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
</style> |
||||||
|
|||||||
Loading…
Reference in new issue