feat(StudentInfo): 添加查看更多按钮并调整学生信息显示

添加查看更多按钮以跳转到学生列表页面
将学生姓名和字号显示位置互换

 <!--
  * @Date: 2025-11-10 18:12:23
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-11-12 15:14:14
+ * @LastEditTime: 2025-11-12 17:07:59
  * @FilePath: /stdj_h5/src/views/StudentInfo.vue
  * @Description: 戒子详情页
 -->
@@ -11,8 +11,8 @@
       <div class="item-card">
         <img :src="student_info.src" :alt="student_info.title" class="item-image" />
         <div class="item-content">
-          <div class="item-role">{{ student_info.role }}</div>
-          <div class="item-name" v-html="formatNameWithSuperscript(student_info.name)"></div>
+          <div class="item-role">{{ student_info.name }}</div>
+          <div class="item-name" v-html="formatNameWithSuperscript(student_info.courtesy_name)"></div>
           <div class="item-group-title">{{ student_info.group_title }}</div>
           <div class="item-desc" v-html="student_info.desc"></div>
         </div>
@@ -44,6 +44,10 @@
     <div v-else>
       <div class="empty-message">暂无相关照片</div>
     </div>
+
+    <div class="more-button" @click="viewMore()">
+      <span class="more-text">查看更多</span>
+    </div>
   </div>
 </template>
 
@@ -174,6 +178,10 @@ onMounted(() => {
   //
   loadUserInfo()
 })
+
+const viewMore = () => {
+  router.push({ path: '/students', query: { i: '3680502' } })
+}
 </script>
 
 <style scoped>
@@ -198,6 +206,21 @@ onMounted(() => {
   margin-top: 2rem;
 }
 
+.more-button {
+  position: static;
+  margin: 1rem auto;
+  height: 2.5rem;
+  width: 8rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  z-index: 3;
+  transition: all 0.3s ease;
+  background-color: #985122;
+  color: #FCF8F1;
+  border-radius: 0.25rem;
+}
 
 /* 下载提示样式（参考首页 swipe-hint） */
 .download-hint {