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

style:新版面授课界面添加

Browse Source
This commit is contained in:
wyx
2023-03-14 18:50:18 +08:00
parent f8816f0df4
commit fa431338c8
13 changed files with 2558 additions and 596 deletions
Download Patch File Download Diff File Expand all files Collapse all files

172
src/components/drawers/project/ProjectFaceTaskManage.vue
View File

@@ -17,17 +17,30 @@
</div>
<div class="main">
<div class="endtime">
起止时间：{{
projectTaskInfo && projectTaskInfo.startTime
? projectTaskInfo.startTime
: "-"
}}
～
{{
projectTaskInfo && projectTaskInfo.endTime
? projectTaskInfo.endTime
: "-"
}}
<div
style="width: 100%;height:220px;display: flex;flex-wrap: nowrap;overflow-x: scroll;">
<div v-for="item,n in [1,2,3]" :key="n" style="cursor: pointer;">
<div
@click="ChoiceCourse(item)"
style="width: 360px;height:180px;margin-right: 32px;display: flex;flex-direction: column;padding: 16px;"
:style="{background:item==currentCourse?'rgb(247, 251, 253)':'rgb(250, 250, 250)'}">
<div style="font-size: 16px;">第{{item}}次开课</div>
<div style="font-size: 14px;margin-top: 12px;">2023年管理者面授课程（{{item}}）</div>
<div style="font-size: 14px;">
<img src="../../../assets/images/courseManage/time.png" alt="" srcset="" style="width:16px;height:16px;">
2023.3.14 12:34 ~ 2023.3.17 12:34
</div>
<div style="font-size: 14px;margin-top: 6px;margin-bottom: 6px;">
<img src="../../../assets/images/courseManage/position.png" alt="" srcset="" style="width:16px;height:16px;">
京东方大厦（{{item}}）号楼
</div>
<div style="font-size: 14px;">
<img src="../../../assets/images/courseManage/persion.png" alt="" srcset="" style="width:16px;height:16px;">
董瑞华
</div>
</div>
</div>
</div>
</div>
<div class="search">
<div class="namecon" style="margin-right: 30px">
@@ -60,29 +73,29 @@
<div class="img1"></div>
<div class="wz">搜索</div>
</div>
<div class="btn btn2" @click="resetTaskList">
<div class="btn btn1" @click="resetTaskList">
<div class="img2"></div>
<div class="wz">重置</div>
</div>
</div>
</div>
<div class="btnss" style="margin-top: 20px" v-if="checkPer(permissions,createId)">
<!-- <div class="btn btn1" style="margin-right: 20px" @click="godie">
<div class="btn btn1" style="margin-right: 20px" @click="godie">
<div class="img1"></div>
<div class="wz">催促学习</div>
</div>
-->
<div class="btn btn2" @click="allStuOver">
<div class="btn btn1" @click="allStuOver" style="margin-right: 16px;">
<div class="wz">批量标注完成</div>
</div>
<div class="btn btn2" @click="showEntryScore">
<div class="btn btn1" @click="showEntryScore" style="margin-right: 16px;">
<div class="wz">批量录入成绩</div>
</div>
<div class="btn btn2" @click="exportTaskStu">
<div class="btn btn1" @click="exportTaskStu" style="margin-right: 16px;">
<div class="img2"></div>
<div class="wz">导出数据</div>
</div>
<div class="btn btn2" @click="exportHomeWorkShow">
<div class="btn btn1" @click="exportHomeWorkShow">
<div class="wz">导出作业</div>
</div>
</div>
@@ -105,7 +118,6 @@
style="border: 1px solid #f2f6fe"
:columns="tablecolumns"
:data-source="tabledata"
:loading="tableDataTotal === -1 ? true : false"
:scroll="{ x: 1300 }"
@expand="expandTable"
:pagination="false"
@@ -283,7 +295,7 @@ export default {
title: "工号",
dataIndex: "studentUserNo",
key: "studentUserNo",
width: '15%',
width: '10%',
align: "left",
className: "h head",
customRender: (text) => {
@@ -317,7 +329,7 @@ export default {
title: "所在部门",
dataIndex: "studentDepartName",
key: "studentDepartName",
width: '15%',
width: '10%',
align: "center",
className: "h",
ellipsis: true,
@@ -433,111 +445,35 @@ export default {
title: "操作",
dataIndex: "operation",
key: "operation",
width: 100,
align: "center",
ellipsis: true,
className: "h",
customRender: (text, {record:{examStatus,workStatus}}) => {
return (examStatus || workStatus) && (<div
style={{
display: "flex",
alignItems: "center",
justifyContent: "center",
}}
>
{workStatus===1 && <a-button
type="link"
class="operation"
style="cursor:pointer;margin-right:10px;"
onClick={() => {
customRender: () => {
return (
<div class="racona">
<a
onClick={()=>{
state.CWvisible = true;
}}
>
查看作业
</a-button>}
{examStatus===1 && <a-button
type="link"
class="operation"
style="cursor:pointer;margin-right:10px;"
onClick={() => {
state.datasource = text.record;
style="margin-right:12px;">查看作业</a>
<a
onClick={()=>{
state.CAvisible = true;
}}
>
查看答卷
</a-button>}
</div>)
}
}}>查看答卷</a>
</div>
);
},
}
],
exportHomeWorkV: false,
downloadUrl: null,
currentCourse: 1
});
// //面授直播管理列表操作
// const ListOpera = () => {
// let arr = state.tabledata;
// arr.map((value) => {
// if (value.finishStatus == 1) {
// value.operation = (
// <div
// style={{
// display: "flex",
// alignItems: "center",
// justifyContent: "center",
// }}
// >
// <a-button
// type="link"
// class="operation"
// style="cursor:pointer;margin-right:10px;"
// onClick={() => {
// state.CWvisible = true;
// }}
// >
// 查看作业
// </a-button>
// <a-button
// type="link"
// class="operation"
// style="cursor:pointer;margin-right:10px;"
// onClick={() => {
// state.CQvisible = true;
// }}
// >
// 查看答卷
// </a-button>
// </div>
// );
// } else {
// value.operation = (
// <div
// style={{
// display: "flex",
// alignItems: "center",
// justifyContent: "center",
// }}
// >
// <a-button
// type="link"
// class="operation"
// style="cursor:pointer;margin-right:10px;"
// disabled
// >
// 查看作业
// </a-button>
// <a-button
// type="link"
// class="operation"
// style="cursor:pointer;margin-right:10px;"
// disabled
// >
// 查看答卷
// </a-button>
// </div>
// );
// }
// });
// };
const ChoiceCourse = (n) => {
state.currentCourse = n;
}
const closeDrawer = () => {
ctx.emit("update:Fvisible", false);
state.name = "";
@@ -621,6 +557,7 @@ export default {
.catch((err) => {
console.log(err);
state.tabledata = [];
state.tabledata = [{name:'测试数据'}];
});
};
//搜索学员
@@ -718,6 +655,7 @@ export default {
exportHomeWorkShow,
exportHomeWork,
getStudent,
ChoiceCourse
};
},
};
@@ -802,7 +740,7 @@ export default {
.img2 {
width: 16px;
height: 18px;
background-image: url(../../../assets/images/courseManage/reset1.png);
background-image: url(../../../assets/images/courseManage/reset0.png);
background-size: 100% 100%;
margin-right: 7px;
}
@@ -847,7 +785,7 @@ export default {
.img2 {
width: 17px;
height: 16px;
background-image: url(../../../assets/images/coursewareManage/export.png);
background-image: url(../../../assets/images/coursewareManage/export1.png);
background-size: 100% 100%;
margin-right: 7px;
}