修改页面

src/views/system/studentInfo/index.vue

@@ -151,19 +151,44 @@
       @selection-change="handleSelectionChange"
     >
       <el-table-column type="selection" width="50" align="center" />
-      <el-table-column label="所属班级" align="center" prop="className" width="100"/>
+      <el-table-column
-      <el-table-column label="民族" align="center" prop="nationDictId" width="70">
+        label="所属班级"
+        align="center"
+        prop="className"
+        width="100"
+      />
+      <el-table-column
+        label="民族"
+        align="center"
+        prop="nationDictId"
+        width="70"
+      >
         <template slot-scope="scope">
           {{ nactiontype(scope.row.nationDictId) }}
         </template>
       </el-table-column>
-      <el-table-column label="学生姓名" align="center" prop="studentName" width="100"/>
+      <el-table-column
-      <el-table-column label="学生性别" align="center" prop="studentSex" width="80">
+        label="学生姓名"
+        align="center"
+        prop="studentName"
+        width="100"
+      />
+      <el-table-column
+        label="学生性别"
+        align="center"
+        prop="studentSex"
+        width="80"
+      >
         <template slot-scope="scope">{{
           scope.row.studentSex == male ? "男" : "女"
         }}</template>
       </el-table-column>
-      <el-table-column label="学生编号" align="center" prop="studentNumber" width="180"/>
+      <el-table-column
+        label="学生编号"
+        align="center"
+        prop="studentNumber"
+        width="180"
+      />
       <el-table-column
         label="出生日期"
         align="center"
@@ -174,19 +199,32 @@
           <span>{{ parseTime(scope.row.birthDate, "{y}-{m}-{d}") }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="身份证号" align="center" prop="cardNumber" width="180" />
+      <el-table-column
-      <el-table-column label="曾用名" align="center" prop="onceName" width="100" />
+        label="身份证号"
-      <el-table-column label="家庭住址" align="center" prop="homeAddress">
+        align="center"
-        <template slot-scope="scope">
+        prop="cardNumber"
-          <span
+        width="180"
-            :title="scope.row.homeAddress"
+      />
-            style="
+      <el-table-column
-              display: -webkit-box;
+        label="曾用名"
-              -webkit-box-orient: vertical;
+        align="center"
-              -webkit-line-clamp: 3;
+        prop="onceName"
-              overflow: hidden;"
+        width="100"
+      />
+      <el-table-column
+        label="家庭住址"
+        align="center"
+        prop="homeAddress"
+        :show-overflow-tooltip="true"
       >
-            {{ scope.row.homeAddress  | ellipsis}}</span
+        <template slot-scope="scope">
+          <span :title="scope.row.homeAddress">
+            <!-- style="
+              overflow: hidden;
+              white-space: nowrap;
+              text-overflow: ellipsis;
+            " -->
+            {{ scope.row.homeAddress }}</span
           >
         </template>
       </el-table-column>
@@ -301,7 +339,11 @@
           />
         </el-form-item>
         <el-form-item label="学生姓名" prop="studentName">
-          <el-input v-model="form.studentName" placeholder="请输入学生姓名" maxlength="10"/>
+          <el-input
+            v-model="form.studentName"
+            placeholder="请输入学生姓名"
+            maxlength="10"
+          />
         </el-form-item>
         <el-form-item label="学生编号" prop="studentNumber">
           <el-input
@@ -331,10 +373,18 @@
           <el-input v-model="form.cardNumber" placeholder="请输入身份证号" />
         </el-form-item>
         <el-form-item label="曾用名" prop="onceName">
-          <el-input v-model="form.onceName" placeholder="请输入曾用名" maxlength="40" />
+          <el-input
+            v-model="form.onceName"
+            placeholder="请输入曾用名"
+            maxlength="40"
+          />
         </el-form-item>
         <el-form-item label="家庭住址" prop="homeAddress">
-          <el-input v-model="form.homeAddress" placeholder="请输入家庭住址" maxlength="100"/>
+          <el-input
+            v-model="form.homeAddress"
+            placeholder="请输入家庭住址"
+            maxlength="100"
+          />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -903,18 +953,8 @@ export default {
   created() {
     this.getList();
   },
+  filters: {},
   methods: {
-      filters: {
-      // 版本号显示12位，超过12位显示...
-      ellipsis: function(homeAddress) {
-        if (!homeAddress) return "";
-        if (homeAddress.length > 15) {
-          return homeAddress.slice(0, 15) + "...";
-        }
-        return homeAddress;
-      }
-    },
-
     cancel2() {
       this.innerVisible3 = false;
       this.addparentlist = {