检品机合计行排序优化

src/view/yunyin/shengchanguanli/shebeiyunxing.vue

@@ -2564,13 +2564,42 @@ const JPmachineDetails = async (jt, riqi) => {
   if (JPmachineDetail_data.code === 0) {
 	let totalA = JPmachineDetail_data.data.totalA
 	let totalB = JPmachineDetail_data.data.totalB
-	
+
+	// 对 totalA 和 totalB 进行排序 结果放在 sortedTotalA 和 sortedTotalB 中
+	const sortedTotalA = totalA.sort((a, b) => {
+	const typeOrder = {
+		"": 1, // 空字符串排在最前面
+		"次品版": 2,
+		"废品版": 3,
+		"正品版": 4
+	};
+
+	// 如果某个类型不存在于typeOrder中，则默认它排在最后（可以调整这个逻辑）
+	const orderA = typeOrder[a["检验类型"]] || Infinity;
+	const orderB = typeOrder[b["检验类型"]] || Infinity;
+
+	return orderA - orderB; // 升序排序
+	});
+	const sortedTotalB = totalB.sort((a, b) => {
+	const typeOrder = {
+		"": 1, // 空字符串排在最前面
+		"次品版": 2, 
+		"废品版": 3,
+		"正品版": 4
+	};
+
+	// 如果某个类型不存在于typeOrder中，则默认它排在最后（可以调整这个逻辑）
+	const orderA = typeOrder[a["检验类型"]] || Infinity;
+	const orderB = typeOrder[b["检验类型"]] || Infinity;
+
+	return orderA - orderB; // 升序排序
+	});
 	delete JPmachineDetail_data.data.totalA
 	delete JPmachineDetail_data.data.totalB
 	JPgytableData.value = Object.values(JPmachineDetail_data.data)
-	// 遍历 totalA 和 totalB 数组，将每个元素添加到新的行中
-	if (totalA.length !== 0) {
-    totalA.forEach((item) => {
+	// 遍历 sortedTotalA 和 sortedTotalB 数组，将每个元素添加到新的行中
+	if (sortedTotalA.length !== 0) {
+		sortedTotalA.forEach((item) => {
         let rowA = {
             产品名称: `A班${item.检验类型}合计：`, 
             计件箱数: `${item.箱数}`, // 添加合计箱数字段
@@ -2580,8 +2609,8 @@ const JPmachineDetails = async (jt, riqi) => {
     });
 }
 
-if (totalB.length !== 0) {
-    totalB.forEach((item) => {
+if (sortedTotalB.length !== 0) {
+    sortedTotalB.forEach((item) => {
         let rowB = {
             产品名称: `B班${item.检验类型}合计：`, 
             计件箱数: `${item.箱数}`,// 添加合计箱数字段
@@ -7920,11 +7949,11 @@ const sbzyqdsatusCellClass = ({row, column, rowIndex, columnIndex}) =>{
   margin-right: 10px !important;
 }
 
-.bt {
+/* .bt {
   margin-left: 2px !important;
   padding: 3px !important;
   font-size: 12px;
-}
+} */
 
 .el-tabs__header {
   margin: 0px !important;