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

feat:项目-基础信息-设置 新增项目-基础信息-排行榜 考试管理抽屉 作业管理，导出，查看抽屉

Browse Source
This commit is contained in:
songwc
2022-10-19 18:27:37 +08:00
parent dbf651e716
commit 5a681da088
15 changed files with 1361 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files

404
src/views/projectcenter/TaskPage.vue
View File

@@ -450,7 +450,9 @@
</div>
</div>
<div class="operations">
<div class="operation">管理</div>
<div class="operation" style="cursor: pointer" @click="showTest">
管理
</div>
</div>
</div>
<div class="stage" style="margin-top: 0">
@@ -816,8 +818,178 @@
</a-tab-pane>
<a-tab-pane key="4" tab="公告">Content of Tab Pane 3</a-tab-pane>
<a-tab-pane key="5" tab="项目积分">Content of Tab Pane 3</a-tab-pane>
<a-tab-pane key="6" tab="排行榜">Content of Tab Pane 3</a-tab-pane>
<a-tab-pane key="7" tab="设置">Content of Tab Pane 3</a-tab-pane>
<a-tab-pane key="6" tab="排行榜">
<div class="content6">
<div class="title">排行榜</div>
<div class="line"></div>
<div class="search">
<div class="left">
<div class="name">
<div class="text">姓名：</div>
<a-input
v-model:value="valueName"
placeholder="请输入姓名"
style="
width: 264px;
height: 40px;
border-radius: 8px;
margin-left: 5px;
"
/>
</div>
<div class="time">
<div class="text">选择时间：</div>
<a-range-picker
v-model:value="valueDate"
style="border-radius: 8px; height: 40px; margin-left: 5px"
:placeholder="[' 开始时间', ' 结束时间']"
/>
</div>
</div>
<div class="right">
<div class="btn btn1">
<div class="img1"></div>
<div class="te">搜索</div>
</div>
<div class="btn btn2">
<div class="img2"></div>
<div class="te">重置</div>
</div>
</div>
</div>
<div class="main">
<div class="rank">
<div class="rankhead">
<div class="inhead">
<div class="left">进度排行 Top10</div>
<div class="right">
<a-select
v-model:value="valuestu1"
style="width: 80px; margin-right: 16px"
:options="rankjindu"
></a-select>
<a-select
v-model:value="valuestu2"
style="width: 112px"
:options="rankjieduan"
></a-select>
</div>
</div>
</div>
</div>
<div class="rank">
<div class="rankhead">
<div class="inhead">
<div class="left">学分排行 Top10</div>
<div class="right">
<a-select
v-model:value="valuestu3"
style="width: 80px"
:options="rankxuefen"
></a-select>
</div>
</div>
</div>
</div>
<div class="rank">
<div class="rankhead">
<div class="inhead">
<div class="left">学识排行 Top10</div>
<div class="right">
<a-select
v-model:value="valuestu4"
style="width: 80px"
:options="rankxueshi"
></a-select>
</div>
</div>
</div>
</div>
</div>
</div>
</a-tab-pane>
<a-tab-pane key="7" tab="设置">
<div class="content7">
<div class="set_tit">
<span>基本信息</span>
</div>
<hr color="#E8E8E8" />
<div class="set_body">
<div class="edit">
<div class="img"></div>
<div class="ed">编辑</div>
</div>
<div class="set_content">
<div class="setc_name"><span>项目名称：</span></div>
<div class="setc_main">
<span style="color: #999999">管理者进阶 - 管理者腾飞班</span>
</div>
</div>
<div class="set_content">
<div class="setc_name"><span>封面图：</span></div>
<div class="setc_main">
<img src="@/assets/images/projectadd/picture.png" alt="" />
</div>
</div>
<div class="set_content">
<div class="setc_name"><span>项目时间：</span></div>
<div class="setc_main">
<span style="color: #999999"
>2022-7-16 12:30 ～ 2022-7-30 12:30</span
>
</div>
</div>
<div class="set_content">
<div class="setc_name"><span>项目经理：</span></div>
<div class="setc_main">
<span style="color: #999999">张雪</span>
</div>
</div>
<div class="set_content">
<div class="setc_name"><span>资源归属：</span></div>
<div class="setc_main">
<span style="color: #999999">-</span>
</div>
</div>
<div class="set_content">
<div class="setc_name"><span>项目说明：</span></div>
<div class="setc_main">
<span style="color: #999999">-</span>
</div>
</div>
<div class="set_content">
<div class="setc_name"><span>同步学习记录：</span></div>
<div class="setc_main" @click="changecheck2">
<a-radio v-model:checked="checkedd"
><span style="color: #333333"
>同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
></a-radio
>
</div>
</div>
<div class="set_content">
<div class="setc_name"><span>项目级别：</span></div>
<div class="setc_main">
<span style="color: #999999">-</span>
</div>
</div>
<div class="set_content">
<div class="setc_name"><span>培训体系：</span></div>
<div class="setc_main">
<span style="color: #999999">-</span>
</div>
</div>
<div class="set_content">
<div class="setc_name"><span>是否BOEU实施：</span></div>
<div class="setc_main" @click="changecheck3">
<a-radio v-model:checked="checkedd2"
><span style="color: #333333">BOEU实施</span></a-radio
>
</div>
</div>
</div>
</div>
</a-tab-pane>
</a-tabs>
</div>
<!-- 时间管理抽屉 -->
@@ -832,6 +1004,9 @@
<active-attendance v-model:AAvisible="AAvisible" />
<!-- 作业管理抽屉 -->
<work-manage v-model:Wvisible="Wvisible" />
<!-- 考试管理抽屉 -->
<test-manage v-model:TMvisible="TMvisible" />
<!-- 概览（无数据）-项目发布弹窗 -->
<div>
<a-modal
@@ -998,8 +1173,9 @@ import TimeManage from "../../components/drawers/TimeManage";
import FaceManage from "../../components/drawers/FaceManage";
import SubsetManage from "../../components/drawers/SubsetManage";
import ActiveAttendance from "../../components/drawers/ActiveAttendance";
import WorkManage from "../../components/drawers/WorkManage.vue";
import WorkManage from "../../components/drawers/WorkManage";
import FaceStu from "../../components/drawers/FaceStu";
import TestManage from "../../components/drawers/TestManage";
export default {
name: "taskPage",
components: {
@@ -1009,6 +1185,7 @@ export default {
FaceStu,
ActiveAttendance,
WorkManage,
TestManage,
},
setup() {
const state = reactive({
@@ -1153,19 +1330,36 @@ export default {
className: "h",
},
],
//进度排行学员
rankjindu: [{ value: "学员", label: "学员" }],
valuestu1: "学员",
//进度排行阶段
rankjieduan: [{ value: "第一阶段", label: "第一阶段" }],
valuestu2: "第一阶段",
//学分排行
rankxuefen: [{ value: "学员", label: "学员" }],
valuestu3: "学员",
//学识排行
rankxueshi: [{ value: "学员", label: "学员" }],
valuestu4: "学员",
visible: false, //时间管理
FaceVisivle: false, //面授管理
subsetVisivle: false, //随机小组
FSvisible: false, //面授学员
AAvisible: false, //活动考勤
Wvisible: false, //作业管理
TMvisible: false, //考试管理
pubproject: false,
stugroup: false,
checked: false,
checked1: true,
checked2: false,
checkedd: false, //设置按钮1
checkedd2: false, //设置按钮2
activeKey: "3",
activeKey1: "8",
valueName: "", //排行榜输入姓名
valueDate: "", //排行榜输入日期
});
const showModal = () => {
state.pubproject = true;
@@ -1207,6 +1401,17 @@ export default {
const showWork = () => {
state.Wvisible = true;
};
//考试管理的抽屉
const showTest = () => {
state.TMvisible = true;
};
const changecheck2 = () => {
state.checkedd = !state.checkedd;
};
const changecheck3 = () => {
state.checkedd2 = !state.checkedd2;
};
return {
...toRefs(state),
showModal,
@@ -1219,11 +1424,20 @@ export default {
showFS,
showAA,
showWork,
showTest,
changecheck2,
changecheck3,
};
},
};
</script>
<style lang="scss">
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
clear: both;
}
.pubproject {
.ant-modal {
.ant-modal-body {
@@ -2256,6 +2470,188 @@ export default {
}
}
}
.content6 {
width: 100%;
height: 100%;
background-color: #bfa;
.title {
font-size: 18px;
font-weight: 500;
color: #333333;
margin-left: 34px;
}
.line {
width: 100%;
height: 1px;
margin-top: 10px;
background: #e8e8e8;
}
.search {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
margin: 30px 34px 0 34px;
.left {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-right: 10px;
.text {
font-size: 14px;
font-weight: 400;
color: rgba(0, 0, 0, 0.85);
white-space: nowrap;
}
.name {
display: flex;
align-items: center;
margin-bottom: 10px;
margin-right: 56px;
}
.time {
display: flex;
align-items: center;
// margin-left: 56px;
margin-bottom: 10px;
}
}
.right {
display: flex;
.btn {
display: flex;
width: 100px;
height: 40px;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-bottom: 10px;
.img1 {
width: 15px;
height: 17px;
background-image: url(../../assets/images/coursewareManage/search0.png);
background-size: 100%;
margin-right: 5px;
}
.img2 {
width: 16px;
height: 18px;
background-image: url(../../assets/images/coursewareManage/reset1.png);
background-size: 100%;
margin-right: 5px;
}
}
.btn1 {
background: #388be1;
color: #fff;
margin-right: 16px;
}
.btn2 {
border: 1px solid #388be1;
background: #ffffff;
color: #388be1;
}
}
}
.main {
margin-top: 10px;
display: flex;
flex-wrap: wrap;
margin-left: 34px;
margin-bottom: 20px;
.rank {
width: 422px;
height: 506px;
margin-right: 80px;
background: #ffffff;
border-radius: 2px;
border: 1px solid rgba(125, 125, 125, 0.39);
.rankhead {
height: 75px;
width: 100%;
border-bottom: 1px solid #e9e9e9;
// background-color: #bfa;
display: flex;
justify-content: center;
align-items: center;
.inhead {
width: 374px;
// background-color: lightblue;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
.left {
font-size: 16px;
font-weight: 500;
color: rgba(0, 0, 0, 0.85);
}
.right {
.ant-select {
.ant-select-selector {
border-radius: 4px !important;
border: 1px solid #388be1;
}
}
}
}
}
}
}
}
.content7 {
.set_tit {
margin-left: 34px;
font-size: 18px;
font-weight: 500;
color: #232425;
}
.set_body {
margin-left: 34px;
margin-right: 34px;
position: relative;
.edit {
position: absolute;
width: 100px;
height: 40px;
background: #388be1;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
right: 0;
cursor: pointer;
.img {
width: 18px;
height: 18px;
background-image: url(../../assets/images/basicinfo/edit.png);
background-size: 100%;
margin-right: 7px;
}
.ed {
font-size: 14px;
font-weight: 400;
color: #ffffff;
}
}
.set_content {
margin: 32px auto;
display: flex;
// justify-content: end;
.setc_name {
width: 150px;
display: flex;
justify-content: end;
}
.setc_main {
flex: 1;
margin-left: 12px;
}
}
}
}
}
</style>