mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-10 11:26:45 +08:00
style:修改路径管理
This commit is contained in:
songwc
@@ -45,7 +45,8 @@
|
|||||||
:tabBarStyle="{ marginLeft: '10px' }"
|
:tabBarStyle="{ marginLeft: '10px' }"
|
||||||
>
|
>
|
||||||
<a-tab-pane key="1" tab="路径管理">
|
<a-tab-pane key="1" tab="路径管理">
|
||||||
<div class="cont">
|
<!-- 无数据时的路径管理 -->
|
||||||
|
<!-- <div class="cont">
|
||||||
<div class="pad"></div>
|
<div class="pad"></div>
|
||||||
<div class="sametab">
|
<div class="sametab">
|
||||||
<div class="Lhead">
|
<div class="Lhead">
|
||||||
@@ -72,71 +73,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="Lbom">
|
<div class="Lbom">
|
||||||
<!-- 判断路径中是否有关卡 -->
|
<div>
|
||||||
<div v-if="level.length != 0">
|
|
||||||
<div class="item" v-for="item in level" :key="item.id">
|
|
||||||
<div class="itemhead">
|
|
||||||
<div class="lev">{{ item.lev }}</div>
|
|
||||||
<div class="lin"></div>
|
|
||||||
<div class="nam">{{ item.name }}</div>
|
|
||||||
<div class="count">
|
|
||||||
<span>当前关卡</span>
|
|
||||||
<span>{{ item.count }}</span>
|
|
||||||
<span>个人</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="itembomm">
|
|
||||||
<div class="it">
|
|
||||||
<div class="on" style="color: #ffb145">
|
|
||||||
{{ item.online }}
|
|
||||||
</div>
|
|
||||||
<div class="ittext">在线</div>
|
|
||||||
</div>
|
|
||||||
<div class="linee"></div>
|
|
||||||
<div class="it">
|
|
||||||
<div class="on" style="color: #ff89a4">
|
|
||||||
{{ item.homework }}
|
|
||||||
</div>
|
|
||||||
<div class="ittext">作业</div>
|
|
||||||
</div>
|
|
||||||
<div class="linee"></div>
|
|
||||||
<div class="it">
|
|
||||||
<div class="on" style="color: #3fc5e3">
|
|
||||||
{{ item.juan }}
|
|
||||||
</div>
|
|
||||||
<div class="ittext">问卷</div>
|
|
||||||
</div>
|
|
||||||
<div class="linee"></div>
|
|
||||||
<div class="it">
|
|
||||||
<div class="on" style="color: #5be1c0">
|
|
||||||
{{ item.ballot }}
|
|
||||||
</div>
|
|
||||||
<div class="ittext">投票</div>
|
|
||||||
</div>
|
|
||||||
<div class="linee"></div>
|
|
||||||
<div class="it">
|
|
||||||
<div class="on" style="color: #a498ff">
|
|
||||||
{{ item.test }}
|
|
||||||
</div>
|
|
||||||
<div class="ittext">考试</div>
|
|
||||||
</div>
|
|
||||||
<div class="linee"></div>
|
|
||||||
<div class="itright">
|
|
||||||
<span class="te">编辑</span>
|
|
||||||
<div class="more">
|
|
||||||
<div class="te" style="margin-left: 20px">更多</div>
|
|
||||||
<div class="moreArrow"></div>
|
|
||||||
<div class="moreItems">
|
|
||||||
<div class="roleItem">复制</div>
|
|
||||||
<div class="roleItem">删除</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div v-else>
|
|
||||||
<div class="create">
|
<div class="create">
|
||||||
<div
|
<div
|
||||||
class="taskbox"
|
class="taskbox"
|
||||||
@@ -166,6 +103,198 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="pad"></div>
|
<div class="pad"></div>
|
||||||
|
</div> -->
|
||||||
|
<!-- 有数据时的路径管理 -->
|
||||||
|
<div style="flex: 1">
|
||||||
|
<div class="onerow">
|
||||||
|
<div class="taskmain">任务大纲</div>
|
||||||
|
|
||||||
|
<router-link to="/leveladddetail" class="edit">
|
||||||
|
<img
|
||||||
|
class="editimg"
|
||||||
|
src="../../assets/images/projectadd/edit.png"
|
||||||
|
/>
|
||||||
|
<span class="editext">编辑</span>
|
||||||
|
</router-link>
|
||||||
|
</div>
|
||||||
|
<div class="taskSyllabus">
|
||||||
|
<a-collapse v-model:activeKey="taskSyllabusActive" accordion>
|
||||||
|
<template #expandIcon="{ isActive }">
|
||||||
|
<img
|
||||||
|
:style="{
|
||||||
|
width: isActive ? 9.1 : 8.1,
|
||||||
|
height: isActive ? 8.1 : 9.1,
|
||||||
|
'margin-right': isActive ? '12px' : '13px',
|
||||||
|
}"
|
||||||
|
:src="
|
||||||
|
isActive
|
||||||
|
? require('../../assets/images/projectadd/open.png')
|
||||||
|
: require('../../assets/images/projectadd/close.png')
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
<div></div>
|
||||||
|
</template>
|
||||||
|
<a-collapse-panel
|
||||||
|
v-for="(value, index) in taskSyllabus"
|
||||||
|
:key="index"
|
||||||
|
:header="value.text"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="course"
|
||||||
|
v-for="(item, key) in value.children"
|
||||||
|
:key="key"
|
||||||
|
>
|
||||||
|
<!-- :style="{width:item.course==='在线'?'28px':
|
||||||
|
height:item.course==='在线'?'27px':}" -->
|
||||||
|
<div class="first">
|
||||||
|
<div class="icon">
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
width: 31px;
|
||||||
|
height: 28px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
:src="
|
||||||
|
item.course === '在线'
|
||||||
|
? require('../../assets/images/leveladd/zai.png')
|
||||||
|
: item.course === '面授'
|
||||||
|
? require('../../assets/images/leveladd/mian.png')
|
||||||
|
: item.course === '案例'
|
||||||
|
? require('../../assets/images/leveladd/an.png')
|
||||||
|
: item.course === '作业'
|
||||||
|
? require('../../assets/images/leveladd/zuo.png')
|
||||||
|
: item.course === '考试'
|
||||||
|
? require('../../assets/images/leveladd/kao.png')
|
||||||
|
: item.course === '直播'
|
||||||
|
? require('../../assets/images/leveladd/zhi.png')
|
||||||
|
: item.course === '外链'
|
||||||
|
? require('../../assets/images/leveladd/wai.png')
|
||||||
|
: item.course === '讨论'
|
||||||
|
? require('../../assets/images/leveladd/tao.png')
|
||||||
|
: item.course === '活动'
|
||||||
|
? require('../../assets/images/leveladd/huo.png')
|
||||||
|
: item.course === '测评'
|
||||||
|
? require('../../assets/images/leveladd/ce.png')
|
||||||
|
: item.course === '调研'
|
||||||
|
? require('../../assets/images/leveladd/diao.png')
|
||||||
|
: item.course === '投票'
|
||||||
|
? require('../../assets/images/leveladd/tou.png')
|
||||||
|
: null
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="iconame">「{{ item.course }}」</div>
|
||||||
|
<div class="icontext">{{ item.name }}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="type">
|
||||||
|
<div
|
||||||
|
:class="
|
||||||
|
item.classify == '必修' ? 'typename1' : 'typename'
|
||||||
|
"
|
||||||
|
>
|
||||||
|
{{ item.classify }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="time">
|
||||||
|
<div class="timetext">开始时间</div>
|
||||||
|
<div class="timetext">{{ item.beginTime }}</div>
|
||||||
|
</div>
|
||||||
|
<div class="progress">
|
||||||
|
<div class="progresstext">
|
||||||
|
{{ item.complete }}/{{ item.total }}人
|
||||||
|
</div>
|
||||||
|
<div style="display: flex">
|
||||||
|
<a-progress
|
||||||
|
:showInfo="false"
|
||||||
|
:percent="item.percent"
|
||||||
|
strokeColor="#FFC067"
|
||||||
|
trailColor="rgba(253, 209, 98, 0.2)"
|
||||||
|
/>
|
||||||
|
<span class="progresstext" style="margin-left: 10px"
|
||||||
|
>{{ item.percent }}%</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="operations">
|
||||||
|
<div
|
||||||
|
class="operation"
|
||||||
|
style="cursor: pointer"
|
||||||
|
:style="{
|
||||||
|
display: item.course === '面授' ? 'flex' : 'none',
|
||||||
|
}"
|
||||||
|
@click="showFS"
|
||||||
|
>
|
||||||
|
学员
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="operation"
|
||||||
|
style="cursor: pointer"
|
||||||
|
@click="showAA"
|
||||||
|
:style="{
|
||||||
|
display:
|
||||||
|
item.course === '直播' || item.course === '活动'
|
||||||
|
? 'flex'
|
||||||
|
: 'none',
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
考勤
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="operation"
|
||||||
|
style="cursor: pointer"
|
||||||
|
:style="{
|
||||||
|
display:
|
||||||
|
item.course === '直播' ||
|
||||||
|
item.course === '活动' ||
|
||||||
|
item.course === '面授'
|
||||||
|
? 'flex'
|
||||||
|
: 'none',
|
||||||
|
}"
|
||||||
|
@click="
|
||||||
|
item.course === '面授'
|
||||||
|
? showCopyModal(item.course)
|
||||||
|
: null
|
||||||
|
"
|
||||||
|
>
|
||||||
|
二维码
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="operation"
|
||||||
|
style="cursor: pointer; margin-right: 35px"
|
||||||
|
@click="
|
||||||
|
item.course === '在线' ||
|
||||||
|
item.course === '案例' ||
|
||||||
|
item.course === '外链' ||
|
||||||
|
item.course === '讨论' ||
|
||||||
|
item.course === '直播' ||
|
||||||
|
item.course === '调研' ||
|
||||||
|
item.course === '投票' ||
|
||||||
|
item.course === '活动'
|
||||||
|
? showTime(item.course, item.name)
|
||||||
|
: item.course === '考试' || item.course === '测评'
|
||||||
|
? showTest(item.course, item.name)
|
||||||
|
: item.course === '面授'
|
||||||
|
? showFace(item.course)
|
||||||
|
: item.course === '作业'
|
||||||
|
? showWork(item.course)
|
||||||
|
: null
|
||||||
|
"
|
||||||
|
>
|
||||||
|
管理
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a-collapse-panel>
|
||||||
|
</a-collapse>
|
||||||
|
</div>
|
||||||
|
<div style="display: flex; height: 20px"></div>
|
||||||
</div>
|
</div>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane key="2" tab="学员管理" force-render>
|
<a-tab-pane key="2" tab="学员管理" force-render>
|
||||||
@@ -372,7 +501,7 @@
|
|||||||
<a-modal
|
<a-modal
|
||||||
style="padding: 0"
|
style="padding: 0"
|
||||||
:closable="sh"
|
:closable="sh"
|
||||||
v-model:visible="visible"
|
v-model:visible="visiblene"
|
||||||
:footer="null"
|
:footer="null"
|
||||||
centered="true"
|
centered="true"
|
||||||
wrapClassName="changeModal"
|
wrapClassName="changeModal"
|
||||||
@@ -438,12 +567,52 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a-modal>
|
</a-modal>
|
||||||
|
<!-- 面授管理二维码 -->
|
||||||
|
<a-modal
|
||||||
|
v-model:visible="copyModal"
|
||||||
|
:footer="null"
|
||||||
|
:closable="closeCopy"
|
||||||
|
wrapClassName="facemanageModal"
|
||||||
|
centered="true"
|
||||||
|
>
|
||||||
|
<div class="delete">
|
||||||
|
<div class="del_header"></div>
|
||||||
|
<div class="del_main">
|
||||||
|
<div class="header">
|
||||||
|
<div class="icon"></div>
|
||||||
|
<span>面授管理</span>
|
||||||
|
<div class="close_exit" @click="closeCopyModal"></div>
|
||||||
|
</div>
|
||||||
|
<div class="body">
|
||||||
|
<div><img src="../../assets/images/taskpage/erweima.png" /></div>
|
||||||
|
</div>
|
||||||
|
<div class="footerr">
|
||||||
|
<div class="onload">下载二维码</div>
|
||||||
|
<div class="onloadpx">200*200</div>
|
||||||
|
<div class="onloadpx">400*400</div>
|
||||||
|
<div class="onloadpx">800*800</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a-modal>
|
||||||
<!-- 添加学员抽屉 -->
|
<!-- 添加学员抽屉 -->
|
||||||
<add-stu v-model:AddSvisible="AddSvisible" />
|
<add-stu v-model:AddSvisible="AddSvisible" />
|
||||||
<!-- 导入学员抽屉 -->
|
<!-- 导入学员抽屉 -->
|
||||||
<imp-stu v-model:AddImpStuvisible="AddImpStuvisible" />
|
<imp-stu v-model:AddImpStuvisible="AddImpStuvisible" />
|
||||||
<!-- 学员管理查看抽屉 -->
|
<!-- 学员管理查看抽屉 -->
|
||||||
<check-stu v-model:CheckStuvisible="CheckStuvisible" />
|
<check-stu v-model:CheckStuvisible="CheckStuvisible" />
|
||||||
|
<!-- 面授学员抽屉 -->
|
||||||
|
<face-stu v-model:FSvisible="FSvisible" />
|
||||||
|
<!-- 活动考勤抽屉 -->
|
||||||
|
<active-attendance v-model:AAvisible="AAvisible" />
|
||||||
|
<!-- 时间管理抽屉 -->
|
||||||
|
<time-manage v-model:Tvisible="visible" :title="showTimeText" />
|
||||||
|
<!-- 考试管理抽屉 -->
|
||||||
|
<test-manage v-model:TMvisible="TMvisible" :title="showTestText" />
|
||||||
|
<!-- 面授管理抽屉 -->
|
||||||
|
<face-manage v-model:Fvisible="FaceVisivle" />
|
||||||
|
<!-- 作业管理抽屉 -->
|
||||||
|
<work-manage v-model:Wvisible="Wvisible" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -452,9 +621,25 @@ import { ref, reactive, toRefs } from "vue";
|
|||||||
import AddStu from "../../components/drawers/AddLevelAddStu";
|
import AddStu from "../../components/drawers/AddLevelAddStu";
|
||||||
import ImpStu from "../../components/drawers/AddLevelImportStu";
|
import ImpStu from "../../components/drawers/AddLevelImportStu";
|
||||||
import CheckStu from "../../components/drawers/CheckStu";
|
import CheckStu from "../../components/drawers/CheckStu";
|
||||||
|
import FaceStu from "../../components/drawers/FaceStu";
|
||||||
|
import ActiveAttendance from "../../components/drawers/ActiveAttendance";
|
||||||
|
import TimeManage from "../../components/drawers/TimeManage";
|
||||||
|
import TestManage from "../../components/drawers/TestManage";
|
||||||
|
import FaceManage from "../../components/drawers/FaceManage";
|
||||||
|
import WorkManage from "../../components/drawers/WorkManage";
|
||||||
export default {
|
export default {
|
||||||
name: "LevelAdd",
|
name: "LevelAdd",
|
||||||
components: { AddStu, ImpStu, CheckStu },
|
components: {
|
||||||
|
AddStu,
|
||||||
|
ImpStu,
|
||||||
|
CheckStu,
|
||||||
|
FaceStu,
|
||||||
|
ActiveAttendance,
|
||||||
|
TimeManage,
|
||||||
|
TestManage,
|
||||||
|
FaceManage,
|
||||||
|
WorkManage,
|
||||||
|
},
|
||||||
methods: {},
|
methods: {},
|
||||||
setup() {
|
setup() {
|
||||||
const state = reactive({
|
const state = reactive({
|
||||||
@@ -464,6 +649,7 @@ export default {
|
|||||||
AddSvisible: false, //添加学员抽屉
|
AddSvisible: false, //添加学员抽屉
|
||||||
AddImpStuvisible: false, //导入学员抽屉
|
AddImpStuvisible: false, //导入学员抽屉
|
||||||
CheckStuvisible: false, //学员管理的查看抽屉
|
CheckStuvisible: false, //学员管理的查看抽屉
|
||||||
|
Wvisible: false, //作业管理
|
||||||
projectNameListt: [
|
projectNameListt: [
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
@@ -542,16 +728,131 @@ export default {
|
|||||||
label: "关卡2",
|
label: "关卡2",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
//任务大纲列表
|
||||||
|
taskSyllabus: [
|
||||||
|
{
|
||||||
|
text: "阶段1腾飞班阶段1",
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
course: "在线",
|
||||||
|
name: "时间管理",
|
||||||
|
classify: "选修",
|
||||||
|
beginTime: "2022-09-10 14:03",
|
||||||
|
total: 50, //总人数
|
||||||
|
complete: 20, //完成人数
|
||||||
|
percent: 40,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
course: "直播",
|
||||||
|
name: "管理直播间",
|
||||||
|
classify: "必修",
|
||||||
|
beginTime: "2022-09-12 14:03",
|
||||||
|
total: 50, //总人数
|
||||||
|
complete: 10, //完成人数
|
||||||
|
percent: 20,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
course: "面授",
|
||||||
|
name: "管理面授课",
|
||||||
|
classify: "必修",
|
||||||
|
beginTime: "2022-09-16 14:03",
|
||||||
|
total: 80, //总人数
|
||||||
|
complete: 0, //完成人数
|
||||||
|
percent: 0,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
course: "活动",
|
||||||
|
name: "管理活动",
|
||||||
|
classify: "必修",
|
||||||
|
beginTime: "2022-09-16 14:03",
|
||||||
|
total: 50, //总人数
|
||||||
|
complete: 40, //完成人数
|
||||||
|
percent: 80,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
course: "作业",
|
||||||
|
name: "管理者作业",
|
||||||
|
classify: "选修",
|
||||||
|
beginTime: "2022-09-16 14:03",
|
||||||
|
total: 50, //总人数
|
||||||
|
complete: 30, //完成人数
|
||||||
|
percent: 60,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
course: "考试",
|
||||||
|
name: "管理者考试",
|
||||||
|
classify: "必修",
|
||||||
|
beginTime: "2022-09-16 14:03",
|
||||||
|
total: 50, //总人数
|
||||||
|
complete: 50, //完成人数
|
||||||
|
percent: 100,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: "阶段2腾飞班阶段2",
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
course: "讨论",
|
||||||
|
name: "时间管理",
|
||||||
|
classify: "选修",
|
||||||
|
beginTime: "2022-09-16 14:03",
|
||||||
|
total: 50, //总人数
|
||||||
|
complete: 20, //完成人数
|
||||||
|
percent: 40,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
course: "测评",
|
||||||
|
name: "管理直播间",
|
||||||
|
classify: "必修",
|
||||||
|
beginTime: "2022-09-16 14:03",
|
||||||
|
total: 50, //总人数
|
||||||
|
complete: 10, //完成人数
|
||||||
|
percent: 20,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
course: "调研",
|
||||||
|
name: "管理直播间",
|
||||||
|
classify: "必修",
|
||||||
|
beginTime: "2022-09-16 14:03",
|
||||||
|
total: 50, //总人数
|
||||||
|
complete: 10, //完成人数
|
||||||
|
percent: 20,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
course: "投票",
|
||||||
|
name: "管理直播间",
|
||||||
|
classify: "必修",
|
||||||
|
beginTime: "2022-09-16 14:03",
|
||||||
|
total: 50, //总人数
|
||||||
|
complete: 10, //完成人数
|
||||||
|
percent: 20,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
activeKey: ref("1"),
|
activeKey: ref("1"),
|
||||||
value: ref(" "),
|
value: ref(" "),
|
||||||
checked2: false,
|
checked2: false,
|
||||||
currentPage: 1,
|
currentPage: 1,
|
||||||
tableDataTotal: 100,
|
tableDataTotal: 100,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
visible: false,
|
visiblene: false,
|
||||||
sh: false,
|
sh: false,
|
||||||
closeDeleteAll: false,
|
closeDeleteAll: false,
|
||||||
curLevel: "",
|
curLevel: "",
|
||||||
|
taskSyllabusActive: 0,
|
||||||
|
//在线管理等页面传递参数
|
||||||
|
showTimeText: "",
|
||||||
|
//考试、测评页面传递参数
|
||||||
|
showTestText: "",
|
||||||
|
FSvisible: false, //面授学员
|
||||||
|
AAvisible: false, //活动/直播考勤
|
||||||
|
copyModal: false, //面授二维码弹窗
|
||||||
|
closeCopy: false, //面授二维码关闭图标
|
||||||
|
visible: false, //时间管理
|
||||||
|
TMvisible: false, //考试管理
|
||||||
|
FaceVisivle: false, //面授管理
|
||||||
//关卡的数据
|
//关卡的数据
|
||||||
level: [
|
level: [
|
||||||
// {
|
// {
|
||||||
@@ -799,6 +1100,42 @@ export default {
|
|||||||
const showCheckStu = () => {
|
const showCheckStu = () => {
|
||||||
state.CheckStuvisible = true;
|
state.CheckStuvisible = true;
|
||||||
};
|
};
|
||||||
|
const showCopyModal = () => {
|
||||||
|
state.copyModal = true;
|
||||||
|
};
|
||||||
|
const closeCopyModal = () => {
|
||||||
|
state.copyModal = false;
|
||||||
|
};
|
||||||
|
//面授学员的弹窗
|
||||||
|
const showFS = () => {
|
||||||
|
state.FSvisible = true;
|
||||||
|
};
|
||||||
|
//活动考勤的抽屉
|
||||||
|
const showAA = () => {
|
||||||
|
state.AAvisible = true;
|
||||||
|
};
|
||||||
|
// 时间管理
|
||||||
|
const showTime = (course, name) => {
|
||||||
|
console.log("点击管理");
|
||||||
|
state.visible = true;
|
||||||
|
state.showTimeText = "【" + course + "】" + name;
|
||||||
|
// console.log("state.showTimeText", state.showTimeText);
|
||||||
|
};
|
||||||
|
//考试管理的抽屉
|
||||||
|
const showTest = (course, name) => {
|
||||||
|
state.TMvisible = true;
|
||||||
|
state.showTestText = "【" + course + "】" + name;
|
||||||
|
};
|
||||||
|
//新增
|
||||||
|
const showFace = () => {
|
||||||
|
//面授管理的抽屉
|
||||||
|
// console.log("点击管理");
|
||||||
|
state.FaceVisivle = true;
|
||||||
|
};
|
||||||
|
//作业管理的抽屉
|
||||||
|
const showWork = () => {
|
||||||
|
state.Wvisible = true;
|
||||||
|
};
|
||||||
return {
|
return {
|
||||||
...toRefs(state),
|
...toRefs(state),
|
||||||
selectProjectName,
|
selectProjectName,
|
||||||
@@ -814,6 +1151,14 @@ export default {
|
|||||||
showAddStu,
|
showAddStu,
|
||||||
showImpStu,
|
showImpStu,
|
||||||
showCheckStu,
|
showCheckStu,
|
||||||
|
showFS,
|
||||||
|
showAA,
|
||||||
|
showCopyModal,
|
||||||
|
closeCopyModal,
|
||||||
|
showTime,
|
||||||
|
showTest,
|
||||||
|
showFace,
|
||||||
|
showWork,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
@@ -936,6 +1281,107 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.facemanageModal {
|
||||||
|
.ant-modal {
|
||||||
|
width: 532px !important;
|
||||||
|
height: 428px !important;
|
||||||
|
.ant-modal-content {
|
||||||
|
width: 532px !important;
|
||||||
|
height: 428px !important;
|
||||||
|
.ant-modal-body {
|
||||||
|
width: 532px !important;
|
||||||
|
height: 428px !important;
|
||||||
|
padding: 0 !important;
|
||||||
|
.delete {
|
||||||
|
z-index: 999;
|
||||||
|
width: 532px;
|
||||||
|
height: 428px;
|
||||||
|
background: #ffffff;
|
||||||
|
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
|
||||||
|
border-radius: 4px;
|
||||||
|
// position: absolute;
|
||||||
|
// left: 50%;
|
||||||
|
// top: 10%;
|
||||||
|
// transform: translate(-50%, -50%);
|
||||||
|
.del_header {
|
||||||
|
position: absolute;
|
||||||
|
width: calc(100%);
|
||||||
|
height: 68px;
|
||||||
|
background: linear-gradient(
|
||||||
|
rgba(78, 166, 255, 0.2) 0%,
|
||||||
|
rgba(78, 166, 255, 0) 100%
|
||||||
|
);
|
||||||
|
}
|
||||||
|
.del_main {
|
||||||
|
width: 100%;
|
||||||
|
position: relative;
|
||||||
|
.header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding-top: 20px;
|
||||||
|
padding-left: 26px;
|
||||||
|
font-size: 16px;
|
||||||
|
.icon {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 10px;
|
||||||
|
background-image: url(@/assets/images/coursewareManage/QR.png);
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
.close_exit {
|
||||||
|
position: absolute;
|
||||||
|
right: 42px;
|
||||||
|
cursor: pointer;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
background-image: url(@/assets/images/coursewareManage/close.png);
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.body {
|
||||||
|
width: 100%;
|
||||||
|
margin: 34px auto 56px auto;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
// background-color: red;
|
||||||
|
position: relative;
|
||||||
|
.back {
|
||||||
|
position: absolute;
|
||||||
|
top: 30px;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #666666;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.footerr {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
.onload {
|
||||||
|
color: rgba(51, 51, 51, 1);
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.onloadpx {
|
||||||
|
width: 80px;
|
||||||
|
height: 32px;
|
||||||
|
border: 1px solid rgba(56, 125, 247, 1);
|
||||||
|
border-radius: 4px;
|
||||||
|
color: rgba(56, 125, 247, 1);
|
||||||
|
margin-left: 20px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.changeModal {
|
.changeModal {
|
||||||
.ant-modal {
|
.ant-modal {
|
||||||
width: 549px !important;
|
width: 549px !important;
|
||||||
@@ -1471,6 +1917,192 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.onerow {
|
||||||
|
//width: 100%;
|
||||||
|
display: flex;
|
||||||
|
height: 40px;
|
||||||
|
position: relative;
|
||||||
|
margin-top: 15px;
|
||||||
|
margin-left: 38px;
|
||||||
|
//margin-right: 38px;
|
||||||
|
.taskmain {
|
||||||
|
font-size: 18px;
|
||||||
|
padding-top: 7px;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
.btn {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 168px;
|
||||||
|
background-color: #409eff;
|
||||||
|
width: 130px;
|
||||||
|
height: 40px;
|
||||||
|
border-radius: 8px;
|
||||||
|
border: 1px solid #409eff;
|
||||||
|
color: #ffffff;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.edit {
|
||||||
|
position: absolute;
|
||||||
|
right: 38px;
|
||||||
|
top: 0;
|
||||||
|
color: #409eff;
|
||||||
|
width: 100px;
|
||||||
|
height: 40px;
|
||||||
|
border: 1px solid #409eff;
|
||||||
|
border-radius: 8px;
|
||||||
|
.editimg {
|
||||||
|
width: 15px;
|
||||||
|
height: 15px;
|
||||||
|
margin-top: -2px;
|
||||||
|
margin-left: 25px;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
.editext {
|
||||||
|
line-height: 40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.edit:hover {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #409eff;
|
||||||
|
cursor: pointer;
|
||||||
|
.editimg {
|
||||||
|
background-image: url("../../assets/images/projectadd/edit1.png");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.taskSyllabus {
|
||||||
|
// flex: 1;
|
||||||
|
overflow-x: auto;
|
||||||
|
|
||||||
|
.ant-collapse {
|
||||||
|
border: 0px;
|
||||||
|
background-color: rgba(255, 255, 255, 0);
|
||||||
|
min-width: 1040px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-collapse-content > .ant-collapse-content-box {
|
||||||
|
padding-top: 0px;
|
||||||
|
padding-bottom: 0px;
|
||||||
|
}
|
||||||
|
.ant-collapse > .ant-collapse-item {
|
||||||
|
border: 0px;
|
||||||
|
}
|
||||||
|
.ant-collapse-header {
|
||||||
|
display: flex;
|
||||||
|
height: 49px;
|
||||||
|
background-color: #eff4fc;
|
||||||
|
align-items: center;
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-left: 38px;
|
||||||
|
margin-right: 40px;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #409eff;
|
||||||
|
line-height: 36px;
|
||||||
|
.ant-collapse-arrow {
|
||||||
|
margin-left: 15px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.ant-collapse-content {
|
||||||
|
border-top: 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.course {
|
||||||
|
//width: 100%;
|
||||||
|
flex-shrink: 0;
|
||||||
|
margin-right: 24px;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: center;
|
||||||
|
padding: 25px 0px;
|
||||||
|
margin-left: 22px;
|
||||||
|
|
||||||
|
//margin: 0 12px;
|
||||||
|
border: 1px solid #f2f6fc;
|
||||||
|
border-top: 0px;
|
||||||
|
.first {
|
||||||
|
//position: relative;
|
||||||
|
display: flex;
|
||||||
|
flex-grow: 1;
|
||||||
|
align-items: center;
|
||||||
|
//height: 71px;
|
||||||
|
margin-left: 12px;
|
||||||
|
margin-right: 50px;
|
||||||
|
|
||||||
|
.iconame {
|
||||||
|
//position: absolute;
|
||||||
|
color: #4f5156;
|
||||||
|
font-size: 16px;
|
||||||
|
margin-left: 4px;
|
||||||
|
}
|
||||||
|
.icontext {
|
||||||
|
//positipn: absolute;
|
||||||
|
color: #999ba3;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-left: 12px;
|
||||||
|
width: 83px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.type {
|
||||||
|
//height: 71px;
|
||||||
|
display: flex;
|
||||||
|
flex-grow: 1;
|
||||||
|
align-items: center;
|
||||||
|
margin-right: 50px;
|
||||||
|
.typename {
|
||||||
|
width: 63px;
|
||||||
|
height: 23px;
|
||||||
|
color: #5dc988;
|
||||||
|
font-size: 14px;
|
||||||
|
background-color: #f2f6fc;
|
||||||
|
border-radius: 4px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.typename1 {
|
||||||
|
width: 63px;
|
||||||
|
height: 23px;
|
||||||
|
color: #f0f4fe;
|
||||||
|
font-size: 14px;
|
||||||
|
background-color: #5dc988;
|
||||||
|
border-radius: 4px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.time {
|
||||||
|
//height: 71px;
|
||||||
|
flex-grow: 1;
|
||||||
|
margin-right: 50px;
|
||||||
|
.timetext {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #999ba3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.progress {
|
||||||
|
width: 168px;
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-right: 50px;
|
||||||
|
flex-grow: 1;
|
||||||
|
.progresstext {
|
||||||
|
color: #ffc067;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.operations {
|
||||||
|
display: flex;
|
||||||
|
width: 200px;
|
||||||
|
//flex-grow: 1;
|
||||||
|
.operation {
|
||||||
|
color: #4ea6ff;
|
||||||
|
font-size: 14px;
|
||||||
|
padding: 10px;
|
||||||
|
margin-left: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.xwid {
|
.xwid {
|
||||||
// width: 100%;
|
// width: 100%;
|
||||||
// height: 100%;
|
// height: 100%;
|
||||||
|
|||||||
@@ -372,9 +372,10 @@
|
|||||||
? 'flex'
|
? 'flex'
|
||||||
: 'none',
|
: 'none',
|
||||||
}"
|
}"
|
||||||
|
|
||||||
@click="
|
@click="
|
||||||
item.course === '面授' ? showCopyModal(item.course) : null
|
item.course === '面授'
|
||||||
|
? showCopyModal(item.course)
|
||||||
|
: null
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
二维码
|
二维码
|
||||||
@@ -788,13 +789,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane key="4" tab="公告">
|
<a-tab-pane key="4" tab="公告">
|
||||||
|
|
||||||
<NoticePub></NoticePub>
|
<NoticePub></NoticePub>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane key="5" tab="项目积分">
|
<a-tab-pane key="5" tab="项目积分">
|
||||||
<ProjectScore></ProjectScore>
|
<ProjectScore></ProjectScore>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
|
|
||||||
<a-tab-pane key="6" tab="排行榜">
|
<a-tab-pane key="6" tab="排行榜">
|
||||||
<div class="content6">
|
<div class="content6">
|
||||||
<div class="title">排行榜</div>
|
<div class="title">排行榜</div>
|
||||||
@@ -1488,7 +1488,7 @@
|
|||||||
<div class="close_exit" @click="closeCopyModal"></div>
|
<div class="close_exit" @click="closeCopyModal"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<div><img src="../../assets/images/taskpage/erweima.png"/></div>
|
<div><img src="../../assets/images/taskpage/erweima.png" /></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="footerr">
|
<div class="footerr">
|
||||||
<div class="onload">下载二维码</div>
|
<div class="onload">下载二维码</div>
|
||||||
@@ -1538,7 +1538,6 @@ export default {
|
|||||||
NoticePub,
|
NoticePub,
|
||||||
ProjectScore,
|
ProjectScore,
|
||||||
TaskImpStu,
|
TaskImpStu,
|
||||||
|
|
||||||
},
|
},
|
||||||
setup() {
|
setup() {
|
||||||
const state = reactive({
|
const state = reactive({
|
||||||
@@ -2298,19 +2297,27 @@ export default {
|
|||||||
justifyContent: "center",
|
justifyContent: "center",
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<div class="studentopea1" onClick={() => {
|
<div
|
||||||
if(value.excellent === false){
|
class="studentopea1"
|
||||||
state.canclestu = true;
|
onClick={() => {
|
||||||
}else if(value.excellent === true){
|
if (value.excellent === false) {
|
||||||
state.canclestu = false;
|
state.canclestu = true;
|
||||||
}
|
} else if (value.excellent === true) {
|
||||||
}}>
|
state.canclestu = false;
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
>
|
||||||
{value.excellent ? "取消优秀" : "优秀学员"}
|
{value.excellent ? "取消优秀" : "优秀学员"}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="studentopea2" onClick={() => {
|
<div
|
||||||
state.Seevisible = true;
|
class="studentopea2"
|
||||||
}}>查看</div>
|
onClick={() => {
|
||||||
|
state.Seevisible = true;
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
查看
|
||||||
|
</div>
|
||||||
<div class="studentSelect">
|
<div class="studentSelect">
|
||||||
<a-select
|
<a-select
|
||||||
style="width: 50px"
|
style="width: 50px"
|
||||||
@@ -2319,9 +2326,13 @@ export default {
|
|||||||
dropdownClassName="tabledropdown"
|
dropdownClassName="tabledropdown"
|
||||||
>
|
>
|
||||||
<a-select-option value="换组" label="换组">
|
<a-select-option value="换组" label="换组">
|
||||||
<div onClick={() => {
|
<div
|
||||||
|
onClick={() => {
|
||||||
state.Changevisible = true;
|
state.Changevisible = true;
|
||||||
}}>换组</div>
|
}}
|
||||||
|
>
|
||||||
|
换组
|
||||||
|
</div>
|
||||||
</a-select-option>
|
</a-select-option>
|
||||||
<a-select-option value="删除" label="删除">
|
<a-select-option value="删除" label="删除">
|
||||||
<div
|
<div
|
||||||
@@ -3560,7 +3571,6 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
.content3 {
|
.content3 {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
|
|||||||
Reference in New Issue
Block a user