From ca48b1ab534802e2db971fa3500895569ce95f91 Mon Sep 17 00:00:00 2001
From: Shu Guang <61069967+shuguangnet@users.noreply.github.com>
Date: Sun, 18 May 2025 20:28:47 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E8=B5=9B=E4=BA=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/edit/EditRace.vue | 189 ++++++++++++++++++-------------
 1 file changed, 112 insertions(+), 77 deletions(-)

diff --git a/src/components/edit/EditRace.vue b/src/components/edit/EditRace.vue
index aac0c456..c56353da 100644
--- a/src/components/edit/EditRace.vue
+++ b/src/components/edit/EditRace.vue
@@ -1,16 +1,12 @@
 <template>
-  <a-form
-    :label-col="labelCol"
-    :wrapper-col="wrapperCol"
-    :form="form"
-  >
+  <a-form :label-col="labelCol" :wrapper-col="wrapperCol" :form="form">
     <a-form-item label="名称">
-      <a-input v-decorator="decorator.competitionName" placeholder="赛事名称"/>
+      <a-input v-decorator="decorator.competitionName" placeholder="赛事名称" />
     </a-form-item>
     <!-- <a-form-item label="负责人">
       <a-input v-decorator="decorator.userId" placeholder="主办方"/>
     </a-form-item> -->
-		<a-form-item label="负责人">
+    <a-form-item label="负责人">
       <a-select
         v-decorator="decorator.userId"
         style="width: 100%"
@@ -19,7 +15,7 @@
         placeholder="请选择负责人"
       />
     </a-form-item>
-    <a-form-item label="时间">
+    <a-form-item label="开始时间">
       <a-date-picker
         v-decorator="decorator.registrationStartTime"
         :disabled-date="disableDate"
@@ -28,7 +24,7 @@
         placeholder="选择开始报名时间"
       />
     </a-form-item>
-		<a-form-item label="时间">
+    <a-form-item label="截止时间">
       <a-date-picker
         v-decorator="decorator.registrationEndTime"
         :disabled-date="disableDate"
@@ -38,54 +34,56 @@
       />
     </a-form-item>
     <a-form-item label="描述">
-      <a-textarea v-decorator="decorator.announcementLink" placeholder="描述"/>
+      <a-textarea v-decorator="decorator.announcementLink" placeholder="描述" />
     </a-form-item>
-		<!-- 状态 -->
+    <!-- 状态 -->
     <a-form-item label="状态">
       <a-select
         v-decorator="decorator.competitionStatus"
         placeholder="请选择状态"
         :options="competitionStatus"
       />
-		</a-form-item>
+    </a-form-item>
   </a-form>
 </template>
 
 <script>
-import dayjs from 'dayjs';
-import EditMixin from './edit-mixin';
-import { raceLevels,competitionStatus } from '@/utils/const';
+import dayjs from "dayjs";
+import EditMixin from "./edit-mixin";
+import { raceLevels, competitionStatus } from "@/utils/const";
 
 export default {
-  name: 'EditRace',
+  name: "EditRace",
   mixins: [EditMixin],
   data() {
     return {
-			competitionStatus,
+      competitionStatus,
       raceLevels,
       decorator,
-			users:[],
+      users: [],
     };
   },
-	mounted(){
-		this.$api.AllUser().then(response => {
-  const users = response.data.filter(item=>{
-		// 仅返回教师用户
-		return item.userPrivileges==1
-	});
-  const selectOptions = users
-    .map(user => ({
-      label: user.userName,
-      value: user.userId
-    }));
-  this.users = selectOptions;
-}).catch(error => {
-  console.error(error);
-});
-	},
+  mounted() {
+    this.$api
+      .AllUser()
+      .then((response) => {
+        const users = response.data.filter((item) => {
+          // 仅返回教师用户
+          return item.userPrivileges == 1;
+        });
+        const selectOptions = users.map((user) => ({
+          label: user.userName,
+          value: user.userId,
+        }));
+        this.users = selectOptions;
+      })
+      .catch((error) => {
+        console.error(error);
+      });
+  },
   methods: {
     disableDate(cur) {
-      const yesterday = dayjs().startOf('day');
+      const yesterday = dayjs().startOf("day");
       return cur.isSameOrBefore(yesterday);
     },
     initData() {
@@ -104,47 +102,84 @@ export default {
 
 // 定义装饰器
 const decorator = {
-  competitionName: ['competitionName', {
-    rules: [{
-      required: true,
-      message: '请输入赛事名称！',
-    }],
-  }],
-  userId: ['userId', {
-    rules: [{
-      required: true,
-      message: '请输入负责人！',
-    }],
-  }],
-  registrationStartTime: ['registrationStartTime', {
-    rules: [{
-      required: true,
-      message: '选择开始时间！',
-    }],
-  }],
-	registrationEndTime: ['registrationEndTime', {
-    rules: [{
-      required: true,
-      message: '选择结束时间！',
-    }],
-  }],
-  location: ['location', {
-    rules: [{
-      required: true,
-      message: '请填写地点！',
-    }],
-  }],
-	competitionStatus: ['competitionStatus', {
-    initialValue: 0,
-  }],
-  level: ['level', {
-    initialValue: 1,
-  }],
-  type: ['type', {
-    initialValue: 'A',
-  }],
-  announcementLink: ['announcementLink', {
-    initialValue: '',
-  }],
+  competitionName: [
+    "competitionName",
+    {
+      rules: [
+        {
+          required: true,
+          message: "请输入赛事名称！",
+        },
+      ],
+    },
+  ],
+  userId: [
+    "userId",
+    {
+      rules: [
+        {
+          required: true,
+          message: "请输入负责人！",
+        },
+      ],
+    },
+  ],
+  registrationStartTime: [
+    "registrationStartTime",
+    {
+      rules: [
+        {
+          required: true,
+          message: "选择开始时间！",
+        },
+      ],
+    },
+  ],
+  registrationEndTime: [
+    "registrationEndTime",
+    {
+      rules: [
+        {
+          required: true,
+          message: "选择结束时间！",
+        },
+      ],
+    },
+  ],
+  location: [
+    "location",
+    {
+      rules: [
+        {
+          required: true,
+          message: "请填写地点！",
+        },
+      ],
+    },
+  ],
+  competitionStatus: [
+    "competitionStatus",
+    {
+      initialValue: 0,
+    },
+  ],
+  level: [
+    "level",
+    {
+      initialValue: 1,
+    },
+  ],
+  type: [
+    "type",
+    {
+      initialValue: "A",
+    },
+  ],
+  announcementLink: [
+    "announcementLink",
+    {
+      initialValue: "",
+    },
+  ],
 };
 </script>