diff --git a/src/assets/images/taskpage/one.png b/src/assets/images/taskpage/one.png new file mode 100644 index 00000000..1c8b3950 Binary files /dev/null and b/src/assets/images/taskpage/one.png differ diff --git a/src/assets/images/taskpage/three.png b/src/assets/images/taskpage/three.png new file mode 100644 index 00000000..8277651c Binary files /dev/null and b/src/assets/images/taskpage/three.png differ diff --git a/src/assets/images/taskpage/two.png b/src/assets/images/taskpage/two.png new file mode 100644 index 00000000..1f2f85b5 Binary files /dev/null and b/src/assets/images/taskpage/two.png differ diff --git a/src/assets/images/taskpage/upload.png b/src/assets/images/taskpage/upload.png new file mode 100644 index 00000000..b5abb1bc Binary files /dev/null and b/src/assets/images/taskpage/upload.png differ diff --git a/src/components/drawers/ImportStu.vue b/src/components/drawers/ImportStu.vue new file mode 100644 index 00000000..e0bc373d --- /dev/null +++ b/src/components/drawers/ImportStu.vue @@ -0,0 +1,305 @@ + + + + + \ No newline at end of file diff --git a/src/components/drawers/StuAdd.vue b/src/components/drawers/StuAdd.vue index 6efcfdb0..2c44005f 100644 --- a/src/components/drawers/StuAdd.vue +++ b/src/components/drawers/StuAdd.vue @@ -3,7 +3,7 @@ :visible="Stuvisible" class="drawerStyle stuadd" placement="right" - width="60%" + width="50%" @after-visible-change="afterVisibleChange" >
@@ -60,7 +60,81 @@ :data-source="tabledata" :loading="tableDataTotal === -1 ? true : false" expandRowByClick="true" - :scroll="{ x: 590, y: 560 }" + :scroll="{ x: 560, y: 560 }" + @expand="expandTable" + :pagination="false" + :row-selection="{ + columnWidth: 30, + selectedRowKeys: selectedRowKeys, + onChange: onSelectChange, + }" + /> +
+ +
+
+ + +
+
组织：
+ +
+ + +
+
+
受众名称：
+ +
+
+
+
+
搜索
+
+
+
+
重置
+
+
+
+
+
+
+
+
已选择
+
2
+
项
+
列表选项总计：
+
9条
+
+
清空
+
+
+
+ Content of Tab Pane 2 - Content of Tab Pane 3
@@ -129,6 +201,49 @@ export default { pageSize: 10, currentPage: 1, tableDataTotal: 50, + organizeList: [ + { + id: 1, + value: "京东方", + label: "京东方", + children: [ + { + id:2, + value: "产研部", + label: "产研部", + children: [ + { + id:4, + value: "产品部门", + label: "产品部门", + }, + { + id:5, + value: "研发部门", + label: "研发部门", + }, + ], + }, + { + id:3, + value: "人力资源部", + label: "人力资源部", + children: [ + { + id:6, + value: "人事部", + label: "人事部", + }, + { + id:7, + value: "行政部", + label: "行政部", + }, + ], + }, + ], + }, + ], tabledata: [ { key: 1, @@ -211,6 +326,98 @@ export default { className: "h", }, ], + tabledata1: [ + { + key: 1, + name: "学习受众", + time: "2022-10-31 23:12:00", + total: "1", + state: "已发布", + type: "普通受众", + }, + { + key: 2, + name: "2", + time: "2022-10-31 23:12:00", + total: "2", + state: "已发布", + type: "普通受众", + }, + { + key: 3, + name: "mask", + time: "2022-10-31 23:12:00", + total: "1", + state: "已发布", + type: "普通受众", + }, + { + key: 4, + name: "学习受众", + time: "2022-10-31 23:12:00", + total: "1", + state: "已发布", + type: "普通受众", + }, + { + key: 5, + name: "学业受众", + time: "2022-10-31 23:12:00", + total: "2", + state: "已发布", + type: "普通受众", + }, + { + key: 6, + name: "案例受众", + time: "2022-10-31 23:12:00", + total: "3", + state: "已发布", + type: "普通受众", + }, + ], + tablecolumns1: [ + { + title: "受众名称", + dataIndex: "name", + key: "name", + width: 30, + align: "left", + className: "h", + }, + { + title: "创建时间", + dataIndex: "time", + key: "time", + width: 40, + align: "center", + className: "h", + }, + { + title: "人数", + dataIndex: "total", + key: "total", + width: 20, + align: "center", + className: "h", + }, + { + title: "状态", + dataIndex: "state", + key: "state", + width: 20, + align: "center", + className: "h", + }, + { + title: "类型", + dataIndex: "type", + key: "type", + width: 30, + align: "center", + className: "h", + }, + ], }); const closeDrawer = () => { ctx.emit("update:Stuvisible", false); @@ -265,8 +472,10 @@ export default { } .main { display: flex; + height: 80%; .left { width: 65%; + height: 100%; border-right: 1px solid rgba(233, 233, 233, 1); .tabs { margin-right: 33px; @@ -407,6 +616,25 @@ export default { // bottom: 20px; } } + .tab2 { + display: flex; + align-items: center; + .organize { + color: rgba(0, 0, 0, 0.8500); + font-size: 14px; + } + .ant-cascader { + width: 264px; + height: 40px; + border-radius: 8px; + .ant-select-selector{ + height: 100%; + } + .ant-select-selection-search-input { + height: 40px; + } + } + } } } .right { diff --git a/src/views/learningpath/LearningPath.vue b/src/views/learningpath/LearningPath.vue index 158e78c1..b837c39d 100644 --- a/src/views/learningpath/LearningPath.vue +++ b/src/views/learningpath/LearningPath.vue @@ -71,7 +71,7 @@ :data-source="tableData" :loading="tableDataTotal === -1 ? true : false" expandRowByClick="true" - :scroll="{ x: 1600 }" + :scroll="{ x: 1550 }" @expand="expandTable" :pagination="false" /> @@ -90,11 +90,13 @@ +
@@ -174,6 +176,228 @@
+ + +
+
+ + 路径发布 +
+
+ +
+
+
+
产品经理上升路径
+
+ 路径时间：2022/08/01-2022/08/30 +
+
+
+
路径信息
+
当前路径共0个阶段，0个任务
+
+
+
学员信息
+
路径共0名学员
+
+
+
+ + 发送路径通知 +
+
+ 发给老师 + 发给学员 +
+
+ 取消 + 发布 +
+
+ + + +
+
+
+
+
+ 提示 +
+
+
+ 您确定要复制此路径吗 +
+
+
+
取消
+
+
+
确定
+
+
+
+
+ + + +
+
+
+
+
+ 提示 +
+
+
+ 您确定要停用此路径吗 +
+
+
+
取消
+
+
+
确定
+
+
+
+
+ + + +
+
+
+
+
+ 提示 +
+
+
+ 您确定要删除此路径吗 +
+
+
+
取消
+
+
+
确定
+
+
+
+
+ + + +
+
+
+
+
+ 提示 +
+
+
+ 您确定要启用此路径吗 +
+
+
+
取消
+
+
+
确定
+
+
+
+
+ + + +
+
+
+
+
+ 提示 +
+
+
+ 是否撤回路径 +
（路径撤回后学员进度保留，发布后可继续学习）
+
+
+
+
取消
+
+
+
确定
+
+
+
+
+