质量管理up 添加SPC分析修改center1

src/views/bigScreen/qualityManage/center.vue

@@ -4,30 +4,33 @@
 			<div class="data">
 				<div class="data-item">
 					<div><span style="font-weight: bold">质量体系整改率</span></div>
-					<div class="box"><span>{{}}</span>%</div>
-					<div style="width: 100%"><progressBar :percentage="98" /></div>
+					<div class="box">
+						<span v-if="percentage">{{ percentage }}%</span>
+					</div>
+					<div style="width: 100%">
+						<progressBar :percentage="percentage" v-if="percentage" />
+					</div>
 				</div>
 				<div class="data-item">
 					<div><span style="font-weight: bold">产品合格率</span></div>
 					<div class="box">
-						<span>{{ dataInfo.productCate }}</span
-						>%
+						<span>{{ dataInfo.productCate }}%</span>
 					</div>
 					<div style="width: 100%"><progressBar :percentage="dataInfo.productCate" /></div>
 				</div>
 				<div class="data-item">
 					<div><span style="font-weight: bold">一般性质量问题数量</span></div>
-					<div class="box" style="font-size: 18px">
-						<span style="color: #55c5a2; margin: 0 5px">↓</span>{{ dataInfo.rectificationRate }}%
-					</div>
+					<div class="box" style="font-size: 18px"><span style="color: #55c5a2; margin: 0 5px">↓</span>20%</div>
 					<div class="box">
-						<i>{{ dataInfo.commonlyProblemTotal }}/{{}}</i><span class="num2"></span>
+						<i>{{ dataInfo.commonlyProblemTotal }}</i
+						><span class="num2"></span>
 					</div>
 				</div>
 				<div class="data-item">
 					<div><span style="font-weight: bold">低层次问题数</span></div>
 					<div class="box">
-						<i>{{ dataInfo.lowProblemTotal }}/{{}}</i><span class="num2"></span>
+						<i>{{ dataInfo.lowProblemTotal }}</i
+						><span class="num2"></span>
 					</div>
 				</div>
 				<div class="data-item">
@@ -90,6 +93,11 @@ export default {
 			dataInfo: {},
 		}
 	},
+	computed: {
+		percentage() {
+			return Math.floor(this.dataInfo.rectificationRate * 100) / 100
+		},
+	},
 	mounted() {
 		this.getData()
 	},