- 
+
+
+
课程名称：
+
@@ -102,7 +112,9 @@
style="width: 440px; height: 40px; border-radius: 8px"
placeholder="请输入课程名称"
/>
-
{{ value5.length }}/20
+
+ {{ value5.length }}/20
+
@@ -113,18 +125,32 @@
class="b_zk"
:style="{ display: hideshow ? 'block' : 'none' }"
>
-
- 收起
- 
+
+ 收起
+
+
+
+
-
@@ -145,19 +171,28 @@
- 展开
- 
+
+ 展开
+
+
+
+
-
+
+
+
授课形式
+
- 线上
+ 线上
- 面授
+ 面授
-
是
@@ -214,8 +256,7 @@
cursor: pointer;
"
@click="showModal"
- >
-
+ >
-
- 是否设置目录
-
+
+
+
+
+ 是否设置目录
+
+
- 否
+ 否
-
- 
- 新建面授课
-
-
- 新建面授课
-
- 
-
+
-
+
+
+ 新建面授课
-
+ 新建面授课
-
课程信息
-
-
-
-
-
- 课程名称
-
-
-
+
-
+ {{ value6.length }}/90
-
+
+
+
+
+
课程信息
+
+
+
+
+
-
+
+ 课程名称
-
-
- 课程命名规则
-
-
-
+
-
+
+ {{ value6.length }}/90
- 收起
-
-
- 展开
-
-
-
- 1、课程名称统一不加书名号。
- 2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息 - 之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先 - 看到的是课程内容主题。
- 3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用 - 版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。 - -
- - 2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息 - 之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先 - 看到的是课程内容主题。
- 3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用 - 版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。 - -
-
-
-
- 封面图
-
-
-
-
-
-
- ![avatar]()
-
-
-
-
- Upload
-
- 高宽比为16:9 (如:800*450) png或jpg图片
-
-
-
-
-
- 目标人群
-
-
-
-
-
- {{ value7.length }}/50
-
-
-
- 课程价值
-
-
-
-
-
- {{ value8.length }}/200
-
-
-
-
- 内容分类
-
-
-
-
-
-
-
-
- 场景
-
-
-
-
-
-
-
-
- 内容标签
-
-
-
-
- Tag 2
- Prevent Default
-
-
-
- 授课教师
-
-
-
-
+
-
+
- 课程命名规则
+
+
-
-
+ 收起
-
-
+
- 课程简介
-
-
-
-
-
-
- {{ value11.length }}/150
+
+ 展开
-
-
-
- 附件
-
-
-
-
- 
- 添加附件
-
-
-
+
-
-
-
-
-
- 图片1.png
-
-
- 152.77K
-
- 删除
-
-
-
-
-
-
- 图片2.png
-
-
-
-
-
-
- 上传完成
- 100%
- 删除
-
-
-
-
-
-
- 图片3.png
-
-
-
-
-
-
- 上传失败
- 80%
- 重传取消
-
-
-
-
-
- 图片4.png
-
-
-
-
-
-
- 正在上传
- 暂停取消
+
+
+ 1、课程名称统一不加书名号。
+ 2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息 + 之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先 + 看到的是课程内容主题。
+ 3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用 + 版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。 + +
+ + 2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息 + 之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先 + 看到的是课程内容主题。
+ 3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用 + 版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。 + +
+
+
+
+
+
+
+ 封面图
+
+
+
+
+
+ ![avatar]()
+
+
+
+
+ Upload
+
+ 高宽比为16:9 (如:800*450) png或jpg图片
+
+
+
+
+
+
+
+
+ 目标人群
+
+
+
+
+
+
+ {{ value7.length }}/50
+
+
+
+
+ 课程价值
+
+
+
+
+
+
+ {{ value8.length }}/200
+
+
+
+
+
+
+
+
+ 内容分类
+
+
+
+
+
+
+
+
+ 场景
+
+
+
+
+
+
+
+
+ 内容标签
+
+
+
+
+ Tag 2
+ Prevent Default
-
- 课程大纲
+
@@ -579,135 +683,150 @@
wrapClassName="modalStyle"
width="80%"
>
-
+
+
-
+
+
+
+
+ 授课教师
+
+
+
+
+
-
-
-
+
-
+ 课程简介
+
+
+
+
+
+ {{ value11.length }}/150
+
+
-
-
+
+ 取消
+
+
-
+ 附件
+
+
+
+
+
+
+
+ 添加附件
+
+
-
确定
+
+
+
+
+
+
+
+ 图片1.png
+
+
+ 152.77K
+
+
+ 删除
+
+
+
+
+
+
+
+ 图片2.png
+
+
+
+
+
+
+ 上传完成
+
+ 100%
+
+
+ 删除
+
+
+
+
+
+
+
+ 图片3.png
+
+
+
+
+
+
+ 上传失败
+
+ 80%
+
+
+ 重传取消
+
+
+
+
+
+
+ 图片4.png
+
+
+
+
+
+
+ 正在上传
+
+ 暂停取消
+
+
+
+
+
+ 取消
+
+
+ 确定
+
-
-
-
- 在线课程管理
- 面授课程管理
+
+
+
+
+
+ 在线课程管理
-
-
+
-
+
+ 面授课程管理
-
-
-
-
@@ -717,43 +836,46 @@
@ok="closeModal"
:footer="null"
:closable="false"
- wrapClassName="modalStyle"
+ wrapClassName="modalStyle coursewareDetail"
width="80%"
>
- 课程：BMOT2021年职级晋升-安全管理（高级）
-
-
+ 类型：
- 录播课
- 内容分类：
- 领导力
- 状态：
- 已审核
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+ 课程：BMOT2021年职级晋升-安全管理（高级）
+
+
+
+ 类型：
+ 录播课
+ 内容分类：
+ 领导力
+ 状态：
+ 已审核
+
+
+
+
+
+
+
+ 查看详情
+
+
+
+
+
-
-
- 查看详情
-
-
- 查看详情
-
-
-
+
-
+
+
+ 查看详情
-
+ 查看详情
-
-
-
+
-
-
-
-
-
+ 取消
-
+
+
+
+
+
@@ -766,90 +888,94 @@
wrapClassName="modalStyle"
width="80%"
>
-
+
+
+
+
+
+
+
+
取消
-
-
- 授权
-
-
- 授权
-
-
-
+
-
+
+
+ 授权
-
+ 授权
-
-
-
+
-
+
+
+
+
+
+
+
@@ -862,75 +988,411 @@
wrapClassName="modalStyle"
width="80%"
>
-
-
-
- 开课
-
-
- 开课
-
- ![]()
+
+
+
+ 开课
+
+
+ 开课
+
+
+ style="width: 22px; height: 22px"
+ src="../../assets/images/basicinfo/close22.png"
+ />
+
+
+ style="width: 22px; height: 22px"
+ src="../../assets/images/basicinfo/close22.png"
+ />
+
+
+
-
+
+
+
+
+
+
+
+ 搜索
+
+
+
+ 重置
+
+
+
+
+ 新建开课
+
+
+
-
-
-
-
+
+
+
+
+
+
+
+
+
+ 新建开课
+
+
+
+ 面授名称：管理者的专属面授课
+
+
+
+
+
+
-
+ 开课名称
+
+
-
+
+
+
+
+
+
+
+
+
+
-
+
-
-
+ 地点
+
+
+
+
+ {{ value20.length }}/50
+
+
+
+
+
+
+
+
+ 面授时间
+
+
+
+
+
+
+
+
+
+
+ 授课教师
+
+
+
+
+
+
+ 报名设置
+
+
+
+ 是否允许公开报名
+
+
+
+
+
+ 签到设置
+
+
+
+ 是否允许未报名的学员签到
+ 签到是否需要口令
+
+
+
+
+
+ 评估设置
+
+
+
+ 是否需要评估
+
+
+
+
+
+ 完成规则
+
+
+
+ 报名即完成
+ 签到即完成
+ 请假算完成
+
+
+
+
+
+ 附件
+
+
+
+
+
+
+
-
-
-
+ 搜索
+ 上传附件
+
+
+
+
+
+
+ 支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip
+
+
+
+
+
+ 取消
+
+
+ 确定
+
+
+
+
+ 学员管理
+
+
+ 学员管理
+
+
+
+
+
+
+
+
+
+ XXX课程-第1期-20220726已开课 4.5
+
+
+ 时间：2022-07-26 14：30-15：00
+
+
+ 地点：核心能力大楼培训教室
+
+
+ 授课教师：王雪han
+
+
+
+
-
+
+
+ 搜索
+
+
+
重置
+
-
-
- 重置
-
-
-
- 新建开课
+
-
+
+ 添加学员
+
+
+
+
+ 批量操作
+
+
+
+
+
+
+ 批量录入成绩
+
+
+ 批量结业
+
+
+ 批量通过
+
+
+ 批量拒绝
+
+
+
+
导出
+
-
-
-
-
-
-
-
-
-
-
-
- 新建开课
-
-
- 面授名称：管理者的专属面授课
-
-
-
-
- 开课名称
-
-
-
-
-
-
-
- 地点
-
-
-
- {{ value20.length }}/50
-
-
-
-
- 面授时间
-
-
-
-
-
-
-
- 授课教师
-
-
-
-
-
-
- 报名设置
-
-
-
- 是否允许公开报名
-
-
-
-
-
- 签到设置
-
-
-
- 是否允许未报名的学员签到
- 签到是否需要口令
-
-
-
-
-
- 评估设置
-
-
-
- 是否需要评估
-
-
-
-
-
- 完成规则
-
-
-
- 报名即完成
- 签到即完成
- 请假算完成
-
-
-
-
-
- 附件
-
-
-
-
-
- 上传附件
-
-
-
-
-
-
-
- 支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip
-
-
-
-
-
- 取消
-
-
- 确定
-
-
-
-
- 学员管理
-
-
- 学员管理
-
-
-
-
-
-
-
-
-
-
-
-
-
- XXX课程-第1期-20220726已开课 4.5
-
-
- 时间：2022-07-26 14：30-15：00
-
-
- 地点：核心能力大楼培训教室
-
-
- 授课教师：王雪han
-
-
-
-
-
-
-
-
- 搜索
-
-
-
- 重置
-
-
-
- 添加学员
-
-
-
-
- 批量操作
-
-
-
-
-
-
- 批量录入成绩
-
-
- 批量结业
-
-
- 批量通过
-
-
- 批量拒绝
-
-
-
-
- 导出
-
-
-
+
+
二维码
-
+
@@ -1272,23 +1451,30 @@
-
-
+
+
-
+
@@ -1358,7 +1558,12 @@
-
+
录入成绩
-
+
-
- 得分
+
+
+
+ 得分
+
结业
-
+
-
- 结业
+
+
+
+ 结业
+
-
- 结业
-
-
- 不结业
-
+
+ 结业
+
+
+ 不结业
+
请确定是否同意此学员学习此课程
-
@@ -1389,7 +1593,12 @@
-
+
{
let data2 = state.tableData7;
data2.map((value) => {
@@ -2440,17 +2651,24 @@ export default defineComponent({
{value.status === "待审核" ? (
) : (
@@ -2597,7 +2820,6 @@ export default defineComponent({
state.tableData = data2;
};
getTableDate4();
-
const onftvalue = ref();
const options1 = ref([
{
@@ -2668,6 +2890,7 @@ export default defineComponent({
};
const om_exit = () => {
state.om_1 = false;
+ state.faceManageTab = "1";
};
const ckxq_hs = () => {
state.om_ckxq = true;
@@ -2693,26 +2916,31 @@ export default defineComponent({
const clear_valueE = () => {
state.bs_hs = false;
state.valueE = "";
- }
+ };
const qr_exit = () => {
state.QR_hs = false;
- }
+ };
const rg_exit = () => {
state.rg_hs = false;
- }
+ };
const graduate_exit = () => {
state.graduate_hs = false;
- }
+ };
const agreestudy_exit = () => {
state.agreestudy_hs = false;
- }
+ };
const rejectstudy_exit = () => {
state.rejectstudy_hs = false;
- }
- const onSelectChange = selectedRowKeys => {
- console.log('selectedRowKeys changed: ', selectedRowKeys);
+ };
+ const onSelectChange = (selectedRowKeys) => {
+ console.log("selectedRowKeys changed: ", selectedRowKeys);
state.selectedRowKeys = selectedRowKeys;
};
+
+ const faceManageChange = (e) => {
+ state.faceManageTab = e;
+ };
+
return {
onftvalue,
current,
@@ -2754,6 +2982,7 @@ export default defineComponent({
agreestudy_exit,
rejectstudy_exit,
onSelectChange,
+ faceManageChange,
};
},
});
@@ -2767,7 +2996,6 @@ export default defineComponent({
// color: #4EA6FF !important;
// }
// }
-
.courseManage {
width: 100%;
height: 100%;
@@ -2923,7 +3151,7 @@ export default defineComponent({
}
//faceteach
.modalStyle {
- .ant-modal{
+ .ant-modal {
.modalHeader {
display: flex;
align-items: center;
@@ -2940,7 +3168,7 @@ export default defineComponent({
}
}
}
- .modalMain{
+ .modalMain {
.m_title {
margin-bottom: 20px;
}
@@ -2954,44 +3182,43 @@ export default defineComponent({
align-items: center;
justify-content: flex-end;
margin-bottom: 10px;
- .item_nam{
+ .item_nam {
width: 100px;
display: flex;
align-items: center;
justify-content: flex-end;
white-space: nowrap;
- .asterisk_icon{
+ .asterisk_icon {
width: 10px;
height: 10px;
margin-right: 5px;
- margin-top:-15px;
+ margin-top: -15px;
}
}
- .item_inp{
- flex:1;
+ .item_inp {
+ flex: 1;
position: relative;
- .inp_num{
+ .inp_num {
position: absolute;
- left:398px;
- top:10px;
+ left: 398px;
+ top: 10px;
}
}
}
- .i2_cz{
- width:440px;
- margin-left:100px;
- .i2_top{
- display:flex;
- justify-content: space-between;
- }
- }
- .i8_bottom{
- display:flex;
- width:440px;
- margin-left:100px;
+ .i2_cz {
+ width: 440px;
+ margin-left: 100px;
+ .i2_top {
+ display: flex;
+ justify-content: space-between;
}
}
-
+ .i8_bottom {
+ display: flex;
+ width: 440px;
+ margin-left: 100px;
+ }
+ }
.mb_right {
width: 50%;
.mbl_items {
@@ -2999,115 +3226,115 @@ export default defineComponent({
align-items: center;
justify-content: flex-end;
margin-bottom: 10px;
- .item_nam{
+ .item_nam {
width: 100px;
display: flex;
align-items: center;
justify-content: flex-end;
white-space: nowrap;
- .asterisk_icon{
+ .asterisk_icon {
width: 10px;
height: 10px;
margin-top: -15px;
margin-right: 5px;
}
}
- .item_inp{
- flex:1;
+ .item_inp {
+ flex: 1;
position: relative;
- .inp_num{
+ .inp_num {
position: absolute;
- left:395px;
- bottom:10px;
+ left: 395px;
+ bottom: 10px;
}
}
- .accessory{
- display:flex;
+ .accessory {
+ display: flex;
align-items: center;
- .accessory_icon{
- width:16px;
- height:16px;
+ .accessory_icon {
+ width: 16px;
+ height: 16px;
margin-top: -8px;
- margin-right:5px;
+ margin-right: 5px;
}
}
}
- .mbl_items12{
- width:440px;
- margin-left:100px;
- .i12_box1{
+ .mbl_items12 {
+ width: 440px;
+ margin-left: 100px;
+ .i12_box1 {
display: flex;
align-items: center;
- padding:17px 0px 17px 21px;
- border: 1px solid #EFF4FC;
+ padding: 17px 0px 17px 21px;
+ border: 1px solid #eff4fc;
border-radius: 8px;
- margin-bottom:10px;
- .file_img{
- width:27px;
- height:32px;
+ margin-bottom: 10px;
+ .file_img {
+ width: 27px;
+ height: 32px;
background-color: red;
- margin-right:22px;
+ margin-right: 22px;
}
- .file_detail{
- width:250px;
- margin-right:21px;
- .file_updata{
- display:flex;
- align-items: center;
- .updatabox{
- position: relative;
- width: 230px;
+ .file_detail {
+ width: 250px;
+ margin-right: 21px;
+ .file_updata {
+ display: flex;
+ align-items: center;
+ .updatabox {
+ position: relative;
+ width: 230px;
+ height: 5px;
+ background-color: rgba(192, 192, 192, 0.25);
+ border-radius: 3px;
+ .updatacolor {
+ position: absolute;
+ left: 0;
+ width: 100%;
height: 5px;
- background-color: rgba(192, 192, 192, 0.25);
+ background-color: #57c887;
border-radius: 3px;
- .updatacolor{
- position: absolute;
- left:0;
- width: 100%;
- height: 5px;
- background-color: #57C887;
- border-radius: 3px;
- }
- .updatacolor2{
- position: absolute;
- left:0;
- width: 80%;
- height: 5px;
- background-color: #FF7474;
- border-radius: 3px;
- }
- .updatacolor3{
- position: absolute;
- left:0;
- width: 60%;
- height: 5px;
- background-color: #388BE1;
- border-radius: 3px;
- }
- .updataxq{
- position: absolute;
- right:2px;
- top:-30px;
- color: #57C887;
- }
- .updataxq2{
- position: absolute;
- right:2px;
- top:-30px;
- color: #FF7474;
- }
- .updataxq3{
- position: absolute;
- right:2px;
- top:-30px;
- color: #388BE1;
- }
+ }
+ .updatacolor2 {
+ position: absolute;
+ left: 0;
+ width: 80%;
+ height: 5px;
+ background-color: #ff7474;
+ border-radius: 3px;
+ }
+ .updatacolor3 {
+ position: absolute;
+ left: 0;
+ width: 60%;
+ height: 5px;
+ background-color: #388be1;
+ border-radius: 3px;
+ }
+ .updataxq {
+ position: absolute;
+ right: 2px;
+ top: -30px;
+ color: #57c887;
+ }
+ .updataxq2 {
+ position: absolute;
+ right: 2px;
+ top: -30px;
+ color: #ff7474;
+ }
+ .updataxq3 {
+ position: absolute;
+ right: 2px;
+ top: -30px;
+ color: #388be1;
}
}
- .file_operation{
+ }
+ .file_operation {
display: flex;
-
- span{
+
+ span {
cursor: pointer;
}
}
@@ -3116,299 +3343,37 @@ export default defineComponent({
}
}
}
- .m_footer{
- display:flex;
- margin:20px 0;
- .fotnam{
- width:100px;
+ .m_footer {
+ display: flex;
+ margin: 20px 0;
+ .fotnam {
+ width: 100px;
display: flex;
justify-content: end;
- padding-right:15px;
+ padding-right: 15px;
}
- .fotarea{
+ .fotarea {
position: relative;
- .fuwenben{
+ .fuwenben {
width: 90%;
- height:20px;
+ height: 20px;
background-color: rgb(95, 95, 95);
position: absolute;
- left:50%;
- transform: translate(-50%,0);
+ left: 50%;
+ transform: translate(-50%, 0);
top: 3px;
z-index: 9999;
}
}
}
.m_btn {
- width: 100%;
- margin-top: 25px;
- margin-bottom: 20px;
- display: flex;
- justify-content: center;
- align-content: center;
- .btn {
- width: 100px;
- height: 40px;
- background: rgba(64, 158, 255, 0);
- border-radius: 8px;
- display: flex;
- align-items: center;
- justify-content: center;
- margin-right: 14px;
- flex-shrink: 0;
- cursor: pointer;
- .btnText {
- font-size: 14px;
- font-weight: 400;
- line-height: 40px;
- }
- }
- .btn5 {
- border: 1px solid rgba(64, 158, 255, 1);
- color: #4ea6ff;
- }
- .btn6 {
- background-color: #4ea6ff;
- color: #ffffff;
- }
- }
- }
- }
-}
-
-.selectonlineface {
- z-index: 999;
- width: 679px;
- // height: 525px;
- background: #ffffff;
- box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
- position: absolute;
- left: 50%;
- top: 50%;
- transform: translate(-50%, -50%);
- .of_header {
- position: absolute;
- width: 100%;
- height: 40px;
- background: linear-gradient(
- rgba(78, 166, 255, 0.2) 0%,
- rgba(78, 166, 255, 0) 100%
- );
- }
- .of_main {
- width: 100%;
- position: relative;
- .ofm_header {
- display: flex;
- align-items: center;
- padding-top: 20px;
- padding-left: 26px;
- font-size: 16px;
- .add_icon {
- width: 16px;
- height: 16px;
- margin-right: 10px;
- background-image: url(@/assets/images/coursewareManage/add1.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%;
- }
- }
- .ofm_body {
- width:80%;
- margin:3px auto;
- .ofmb_items {
- display: flex;
- align-items: center;
- justify-content: end;
- margin: 14px auto;
- .signbox{
- width:110px;
- display: flex;
- justify-content: end;
- .sign {
- width: 10px;
- height: 10px;
- margin-top:-3px;
- margin-right: 6px;
- background-size: 100% 100%;
- }
- }
- .b_input{
- flex:1;
- position: relative;
- .inp_num{
- position: absolute;
- right:10px;
- top:10px;
- }
- }
- .bc_box {
- display: flex;
- width: 440px;
- flex:1;
- .bc_boxl,
- .bc_boxr {
- display: flex;
- align-items: center;
- }
- }
- }
- .ol_checkbox {
- display: flex;
- align-items: center;
- justify-content: center;
- margin-left: 6px;
- }
- .b_sub {
- width: 440px;
- margin-left: 110px;
- .bs_header {
- display: flex;
- justify-content: space-between;
- .b_right {
- display: flex;
- }
- }
- }
- .bl_detail {
- top: 24px;
- }
- .b_footer {
- width: 100%;
- margin-left: 212px;
- margin-top: 25px;
- margin-bottom: 20px;
- display: flex;
- .btn {
- width: 100px;
- height: 40px;
- background: rgba(64, 158, 255, 0);
- border-radius: 8px;
- display: flex;
- align-items: center;
- justify-content: center;
- margin-right: 14px;
- flex-shrink: 0;
- cursor: pointer;
- .btnText {
- font-size: 14px;
- font-weight: 400;
- line-height: 40px;
- }
- }
- .btn5 {
- border: 1px solid rgba(64, 158, 255, 1);
- color: #4ea6ff;
- }
- .btn6 {
- background-color: #4ea6ff;
- color: #ffffff;
- }
- }
- }
- }
-}
-//createschooltime
-.createschooltime {
- z-index: 999;
- width: 679px;
- background: #ffffff;
- box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
- position: absolute;
- left: 50%;
- top: 10%;
- transform: translate(-50%, -50%);
- .cst_header {
- position: absolute;
- width: 100%;
- height: 40px;
- background: linear-gradient(
- rgba(78, 166, 255, 0.2) 0%,
- rgba(78, 166, 255, 0) 100%
- );
- }
- .cst_main {
- width: 100%;
- position: relative;
- .cstm_header {
- display: flex;
- align-items: center;
- padding-top: 20px;
- padding-left: 26px;
- font-size: 16px;
- .add_icon {
- width: 16px;
- height: 16px;
- margin-right: 10px;
- background-image: url(@/assets/images/coursewareManage/add1.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%;
- }
- }
- .cstm_title {
- margin: 10px auto 20px 51px;
- font-weight: bold;
- }
- .cstm_items {
- display: flex;
- width: 80%;
- margin:auto;
- align-items: center;
- margin-bottom: 23px;
- .signbox{
- display:flex;
- justify-content: end;
- width:100px;
- margin-right:6px;
- .sign{
- margin-top:-5px;
- margin-right:4px;
- }
- }
- .b_input{
- flex:1;
- position: relative;
- .upload_box {
- display: flex;
- cursor: pointer;
- .upload_icon {
- width: 16px;
- height: 16px;
- margin-right: 5px;
- }
- }
- .inp_num{
- position: absolute;
- top:9px;
- right:10px;
- }
- }
- }
- .items_fj{
- margin-bottom:1px;
- }
- .items_btn {
+ width: 100%;
+ margin-top: 25px;
+ margin-bottom: 20px;
display: flex;
justify-content: center;
- margin-top: 20px;
- margin-bottom: 20px;
- .cstm_btn {
+ align-content: center;
+ .btn {
width: 100px;
height: 40px;
background: rgba(64, 158, 255, 0);
@@ -3435,16 +3400,276 @@ export default defineComponent({
}
}
}
+ }
+}
+.selectonlineface {
+ z-index: 999;
+ width: 679px;
+ // height: 525px;
+ background: #ffffff;
+ box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ .of_header {
+ position: absolute;
+ width: 100%;
+ height: 40px;
+ background: linear-gradient(
+ rgba(78, 166, 255, 0.2) 0%,
+ rgba(78, 166, 255, 0) 100%
+ );
+ }
+ .of_main {
+ width: 100%;
+ position: relative;
+ .ofm_header {
+ display: flex;
+ align-items: center;
+ padding-top: 20px;
+ padding-left: 26px;
+ font-size: 16px;
+ .add_icon {
+ width: 16px;
+ height: 16px;
+ margin-right: 10px;
+ background-image: url(@/assets/images/coursewareManage/add1.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%;
+ }
+ }
+ .ofm_body {
+ width: 80%;
+ margin: 3px auto;
+ .ofmb_items {
+ display: flex;
+ align-items: center;
+ justify-content: end;
+ margin: 14px auto;
+ .signbox {
+ width: 110px;
+ display: flex;
+ justify-content: end;
+ .sign {
+ width: 10px;
+ height: 10px;
+ margin-top: -3px;
+ margin-right: 6px;
+ background-size: 100% 100%;
+ }
+ }
+ .b_input {
+ flex: 1;
+ position: relative;
+ .inp_num {
+ position: absolute;
+ right: 10px;
+ top: 10px;
+ }
+ }
+ .bc_box {
+ display: flex;
+ width: 440px;
+ flex: 1;
+ .bc_boxl,
+ .bc_boxr {
+ display: flex;
+ align-items: center;
+ }
+ }
+ }
+ .ol_checkbox {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-left: 6px;
+ }
+ .b_sub {
+ width: 440px;
+ margin-left: 110px;
+ .bs_header {
+ display: flex;
+ justify-content: space-between;
+ .b_right {
+ display: flex;
+ }
+ }
+ }
+ .bl_detail {
+ top: 24px;
+ }
+ .b_footer {
+ width: 100%;
+ margin-left: 212px;
+ margin-top: 25px;
+ margin-bottom: 20px;
+ display: flex;
+ .btn {
+ width: 100px;
+ height: 40px;
+ background: rgba(64, 158, 255, 0);
+ border-radius: 8px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-right: 14px;
+ flex-shrink: 0;
+ cursor: pointer;
+ .btnText {
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 40px;
+ }
+ }
+ .btn5 {
+ border: 1px solid rgba(64, 158, 255, 1);
+ color: #4ea6ff;
+ }
+ .btn6 {
+ background-color: #4ea6ff;
+ color: #ffffff;
+ }
+ }
+ }
+ }
+}
+//createschooltime
+.createschooltime {
+ z-index: 999;
+ width: 679px;
+ background: #ffffff;
+ box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+ position: absolute;
+ left: 50%;
+ top: 10%;
+ transform: translate(-50%, -50%);
+ .cst_header {
+ position: absolute;
+ width: 100%;
+ height: 40px;
+ background: linear-gradient(
+ rgba(78, 166, 255, 0.2) 0%,
+ rgba(78, 166, 255, 0) 100%
+ );
+ }
+ .cst_main {
+ width: 100%;
+ position: relative;
+ .cstm_header {
+ display: flex;
+ align-items: center;
+ padding-top: 20px;
+ padding-left: 26px;
+ font-size: 16px;
+ .add_icon {
+ width: 16px;
+ height: 16px;
+ margin-right: 10px;
+ background-image: url(@/assets/images/coursewareManage/add1.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%;
+ }
+ }
+ .cstm_title {
+ margin: 10px auto 20px 51px;
+ font-weight: bold;
+ }
+ .cstm_items {
+ display: flex;
+ width: 80%;
+ margin: auto;
+ align-items: center;
+ margin-bottom: 23px;
+ .signbox {
+ display: flex;
+ justify-content: end;
+ width: 100px;
+ margin-right: 6px;
+ .sign {
+ margin-top: -5px;
+ margin-right: 4px;
+ }
+ }
+ .b_input {
+ flex: 1;
+ position: relative;
+ .upload_box {
+ display: flex;
+ cursor: pointer;
+ .upload_icon {
+ width: 16px;
+ height: 16px;
+ margin-right: 5px;
+ }
+ }
+ .inp_num {
+ position: absolute;
+ top: 9px;
+ right: 10px;
+ }
+ }
+ }
+ .items_fj {
+ margin-bottom: 1px;
+ }
+ .items_btn {
+ display: flex;
+ justify-content: center;
+ margin-top: 20px;
+ margin-bottom: 20px;
+ .cstm_btn {
+ width: 100px;
+ height: 40px;
+ background: rgba(64, 158, 255, 0);
+ border-radius: 8px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-right: 14px;
+ flex-shrink: 0;
+ cursor: pointer;
+ .btnText {
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 40px;
+ }
+ }
+ .btn5 {
+ border: 1px solid rgba(64, 158, 255, 1);
+ color: #4ea6ff;
+ }
+ .btn6 {
+ background-color: #4ea6ff;
+ color: #ffffff;
+ }
+ }
+ }
}
-
//QR
-.ant-modal{
- .ant-modal-content{
- // width:479px !important;
- .ant-modal-body{
- .QR{
+.ant-modal {
+ .ant-modal-content {
+ // width:479px !important;
+ .ant-modal-body {
+ .QR {
z-index: 999;
- width:520px;
+ width: 520px;
background: #ffffff;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
position: absolute;
@@ -3486,59 +3711,58 @@ export default defineComponent({
background-size: 100% 100%;
}
}
- .qrm_body{
+ .qrm_body {
width: 100%;
- .QR_img{
- width:176px;
- height:176px;
- margin:1px auto;
+ .QR_img {
+ width: 176px;
+ height: 176px;
+ margin: 1px auto;
background-color: red;
}
}
- .qrm_btnbox{
- display:flex;
- margin:30px auto;
+ .qrm_btnbox {
+ display: flex;
+ margin: 30px auto;
+ justify-content: center;
+ .qrm_btn {
+ width: 100px;
+ height: 40px;
+ background: rgba(64, 158, 255, 0);
+ border-radius: 8px;
+ display: flex;
+ align-items: center;
justify-content: center;
- .qrm_btn {
- width: 100px;
- height: 40px;
- background: rgba(64, 158, 255, 0);
- border-radius: 8px;
- display: flex;
- align-items: center;
- justify-content: center;
- margin-right: 14px;
- flex-shrink: 0;
- cursor: pointer;
- .btnText {
- font-size: 14px;
- font-weight: 400;
- line-height: 40px;
- }
- }
- .btn1 {
- border: 1px solid rgba(64, 158, 255, 1);
- color: #4ea6ff;
- }
- .btn2 {
- background-color: #4ea6ff;
- color: #ffffff;
+ margin-right: 14px;
+ flex-shrink: 0;
+ cursor: pointer;
+ .btnText {
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 40px;
}
}
+ .btn1 {
+ border: 1px solid rgba(64, 158, 255, 1);
+ color: #4ea6ff;
+ }
+ .btn2 {
+ background-color: #4ea6ff;
+ color: #ffffff;
+ }
+ }
}
+ }
}
}
- }
}
-
//recordgrade
-.ant-modal{
- .ant-modal-content{
- // width:679px !important;
- .ant-modal-body{
- .recordgrade{
+.ant-modal {
+ .ant-modal-content {
+ // width:679px !important;
+ .ant-modal-body {
+ .recordgrade {
z-index: 999;
- width:679px;
+ width: 679px;
background: #ffffff;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
position: absolute;
@@ -3580,66 +3804,66 @@ export default defineComponent({
background-size: 100% 100%;
}
}
- .rgm_body{
+ .rgm_body {
width: 100%;
- .rgmb_items{
+ .rgmb_items {
display: flex;
justify-content: center;
- align-items:center;
- width:80%;
- margin:21px auto 10px auto;
- .items_left{
- display:flex;
- margin-right:14px;
- .sign{
- margin-right:7px;
+ align-items: center;
+ width: 80%;
+ margin: 21px auto 10px auto;
+ .items_left {
+ display: flex;
+ margin-right: 14px;
+ .sign {
+ margin-right: 7px;
}
}
}
}
- .qrm_btnbox{
- display:flex;
- margin:30px auto;
+ .qrm_btnbox {
+ display: flex;
+ margin: 30px auto;
+ justify-content: center;
+ .qrm_btn {
+ width: 100px;
+ height: 40px;
+ background: rgba(64, 158, 255, 0);
+ border-radius: 8px;
+ display: flex;
+ align-items: center;
justify-content: center;
- .qrm_btn {
- width: 100px;
- height: 40px;
- background: rgba(64, 158, 255, 0);
- border-radius: 8px;
- display: flex;
- align-items: center;
- justify-content: center;
- margin-right: 14px;
- flex-shrink: 0;
- cursor: pointer;
- .btnText {
- font-size: 14px;
- font-weight: 400;
- line-height: 40px;
- }
- }
- .btn1 {
- border: 1px solid rgba(64, 158, 255, 1);
- color: #4ea6ff;
- }
- .btn2 {
- background-color: #4ea6ff;
- color: #ffffff;
+ margin-right: 14px;
+ flex-shrink: 0;
+ cursor: pointer;
+ .btnText {
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 40px;
}
}
+ .btn1 {
+ border: 1px solid rgba(64, 158, 255, 1);
+ color: #4ea6ff;
+ }
+ .btn2 {
+ background-color: #4ea6ff;
+ color: #ffffff;
+ }
+ }
}
+ }
}
}
- }
}
//graduate
-.ant-modal{
- .ant-modal-content{
+.ant-modal {
+ .ant-modal-content {
// width:679px !important;
- .ant-modal-body{
- .graduate{
+ .ant-modal-body {
+ .graduate {
z-index: 999;
- width:679px;
+ width: 679px;
background: #ffffff;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
position: absolute;
@@ -3681,71 +3905,71 @@ export default defineComponent({
background-size: 100% 100%;
}
}
- .gram_body{
+ .gram_body {
width: 100%;
- .gramb_items{
+ .gramb_items {
display: flex;
justify-content: center;
- align-items:center;
- width:80%;
- margin:21px auto 10px auto;
- .items_left{
- display:flex;
- margin-right:14px;
- .sign{
- margin-right:7px;
+ align-items: center;
+ width: 80%;
+ margin: 21px auto 10px auto;
+ .items_left {
+ display: flex;
+ margin-right: 14px;
+ .sign {
+ margin-right: 7px;
}
}
}
- .gramb_input{
- .bc_box{
- display:flex;
+ .gramb_input {
+ .bc_box {
+ display: flex;
}
}
}
- .qrm_btnbox{
- display:flex;
- margin:30px auto;
+ .qrm_btnbox {
+ display: flex;
+ margin: 30px auto;
+ justify-content: center;
+ .qrm_btn {
+ width: 100px;
+ height: 40px;
+ background: rgba(64, 158, 255, 0);
+ border-radius: 8px;
+ display: flex;
+ align-items: center;
justify-content: center;
- .qrm_btn {
- width: 100px;
- height: 40px;
- background: rgba(64, 158, 255, 0);
- border-radius: 8px;
- display: flex;
- align-items: center;
- justify-content: center;
- margin-right: 14px;
- flex-shrink: 0;
- cursor: pointer;
- .btnText {
- font-size: 14px;
- font-weight: 400;
- line-height: 40px;
- }
- }
- .btn1 {
- border: 1px solid rgba(64, 158, 255, 1);
- color: #4ea6ff;
- }
- .btn2 {
- background-color: #4ea6ff;
- color: #ffffff;
+ margin-right: 14px;
+ flex-shrink: 0;
+ cursor: pointer;
+ .btnText {
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 40px;
}
}
+ .btn1 {
+ border: 1px solid rgba(64, 158, 255, 1);
+ color: #4ea6ff;
+ }
+ .btn2 {
+ background-color: #4ea6ff;
+ color: #ffffff;
+ }
+ }
}
+ }
}
}
- }
}
//agreestudy
-.ant-modal{
- .ant-modal-content{
+.ant-modal {
+ .ant-modal-content {
// width:679px !important;
- .ant-modal-body{
- .agreestudy{
+ .ant-modal-body {
+ .agreestudy {
z-index: 999;
- width:679px;
+ width: 679px;
background: #ffffff;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
position: absolute;
@@ -3787,573 +4011,573 @@ export default defineComponent({
background-size: 100% 100%;
}
}
- .agreem_body{
- .body_box{
- display:flex;
+ .agreem_body {
+ .body_box {
+ display: flex;
justify-content: center;
- align-items:center;
- width:100%;
- margin:20px auto;
+ align-items: center;
+ width: 100%;
+ margin: 20px auto;
}
}
- .qrm_btnbox{
- display:flex;
- margin:30px auto;
- justify-content: center;
- .qrm_btn {
- width: 100px;
- height: 40px;
- background: rgba(64, 158, 255, 0);
- border-radius: 8px;
- display: flex;
- align-items: center;
- justify-content: center;
- margin-right: 14px;
- flex-shrink: 0;
- cursor: pointer;
- .btnText {
- font-size: 14px;
- font-weight: 400;
- line-height: 40px;
- }
- }
- .btn1 {
- border: 1px solid rgba(64, 158, 255, 1);
- color: #4ea6ff;
- }
- .btn2 {
- background-color: #4ea6ff;
- color: #ffffff;
- }
- }
- }
- }
- }
- }
-}
-
-//onlinemanage faceteachmanage ftsturecord givepower schooltime studentsmanage
-.modalStyle {
- .ant-modal{
- .ant-modal-content{
- // width:1358px !important;
- .ant-modal-body{
- .modalHeader {
- display: flex;
- align-items: center;
- justify-content: space-between;
- .headerLeft {
- margin-left: 27px;
- display: flex;
- align-items: center;
- .headerLeftText {
- font-size: 16px;
- font-weight: 400;
- color: #000000;
- line-height: 36px;
- }
- }
- }
- .modalMain{
- .onlinemanage {
- display: none;
- z-index: 999;
- min-width: 1000px;
- background: #ffffff;
- .om_main {
- width: 100%;
- .om_body {
- margin-right:50px;
- .b_title {
- color: #4f5156;
- font-weight: 500;
- margin-bottom: 19px;
- }
- .b_sub {
- display: flex;
- margin-bottom: 10px;
- .bs_type {
- color: #999ba3;
- }
- .bs_left {
- color: #999ba3;
- margin-left: 35px;
- }
- .bs_right {
- color: #4f5156;
- }
- }
- .b_menu {
- width: calc(100%);
- }
- .b_menunav {
- display: flex;
- margin-top: 20px;
- margin-bottom: 20px;
- .bm_select {
- margin-right: 20px;
- }
- .bm_input {
- margin-right: 20px;
- }
- .bm_btn {
- display: flex;
- .btn {
- padding: 0px 26px 0px 26px;
- height: 40px;
- background: rgba(64, 158, 255, 0);
- border-radius: 8px;
- border: 1px solid rgba(64, 158, 255, 1);
- display: flex;
- align-items: center;
- justify-content: center;
- margin-right: 14px;
- flex-shrink: 0;
- .search {
- background-size: 100%;
- }
- .btnText {
- font-size: 14px;
- font-weight: 400;
- color: rgba(64, 158, 255, 1);
- line-height: 36px;
- margin-left: 5px;
- }
- }
- .btn1 {
- .search {
- width: 15px;
- height: 17px;
- background-image: url("@/assets/images/coursewareManage/search1.png");
- }
- }
- .btn1:hover {
- background: rgba(64, 158, 255, 1);
- .search {
- background-image: url("@/assets/images/coursewareManage/search0.png");
- }
- .btnText {
- color: #ffffff;
- }
- }
- }
- }
- }
- }
- }
- .ftsturecord {
- z-index: 999;
- min-width: 1000px;
- background: #ffffff;
- .ftsr_main {
- width: 100%;
- .ftsr_table {
- width: 90%;
- margin: 30px auto;
- border: 1px solid #f0f4fe;
- }
- .ftsr_btn {
+ .qrm_btnbox {
+ display: flex;
+ margin: 30px auto;
+ justify-content: center;
+ .qrm_btn {
width: 100px;
height: 40px;
- background: #ffffff;
- border: 1px solid #4ea6ff;
+ background: rgba(64, 158, 255, 0);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
- margin: 30px auto;
+ margin-right: 14px;
flex-shrink: 0;
cursor: pointer;
.btnText {
- color: #4ea6ff;
font-size: 14px;
font-weight: 400;
line-height: 40px;
}
}
- }
- }
- .givepower {
- z-index: 999;
- min-width: 1000px;
- background: #ffffff;
- .gp_main {
- width: 100%;
- position: relative;
- .gpm_inputbtn {
- width: 90%;
- margin: 20px auto;
- display: flex;
- .gpm_btn {
- width: 100px;
- height: 40px;
- margin-right: 14px;
- background: #ffffff;
- border: 1px solid #4ea6ff;
- border-radius: 8px;
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- cursor: pointer;
- .btnText {
- color: #4ea6ff;
- font-size: 14px;
- font-weight: 400;
- line-height: 40px;
- }
- }
- .btn1 {
- .search {
- width: 15px;
- height: 17px;
- margin-right: 6px;
- background-image: url("../../assets/images/courseManage/search1.png");
- }
- }
- .btn2 {
- .reset {
- width: 16px;
- height: 18px;
- margin-right: 6px;
- background-image: url("../../assets/images/courseManage/reset1.png");
- }
- }
- .btn1:hover {
- background: #4ea6ff;
- .search {
- background-image: url("@/assets/images/coursewareManage/search0.png");
- }
- .btnText {
- color: #ffffff;
- }
- }
- .btn2:hover {
- background: #4ea6ff;
- .reset {
- background-image: url("@/assets/images/coursewareManage/reset0.png");
- }
- .btnText {
- color: #ffffff;
- }
- }
+ .btn1 {
+ border: 1px solid rgba(64, 158, 255, 1);
+ color: #4ea6ff;
}
- .gpm_notice {
- display: flex;
- background: rgba(78, 166, 255, 0.25);
- border: 1px solid #4ea6ff;
- width: 90%;
- height: 62px;
- margin: 20px auto;
- align-items: center;
- line-height: 64px;
- .th_icon {
- width: 16px;
- height: 16px;
- background-image: url(@/assets/images/coursewareManage/gan.png);
- background-size: 100% 100%;
- margin: auto 13px auto 37px;
- }
- .textarea {
- margin-right: 33px;
- }
- }
- .gpm_table {
- width: 90%;
- margin: 30px auto;
- border: 1px solid #f0f4fe;
- }
- }
- }
- .schooltime {
- z-index: 999;
- min-width: 1000px;
- background: #ffffff;
- .st_main {
- width: 100%;
- .stm_inputbtn {
- display: flex;
- width: 90%;
- margin: 20px auto;
- .stm_btn {
- width: 100px;
- height: 40px;
- margin-right: 14px;
- background: #ffffff;
- border: 1px solid #4ea6ff;
- border-radius: 8px;
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- cursor: pointer;
- .btnText {
- color: #4ea6ff;
- font-size: 14px;
- font-weight: 400;
- line-height: 40px;
- }
- }
- .btn1 {
- .search {
- width: 15px;
- height: 17px;
- margin-right: 6px;
- background-image: url("@/assets/images/coursewareManage/search1.png");
- }
- }
- .btn2 {
- .reset {
- width: 16px;
- height: 18px;
- margin-right: 6px;
- background-image: url("@/assets/images/coursewareManage/reset1.png");
- }
- }
- .btn1:hover {
- background: #4ea6ff;
- .search {
- background-image: url("@/assets/images/coursewareManage/search0.png");
- }
- .btnText {
- color: #ffffff;
- }
- }
- .btn2:hover {
- background: #4ea6ff;
- .reset {
- background-image: url("@/assets/images/coursewareManage/reset0.png");
- }
- .btnText {
- color: #ffffff;
- }
- }
- }
- .stm_btn3 {
- width: 130px;
- height: 40px;
- border: 1px solid #4ea6ff;
+ .btn2 {
background-color: #4ea6ff;
- border-radius: 8px;
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- cursor: pointer;
- .btnText {
- font-size: 14px;
- font-weight: 400;
- line-height: 40px;
- }
- .btn3 {
- .add {
- width: 17px;
- height: 18px;
- background-image: url("@/assets/images/coursewareManage/add0.png");
- background-size: 100% 100%;
- margin-right: 6px;
+ color: #ffffff;
+ }
+ }
+ }
+ }
+ }
+ }
+}
+//onlinemanage faceteachmanage ftsturecord givepower schooltime studentsmanage
+.modalStyle {
+ .ant-modal {
+ .ant-modal-content {
+ // width:1358px !important;
+ .ant-modal-body {
+ .modalHeader {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ .headerLeft {
+ margin-left: 27px;
+ display: flex;
+ align-items: center;
+ .headerLeftText {
+ font-size: 16px;
+ font-weight: 400;
+ color: #000000;
+ line-height: 36px;
+ }
+ }
+ }
+ .modalMain {
+ .onlinemanage {
+ display: none;
+ z-index: 999;
+ min-width: 1000px;
+ background: #ffffff;
+ .om_main {
+ width: 100%;
+ .om_body {
+ margin-right: 50px;
+ .b_title {
+ color: #4f5156;
+ font-weight: 500;
+ margin-bottom: 19px;
+ }
+ .b_sub {
+ display: flex;
+ margin-bottom: 10px;
+ .bs_type {
+ color: #999ba3;
+ }
+ .bs_left {
+ color: #999ba3;
+ margin-left: 35px;
+ }
+ .bs_right {
+ color: #4f5156;
+ }
+ }
+ .b_menu {
+ width: calc(100%);
+ }
+ .b_menunav {
+ display: flex;
+ margin-top: 20px;
+ margin-bottom: 20px;
+ .bm_select {
+ margin-right: 20px;
+ }
+ .bm_input {
+ margin-right: 20px;
+ }
+ .bm_btn {
+ display: flex;
+ .btn {
+ padding: 0px 26px 0px 26px;
+ height: 40px;
+ background: rgba(64, 158, 255, 0);
+ border-radius: 8px;
+ border: 1px solid rgba(64, 158, 255, 1);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-right: 14px;
+ flex-shrink: 0;
+ .search {
+ background-size: 100%;
+ }
+ .btnText {
+ font-size: 14px;
+ font-weight: 400;
+ color: rgba(64, 158, 255, 1);
+ line-height: 36px;
+ margin-left: 5px;
+ }
+ }
+ .btn1 {
+ .search {
+ width: 15px;
+ height: 17px;
+ background-image: url("@/assets/images/coursewareManage/search1.png");
+ }
+ }
+ .btn1:hover {
+ background: rgba(64, 158, 255, 1);
+ .search {
+ background-image: url("@/assets/images/coursewareManage/search0.png");
+ }
+ .btnText {
+ color: #ffffff;
+ }
+ }
+ }
}
}
}
- .stm_table {
- width: 90%;
- margin: 30px auto;
- border: 1px solid #f0f4fe;
- .operation {
+ }
+ .ftsturecord {
+ z-index: 999;
+ min-width: 1000px;
+ background: #ffffff;
+ .ftsr_main {
+ width: 100%;
+ .ftsr_table {
+ width: 90%;
+ margin: 30px auto;
+ border: 1px solid #f0f4fe;
+ }
+ .ftsr_btn {
+ width: 100px;
+ height: 40px;
+ background: #ffffff;
+ border: 1px solid #4ea6ff;
+ border-radius: 8px;
display: flex;
- justify-content: center;
align-items: center;
- color: #4ea6ff;
- .nselect {
+ justify-content: center;
+ margin: 30px auto;
+ flex-shrink: 0;
+ cursor: pointer;
+ .btnText {
+ color: #4ea6ff;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 40px;
+ }
+ }
+ }
+ }
+ .givepower {
+ z-index: 999;
+ min-width: 1000px;
+ background: #ffffff;
+ .gp_main {
+ width: 100%;
+ position: relative;
+ .gpm_inputbtn {
+ width: 90%;
+ margin: 20px auto;
+ display: flex;
+ .gpm_btn {
+ width: 100px;
+ height: 40px;
+ margin-right: 14px;
+ background: #ffffff;
+ border: 1px solid #4ea6ff;
+ border-radius: 8px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-shrink: 0;
+ cursor: pointer;
+ .btnText {
+ color: #4ea6ff;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 40px;
+ }
+ }
+ .btn1 {
+ .search {
+ width: 15px;
+ height: 17px;
+ margin-right: 6px;
+ background-image: url("../../assets/images/courseManage/search1.png");
+ }
+ }
+ .btn2 {
+ .reset {
+ width: 16px;
+ height: 18px;
+ margin-right: 6px;
+ background-image: url("../../assets/images/courseManage/reset1.png");
+ }
+ }
+ .btn1:hover {
+ background: #4ea6ff;
+ .search {
+ background-image: url("@/assets/images/coursewareManage/search0.png");
+ }
+ .btnText {
+ color: #ffffff;
+ }
+ }
+ .btn2:hover {
+ background: #4ea6ff;
+ .reset {
+ background-image: url("@/assets/images/coursewareManage/reset0.png");
+ }
+ .btnText {
+ color: #ffffff;
+ }
+ }
+ }
+ .gpm_notice {
+ display: flex;
+ background: rgba(78, 166, 255, 0.25);
+ border: 1px solid #4ea6ff;
+ width: 90%;
+ height: 62px;
+ margin: 20px auto;
+ align-items: center;
+ line-height: 64px;
+ .th_icon {
+ width: 16px;
+ height: 16px;
+ background-image: url(@/assets/images/coursewareManage/gan.png);
+ background-size: 100% 100%;
+ margin: auto 13px auto 37px;
+ }
+ .textarea {
+ margin-right: 33px;
+ }
+ }
+ .gpm_table {
+ width: 90%;
+ margin: 30px auto;
+ border: 1px solid #f0f4fe;
+ }
+ }
+ }
+ .schooltime {
+ z-index: 999;
+ min-width: 1000px;
+ background: #ffffff;
+ .st_main {
+ width: 100%;
+ .stm_inputbtn {
+ display: flex;
+ width: 90%;
+ margin: 20px auto;
+ .stm_btn {
+ width: 100px;
+ height: 40px;
+ margin-right: 14px;
+ background: #ffffff;
+ border: 1px solid #4ea6ff;
+ border-radius: 8px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-shrink: 0;
+ cursor: pointer;
+ .btnText {
+ color: #4ea6ff;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 40px;
+ }
+ }
+ .btn1 {
+ .search {
+ width: 15px;
+ height: 17px;
+ margin-right: 6px;
+ background-image: url("@/assets/images/coursewareManage/search1.png");
+ }
+ }
+ .btn2 {
+ .reset {
+ width: 16px;
+ height: 18px;
+ margin-right: 6px;
+ background-image: url("@/assets/images/coursewareManage/reset1.png");
+ }
+ }
+ .btn1:hover {
+ background: #4ea6ff;
+ .search {
+ background-image: url("@/assets/images/coursewareManage/search0.png");
+ }
+ .btnText {
+ color: #ffffff;
+ }
+ }
+ .btn2:hover {
+ background: #4ea6ff;
+ .reset {
+ background-image: url("@/assets/images/coursewareManage/reset0.png");
+ }
+ .btnText {
+ color: #ffffff;
+ }
+ }
+ }
+ .stm_btn3 {
+ width: 130px;
+ height: 40px;
+ border: 1px solid #4ea6ff;
+ background-color: #4ea6ff;
+ border-radius: 8px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-shrink: 0;
+ cursor: pointer;
+ .btnText {
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 40px;
+ }
+ .btn3 {
+ .add {
+ width: 17px;
+ height: 18px;
+ background-image: url("@/assets/images/coursewareManage/add0.png");
+ background-size: 100% 100%;
+ margin-right: 6px;
+ }
+ }
+ }
+ .stm_table {
+ width: 90%;
+ margin: 30px auto;
+ border: 1px solid #f0f4fe;
+ .operation {
+ display: flex;
justify-content: center;
align-items: center;
- display: flex;
- .jc {
- margin-left: 20px;
- cursor: pointer;
+ color: #4ea6ff;
+ .nselect {
+ justify-content: center;
+ align-items: center;
+ display: flex;
+ .jc {
+ margin-left: 20px;
+ cursor: pointer;
+ }
+ }
+ .tableSelect {
+ margin-right: 10px;
+ margin-left: -5px;
+ display: flex;
+ align-items: center;
+ justify-content: right;
}
- }
- .tableSelect {
- margin-right: 10px;
- margin-left: -5px;
- display: flex;
- align-items: center;
- justify-content: right;
}
}
}
}
- }
- .studentsmanage {
- z-index: 999;
- min-width: 1000px;
- background: #ffffff;
- .stm_main {
- width: 100%;
- .stmmitems {
- margin: auto 49px;
- .stmm_i1,
- .stmm_i2,
- .stmm_i3,
- .stmm_i4 {
- margin: 19px 0;
- }
- .stmm_i5 {
- display: flex;
- justify-content: space-between;
- .i5_left {
- display: flex;
- .stmm_btn {
- width: 100px;
- height: 40px;
- margin-right: 14px;
- background: #ffffff;
- border: 1px solid #4ea6ff;
- border-radius: 8px;
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- cursor: pointer;
- .btnText {
- color: #4ea6ff;
- font-size: 14px;
- font-weight: 400;
- line-height: 40px;
- }
- }
- .btn1 {
- .search {
- width: 15px;
- height: 17px;
- margin-right: 6px;
- background-image: url("../../assets/images/courseManage/search1.png");
- }
- }
- .btn2 {
- .reset {
- width: 16px;
- height: 18px;
- margin-right: 6px;
- background-image: url("../../assets/images/courseManage/reset1.png");
- }
- }
- .btn1:hover {
- background: rgba(64, 158, 255, 1);
- .search {
- background-image: url("../../assets/images/courseManage/search0.png");
- }
- .btnText {
- color: #ffffff;
- }
- }
- .btn2:hover {
- background: rgba(64, 158, 255, 1);
- .reset {
- background-image: url("../../assets/images/courseManage/reset0.png");
- }
- .btnText {
- color: #ffffff;
- }
- }
+ .studentsmanage {
+ z-index: 999;
+ min-width: 1000px;
+ background: #ffffff;
+ .stm_main {
+ width: 100%;
+ .stmmitems {
+ margin: auto 49px;
+ .stmm_i1,
+ .stmm_i2,
+ .stmm_i3,
+ .stmm_i4 {
+ margin: 19px 0;
}
- .i5_right {
+ .stmm_i5 {
display: flex;
- .stmm_btn {
- width: 100px;
- height: 40px;
- margin-right: 14px;
- background: #ffffff;
- border: 1px solid #4ea6ff;
- border-radius: 8px;
+ justify-content: space-between;
+ .i5_left {
display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- cursor: pointer;
- .btnText {
- color: #4ea6ff;
- font-size: 14px;
- font-weight: 400;
- line-height: 40px;
- }
- }
- .btn3 {
- background-color: #4ea6ff;
- }
- .btn4 {
- display: flex;
- flex-direction: column;
- position: relative;
- .btn4_sub {
+ .stmm_btn {
+ width: 100px;
+ height: 40px;
+ margin-right: 14px;
+ background: #ffffff;
+ border: 1px solid #4ea6ff;
+ border-radius: 8px;
display: flex;
- justify-content: center;
align-items: center;
- .b_zk {
- width: 10px;
- height: 8px;
- background-image: url("@/assets/images/coursewareManage/down.png");
- background-size: 100% 100%;
- }
- .b_sq {
- width: 10px;
- height: 8px;
- background-image: url("@/assets/images/coursewareManage/up.png");
- background-size: 100% 100%;
+ justify-content: center;
+ flex-shrink: 0;
+ cursor: pointer;
+ .btnText {
+ color: #4ea6ff;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 40px;
}
}
- .btn4_sup {
- width: 100%;
+ .btn1 {
+ .search {
+ width: 15px;
+ height: 17px;
+ margin-right: 6px;
+ background-image: url("../../assets/images/courseManage/search1.png");
+ }
+ }
+ .btn2 {
+ .reset {
+ width: 16px;
+ height: 18px;
+ margin-right: 6px;
+ background-image: url("../../assets/images/courseManage/reset1.png");
+ }
+ }
+ .btn1:hover {
+ background: rgba(64, 158, 255, 1);
+ .search {
+ background-image: url("../../assets/images/courseManage/search0.png");
+ }
+ .btnText {
+ color: #ffffff;
+ }
+ }
+ .btn2:hover {
+ background: rgba(64, 158, 255, 1);
+ .reset {
+ background-image: url("../../assets/images/courseManage/reset0.png");
+ }
+ .btnText {
+ color: #ffffff;
+ }
+ }
+ }
+ .i5_right {
+ display: flex;
+ .stmm_btn {
+ width: 100px;
+ height: 40px;
+ margin-right: 14px;
+ background: #ffffff;
+ border: 1px solid #4ea6ff;
+ border-radius: 8px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-shrink: 0;
+ cursor: pointer;
+ .btnText {
+ color: #4ea6ff;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 40px;
+ }
+ }
+ .btn3 {
+ background-color: #4ea6ff;
+ }
+ .btn4 {
display: flex;
flex-direction: column;
- background-color: #ffffff;
- box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
- position: absolute;
- top: 40px;
- z-index: 999;
- .btn4_tit {
- margin-top: 8px;
- margin-left: 8px;
+ position: relative;
+ .btn4_sub {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ .b_zk {
+ width: 10px;
+ height: 8px;
+ background-image: url("@/assets/images/coursewareManage/down.png");
+ background-size: 100% 100%;
+ }
+ .b_sq {
+ width: 10px;
+ height: 8px;
+ background-image: url("@/assets/images/coursewareManage/up.png");
+ background-size: 100% 100%;
+ }
}
- .btn4_op1,
- .btn4_op2,
- .btn4_op3 {
- margin-left: 20px;
+ .btn4_sup {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ background-color: #ffffff;
+ box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+ position: absolute;
+ top: 40px;
+ z-index: 999;
+ .btn4_tit {
+ margin-top: 8px;
+ margin-left: 8px;
+ }
+ .btn4_op1,
+ .btn4_op2,
+ .btn4_op3 {
+ margin-left: 20px;
+ }
}
}
- }
- .btn5 {
- margin-right: 0px;
- .export {
- width: 17px;
- height: 18px;
- margin-right: 5px;
- background-image: url("@/assets/images/coursewareManage/export.png");
+ .btn5 {
+ margin-right: 0px;
+ .export {
+ width: 17px;
+ height: 18px;
+ margin-right: 5px;
+ background-image: url("@/assets/images/coursewareManage/export.png");
+ }
}
- }
- .btn5:hover {
- background: #4ea6ff;
- .export {
- background-image: url("@/assets/images/coursewareManage/export1.png");
- }
- .btnText {
- color: #ffffff;
+ .btn5:hover {
+ background: #4ea6ff;
+ .export {
+ background-image: url("@/assets/images/coursewareManage/export1.png");
+ }
+ .btnText {
+ color: #ffffff;
+ }
}
}
}
- }
- .stmm_i6 {
- margin-top: 20px;
- .operation,
- .nselect {
- display: flex;
- justify-content: center;
- color: #4ea6ff;
- font-size: 14px;
- .ops1,
- .ops2 {
- margin-right: 10px;
- cursor: pointer;
+ .stmm_i6 {
+ margin-top: 20px;
+ .operation,
+ .nselect {
+ display: flex;
+ justify-content: center;
+ color: #4ea6ff;
+ font-size: 14px;
+ .ops1,
+ .ops2 {
+ margin-right: 10px;
+ cursor: pointer;
+ }
}
}
}
@@ -4364,5 +4588,8 @@ export default defineComponent({
}
}
}
+.coursewareDetail .ant-modal {
+ height: 320px;
+ margin-top: 100px;
}
diff --git a/src/views/projectcenter/TaskAdd.vue b/src/views/projectcenter/TaskAdd.vue
index a638449b..1b16db1f 100644
--- a/src/views/projectcenter/TaskAdd.vue
+++ b/src/views/projectcenter/TaskAdd.vue
@@ -402,7 +402,7 @@ const drawercolumns = [
},
];
export default {
- name: "LevelAddDetail",
+ name: "TaskAdd",
components: {
AddOnline,
EditOnline,
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index c8bce21e..0d6a0e4a 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -75,11 +75,7 @@
请确定是否拒绝此学员学习此课程
-
@@ -2079,7 +2287,7 @@ export default defineComponent({
of_hs: false,
hideshow: true,
bs_hs: true,
- ft_hs:false,
+ ft_hs: false,
om_1: false,
ft_1: false,
om_ckxq: false,
@@ -2087,25 +2295,27 @@ export default defineComponent({
stm_hs: false,
cstm_hs: false,
sm_hs: false,
- QR_hs:false,
+ QR_hs: false,
closableQR: false,
- rg_hs:false,
- graduate_hs:false,
- agreestudy_hs:false,
- rejectstudy_hs:false,
- value:"",
+ rg_hs: false,
+ graduate_hs: false,
+ agreestudy_hs: false,
+ rejectstudy_hs: false,
+ value: "",
// value1:"",
// value2:"",
- value5:"",
- value6:"",
- value7:"",
- value8:"",
- value11:"",
- value20:"",
- valueE:"",
- valueB:"",
- valueC:"",
+ value5: "",
+ value6: "",
+ value7: "",
+ value8: "",
+ value11: "",
+ value20: "",
+ valueE: "",
+ valueB: "",
+ valueC: "",
selectedRowKeys: [],
+
+ faceManageTab: "1",
});
const fileList = ref([]);
const loading = ref(false);
@@ -2165,7 +2375,7 @@ export default defineComponent({
class="jc"
style={{ width: "30px" }}
onClick={() => {
- if (value.courseform === "线上" ) {
+ if (value.courseform === "线上") {
state.om_1 = true;
state.ft_1 = false;
} else if (value.courseform === "面授") {
@@ -2226,15 +2436,17 @@ export default defineComponent({
dropdownClassName="tabledropdown"
>
+ value="二维码"
+ label="二维码"
+ style="padding-left:35px"
+ >
{
+ onClick={() => {
state.QR_hs = true;
}}
- >二维码
+ >
+ 二维码
+
-
{
state.agreestudy_hs = true;
}}
- >通过
+ >
+ 通过
+
-
{
+
{
state.rejectstudy_hs = true;
- }}>拒绝
+ }}
+ >
+ 拒绝
+ 删除
@@ -2485,7 +2703,6 @@ export default defineComponent({
state.tableData = data2;
};
getTableDate2();
-
const getTableDate3 = () => {
let datas = state.tableData6;
datas.map((value) => {
@@ -2543,7 +2760,6 @@ export default defineComponent({
state.tableData = datas;
};
getTableDate3();
-
const getTableDate4 = () => {
let data2 = state.tableData7;
data2.map((value) => {
@@ -2564,17 +2780,24 @@ export default defineComponent({
{value.status === "已通过" ? (
-
{
state.rg_hs = true;
}}
- >成功录入
+ >
+ 成功录入
+
-
{
+
{
state.graduate_hs = true;
- }}>结业
+ }}
+ >
+ 结业
+
@@ -100,11 +96,7 @@
class="taskbox"
@click="showModal"
style="
- background: linear-gradient(
- 180deg,
- rgba(229, 246, 236, 1),
- rgba(238, 249, 243, 1)
- );
+ background: linear-gradient( 180deg,rgba(229, 246, 236, 1),rgba(238, 249, 243, 1));
"
>
@@ -534,7 +526,7 @@
-
-
+
添加学员
@@ -561,7 +553,7 @@
添加学员
清空
+
+
随机分组
@@ -816,7 +808,11 @@
Content of Tab Pane 3
Content of Tab Pane 3
- Content of Tab Pane 3
+
+
Content of Tab Pane 3
@@ -824,13 +820,15 @@
随机分组
+
+
+
@@ -930,11 +924,7 @@
display: flex;
align-items: center;
justify-content: space-between;
- background: linear-gradient(
- 0deg,
- rgba(78, 166, 255, 0) 0%,
- rgba(78, 166, 255, 0.2) 100%
- );
+ background: linear-gradient(0deg,rgba(78, 166, 255, 0) 0%, rgba(78, 166, 255, 0.2) 100% );
"
>
@@ -967,7 +957,7 @@
@@ -994,12 +984,20 @@
import { reactive, toRefs } from "vue";
import TimeManage from "../../components/drawers/TimeManage";
import FaceManage from "../../components/drawers/FaceManage";
-import FaceStu from "../../components/drawers/FaceStu";
+import SubsetManage from "../../components/drawers/SubsetManage";
import ActiveAttendance from "../../components/drawers/ActiveAttendance";
import WorkManage from "../../components/drawers/WorkManage.vue";
+import FaceStu from "../../components/drawers/FaceStu";
export default {
name: "taskPage",
- components: { TimeManage, FaceManage, FaceStu, ActiveAttendance, WorkManage },
+ components: {
+ TimeManage,
+ FaceManage,
+ SubsetManage,
+ FaceStu,
+ ActiveAttendance,
+ WorkManage,
+ },
setup() {
const state = reactive({
goodstuList: [
@@ -1039,7 +1037,7 @@ export default {
group: "天天向上",
progress: "5/20",
diploma: "0",
- stutime: "2022-10-31 23:12:00",
+ stutime: "2022-10-21 23:12:00",
putin: "手动加入",
},
{
@@ -1050,7 +1048,7 @@ export default {
group: "好好学习",
progress: "5/20",
diploma: "0",
- stutime: "2022-10-31 23:12:00",
+ stutime: "2022-10-11 23:12:00",
putin: "手动加入",
},
{
@@ -1121,6 +1119,10 @@ export default {
width: 50,
align: "center",
className: "h",
+ sorter: {
+ compare: (a, b) => a.stutime - b.stutime,
+ multiple: 3,
+ },
},
{
title: "加入方式",
@@ -1141,6 +1143,7 @@ export default {
],
visible: false, //时间管理
FaceVisivle: false, //面授管理
+ subsetVisivle: false, //随机小组
FSvisible: false, //面授学员
AAvisible: false, //活动考勤
Wvisible: false, //作业管理
@@ -1175,6 +1178,11 @@ export default {
// console.log("点击管理");
state.FaceVisivle = true;
};
+ const showSubset = () => {
+ //面授管理的抽屉
+ // console.log("点击管理");
+ state.subsetVisivle = true;
+ };
//面授学员的弹窗
const showFS = () => {
state.FSvisible = true;
@@ -1195,6 +1203,7 @@ export default {
closeModal2,
showTime,
showFace,
+ showSubset,
showFS,
showAA,
showWork,
@@ -1202,7 +1211,7 @@ export default {
},
};
-
-
+
\ No newline at end of file