Quellcode durchsuchen

联考管理选中行高亮;全局字体添加

zhangguohua vor 1 Jahr
Ursprung
Commit
ff5f7313ef
2 geänderte Dateien mit 12 neuen und 3 gelöschten Zeilen
  1. 3 0
      src/styles/common.scss
  2. 9 3
      src/views/examination/index.vue

+ 3 - 0
src/styles/common.scss

@@ -2,6 +2,9 @@
   margin: 0;
   padding: 0;
   box-sizing: border-box;
+  font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC,
+    Hiragino Sans GB, noto sans, Helvetica Neue, Helvetica,
+    Arial, sans-serif;
 }
 ul,
 li {

+ 9 - 3
src/views/examination/index.vue

@@ -15,8 +15,8 @@
         </div>
         <div class="page_jg_20"></div>
         <div class="page_table">
-          <el-table :data="tableData" stripe v-loading="tableLoading" element-loading-text="拼命加载中……" show-overflow-tooltip
-            element-loading-spinner="el-icon-loading" element-loading-background="#ffffff" @row-click="handleRowClick">
+          <el-table :data="tableData" stripe v-loading="tableLoading" element-loading-text="拼命加载中……" show-overflow-tooltip highlight-current-row
+            element-loading-spinner="el-icon-loading" element-loading-background="#ffffff" @row-click="handleRowClick" ref="tableRef">
               <el-table-column align="center" v-if="tableData.length" width="50">
                 <template #default="{ row }">
                   <el-radio v-model="selectRow.id" :value="row.id"></el-radio>
@@ -105,7 +105,8 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, reactive, provide, onMounted } from 'vue'
+import { ElTable } from 'element-plus'
+import { ref, reactive, provide, onMounted, nextTick } from 'vue'
 import { Search } from '@element-plus/icons-vue'
 import { ElMessageBox, ElMessage } from 'element-plus'
 import AddSchool from '@/views/examination/addSchool.vue'
@@ -145,6 +146,8 @@ const handleRowClick = (row: any) => {
 }
 const selectListId = ref<string[]>([])
 provide('selectListId', selectListId)
+
+const tableRef = ref<{ $el: HTMLDivElement } & InstanceType<typeof ElTable> | null>(null)
 const GetJoinExamList = () => {
   console.log(schooltName.value)
   tableLoading.value = true
@@ -153,6 +156,9 @@ const GetJoinExamList = () => {
       tableData.value = res.data
       selectRow.value = tableData.value[0]
       selectListId.value = selectRow.value?.children?.map(item => (item.tenantCode))?? []
+      nextTick(() => {
+        tableRef.value.setCurrentRow(tableData.value[0]); // 高亮当前行
+      });
     }
     tableLoading.value = false
   }).catch(() => {