课程管理需求

src/modules/questions/views/Course.vue

@@ -137,7 +137,7 @@
     <!-- 添加或新增课程弹出框 -->
     <el-dialog
       title="课程"
-      width="520px"
+      width="630px"
       :visible.sync="courseDialog"
       :modal="false"
       append-to-body
@@ -153,23 +153,24 @@
         :rules="rules"
         label-width="90px"
       >
-        <el-form-item label="课程代码" prop="code">
+        <el-form-item label="课程名称" prop="name">
           <el-input
-            v-model="courseForm.code"
-            :disabled="null != courseForm.id"
+            v-model="courseForm.name"
             class="dialog-input-width"
             auto-complete="off"
-            placeholder="请输入课程代码"
+            placeholder="请输入课程名称"
           />
         </el-form-item>
-        <el-form-item label="课程名称" prop="name">
+        <br />
+        <el-form-item label="课程代码" prop="code">
           <el-input
-            v-model="courseForm.name"
+            v-model="courseForm.code"
             class="dialog-input-width"
             auto-complete="off"
-            placeholder="请输入课程名称"
+            placeholder="请输入课程代码"
           />
         </el-form-item>
+        <br />
         <el-form-item label="层次" prop="level">
           <el-select
             v-model="courseForm.level"
@@ -341,6 +342,11 @@ export default {
             message: "课程代码最多30个字符",
             trigger: "blur",
           },
+          {
+            pattern: new RegExp(`^[a-zA-Z0-9-_\\s\\[\\]\\(\\)\\{\\}]{1,30}$`),
+            message: "只能包含字母、数字、括号、空格、下划线和短横线",
+            trigger: "blur",
+          },
         ],
         level: [
           {