样式调整

src/page_report/planProgress.vue

@@ -35,8 +35,8 @@
         <uni-th width="60" align="center">废品率</uni-th>
       </uni-tr>
       <uni-tr v-for="(item, index) in progressList" :key="index">
-        <uni-td><text> {{ findTextByValue(item.orgType )}}</text></uni-td>
+        <uni-td align="center"><text> {{ findTextByValue(item.orgType )}}</text></uni-td>
-        <uni-td>
+        <uni-td align="center">
           <view class="name">{{ item.totalQualityNumber }}</view>
         </uni-td>
         <uni-td align="center">
@@ -48,10 +48,10 @@
             <text class="u-percentage-slot">{{Number((item.totalQualityNumber / planDo.planNumber) * 100).toFixed(2)}}%</text>
           </u-line-progress>
         </uni-td>
-        <uni-td>
+        <uni-td align="center">
           <view class="name">{{ item.totalWasteNumber }}</view>
         </uni-td>
-        <uni-td>
+        <uni-td align="center">
           <view class="name">{{ Number((item.totalWasteNumber/(item.totalQualityNumber + item.totalWasteNumber))*100 ).toFixed(2)}}%</view>
         </uni-td>
       </uni-tr>
@@ -107,7 +107,12 @@ export default {
 }
 .u-percentage-slot {
   font-size: 10px;
-  margin-left: 30px;
+  margin-left: 40px;
+}
+:deep(.u-line-progress__line) {
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 </style>

src/page_report/replaceForm.vue

@@ -56,36 +56,36 @@
           </template>
           <uni-row>
             <uni-col :span="12"  class="u-p-r-20">
-              <uni-forms-item label="成品数" required name="qualityNumber">
+              <uni-forms-item label="成品数" required name="qualityNumber" label-width="72px">
                 <uni-easyinput type="number" v-model="customFormData.produceReportDetails[index].qualityNumber" @change="changeNumber(item.id)"/>
               </uni-forms-item>
             </uni-col>
             <uni-col :span="12">
-              <uni-forms-item label="废品数" name="wasteNumber">
+              <uni-forms-item label="废品数" name="wasteNumber" label-width="72px">
                 <uni-easyinput type="number" v-model="customFormData.produceReportDetails[index].wasteNumber" @change="changeNumber(item.id)"/>
               </uni-forms-item>
             </uni-col>
           </uni-row>
           <uni-row>
             <uni-col :span="12" class="u-p-r-20">
-              <uni-forms-item label="总数" name="totalNumber">
+              <uni-forms-item label="总数" name="totalNumber" label-width="72px">
                 <uni-easyinput disabled v-model="customFormData.produceReportDetails[index].totalNumber" placeholder="" />
               </uni-forms-item>
             </uni-col>
             <uni-col :span="12">
-              <uni-forms-item label="成品率%" required name="qualityRate">
+              <uni-forms-item label="成品率%" required name="qualityRate" label-width="72px">
                 <uni-easyinput disabled type="number" v-model="customFormData.produceReportDetails[index].qualityRate" />
               </uni-forms-item>
             </uni-col>
           </uni-row>
           <uni-row>
             <uni-col :span="12" class="u-p-r-20">
-              <uni-forms-item label="打包数" name="packageNumber" >
+              <uni-forms-item label="打包数" name="packageNumber" label-width="72px">
                 <uni-easyinput type="number" v-model="customFormData.produceReportDetails[index].packageNumber" />
               </uni-forms-item>
             </uni-col>
             <uni-col :span="12">
-              <uni-forms-item label="备注" name="remark">
+              <uni-forms-item label="备注" name="remark" label-width="72px">
                 <uni-easyinput type="text" v-model="customFormData.produceReportDetails[index].remark" />
               </uni-forms-item>
             </uni-col>
@@ -360,7 +360,4 @@ export default {
 .uni-group--card {
   margin :0
 }
-.uni-group__content {
-  padding: 5px
-}
 </style>

src/pages/work.vue

@@ -260,6 +260,6 @@ onLoad(() => {
   }
 }
 .u-button {
-  height: 24.8px
+  height: 60rpx
 }
 </style>