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

修改问题

Browse Source
This commit is contained in:
dong.ai
2025-09-12 11:02:32 +08:00
parent 8207e85f70
commit 38da75f1f4
2 changed files with 1011 additions and 990 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
src/components/BreadCrumb.vue
View File

@@ -3,11 +3,8 @@
<div style="margin-left: 21px"> <div style="margin-left: 21px">
<a-breadcrumb> <a-breadcrumb>
<a-breadcrumb-item v-for="(value, index) in list" :key="index"> <a-breadcrumb-item v-for="(value, index) in list" :key="index">
<router-link <router-link :to="value.href ? value.href : ''" :style="{ display: value.href ? 'inline-block' : 'none' }">{{
:to="value.href ? value.href : ''" value.name }}</router-link>
:style="{ display: value.href ? 'inline-block' : 'none' }"
>{{ value.name }}</router-link
>
<span :style="{ display: value.href ? 'none' : 'inline-block' }">{{ <span :style="{ display: value.href ? 'none' : 'inline-block' }">{{
value.name value.name
}}</span> }}</span>
@@ -17,9 +14,9 @@
</div> </div>
</template> </template>
<script> <script>
import { reactive, toRefs, watch } from "vue"; import { reactive, toRefs, watch } from "vue";
import { useRoute } from "vue-router"; import { useRoute } from "vue-router";
export default { export default {
name: "BreadCrumb", name: "BreadCrumb",
setup() { setup() {
const state = reactive({ const state = reactive({
@@ -95,7 +92,7 @@
// 专业力 // 专业力
if ( if (
n.indexOf("/growthpath") !== -1 ||n.indexOf("/GrowthPath") !== -1 n.indexOf("/growthpath") !== -1 || n.indexOf("/GrowthPath") !== -1
) { ) {
state.list = [ state.list = [
{ {
@@ -106,7 +103,7 @@
} }
// 专业力 // 专业力
if ( if (
n.indexOf("/growthaddpath") !== -1 ||n.indexOf("/GrowthAddPath") !== -1 n.indexOf("/growthaddpath") !== -1 || n.indexOf("/GrowthAddPath") !== -1
) { ) {
state.list = [ state.list = [
{ {
@@ -116,7 +113,7 @@
]; ];
} }
if ( if (
n.indexOf("/pathmanage") !== -1 ||n.indexOf("/PathManage") !== -1 n.indexOf("/pathmanage") !== -1 || n.indexOf("/PathManage") !== -1
) { ) {
state.list = [ state.list = [
{ {
@@ -213,7 +210,7 @@
href: "", href: "",
}, },
]; ];
}if ( } if (
n.indexOf("/lecturerSystem") !== -1 n.indexOf("/lecturerSystem") !== -1
) { ) {
state.list = [ state.list = [
@@ -329,6 +326,22 @@
}, },
]; ];
} }
if (
n.indexOf("/courseExquisite") !== -1 ||
n.indexOf("/courseExquisite") !== -1
) {
state.list = [
{
name: "课程库",
href: "",
// href: "#/coursewaremanage",
},
{
name: "精品课管理",
href: "",
},
];
}
if ( if (
n.indexOf("/coursemanage") !== -1 || n.indexOf("/coursemanage") !== -1 ||
n.indexOf("/CourseManage") !== -1 n.indexOf("/CourseManage") !== -1
@@ -550,7 +563,7 @@
{ {
name: "案例", name: "案例",
}, { }, {
name:'案例管理' name: '案例管理'
} }
]; ];
} }
@@ -562,7 +575,7 @@
{ {
name: "案例", name: "案例",
}, { }, {
name:'案例推荐' name: '案例推荐'
} }
]; ];
} }
@@ -574,7 +587,7 @@
{ {
name: "感恩教师", name: "感恩教师",
}, { }, {
name:'通知' name: '通知'
} }
]; ];
} }
@@ -586,7 +599,7 @@
{ {
name: "感恩教师", name: "感恩教师",
}, { }, {
name:'轮播图' name: '轮播图'
} }
]; ];
} }
@@ -598,7 +611,7 @@
{ {
name: "感恩教师", name: "感恩教师",
}, { }, {
name:'教师赋能' name: '教师赋能'
} }
]; ];
} }
@@ -610,7 +623,7 @@
{ {
name: "感恩教师", name: "感恩教师",
}, { }, {
name:'认证讲师库' name: '认证讲师库'
} }
]; ];
} }
@@ -622,7 +635,7 @@
{ {
name: "教师专区", name: "教师专区",
}, { }, {
name:'讲师认证' name: '讲师认证'
} }
]; ];
} }
@@ -634,7 +647,7 @@
{ {
name: "教师专区", name: "教师专区",
}, { }, {
name:'讲师认证' name: '讲师认证'
} }
]; ];
} }
@@ -646,7 +659,7 @@
{ {
name: "感恩教师", name: "感恩教师",
}, { }, {
name:'工具下载' name: '工具下载'
} }
]; ];
} }
@@ -658,7 +671,7 @@
{ {
name: "感恩教师", name: "感恩教师",
}, { }, {
name:'意见' name: '意见'
} }
]; ];
} }
@@ -733,7 +746,7 @@
name: "报表中心", name: "报表中心",
}, },
{ {
name:'运营数据概览' name: '运营数据概览'
} }
]; ];
} }
@@ -743,7 +756,7 @@
name: "报表中心", name: "报表中心",
}, },
{ {
name:'新任管理者培训数据' name: '新任管理者培训数据'
}, },
]; ];
} }
@@ -753,10 +766,10 @@
name: "报表中心", name: "报表中心",
}, },
{ {
name:'板块详细数据' name: '板块详细数据'
}, },
{ {
name:'学习路径图' name: '学习路径图'
} }
]; ];
} }
@@ -766,10 +779,10 @@
name: "报表中心", name: "报表中心",
}, },
{ {
name:'板块详细数据' name: '板块详细数据'
}, },
{ {
name:'专业力必修' name: '专业力必修'
} }
]; ];
} }
@@ -779,10 +792,10 @@
name: "报表中心", name: "报表中心",
}, },
{ {
name:'板块详细数据' name: '板块详细数据'
}, },
{ {
name:'项目' name: '项目'
} }
]; ];
} }
@@ -792,10 +805,10 @@
name: "报表中心", name: "报表中心",
}, },
{ {
name:'板块详细数据' name: '板块详细数据'
}, },
{ {
name:'课程' name: '课程'
} }
]; ];
} }
@@ -805,10 +818,10 @@
name: "报表中心", name: "报表中心",
}, },
{ {
name:'板块详细数据' name: '板块详细数据'
}, },
{ {
name:'案例' name: '案例'
} }
]; ];
} }
@@ -818,10 +831,10 @@
name: "报表中心", name: "报表中心",
}, },
{ {
name:'板块详细数据' name: '板块详细数据'
}, },
{ {
name:'文章' name: '文章'
} }
]; ];
} }
@@ -831,10 +844,10 @@
name: "报表中心", name: "报表中心",
}, },
{ {
name:'板块详细数据' name: '板块详细数据'
}, },
{ {
name:'问答' name: '问答'
} }
]; ];
} }
@@ -844,10 +857,10 @@
name: "报表中心", name: "报表中心",
}, },
{ {
name:'板块详细数据' name: '板块详细数据'
}, },
{ {
name:'考试' name: '考试'
} }
]; ];
} }
@@ -857,10 +870,10 @@
name: "报表中心", name: "报表中心",
}, },
{ {
name:'组织学习数据' name: '组织学习数据'
}, },
{ {
name:'概览' name: '概览'
} }
]; ];
} }
@@ -870,10 +883,10 @@
name: "报表中心", name: "报表中心",
}, },
{ {
name:'组织学习数据' name: '组织学习数据'
}, },
{ {
name:'员工学习数据' name: '员工学习数据'
} }
]; ];
} }
@@ -884,25 +897,27 @@
...toRefs(state), ...toRefs(state),
}; };
}, },
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
.breadcrumb { .breadcrumb {
width: 100%; width: 100%;
height: 60px; height: 60px;
display: flex; display: flex;
align-items: center; align-items: center;
.el-breadcrumb__inner.is-link { .el-breadcrumb__inner.is-link {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #878b92 !important; color: #878b92 !important;
line-height: 36px; line-height: 36px;
} }
.el-breadcrumb__inner { .el-breadcrumb__inner {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: #363636 !important; color: #363636 !important;
line-height: 36px; line-height: 36px;
} }
} }
</style> </style>

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

