学生档案页面优化

SafeCampus.WEB/src/views/violation/portrait/detail.vue

@@ -25,7 +25,7 @@
                 <Female class="gender GENDER_FEMALE" v-if="formData.gender == 'GENDER_FEMALE'"></Female>
               </span>
 
-              <span class="personId">编号：{{ formData.personId }}</span>
+              <span class="personId" :title="formData.personId">编号：{{ formData.personId }}</span>
               <!-- <el-tag type="primary">学霸型</el-tag> -->
             </div></el-col
           >
@@ -42,7 +42,11 @@
                 >
 
                 <el-col :span="6">
-                  <span>编号：{{ formData.personId }}</span></el-col
+                  <span
+                    :title="formData.personId"
+                    style="display: block; text-overflow: ellipsis; max-width: 100%; overflow: hidden; white-space: nowrap"
+                    >编号：{{ formData.personId }}</span
+                  ></el-col
                 >
 
                 <el-col :span="6"
@@ -630,6 +634,11 @@ onMounted(() => {
         .personId {
           margin-bottom: 10px;
           font-size: 14px;
+          display: block;
+          text-overflow: ellipsis;
+          overflow: hidden;
+          white-space: nowrap;
+          max-width: 90%;
         }
       }
       .right {