diff --git a/src/components/drawers/PowerList.vue b/src/components/drawers/PowerList.vue index 020b124e..2768f8d5 100644 --- a/src/components/drawers/PowerList.vue +++ b/src/components/drawers/PowerList.vue @@ -92,7 +92,7 @@ v-model:visible="cancelModal" :footer="null" :closable="closeCancel" - wrapClassName="CopyModal" + wrapClassName="copyModal" centered="true" >
@@ -104,7 +104,7 @@
- 是否取消当前用户对此数据的权限 + 您确定要取消该用户的授权吗
@@ -332,7 +332,117 @@ export default { padding: 0px; } } +.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; + height: 258px; + background: #ffffff; + box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); + border-radius: 4px; + // position: absolute; + // left: 50%; + // top: 10%; + // transform: translate(-50%, -50%); + .del_header { + position: absolute; + width: calc(100%); + height: 68px; + background: linear-gradient( + rgba(78, 166, 255, 0.2) 0%, + rgba(78, 166, 255, 0) 100% + ); + } + .del_main { + width: 100%; + position: relative; + .header { + display: flex; + align-items: center; + padding-top: 20px; + padding-left: 26px; + font-size: 16px; + .icon { + width: 16px; + height: 16px; + margin-right: 10px; + background-image: url(@/assets/images/coursewareManage/notice.png); + background-size: 100% 100%; + } + .close_exit { + position: absolute; + right: 42px; + cursor: pointer; + width: 20px; + height: 20px; + background-image: url(@/assets/images/coursewareManage/close.png); + background-size: 100% 100%; + } + } + .body { + width: 100%; + margin: 34px auto 56px auto; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + // background-color: red; + position: relative; + .back { + position: absolute; + top: 30px; + font-size: 12px; + font-weight: 400; + color: #666666; + } + } + .del_btnbox { + display: flex; + margin: 30px auto; + justify-content: center; + .del_btn { + width: 100px; + height: 40px; + background: rgba(64, 158, 255, 0); + 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; + } + } + .btn1 { + border: 1px solid rgba(64, 158, 255, 1); + color: #4ea6ff; + margin-right: 14px; + } + .btn2 { + background-color: #4ea6ff; + color: #ffffff; + } + } + } + } + } + } + } +} .powerList { // width: 80%; .ant-drawer-content-wrapper { diff --git a/src/views/learningpath/LearningPath.vue b/src/views/learningpath/LearningPath.vue index f02d9e9c..3bf927d1 100644 --- a/src/views/learningpath/LearningPath.vue +++ b/src/views/learningpath/LearningPath.vue @@ -40,14 +40,17 @@ :placeholder="[' 开始时间', ' 结束时间']" />
-
- -
搜索
-
-
- -
重置
+
+
+ +
搜索
+
+
+ +
重置
+
+
@@ -1475,7 +1478,7 @@ export default { .del_header { position: absolute; width: calc(100%); - height: 40px; + height: 68px; background: linear-gradient( rgba(78, 166, 255, 0.2) 0%, rgba(78, 166, 255, 0) 100% @@ -1494,7 +1497,7 @@ export default { width: 16px; height: 16px; margin-right: 10px; - background-image: url(@/assets/images/coursewareManage/QR.png); + background-image: url(@/assets/images/taskpage/gan.png); background-size: 100% 100%; } .close_exit { diff --git a/src/views/learningpath/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue index d1107707..45086513 100644 --- a/src/views/learningpath/LevelAdd.vue +++ b/src/views/learningpath/LevelAdd.vue @@ -258,7 +258,11 @@
关卡内容可见可学设置
-
编辑
+
编辑
+
+
取消
+
确定
+
@@ -270,9 +274,17 @@ /> 预览其他关卡
- 学员可预览第1关-第4关内容 +
+ 学员可预览第 + 1 + + 关-第4 + + 关内容 +
+
学习其他关卡
- 学员可预览第1关-第4关内容 +
+ 学员可预览第 + 1 + + 关-第4 + + 关内容 +

@@ -464,6 +483,10 @@ export default { AddSvisible: false, //添加学员抽屉 AddImpStuvisible: false, //导入学员抽屉 CheckStuvisible: false, //学员管理的查看抽屉 + twobtn: true, + number: true, + twobtnn: false, + inputbox: false, projectNameListt: [ { id: 1, @@ -544,6 +567,8 @@ export default { ], activeKey: ref("1"), value: ref(" "), + nubvalue: ref("1"), + nubvalue1: ref("4"), checked2: false, currentPage: 1, tableDataTotal: 100, @@ -799,6 +824,18 @@ export default { const showCheckStu = () => { state.CheckStuvisible = true; }; + const showbtn = () => { + state.twobtn = false; + state.twobtnn = true; + state.number = false; + state.inputbox = true; + } + const closebtn = () => { + state.twobtnn = false; + state.twobtn = true; + state.number = true; + state.inputbox = false; + } return { ...toRefs(state), selectProjectName, @@ -814,6 +851,8 @@ export default { showAddStu, showImpStu, showCheckStu, + showbtn, //设置-编辑 + closebtn, }; }, }; @@ -1708,6 +1747,28 @@ export default { color: #4ea6ff; cursor: pointer; } + .twobtn { + display: flex; + .btnone { + width: 42px; + height: 24px; + border: 1px solid rgba(64, 158, 255, 1); + border-radius: 4px; + color: rgba(64, 158, 255, 1); + margin-left: 20px; + cursor: pointer; + } + .btntwo { + width: 42px; + height: 24px; + border: 1px solid rgba(64, 158, 255, 1); + border-radius: 4px; + color: #FFFFFF; + margin-left: 20px; + background: #409EFF; + cursor: pointer; + } + } } .onemain { margin-top: 20px; @@ -1730,6 +1791,21 @@ export default { .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%; + font-size: 14px; + padding: 0; + color: #409EFF; + text-align: center; + } + } } } .twomain {