fix: 新增课程界面样式优化

feat: 添加随机生成选课码功能

src/views/CoursePage/CoursePage.vue

@@ -48,18 +48,26 @@
   </el-card>
 
   <el-dialog v-model="visible" title="新增课程">
-    <el-form :model="newCourse">
+    <el-form :model="newCourse" label-width="80px">
       <el-form-item label="课程名称" >
         <el-input v-model="newCourse.courseName" placeholder="请输入课程名称"></el-input>
       </el-form-item>
       <el-form-item label="面向年级">
         <el-input v-model="newCourse.targetGrade" placeholder="请输入目标年级，例：2024级软件1-4班"></el-input>
       </el-form-item>
-      <el-form-item label="描述">
-        <el-input v-model="newCourse.description" placeholder="请输入课程描述"></el-input>
+      <el-form-item label="课程描述">
+        <el-input
+            type="textarea"
+            autosize
+            resize="none"
+            v-model="newCourse.description"
+            placeholder="请输入课程描述"
+        >
+        </el-input>
       </el-form-item>
-      <el-form-item label="选课码">
-        <el-input v-model="newCourse.enrollCode" placeholder="请输入选课码"></el-input>
+      <el-form-item label="选课码" style="display: flex; align-items: center">
+        <el-input v-model="newCourse.enrollCode" placeholder="请输入选课码" style="flex: 1; margin-right: 10px;"></el-input>
+        <el-button type="primary" plain size="mini" @click="newCourse.enrollCode = Math.random().toString(36).substr(2, 6).toUpperCase()">随机生成</el-button>
       </el-form-item>
       <el-form-item label="开始时间">
         <el-date-picker v-model="newCourse.startTime" type="datetime" placeholder="截止时间" style="width: 180px"/>