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

feat：新增删除任务弹窗 任务-无数据

Browse Source
This commit is contained in:
songwc
2022-10-22 11:37:54 +08:00
parent 570024e06c
commit ca4b370b24
2 changed files with 115 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/views/projectcenter/TaskAdd.vue
View File

@@ -468,6 +468,36 @@
</div>
</div>
</a-modal>
<!-- 确认删除阶段弹窗 -->
<a-modal
v-model:visible="deleteModal"
:footer="null"
:closable="cC"
wrapClassName="ConfirmModal"
centered="true"
>
<div class="delete">
<div class="del_header"></div>
<div class="del_main">
<div class="header">
<div class="icon"></div>
<span>提示</span>
<div class="close_exit" @click="closeDelete"></div>
</div>
<div class="body">
<span>您确定要删除此任务吗</span>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="delete_exit">取消</div>
</div>
<div class="del_btn btn2">
<div class="btnText" @click="showModal">确定</div>
</div>
</div>
</div>
</div>
</a-modal>
</div>
</template>
@@ -795,6 +825,7 @@ export default {
confirmModal: false, //确认添加阶段弹窗
cC: false,
cancelModal: false, //确认取消阶段弹窗
deleteModal: false, //确认删除弹窗
});
const selectProjectName = (value, index) => {
console.log("value", value, index);
@@ -915,7 +946,14 @@ export default {
>
编辑
</span>
<span style="color:#4EA6FF;cursor:pointer">删除</span>
<span
style="color:#4EA6FF;cursor:pointer"
onClick={() => {
showDelete();
}}
>
删除
</span>
</div>
</div>
);
@@ -1003,7 +1041,12 @@ export default {
const closeCancel = () => {
state.cancelModal = false;
};
const showDelete = () => {
state.deleteModal = true;
};
const closeDelete = () => {
state.deleteModal = false;
};
return {
...toRefs(state),
selectProjectName,
@@ -1031,6 +1074,8 @@ export default {
closeConfirm,
showCancel,
closeCancel,
showDelete,
closeDelete,
};
},
};

68
src/views/projectcenter/TaskPage.vue
View File

@@ -211,6 +211,25 @@
<a-tab-pane key="2" tab="任务" force-render>
<div style="flex: 1">
<div class="split"></div>
<!-- 无数据样式 -->
<div
class="notable"
style="display:none"
>
<div class="notablebox">
<div class="boxbody">
<div class="boximg"></div>
<div class="boxtitle">
<span style="color: #ffb64e; font-size: 20px">无课程</span>
</div>
<div class="boxtitle2">
<span style="color: #878b92">请点击新建开课，创建课程</span>
</div>
</div>
<div class="smallleft"></div>
<div class="smallright"></div>
</div>
</div>
<div class="onerow">
<div class="taskmain">任务大纲</div>
<button class="btn" @click="showFaceIn">批量面授报名</button>
@@ -2794,6 +2813,55 @@ export default {
margin-left: 30px;
margin-top: 10px;
}
.notable {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
.notablebox {
width: 412px;
height: 212px;
background: linear-gradient(180deg, #fef3dd 0%, #fffaf0 100%);
border-radius: 10px;
display: flex;
justify-content: center;
text-align: center;
margin-top: 77px;
margin-bottom: 109px;
cursor: pointer;
position: relative;
.smallleft {
position: absolute;
top: 18px;
left: 0px;
width: 8px;
height: 21px;
border-radius: 0px 4px 4px 0px;
background-color: #ffb64e;
}
.smallright {
position: absolute;
bottom: 18px;
right: 0px;
width: 8px;
height: 21px;
border-radius: 4px 0px 0px 4px;
background-color: #ffb64e;
}
.boxbody {
.boximg {
width: 72px;
height: 72px;
margin: 32px auto 20px auto;
background-image: url(@/assets/images/coursewareManage/nostate.png);
background-size: 100% 100%;
}
.boxtitle {
margin-bottom: 4px;
}
}
}
}
.onerow {
//width: 100%;
display: flex;