fix: 计划进度bug

src/page_report/planProgress.vue

@@ -14,49 +14,53 @@
       />
     </u-sticky>
     <uni-card :is-shadow="false" is-full>
-      <uni-row>
+      <view class="u-flex justify-between">
-        <uni-col>
+        <view class="u-flex">
-          <text class="uni-h6" >计划:</text>
+          <u-image
-          <el-text class="mx-1" type="primary">{{planDo.code}}</el-text>
+              src="@/static/images/icon/product.png"
-        </uni-col>
+              width="40rpx"
-        <uni-col>
+              height="40rpx"
-          <text class="uni-h6">产品:</text>
+          />
-          <el-text class="mx-1" type="warning">{{planDo.productName}}</el-text>
+          <el-text class="u-m-l-10">{{planDo.productName}}</el-text>
-        </uni-col>
+        </view>
-      </uni-row>
+        <el-text type="success">{{planDo.code}}</el-text>
+      </view>
     </uni-card>
-      <el-table  :data="progressList" :stripe="true" :show-overflow-tooltip="true">
+    <uni-table ref="table" stripe emptyText="暂无数据">
-        <el-table-column label="工序" align="center" prop="orgType" >
+      <uni-tr>
-          <template #default="scope">
+        <uni-th width="60" align="center">工序</uni-th>
-            <text> {{findTextByValue(scope.row.orgType)}}</text>
+        <uni-th width="60" align="center">数量</uni-th>
-          </template>
+        <uni-th width="80" align="center">进度</uni-th>
-        </el-table-column>
+        <uni-th width="60" align="center">废品</uni-th>
-        <el-table-column label="数量" align="center" prop="totalQualityNumber" width="80px"/>
+        <uni-th width="60" align="center">废品率</uni-th>
-        <el-table-column label="进度" align="center">
+      </uni-tr>
-          <template #default="scope">
+      <uni-tr v-for="(item, index) in progressList" :key="index">
-            <el-progress
+        <uni-td><text> {{ findTextByValue(item.orgType )}}</text></uni-td>
-                :percentage="Number((scope.row.totalQualityNumber/planDo.planNumber)*100).toFixed(2)"
+        <uni-td>
-                :stroke-width="15"
+          <view class="name">{{ item.totalQualityNumber }}</view>
-                :striped="true"
+        </uni-td>
-                :striped-flow="true"
+        <uni-td align="center">
+          <u-line-progress
+            :percentage="Number((item.totalQualityNumber/planDo.planNumber)*100).toFixed(2)"
+            active-color="#50E0C1"
+            inactive-color="rgba(139, 237, 215, 0.47)"
           />
-          </template>
+        </uni-td>
-        </el-table-column>
+        <uni-td>
-        <el-table-column label="废品" align="center" prop="totalWasteNumber"  width="60px"/>
+          <view class="name">{{ item.totalWasteNumber }}</view>
-        <el-table-column label="废品率" align="center" >
+        </uni-td>
-          <template #default="scope">
+        <uni-td>
-            <span class="percentage-value">{{Number((scope.row.totalWasteNumber/(scope.row.totalQualityNumber+scope.row.totalWasteNumber))*100 ).toFixed(2)}}%</span>
+          <view class="name">{{ Number((item.totalWasteNumber/(item.totalQualityNumber + item.totalWasteNumber))*100 ).toFixed(2)}}%</view>
-          </template>
+        </uni-td>
-        </el-table-column>
+      </uni-tr>
-      </el-table>
+    </uni-table>
 	</view>
 </template>
 
 <script>
 
-import {processTypes,findTextByValue} from "@/api/system/dict/data";
+import { processTypes, findTextByValue } from "@/api/system/dict/data";
-import {getPlanProgress,getById} from "@/api/mes/plan"
+import { getPlanProgress } from "@/api/mes/plan"
-
 import tab from "@/plugins/tab";
 import modal from "@/plugins/modal";
 export default {