colleage ellipsis

src/views/system/user/profile/components/ai-table.vue

@@ -26,7 +26,7 @@
       </template>
       <template #colleges="{row}">
         <el-row>
-          <el-col :span="12" v-for="college in row.colleges">
+          <el-col :span="12" v-for="college in row.colleges" class="mb10 ai-center fx-row">
             <el-popover
               placement="top"
               popper-class="zero-padding-popover"
@@ -35,10 +35,10 @@
               <div class="fx-column">
                 <el-button plain type="text">{{ college.major }}</el-button>
               </div>
-              <el-tag type="success" slot="reference" class="mr10 mb10">{{ college.major[0] }}</el-tag>
+              <el-tag type="success" slot="reference" class="mr10">{{ college.major[0] }}</el-tag>
             </el-popover>
             :
-            <span>{{ college.college }}</span>
+            <span class="text-ellipsis" :title="college.college">{{ college.college }}</span>
           </el-col>
         </el-row>
       </template>

src/views/system/user/profile/components/report-table.vue

@@ -59,7 +59,7 @@
       </template>
       <template #colleges="{row}">
         <el-row>
-          <el-col :span="12" v-for="college in row.colleges">
+          <el-col :span="12" v-for="college in row.colleges" class="mb10 ai-center fx-row">
             <el-popover
               placement="top"
               popper-class="zero-padding-popover"
@@ -68,10 +68,10 @@
               <div class="fx-column">
                 <el-button plain type="text">{{ college.major }}</el-button>
               </div>
-              <el-tag type="success" slot="reference" class="mr10 mb10">{{ college.major[0] }}</el-tag>
+              <el-tag type="success" slot="reference" class="mr10">{{ college.major[0] }}</el-tag>
             </el-popover>
             :
-            <span class="text-ellipsis">{{ college.college }}</span>
+            <span class="text-ellipsis" :title="college.college">{{ college.college }}</span>
           </el-col>
         </el-row>
       </template>