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

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

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