应征入伍保留学籍申请表-附件上传

src/views/routine/enlistmentReserve/index.vue

@@ -86,9 +86,21 @@
       <el-table-column label="班级" align="center" prop="className">
       </el-table-column>
       <el-table-column label="专业名称" align="center" prop="major" />
-      <el-table-column label="家庭地址" align="center" prop="familyAddress" />
+      <el-table-column label="家庭地址" align="center" prop="familyAddress">
+        <template slot-scope="scope">
+          <el-tooltip class="item" effect="dark" :content="scope.row.familyAddress" placement="top">
+            <div class="text-ellipsis">{{ scope.row.familyAddress }}</div>
+          </el-tooltip>
+        </template>
+      </el-table-column>
       <el-table-column label="家长电话" align="center" prop="parentPhone" />
-      <el-table-column label="申请理由" align="center" prop="applyReason" />
+      <el-table-column label="申请理由" align="center" prop="applyReason">
+        <template slot-scope="scope">
+          <el-tooltip class="item" effect="dark" :content="scope.row.applyReason" placement="top">
+            <div class="text-ellipsis">{{ scope.row.applyReason }}</div>
+          </el-tooltip>
+        </template>
+      </el-table-column>
       <el-table-column label="申请状态" align="center" prop="applyStatus">
         <template slot-scope="scope">
           <el-tag v-if="scope.row.applyStatus == 0" type="info">待提交</el-tag>
@@ -368,11 +380,16 @@ export default {
     /** 修改按钮操作 */
     handleUpdate(row) {
       this.reset();
-      const id = row.id || this.ids
-      getEnlistmentReserve(id).then(response => {
-        this.form = response.data;
-        this.open = true;
-        this.title = "修改应征入伍保留学籍申请";
+      // const id = row.id || this.ids
+      // getEnlistmentReserve(id).then(response => {
+      //   this.form = response.data;
+      //   this.open = true;
+      //   this.title = "修改应征入伍保留学籍申请";
+      // });
+      // 跳转时携带 row.id 作为路由参数
+      this.$router.push({
+        path: "/routine/enlistmentReserve/applicationForm",
+        query: { id: row.id } // 将 row.id 放在 query 中
       });
     },
     /** 提交按钮 */
@@ -418,3 +435,11 @@ export default {
   }
 };
 </script>
+
+<style scoped>
+  .text-ellipsis {
+    white-space: nowrap; /* 防止文本换行 */
+    overflow: hidden; /* 隐藏溢出的内容 */
+    text-overflow: ellipsis; /* 显示省略号 */
+  }
+</style>