Browse Source

style: 新增/编辑题目对话框的时间限制、内存限制、难度、公开状态一行排列(label-position=top)

yangyi 2 tuần trước cách đây
mục cha
commit
4333bcf4e7
1 tập tin đã thay đổi với 24 bổ sung và 14 xóa
  1. 24 14
      src/view/admin/ProblemManageView.vue

+ 24 - 14
src/view/admin/ProblemManageView.vue

@@ -528,20 +528,30 @@ onMounted(() => {
             <MdEditor :value="problemForm.description || ''" :plugins="mdPlugins" @change="(v: string) => (problemForm.description = v)" />
           </div>
         </el-form-item>
-        <el-form-item label="时间限制" prop="timeLimitMs">
-          <el-input-number v-model="problemForm.timeLimitMs" :min="1" controls-position="right" /> ms
-        </el-form-item>
-        <el-form-item label="内存限制" prop="memoryLimitMb">
-          <el-input-number v-model="problemForm.memoryLimitMb" :min="1" controls-position="right" /> MB
-        </el-form-item>
-        <el-form-item label="难度" prop="difficulty">
-          <el-select v-model="problemForm.difficulty" style="width: 200px">
-            <el-option v-for="item in difficultyOptions" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="公开" prop="isPublic">
-          <el-switch v-model="problemForm.isPublic" :active-value="1" :inactive-value="0" active-text="公开" inactive-text="未公开" />
-        </el-form-item>
+        <el-row :gutter="16">
+          <el-col :span="6">
+            <el-form-item label="时间限制" prop="timeLimitMs">
+              <el-input-number v-model="problemForm.timeLimitMs" :min="1" controls-position="right" style="width: 100%" /> ms
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="内存限制" prop="memoryLimitMb">
+              <el-input-number v-model="problemForm.memoryLimitMb" :min="1" controls-position="right" style="width: 100%" /> MB
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="难度" prop="difficulty">
+              <el-select v-model="problemForm.difficulty" style="width: 100%">
+                <el-option v-for="item in difficultyOptions" :key="item.value" :label="item.label" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="公开" prop="isPublic">
+              <el-switch v-model="problemForm.isPublic" :active-value="1" :inactive-value="0" active-text="公开" inactive-text="未公开" />
+            </el-form-item>
+          </el-col>
+        </el-row>
         <el-form-item label="分类">
           <el-checkbox-group v-model="problemForm.categoryIds">
             <el-checkbox v-for="item in categoryOptions" :key="item.id" :value="item.id" :label="item.id">