1

src/components/index/scoreDetails/examDetailsComponents.vue

 <template>
 	<view class="examDetailsComponents-box">
-		<view class="examDetailsComponents activeTwo mismatchActive flex">
-            <view class="examDetailsComponents-time-box flex">
-                <view class="examDetailsComponents-time flex">
-                    <view>周</view>
-                    <text>潇潇</text>
-                </view>
-                <view class="examDetailsComponents-line">
-                    <view class="examDetailsComponents-point"></view>
-                </view>
-            </view>
-            <view class="examDetailsComponents-center-box">
-                <view class="Mismatch-box">
-                    <view class="Mismatch-title flex">
-                        <van-icon name="warning" />
-                        <text>学员不匹配</text>
-                    </view>
-                </view>
-                <view class="examDetailsComponents-center flex">
-                    <view class="examDetailsComponents-left flex">
-                        <view class="operation-state flex">
-                            <view class="operation-state-img"></view>
-                            <view class="operation-state-text">未批阅</view>
-                        </view>
-                        <view class="operation-name">2022-05-22</view>
-                    </view>
-                    <view class="examDetailsComponents-right flex">
-                        <view class="homework-score flex">
-                            <view class="homework-score-title">
-                                得分 <text>86</text> 分
-                            </view>
-                        </view>
-                        <view class="homework-score flex">
-                            <view class="homework-score-title">
-                                得分率 <text>86</text> 分
-                            </view>
-                        </view>
-                    </view>
-                </view>
-            </view>
-        </view>
-        <view class="examDetailsComponents activeOne flex" v-for="(item,index) in ExamStu" :key="index">
+        <view class="examDetailsComponents activeOne flex" v-for="(item,index) in ExamStu" :key="index" :class="item.StuId ==0?'mismatchActive':''">
             <view class="examDetailsComponents-time-box flex">
                 <view class="examDetailsComponents-time flex">
                     <view>{{item.StuName.substring(0,1)}}</view>
@@ -51,6 +11,12 @@
                 </view>
             </view>
             <view class="examDetailsComponents-center-box">
+				<view class="Mismatch-box" v-if="item.StuId ===0">
+				    <view class="Mismatch-title flex">
+				        <van-icon name="warning" />
+				        <text>学员未匹配</text>
+				    </view>
+				</view>
                 <view class="examDetailsComponents-center flex">
                     <view class="examDetailsComponents-right flex">
                         <view class="homework-score flex">