优化统计填报

src/views/sunVillage_info/statistical_report_edit.vue

@@ -137,7 +137,7 @@
         <div class="table_main">
             <div class="head_wrap">
                <div class="project_name">项目名称</div>
-               <div class="unit_count">计数单位</div>
+               <div class="unit_count">单位</div>
                <div class="numerical_value">数值</div>
             </div>
             <div class="thead_wrap">
@@ -158,7 +158,9 @@
                                             <div class="subclass">{{val.projectName}}</div>
                                             <div class="unit_munt">{{val.measuringUnit}}</div>
                                             <div class="number_value">
-                                                <van-stepper v-model="val.currentYearNumber"   min="0"/> 
+                                                <!-- <van-stepper v-model="val.currentYearNumber"   min="0"/> 
+                                                <input type=""> -->
+                                                <van-field v-model="val.currentYearNumber" type="number" />
                                             </div>
                                         </div>
                                
@@ -170,7 +172,8 @@
                                 <div class="type_project">{{data.projectName}}</div>
                                 <div class="unit_munt">{{data.measuringUnit}}</div>
                                 <div class="number_value">
-                                    <van-stepper v-model="data.currentYearNumber" min="0" /> 
+                                    <!-- <van-stepper v-model="data.currentYearNumber" min="0" />  -->
+                                    <van-field v-model="data.currentYearNumber" type="number" />
                                 </div>
                             </div>
 
@@ -599,7 +602,7 @@ export default {
         
    }
    .table_main{
-        padding:20px  0 0 24px;
+        padding:0px  24px 0 24px;
         div{
             box-sizing: border-box;
         }
@@ -619,17 +622,18 @@ export default {
                 justify-content: center;
             }
             .project_name{
-                width: 314px;
+                width: 359px;
                 background: #2facfe;
                 color: #fff;
                 border-radius: 8px;
             }
             .unit_count{
-                width: 173px;
+                width: 140px;
                 border-right: 1px solid #0469ab;
             }
             .numerical_value{
-                width: 239px;
+                width: 204px;
+                border-right: 1px solid #0469ab;
             }
         }
 
@@ -673,7 +677,7 @@ export default {
                         }
 
                         .type_project{
-                            width: 251px;
+                            width: 296px;
                             font-size: 28px;
                             background: #aad8f6;
                             padding:0 14px;
@@ -681,13 +685,21 @@ export default {
                             border-right: 1px solid #0469ab;
                         }
                         .unit_munt{
-                            width: 173px;
+                            width: 140px;
                             font-size: 28px;
                             border-right: 1px solid #0469ab;
                         }
                         .number_value{
-                            width: 239px;
+                            width: 204px;
+                            border-right: 1px solid #0469ab;
+                           .van-cell {
+                                padding:20px 16px;
+                                background: none;
+                            
+                           }
                            
+                            
+                        
                         }
 
 
@@ -791,8 +803,12 @@ export default {
             font-size: 30px;
             color: #2facfe;
         }
+        .van-field__control{
+            text-align: center;
+        }
     }
 
 }
 
+
 </style>