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