@@ -110,7 +110,7 @@
<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"> <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"> <a-button @click="() => handleNo(record)" type="link" v-if="record.qualityStatus">
取消标记 取消标记
@@ -173,9 +173,6 @@ export default defineComponent({
noMark: "是否确认取消标记当前课程为精品课？", noMark: "是否确认取消标记当前课程为精品课？",
noTop: "是否确认取消置顶当前课程？" noTop: "是否确认取消置顶当前课程？"
}; };
const state = reactive({ const state = reactive({
tableLoading: false, tableLoading: false,
// 添加年份相关数据 // 添加年份相关数据
@@ -293,6 +290,7 @@ export default defineComponent({
key: "qualityTopSort", key: "qualityTopSort",
align: "center", align: "center",
customRender: ({ text, record, index }) => { customRender: ({ text, record, index }) => {
if (record.qualityTop) {
// 如果处于编辑状态，显示输入框 // 如果处于编辑状态，显示输入框
if (record.editingTopOrder) { if (record.editingTopOrder) {
return ( return (
@@ -334,6 +332,8 @@ export default defineComponent({
/> />
); );
} }
}
// 否则显示文本，点击后进入编辑状态 // 否则显示文本，点击后进入编辑状态
return ( return (
@@ -357,69 +357,69 @@ 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核心概念详解",
// 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: "赵六",
// courseSource: 2, courseSource: 2,
// getExport: null, getExport: null,
// qualityStatus: true, qualityStatus: true,
// qualityTopSort: 2 qualityTopSort: 2
// }, },
// { {
// id: 1, id: 1,
// name: "Vue从入门到精通", name: "Vue从入门到精通",
// sysType1: "A01", sysType1: "A01",
// sysType2: "B01", sysType2: "B01",
// sysType3: "C01", sysType3: "C01",
// keywords: "前端,Vue,JavaScript", keywords: "前端,Vue,JavaScript",
// teacherName: "", teacherName: "",
// sysCreateTime: "2023-01-15", sysCreateTime: "2023-01-15",
// exquisiteTime: "2023-02-01", exquisiteTime: "2023-02-01",
// exquisiteRecommender: "李四", exquisiteRecommender: "李四",
// qualityTop: false, qualityTop: false,
// qualityStatus: false, qualityStatus: false,
// qualityTopSort: 1 qualityTopSort: 1
// }, },
// { {
// courseId: "965356498114842624", courseId: "965356498114842624",
// name: "走进京东方", name: "走进京东方",
// courseSource: 1, courseSource: 1,
// sysType1: "966458773186465792", sysType1: "966458773186465792",
// sysType2: "0", sysType2: "0",
// sysType3: "0", sysType3: "0",
// keywords: "新员工 职场,定目标,传文化,带团队", keywords: "新员工 职场,定目标,传文化,带团队",
// teacherName: "齐铮", teacherName: "齐铮",
// sysCreateTime: "2022-04-17 21:02:05", sysCreateTime: "2022-04-17 21:02:05",
// qualityTime: "2022-04-17 21:02:05", qualityTime: "2022-04-17 21:02:05",
// qualityPeople: "齐铮", qualityPeople: "齐铮",
// qualityTop: false, qualityTop: false,
// qualityStatus: true, qualityStatus: true,
// qualityTopSort: 2 qualityTopSort: 2
// }, },
], ],
currentPage1: 1, currentPage1: 1,
tableDataTotal1: 3, tableDataTotal1: 3,
@@ -566,7 +566,7 @@ export default defineComponent({
console.log("state.tableData1", state.tableData1); console.log("state.tableData1", state.tableData1);
}; };
getTableDate(); // getTableDate();
// 初始化年份选项 // 初始化年份选项
const initializeYearOptions = async () => { const initializeYearOptions = async () => {
@@ -587,7 +587,7 @@ export default defineComponent({
const getSysTypeMap = (code) => { const getSysTypeMap = (code) => {
if (code == "") return if (code == "") return
// console.log(store.state.sysTypeMap, 'map集合'); // console.log(store.state.sysTypeMap, 'map集合');
return state.sysTypeMap.get(code) // return state.sysTypeMap.get(code)
} }
getSysTypeMap() getSysTypeMap()
@@ -604,7 +604,7 @@ export default defineComponent({
console.log('搜索参数:', { console.log('搜索参数:', {
courseNameOrTeacherName: state.courseNameOrTeacherName, courseNameOrTeacherName: state.courseNameOrTeacherName,
courseSource: state.courseSource, courseSource: state.courseSource,
sysType: state.sysType, sysType: state.sysTypeId,
years: state.years // 添加年份参数 years: state.years // 添加年份参数
}) })
getTableDate(); getTableDate();
@@ -612,17 +612,23 @@ export default defineComponent({
// 全部导出 // 全部导出
const exportAll = async () => { const exportAll = async () => {
try { try {
await getExport( let res = await getExport(
{ {
courseNameOrTeacherName: state.courseNameOrTeacherName, courseNameOrTeacherName: state.courseNameOrTeacherName,
courseSource: state.courseSource, courseSource: state.courseSource,
years: state.years, years: state.years,
sysType: state.sysType, sysType: state.sysTypeId,
}, },
"精品课程导出", "精品课程导出",
"xlsx" "xlsx"
); );
message.success("导出成功"); if (res.data.status == 200) {
message.success(res.data.message);
// 重新加载数据
getTableDate();
} else {
message.error(res.data.message);
}
} catch (error) { } catch (error) {
console.error("导出失败:", error); console.error("导出失败:", error);
} }