diff --git a/src/api/index1.js b/src/api/index1.js index ced2867e..e72c8d52 100644 --- a/src/api/index1.js +++ b/src/api/index1.js @@ -220,6 +220,8 @@ export const cancelOrAuth = (obj) => http.post('/admin/certificate/cancelOrAuth' export const allPoints = (obj) => http.get('/points/project/allPoints', { params: obj }) export const updateStuCert = (obj) => http.post('/admin/certificate/updateStuCert', obj) +//添加外部考试 +export const createExamination = (obj) => http.post('/examination/createExamination', obj) // 外部考试导入成绩 export const ImportExternalExamScore = (obj) => http.post('/admin/external/exam/manage/importExternalExamScore', obj, { headers: { "Content-Type": "multipart/form-data" } }) //分组 diff --git a/src/components/drawers/AddLive.vue b/src/components/drawers/AddLive.vue index 7c46804a..bc5bbb1b 100644 --- a/src/components/drawers/AddLive.vue +++ b/src/components/drawers/AddLive.vue @@ -3,151 +3,91 @@
- +
{{ taskIndex >= 0 ? "编辑" : "添加" }}直播
- +
- +
直播名称:
- +
- +
直播链接:
- +
- +
直播时间:
- +
- +
直播时长:
- + 分钟
- +
授课老师:
- + +
- +
直播封面:
- - avatar + + avatar
@@ -157,9 +97,7 @@
- 支持图片格式为jpg/jpeg/png 图片最大为2MB + 支持图片格式为jpg/jpeg/png 图片最大为2MB
@@ -167,22 +105,13 @@
- +
直播公告:
- +
@@ -191,10 +120,7 @@ 回放设置:
- +
@@ -203,12 +129,8 @@ 回放链接:
- +
@@ -218,14 +140,8 @@ 直播说明:
- +
@@ -242,39 +158,23 @@
直播开始前: - - 分钟允许签到 + + 分钟允许签到
直播开始后: - - 分钟允许签到 + + 分钟允许签到
@@ -284,18 +184,14 @@ 评估:
- 需要评估 + 需要评估
- + @@ -428,6 +324,8 @@ const rulesRef = ref({ const { resetFields, validate } = Form.useForm(formData, rulesRef); const closeDrawer = () => { + formData.value.liveCover = ""; + imageUrl.value = ""; visible.value = false; taskIndex.value = -1; dateTime.value = []; @@ -467,16 +365,17 @@ async function confirm() { if (taskIndex.value === -1) { let list = props.taskList list.push( - {name: formData.value.liveName, - type: props.type, - info: {...formData.value}, - duration:dayjs(formData.value.liveEndTime).diff(formData.value.liveStartTime,'minutes') - }) + { + name: formData.value.liveName, + type: props.type, + info: { ...formData.value }, + duration: dayjs(formData.value.liveEndTime).diff(formData.value.liveStartTime, 'minutes') + }) } else { const data = props.taskList[taskIndex.value]; data.name = formData.value.liveName; data.info = formData.value; - data.duration = dayjs(formData.value.liveEndTime).diff(formData.value.liveStartTime,'minutes') + data.duration = dayjs(formData.value.liveEndTime).diff(formData.value.liveStartTime, 'minutes') } emit("update:taskList", [...props.taskList]); @@ -484,8 +383,10 @@ async function confirm() { } function openDrawer(i, row) { + console.log(i, row) row && (formData.value = { ...row.info }); row && (dateTime.value = [row.info.liveStartTime, row.info.liveEndTime]); + row && (imageUrl.value = row.info.liveCover); i >= 0 && (taskIndex.value = i); visible.value = true; } @@ -506,9 +407,10 @@ const beforeUpload = (file) => { return false; } - let isLt1M = file.size / 10240 / 10240 <= 1; + let isLt1M = file.size < 2097152; + console.log(file.size, isLt1M) if (!isLt1M) { - this.$message.error("图片大小超过10MB!"); + message.error("图片大小超过2MB!"); return false; } diff --git a/src/components/drawers/AddTest.vue b/src/components/drawers/AddTest.vue index 78cccd04..4f29790c 100644 --- a/src/components/drawers/AddTest.vue +++ b/src/components/drawers/AddTest.vue @@ -2,71 +2,45 @@
- +
{{ taskIndex >= 0 ? "编辑" : "添加" }}考试
- +
- -
-
+
- +
考试名称:
- +
- +
选择试卷:
@@ -87,65 +61,40 @@
- +
考试时间:
- +
- +
考试时长:
- + 分钟
- +
及格线:
- +
@@ -155,15 +104,8 @@ 考试说明:
- +
@@ -174,21 +116,12 @@
允许重复考试: - - 次,-1表示无限制 + + 次,-1表示无限制
@@ -199,11 +132,7 @@ 显示答案:
- + 允许查看 不允许查看 @@ -214,11 +143,7 @@ 显示解析:
- + 允许查看 不允许查看 @@ -229,11 +154,7 @@ 评分模式:
- + 最高一次 最后一次 @@ -246,11 +167,8 @@ 试题排列:
- + 试题乱序 选项乱序 全部乱序 @@ -266,39 +184,25 @@
- +
考试名称:
- +
- +
数据来源:
- +
@@ -306,14 +210,8 @@ 考试说明:
- +
@@ -326,10 +224,11 @@ diff --git a/src/views/learningpath/LearningPath.vue b/src/views/learningpath/LearningPath.vue index 88dc4fc5..958b336f 100644 --- a/src/views/learningpath/LearningPath.vue +++ b/src/views/learningpath/LearningPath.vue @@ -87,39 +87,77 @@
-
+
- @@ -2223,6 +1667,24 @@ export default {
), }, + { + title: "岗位", + dataIndex: "studentJobName", + key: "studentJobName", + width: 80, + align: "center", + className: "h", + ellipsis: true + }, + { + title: "证书数量", + dataIndex: "certCount", + key: "certCount", + width: 80, + align: "center", + className: "h", + ellipsis: true + }, { title: "状态", dataIndex: "status", @@ -2236,8 +1698,8 @@ export default { {record.finishTaskNum == 0 ? "未开始" : record.finishTaskNum == record.totalTaskNum - ? "已完成" - : "进行中"} + ? "已完成" + : "进行中"}
), }, @@ -2385,7 +1847,7 @@ export default { inputValue3: 5, valueaddm: "", //创建小组输入小组长 valueaddg: "", //创建小组输入名称 - groupInfo: {leaderName:'',leaderId:''}, //创建小组 + groupInfo: { leaderName: '', leaderId: '' }, //创建小组 groupPageList: [], //小组列表 groupNumber: 0, //组员人数 valuestun: "", //学员管理姓名 @@ -3027,16 +2489,16 @@ export default { }; //点击确定创建小组 const createG = () => { - if(!state.groupInfo.groupName){ + if (!state.groupInfo.groupName) { return message.warning("请输入小组名称"); } - if(!state.groupInfo.leaderId){ + if (!state.groupInfo.leaderId) { return message.warning("请选择小组长"); } - if(!state.groupInfo.leaderName){ + if (!state.groupInfo.leaderName) { return message.warning("请选择小组长"); } - if(!state.groupInfo.groupMemberCount){ + if (!state.groupInfo.groupMemberCount) { return message.warning("请输入组员数量"); } createGroup(); @@ -3454,7 +2916,7 @@ export default {
{ - {/* console.log("点击了111", text); */} + {/* console.log("点击了111", text); */ } showDeleteOne(text.record.studentId); }} > @@ -3649,12 +3111,12 @@ export default { value.source == 0 ? "报名加入" : value.source == 1 - ? "指定添加" - : value.source == 2 - ? "组织添加" - : value.source == 3 - ? "受众添加" - : "-", //加入方式 + ? "指定添加" + : value.source == 2 + ? "组织添加" + : value.source == 3 + ? "受众添加" + : "-", //加入方式 stutime: toDate(value.beginStudyTime, "Y-M-D"), //开始学习时间 }; array.push(obj); @@ -3675,7 +3137,7 @@ export default { leaderId: value.leaderId, //组长id leaderName: value.leaderName, //组长名称 groupMemberCount: value.groupMemberCount, //组员人数 == 1 ? "指定添加" : "随机分组", - source: value.source , + source: value.source, completeTaskCnt: value.completeTaskCnt, //完成任务数 totalTaskCnt: value.totalTaskCnt, //累计任务数 completeRatio: value.completeRatio ? value.completeRatio : 0, //完成比例 @@ -3698,10 +3160,10 @@ export default { state.valuegood == "优秀学员" ? 1 : state.valuegood == "普通学员" - ? 0 - : state.valuegood == "全部" - ? "" - : "", + ? 0 + : state.valuegood == "全部" + ? "" + : "", }; //重新获取列表 getStu(obj); @@ -3767,6 +3229,7 @@ export default { state.total = res.data.data.total; let arr = res.data.data.rows; getTableDataList(arr); + // state.loading = false; }) .catch((err) => { @@ -3840,26 +3303,33 @@ export default { pageSize: 10, projectId: state.projectId, }; - getGroupList(objf).then((res) => {state.groupPageList = res.data.data.rows}) + getGroupList(objf).then((res) => { + state.groupPageList = res.data.data.rows; + setGroupList(res.data.data.rows) + }) }; //删除小组 const deleteGroupBtn = (projectGroupId) => { - deleteGroup({projectGroupId}).then(() => { + deleteGroup({ projectGroupId }).then(() => { message.success("删除小组成功"); getGroup(); }); }; //创建小组 const createGroup = async () => { - console.log("state.groupPageList"+ state.groupPageList) + console.log("state.groupPageList" + state.groupPageList) const d = state.groupPageList.filter(item => item.leaderId === state.groupInfo.leaderId); - if(d.length > 0) { - return message.warn(d[0].leaderName+"已是小组长,请重新选择"); + const id = state.groupInfo.id; + // 过滤掉编辑时候,只修改了组员最大值时候 + if(id !== d[0].id) { + if (d.length > 0 ) { + return message.warn(d[0].leaderName + "已是小组长,请重新选择"); + } } - const id = state.groupInfo.id - await editGroup({...state.groupInfo,projectId:state.projectId}) - message.success(id?'小组编辑成功':"小组创建成功"); + await editGroup({ ...state.groupInfo, projectId: state.projectId }) + message.success(id ? '小组编辑成功' : "小组创建成功"); getGroup(); + console.log("state.groupPageList:") getStu(); }; //搜索小组重置 @@ -4072,14 +3542,14 @@ export default { state.action == 2 ? "发布" : state.action == 0 - ? "提交审核" - : state.action == 1 - ? "撤回审核" - : state.action == 3 - ? "撤回发布" - : state.action == -1 - ? "" - : "-"; + ? "提交审核" + : state.action == 1 + ? "撤回审核" + : state.action == 3 + ? "撤回发布" + : state.action == -1 + ? "" + : "-"; }); }; //打开发布弹窗 @@ -4101,7 +3571,7 @@ export default { //获取学员总数 let obj = { pageNo: 0, - pageSize: 0, + pageSize: 10, pid: state.projectId, type: 1, }; @@ -4362,36 +3832,36 @@ export default { status == -1 ? (isEnd = true) : nowTime > endTime - ? (isEnd = true) - : (isEnd = false); + ? (isEnd = true) + : (isEnd = false); break; case 3: status == -1 ? (isEnd = true) : nowTime > endTime - ? (isEnd = true) - : (isEnd = false); + ? (isEnd = true) + : (isEnd = false); break; case 5: status == -1 ? (isEnd = true) : nowTime > endTime - ? (isEnd = true) - : (isEnd = false); + ? (isEnd = true) + : (isEnd = false); break; case 7: status == -1 ? (isEnd = true) : nowTime > endTime - ? (isEnd = true) - : (isEnd = false); + ? (isEnd = true) + : (isEnd = false); break; case 10: status == -1 ? (isEnd = true) : nowTime > endTime - ? (isEnd = true) - : (isEnd = false); + ? (isEnd = true) + : (isEnd = false); break; } return isEnd; @@ -4410,9 +3880,9 @@ export default { return message.error("该任务无法学习,请联系管理员进行替换。"); window.open( window.location.protocol + - import.meta.env.VUE_APP_BOE_API_URL + - "/mobile/pages/study/courseStudy?id=" + - item.targetId, + import.meta.env.VUE_APP_BOE_API_URL + + "/mobile/pages/study/courseStudy?id=" + + item.targetId, "_top" ); } @@ -4778,27 +4248,28 @@ export default { display: table; clear: both; } + .ant-upload.ant-upload-select-picture-card { width: 170px; height: 200px; } + .pubproject { .ant-modal { .ant-modal-body { .modalHeader { - background: linear-gradient( - rgba(78, 166, 255, 0.2) 0%, - rgba(78, 166, 255, 0) 100% - ); + background: linear-gradient(rgba(78, 166, 255, 0.2) 0%, + rgba(78, 166, 255, 0) 100%); } + padding: 0; + .modalHeader { - 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%); } + .modalMain { .projectname { color: rgba(79, 81, 86, 1); @@ -4807,33 +4278,37 @@ export default { margin-left: 62px; font-weight: 500; } + .projecttime { margin-left: 221px; + .timeti { color: rgba(153, 155, 163, 1); font-size: 14px; line-height: 36px; } + .timeme { color: rgba(79, 81, 86, 1); font-size: 14px; line-height: 36px; } } + .projectbox { margin-top: 26px; display: flex; justify-content: center; + .promessage { width: 280px; height: 110px; - background: linear-gradient( - 180deg, - rgba(254, 243, 221, 1), - rgba(255, 250, 240, 1) - ); + background: linear-gradient(180deg, + rgba(254, 243, 221, 1), + rgba(255, 250, 240, 1)); border-radius: 10px; margin-right: 7px; + .messageme { color: rgba(255, 182, 78, 1); font-size: 14px; @@ -4841,21 +4316,22 @@ export default { margin-top: 17px; margin-left: 30px; } + .messagege { color: rgba(153, 155, 163, 1); font-size: 14px; margin-left: 30px; } } + .stumessage { width: 280px; height: 110px; - background: linear-gradient( - 180deg, - rgba(221, 234, 255, 1), - rgba(240, 248, 254, 1) - ); + background: linear-gradient(180deg, + rgba(221, 234, 255, 1), + rgba(240, 248, 254, 1)); border-radius: 10px; + .messageme1 { color: rgba(78, 166, 255, 1); font-size: 14px; @@ -4863,6 +4339,7 @@ export default { margin-top: 17px; margin-left: 30px; } + .messagege1 { color: rgba(153, 155, 163, 1); font-size: 14px; @@ -4870,30 +4347,37 @@ export default { } } } + .send { margin-top: 30px; margin-left: 61px; + .sendtext { margin-left: 11px; color: rgba(109, 117, 132, 1); font-size: 14px; } } + .ckb { margin-top: 20px; margin-left: 62px; + .sendpeo { color: rgba(109, 117, 132, 1); font-size: 14px; } + .ant-checkbox-inner { border-radius: 4px; } } + .pubtn { display: flex; justify-content: center; margin-top: 25px; + //margin-bottom: 29px; .pubtn1 { width: 100px; @@ -4908,6 +4392,7 @@ export default { align-items: center; background: rgba(255, 255, 255, 1); } + .pubtn2 { width: 100px; height: 40px; @@ -4925,6 +4410,7 @@ export default { } } } + .xkbtn11 { cursor: pointer; width: 130px; @@ -4936,21 +4422,26 @@ export default { color: #fff; margin-top: 24px; } + .canclestu { .ant-modal { width: 424px !important; height: 258px !important; + .ant-modal-content { width: 424px !important; height: 258px !important; + .ant-modal-close { margin-right: 18px; margin-top: 5px; } + .ant-modal-body { width: 424px !important; height: 258px !important; padding: 0 !important; + .delete { z-index: 999; width: 424px; @@ -4958,6 +4449,7 @@ export default { background: #ffffff; box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); border-radius: 4px; + // position: absolute; // left: 50%; // top: 10%; @@ -4966,20 +4458,21 @@ export default { position: absolute; width: calc(100%); height: 68px; - background: linear-gradient( - rgba(78, 166, 255, 0.2) 0%, - rgba(78, 166, 255, 0) 100% - ); + background: linear-gradient(rgba(78, 166, 255, 0.2) 0%, + rgba(78, 166, 255, 0) 100%); } + .del_main { width: 100%; position: relative; + .header { display: flex; align-items: center; padding-top: 20px; padding-left: 26px; font-size: 16px; + .icon1 { width: 16px; height: 16px; @@ -4987,6 +4480,7 @@ export default { background-image: url(@/assets/images/coursewareManage/QR.png); background-size: 100% 100%; } + .close_exit { position: absolute; right: 42px; @@ -4997,6 +4491,7 @@ export default { background-size: 100% 100%; } } + .body { width: 100%; margin: 34px auto 56px auto; @@ -5006,6 +4501,7 @@ export default { flex-direction: column; // background-color: red; position: relative; + .back { position: absolute; top: 30px; @@ -5014,10 +4510,12 @@ export default { color: #666666; } } + .del_btnbox { display: flex; margin: 30px auto; justify-content: center; + .del_btn { width: 100px; height: 40px; @@ -5028,17 +4526,20 @@ export default { justify-content: center; 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; margin-right: 14px; } + .btn2 { background-color: #4ea6ff; color: #ffffff; @@ -5050,17 +4551,21 @@ export default { } } } + .CopyModal { .ant-modal { width: 424px !important; height: 258px !important; + .ant-modal-content { width: 424px !important; height: 258px !important; + .ant-modal-body { width: 424px !important; height: 258px !important; padding: 0 !important; + .delete { z-index: 999; width: 424px; @@ -5068,6 +4573,7 @@ export default { background: #ffffff; box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); border-radius: 4px; + // position: absolute; // left: 50%; // top: 10%; @@ -5076,20 +4582,21 @@ export default { position: absolute; width: calc(100%); height: 68px; - background: linear-gradient( - rgba(78, 166, 255, 0.2) 0%, - rgba(78, 166, 255, 0) 100% - ); + background: linear-gradient(rgba(78, 166, 255, 0.2) 0%, + rgba(78, 166, 255, 0) 100%); } + .del_main { width: 100%; position: relative; + .header { display: flex; align-items: center; padding-top: 20px; padding-left: 26px; font-size: 16px; + .icon { width: 16px; height: 16px; @@ -5097,6 +4604,7 @@ export default { background-image: url(@/assets/images/coursewareManage/QR.png); background-size: 100% 100%; } + .close_exit { position: absolute; right: 42px; @@ -5107,6 +4615,7 @@ export default { background-size: 100% 100%; } } + .body { width: 100%; margin: 34px auto 56px auto; @@ -5116,6 +4625,7 @@ export default { flex-direction: column; // background-color: red; position: relative; + .back { position: absolute; top: 30px; @@ -5124,10 +4634,12 @@ export default { color: #666666; } } + .del_btnbox { display: flex; margin: 30px auto; justify-content: center; + .del_btn { width: 100px; height: 40px; @@ -5138,17 +4650,20 @@ export default { justify-content: center; 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; margin-right: 14px; } + .btn2 { background-color: #4ea6ff; color: #ffffff; @@ -5160,21 +4675,26 @@ export default { } } } + .canclestu1 { .ant-modal { width: 424px !important; height: 258px !important; + .ant-modal-content { width: 424px !important; height: 258px !important; + .ant-modal-close { margin-right: 18px; margin-top: 5px; } + .ant-modal-body { width: 424px !important; height: 258px !important; padding: 0 !important; + .delete { z-index: 999; width: 424px; @@ -5182,6 +4702,7 @@ export default { background: #ffffff; box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); border-radius: 4px; + // position: absolute; // left: 50%; // top: 10%; @@ -5190,20 +4711,21 @@ export default { position: absolute; width: calc(100%); height: 68px; - background: linear-gradient( - rgba(78, 166, 255, 0.2) 0%, - rgba(78, 166, 255, 0) 100% - ); + background: linear-gradient(rgba(78, 166, 255, 0.2) 0%, + rgba(78, 166, 255, 0) 100%); } + .del_main { width: 100%; position: relative; + .header { display: flex; align-items: center; padding-top: 20px; padding-left: 26px; font-size: 16px; + .icon1 { width: 16px; height: 16px; @@ -5211,6 +4733,7 @@ export default { background-image: url(@/assets/images/coursewareManage/notice.png); background-size: 100% 100%; } + .close_exit { position: absolute; right: 42px; @@ -5221,6 +4744,7 @@ export default { background-size: 100% 100%; } } + .body { width: 100%; margin: 34px auto 56px auto; @@ -5230,6 +4754,7 @@ export default { flex-direction: column; // background-color: red; position: relative; + .back { position: absolute; top: 30px; @@ -5238,10 +4763,12 @@ export default { color: #666666; } } + .del_btnbox { display: flex; margin: 30px auto; justify-content: center; + .del_btn { width: 100px; height: 40px; @@ -5252,17 +4779,20 @@ export default { justify-content: center; 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; margin-right: 14px; } + .btn2 { background-color: #4ea6ff; color: #ffffff; @@ -5274,21 +4804,23 @@ export default { } } } + .doublepro { .ant-modal { .ant-modal-body { .modalHeader { - 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%); } + padding: 0; + .modalMain { display: flex; flex-direction: column; align-items: center; + .name { width: 78%; // background-color: lightcoral; @@ -5297,26 +4829,31 @@ export default { margin-top: 32px; align-items: center; height: 40px; + // border: 1px solid black; .inname { color: #000000; font-size: 14px; margin-left: 7px; } + .in { margin-left: 14px; width: 81%; + .ant-input { border-radius: 5px; // height: 120%; width: 100%; height: 30px; } + .ant-select { border-radius: 5px; // height: 120%; width: 100%; height: 40px; + .ant-select-selector { border-radius: 8px; // height: 120%; @@ -5326,10 +4863,12 @@ export default { } } } + .pubtn { display: flex; justify-content: center; margin-top: 25px; + //margin-bottom: 29px; .pubtn1 { width: 100px; @@ -5344,6 +4883,7 @@ export default { align-items: center; background: rgba(255, 255, 255, 1); } + .pubtn2 { width: 100px; height: 40px; @@ -5361,16 +4901,17 @@ export default { } } } + .projectPub { .ant-modal { .ant-modal-body { padding: 0; + .modalHeader { - background: linear-gradient( - rgba(78, 166, 255, 0.2) 0%, - rgba(78, 166, 255, 0) 100% - ); + background: linear-gradient(rgba(78, 166, 255, 0.2) 0%, + rgba(78, 166, 255, 0) 100%); } + .modalMain { .projectname { color: rgba(79, 81, 86, 1); @@ -5380,33 +4921,37 @@ export default { font-weight: 500; text-align: center; } + .projecttime { margin-left: 221px; + .timeti { color: rgba(153, 155, 163, 1); font-size: 14px; line-height: 36px; } + .timeme { color: rgba(79, 81, 86, 1); font-size: 14px; line-height: 36px; } } + .projectbox { margin-top: 26px; display: flex; justify-content: center; + .promessage { width: 280px; height: 110px; - background: linear-gradient( - 180deg, - rgba(254, 243, 221, 1), - rgba(255, 250, 240, 1) - ); + background: linear-gradient(180deg, + rgba(254, 243, 221, 1), + rgba(255, 250, 240, 1)); border-radius: 10px; margin-right: 7px; + .messageme { color: rgba(255, 182, 78, 1); font-size: 14px; @@ -5414,21 +4959,22 @@ export default { margin-top: 17px; margin-left: 30px; } + .messagege { color: rgba(153, 155, 163, 1); font-size: 14px; margin-left: 30px; } } + .stumessage { width: 280px; height: 110px; - background: linear-gradient( - 180deg, - rgba(221, 234, 255, 1), - rgba(240, 248, 254, 1) - ); + background: linear-gradient(180deg, + rgba(221, 234, 255, 1), + rgba(240, 248, 254, 1)); border-radius: 10px; + .messageme1 { color: rgba(78, 166, 255, 1); font-size: 14px; @@ -5436,6 +4982,7 @@ export default { margin-top: 17px; margin-left: 30px; } + .messagege1 { color: rgba(153, 155, 163, 1); font-size: 14px; @@ -5443,30 +4990,37 @@ export default { } } } + .send { margin-top: 30px; margin-left: 61px; + .sendtext { margin-left: 11px; color: rgba(109, 117, 132, 1); font-size: 14px; } } + .ckb { margin-top: 20px; margin-left: 62px; + .sendpeo { color: rgba(109, 117, 132, 1); font-size: 14px; } + .ant-checkbox-inner { border-radius: 4px; } } + .pubtn { display: flex; justify-content: center; margin-top: 25px; + //margin-bottom: 29px; .pubtn1 { width: 100px; @@ -5481,6 +5035,7 @@ export default { align-items: center; background: rgba(255, 255, 255, 1); } + .pubtn2 { width: 100px; height: 40px; @@ -5498,10 +5053,12 @@ export default { } } } + .taskpage { width: 100%; display: flex; flex-direction: column; + //position: relative; .addhead { width: 100%; @@ -5511,27 +5068,32 @@ export default { justify-content: space-between; align-items: center; position: relative; + .leftimg { width: 151px; height: 100px; border: 10px solid #e7f2ff; border-radius: 8px; margin-left: 20px; + .img { width: 100%; height: 100%; } } + .imgfor { margin-left: 32px; display: flex; flex: 1; flex-direction: column; + .forz { color: #363636; font-weight: 600; font-size: 16px; } + .fort { display: flex; flex-wrap: wrap; @@ -5540,11 +5102,13 @@ export default { margin-top: 2px; } } + @media screen and (max-width: 1030px) { .imgfor { margin-left: 20px; } } + .right { // width: 500px; height: 100%; @@ -5553,22 +5117,26 @@ export default { //right: 0; display: flex; align-items: center; + .img1 { width: 24px; height: 24px; margin-right: 50px; } + .line { height: 65%; width: 1px; background-color: #e8effa; margin-right: 28px; } + .img2 { width: 42px; height: 42px; margin-right: 10px; } + .pub { color: #ffb64e; font-size: 14px; @@ -5576,18 +5144,21 @@ export default { margin-right: 30px; cursor: pointer; } + .return { color: #4ea6ff; font-size: 14px; margin-top: 10px; margin-right: 60px; } + .more { position: relative; margin-right: 30px; height: 30px; display: flex; align-items: center; + .moreArrow { width: 13px; height: 7px; @@ -5597,6 +5168,7 @@ export default { margin: 2px; margin-left: 15px; } + .moreItems { width: 110px; // height: 80px; @@ -5611,50 +5183,63 @@ export default { top: 30px; z-index: 100; cursor: pointer; + .sammo { text-align: center; margin-top: 12px; cursor: pointer; } + .sammo:hover { color: #4ea6ff; } } + .moreItems:hover { display: block; } } + @media screen and (max-width: 1240px) { .line { margin-right: 10px; } + .img1 { margin-right: 15px; } + .img2 { margin-right: 10px; } + .return { margin-right: 10px; } + .pub { margin-right: 10px; } + .more { margin-right: 10px; } } + .more:hover .moreArrow { background-image: url("../../assets/images/navtop/up.png"); } + .more:hover .moreItems { display: block; } } } + .tableBox { margin: 20px 38px 30px; - .ant-table-thead > tr > th { + + .ant-table-thead>tr>th { font-size: 14px; font-weight: 400; color: #999ba3; @@ -5663,23 +5248,28 @@ export default { background-color: #eff4fc; } } + .split { width: 100%; height: 20px; background-color: #edf0f5; } + .content { + //margin: 0 37px; - .ant-tabs-top > .ant-tabs-nav::before, - .ant-tabs-bottom > .ant-tabs-nav::before, - .ant-tabs-top > div > .ant-tabs-nav::before, - .ant-tabs-bottom > div > .ant-tabs-nav::before { + .ant-tabs-top>.ant-tabs-nav::before, + .ant-tabs-bottom>.ant-tabs-nav::before, + .ant-tabs-top>div>.ant-tabs-nav::before, + .ant-tabs-bottom>div>.ant-tabs-nav::before { border-bottom: 0px; } + .ant-tabs-nav-wrap { margin-left: 30px; margin-top: 10px; } + .onerow { //width: 100%; display: flex; @@ -5687,12 +5277,14 @@ export default { position: relative; margin-top: 15px; margin-left: 38px; + //margin-right: 38px; .taskmain { font-size: 18px; padding-top: 7px; color: #000000; } + .btn { position: absolute; top: 0; @@ -5705,6 +5297,7 @@ export default { color: #ffffff; cursor: pointer; } + .edit { position: absolute; right: 38px; @@ -5715,31 +5308,37 @@ export default { height: 40px; border: 1px solid #4ea6ff; border-radius: 8px; + .editimg { width: 15px; height: 15px; margin-top: -2px; margin-right: 5px; } + .editext { line-height: 40px; } } + .edit:hover { color: #ffffff; background-color: #4ea6ff; cursor: pointer; + .editimg { background-image: url("../../assets/images/projectadd/edit1.png"); } } } + .second { display: flex; justify-content: left; flex-wrap: wrap; margin-top: 40px; margin-left: 20px; + .nubbox { width: 253px; height: 116px; @@ -5751,16 +5350,19 @@ export default { background: #fafbfc; border-radius: 10px; margin-left: 15px; + .nub1 { color: #ffb54a; font-size: 30px; font-weight: 700; } + .nub2 { color: #6d7584; font-size: 14px; } } + .taskbox { width: 412px; height: 160px; @@ -5769,21 +5371,25 @@ export default { margin-left: 68px; margin-bottom: 40px; cursor: pointer; + .leftt { position: absolute; top: 18px; left: 0; } + .photo { position: absolute; top: 42px; left: 37px; } + .rightt { position: absolute; top: 69px; right: 26px; } + .centerbox { position: absolute; top: 52px; @@ -5792,6 +5398,7 @@ export default { font-weight: 700; //line-height: 36px; } + .centermain { color: rgba(135, 139, 146, 1); font-size: 14px; @@ -5801,9 +5408,11 @@ export default { } } } + .stagemess { display: flex; margin-left: 38px; + .stage1 { width: 100px; height: 33px; @@ -5817,6 +5426,7 @@ export default { margin-top: 19px; cursor: pointer; } + .stage2 { width: 100px; height: 33px; @@ -5832,67 +5442,82 @@ export default { cursor: pointer; } } + .stagesecond { display: flex; margin-left: 39px; margin-top: 29px; + .staname { color: #999ba3; font-size: 14px; } + .stamess { color: #4f5156; font-size: 14px; } } + .stagelast { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 55px; + .stagepro { display: flex; flex-direction: column; align-items: center; margin-top: 55px; margin-right: 120px; + .ant-progress-circle-path { stroke: #4ea6ff; } + .ant-progress-text { color: #4ea6ff; font-weight: 700; } + .protext { color: #6d7584; font-size: 14px; margin-top: 25px; } } + .proright { width: 500px; margin-top: 55px; margin-left: 50px; + .ant-progress-bg { height: 24px !important; background: #4ea6ff; } + .ant-progress-inner { height: 24px; } + .pronub { color: #4ea6ff; font-size: 14px; margin: 5px 0; } + .proright1 { display: flex; justify-content: right; + .textpro { color: #6d7584; font-size: 14px; margin-right: 20px; } + .ant-progress-text { color: #4ea6ff; font-size: 14px; @@ -5901,21 +5526,26 @@ export default { } } } + .taskSyllabus { // flex: 1; overflow-x: auto; + .ant-collapse { border: 0px; background-color: rgba(255, 255, 255, 0); min-width: 1040px; } - .ant-collapse-content > .ant-collapse-content-box { + + .ant-collapse-content>.ant-collapse-content-box { padding-top: 0px; padding-bottom: 0px; } - .ant-collapse > .ant-collapse-item { + + .ant-collapse>.ant-collapse-item { border: 0px; } + .ant-collapse-header { display: flex; height: 49px; @@ -5928,14 +5558,17 @@ export default { font-weight: 400; color: #4ea6ff; line-height: 36px; + .ant-collapse-arrow { margin-left: 15px !important; } } + .ant-collapse-content { border-top: 0px; } } + .taskbox { width: 412px; height: 160px; @@ -5945,21 +5578,25 @@ export default { margin-bottom: 40px; margin-top: 32px; cursor: pointer; + .leftt { position: absolute; top: 18px; left: 0; } + .photo { position: absolute; top: 42px; left: 37px; } + .rightt { position: absolute; top: 69px; right: 26px; } + .centerbox { position: absolute; top: 52px; @@ -5968,6 +5605,7 @@ export default { font-weight: 700; //line-height: 36px; } + .centermain { color: rgba(135, 139, 146, 1); font-size: 14px; @@ -5976,6 +5614,7 @@ export default { bottom: 49px; } } + .stage { display: flex; height: 49px; @@ -5984,9 +5623,11 @@ export default { margin-top: 20px; margin-left: 38px; margin-right: 38px; + .stageimg { margin-left: 31px; } + .stagename { color: #4ea6ff; font-size: 16px; @@ -5994,6 +5635,7 @@ export default { line-height: 36px; } } + .course { //width: 100%; flex-shrink: 0; @@ -6006,6 +5648,7 @@ export default { //margin: 0 12px; border: 1px solid #f2f6fc; border-top: 0px; + .first { //position: relative; display: flex; @@ -6015,12 +5658,14 @@ export default { margin-left: 12px; margin-right: 50px; width: 120px; + .iconame { //position: absolute; color: #4f5156; font-size: 16px; margin-left: 4px; } + .icontext { //positipn: absolute; color: #999ba3; @@ -6032,12 +5677,14 @@ export default { white-space: nowrap; } } + .type { //height: 71px; display: flex; flex-grow: 1; align-items: center; margin-right: 50px; + .typename { width: 63px; height: 23px; @@ -6047,6 +5694,7 @@ export default { border-radius: 4px; text-align: center; } + .typename1 { width: 63px; height: 23px; @@ -6057,29 +5705,35 @@ export default { text-align: center; } } + .time { //height: 71px; flex-grow: 1; margin-right: 50px; width: 100px; + .timetext { font-size: 14px; color: #999ba3; } } + .progress { width: 168px; margin-left: 10px; margin-right: 50px; flex-grow: 1; + .progresstext { color: #ffc067; font-size: 14px; } } + .operations { display: flex; width: 240px; + //flex-grow: 1; .operation { color: #4ea6ff; @@ -6092,30 +5746,37 @@ export default { } } } + .content3 { margin-top: 20px; + .ant-tabs-tab-btn { font-size: 18px; font-weight: 700; } + .group { display: flex; + .groupleft { display: flex; flex-wrap: wrap; align-items: center; margin-left: 32px; + .groupname { height: 22px; width: 70px; color: #000000; font-size: 14px; } + .ant-input { border-radius: 8px; width: 264px; height: 40px; } + .ant-select-selector { border-radius: 8px; width: 264px; @@ -6123,9 +5784,11 @@ export default { padding-top: 5px; } } + .groupright { display: flex; margin-left: 48px; + .btn1 { width: 100px; height: 40px; @@ -6137,12 +5800,14 @@ export default { border-radius: 8px; background: #4ea6ff; cursor: pointer; + .btn1text { color: #ffffff; margin-left: 5px; font-size: 14px; } } + .btn2 { width: 100px; height: 40px; @@ -6154,6 +5819,7 @@ export default { border-radius: 8px; cursor: pointer; background: #ffffff; + .btn2text { color: #4ea6ff; margin-left: 5px; @@ -6162,9 +5828,11 @@ export default { } } } + .second2 { display: flex; margin: 30px 0 0 32px; + .btn1 { width: 130px; height: 40px; @@ -6176,12 +5844,14 @@ export default { border-radius: 8px; background: #4ea6ff; cursor: pointer; + .btn1text { color: #ffffff; margin-left: 5px; font-size: 14px; } } + .btn2 { width: 130px; height: 40px; @@ -6193,6 +5863,7 @@ export default { border-radius: 8px; cursor: pointer; background: #ffffff; + .btn2text { color: #4ea6ff; margin-left: 5px; @@ -6200,6 +5871,7 @@ export default { } } } + .talk { margin-top: 24px; margin-left: 32px; @@ -6213,28 +5885,34 @@ export default { // opacity: 0.22; display: flex; align-items: center; + .im { width: 14px; height: 15px; margin-left: 17px; } + .xu { height: 100%; line-height: 40px; margin-left: 13px; + .yi { color: #4f5156; font-size: 14px; } + .zon { color: #999ba3; font-size: 14px; margin-left: 34px; } + .th { color: #4ea6ff; } } + .clear { cursor: pointer; font-size: 14px; @@ -6244,25 +5922,29 @@ export default { right: 20px; } } + .tab { - .ant-table-thead > tr > th { + .ant-table-thead>tr>th { background-color: rgba(239, 244, 252, 1); color: rgba(0, 0, 0, 0.85); } - .ant-table-tbody > tr > td { + + .ant-table-tbody>tr>td { border-bottom: 1px solid #f0f6fc; color: rgba(0, 0, 0, 0.65); } + th.h { background-color: #eff4fc !important; } - .ant-table-tbody - > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) - > td { + + .ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td { background: rgba(250, 250, 250, 1); } + .nostu { width: 100%; + .nostuimg { margin: 75px auto; width: 412px; @@ -6271,6 +5953,7 @@ export default { background-size: 100% 100%; } } + .pa { // left: 0; margin-top: 15px; @@ -6282,21 +5965,25 @@ export default { // position: absolute; // bottom: 20px; } + .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; white-space: nowrap; } } + .tableSelect { // margin-right: 10px; margin-left: -5px; @@ -6306,12 +5993,14 @@ export default { white-space: nowrap; } } + .studentName { font-size: 14px; font-weight: 400; color: rgba(0, 0, 0, 0.65); line-height: 22px; } + .studentExcellent { width: 64px; height: 24px; @@ -6321,11 +6010,13 @@ export default { margin-left: 24px; display: flex; align-items: center; + .studentExcellentImg { width: 16px; height: 16px; margin-left: 7px; } + .studentExcellentT { font-size: 12px; font-weight: 400; @@ -6334,6 +6025,7 @@ export default { margin-left: 3px; } } + .studentopea1 { font-size: 14px; font-weight: 400; @@ -6343,6 +6035,7 @@ export default { border-right: 1px solid #e9e9e9; cursor: pointer; } + .studentopea2 { font-size: 14px; font-weight: 400; @@ -6353,27 +6046,29 @@ export default { border-right: 1px solid #e9e9e9; cursor: pointer; } + .studentSelect { margin-left: 8px; display: inline-block; - .ant-select:not(.ant-select-customize-input) - .ant-select-selector - .ant-select-selection-search-input { + + .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input { background-color: rgba(255, 255, 255, 0); border: none; } + .ant-select:not(.ant-select-customize-input) .ant-select-selector { background-color: rgba(255, 255, 255, 0); border: none; } - .ant-select-single:not(.ant-select-customize-input) - .ant-select-selector { + + .ant-select-single:not(.ant-select-customize-input) .ant-select-selector { padding: 0; } - .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) - .ant-select-selector { + + .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector { box-shadow: none; } + .ant-select-arrow { right: 0px; color: rgba(56, 125, 247, 1); @@ -6382,21 +6077,25 @@ export default { // top: 17px; top: 15px; } + .ant-select-selection-item { font-size: 14px; font-weight: 400; color: rgba(56, 125, 247, 1); line-height: 33px; } + .ant-select-single.ant-select-open .ant-select-selection-item { color: rgba(56, 125, 247, 1); } } } + .groupmain { display: flex; flex-wrap: wrap; margin-left: 32px; + .groupbox { width: 264px; height: 181px; @@ -6406,23 +6105,27 @@ export default { box-shadow: 1px 1px 18px 1px rgba(0, 0, 0, 0.05); margin-top: 16px; margin-right: 20px; + .grouptitle { display: flex; justify-content: space-between; margin-top: 5px; border-bottom: 1px solid rgba(232, 232, 232, 1); + .goodgruop { color: rgba(0, 0, 0, 0.85); font-size: 16px; line-height: 36px; font-weight: 600; } + .more { position: relative; //margin-right: 30px; height: 30px; display: flex; align-items: center; + .moreItems { width: 76px; height: 80px; @@ -6436,88 +6139,110 @@ export default { top: 30px; z-index: 100; cursor: pointer; + .sammo { text-align: center; margin-top: 12px; cursor: pointer; } + .sammo:hover { color: #4ea6ff; } } + .moreItems:hover { display: block; } } + @media screen and (max-width: 1240px) { .line { margin-right: 10px; } + .img1 { margin-right: 15px; } + .img2 { margin-right: 10px; } + .return { margin-right: 10px; } + .pub { margin-right: 10px; } + .more { margin-right: 10px; } } + .more:hover .moreArrow { background-image: url("../../assets/images/navtop/up.png"); } + .more:hover .moreItems { display: block; } } + .leader { color: rgba(0, 0, 0, 1); font-size: 14px; margin-top: 16px; //margin-left: 24px; } + .grocenter { display: flex; margin-top: 14px; + .leader1 { color: rgba(0, 0, 0, 1); font-size: 14px; width: 51px; } + .ant-progress-outer { width: 170px; } } + .grofooter { display: flex; justify-content: space-between; cursor: pointer; margin-top: 30px; + .ftext { color: rgba(56, 139, 225, 1); font-size: 14px; } + .peoples { display: flex; position: relative; + .people1 { position: absolute; right: 22px; } + .people2 { position: absolute; right: 31px; } + .people3 { position: absolute; right: 40px; } + .people4 { position: absolute; right: 49px; @@ -6526,15 +6251,18 @@ export default { } } } + .projectscore { .pjc_body { margin-left: 34px; margin-right: 34px; + .pjcb_header { display: flex; justify-content: space-between; align-items: center; margin: 24px auto; + .edit_btn { width: 100px; // padding: 0px 26px 0px 26px; @@ -6547,12 +6275,14 @@ export default { justify-content: center; flex-shrink: 0; cursor: pointer; + .edit { width: 15px; height: 15px; background-image: url(@/assets/images/coursewareManage/export1.png); background-size: 100% 100%; } + .btnText { font-size: 14px; font-weight: 400; @@ -6562,12 +6292,15 @@ export default { } } } + .pjcb_content { border: 1px solid #4ea6ff; padding: 32px; + .pjcb_content :last-child { margin-bottom: 0px; } + .content { margin-bottom: 24px; } @@ -6575,10 +6308,12 @@ export default { } } } + .content6 { margin-top: 20px; width: 100%; height: 100%; + // background-color: #bfa; .title { font-size: 18px; @@ -6586,35 +6321,41 @@ export default { color: #333333; margin-left: 34px; } + .line { width: 100%; height: 1px; margin-top: 10px; background: #e8e8e8; } + .search { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: 30px 34px 0 34px; + .left { display: flex; align-items: center; flex-wrap: wrap; margin-right: 10px; + .text { font-size: 14px; font-weight: 400; color: rgba(0, 0, 0, 0.85); white-space: nowrap; } + .name { display: flex; align-items: center; margin-bottom: 10px; margin-right: 56px; } + .time { display: flex; align-items: center; @@ -6622,8 +6363,10 @@ export default { margin-bottom: 10px; } } + .right { display: flex; + .btn { display: flex; width: 100px; @@ -6632,6 +6375,7 @@ export default { justify-content: center; align-items: center; margin-bottom: 10px; + .img1 { width: 15px; height: 17px; @@ -6639,6 +6383,7 @@ export default { background-size: 100%; margin-right: 5px; } + .img2 { width: 16px; height: 18px; @@ -6647,11 +6392,13 @@ export default { margin-right: 5px; } } + .btn1 { background: #4ea6ff; color: #fff; margin-right: 16px; } + .btn2 { border: 1px solid #4ea6ff; background: #ffffff; @@ -6659,12 +6406,14 @@ export default { } } } + .main { margin-top: 10px; display: flex; flex-wrap: wrap; margin-left: 34px; margin-bottom: 20px; + .rank { width: 422px; height: 506px; @@ -6673,6 +6422,7 @@ export default { border-radius: 2px; border: 1px solid rgba(125, 125, 125, 0.39); margin-bottom: 20px; + .rankhead { height: 75px; width: 100%; @@ -6681,9 +6431,11 @@ export default { display: flex; justify-content: center; align-items: center; + .ant-select-selector { color: #4ea6ff !important; } + .inhead { width: 374px; // background-color: lightblue; @@ -6692,6 +6444,7 @@ export default { align-items: center; margin-top: 10px; position: relative; + .icon { position: absolute; width: 14px; @@ -6700,11 +6453,13 @@ export default { background-size: 100%; left: 120px; } + .left { font-size: 16px; font-weight: 500; color: rgba(0, 0, 0, 0.85); } + .right { .ant-select { .ant-select-selector { @@ -6715,43 +6470,49 @@ export default { } } } + .tab { // margin-top: 20px; // margin-left: 24px; border-radius: 4px 4px 0px 0px; border: 1px solid #e9e9e9; margin: 20px 24px 0 24px; + th.h { background-color: #eff4fc !important; } - .ant-table-tbody - > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) - > td { + + .ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td { background: #f6f9fd; } } } } } + //设置的基本信息 .content7 { margin-top: 20px; + .set_tit { margin-left: 34px; font-size: 18px; font-weight: 500; color: #232425; } + .line { width: 100%; height: 1px; background-color: #e8e8e8; margin-top: 10px; } + .set_body { margin-left: 34px; margin-right: 34px; position: relative; + .edit { position: absolute; width: 100px; @@ -6763,6 +6524,7 @@ export default { justify-content: center; right: 0; cursor: pointer; + .img { width: 18px; height: 18px; @@ -6770,21 +6532,25 @@ export default { background-size: 100%; margin-right: 7px; } + .ed { font-size: 14px; font-weight: 400; color: #ffffff; } } + .set_content { margin: 32px auto; display: flex; + // justify-content: end; .setc_name { width: 150px; display: flex; justify-content: end; } + .setc_main { flex: 1; margin-left: 12px; @@ -6792,44 +6558,54 @@ export default { } } } + //设置的共享文档 .sametab { // margin-left: 30px; // margin-right: 30px; margin-top: 30px; width: 100%; + // background-color: green; .Gcon { display: flex; + .pad { height: 100%; width: 40px; } + .Gin { // background-color: #bfa; margin-top: 30px; + .headone { // background-color: red; display: flex; text-align: center; + .box { width: 4px; height: 20px; background-color: #4ea6ff; border-radius: 2px; } + .onetitle { margin-left: 15px; color: #333333; font-size: 14px; } + .oneedi { margin-left: 15px; color: #4ea6ff; cursor: pointer; } + .twobtn { display: flex; + .btnone { width: 42px; height: 24px; @@ -6839,6 +6615,7 @@ export default { margin-left: 20px; cursor: pointer; } + .btntwo { width: 42px; height: 24px; @@ -6851,38 +6628,46 @@ export default { } } } + .btnbox { .ant-upload-list { display: none !important; } } + .onemain { margin-top: 20px; margin-left: 55px; color: #6f6f6f; font-size: 14px; + .checkcon { position: relative; + .in { position: absolute; // margin-top: 10px; left: 0; top: 3px; } + .yulan { // color: yellow; margin-left: 22px; // display: inline-block; } + .yulan2 { margin-left: 22px; } + .ant-input-number { height: 24px; width: 24px; margin: 10px; border-radius: 4px; border: 1px solid #6d7584; + .ant-input-number-input { width: 100%; height: 100%; @@ -6894,58 +6679,72 @@ export default { } } } + .twomain { margin-left: 20px; margin-top: 20px; + .ant-switch-checked { background-color: #5dc988; } + .info { margin-left: 10px; color: #6f6f6f; font-size: 14px; // margin-top: 10px; } + .infor { margin-left: 38px; margin-top: 10px; color: #c7cbd2; font-size: 14px; } + .chooseshow { // background-color: red; margin-left: 38px; margin-top: 12px; + .fane { color: #6f6f6f; font-size: 14px; } } + .choo { display: none; } + .btm { margin-left: 38px; margin-top: 20px; + .bmo { color: #6f6f6f; font-size: 14px; } + .bmt { color: #c7cbd2; font-size: 14px; margin-top: 3px; } + .chosecon { display: flex; margin-top: 6px; margin-bottom: 20px; + .chose { position: relative; + .inl { position: absolute; top: 2px; } + .sh { margin-left: 23px; color: #6f6f6f; @@ -6956,11 +6755,14 @@ export default { } } } + .Lhead { display: flex; + .btns { display: flex; margin-left: 20px; + // flex-wrap: wrap; .btn { padding: 0px 26px 0px 26px; @@ -6974,9 +6776,11 @@ export default { margin-right: 14px; flex-shrink: 0; cursor: pointer; + .search { background-size: 100%; } + .btnText { font-size: 14px; font-weight: 400; @@ -6985,6 +6789,7 @@ export default { margin-left: 5px; } } + .btn1 { .search { width: 15px; @@ -6992,6 +6797,7 @@ export default { background-image: url("../../assets/images/courseManage/search1.png"); } } + .btn2 { .search { width: 16px; @@ -6999,46 +6805,59 @@ export default { background-image: url("../../assets/images/courseManage/reset1.png"); } } + .btn3 { margin-right: 0px; + .search { width: 17px; height: 18px; background-image: url("../../assets/images/courseManage/add1.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); + .search { background-image: url("../../assets/images/courseManage/reset0.png"); } + .btnText { color: #ffffff; } } + .btn3:hover { background: rgba(64, 158, 255, 1); + .search { background-image: url("../../assets/images/courseManage/add0.png"); } + .btnText { color: #ffffff; } } } } + .Lbom { position: relative; margin-bottom: 20px; + .item { width: 100%; height: 200px; @@ -7046,6 +6865,7 @@ export default { margin-top: 40px; border-radius: 8px; border: 1px solid #f0f4fe; + .itemhead { height: 50px; width: 100%; @@ -7053,6 +6873,7 @@ export default { display: flex; align-items: center; position: relative; + .lev { margin-left: 27px; margin-right: 16px; @@ -7060,64 +6881,77 @@ export default { color: #4ea6ff; font-size: 16px; } + .lin { width: 1px; height: 35%; background-color: #c7cbd2; } + .nam { margin-left: 16px; color: #4f5156; line-height: 100%; font-size: 16px; } + .count { position: absolute; line-height: 100%; color: #4f5156; font-size: 14px; right: 40px; + span:nth-child(2) { color: #63ca8c; } } } + .itembomm { display: flex; align-items: center; height: 150px; + .it { // margin-left: 110px; // margin-right: 110px; width: 13%; text-align: center; + .on { font-size: 30px; } + .ittext { color: #4f5156; margin-top: 16px; margin-left: -5px; } } + .linee { background-color: #ecf2fb; width: 1px; height: 55%; } + .itright { position: absolute; right: 45px; display: flex; + .te { color: #4ea6ff; font-size: 14px; cursor: pointer; } + .more { position: relative; height: 30px; display: flex; + .moreArrow { width: 13px; height: 7px; @@ -7128,6 +6962,7 @@ export default { margin-left: 7px; margin-top: 6px; } + .moreItems { width: 80px; height: 70px; @@ -7140,6 +6975,7 @@ export default { left: 0px; top: 20px; z-index: 100; + .roleItem { font-size: 14px; font-weight: 400; @@ -7149,28 +6985,35 @@ export default { justify-content: center; cursor: pointer; } + .roleItem:hover { color: #4ea6ff; } } } + .more:hover .moreArrow { background-image: url("../../assets/images/navtop/up.png"); } + .more:hover .moreItems { display: block; } } } + .show { color: blue; } + .noshow { display: none; } } + .create { margin-top: 40px; + .taskbox { width: 412px; height: 160px; @@ -7179,21 +7022,25 @@ export default { // margin-left: 68px; margin-bottom: 40px; cursor: pointer; + .leftt { position: absolute; top: 18px; left: 0; } + .photo { position: absolute; top: 42px; left: 37px; } + .rightt { position: absolute; top: 69px; right: 26px; } + .centerbox { position: absolute; top: 52px; @@ -7202,6 +7049,7 @@ export default { font-weight: 700; //line-height: 36px; } + .centermain { color: rgba(135, 139, 146, 1); font-size: 14px; @@ -7213,6 +7061,7 @@ export default { } } } + .certificate { width: 412px; height: 212px; @@ -7223,11 +7072,13 @@ export default { background-image: url(../../assets/images/taskpage/nocertificate.png); background-size: 100% 100%; } + .certificate1 { padding: 36px; display: flex; min-height: 400px; flex-wrap: wrap; + .addcertificate1 { width: 210px; height: 256px; @@ -7241,6 +7092,7 @@ export default { margin-right: 16px; background-color: rgba(64, 158, 255, 0.06); margin-bottom: 20px; + .addcertext { font-size: 16px; font-weight: 500; @@ -7248,6 +7100,7 @@ export default { line-height: 22px; } } + .certificatelist { display: flex; align-items: center; @@ -7255,6 +7108,7 @@ export default { margin-left: 16px; margin-right: 16px; margin-bottom: 20px; + .certificatelistMain { width: 210px; height: 256px; @@ -7263,12 +7117,14 @@ export default { justify-content: center; align-items: center; flex-direction: column; + .cergetrules { width: 210px; display: flex; height: 26px; align-items: center; margin-top: 8px; + .cergetrulesText { font-size: 12px; font-weight: 400; @@ -7277,6 +7133,7 @@ export default { margin-left: 12px; font-size: 12px; } + .cergetrulesMain { font-size: 12px; color: #999; @@ -7291,6 +7148,7 @@ export default { border: 1px solid #409eff; text-align: center; } + .certificateMorebox { font-size: 12px; font-weight: 600; @@ -7300,6 +7158,7 @@ export default { position: relative; margin-left: 31px; } + .certificateMore { position: absolute; width: 45px; @@ -7316,6 +7175,7 @@ export default { } } } + .certificateName { width: 210px; overflow: hidden; @@ -7332,10 +7192,12 @@ export default { } } } + .DelModal { .ant-modal { .ant-modal-content { width: 424px !important; + .ant-modal-body { .delete { z-index: 9999; @@ -7347,24 +7209,26 @@ export default { left: 50%; top: 10%; transform: translate(-50%, -50%); + .del_header { position: absolute; width: calc(100%); height: 40px; - background: linear-gradient( - rgba(78, 166, 255, 0.2) 0%, - rgba(78, 166, 255, 0) 100% - ); + background: linear-gradient(rgba(78, 166, 255, 0.2) 0%, + rgba(78, 166, 255, 0) 100%); } + .del_main { width: 100%; position: relative; + .header { display: flex; align-items: center; padding-top: 20px; padding-left: 26px; font-size: 16px; + .del-icon { width: 16px; height: 16px; @@ -7372,6 +7236,7 @@ export default { background-image: url(@/assets/images/coursewareManage/notice.png); background-size: 100% 100%; } + .icon { width: 16px; height: 16px; @@ -7379,6 +7244,7 @@ export default { background-image: url(@/assets/images/coursewareManage/QR.png); background-size: 100% 100%; } + .close_exit { position: absolute; right: 42px; @@ -7389,6 +7255,7 @@ export default { background-size: 100% 100%; } } + .body { width: 100%; margin: 34px auto 56px auto; @@ -7396,10 +7263,12 @@ export default { justify-content: center; align-items: center; } + .del_btnbox { display: flex; margin: 30px auto; justify-content: center; + .del_btn { width: 100px; height: 40px; @@ -7411,16 +7280,19 @@ export default { 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; diff --git a/src/views/research/ManagePage.vue b/src/views/research/ManagePage.vue index 64d20a0d..9437fd6e 100644 --- a/src/views/research/ManagePage.vue +++ b/src/views/research/ManagePage.vue @@ -6,12 +6,12 @@
- +
-->
评估管理
@@ -27,23 +27,24 @@
评估名称: - {{basicInfo.assessmentName}} + {{ basicInfo.assessmentName }}
创建人: - {{basicInfo.createName}} + {{ basicInfo.createName }}
状态: - {{basicInfo.releaseStatus?basicInfo.releaseStatus==1?"待发布":basicInfo.releaseStatus==2?"已发布":"已结束":''}} + {{ basicInfo.releaseStatus ? basicInfo.releaseStatus == 1 ? "待发布" : basicInfo.releaseStatus == 2 ? "已发布" : "已结束" : '' }}
创建时间: - {{basicInfo.createTime}} + {{ basicInfo.createTime }}
发布时间: - {{basicInfo.releaseTime}} + {{ basicInfo.releaseTime }}
@@ -59,36 +60,22 @@
- +
- +
- +