人员体检 左右对齐

src/views/medicalhealth/examine2/index.vue

@@ -73,33 +73,33 @@
     <div class="hezi">
       <div class="tji">人员体检统计</div>
       <div style="display: flex; flex-wrap: wrap; padding: 11px 20px">
-        <div style="width: 30%; display: flex; align-items: center; height: 100px">
-          <div class="div-l" style="flex: 2; text-align: right; margin-right: 30px">
+        <div style="width: 33.3%; display: flex; align-items: center; height: 100px">
+          <div class="div-l" style="flex: 2; text-align: right; margin-right: 30px；height:30px;">
             <span>总体检人数</span>
           </div>
-          <div class="div-r" style="flex: 1; text-align: right; margin-right: 120px">
+          <div class="div-r" style="flex: 1; text-align: right; margin-right: 180px;height:30px;">
             <span>
-              <span style="font-size: 25px; margin-right: 18px">{{tongjilist.counts }}</span>份
+              <span style="font-size: 25px; margin-right: 18px">{{tongjilist.counts }}</span>人
             </span>
           </div>
         </div>
-        <div style="width: 30%; display: flex; align-items: center; height: 100px">
-          <div class="div-l" style="flex: 2; text-align: right; margin-right: 30px">
+        <div style="width: 33.3%; display: flex; align-items: center; height: 100px">
+          <div class="div-l" style="flex: 2; text-align: right; margin-right: 30px;height:30px;">
             <span>已体检人数</span>
           </div>
-          <div class="div-r" style="flex: 1; text-align: right; margin-right: 120px">
+          <div class="div-r" style="flex: 1; text-align: right; margin-right: 180px;height:30px;">
             <span>
-              <span style="font-size: 25px; margin-right: 18px">{{ tongjilist.ytijian}}</span>份
+              <span style="font-size: 25px; margin-right: 18px">{{ tongjilist.ytijian}}</span>人
             </span>
           </div>
         </div>
-        <div style="width: 30%; display: flex; align-items: center; height: 100px">
-          <div class="div-l" style="flex: 2; text-align: right; margin-right: 30px">
+        <div style="width: 33.3%; display: flex; align-items: center; height: 100px">
+          <div class="div-l" style="flex: 2; text-align: right; margin-right: 30px;height:30px;">
             <span>未体检人数</span>
           </div>
-          <div class="div-r" style="flex: 1; text-align: right; margin-right: 120px">
+          <div class="div-r" style="flex: 1; text-align: right; margin-right: 180px;height:30px;">
             <span>
-              <span style="font-size: 25px; margin-right: 18px">{{tongjilist.wtj }}</span>份
+              <span style="font-size: 25px; margin-right: 18px">{{tongjilist.wtj }}</span>人
             </span>
           </div>
         </div>