hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-11 03:46:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat：操作（没弄完）

Browse Source
This commit is contained in:
dongwug
2022-10-11 18:31:52 +08:00
parent 731204574a
commit e53798cb5f
1 changed files with 238 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

304
src/views/courselibrary/CoursewareManage.vue
View File

@@ -1577,38 +1577,180 @@ export default defineComponent({
const getTableDate = () => { const getTableDate = () => {
let data = state.tableData; let data = state.tableData;
// data.map((value) => { data.map((value) => {
// value.operation = ( {
// // value.courseform === '面授' ? //单层项目
// <div class="op_box"> value.operation = (
// <div class="operation"> <div class="operation">
// <span class={value.courseform === '面授' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >开课</span> <div class="nSelect">
// <span class={value.ynuse === '停用' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >停用</span> {value.status === "已审核" ? (
// <span class={value.status === '未提交' || value.status === '审核未通过' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >编辑</span> <div class="nselect">
// <span onClick={() => {}} class={value.status === '已审核' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >管理</span> <router-link to="/leveladd">
// <span class={value.status === '待审核' ? "errorCls" : "activecls"} style={{ "margin-left": "25px" }} >复制</span> <div class="jc">开课</div>
// <span style={{ "margin-left": "25px" }} class="more"> </router-link>
// <span>授权</span>
// <div class="moreArrow"></div> <router-link to="/leveladd">
// <div class="moreItems"> <div class="jc">管理</div>
// <span style="color:#4EA6FF;">权限名单</span> </router-link>
// <div class="mitems1">归属权</div>
// <div class="mitems2">管理权</div> <div class="jc">复制</div>
// <div class="mitems3">查看权</div>
// </div> <a-select
// </span> style="width: 50px;margin-top:2px;margin-left:25px"
// <span value="授权"
// style={{ "margin-left": "21px", "margin-right": "30px" }} // options={state.projectNameList}
// class="more" dropdownClassName="tabledropdown"
// > >
// <span>更多</span> <a-select-option value="权限名单" label="权限名单">
// <div class="moreArrow"></div> <div>权限名单</div>
// <div class="moreItems"></div> </a-select-option>
// </span> <a-select-option value="归属权" label="归属权">
// </div> <div
// </div> onClick={() => {
// ); console.log("点击了");
// }); }}
>
归属权
</div>
</a-select-option>
<a-select-option value="查看权" label="查看权">
<div>查看权</div>
</a-select-option>
<a-select-option value="管理权" label="管理权">
<div>管理权</div>
</a-select-option>
</a-select>
<a-select
style="width: 50px;margin-top:2px;margin-left:25px"
value="更多"
// options={state.projectNameList}
dropdownClassName="tabledropdown"
>
<a-select-option
value="复制"
label="复制"
style="padding-left:35px"
>
<div>复制</div>
</a-select-option>
<a-select-option
value="取消"
label="取消"
style="padding-left:35px"
>
<div
onClick={() => {
console.log("点击了");
}}
>
取消
</div>
</a-select-option>
</a-select>
</div>
) : (
<div></div>
)}
{value.status === "待审核" ? (
<div class="nselect">
<router-link to="/leveladd">
<div class="jc">开课</div>
</router-link>
<div class="jc">撤回</div>
<a-select
style="width: 50px;margin-top:2px;margin-left:25px"
value="授权"
// options={state.projectNameList}
dropdownClassName="tabledropdown"
>
<a-select-option value="权限名单" label="权限名单">
<div>权限名单</div>
</a-select-option>
<a-select-option value="归属权" label="归属权">
<div
onClick={() => {
console.log("点击了");
}}
>
归属权
</div>
</a-select-option>
<a-select-option value="查看权" label="查看权">
<div>查看权</div>
</a-select-option>
<a-select-option value="管理权" label="管理权">
<div>管理权</div>
</a-select-option>
</a-select>
</div>
) : (
<div></div>
)}
{value.status === "未提交" ? (
<div class="nselect">
<router-link to="/leveladd">
<div class="jc">开课</div>
</router-link>
<div class="jc">编辑</div>
<div class="jc">复制</div>
</div>
) : (
<div></div>
)}
{value.status === "审核未通过" ? (
<div class="nselect">
<router-link to="/leveladd">
<div class="jc">开课</div>
</router-link>
<div class="jc">编辑</div>
<div class="jc">复制</div>
<a-select
style="width: 50px;margin-top:2px;margin-left:25px"
value="授权"
// options={state.projectNameList}
dropdownClassName="tabledropdown"
>
<a-select-option value="权限名单" label="权限名单">
<div>权限名单</div>
</a-select-option>
<a-select-option value="归属权" label="归属权">
<div
onClick={() => {
console.log("点击了");
}}
>
归属权
</div>
</a-select-option>
<a-select-option value="查看权" label="查看权">
<div>查看权</div>
</a-select-option>
<a-select-option value="管理权" label="管理权">
<div>管理权</div>
</a-select-option>
</a-select>
<div class="jc">删除</div>
</div>
) : (
<div></div>
)}
</div>
</div>
);
}
});
state.tableData = data; state.tableData = data;
}; };
getTableDate(); getTableDate();
@@ -2204,48 +2346,72 @@ export default defineComponent({
.op_box { .op_box {
display: flex; display: flex;
justify-content: right; justify-content: right;
.opacation { // .opacation {
font-size: 14px; // font-size: 14px;
font-weight: 400; // 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; color: #4ea6ff;
// line-height: 36px; font-size: 14px;
.activecls { margin-left: 20px;
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 { .tableSelect {
width: 80px; margin-right: 20px;
// height: 70px; display: flex;
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; align-items: center;
position: absolute; justify-content: right;
left: 0px; .g1 {
top: 18px; color: #4ea6ff;
z-index: 9999 !important; font-size: 14px;
}
}
.more:hover .moreArrow {
background-image: url("@/assets/images/navtop/up.png");
}
.more:hover .moreItems {
display: block;
} }
} }
} }