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:
dongwug
2022-10-22 11:38:21 +08:00
parent c6929172bd
commit 876a2dfcd9
2 changed files with 86 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/taskpage/picture8.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

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

@@ -352,8 +352,28 @@
</div>
</a-collapse-panel>
</a-collapse>
<!-- 无数据创建任务 -->
<div
class="taskbox"
style="background: linear-gradient(180deg, #ddeaff, #f0f8fe);
display: none;"
>
<div class="leftt">
<img src="../../assets/images/taskpage/left2.png" />
</div>
<div class="photo">
<img src="../../assets/images/taskpage/picture8.png" />
</div>
<div class="rightt">
<img src="../../assets/images/taskpage/right2.png" />
</div>
<div class="centerbox" style="color: rgba(78, 166, 255, 1)">
创建任务
</div>
<div class="centermain">点击创建项目任务</div>
</div>
<!-- 无数据创建任务 -->
</div>
<div style="display: flex; height: 20px"></div>
</a-tab-pane>
<a-tab-pane key="3" tab="学员">
@@ -730,7 +750,9 @@
</div>
</div>
</a-tab-pane>
<a-tab-pane key="5" tab="项目积分">Content of Tab Pane 3</a-tab-pane>
<a-tab-pane key="5" tab="项目积分">
Content of Tab Pane 3
</a-tab-pane>
<a-tab-pane key="6" tab="排行榜">
<div class="content6">
<div class="title">排行榜</div>
@@ -866,7 +888,7 @@
<div class="set_body">
<div class="edit" @click="edit_hShow">
<div class="img"></div>
<div class="ed">编辑11</div>
<div class="ed">编辑</div>
</div>
<div class="set_content">
<div class="setc_name"><span>项目名称：</span></div>
@@ -1178,7 +1200,7 @@
>编辑</span
>
</div>
<div style="cursor: pointer; margin-right: 32px" @click="closeModal">
<div style="cursor: pointer; margin-right: 32px" @click="edit_exit">
<img
style="width: 22px; height: 22px"
src="../../assets/images/basicinfo/close.png"
@@ -1211,24 +1233,11 @@
<div class="signbox">
<span style="margin-right: 3px">直播封面：</span>
</div>
<div class="textarea">
<a-upload
v-model:file-list="fileList"
name="avatar"
list-type="picture-card"
class="avatar-uploader"
:show-upload-list="false"
action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
:before-upload="beforeUpload"
@change="handleChange"
>
<img v-if="imageUrl" :src="imageUrl" alt="avatar" />
<div v-else>
<loading-outlined v-if="loading"></loading-outlined>
<plus-outlined v-else></plus-outlined>
<div class="ant-upload-text">Upload</div>
</div>
</a-upload>
<div class="lodalimg">
<div class="lodalcenter">
<span style="color:#448EF7;margin-right: 10px;">+</span>
<span style="color:#448EF7;">添加图片</span>
</div>
</div>
</div>
<div class="main_item">
@@ -2133,6 +2142,8 @@ export default {
};
const edit_exit = () => {
state.edit_hs = false;
state.radioV1 = "";
state.radioV2 = "";
};
const cloradio1 = (value) => {
if (value != "") {
@@ -2988,6 +2999,46 @@ export default {
border-top: 0px;
}
}
.taskbox {
width: 412px;
height: 160px;
border-radius: 10px;
position: relative;
margin-left: 68px;
margin-bottom: 40px;
margin-top: 32px;
cursor: pointer;
.leftt {
position: absolute;
top: 18px;
left: 0;
}
.photo {
position: absolute;
top: 42px;
left: 37px;
}
.rightt {
position: absolute;
top: 69px;
right: 26px;
}
.centerbox {
position: absolute;
top: 52px;
left: 145px;
font-size: 20px;
font-weight: 700;
//line-height: 36px;
}
.centermain {
color: rgba(135, 139, 146, 1);
font-size: 14px;
position: absolute;
left: 144px;
bottom: 49px;
}
}
.stage {
display: flex;
height: 49px;
@@ -3731,6 +3782,19 @@ export default {
margin-right: 5px;
}
}
.lodalimg{
width:120px;
height:120px;
border:1px dashed #387DF7;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
.lodalimg{
display: flex;
white-space: nowrap;
}
}
.kqszbox {
.qdqtbox {
margin-left: 5px;