样式调整

frontend/src/views/subjectMajor/major/index.vue

@@ -2,7 +2,7 @@
   <div class="app-container major-page">
     <!-- ==================== 1. 查询条件 ==================== -->
     <el-card shadow="never" class="search-card">
-      <el-form ref="searchFormRef" :model="searchForm" label-width="90px" class="search-form">
+      <el-form ref="searchFormRef" :model="searchForm" label-width="140px" class="search-form">
         <el-row :gutter="24">
           <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8">
             <el-form-item label="专业名称">
@@ -72,7 +72,9 @@
         </div>
       </div>
       <el-table v-loading="loading" :data="tableData" stripe border highlight-current-row>
-        <el-table-column type="index" label="序号" width="60" align="center" />
+        <el-table-column label="序号" width="60" align="center">
+          <template slot-scope="scope">{{ fmtXh(scope.$index) }}</template>
+        </el-table-column>
         <el-table-column prop="zydh" label="专业代号" width="120" show-overflow-tooltip />
         <el-table-column prop="zymc" label="专业名称" min-width="140" show-overflow-tooltip />
         <el-table-column prop="zyfx" label="专业方向" min-width="120" show-overflow-tooltip />
@@ -410,6 +412,11 @@ export default {
     this.fetchList()
   },
   methods: {
+    /** 序号：按当前页数据索引生成跨页连续的序号 */
+    fmtXh(index) {
+      return (this.pageNum - 1) * this.pageSize + index + 1
+    },
+
     /** 创建空表单 */
     createEmptyForm() {
       return {