APP工分修改状态栏及工分详情

pages/score/detail/index.uvue

@@ -73,6 +73,18 @@
 			         </view>
 			     </view>
 			 </view>
+			 
+			 <!-- 退回理由 -->
+			 <view class="info-section" v-if="detailData.orderType == 1 && detailData.scoringStatus == 'returned'">
+			      <view class="section-title">
+			          <text class="section-title-text">退回理由</text>
+			      </view>
+			      <view class="info-card">
+			          <view class="summary-content">
+			              <text class="summary-text">{{ detailData.scoreReturnReason ?? '' }}</text>
+			          </view>
+			      </view>
+			  </view>
 			
             <!-- 得分明细 -->
             <view class="info-section">
@@ -149,6 +161,7 @@
         itemCompletionFactor: number | null
         itemCompletionFactorSum: number | null
 		extraWork: string | null
+		scoreReturnReason: string | null
         scorePersonList: ScorePersonItem[] 
     }
     
@@ -167,6 +180,7 @@
         itemCompletionFactor: null,
         itemCompletionFactorSum: null,
 		extraWork: null,
+		scoreReturnReason: null,
         scorePersonList: []
     })
 
@@ -381,6 +395,10 @@
 				detailData.extraWork = (detailData.orderType == 1 ? 
 				    data.get('extraWork') : 
 				    null) as string | null
+					
+				detailData.scoreReturnReason = (detailData.orderType == 1 ?
+					data.get('scoreReturnReason') : 
+					null) as string | null
                 // 人员得分列表
                 const scorePersonList = (detailData.orderType == 1 ? 
                     data.get('repairOrderPersonList') : 

pages/score/index.uvue

@@ -18,57 +18,69 @@
 
     <!-- 工单评分状态筛选 -->
     <view class="status-bar">
-      <view class="status-box">
-        <text
-          class="status-txt"
-          :class="{ 'stauts-sel': statusFilter === '' }"
-          @click="filterByStatus('')"
-        >
-          全部
-        </text>
-        <text
-          class="status-txt"
-          :class="{ 'stauts-sel': statusFilter === 'to_self' }"
-          @click="filterByStatus('to_self')"
-        >
-          待自评
-        </text>
-        <text
-          class="status-txt"
-          :class="{ 'stauts-sel': statusFilter === 'to_re' }"
-          @click="filterByStatus('to_re')"
-        >
-          待复评
-        </text>
-		<text
-		  class="status-txt"
-		  :class="{ 'stauts-sel': statusFilter === 'appealing' }"
-		  @click="filterByStatus('appealing')"
-		>
-		  申诉中
-		</text>
-		<text
-		  class="status-txt"
-		  :class="{ 'stauts-sel': statusFilter === 'returned' }"
-		  @click="filterByStatus('returned')"
-		>
-		  已退回
-		</text>
+      <scroll-view class="scroll-view_H" direction="horizontal" show-scrollbar="false">
+        <view class="scroll-view-item_H">
+          <text
+            class="status-txt"
+            :class="{ 'stauts-sel': statusFilter === '' }"
+            @click="filterByStatus('')"
+          >
+            全部
+          </text>
+        </view>
+        <view class="scroll-view-item_H">
+          <text
+            class="status-txt"
+            :class="{ 'stauts-sel': statusFilter === 'to_self' }"
+            @click="filterByStatus('to_self')"
+          >
+            待自评
+          </text>
+        </view>
+        <view class="scroll-view-item_H">
+          <text
+            class="status-txt"
+            :class="{ 'stauts-sel': statusFilter === 'to_re' }"
+            @click="filterByStatus('to_re')"
+          >
+            待复评
+          </text>
+        </view>
+        <view class="scroll-view-item_H">
+          <text
+            class="status-txt"
+            :class="{ 'stauts-sel': statusFilter === 'to_final' }"
+            @click="filterByStatus('to_final')"
+          >
+            待终评
+          </text>
+        </view>
+        <view class="scroll-view-item_H">
+          <text
+            class="status-txt"
+            :class="{ 'stauts-sel': statusFilter === 'returned' }"
+            @click="filterByStatus('returned')"
+          >
+            已退回
+          </text>
+        </view>
+        <view class="scroll-view-item_H">
+          <text
+            class="status-txt"
+            :class="{ 'stauts-sel': statusFilter === 'appealing' }"
+            @click="filterByStatus('appealing')"
+          >
+            申诉中
+          </text>
+        </view>
         <!-- <text
-          class="status-txt"
-          :class="{ 'stauts-sel': statusFilter === 'to_confirm' }"
-          @click="filterByStatus('to_confirm')"
-        >
-          待确认
-        </text>
-        <text
-          class="status-txt"
-          :class="{ 'stauts-sel': statusFilter === 'to_final' }"
-          @click="filterByStatus('to_final')"
-        >
-          待终评
-        </text> -->
-      </view>
+                  class="status-txt"
+                  :class="{ 'stauts-sel': statusFilter === 'to_confirm' }"
+                  @click="filterByStatus('to_confirm')"
+                >
+                  待确认
+                </text>--> 
+      </scroll-view>
     </view>
 
     <view class="stats-section">
@@ -1106,6 +1118,30 @@
   }
 }
 
+.scroll-view_H {
+  width: 100%;
+  flex-direction: row;
+}
+
+.scroll-view-item_H {
+  justify-content: center;
+  align-items: center;
+  margin-right: 12rpx;
+
+  .status-txt {
+    padding: 8px 12px;
+    text-align: center;
+    border-radius: 36rpx;
+    background-color: #fff;
+    font-size: 28rpx;
+  }
+
+  .stauts-sel {
+    background-color: #007AFF;
+    color: #fff;
+  }
+}
+
 /* 工分统计 */
 .stats-section {
   margin: 15rpx 30rpx;