diff --git a/src/views/report/Curriculum.vue b/src/views/report/Curriculum.vue index 258c5292..8f08d674 100644 --- a/src/views/report/Curriculum.vue +++ b/src/views/report/Curriculum.vue @@ -3,6 +3,37 @@
+
+ + +
+
+ + +
+
+ +
-
- - +
+
+ +
搜索
+
+
+ +
重置
+
-
- - +
+ {{isShowChange?'展开':'收起'}} + +
-
- -
-
+
-
+
-
-
- -
搜索
-
-
- -
重置
-
-
+
@@ -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 {