修复报名后修改数据回显学号不显示问题

src/views/raceInfo/index.vue

@@ -156,7 +156,7 @@
             </div>
             <div
               class="reac-title"
-              style="font-weight: 600; color: #000; font-size: 16px"
+              style="font-weight: 600; color: #000; font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;"
             >
               {{ item.name }}
             </div>

src/views/registrationGroup/components/stuList.vue

@@ -74,7 +74,7 @@
             <span style="margin-left: 10px">学号</span>
           </template>
           <template #default="{ row }">
-            <el-input v-model="row.work_no" :disabled="isDisable" />
+            <el-input v-model="row.workNo" :disabled="isDisable" />
           </template>
         </el-table-column>
         <el-table-column>
@@ -159,7 +159,7 @@ onMounted(() => {
     tableData.push({
       userId: userModel.userInfo.id,
       realname: userModel.userInfo.realname,
-      work_no: userModel.userInfo.workNo,
+      workNo: userModel.userInfo.workNo,
       phone: userModel.userInfo.phone,
       email: userModel.userInfo.email,
       captain: '1',
@@ -182,7 +182,7 @@ const add = () => {
     captain: '0', // 是否队长
     teamSeq: tableData.length + 1, // 队员序号
     userId: '', // id
-    work_no: '',
+    workNo: '',
     phone: '',
     email: '',
   })
@@ -210,7 +210,7 @@ const handleSelected = (row: any = {}) => {
     return
   }
   console.log(row, 'aqq')
-  target.value.work_no = row.work_no
+  target.value.workNo = row.work_no
   target.value.phone = row.phone
   target.value.email = row.email
   target.value.realname = row.realname

src/views/registrationPersonage/index.vue

@@ -25,7 +25,11 @@
             <div class="annual">{{ ndbs.annualid }}年度</div>
             <div class="title-box">
               <div class="text">{{ ndbs.name }}</div>
-              <img style="width: 35px;" src="../../assets/images/编组.png" alt="" />
+              <img
+                style="width: 35px"
+                src="../../assets/images/编组.png"
+                alt=""
+              />
             </div>
           </div>
           <div class="right">
@@ -90,7 +94,11 @@
           </el-form-item>
 
           <el-form-item label="选择题目" prop="topicid">
-            <el-select v-model="ruleForm.topicid" placeholder="请选择题目" :disabled="isDisable">
+            <el-select
+              v-model="ruleForm.topicid"
+              placeholder="请选择题目"
+              :disabled="isDisable"
+            >
               <el-option
                 v-for="item in options"
                 :key="item.value"
@@ -168,9 +176,16 @@
     </el-card>
 
     <div class="bottom">
-      <el-button class="btn" @click="() => router.back()">{{ isDisable ? '返回' : isEdit ? '取消修改' : '取消报名' }}</el-button>
-      <el-button class="btn cyan" :loading="subLoading" @click="submit"  v-if=!isDisable>
-        {{  isEdit ? '确认修改' : '确认报名' }}
+      <el-button class="btn" @click="() => router.back()">
+        {{ isDisable ? '返回' : isEdit ? '取消修改' : '取消报名' }}
+      </el-button>
+      <el-button
+        class="btn cyan"
+        :loading="subLoading"
+        @click="submit"
+        v-if="!isDisable"
+      >
+        {{ isEdit ? '确认修改' : '确认报名' }}
       </el-button>
     </div>
   </div>
@@ -217,8 +232,8 @@ const ndbsXm = ref<any>({})
 
 const subLoading = ref(false)
 async function submit() {
-  console.log(ruleForm, 'ruleForm');
-  
+  console.log(ruleForm, 'ruleForm')
+
   if (!ruleForm.topicid) return ElMessage.warning('请选择题目')
   upData.value.teamManagementList[0].realname = info.value.realname
   upData.value.teamManagementList[0].userId = info.value.id
@@ -258,7 +273,7 @@ const ruleForm = reactive<any>({
   entryFormat: '个人',
   id: route.query.id,
   topicid: '',
-  objName:route.query.objName
+  objName: route.query.objName,
 })
 const options = ref([])
 if (route.query.edit) {
@@ -355,6 +370,7 @@ getTopicListApi()
         font-size: 20px;
         color: #666666;
         line-height: 23px;
+      
       }
     }
 
@@ -445,6 +461,11 @@ getTopicListApi()
               font-size: 32px;
               color: #ffffff;
               line-height: 39px;
+              display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 3; /* 限制显示的行数 */
+        overflow: hidden;
+        text-overflow: ellipsis;
             }
           }
         }