类型报错处理

SafeCampus.WEB/src/views/attendance/roolcall/detail.vue

@@ -27,6 +27,7 @@
             ><div class="grid-content">
               <div class="imgBox" :class="{ active: item.status === 1 ? true : false }">
                 <el-image
+                  v-if="item.faces && item.faces.length > 0"
                   style="width: 100px; height: 100px"
                   :src="item.faces[0].faceUrl"
                   :preview-src-list="[item.faces[0].faceUrl]"
@@ -41,7 +42,7 @@
                 </div>
                 <div class="desc">
                   <span class="label">所属分组:</span>
-                  {{ item.personSets[0].personSetName }}
+                  {{ item.personSetName }}
                 </div>
               </div>
             </div></el-col
@@ -55,6 +56,7 @@
             <li class="imgBox" v-for="(item, index) in UnrecognizedD" :key="index">
               <el-image
                 style="width: 80px; height: 80px"
+                v-if="item.snapshotUrl"
                 :src="item.snapshotUrl"
                 :preview-src-list="[item.snapshotUrl]"
                 :initial-index="4"
@@ -71,13 +73,19 @@
         <el-col :xl="6" :lg="6" :md="8" v-for="(item, index) in UnRollCallData" :key="index"
           ><div class="grid-content gridContentDialog" :class="{ active: checkIndex == index }" @click="checkOut(item, index)">
             <div class="imgBox" :class="{ active: item.status === 1 ? true : false }">
-              <el-image
+              <img
+                v-if="item.faces && item.faces.length > 0"
+                :src="item.faces[0].faceUrl"
+                alt=""
+                style="width: 100px; height: 100px; object-fit: cover"
+              />
+              <!-- <el-image
                 style="width: 100px; height: 100px"
                 :src="item.faces[0].faceUrl"
                 :preview-src-list="[item.faces[0].faceUrl]"
                 :initial-index="4"
                 fit="cover"
-              />
+              /> -->
             </div>
             <div class="info">
               <div class="desc">
@@ -86,7 +94,7 @@
               </div>
               <div class="desc">
                 <span class="label">所属分组:</span>
-                {{ item.personSets[0].personSetName }}
+                {{ item.personSetName }}
               </div>
             </div>
           </div></el-col