diff --git a/README.md b/README.md index c8f2399c..f057881c 100644 --- a/README.md +++ b/README.md @@ -34,6 +34,8 @@ See [Configuration Reference](https://cli.vuejs.org/config/). ``` LearningPath.vue:学习路径页面 +LevelAdd.vue:关卡页面 +LevelAddDetail.vue:创建关卡页面 ``` diff --git a/src/App.vue b/src/App.vue index 3ce8ce59..b6b111f7 100644 --- a/src/App.vue +++ b/src/App.vue @@ -76,6 +76,8 @@ export default defineComponent({ // flex-shrink: 0; display: flex; overflow-y: scroll; + // display: flex; + // flex: 1 1 auto; width: calc(100% - 40px); // margin-bottom: 20px; margin: 0px 20px 20px 20px; diff --git a/src/assets/images/basicinfo/add.png b/src/assets/images/basicinfo/add.png new file mode 100644 index 00000000..4a173bdd Binary files /dev/null and b/src/assets/images/basicinfo/add.png differ diff --git a/src/assets/images/basicinfo/close22.png b/src/assets/images/basicinfo/close22.png new file mode 100644 index 00000000..897eb67b Binary files /dev/null and b/src/assets/images/basicinfo/close22.png differ diff --git a/src/assets/images/leveladd/1.png b/src/assets/images/leveladd/1.png new file mode 100644 index 00000000..fbd98c14 Binary files /dev/null and b/src/assets/images/leveladd/1.png differ diff --git a/src/assets/images/leveladd/2.png b/src/assets/images/leveladd/2.png new file mode 100644 index 00000000..a578e5ad Binary files /dev/null and b/src/assets/images/leveladd/2.png differ diff --git a/src/assets/images/leveladd/3.png b/src/assets/images/leveladd/3.png new file mode 100644 index 00000000..597a0b9a Binary files /dev/null and b/src/assets/images/leveladd/3.png differ diff --git a/src/assets/scss/common.scss b/src/assets/scss/common.scss index 3e8dce2d..5386258b 100644 --- a/src/assets/scss/common.scss +++ b/src/assets/scss/common.scss @@ -191,4 +191,74 @@ display: none; .tabledropdown { width: 100px !important; } -//表格下拉框------------------------------------------- \ No newline at end of file +//表格下拉框------------------------------------------- + +//抽屉-------------------------------------------------------- +.drawerStyle { + .ant-drawer-content-wrapper { + max-width: 1050px; + .ant-drawer-header { + display: none !important; + } + .ant-drawer-body { + padding: 0; + } + } + .drawerMain { + min-width: 700px; + margin: 0px 32px 0px 32px; + overflow-x: scroll; + display: flex; + flex-direction: column; + + + }} + //抽屉-------------------------------------------------------- + + //弹窗-------------------------------------------------------- + .modalStyle { + height: 100%; + .ant-modal { + height: calc(100% - 200px); + background-color: rgba(255, 255, 255, 1); + // overflow-y: scroll; + min-width: 900px; + max-width: 1300px; + padding: 0; + .ant-modal-content { + width: 100%; + height: 100%; + } + .ant-modal-body { + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + } + .ant-modal-header { + display: none; + } + .ant-modal-body { + padding: 0px; + } + .modalHeader { + width: 100%; + height: 68px; + background: linear-gradient( + 0deg, + rgba(78, 166, 255, 0) 0%, + rgba(78, 166, 255, 0.2) 100% + ); + } + .modalMain { + height: 0px; + flex: 1 1 auto; + overflow-y: scroll; + margin-top: 7px; + margin: 0px 52px; + + + } + } + } + //弹窗-------------------------------------------------------- \ No newline at end of file diff --git a/src/components/BreadCrumb.vue b/src/components/BreadCrumb.vue index 78e6e7d2..493bd4a5 100644 --- a/src/components/BreadCrumb.vue +++ b/src/components/BreadCrumb.vue @@ -144,7 +144,15 @@ export default { { name: "管理", href: "", - } + }, + ]; + } + + if (n === "/certificatecenter" || n === "/CertificateCenter") { + state.list = [ + { + name: "证书中心", + }, ]; } if (n === "/systemmanage" || n === "/SystemManage") { diff --git a/src/components/NavLeft.vue b/src/components/NavLeft.vue index a724b761..37cc13bd 100644 --- a/src/components/NavLeft.vue +++ b/src/components/NavLeft.vue @@ -144,7 +144,8 @@ src="../assets/images/navleft/certificate.png" /> - 证书中心 + + 证书中心
@@ -293,6 +294,13 @@ export default { selectedKeys: "sub3-2", pagename: "课程管理", }, + { + href: "/certificatecenter", + openKeys: "sub8", + selectedKeys: "sub8", + pagename: "证书中心", + }, + { href: "/systemmanage", openKeys: "sub9", diff --git a/src/views/certificate/CertificateCenter.vue b/src/views/certificate/CertificateCenter.vue index e69de29b..12ccd662 100644 --- a/src/views/certificate/CertificateCenter.vue +++ b/src/views/certificate/CertificateCenter.vue @@ -0,0 +1,330 @@ + + + diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue index 2ee1c90e..614a2aa5 100644 --- a/src/views/courselibrary/CoursewareManage.vue +++ b/src/views/courselibrary/CoursewareManage.vue @@ -178,8 +178,7 @@ -
+
-
-
+
+
+
+
+ 在线课程管理 +
x
@@ -467,13 +470,34 @@ />
+
+
+ +
搜索
+
+
+
+
+ +
+
-
+
+
+
+
+ 面授课程管理 +
x
@@ -543,14 +567,40 @@
+
+
+ +
搜索
+
+
+
+
+ + + +
+
-
-
+
+
+
+
+
+
取消
+
+
- + -
-
+
+
+
+
+
+ 授权 +
x
@@ -589,7 +647,6 @@
@@ -637,14 +694,59 @@
+
+ + +
+
-
-
+
+
+
+
+
+ 开课 +
x
@@ -714,12 +816,44 @@ />
+
+ +
+
-
+
@@ -774,50 +908,72 @@
- 报名设置 - 是否允许公开报名 + 报名设置 + 是否允许公开报名
- 签到设置 - 是否允许未报名的学员签到 - 签到是否需要口令 + 签到设置 + 是否允许未报名的学员签到 + 签到是否需要口令
- 评估设置 - 是否需要评估 + 评估设置 + 是否需要评估
- 完成规则 - 报名即完成 - 签到即完成 - 请假算完成 + 完成规则 + 报名即完成 + 签到即完成 + 请假算完成
- 附件 + 附件
-
- 上传附件 +
+ 上传附件
- 支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip + 支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip
-
取消
-
-
-
确定
-
+
取消
+
+
+
确定
+
@@ -916,69 +1072,69 @@ function getBase64(img, callback) { reader.readAsDataURL(img); } const columns1 = [ - { - title: "姓名", - dataIndex: "projectName", - key: "projectName", - width: '16%', - align: "center", - }, - { - title: "工号", - dataIndex: "numb", - key: "numb", - width: '16%', - align: "center", - }, - { - title: "报名时间", - dataIndex: "applytime", - key: "applytime", - width: '16%', - align: "center", - }, - { - title: "签到时间", - dataIndex: "signtime", - key: "signtime", - width: '16%', - align: "center", - }, - { - title: "状态", - dataIndex: "status", - key: "status", - width: '16%', - align: "center", - }, - { - title: "操作", - dataIndex: "opacation", - key: "opacation", - width: '16%', - align: "center", - }, -]; -const columns2 = [ { - title: "开课名称", + title: "姓名", dataIndex: "projectName", key: "projectName", - width: '30%', + width: "16%", align: "center", }, { - title: "地点", - dataIndex: "address", - key: "address", - width: '30%', + title: "工号", + dataIndex: "numb", + key: "numb", + width: "16%", + align: "center", + }, + { + title: "报名时间", + dataIndex: "applytime", + key: "applytime", + width: "16%", + align: "center", + }, + { + title: "签到时间", + dataIndex: "signtime", + key: "signtime", + width: "16%", align: "center", }, { title: "状态", dataIndex: "status", key: "status", - width: '40%', + width: "16%", + align: "center", + }, + { + title: "操作", + dataIndex: "opacation", + key: "opacation", + width: "16%", + align: "center", + }, +]; +const columns2 = [ + { + title: "开课名称", + dataIndex: "projectName", + key: "projectName", + width: "30%", + align: "center", + }, + { + title: "地点", + dataIndex: "address", + key: "address", + width: "30%", + align: "center", + }, + { + title: "状态", + dataIndex: "status", + key: "status", + width: "40%", align: "center", }, ]; @@ -987,37 +1143,37 @@ const columns3 = [ title: "姓名", dataIndex: "name", key: "name", - width: '18%', + width: "18%", align: "center", }, { title: "归属组织", dataIndex: "organization", key: "organization", - width: '18%', + width: "18%", align: "center", }, { title: "岗位", dataIndex: "position", key: "position", - width: '18%', + width: "18%", align: "center", }, { title: "拥有权限", dataIndex: "authority", key: "authority", - width: '18%', + width: "18%", align: "center", - }, + }, { title: "操作", dataIndex: "opacation", key: "opacation", - width: '30%', + width: "30%", align: "center", - }, + }, ]; const columns4 = [ { @@ -1170,180 +1326,186 @@ export default defineComponent({ components: { LoadingOutlined, PlusOutlined, -}, + }, setup() { - const current = ref(['mail']); + const current = ref(["mail"]); const state = reactive({ tableData: [ - { - key: '1', - num:1, - name: '时间管理', - content: '领导力', - courseform: '线上', - project: '管理者进阶-腾飞班1', - stunum: '50', - grade: '5', - status: '未提交', - ynpub: '未发布', - creator: '管理员', - createtime: '2022-07-20 9:30', - pubtime: '2022-07-20 9:30', - ynuse: '启用', - kkty:false, - }, { - key: '2', - num:2, - name: '智能制造初级课程', - content: '专业力', - courseform: '线上', - project: '-', - stunum: '200', - grade: '5', - status: '待审核', - ynpub: '未发布', - creator: '管理员', - createtime: '2022-07-20 9:30', - pubtime: '2022-07-20 9:30', - ynuse: '启用', - kkty:true, - }, { - key: '3', - num:3, - name: '产业必备技能', - content: '专业力', - courseform: '线上', - project: '-', - stunum: '200', - grade: '5', - status: '已审核', - ynpub: '已发布', - creator: '管理员', - createtime: '2022-07-20 9:30', - pubtime: '2022-07-20 9:30', - ynuse: '启用', - kkty:true, - }, { - key: '4', - num:4, - name: 'B11入模培训', - content: '专业力', - courseform: '线上', - project: '-', - stunum: '200', - grade: '5', - status: '审核未通过', - ynpub: '未发布', - creator: '管理员', - createtime: '2022-07-20 9:30', - pubtime: '2022-07-20 9:30', - ynuse: '停用', - kkty:true, - }, { - key: '5', - num:5, - name: '入职培训', - content: '通用力', - courseform: '面授', - project: '-', - stunum: '5', - grade: '5', - status: '未提交', - ynpub: '未发布', - creator: '管理员', - createtime: '2022-07-20 9:30', - pubtime: '2022-07-20 9:30', - ynuse: '启用', - kkty:true, - }, { - key: '6', - num:6, - name: '入职培训', - content: '通用力', - courseform: '面授', - project: '-', - stunum: '5', - grade: '6', - status: '已审核', - ynpub: '已发布', - creator: '管理员', - createtime: '2022-07-20 9:30', - pubtime: '2022-07-20 9:30', - ynuse: '启用', - kkty:true, - }], + { + key: "1", + num: 1, + name: "时间管理", + content: "领导力", + courseform: "线上", + project: "管理者进阶-腾飞班1", + stunum: "50", + grade: "5", + status: "未提交", + ynpub: "未发布", + creator: "管理员", + createtime: "2022-07-20 9:30", + pubtime: "2022-07-20 9:30", + ynuse: "启用", + kkty: false, + }, + { + key: "2", + num: 2, + name: "智能制造初级课程", + content: "专业力", + courseform: "线上", + project: "-", + stunum: "200", + grade: "5", + status: "待审核", + ynpub: "未发布", + creator: "管理员", + createtime: "2022-07-20 9:30", + pubtime: "2022-07-20 9:30", + ynuse: "启用", + kkty: true, + }, + { + key: "3", + num: 3, + name: "产业必备技能", + content: "专业力", + courseform: "线上", + project: "-", + stunum: "200", + grade: "5", + status: "已审核", + ynpub: "已发布", + creator: "管理员", + createtime: "2022-07-20 9:30", + pubtime: "2022-07-20 9:30", + ynuse: "启用", + kkty: true, + }, + { + key: "4", + num: 4, + name: "B11入模培训", + content: "专业力", + courseform: "线上", + project: "-", + stunum: "200", + grade: "5", + status: "审核未通过", + ynpub: "未发布", + creator: "管理员", + createtime: "2022-07-20 9:30", + pubtime: "2022-07-20 9:30", + ynuse: "停用", + kkty: true, + }, + { + key: "5", + num: 5, + name: "入职培训", + content: "通用力", + courseform: "面授", + project: "-", + stunum: "5", + grade: "5", + status: "未提交", + ynpub: "未发布", + creator: "管理员", + createtime: "2022-07-20 9:30", + pubtime: "2022-07-20 9:30", + ynuse: "启用", + kkty: true, + }, + { + key: "6", + num: 6, + name: "入职培训", + content: "通用力", + courseform: "面授", + project: "-", + stunum: "5", + grade: "6", + status: "已审核", + ynpub: "已发布", + creator: "管理员", + createtime: "2022-07-20 9:30", + pubtime: "2022-07-20 9:30", + ynuse: "启用", + kkty: true, + }, + ], tableData2: [ - { - key: 1, - projectName:"刘莉", - numb: "10064511", - applytime:"2022-07-20 14:00:00", - signtime: "-", - status: "已通过", - }, + { + key: 1, + projectName: "刘莉", + numb: "10064511", + applytime: "2022-07-20 14:00:00", + signtime: "-", + status: "已通过", + }, ], tableData3: [ - { - key: 1, - projectName:"刘莉", - numb: "10064511", - applytime:"2022-07-20 14:00:00", - signtime: "-", - status: "已通过", - }, - { - key: 2, - projectName:"", - numb: "", - applytime:"2022-07-20 14:00:00", - signtime: "2022-09-26 13:30:30", - status:"已完成", - }, + { + key: 1, + projectName: "刘莉", + numb: "10064511", + applytime: "2022-07-20 14:00:00", + signtime: "-", + status: "已通过", + }, + { + key: 2, + projectName: "", + numb: "", + applytime: "2022-07-20 14:00:00", + signtime: "2022-09-26 13:30:30", + status: "已完成", + }, ], tableData4: [ - { - key: 1, - projectName:"刘莉", - address: "10064511", - status: "已通过", + { + key: 1, + projectName: "刘莉", + address: "10064511", + status: "已通过", }, ], tableData5: [ - { - key: 1, - name:"李明", - organization: "-", - position: "产品经理", - authority:'归属权', + { + key: 1, + name: "李明", + organization: "-", + position: "产品经理", + authority: "归属权", }, { - key: 2, - name:"李洋", - organization: "-", - position: "产品经理", - authority:'查看权', + key: 2, + name: "李洋", + organization: "-", + position: "产品经理", + authority: "查看权", }, { - key: 3, - name:"小李", - organization: "-", - position: "产品经理", - authority:'管理权', - }, - { - key: 4, - name:"雄安名", - organization: "-", - position: "产品经理", - authority:'管理权', + key: 3, + name: "小李", + organization: "-", + position: "产品经理", + authority: "管理权", }, { - key: 5, - name:"王哥", - organization: "-", - position: "产品经理", - authority:'管理权', + key: 4, + name: "雄安名", + organization: "-", + position: "产品经理", + authority: "管理权", + }, + { + key: 5, + name: "王哥", + organization: "-", + position: "产品经理", + authority: "管理权", }, ], currentPage: 1, @@ -1352,43 +1514,43 @@ export default defineComponent({ tableData6: [ { key: 1, - num:1, + num: 1, organization: "管理者面授课1", address: "核心能力大楼培训", - starttime:'2022-07-20 14:00:00', - createtime:'2022-07-14 14:00:00', + starttime: "2022-07-20 14:00:00", + createtime: "2022-07-14 14:00:00", }, { key: 2, - num:2, + num: 2, organization: "管理者面授课2", address: "核心能力大楼培训", - starttime:'2022-07-20 14:00:00', - createtime:'2022-07-14 14:00:00', + starttime: "2022-07-20 14:00:00", + createtime: "2022-07-14 14:00:00", }, { key: 3, - num:3, + num: 3, organization: "管理者面授课3", address: "核心能力大楼培训", - starttime:'2022-07-20 14:00:00', - createtime:'2022-07-14 14:00:00', + starttime: "2022-07-20 14:00:00", + createtime: "2022-07-14 14:00:00", }, { key: 4, - num:4, + num: 4, organization: "管理者面授课4", address: "核心能力大楼培训", - starttime:'2022-07-20 14:00:00', - createtime:'2022-07-14 14:00:00', + starttime: "2022-07-20 14:00:00", + createtime: "2022-07-14 14:00:00", }, { key: 5, - num:5, + num: 5, organization: "管理者面授课5", address: "核心能力大楼培训", - starttime:'2022-07-20 14:00:00', - createtime:'2022-07-14 14:00:00', + starttime: "2022-07-20 14:00:00", + createtime: "2022-07-14 14:00:00", }, ], }); @@ -1673,12 +1835,12 @@ export default defineComponent({ const of_hShow = () => { if (state.of_hs == false) { - state.of_hs = true - } - } + state.of_hs = true; + } + }; const of_exit = () => { state.of_hs = false; - } + }; const hideShow = () => { if (state.hideshow == true) { state.hideshow = false; @@ -1751,7 +1913,6 @@ export default defineComponent({ createkk, cstm_exit, sm_exit, - }; }, }); @@ -2028,7 +2189,7 @@ export default defineComponent({ } } - .faceteach{ + .faceteach { z-index: 999; width: 85%; min-width: 1000px; @@ -2235,7 +2396,8 @@ export default defineComponent({ } } - .onlinemanage,.faceteachmanage{ + .onlinemanage, + .faceteachmanage { display: none; z-index: 999; width: 85%; @@ -2246,13 +2408,16 @@ export default defineComponent({ position: absolute; left: 50%; top: 50%; - transform: translate(-50%,-50%); + transform: translate(-50%, -50%); overflow: auto; - .om_header{ - position: absolute; - width:calc(100%); - height: 40px; - background: linear-gradient( rgba(78,166,255,0.2) 0%, rgba(78,166,255,0) 100%); + .om_header { + position: absolute; + width: calc(100%); + height: 40px; + background: linear-gradient( + rgba(78, 166, 255, 0.2) 0%, + rgba(78, 166, 255, 0) 100% + ); } .om_main{ width:calc(100%); @@ -2476,83 +2641,32 @@ export default defineComponent({ background-size: 100% 100%; } } - .gpm_inputbtn{ + .b_sub { display: flex; - width: 90%; - margin: 20px auto; - .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; - } + margin-bottom: 10px; + .bs_type { + color: #999ba3; } - .btn1 { - .search { - width: 15px; - height: 17px; - background-image: url("../../assets/images/courseManage/search1.png"); - } + .bs_left { + color: #999ba3; + margin-left: 35px; } - .btn2 { - .search { - width: 16px; - height: 18px; - 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); - .search { - background-image: url("../../assets/images/courseManage/reset0.png"); - } - .btnText { - color: #ffffff; - } + .bs_right { + color: #4f5156; } } - .gpm_notice{ - width: 90%; - height: 49px; - margin: 0 auto; - background-color: rgba(125, 190, 255, 0.25); + .b_menu { + width: calc(100%); + } + .b_menunav { display: flex; - align-items: center; - .th_icon{ - width: 16px; - height: 16px; - margin-left: 37px; - margin-right: 13px; - border-radius: 50%; - background-color: #4EA6FF; - font-weight: bold; - color: #ffffff; - text-align: center; - line-height: 16px; + margin-top: 20px; + margin-bottom: 20px; + .bm_select { + margin-right: 20px; } - .textarea{ - margin-right: 33px; + .bm_input { + margin-right: 20px; } } .gpm_table{ diff --git a/src/views/learningpath/LearningPath.vue b/src/views/learningpath/LearningPath.vue index e92d62c1..b1476f3e 100644 --- a/src/views/learningpath/LearningPath.vue +++ b/src/views/learningpath/LearningPath.vue @@ -37,7 +37,7 @@
@@ -113,7 +113,12 @@
路径图名称
- + +
{{ valuei.length }}/20
@@ -140,7 +145,8 @@
路径说明
- + +
{{ valuei.length }}/150
@@ -228,25 +234,25 @@ export default { imgData: [ { id: 1, - source: require("../../assets/px.jpg"), + source: require("../../assets/images/leveladd/1.png"), }, { id: 2, - source: require("../../assets/px.jpg"), + source: require("../../assets/images/leveladd/2.png"), }, { id: 3, - source: require("../../assets/px.jpg"), + source: require("../../assets/images/leveladd/3.png"), }, ], currentPage: 1, - tableDataTotal: 20, + tableDataTotal: 100, pageSize: 10, - value1: " ", + value1: "", value2: ref(), - valueE: ref(" "), - valueEE: ref(" "), - valuei: ref(" "), + valueE: "", + valueEE: "", + valuei: "", }); const tableDataFunc = () => { const columns = [ @@ -314,38 +320,38 @@ export default { key: "opacation", width: 200, align: "center", - scopedSlots: { customRender: "action" }, //引入的插槽 - customRender: (text) => { - console.log(text); - return ( -
-
- - 发布 - - 编辑 - - 关卡 - + // scopedSlots: { customRender: "action" }, //引入的插槽 + // customRender: (text) => { + // console.log(text); + // return ( + //
+ //
+ // + // 发布 + // + // 编辑 + // + // 关卡 + // - - 授权 -
-
-
+ //
+ // 授权 + //
+ //
+ //
- - 更多 -
-
-
-
-
- ); - }, + //
+ // 更多 + //
+ //
+ //
+ //
+ //
+ // ); + // }, }, ]; return columns; @@ -366,6 +372,102 @@ export default { const chooseImg = (id) => { console.log(id); }; + const getTableDate = () => { + let data = state.tableData; + data.map((value) => { + { + //单层项目 + value.opacation = ( +
+
+ {value.state === "草稿" ? ( +
+
发布
+
编辑
+
+ ) : ( +
+ )} + {value.state === "已发布" ? ( +
+
编辑
+
+ ) : ( +
+ )} + {value.state === "已停用" ? ( +
+
复制
+
+ ) : ( +
+ )} +
+
+ +
关卡
+
+ + + +
权限名单
+
+ +
{ + console.log("点击了"); + }} + > + 归属权 +
+
+ +
查看权
+
+ +
管理权
+
+
+ + +
复制
+
+ +
{ + console.log("点击了"); + }} + > + 取消 +
+
+
+
+
+ ); + } + }); + state.tableData = data; + }; + getTableDate(); return { ...toRefs(state), selectProjectName, @@ -505,6 +607,85 @@ export default { bottom: 20px; } } + .operation { + display: flex; + justify-content: right; + .nSelect { + .fb { + display: flex; + .jc { + color: #4ea6ff; + font-size: 14px; + margin-left: 20px; + } + } + } + .tableSelect { + margin-right: 20px; + display: flex; + align-items: center; + justify-content: right; + .g1 { + color: #4ea6ff; + font-size: 14px; + } + } + } + // .operation { + // font-size: 14px; + // font-weight: 400; + // color: #4ea6ff; + // // line-height: 36px; + // .operation1 { + // margin-left: 21px; + // width: 28px; + // display: inline-block; + // } + // .operation3 { + // margin-left: 21px; + // width: 70px; + // display: inline-block; + // text-align: center; + // } + // .more { + // width: 50px; + // display: inline-block; + // margin-left: 21px; + // position: relative; + // text-align: left; + // // z-index: 99999; + // .moreArrow { + // width: 13px; + // height: 7px; + // display: inline-block; + // background-image: url("../../assets/images/navtop/down.png"); + // background-size: 100%; + // margin: 2px; + // margin-left: 7px; + // } + // .moreItems { + // width: 80px; + // padding: 5px; + // display: none; + // background: #ffffff; + // box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05); + // border-radius: 3px; + // border: 0px solid #dcdcdc; + // position: absolute; + // left: 0px; + // top: 28px; + // z-index: 100; + // text-align: center; + // } + // } + // .more:hover .moreArrow { + // background-image: url("../../assets/images/navtop/up.png"); + // } + // .more:hover .moreItems { + // display: block; + // } + // } + .out { display: block; position: absolute; @@ -531,6 +712,7 @@ export default { width: 18px; height: 18px; margin-left: 27px; + margin-top: -2px; } .topc { color: #000000; @@ -567,12 +749,19 @@ export default { .in { margin-left: 14px; width: 81%; + position: relative; .ant-input { border-radius: 5px; // height: 120%; width: 100%; height: 40px; } + .showcount { + position: absolute; + right: 10px; + color: #c7cbd2; + bottom: 5px; + } } } .bac { @@ -624,6 +813,7 @@ export default { .in { margin-left: 14px; width: 81%; + position: relative; .ant-input { border-radius: 5px; // height: 120%; @@ -631,6 +821,12 @@ export default { height: 130px; resize: none; } + .showcount { + position: absolute; + right: 10px; + color: #c7cbd2; + bottom: 5px; + } } } .btn { @@ -669,6 +865,7 @@ export default { font-size: 14px; font-weight: 400; color: #4ea6ff; + display: flex; // line-height: 36px; .activecls { display: inline-block; @@ -678,6 +875,7 @@ export default { } .more { position: relative; + height: 100%; .moreArrow { width: 13px; height: 7px; @@ -697,8 +895,8 @@ export default { border: 0px solid #dcdcdc; position: absolute; left: 0px; - top: 18px; - z-index: 100; + top: 30px; + z-index: 999; } } .more:hover .moreArrow { diff --git a/src/views/learningpath/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue index 9ee5de90..8800568b 100644 --- a/src/views/learningpath/LevelAdd.vue +++ b/src/views/learningpath/LevelAdd.vue @@ -61,7 +61,6 @@
重置
-
@@ -120,11 +119,14 @@
编辑 - - 更多 +
+
更多
-
- +
+
复制
+
删除
+
+
@@ -173,7 +175,6 @@ >1关-第4关内容
-
@@ -259,7 +260,6 @@
- -