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

课程报表中心修改

Browse Source
This commit is contained in:
zhangsir
2024-09-18 16:04:30 +08:00
parent 5538124e72
commit 366de3d5e1
1 changed files with 209 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files

360
src/views/report/Curriculum.vue
View File

@@ -3,6 +3,37 @@
<div class="curriculum">
<!-- 以下为顶部搜索框 -->
<div class="filter">
<div class="select">
<a-input
style="width: 100%; height: 40px; border-radius: 8px"
placeholder="请输入课程名称"
allowClear
showSearch
v-model:value="name"
@pressEnter="searchData"
>
</a-input>
</div>
<div class="select">
<a-input
style="width: 100%; height: 40px; border-radius: 8px"
placeholder="请输入创建者"
allowClear
showSearch
v-model:value="createName"
@pressEnter="searchData"
>
</a-input>
</div>
<div class="select">
<a-select
v-model:value="searchStatus"
style="width: 100%; height: 40px; border-radius: 8px"
placeholder="请选择类型"
:options="StateList"
allowClear
></a-select>
</div>
<div class="select">
<a-cascader
change-on-select
@@ -19,36 +50,22 @@
>
</a-cascader>
</div>
<div class="select">
<a-input
style="width: 100%; height: 40px; border-radius: 8px"
placeholder="请输入课程名称"
allowClear
showSearch
v-model:value="name"
>
</a-input>
<div style="display: flex; margin-bottom: 20px">
<div class="btnzx btnzx1" @click="searchData">
<div class="search"></div>
<div class="btnzText">搜索</div>
</div>
<div class="select">
<a-input
style="width: 100%; height: 40px; border-radius: 8px"
placeholder="请输入创建者"
allowClear
showSearch
v-model:value="createName"
>
</a-input>
<div class="btnz btnzx2" @click="resetClick">
<div class="search"></div>
<div class="btnzText">重置</div>
</div>
<div class="select" style="width: 200px;">
<a-select
v-model:value="searchStatus"
style="width: 100%; height: 40px; border-radius: 8px"
placeholder="请选择类型"
:options="StateList"
allowClear
></a-select>
</div>
<div class="select">
<div @click="()=>{isShowChange = !isShowChange}" class="right_btn">
<span class="text">{{isShowChange?'展开':'收起'}}</span>
<DownOutlined v-if="!isShowChange" style="color:#4ea6ff;" />
<UpOutlined v-else style="color:#4ea6ff;" />
</div>
<div v-if="!isShowChange" class="select">
<a-cascader
style="width: 100%"
placeholder="请选择分类"
@@ -64,7 +81,7 @@
}"
></a-cascader>
</div>
<div class="select">
<div v-if="!isShowChange" class="select" style="min-width: 300px">
<a-range-picker
v-model:value="publishTime"
type="date"
@@ -73,16 +90,7 @@
style="width: 100%; margin-right: 0px"
/>
</div>
<div style="display: flex; margin-bottom: 20px">
<div class="btnzx btnzx1" @click="searchData">
<div class="search"></div>
<div class="btnzText">搜索</div>
</div>
<div class="btnz btnzx2" @click="resetClick">
<div class="search"></div>
<div class="btnzText">重置</div>
</div>
</div>
</div>
<!-- 以下为导出按钮 -->
<div class="btnzs">
@@ -161,8 +169,16 @@ import Cookies from "vue-cookies";
import downLoad from "../../utils/downLoad";
import { message } from "ant-design-vue";
import {useStore} from 'vuex'
import {
DownOutlined,
UpOutlined,
} from '@ant-design/icons-vue';
export default {
name: "CurriculuM",
components: {
DownOutlined,
UpOutlined,
},
setup() {
const store = useStore();
const state = reactive({
@@ -180,7 +196,8 @@ export default {
allowClear: false,
option: [],
selectedRowKeys: [],
typeOption:[]
typeOption:[],
isShowChange: true,
});
const StateList = ref([
{value:'',label:'全部'},
@@ -282,6 +299,17 @@ export default {
align: "center",
width: 120,
},
{
title: "内容分类",
dataIndex: "oneType",
ellipsis: true,
key: "oneType",
align: "center",
width: 300,
customRender({record:{oneType,twoType,threeType}}){
return `${oneType ? oneType : ''}${twoType ? ' / '+twoType : ''}${threeType ? ' / '+threeType : ''}`;
}
},
{
title: "课程类型",
dataIndex: "courseType",
@@ -298,110 +326,102 @@ export default {
align: "center",
width: 120,
},
{
title: "归属项目",
dataIndex: "projectName",
ellipsis: true,
key: "projectName",
align: "center",
width: 120,
},
{
title: "归属路径图",
dataIndex: "routerName",
ellipsis: true,
key: "routerName",
align: "center",
width: 120,
},
{
title: "一级分类",
dataIndex: "oneType",
ellipsis: true,
key: "oneType",
align: "center",
width: 120,
},
{
title: "二级分类",
dataIndex: "twoType",
ellipsis: true,
key: "twoType",
align: "center",
width: 120,
},
{
title: "三级分类",
dataIndex: "threeType",
ellipsis: true,
key: "threeType",
align: "center",
width: 120,
},
{
title: "授课教师",
dataIndex: "teacher",
ellipsis: true,
key: "teacher",
align: "center",
width: 120,
},
{
title: "开课次数",
dataIndex: "classTotal",
ellipsis: true,
key: "classTotal",
align: "center",
width: 120,
},
{
title: "学习人数",
dataIndex: "learnerNumber",
ellipsis: true,
key: "learnerNumber",
align: "center",
width: 120,
},
{
title: "评论数",
dataIndex: "commentTotal",
ellipsis: true,
key: "commentTotal",
align: "center",
width: 120,
},
{
title: "点赞数",
dataIndex: "likesTotal",
ellipsis: true,
key: "likesTotal",
align: "center",
width: 120,
},
{
title: "收藏数",
dataIndex: "collectionsTotal",
ellipsis: true,
key: "collectionsTotal",
align: "center",
width: 120,
},
{
title: "平均评分",
dataIndex: "score",
ellipsis: true,
key: "score",
align: "center",
width: 120,
},
{
title: "发布时间",
dataIndex: "publishTime",
ellipsis: true,
key: "publishTime",
align: "center",
width: 140,
},
// {
// title: "归属项目",
// dataIndex: "projectName",
// ellipsis: true,
// key: "projectName",
// align: "center",
// width: 120,
// },
// {
// title: "归属路径图",
// dataIndex: "routerName",
// ellipsis: true,
// key: "routerName",
// align: "center",
// width: 120,
// },
// {
// title: "一级分类",
// dataIndex: "oneType",
// ellipsis: true,
// key: "oneType",
// align: "center",
// width: 120,
// },
// {
// title: "二级分类",
// dataIndex: "twoType",
// ellipsis: true,
// key: "twoType",
// align: "center",
// width: 120,
// },
// {
// title: "三级分类",
// dataIndex: "threeType",
// ellipsis: true,
// key: "threeType",
// align: "center",
// width: 120,
// },
// {
// title: "授课教师",
// dataIndex: "teacher",
// ellipsis: true,
// key: "teacher",
// align: "center",
// width: 120,
// },
// {
// title: "开课次数",
// dataIndex: "classTotal",
// ellipsis: true,
// key: "classTotal",
// align: "center",
// width: 120,
// },
// {
// title: "学习人数",
// dataIndex: "learnerNumber",
// ellipsis: true,
// key: "learnerNumber",
// align: "center",
// width: 120,
// },
// {
// title: "评论数",
// dataIndex: "commentTotal",
// ellipsis: true,
// key: "commentTotal",
// align: "center",
// width: 120,
// },
// {
// title: "点赞数",
// dataIndex: "likesTotal",
// ellipsis: true,
// key: "likesTotal",
// align: "center",
// width: 120,
// },
// {
// title: "收藏数",
// dataIndex: "collectionsTotal",
// ellipsis: true,
// key: "collectionsTotal",
// align: "center",
// width: 120,
// },
// {
// title: "平均评分",
// dataIndex: "score",
// ellipsis: true,
// key: "score",
// align: "center",
// width: 120,
// },
{
title: "发布状态",
dataIndex: "publishStatus",
@@ -410,14 +430,6 @@ export default {
align: "center",
width: 120,
},
{
title: "启用状态",
dataIndex: "enabled",
ellipsis: true,
key: "enabled",
align: "center",
width: 120,
},
{
title: "创建人",
dataIndex: "createName",
@@ -426,6 +438,38 @@ export default {
align: "center",
width: 120,
},
{
title: "发布时间",
dataIndex: "publishTime",
ellipsis: true,
key: "publishTime",
align: "center",
width: 140,
},
// {
// title: "发布状态",
// dataIndex: "publishStatus",
// ellipsis: true,
// key: "publishStatus",
// align: "center",
// width: 120,
// },
{
title: "启用状态",
dataIndex: "enabled",
ellipsis: true,
key: "enabled",
align: "center",
width: 120,
},
// {
// title: "创建人",
// dataIndex: "createName",
// ellipsis: true,
// key: "createName",
// align: "center",
// width: 120,
// },
{
title: "操作",
dataIndex: "operation",
@@ -697,10 +741,22 @@ export default {
margin-top: 30px;
display: flex;
flex-wrap: wrap;
position: relative;
.select {
margin-right: 20px;
margin-bottom: 20px;
width: calc((100% - 76px - 220px) / 3);
width: calc((100% - 76px - 220px) / 5);
}
.right_btn{
position: absolute;
right: 20px;
height: 40px;
line-height: 40px;
cursor: pointer;
.text{
margin-right: 14px;
color:#4ea6ff;
}
}
.btnz {