feat:创建任务页面

README.md

@@ -45,6 +45,7 @@ LevelAddDetail.vue:创建关卡页面
 ProjectManage.vue:项目页面
 ProjectAdd.vue:创建项目页面
 TaskPage.vue:任务页面
+TaskAdd.vue:创建任务页面
 TemplateLibrary.vue:模板页面
 
 ```

src/views/projectcenter/TaskPage.vue

@@ -20,7 +20,7 @@
             <div class="end">
                 <div style="margin-top: 20px;margin-left: 10px">
                     <img class="endimg" src="../../assets/images/leveladd/more.png"/>
-                    <div class="tableSelect" style="margin-left: 10px">
+                    <div class="tableSelect" style="margin-left: 10px;margin-right: 20px">
                   <a-select
                     style="width: 50px; color: #7096E3"
                     value="更多"
@@ -40,12 +40,11 @@
                 </div>
             </div>
             <div class="end">
-                 <div style="margin-top: 20px;margin-left: 10px">
+                 <div style="margin-top: 20px;margin-left: 10px;margin-right:30px">
                     <img class="ending" src="../../assets/images/leveladd/back.png" />
                     <span class="endtext" style="color:#4EA6FF">返回</span>
                 </div>
             </div>
-
         </div>
     </div>
     <div class="split"></div>
@@ -258,10 +257,11 @@
     width: 100%;
     display: flex;
     flex-direction: column;
-    position: relative;
+    //position: relative;
     .header {
         width: 100%;
         display: flex;
+        flex-wrap: wrap;
         .box {
             border: 12px solid #E7F2FF;
             margin: 16px 0 16px 19px;
@@ -270,12 +270,13 @@
         }
         .imgfor {
             display: flex;
+            flex: 1;
             flex-direction: column;
             margin-top: 38px;
-            //margin-left: 15px;
+            margin-left: 15px;
             //float: left;
-            position: absolute;
+            //position: absolute;
-            left: 210px;
+            //left: 210px;
             .forz {
                 font-size: 16px;
                 color: #363636;
@@ -289,9 +290,9 @@
         }
         .right {
             display: flex;
-            position: absolute;
+            //position: absolute;
-            right: 10px;
+            //right: 10px;
-            top: 5px;
+            //top: 5px;
             //float: right;
             .end {
                 border-left: 1px solid #E8EFFA;

src/views/research/ResearchAdd.vue

@@ -278,6 +278,7 @@
         margin-bottom: 14px;
         .btn {
             display: flex;
+            margin-bottom: 20px;
             justify-content: center;
             cursor: pointer;
         }