mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-08 10:26:44 +08:00
feat：操作（没弄完）
This commit is contained in:
dongwug
@@ -1577,38 +1577,180 @@ export default defineComponent({
|
||||
|
||||
const getTableDate = () => {
|
||||
let data = state.tableData;
|
||||
// data.map((value) => {
|
||||
// value.operation = (
|
||||
// // value.courseform === '面授' ?
|
||||
// <div class="op_box">
|
||||
// <div class="operation">
|
||||
// <span class={value.courseform === '面授' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >开课</span>
|
||||
// <span class={value.ynuse === '停用' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >停用</span>
|
||||
// <span class={value.status === '未提交' || value.status === '审核未通过' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >编辑</span>
|
||||
// <span onClick={() => {}} class={value.status === '已审核' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >管理</span>
|
||||
// <span class={value.status === '待审核' ? "errorCls" : "activecls"} style={{ "margin-left": "25px" }} >复制</span>
|
||||
// <span style={{ "margin-left": "25px" }} class="more">
|
||||
// <span>授权</span>
|
||||
// <div class="moreArrow"></div>
|
||||
// <div class="moreItems">
|
||||
// <span style="color:#4EA6FF;">权限名单</span>
|
||||
// <div class="mitems1">归属权</div>
|
||||
// <div class="mitems2">管理权</div>
|
||||
// <div class="mitems3">查看权</div>
|
||||
// </div>
|
||||
// </span>
|
||||
// <span
|
||||
// style={{ "margin-left": "21px", "margin-right": "30px" }}
|
||||
// class="more"
|
||||
// >
|
||||
// <span>更多</span>
|
||||
// <div class="moreArrow"></div>
|
||||
// <div class="moreItems"></div>
|
||||
// </span>
|
||||
// </div>
|
||||
// </div>
|
||||
// );
|
||||
// });
|
||||
data.map((value) => {
|
||||
{
|
||||
//单层项目
|
||||
value.operation = (
|
||||
<div class="operation">
|
||||
<div class="nSelect">
|
||||
{value.status === "已审核" ? (
|
||||
<div class="nselect">
|
||||
<router-link to="/leveladd">
|
||||
<div class="jc">开课</div>
|
||||
</router-link>
|
||||
|
||||
<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>
|
||||
|
||||
<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;
|
||||
};
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user