#

src/App.vue

@@ -191,7 +191,7 @@
           }
 
           .selectTop{
-            width: 60%;
+            width: 64.3%;
             display: flex;
           }
 
@@ -207,7 +207,7 @@
               
             }
             .selectRight{
-              width: 25%;
+              width: 29%;
               height: 150px;
               display: flex;
               flex-direction: column;

src/views/projectApplicationApplyMain.vue

@@ -359,13 +359,14 @@
         flex-direction: column;
         margin: 30px 0 0 10px;
         span{
-          width: 85px;
+          width: 100px;
           color: #fff;
           margin-bottom: 30px;
         }
       }
       .sx{
         margin-top: 30px;
+        margin-left: 8px;
         width: 1px;
         height: 400px;
         background: #84888d;
@@ -374,7 +375,7 @@
           height: 10px;
           background: #fff;
           border-radius: 50px;
-          margin-left: -4px;
+          margin-left: -4.5px;
         }
       }
     }

src/views/projectApplicationDetails.vue

@@ -25,20 +25,20 @@
      <div class="select">
               <div class="selectTop">
                 <div class="label">项目名称</div>
-                <el-input v-model="input" placeholder="请输入内容"></el-input>
+                <el-input v-model="select.project" placeholder="请输入内容"></el-input>
               </div>
               <div class="selectMid">
                 <div class="selectLeft">
                  
                     <div class="inpBlock">
                         <div class="label">负责人</div>
-                        <el-input v-model="input" placeholder="请输入内容"></el-input>
+                        <el-input v-model="select.person" placeholder="请输入内容"></el-input>
                     </div>
                     <div class="inpBlock">
                         <div class="label">所在部门</div>
-                        <el-select v-model="input" style="width: 100%;" placeholder="请选择">
+                        <el-select v-model="select.input" style="width: 100%;" placeholder="请选择">
                           <el-option
-                            v-for="item in options"
+                            v-for="item in select.department"
                             :key="item.value"
                             :label="item.label"
                             :value="item.value">
@@ -47,7 +47,7 @@
                     </div>
                     <div class="inpBlock">
                         <div class="label">联系电话</div>
-                        <el-input v-model="input" placeholder="请输入内容"></el-input>
+                        <el-input v-model="select.tel" placeholder="请输入内容"></el-input>
                     </div>
                 </div>
 
@@ -55,7 +55,7 @@
                   <div class="inpBlock">
                         <div class="label">项目开始时间</div>
                         <el-date-picker
-                          v-model="input"
+                          v-model="select.Date"
                           type="date"
                           style="width: 100%;"
                           placeholder="选择日期">
@@ -63,7 +63,7 @@
                     </div>
                     <div class="inpBlock">
                         <div class="label">预算总经费</div>
-                        <el-input v-model="input" placeholder="请输入内容"></el-input>
+                        <el-input v-model="select.Fund" placeholder="请输入内容"></el-input>
                     </div>
                     
                 </div>
@@ -113,15 +113,14 @@
         
         <el-table-column
           prop="operation"
+          align="center"
           label="操作"
           >
-          <!-- <template #default="scope"> -->
+          <template #default="scope">
               <div class="operations">
-                  <!-- <el-button type="primary" > -->
-                      <el-button type="primary" class="bt1" size="mini" style="background: #477edd">查看详情</el-button>
-                  <!-- </el-button> -->
+                      <el-button type="primary" @click="lookDetail(scope)" size="mini">查看详情</el-button>
               </div>
-          <!-- </template> -->
+          </template>
         </el-table-column>
       </el-table>
       <!-- 项目成员结束 -->
@@ -131,7 +130,6 @@
           项目简介
     </div>
     <hr>
-    <!-- <div class="projectApplicationDetailstextArea"> -->
       <el-input
         type="textarea"
         :rows="6"
@@ -139,7 +137,6 @@
         placeholder="请输入内容"
         v-model="textarea">
       </el-input>
-    <!-- </div> -->
     <!-- 项目简介结束 -->
 
 
@@ -153,13 +150,36 @@
     export default {
       data() {
         return {
+          select:{
+            project:'疯狂星期四',
+            person:'袁一鸣',
+            department:[
+              {
+                value: '1',
+                label: '肯德基'
+              },
+              {
+                value: '2',
+                label: '麦当劳'
+              },
+              {
+                value: '3',
+                label: '华莱士'
+              },
+            ],
+            tel:'17739460368',
+            Date:'2023-11-12',
+            Fund:'200000',
+            input:"肯德基",
+          },
+
           options: [{
             value: '选项1',
             label: '中德学院'
           }],
           value: '中德学院',
           textarea:'',
-         input:'',
+          input:'',
         
           tableData:[{
             Name:'徐晓慧',
@@ -167,18 +187,6 @@
             tel:'13751177411',
             score:'-',
           },
-          {
-            Name:'中国',
-            class:'22电子通信G5',
-            tel:'13751177411',
-            score:'-',
-          },
-          {
-            Name:'林凡文',
-            class:'22电子通信G5',
-            tel:'13751177411',
-            score:'-',
-          },
           ],
           pavalues:{
             value:'',
@@ -191,8 +199,10 @@
         }
       },
       methods:{
+        lookDetail(){   //查看详情
+
+        },
         content(){
-          // alert('111')
           this.$router.push('/projectApplicationDetails')
         },
         remark(){
@@ -243,13 +253,7 @@
     }
     
   }
-  .operations{
-    display: flex;
-    flex-shrink: 0;
-    .bt1{
-      font-size: 14px;
-    }
-  }
+
   .tabTit{
       width: 100%;
       text-align: left;