diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue index d0a9aea0..8cdd00d3 100644 --- a/src/views/courselibrary/CoursewareManage.vue +++ b/src/views/courselibrary/CoursewareManage.vue @@ -1577,38 +1577,180 @@ export default defineComponent({ const getTableDate = () => { let data = state.tableData; - // data.map((value) => { - // value.operation = ( - // // value.courseform === '面授' ? - //
- //
- // 开课 - // 停用 - // 编辑 - // {}} class={value.status === '已审核' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >管理 - // 复制 - // - // 授权 - //
- //
- // 权限名单 - //
归属权
- //
管理权
- //
查看权
- //
- // - // - // 更多 - //
- //
- // - //
- //
- // ); - // }); + data.map((value) => { + { + //单层项目 + value.operation = ( +
+
+ {value.status === "已审核" ? ( +
+ +
开课
+ + + +
管理
+ + +
复制
+ + + +
权限名单
+ + +
{ + console.log("点击了"); + }} + > + 归属权 +
+ + +
查看权
+ + +
管理权
+ + + + + +
复制
+ + +
{ + console.log("点击了"); + }} + > + 取消 +
+ + + +
+ ) : ( +
+ )} + {value.status === "待审核" ? ( +
+ +
开课
+ + +
撤回
+ + + +
权限名单
+ + +
{ + console.log("点击了"); + }} + > + 归属权 +
+ + +
查看权
+ + +
管理权
+ + + +
+ ) : ( +
+ )} + {value.status === "未提交" ? ( +
+ +
开课
+ + +
编辑
+ +
复制
+
+ ) : ( +
+ )} + {value.status === "审核未通过" ? ( +
+ +
开课
+ + +
编辑
+ +
复制
+ + + +
权限名单
+ + +
{ + console.log("点击了"); + }} + > + 归属权 +
+ + +
查看权
+ + +
管理权
+ + + +
删除
+ +
+ ) : ( +
+ )} +
+
+ ); + } + }); state.tableData = data; }; getTableDate(); @@ -2204,48 +2346,72 @@ export default defineComponent({ .op_box { display: flex; justify-content: right; - .opacation { - font-size: 14px; - font-weight: 400; - color: #4ea6ff; - // line-height: 36px; - .activecls { - display: inline-block; - } - .errorCls { - display: none; - } - .more { - position: relative; - .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; - // height: 70px; - display: none; - background: #ffffff; - box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05); - border-radius: 3px; - border: 0px solid #dcdcdc; - align-items: center; - position: absolute; - left: 0px; - top: 18px; - z-index: 9999 !important; + // .opacation { + // font-size: 14px; + // font-weight: 400; + // color: #4ea6ff; + // // line-height: 36px; + // .activecls { + // display: inline-block; + // } + // .errorCls { + // display: none; + // } + // .more { + // position: relative; + // .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; + // // height: 70px; + // display: none; + // background: #ffffff; + // box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05); + // border-radius: 3px; + // border: 0px solid #dcdcdc; + // align-items: center; + // position: absolute; + // left: 0px; + // top: 18px; + // z-index: 9999 !important; + // } + // } + // .more:hover .moreArrow { + // background-image: url("@/assets/images/navtop/up.png"); + // } + // .more:hover .moreItems { + // display: block; + // } + // } + } + .operation { + display: flex; + justify-content: right; + .nSelect { + .nselect { + display: flex; + .jc { + color: #4ea6ff; + font-size: 14px; + margin-left: 20px; } } - .more:hover .moreArrow { - background-image: url("@/assets/images/navtop/up.png"); - } - .more:hover .moreItems { - display: block; + } + .tableSelect { + margin-right: 20px; + display: flex; + align-items: center; + justify-content: right; + .g1 { + color: #4ea6ff; + font-size: 14px; } } }