hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-08 18:36:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

修改问题

Browse Source
This commit is contained in:
dong.ai
2025-09-11 20:30:14 +08:00
parent 4b79706ea2
commit ebfc5fd2ef
1 changed files with 97 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

157
src/views/courselibrary/CourseExquisite.vue
View File

@@ -109,17 +109,17 @@
:data-source="tableData1" :loading="tableLoading" :pagination="false" :scroll="{ x: 1300 }" row-key="id">
<template #actions="{ text, record, index }">
<a-space :key="record.id">
<a-button @click="() => handleMark(record)" type="link" v-if="record.qualityStatus == false">
<a-button @click="() => handleMark(record)" type="link" v-if="!record.qualityStatus">
标记课程
</a-button>
<a-button @click="() => handleNo(record)" type="link" v-if="record.qualityStatus == true">
<a-button @click="() => handleNo(record)" type="link" v-if="record.qualityStatus">
取消标记
</a-button>
<a-button @click="() => handleTop(record)" type="link" v-if="record.qualityTop == false"
:disabled="record.qualityStatus == false">
<a-button @click="() => handleTop(record)" type="link" v-if="!record.qualityTop"
:disabled="!record.qualityStatus">
置顶展示
</a-button>
<a-button @click="() => handleNoTop(record)" type="link" v-if="record.qualityTop == true">
<a-button @click="() => handleNoTop(record)" type="link" v-if="record.qualityTop">
取消置顶
</a-button>
</a-space>
@@ -153,7 +153,8 @@ import {
getExquisiteYearList,
getMark,
getToTop,
getToTopSort
getToTopSort,
getExport
} from "@/api/indexCourse";
import * as moment from "moment";
import useDownload from "@/hooks/useDownload";
@@ -199,8 +200,8 @@ export default defineComponent({
{
title: "名称",
width: 120,
dataIndex: "courseNameOrTeacherName",
key: "courseNameOrTeacherName",
dataIndex: "name",
key: "name",
ellipsis: true,
align: "center",
customRender: ({ text }) => {
@@ -221,13 +222,15 @@ export default defineComponent({
{
title: "内容分类",
width: 90,
dataIndex: "sysType",
key: "sysType",
dataIndex: "sysType1",
key: "sysType1",
align: "left",
ellipsis: true,
customRender: ({ text }) => {
return text ? text : "";
},
customRender: ({ record, text }) =>
`${getSysTypeMap(record.sysType1, record.sysTypeId) ? getSysTypeMap(record.sysType1) : ""}
${getSysTypeMap(record.sysType2, record.sysTypeId) ? '-' + getSysTypeMap(record.sysType2) : ""}
${getSysTypeMap(record.sysType3, record.sysTypeId) ? '-' + getSysTypeMap(record.sysType3) : ""}
`
},
{
title: "关键字",
@@ -299,12 +302,21 @@ export default defineComponent({
onBlur={() => {
// 失去焦点时取消编辑状态
record.editingTopOrder = false;
try {
// 这里应该调用实际的API接口
getToTopSort({ courseId: record.courseId, qualityTopSort: record.qualityTopSort });
// 重新加载数据
// getTableDate();
} catch (error) {
console.error(error);
}
// 这里可以添加保存到服务器的逻辑
}}
onChange={(e) => {
// 更新数据
record.qualityTopSort = e.target.value;
handleSort(record)
}}
onKeydown={(e) => {
if (e.key === 'Enter') {
@@ -339,22 +351,22 @@ export default defineComponent({
],
//列表表格
tableData1: [
{
id: 2,
name: "React核心概念详解",
sysType1: "A01",
sysType2: "B02",
sysTypeId: "A01",
keywords: "前端,React,JavaScript",
teacherName: "王五",
sysCreateTime: "2023-01-20",
exquisiteTime: "2023-02-05",
exquisiteRecommender: "赵六",
qualityTop: true,
courseSource: 1,
qualityStatus: true,
qualityTopSort: 2
},
// {
// id: 2,
// name: "React核心概念详解",
// sysType1: "A01",
// sysType2: "B02",
// sysTypeId: "A01",
// keywords: "前端,React,JavaScript",
// teacherName: "王五",
// sysCreateTime: "2023-01-20",
// exquisiteTime: "2023-02-05",
// exquisiteRecommender: "赵六",
// qualityTop: true,
// courseSource: 1,
// qualityStatus: true,
// qualityTopSort: 2
// },
{
id: 2,
name: "React核心概念详解",
@@ -367,7 +379,7 @@ export default defineComponent({
exquisiteTime: "2023-02-05",
exquisiteRecommender: "赵六",
courseSource: 2,
qualityTop: false,
getExport: null,
qualityStatus: true,
qualityTopSort: 2
},
@@ -386,6 +398,22 @@ export default defineComponent({
qualityStatus: false,
qualityTopSort: 1
},
{
courseId: "965356498114842624",
name: "走进京东方",
courseSource: 1,
sysType1: "966458773186465792",
sysType2: "0",
sysType3: "0",
keywords: "新员工 职场,定目标,传文化,带团队",
teacherName: "齐铮",
sysCreateTime: "2022-04-17 21:02:05",
qualityTime: "2022-04-17 21:02:05",
qualityPeople: "齐铮",
qualityTop: false,
qualityStatus: true,
qualityTopSort: 2
},
],
currentPage1: 1,
tableDataTotal1: 3,
@@ -397,18 +425,18 @@ export default defineComponent({
sysType: null,
});
// 调整顺序
const handleSort = (record) => async () => {
try {
// 这里应该调用实际的API接口
await getToTopSort({ courseId: record.courseId, qualityTopSort: record.qualityTopSort });
message.success("标记课程成功！");
// 重新加载数据
// getTableDate();
} catch (error) {
message.error("标记课程失败！");
}
};
// // 调整顺序
// const handleSort = (record) => async () => {
// try {
// // 这里应该调用实际的API接口
// await getToTopSort({ courseId: record.courseId, qualityTopSort: record.qualityTopSort });
// message.success("标记课程成功！");
// // 重新加载数据
// // getTableDate();
// } catch (error) {
// message.error("标记课程失败！");
// }
// };
// 标记课程处理
function handleMark(record) {
dialog({ content: handleMsg.mark, ok: handleMarkOk(record) });
@@ -433,24 +461,32 @@ export default defineComponent({
const handleMarkOk = (record) => async () => {
try {
// 这里应该调用实际的API接口
await getMark({ courseId: record.courseId });
message.success("标记课程成功！");
let res = await getMark({ courseId: record.courseId, courseName: record.name, userName: store.state.userInfo.userName, userId: store.state.userInfo.userId });
if (res.data.status == 200) {
message.success(res.data.message);
} else {
message.error(res.data.message);
}
// 重新加载数据
// getTableDate();
} catch (error) {
message.error("标记课程失败！");
console.log(error);
}
};
// 取消标记课程确认操作
const handleMarkNo = (record) => async () => {
try {
// 这里应该调用实际的API接口
await getMark({ courseId: record.courseId });
message.success("取消标记课程成功！");
// 重新加载数据
// getTableDate();
let res = await getMark({ courseId: record.courseId, courseName: record.name, userName: store.state.userInfo.userName, userId: store.state.userInfo.userId });
if (res.data.status == 200) {
message.success(res.data.message);
} else {
message.error(res.data.message);
}
} catch (error) {
message.error("取消标记课程失败！");
console.log(error);
}
};
@@ -489,9 +525,9 @@ export default defineComponent({
courseSource: state.courseSource,
years: state.years,
sysType: state.sysTypeId,
// sysType1: state.sysType1,
// sysType2: state.sysType2,
// sysType3: state.sysType3
sysType1: state.sysType1,
sysType2: state.sysType2,
sysType3: state.sysType3
});
const { records, total } = res.data.data.result;
const { count } = res.data.data
@@ -502,7 +538,7 @@ export default defineComponent({
console.log("state.tableData1", state.tableData1);
};
getTableDate();
// getTableDate();
// 初始化年份选项
const initializeYearOptions = async () => {
@@ -511,7 +547,7 @@ export default defineComponent({
// for (let i = currentYear; i >= 2000; i--) {
// years.push({ label: `${i}`, value: i.toString() });
// }
let res = await getExquisiteYearList()
let res = await getExquisiteYearList({})
const { data } = res.data
data.result.map((value) => {
years.push({ label: `${value.name}`, value: value.id.toString() });
@@ -522,8 +558,10 @@ export default defineComponent({
//内容分类
const getSysTypeMap = (code) => {
if (code == "") return
return state.sysTypeMap.get(code)
// console.log(store.state.sysTypeMap, 'map集合');
// return state.sysTypeMap.get(code)
}
getSysTypeMap()
//分页
const handelChangePage1 = (page, pageSize) => {
@@ -546,15 +584,14 @@ export default defineComponent({
// 全部导出
const exportAll = async () => {
try {
await useDownload(
"/quality/manage/export",
await getExport(
{
courseNameOrTeacherName: state.courseNameOrTeacherName,
courseSource: state.courseSource,
years: state.years,
sysType: state.sysType,
},
"精美课程导出",
"精品课程导出",
"xlsx"
);
message.success("导出成功");