feat：编辑的退出和上传样式 任务大纲无数据

src/views/projectcenter/TaskPage.vue

@@ -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">
+              <div class="lodalimg">
-                <a-upload
+                <div class="lodalcenter">
-                  v-model:file-list="fileList"
+                  <span style="color:#448EF7;margin-right: 10px;">+</span>
-                  name="avatar"
+                  <span style="color:#448EF7;">添加图片</span>
-                  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>
             </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;