-
-
- 线上
-
-
- 面授
+
+
+
+
+
-
+
+ 线上
+
+
+ 面授
+
+
@@ -158,8 +161,12 @@
是否设置目录
@@ -176,313 +183,201 @@
- 是
- 否
+
+ 是
+
+
+ 否
+
-
-
-
-
- 
- 新建面授课
-
-
- 新建面授课
-
- 
+
+ 课程信息
+
+
+
+ ⃰
+ 课程名称
+
-
+
-
课程信息
-
-
-
-
-
- 
- 课程名称
-
-
- 课程名称
-
-
+
-
-
+
+
+
-
+ 课程命名规则
+
+
-
+ 收起
-
-
-
-
-
-
- 课程命名规则
-
-
-
- 收起
-
-
- 展开
-
-
-
-
- 1、课程名称统一不加书名号。
- 2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息 - 之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先 - 看到的是课程内容主题。
- 3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用 - 版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。 - -
- - 2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息 - 之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先 - 看到的是课程内容主题。
- 3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用 - 版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。 - -
-
-
-
- 封面图
-
-
- 封面图
-
-
-
-
- ![avatar]()
-
-
-
-
- Upload
-
- 高宽比为16:9 (如:800*450) png或jpg图片
-
-
-
-
-
- 目标人群
-
-
- 目标人群
-
-
-
-
-
-
-
-
- 课程价值
-
-
- 课程价值
-
-
-
-
-
-
-
-
- 内容分类
-
-
- 内容分类
-
-
-
-
-
-
-
- 场景
-
-
-
-
-
-
-
-
- 内容标签
-
-
-
-
-
-
-
-
- Tag 2
- Prevent Default
-
-
-
+
-
-
-
- 授课教师
-
-
- 授课教师
-
-
-
-
-
-
-
- 课程简介
-
-
-
-
-
-
-
-
- 附件
-
-
-
-
- 
- 添加附件
-
-
- 添加附件
-
-
-
-
-
-
- 图片1.png
- 152.77K
- 删除
-
-
-
-
-
- 图片2.png
-
-
-
-
-
- 上传成功
- 100%
- 删除
-
-
-
-
-
- 图片2.png
-
-
-
-
-
- 上传失败
- 80%
- 重传 取消
-
-
-
+
-
- 图片2.png
-
-
-
-
-
- 正在上传
- 60%
- 暂停 取消
-
+ 展开
+
+
+ 1、课程名称统一不加书名号。
+ 2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息 + 之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先 + 看到的是课程内容主题。
+ 3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用 + 版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。 + +
+ 2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息 + 之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先 + 看到的是课程内容主题。
+ 3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用 + 版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。 + +
+
+
+ ⃰
+ 封面图
+
+
+
+ ![avatar]()
+
+
+
+
+ Upload
+
+ 高宽比为16:9 (如:800*450) png或jpg图片
+
+
+ ⃰
+ 目标人群
+
+
+
+
+ 课程价值
+
+
+
+
+ ⃰
+ 内容分类
+
+
+
+
+ 场景
+
+
+
+
+
+
+ 内容标签
+
+
+
+
+ Tag 2
+ Prevent Default
+
+
+
+
+ ⃰
+ 授课教师
+
+
+
+
+ 课程简介
+
+
+
+
+
+
+ 附件
+
+ 添加附件
+
+
-
-
-
-
-
- 在线课程管理
-
-
-
-
+ 课程：BMOT2021年职级晋升-安全管理（高级）
-
-
-
-
- 类型：
- 录播课
- 内容分类：
- 领导力
- 状态：
- 已审核
-
-
-
+
+
+ 在线课程管理
+
+
+
+ 课程：BMOT2021年职级晋升-安全管理（高级）
+
+
+
+
+ 类型：
+ 录播课
+ 内容分类：
+ 领导力
+ 状态：
+ 已审核
+
+
+
-
-
-
-
- 面授课程管理
-
-
-
+
+
+
+ 面授课程管理
+
+
+
-
-
-
-
- 查看详情
-
-
-
-
-
-
-
-
+ 取消
-
+
+
+ 查看详情
+
+
+
+
+
+
+
+ 取消
+
-
-
-
-
-
-
-
- 开课
-
-
-
-
-
-
-
-
-
- 搜索
-
-
-
- 重置
-
-
-
- 新建开课
-
-
+
+
+
+ 开课
+
+
+
+
+
+
+
+
+ 搜索
+
+
+
+ 重置
+
+
+
+
+ 新建开课
+
+
+
+
+
-
-
@@ -943,103 +854,125 @@
-
+
+
+
+
+
+ 学员管理
+
-
-
-
- 学员管理
-
-
-
-
@@ -1048,99 +981,114 @@
import { reactive, toRefs, defineComponent, ref } from "vue";
import { PlusOutlined, LoadingOutlined } from "@ant-design/icons-vue";
import { message } from "ant-design-vue";
-
function getBase64(img, callback) {
const reader = new FileReader();
reader.addEventListener("load", () => callback(reader.result));
reader.readAsDataURL(img);
}
const columns1 = [
- {
- title: '序号',
- width: 200,
- dataIndex: 'num',
- key: 'num',
- align: "center",
- }, {
- title: '名称',
- width: 200,
- dataIndex: 'name',
- key: 'name',
- }, {
- title: '内容分类',
- width: 200,
- dataIndex: 'content',
- key: '1',
- align: "center",
- }, {
- title: '课程形式',
- width: 200,
- dataIndex: 'courseform',
- key: '2',
- align: "center",
- }, {
- title: ' 所属项目',
- width: 300,
- dataIndex: 'project',
- key: '3',
- align: "center",
- }, {
- title: '学习人数',
- width: 200,
- dataIndex: 'stunum',
- key: '4',
- align: "center",
- }, {
- title: '评分',
- width: 200,
- dataIndex: 'grade',
- key: '5',
- align: "center",
- }, {
- title: '状态',
- width: 200,
- dataIndex: 'status',
- key: '6',
- align: "center",
- }, {
- title: '是否发布',
- width: 200,
- dataIndex: 'ynpub',
- key: '7',
- align: "center",
- }, {
- title: '创建人',
- width: 200,
- dataIndex: 'creator',
- key: '8',
- align: "center",
- }, {
- title: '创建时间',
- width: 280,
- dataIndex: 'createtime',
- key: '9',
- align: "center",
- }, {
- title: '上线时间',
- width: 280,
- dataIndex: 'pubtime',
- key: '10',
- align: "center",
- }, {
- title: '是否停用',
- width: 200,
- key: 'either',
- dataIndex: 'ynuse',
- align: "center",
- }, {
- title: '操作',
- width: 400,
- className: "h",
- dataIndex: "operation",
- key: 'operation',
- fixed: 'right',
- align: "center",
- },
+ {
+ title: "序号",
+ width: 100,
+ dataIndex: "num",
+ key: "num",
+ align: "center",
+ },
+ {
+ title: "名称",
+ width: 200,
+ dataIndex: "name",
+ key: "name",
+ ellipsis: true,
+ align: "center",
+ },
+ {
+ title: "内容分类",
+ width: 100,
+ dataIndex: "content",
+ key: "1",
+ align: "center",
+ },
+ {
+ title: "课程形式",
+ width: 100,
+ dataIndex: "courseform",
+ key: "2",
+ align: "center",
+ },
+ {
+ title: " 所属项目",
+ width: 200,
+ dataIndex: "project",
+ key: "3",
+ align: "center",
+ ellipsis: true,
+ },
+ {
+ title: "学习人数",
+ width: 110,
+ dataIndex: "stunum",
+ key: "4",
+ align: "center",
+ },
+ {
+ title: "评分",
+ width: 100,
+ dataIndex: "grade",
+ key: "5",
+ align: "center",
+ },
+ {
+ title: "状态",
+ width: 100,
+ dataIndex: "status",
+ key: "6",
+ align: "center",
+ },
+ {
+ title: "是否发布",
+ width: 100,
+ dataIndex: "ynpub",
+ key: "7",
+ align: "center",
+ },
+ {
+ title: "创建人",
+ width: 100,
+ dataIndex: "creator",
+ key: "8",
+ align: "center",
+ },
+ {
+ title: "创建时间",
+ width: 160,
+ dataIndex: "createtime",
+ key: "9",
+ align: "center",
+ },
+ {
+ title: "上线时间",
+ width: 160,
+ dataIndex: "pubtime",
+ key: "10",
+ align: "center",
+ },
+ {
+ title: "是否停用",
+ width: 100,
+ key: "either",
+ dataIndex: "ynuse",
+ align: "center",
+ },
+ {
+ title: "操作",
+ width: 300,
+ className: "h",
+ dataIndex: "operation",
+ key: "operation",
+ fixed: "right",
+ align: "center",
+ },
];
const columns2 = [
{
@@ -1283,95 +1231,105 @@ const columns6 = [
align: "center",
},
{
- title: '操作',
- width: '20%',
+ title: "操作",
+ width: "20%",
dataIndex: "operation",
- key: 'operation',
+ key: "operation",
align: "center",
},
];
const columns7 = [
- {
- title: '序号',
- width: 200,
- dataIndex: 'num',
- key: 'num',
- align: "center",
- }, {
- title: '姓名',
- width: 200,
- dataIndex: 'name',
- key: 'name',
- }, {
- title: '工号',
- width: 200,
- dataIndex: 'number',
- key: '1',
- align: "center",
- }, {
- title: '部门',
- width: 200,
- dataIndex: 'department',
- key: '2',
- align: "center",
- }, {
- title: ' 岗位',
- width: 300,
- dataIndex: 'postion',
- key: '3',
- align: "center",
- }, {
- title: 'Band',
- width: 200,
- dataIndex: 'band',
- key: '4',
- align: "center",
- }, {
- title: '报名状态',
- width: 200,
- dataIndex: 'status',
- key: '5',
- align: "center",
- }, {
- title: '加入方式',
- width: 200,
- dataIndex: 'join',
- key: '6',
- align: "center",
- }, {
- title: '签到状态',
- width: 200,
- dataIndex: 'signstatus',
- key: '7',
- align: "center",
- }, {
- title: '评估状态',
- width: 200,
- dataIndex: 'evastatus',
- key: '8',
- align: "center",
- }, {
- title: '结业状态',
- width: 280,
- dataIndex: 'overstatus',
- key: '9',
- align: "center",
- },{
- title: '操作',
- width: 400,
- className: "h",
- dataIndex: "operation",
- key: 'operation',
- fixed: 'right',
- align: "center",
- },
+ {
+ title: "序号",
+ width: 200,
+ dataIndex: "num",
+ key: "num",
+ align: "center",
+ },
+ {
+ title: "姓名",
+ width: 200,
+ dataIndex: "name",
+ key: "name",
+ },
+ {
+ title: "工号",
+ width: 200,
+ dataIndex: "number",
+ key: "1",
+ align: "center",
+ },
+ {
+ title: "部门",
+ width: 200,
+ dataIndex: "department",
+ key: "2",
+ align: "center",
+ },
+ {
+ title: " 岗位",
+ width: 300,
+ dataIndex: "postion",
+ key: "3",
+ align: "center",
+ },
+ {
+ title: "Band",
+ width: 200,
+ dataIndex: "band",
+ key: "4",
+ align: "center",
+ },
+ {
+ title: "报名状态",
+ width: 200,
+ dataIndex: "status",
+ key: "5",
+ align: "center",
+ },
+ {
+ title: "加入方式",
+ width: 200,
+ dataIndex: "join",
+ key: "6",
+ align: "center",
+ },
+ {
+ title: "签到状态",
+ width: 200,
+ dataIndex: "signstatus",
+ key: "7",
+ align: "center",
+ },
+ {
+ title: "评估状态",
+ width: 200,
+ dataIndex: "evastatus",
+ key: "8",
+ align: "center",
+ },
+ {
+ title: "结业状态",
+ width: 280,
+ dataIndex: "overstatus",
+ key: "9",
+ align: "center",
+ },
+ {
+ title: "操作",
+ width: 400,
+ className: "h",
+ dataIndex: "operation",
+ key: "operation",
+ fixed: "right",
+ align: "center",
+ },
];
export default defineComponent({
components: {
LoadingOutlined,
PlusOutlined,
},
-
setup() {
const current = ref(["mail"]);
const state = reactive({
@@ -1677,14 +1635,14 @@ export default defineComponent({
of_hs: false,
hideshow: true,
bs_hs: true,
- ft_hs:true,
+ ft_hs:false,
om_1: false,
- ftm_1:false,
+ ftm_1: false,
om_ckxq: false,
- gpm_hs:false,
+ gpm_hs: false,
stm_hs: false,
- cstm_hs:false,
- sm_hs:false,
+ cstm_hs: false,
+ sm_hs: false,
});
// const tableDataFunc = () => {
// const columns = [
@@ -1773,7 +1731,7 @@ export default defineComponent({
// key: 'operation',
// fixed: 'right',
// align: "center",
- // scopedSlots: { customRender: "action" },
+ // scopedSlots: { customRender: "action" },
// customRender: (text) => {
// // console.log('111',text);
// return (
@@ -1810,17 +1768,14 @@ export default defineComponent({
// ];
// return columns;
// };
-
const fileList = ref([]);
const loading = ref(false);
const imageUrl = ref("");
-
const handleChange = (info) => {
if (info.file.status === "uploading") {
loading.value = true;
return;
}
-
if (info.file.status === "done") {
// Get this url from response in real world.
getBase64(info.file.originFileObj, (base64Url) => {
@@ -1828,74 +1783,80 @@ export default defineComponent({
loading.value = false;
});
}
-
if (info.file.status === "error") {
loading.value = false;
message.error("upload error");
}
};
-
const beforeUpload = (file) => {
const isJpgOrPng =
file.type === "image/jpeg" || file.type === "image/png";
-
if (!isJpgOrPng) {
message.error("You can only upload JPG file!");
}
-
const isLt2M = file.size / 1024 / 1024 < 2;
-
if (!isLt2M) {
message.error("Image must smaller than 2MB!");
}
-
return isJpgOrPng && isLt2M;
};
-
const getTableDate = () => {
let datas = state.tableData1;
datas.map((value) => {
{
//单层项目
- value.operation = (
- XXX课程-第1期-20220726已开课 4.5
- 时间：2022-07-26 14：30-15：00
- 地点：核心能力大楼培训教室
- 授课教师：王雪han
-
-
-
-
-
-
- 搜索
-
-
-
- 重置
-
-
+
- 添加学员
-
-
-
-
- 批量操作
-
-
-
-
-
-
-
- 批量录入成绩
- 批量结业
- 批量通过
- 批量拒绝
-
-
-
-
- 导出
-
+
+ XXX课程-第1期-20220726已开课 4.5
+
+
+ 时间：2022-07-26 14：30-15：00
+
+
+ 地点：核心能力大楼培训教室
+
+
+ 授课教师：王雪han
+
+
+
+
+
+
+
+
- 搜索
-
+
+
+
重置
+
+
+ 添加学员
+
+
+
+
+ 批量操作
+
+
+
+
+
+
+ 批量录入成绩
+
+
+ 批量结业
+
+
+ 批量通过
+
+
+ 批量拒绝
+
+
+
+
+ 导出
+
+
+ value.operation = (
+
{value.status === "已审核" ? (
-
-
-
-
-
+
{
state.stm_hs = true;
- }}>开课
+ }}
+ >
+ 开课
+
-
{
- if (value.courseform === '线上') {
- state.om_1 = true;
- } else if (value.courseform === '面授') {
- state.ftm_1 = true;
- }
- }}>管理
+
+
-
- {
+ if (value.courseform === "线上") {
+ state.om_1 = true;
+ } else if (value.courseform === "面授") {
+ state.ftm_1 = true;
+ }
+ }}
+ >
+ 管理
+
-
复制
+
+
-
+ 复制
+
-
-
+
-
{
- state.gpm_hs = true;
- }}>权限名单
+ {
+ state.gpm_hs = true;
+ }}
+ >
+ 权限名单
+
-
+
-
-
-
-
-
+
{
state.stm_hs = true;
- }}>开课
+ }}
+ >
+ 开课
+
-
撤回
+
+
+
+
+
-
-
+
-
+
) : (
)}
{value.status === "未提交" ? (
{
- state.gpm_hs = true;
- }}>权限名单
+ {
+ state.gpm_hs = true;
+ }}
+ >
+ 权限名单
+
+
+ 撤回
+
+
-
-
-
-
-
+
{
state.stm_hs = true;
- }}>开课
+ }}
+ >
+ 开课
+
-
编辑
+
+
-
-
+ 编辑
+
-
) : (
@@ -2022,24 +2003,29 @@ export default defineComponent({
)}
{value.status === "审核未通过" ? (
复制
+
+
+ 复制
+
-
-
-
-
+
{
state.stm_hs = true;
- }}>开课
+ }}
+ >
+ 开课
+
-
编辑
+
+
-
-
+ 编辑
+
-
复制
+
+
-
-
+ 复制
+
-
+
-
-
-
{
- state.gpm_hs = true;
- }}>权限名单
+ {
+ state.gpm_hs = true;
+ }}
+ >
+ 权限名单
+
-
) : (
@@ -2085,7 +2076,6 @@ export default defineComponent({
state.tableData = datas;
};
getTableDate();
-
const getTableDate2 = () => {
let data2 = state.tableData7;
data2.map((value) => {
@@ -2096,13 +2086,13 @@ export default defineComponent({
删除
+
+
+ 删除
+
{value.status === "待审核" ? (
-
+
-
通过
+
-
拒绝
+
@@ -2111,7 +2101,7 @@ export default defineComponent({
)}
{value.status === "已通过" ? (
删除
-
+
@@ -2120,7 +2110,7 @@ export default defineComponent({
)}
{value.status === "已拒绝" ? (
删除
-
-
);
}
@@ -2194,7 +2182,6 @@ export default defineComponent({
state.tableData = datas;
};
getTableDate3();
-
const onftvalue = ref();
const options1 = ref([
{
@@ -2218,7 +2205,6 @@ export default defineComponent({
label: "审核未通过",
},
]);
-
const options2 = ref([
{
value: "value2",
@@ -2237,8 +2223,6 @@ export default defineComponent({
label: "专业力",
},
]);
-
-
const of_hShow = () => {
if (state.of_hs == false) {
state.of_hs = true;
@@ -2255,10 +2239,10 @@ export default defineComponent({
}
};
const bs_hShow = () => {
- state.bs_hs = true;
+ state.bs_hs = true;
};
const bs_unhShow = () => {
- state.bs_hs = false;
+ state.bs_hs = false;
};
const createft = () => {
if (state.bs_hs == true) {
@@ -2269,14 +2253,12 @@ export default defineComponent({
const ft_exit = () => {
state.ft_hs = false;
};
-
const om_exit = () => {
state.om_1 = false;
};
const ftm_exit = () => {
state.ftm_1 = false;
};
-
const ckxq_hs = () => {
state.om_ckxq = true;
};
@@ -2307,7 +2289,6 @@ export default defineComponent({
imageUrl,
columns1,
columns2,
-
columns4,
columns5,
columns6,
@@ -2337,10 +2318,7 @@ export default defineComponent({
sm_exit,
};
},
-
// data() {
-
-
// // return {
// // ...toRefs(state),
// // options1,
@@ -2490,7 +2468,6 @@ export default defineComponent({
}
}
}
-
.selectonlineface {
z-index: 999;
width: 679px;
@@ -2538,11 +2515,11 @@ export default defineComponent({
}
.ofm_body {
width: 90%;
- .ofmb_header{
+ .ofmb_header {
display: flex;
align-items: center;
margin: 14px auto;
- .sign{
+ .sign {
width: 7px;
height: 7px;
margin-left: 78px;
@@ -2555,7 +2532,7 @@ export default defineComponent({
display: flex;
align-items: center;
justify-content: center;
- margin-left:6px;
+ margin-left: 6px;
}
.b_header {
display: flex;
@@ -2579,7 +2556,7 @@ export default defineComponent({
display: flex;
align-items: center;
margin: 21px auto 14px 80px;
- .bc_box{
+ .bc_box {
display: flex;
.bc_boxl,
.bc_boxr {
@@ -2593,7 +2570,7 @@ export default defineComponent({
.bs_box {
display: flex;
align-items: center;
- .bc_box{
+ .bc_box {
display: flex;
}
}
@@ -2632,7 +2609,6 @@ export default defineComponent({
}
}
}
-
.faceteach {
z-index: 999;
width: 90%;
@@ -2681,31 +2657,30 @@ export default defineComponent({
}
}
-
.tableBox {
margin: 20px 38px 30px;
- .operation{
- display: flex;
+ .operation {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ color: #4ea6ff;
+ .nselect {
justify-content: center;
align-items: center;
- 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;
+ display: flex;
+ .jc {
+ margin-left: 20px;
+ cursor: pointer;
}
}
+ .tableSelect {
+ margin-right: 10px;
+ margin-left: -5px;
+ display: flex;
+ align-items: center;
+ justify-content: right;
+ }
+ }
// .operation {
// display: flex;
// justify-content: right;
@@ -2732,7 +2707,6 @@ export default defineComponent({
// }
// }
}
-
.onlinemanage,
.faceteachmanage {
display: none;
@@ -2740,8 +2714,8 @@ export default defineComponent({
width: 85%;
min-width: 1000px;
// height: 537px;
- background: #FFFFFF;
- box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
+ background: #ffffff;
+ box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
position: absolute;
left: 50%;
top: 50%;
@@ -2756,796 +2730,816 @@ export default defineComponent({
rgba(78, 166, 255, 0) 100%
);
}
- .om_main{
- width:calc(100%);
- position: relative;
- .omm_header{
+ .om_main {
+ width: calc(100%);
+ position: relative;
+ .omm_header {
+ display: flex;
+ align-items: center;
+ padding-top: 20px;
+ padding-left: 26px;
+ font-size: 16px;
+ .pc_icon {
+ width: 16px;
+ height: 16px;
+ margin-right: 10px;
+ background-image: url(@/assets/images/coursewareManage/pc.png);
+ }
+ .close_exit {
+ position: absolute;
+ right: 42px;
+ cursor: pointer;
+ width: 20px;
+ height: 20px;
+ background-image: url(@/assets/images/coursewareManage/close.png);
+ background-size: 100% 100%;
+ }
+ }
+ .om_body {
+ width: calc(100% - 50px);
+ padding-left: 50px;
+ padding-top: 17px;
+ .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;
- align-items: center;
- padding-top: 20px;
- padding-left: 26px;
- font-size: 16px;
- .pc_icon{
- width: 16px;
- height: 16px;
- margin-right: 10px;
- background-image: url(@/assets/images/coursewareManage/pc.png);
- }
- .close_exit{
- position: absolute;
- right:42px;
- cursor: pointer;
- width: 20px;
- height: 20px;
- background-image: url(@/assets/images/coursewareManage/close.png);
- background-size: 100% 100%;
- }
- }
- .om_body{
- width:calc(100% - 50px);
- padding-left: 50px;
- padding-top: 17px;
- .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;
- // flex-wrap: wrap;
- .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;
- }
- }
+ // flex-wrap: wrap;
+ .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{
+ .ftsturecord {
z-index: 999;
width: 80%;
min-width: 1000px;
// height: 274px;
- background: #FFFFFF;
- box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
+ background: #ffffff;
+ box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
position: absolute;
left: 50%;
top: 50%;
- transform: translate(-50%,-50%);
+ transform: translate(-50%, -50%);
overflow: auto;
- .ftsr_header{
- position: absolute;
- width:calc(100%);
- height: 40px;
- background: linear-gradient( rgba(78,166,255,0.2) 0%, rgba(78,166,255,0) 100%);
+ .ftsr_header {
+ position: absolute;
+ width: calc(100%);
+ height: 40px;
+ background: linear-gradient(
+ rgba(78, 166, 255, 0.2) 0%,
+ rgba(78, 166, 255, 0) 100%
+ );
}
- .ftsr_main{
- width:calc(100%);
- position: relative;
- .m_header{
- display: flex;
- align-items: center;
- padding-top: 20px;
- padding-left: 26px;
- font-size: 16px;
- .det_icon{
- width: 16px;
- height: 16px;
- margin-right: 10px;
- background-image: url(@/assets/images/coursewareManage/detail.png);
- background-size: 100% 100%;
- }
- .det_exit{
- position: absolute;
- right:42px;
- cursor: pointer;
- width: 20px;
- height: 20px;
- background-image: url(@/assets/images/coursewareManage/close.png);
- background-size: 100% 100%;
- }
+ .ftsr_main {
+ width: calc(100%);
+ position: relative;
+ .m_header {
+ display: flex;
+ align-items: center;
+ padding-top: 20px;
+ padding-left: 26px;
+ font-size: 16px;
+ .det_icon {
+ width: 16px;
+ height: 16px;
+ margin-right: 10px;
+ background-image: url(@/assets/images/coursewareManage/detail.png);
+ background-size: 100% 100%;
}
- .ftsr_table{
- width: 90%;
- margin:30px auto;
- border: 1px solid #F0F4FE;
+ .det_exit {
+ position: absolute;
+ right: 42px;
+ cursor: pointer;
+ width: 20px;
+ height: 20px;
+ background-image: url(@/assets/images/coursewareManage/close.png);
+ background-size: 100% 100%;
}
- .ftsr_btn {
- width: 100px;
- height: 40px;
- background: #ffffff;
- border: 1px solid #4EA6FF;
- border-radius: 8px;
- display: flex;
- align-items: center;
- justify-content: center;
- margin: 30px auto ;
- flex-shrink: 0;
- cursor: pointer;
- .btnText {
- color: #4EA6FF;
- font-size: 14px;
- font-weight: 400;
- line-height: 40px;
- }
+ }
+ .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;
+ align-items: center;
+ justify-content: center;
+ margin: 30px auto;
+ flex-shrink: 0;
+ cursor: pointer;
+ .btnText {
+ color: #4ea6ff;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 40px;
}
}
}
- .givepower{
+ }
+ .givepower {
z-index: 999;
width: 85%;
min-width: 1000px;
// height: 646px;
- background: #FFFFFF;
- box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
+ background: #ffffff;
+ box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
position: absolute;
left: 50%;
top: 50%;
- transform: translate(-50%,-50%);
+ transform: translate(-50%, -50%);
overflow: auto;
- .gp_header{
- position: absolute;
- width:calc(100%);
- height: 40px;
- background: linear-gradient( rgba(78,166,255,0.2) 0%, rgba(78,166,255,0) 100%);
+ .gp_header {
+ position: absolute;
+ width: calc(100%);
+ height: 40px;
+ background: linear-gradient(
+ rgba(78, 166, 255, 0.2) 0%,
+ rgba(78, 166, 255, 0) 100%
+ );
}
- .gp_main{
- width:calc(100%);
- position: relative;
- .gpm_header{
- display: flex;
- align-items: center;
- padding-top: 20px;
- padding-left: 26px;
- font-size: 16px;
- .givepower_icon{
- width: 16px;
- height: 16px;
- margin-right: 10px;
- background-image: url(@/assets/images/coursewareManage/givepower.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%;
- }
+ .gp_main {
+ width: calc(100%);
+ position: relative;
+ .gpm_header {
+ display: flex;
+ align-items: center;
+ padding-top: 20px;
+ padding-left: 26px;
+ font-size: 16px;
+ .givepower_icon {
+ width: 16px;
+ height: 16px;
+ margin-right: 10px;
+ background-image: url(@/assets/images/coursewareManage/givepower.png);
+ background-size: 100% 100%;
}
- .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;
- }
- }
+ .close_exit {
+ position: absolute;
+ right: 42px;
+ cursor: pointer;
+ width: 20px;
+ height: 20px;
+ background-image: url(@/assets/images/coursewareManage/close.png);
+ background-size: 100% 100%;
}
- .gpm_notice{
+ }
+ .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;
- 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;
+ justify-content: center;
+ flex-shrink: 0;
+ cursor: pointer;
+ .btnText {
+ color: #4ea6ff;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 40px;
}
}
- .gpm_table{
- width: 90%;
- margin:30px auto;
- border: 1px solid #F0F4FE;
+ .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{
+ }
+ .schooltime {
z-index: 999;
width: 85%;
min-width: 1000px;
// height: 646px;
- background: #FFFFFF;
- box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
+ background: #ffffff;
+ box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
position: absolute;
left: 50%;
top: 50%;
- transform: translate(-50%,-50%);
+ transform: translate(-50%, -50%);
overflow: auto;
- .st_header{
- position: absolute;
- width:calc(100%);
- height: 40px;
- background: linear-gradient( rgba(78,166,255,0.2) 0%, rgba(78,166,255,0) 100%);
+ .st_header {
+ position: absolute;
+ width: calc(100%);
+ height: 40px;
+ background: linear-gradient(
+ rgba(78, 166, 255, 0.2) 0%,
+ rgba(78, 166, 255, 0) 100%
+ );
}
- .st_main{
- width:calc(100%);
- position: relative;
- .stm_header{
- display: flex;
- align-items: center;
- padding-top: 20px;
- padding-left: 26px;
- font-size: 16px;
- .scht_icon{
- width: 16px;
- height: 16px;
- margin-right: 10px;
- background-image: url(@/assets/images/coursewareManage/scht.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%;
- }
+ .st_main {
+ width: calc(100%);
+ position: relative;
+ .stm_header {
+ display: flex;
+ align-items: center;
+ padding-top: 20px;
+ padding-left: 26px;
+ font-size: 16px;
+ .scht_icon {
+ width: 16px;
+ height: 16px;
+ margin-right: 10px;
+ background-image: url(@/assets/images/coursewareManage/scht.png);
+ background-size: 100% 100%;
}
- .stm_inputbtn{
+ .close_exit {
+ position: absolute;
+ right: 42px;
+ cursor: pointer;
+ width: 20px;
+ height: 20px;
+ background-image: url(@/assets/images/coursewareManage/close.png);
+ background-size: 100% 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;
- 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;
- }
+ align-items: center;
+ justify-content: center;
+ flex-shrink: 0;
+ cursor: pointer;
+ .btnText {
+ color: #4ea6ff;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 40px;
}
}
- .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;
- }
+ .btn1 {
+ .search {
+ width: 15px;
+ height: 17px;
+ margin-right: 6px;
+ background-image: url("@/assets/images/coursewareManage/search1.png");
}
}
-
- .stm_table{
- width: 90%;
- margin:30px auto;
- border: 1px solid #F0F4FE;
- .operation{
- display: flex;
- justify-content: center;
- align-items: center;
- 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;
- }
+ .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;
+ 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;
}
}
-
}
}
- .createschooltime{
+ }
+ .createschooltime {
z-index: 999;
width: 679px;
// height: 705px;
- background: #FFFFFF;
- box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
+ background: #ffffff;
+ box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
position: absolute;
left: 50%;
top: 50%;
- transform: translate(-50%,-50%);
+ transform: translate(-50%, -50%);
overflow: auto;
- .cst_header{
- position: absolute;
- width:calc(100%);
- height: 40px;
- background: linear-gradient( rgba(78,166,255,0.2) 0%, rgba(78,166,255,0) 100%);
+ .cst_header {
+ position: absolute;
+ width: calc(100%);
+ height: 40px;
+ background: linear-gradient(
+ rgba(78, 166, 255, 0.2) 0%,
+ rgba(78, 166, 255, 0) 100%
+ );
}
- .cst_main{
- width:calc(100%);
- position: relative;
- .cstm_header{
+ .cst_main {
+ width: calc(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;
+ align-items: center;
+ margin-bottom: 23px;
+ }
+ .items1,
+ .items4 {
+ margin-left: 80px;
+ }
+ .items2 {
+ margin-left: 108px;
+ }
+ .items3,
+ .items5,
+ .items6,
+ .items7,
+ .items8 {
+ margin-left: 86px;
+ }
+ .items9 {
+ margin-left: 115px;
+ text-align: center;
+ margin-bottom: 0;
+ .items9box {
+ display: flex;
+ .upload_box {
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%;
+ cursor: pointer;
+ .upload_icon {
+ width: 16px;
+ height: 16px;
+ background-image: url("@/assets/images/coursewareManage/enclosure.png");
+ background-size: 100% 100%;
+ margin-right: 5px;
}
+ }
}
- .cstm_title{
- margin: 10px auto 20px 51px;
- font-weight: bold;
- }
- .cstm_items{
+ }
+ .items10 {
+ 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;
- margin-bottom: 23px;
- }
- .items1,.items4{
- margin-left: 80px;
- }
- .items2{
- margin-left: 108px;
- }
- .items3,.items5,.items6,.items7,.items8{
- margin-left: 86px;
- }
- .items9{
- margin-left: 115px;
- text-align: center;
- margin-bottom: 0;
- .items9box{
- display: flex;
- .upload_box{
- display: flex;
- cursor: pointer;
- .upload_icon{
- width: 16px;
- height: 16px;
- background-image: url('@/assets/images/coursewareManage/enclosure.png');
- background-size: 100% 100%;
- margin-right: 5px;
- }
- }
- }
- }
- .items10{
- 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;
- }
+ 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;
- }
-
+ }
+ .btn5 {
+ border: 1px solid rgba(64, 158, 255, 1);
+ color: #4ea6ff;
+ }
+ .btn6 {
+ background-color: #4ea6ff;
+ color: #ffffff;
}
}
}
- .studentsmanage{
+ }
+ .studentsmanage {
z-index: 999;
width: 85%;
min-width: 1000px;
// height: 646px;
- background: #FFFFFF;
- box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
+ background: #ffffff;
+ box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
position: absolute;
left: 50%;
top: 50%;
- transform: translate(-50%,-50%);
+ transform: translate(-50%, -50%);
overflow: auto;
- .stm_header{
- position: absolute;
- width:calc(100%);
- height: 40px;
- background: linear-gradient( rgba(78,166,255,0.2) 0%, rgba(78,166,255,0) 100%);
+ .stm_header {
+ position: absolute;
+ width: calc(100%);
+ height: 40px;
+ background: linear-gradient(
+ rgba(78, 166, 255, 0.2) 0%,
+ rgba(78, 166, 255, 0) 100%
+ );
}
- .stm_main{
- width:calc(100%);
- position: relative;
- .stmm_header{
- display: flex;
- align-items: center;
- padding-top: 20px;
- padding-left: 26px;
- font-size: 16px;
- .stum_icon{
- width: 16px;
- height: 16px;
- margin-right: 10px;
- background-image: url(@/assets/images/coursewareManage/stum.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%;
- }
+ .stm_main {
+ width: calc(100%);
+ position: relative;
+ .stmm_header {
+ display: flex;
+ align-items: center;
+ padding-top: 20px;
+ padding-left: 26px;
+ font-size: 16px;
+ .stum_icon {
+ width: 16px;
+ height: 16px;
+ margin-right: 10px;
+ background-image: url(@/assets/images/coursewareManage/stum.png);
+ background-size: 100% 100%;
}
- .stmmitems{
- margin: auto 49px;
- height: 400px;
- overflow: auto;
- .stmm_i1,
- .stmm_i2,
- .stmm_i3,
- .stmm_i4{
- margin: 19px 0;
- }
- .stmm_i5{
+ .close_exit {
+ position: absolute;
+ right: 42px;
+ cursor: pointer;
+ width: 20px;
+ height: 20px;
+ background-image: url(@/assets/images/coursewareManage/close.png);
+ background-size: 100% 100%;
+ }
+ }
+ .stmmitems {
+ margin: auto 49px;
+ height: 400px;
+ overflow: auto;
+ .stmm_i1,
+ .stmm_i2,
+ .stmm_i3,
+ .stmm_i4 {
+ margin: 19px 0;
+ }
+ .stmm_i5 {
+ display: flex;
+ justify-content: space-between;
+ .i5_left {
display: flex;
- justify-content: space-between;
- .i5_left{
+ .stmm_btn {
+ width: 100px;
+ height: 40px;
+ margin-right: 14px;
+ background: #ffffff;
+ border: 1px solid #4ea6ff;
+ border-radius: 8px;
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;
- }
+ align-items: center;
+ justify-content: center;
+ flex-shrink: 0;
+ cursor: pointer;
+ .btnText {
+ color: #4ea6ff;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 40px;
}
}
- .i5_right{
+ .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;
- .stmm_btn {
- width: 100px;
- height: 40px;
- margin-right: 14px;
- background: #ffffff;
- border: 1px solid #4EA6FF;
- border-radius: 8px;
+ 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 {
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;
+ 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%;
}
}
- .btn3 {
- background-color: #4EA6FF;
- }
- .btn4{
+ .btn4_sup {
+ width: 100%;
display: flex;
flex-direction: column;
- 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%;
- }
+ 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_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:hover {
- background: #4EA6FF;
- .export {
- background-image: url("@/assets/images/coursewareManage/export1.png");
- }
- .btnText {
- color: #ffffff;
+ .btn4_op1,
+ .btn4_op2,
+ .btn4_op3 {
+ margin-left: 20px;
}
}
}
- }
- .stmm_i6{
- margin-top:20px;
- .operation,.nselect{
- display: flex;
- justify-content: center;
- color: #4EA6FF;
- font-size: 14px;
- .ops1,.ops2{
- margin-right: 10px;
+ .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;
+ }
+ }
+ }
+ }
+ .stmm_i6 {
+ margin-top: 20px;
+ .operation,
+ .nselect {
+ display: flex;
+ justify-content: center;
+ color: #4ea6ff;
+ font-size: 14px;
+ .ops1,
+ .ops2 {
+ margin-right: 10px;
+ }
}
}
}
+ }
}
}
diff --git a/src/views/learningpath/LearningPath.vue b/src/views/learningpath/LearningPath.vue
index 89a1186b..2c569b82 100644
--- a/src/views/learningpath/LearningPath.vue
+++ b/src/views/learningpath/LearningPath.vue
@@ -64,7 +64,7 @@
-
+
@@ -2135,58 +2125,56 @@ export default defineComponent({
state.tableData = data2;
};
getTableDate2();
-
const getTableDate3 = () => {
let datas = state.tableData6;
datas.map((value) => {
{
//单层项目
- value.operation = (
+ value.operation = (
删除
-
-
签到
-
- 编辑
-
- {
- state.sm_hs = true;
- }}>管理
-
-
-
-
-
-
-
-
-
+ 复制
- {
- console.log("点击了");
- }}
- >
- 取消
-
- 签到
+ 编辑
+ {
+ state.sm_hs = true;
+ }}
+ >
+ 管理
+
+
+
+
+
+
+
+
+
复制
+ {
+ console.log("点击了");
+ }}
+ >
+ 取消
+
+
+
-
-
- 
-
-
- 创建路径
-
- 
-
-
-
-
-
+
+
+
+
+
+
-
-
+ 创建路径
+
路径图名称
-
-
{{ valuei.length }}/20
-
-
-
-
-
- 路径图背景
-
-
-
-
+
+
+
-
+
-
+
+
+
+ 路径图名称
+
+
{{ valueE.length }}/20
-
- 路径说明
-
-
- {{ valuei.length }}/150
+
+
+
+
+
+
+ 路径图背景
+
+
+
+
+
+
+
+
+ 路径说明
+
+
+ {{ valuei.length }}/150
+
+
+
-
-
-
-