更改了项目管理的预算经费里的资金申报明细查看详细表达布局

src/views/ProjectManagementFund2.vue

@@ -147,7 +147,7 @@
         <div class="dagInpS">
           <div class="dagInpS1">
             <div class="dagSpan">直接经费</div>
-            <el-select v-model="value" style="width: 100%;" placeholder="请选择">
+            <el-select v-model="value" placeholder="请选择">
                 <el-option
                   v-for="item in options"
                   :key="item.value"
@@ -228,7 +228,7 @@
       export default {
         data() {
           return {
-            fundDetail:true,
+            fundDetail:false,
             options: [ 
               {
                 value: '选项5',
@@ -408,7 +408,8 @@
       padding-top: 0px;
     }
     .dagSpan{
-      width: 100px;
+      min-width: 60px;
+      max-width: 60px;
       display: flex;
       justify-content:flex-end;
       margin-right: 9px;
@@ -432,17 +433,38 @@
       justify-content: space-between;
       .dagInpS1{
         display: flex;
-        margin-left: 10px;
+        min-width: 23%;
+        max-width: 23%;
+      }
+      .dagInpS1:nth-child(1){
+        min-width: 30%;
+        max-width: 30%;
+        .dagSpan{
+          display: inline-block;
+          text-align: justify;
+          text-justify:distribute-all-lines;
+          text-align-last: justify;
+          transform: translate(0,22%);
+        }
+      }
+      .dagInpS1:nth-child(n+2) .dagSpan{
+        min-width: 45px;
+        max-width: 45px;
+
       }
     }
     .dagInpS2{
-        margin: 20px;
+        margin:20px 0 20px 0;
         display: flex;
-        margin-left: 25px;
         .dagSpan2{
-          width: 60px;
-          text-align: right;
+          max-width: 60px;
+          min-width: 60px;
           margin-right: 10px;
+          // text-align: right;
+          display: inline-block;
+          text-align: justify;
+          text-justify:distribute-all-lines;
+          text-align-last: justify;
         }
     }
   }