ソースを参照

fix(admin): 操作列加宽并禁止换行,保证所有按钮单行显示

yangyi 2 週間 前
親
コミット
30aa18bf25

+ 5 - 1
src/view/admin/CategoryManageView.vue

@@ -114,7 +114,7 @@ onMounted(fetchData)
         <el-table-column prop="id" label="ID" width="80" align="center" />
         <el-table-column prop="categoryName" label="分类名称" min-width="180" />
         <el-table-column prop="description" label="描述" min-width="240" show-overflow-tooltip />
-        <el-table-column label="操作" width="160" align="center" fixed="right">
+        <el-table-column label="操作" width="160" align="center" fixed="right" class-name="op-column">
           <template #default="{ row }">
             <el-button type="primary" link @click="handleEdit(row)">
               <el-icon><Edit /></el-icon>编辑
@@ -156,4 +156,8 @@ onMounted(fetchData)
 .table-card {
   margin-bottom: 16px;
 }
+
+:deep(.el-table .op-column .cell) {
+  white-space: nowrap;
+}
 </style>

+ 6 - 2
src/view/admin/ContestManageView.vue

@@ -461,7 +461,7 @@ onMounted(fetchData)
         <el-table-column label="结束时间" width="150" align="center">
           <template #default="{ row }">{{ formatTime(row.endDatetime) }}</template>
         </el-table-column>
-        <el-table-column label="操作" width="250" align="center" fixed="right">
+        <el-table-column label="操作" width="340" align="center" fixed="right" class-name="op-column">
           <template #default="{ row }">
             <el-button type="primary" link @click="handleEdit(row)">
               <el-icon><Edit /></el-icon>编辑
@@ -600,7 +600,7 @@ onMounted(fetchData)
                 <el-input-number v-model="row.score" :min="0" :max="1000" size="small" controls-position="right" style="width: 90px" />
               </template>
             </el-table-column>
-            <el-table-column label="操作" width="60" align="center">
+            <el-table-column label="操作" width="60" align="center" class-name="op-column">
               <template #default="{ row }">
                 <el-button type="danger" link size="small" @click="removeConfigured(row.problemId)">移除</el-button>
               </template>
@@ -647,6 +647,10 @@ onMounted(fetchData)
   margin-bottom: 16px;
 }
 
+:deep(.el-table .op-column .cell) {
+  white-space: nowrap;
+}
+
 .pagination {
   display: flex;
   justify-content: flex-end;

+ 7 - 3
src/view/admin/ProblemManageView.vue

@@ -501,7 +501,7 @@ onMounted(() => {
         <el-table-column label="创建时间" width="170" align="center">
           <template #default="{ row }">{{ formatTime(row.createdAt) }}</template>
         </el-table-column>
-        <el-table-column label="操作" width="200" align="center" fixed="right">
+        <el-table-column label="操作" width="250" align="center" fixed="right" class-name="op-column">
           <template #default="{ row }">
             <el-button type="primary" link @click="openDetail(row)">
               <el-icon><View /></el-icon>样例与用例
@@ -603,7 +603,7 @@ onMounted(() => {
             <el-table-column prop="input" label="输入" min-width="180" show-overflow-tooltip />
             <el-table-column prop="output" label="输出" min-width="180" show-overflow-tooltip />
             <el-table-column prop="description" label="说明" min-width="140" show-overflow-tooltip />
-            <el-table-column label="操作" width="120" align="center">
+            <el-table-column label="操作" width="120" align="center" class-name="op-column">
               <template #default="{ row }">
                 <el-button type="primary" link size="small" @click="openCaseEdit(row)">编辑</el-button>
                 <el-button type="danger" link size="small" @click="deleteCase(row)">删除</el-button>
@@ -633,7 +633,7 @@ onMounted(() => {
                 />
               </template>
             </el-table-column>
-            <el-table-column label="操作" width="120" align="center">
+            <el-table-column label="操作" width="120" align="center" class-name="op-column">
               <template #default="{ row }">
                 <el-button type="primary" link size="small" @click="openTestEdit(row)">编辑</el-button>
                 <el-button type="danger" link size="small" @click="deleteTest(row)">删除</el-button>
@@ -710,6 +710,10 @@ onMounted(() => {
   margin-bottom: 16px;
 }
 
+:deep(.el-table .op-column .cell) {
+  white-space: nowrap;
+}
+
 .pagination {
   display: flex;
   justify-content: flex-end;

+ 5 - 1
src/view/admin/UserManageView.vue

@@ -334,7 +334,7 @@ fetchData()
             <el-avatar v-else :size="40">{{ row.username?.charAt(0) || '?' }}</el-avatar>
           </template>
         </el-table-column>
-        <el-table-column label="操作" width="180" align="center" fixed="right">
+        <el-table-column label="操作" width="180" align="center" fixed="right" class-name="op-column">
           <template #default="{ row }">
             <el-button type="primary" link @click="handleEdit(row)">
               <el-icon><Edit /></el-icon>编辑
@@ -404,6 +404,10 @@ fetchData()
   margin-bottom: 16px;
 }
 
+:deep(.el-table .op-column .cell) {
+  white-space: nowrap;
+}
+
 .pagination {
   display: flex;
   justify-content: flex-end;