合并

src/App.vue

@@ -101,22 +101,36 @@
       }
   }
 
-  .pA1Header{   //二级页面一级标题
-    width: 90%;
+  .header{   //二级页面一级标题
+    width: 100%;
     display: flex;
     height: 35px;
-    justify-content:space-between;
+    justify-content:flex-start;
     margin-bottom: 15px;
-    .pAHeader1{
+    position: relative;
+    .titleOne{
       text-align: left;
       font-weight: 600;
       font-size: 22px;
       flex-shrink: 0;
     }
-    .pAHeader1STit{
+    .smallTitle{
+      position: absolute;
+      top: 8px;
+      left: 160px;
       font-size: 16px;
-      margin-top: 10px;
-      margin-left: 15px;
+    }
+    .titleBtn{
+      background: #0e72e6 !important;
+      color: #fff !important;
+      display: flex;
+      position: absolute;
+      right: 0;
+      justify-content: center;
+      font-size: 16px;
+      width: 100px;
+      height: 30px;
+      align-items: center;
     }
   }
 
@@ -125,13 +139,17 @@
         font-size: 18px;
         font-weight:bold;
         margin-top: 20px;
-        margin-bottom: 13px;
+        margin-bottom: 15px;
         display: flex;
+        position: relative;
         justify-content: space-between;
         [type='button']{
         background: #0e72e6 !important;
         color: #fff !important;
         display: flex;
+        position: absolute;
+        top: 0;
+        right: 0;
         justify-content: center;
         font-size: 16px;
         width: 100px;
@@ -263,7 +281,7 @@
         }
       }
   .baseBtn{     //所有页面底部按钮框
-    width: 98%;
+    width: 100%;
     display: flex;
     justify-content: flex-end;
     margin: 30px 0;

src/views/projectApplicationApply.vue

@@ -19,9 +19,8 @@
         <div class="right">
             <div class="projectApplicationApplypAHeader">
               <div class="pAHeader1">项目立项申请</div>
-              <div class="pAHeader2">申请开放时间为2023年××月××日9:00</div>
-              <div class="pAHeader2">截止时间为2023年××月××日18:00</div>
-              <div class="pAHeader3" @click="backBtn1">返回</div>
+              <div class="pAHeader2">申请开放时间为2023年××月××日9:00 &nbsp;  截止时间为2023年××月××日18:00</div>
+              <el-button class="pAHeader3" @click="backBtn1" type="primary" size="mini">返回</el-button>
             </div>
             <hr>
 
@@ -123,14 +122,14 @@
                   prop="operation"
                   label="操作"
                   >
-                  <!-- <template #default="scope"> -->
+                  <template #default="scope">
                       <div class="operations">
                           <!-- <el-button type="primary" > -->
-                              <el-button type="primary" class="bt1" size="mini">修改</el-button>
-                              <el-button type="primary" class="bt1" size="mini">删除</el-button>
+                              <el-button type="primary"  size="mini">修改</el-button>
+                              <el-button type="primary" @click="Del(scope)" size="mini">删除</el-button>
                           <!-- </el-button> -->
                       </div>
-                  <!-- </template> -->
+                  </template>
                 </el-table-column>
               </el-table>
   <!-- 项目成员表格结束 -->
@@ -236,8 +235,11 @@
             this.addPerson();
             this.init()
         },
-
+        Del(){
+          
+        }
       },
+      
       created(){
         // this.value=(this.options[0].value)
       },
@@ -265,61 +267,38 @@
         margin-bottom: 20px;
         // 右边栏标题
         .projectApplicationApplypAHeader{
-            width: 90%;
+            width: 100%;
             display: flex;
             justify-content:flex-start;
             position: relative;
+            margin-bottom: 15px;
             .pAHeader1{
-              // width: 150px;
               font-weight: 600;
               font-size: 22px;
               flex-shrink: 0;
             }
             .pAHeader2{
-              margin: 10px 0 0 20px;
+              position: absolute;
+              top:8px;
+              left: 160px;
               font-size: 16px;
               background: repeating-linear-gradient();
             }
+            .pAHeader3{
+              background: #0e72e6 !important;
+              color: #fff !important;
+              display: flex;
+              position: absolute;
+              right: 0;
+              justify-content: center;
+              font-size: 16px;
+              width: 100px;
+              height: 30px;
+              align-items: center;
+            }
         }
-        // 输入框部分
-        .projectApplicationApplySelects{
-                width: 80%;
-                margin: 20px 0px;
-                display: flex;
-                flex-wrap: wrap;
-              .inp1{
-                  display: flex;
-                  margin-top: 10px;
-                  margin-bottom: 15px;
-                  width: 36%;
-                  margin-right: 11%;
-                  .inpText{
-                      max-width: 100px;
-                      min-width: 100px;
-                      margin-right: 5px;
-                      display: inline-block;
-                      text-align: justify;
-                      text-justify:distribute-all-lines;
-                      text-align-last: justify;
-                      transform: translate(0,22%);
-                      padding-right: 15px;
-                      font-size: 16px;
-                  }
-              }
-        }
-
-
-        // 表格
        
-          .operations{
-            display: flex;
-            justify-content: center;
-            flex-shrink: 0;
-              .bt1{
-                margin-left:5px ;
-                font-size:14px ;
-              }
-          }
+
 
 
     }

src/views/projectApplicationApply2.vue

@@ -12,9 +12,9 @@
           </div>
         </div>
         <div class="right">
-            <div class="projectApplicationApplypAHeader">
+            <div class="pA1Header">
               <div class="pAHeader1">项目立项申请</div>
-              <div class="pAHeader3" @click="back()" style="cursor: pointer;">返回</div>
+              <el-button class="pAHeader3" @click="backBtn1" type="primary" size="mini">返回</el-button>
             </div>
             <hr>
             <div>