From 7bf7060395081cfaa55c4252c82ca0a514d680f1 Mon Sep 17 00:00:00 2001
From: lion <120344285@qq.com>
Date: Mon, 25 Aug 2025 18:32:01 +0800
Subject: [PATCH] =?UTF-8?q?=E9=97=AE=E5=8D=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../survey/components/SurveyCreateWizard.vue  | 1074 +++++++++++------
 .../survey/components/SurveyFillDialog.vue    |    8 +-
 src/views/survey/components/applyForm.vue     |   40 +-
 src/views/survey/components/editPane.vue      |  557 +++++----
 src/views/survey/index.vue                    |  870 +++++++------
 5 files changed, 1551 insertions(+), 998 deletions(-)

diff --git a/src/views/survey/components/SurveyCreateWizard.vue b/src/views/survey/components/SurveyCreateWizard.vue
index 09dd375..46e5fc9 100644
--- a/src/views/survey/components/SurveyCreateWizard.vue
+++ b/src/views/survey/components/SurveyCreateWizard.vue
@@ -1,11 +1,25 @@
 <template>
   <div>
-    <xy-dialog ref="dialog" :width="70" :is-show.sync="isShow" :type="'form'" :title="type === 'add' ? '新增问卷' : '编辑问卷'"
-      :form="form" :rules='rules' :hasIscheck="true" @mysubmit="mysubmit">
+    <xy-dialog
+      ref="dialog"
+      :width="60"
+      :is-show.sync="isShow"
+      :type="'form'"
+      :title="type === 'add' ? '新增问卷' : '编辑问卷'"
+      :form="form"
+      :rules="rules"
+      :hasIscheck="true"
+      @mysubmit="mysubmit"
+    >
       <template v-slot:step>
         <div class="xy-table-item">
-          <div class="xy-table-item-label" style="font-weight: bold;display:none">
-            <span style="color: red;font-weight: bold;padding-right: 4px;"></span>
+          <div
+            class="xy-table-item-label"
+            style="font-weight: bold; display: none"
+          >
+            <span
+              style="color: red; font-weight: bold; padding-right: 4px"
+            ></span>
           </div>
           <div class="xy-table-item-content">
             <el-steps :active="active" finish-status="success" simple>
@@ -15,114 +29,268 @@
           </div>
         </div>
       </template>
-      <template v-slot:course_id v-if="active===0">
-        <div class="xy-table-item">
+      <template v-slot:title v-if="active === 0">
+        <div class="xy-table-item full-row">
           <div class="xy-table-item-label" style="font-weight: bold">
-            <span style="color: red;font-weight: bold;padding-right: 4px;">*</span>课程：
+            <span style="color: red; font-weight: bold; padding-right: 4px"
+              >*</span
+            >问卷标题：
           </div>
           <div class="xy-table-item-content">
-            <el-select v-model="form.course_id" @change="changeCourse" placeholder="请选择课程" clearable style="width: 100%;">
-              <el-option v-for="item in courseList" :key="item.id" :label="item.name" :value="item.id">
-              </el-option>
-            </el-select>
+            <el-input
+              v-model="form.title"
+              placeholder="请输入问卷标题"
+              clearable
+              style="width: 100%"
+            ></el-input>
           </div>
         </div>
       </template>
-      <template v-slot:course_content_id v-if="active===0 && currentCourseIsArrange !== 0">
-        <div class="xy-table-item">
+      <template v-slot:desc v-if="active === 0">
+        <div class="xy-table-item full-row">
           <div class="xy-table-item-label" style="font-weight: bold">
-            <span style="color: red;font-weight: bold;padding-right: 4px;">*</span>课表：
+            <span
+              style="color: red; font-weight: bold; padding-right: 4px"
+            ></span
+            >问卷描述：
           </div>
           <div class="xy-table-item-content">
-            <el-select v-model="form.course_content_id" placeholder="请选择课表" clearable style="width: 100%;">
-              <el-option v-for="item in courseContentList" :key="item.id" :label="item.theme" :value="item.id">
-              </el-option>
-            </el-select>
+            <el-input
+              v-model="form.desc"
+              type="textarea"
+              :rows="4"
+              placeholder="请输入问卷描述"
+              clearable
+              style="width: 100%"
+            ></el-input>
           </div>
         </div>
       </template>
-      <template v-slot:title v-if="active===0">
+      <template v-slot:course_id v-if="active === 0">
         <div class="xy-table-item">
           <div class="xy-table-item-label" style="font-weight: bold">
-            <span style="color: red;font-weight: bold;padding-right: 4px;">*</span>问卷标题：
+            <span style="color: red; font-weight: bold; padding-right: 4px"
+              >*</span
+            >课程：
           </div>
           <div class="xy-table-item-content">
-            <el-input v-model="form.title" placeholder="请输入问卷标题" clearable style="width: 100%;"></el-input>
+            <!-- 调试信息 -->
+            <!-- <div style="margin-bottom: 10px; color: #999; font-size: 12px;">
+              调试信息: 课程列表数量={{ courseList.length }}, 当前选中={{ form.course_id }}
+            </div> -->
+            <el-select
+              v-model="form.course_id"
+              @change="changeCourse"
+              placeholder="请选择课程"
+              clearable
+              style="width: 100%"
+            >
+              <el-option
+                v-for="item in courseList"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              >
+                <div style="padding: 0 10px;display: flex; align-items: center; justify-content: space-between;width: 100%;">
+                  <span>{{ item.name }}</span>
+                  <span style="color: #999;font-size: 12px;">{{ item.is_arrange ? '需排课' : '无需排课' }}</span>
+                </div>
+              </el-option>
+            </el-select>
           </div>
         </div>
       </template>
-      <template v-slot:desc v-if="active===0">
+      <template
+        v-slot:course_content_id
+        v-if="active === 0 && currentCourseIsArrange !== 0"
+      >
         <div class="xy-table-item">
           <div class="xy-table-item-label" style="font-weight: bold">
-            <span style="color: red;font-weight: bold;padding-right: 4px;"></span>问卷描述：
+            <span style="color: red; font-weight: bold; padding-right: 4px"
+              >*</span
+            >相关排课：
           </div>
           <div class="xy-table-item-content">
-            <el-input v-model="form.desc" placeholder="请输入问卷描述" clearable style="width: 100%;"></el-input>
-
+            <!-- 调试信息 -->
+            <!-- <div style="margin-bottom: 10px; color: #999; font-size: 12px;">
+              调试信息: currentCourseIsArrange={{ currentCourseIsArrange }}, 
+              课表数量={{ courseContentList.length }}, 
+              课程ID={{ form.course_id }}
+            </div> -->
+            <div class="checkbox-container">
+              <div class="select-all-row">
+                <el-checkbox
+                  v-model="selectAllCourseContent"
+                  @change="handleSelectAllCourseContent"
+                  :indeterminate="isIndeterminateCourseContent"
+                >
+                  全选
+                </el-checkbox>
+              </div>
+              <div class="checkbox-list">
+                <el-checkbox
+                  v-for="item in courseContentList"
+                  :key="item.id"
+                  v-model="item.checked"
+                  @change="handleCourseContentChange"
+                  class="checkbox-item"
+                >
+                  {{ item.date }} {{ item.period }} | {{ item.theme }}
+                </el-checkbox>
+              </div>
+            </div>
           </div>
         </div>
       </template>
-      <template v-slot:type_id v-if="active===0">
+      
+      <template v-slot:type_id v-if="active === 0">
         <div class="xy-table-item">
           <div class="xy-table-item-label" style="font-weight: bold">
-            <span style="color: red;font-weight: bold;padding-right: 4px;"></span>问卷类型：
+            <span
+              style="color: red; font-weight: bold; padding-right: 4px"
+            ></span
+            >问卷类型：
           </div>
           <div class="xy-table-item-content">
-            <el-select v-model="form.type_id" placeholder="请选择问卷类型" clearable style="width: 100%;">
-              <el-option v-for="item in courseEvaluationList" :key="item.id" :label="item.value" :value="item.id">
+            <el-select
+              v-model="form.type_id"
+              placeholder="请选择问卷类型"
+              clearable
+              style="width: 100%"
+            >
+              <el-option
+                v-for="item in courseEvaluationList"
+                :key="item.id"
+                :label="item.value"
+                :value="item.id"
+              >
               </el-option>
             </el-select>
           </div>
         </div>
       </template>
 
-      <template v-slot:start_time v-if="active===0">
+      <template v-slot:start_time v-if="active === 0">
         <div class="xy-table-item">
           <div class="xy-table-item-label" style="font-weight: bold">
-            <span style="color: red;font-weight: bold;padding-right: 4px;"></span>开始时间：
+            <span
+              style="color: red; font-weight: bold; padding-right: 4px"
+            ></span
+            >开始时间：
           </div>
           <div class="xy-table-item-content">
-            <el-date-picker style="width: 100%;" v-model="form.start_time" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-              format="yyyy-MM-dd HH:mm:ss" placeholder="开始时间">
+            <el-date-picker
+              style="width: 100%"
+              v-model="form.start_time"
+              type="datetime"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              format="yyyy-MM-dd HH:mm:ss"
+              placeholder="开始时间"
+            >
             </el-date-picker>
           </div>
         </div>
       </template>
-      <template v-slot:end_time v-if="active===0">
+      <template v-slot:end_time v-if="active === 0">
         <div class="xy-table-item">
           <div class="xy-table-item-label" style="font-weight: bold">
-            <span style="color: red;font-weight: bold;padding-right: 4px;"></span>截止时间：
+            <span
+              style="color: red; font-weight: bold; padding-right: 4px"
+            ></span
+            >截止时间：
           </div>
           <div class="xy-table-item-content">
-            <el-date-picker style="width: 100%;" v-model="form.end_time" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-              format="yyyy-MM-dd HH:mm:ss" placeholder="截止时间">
+            <el-date-picker
+              style="width: 100%"
+              v-model="form.end_time"
+              type="datetime"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              format="yyyy-MM-dd HH:mm:ss"
+              placeholder="截止时间"
+            >
             </el-date-picker>
           </div>
         </div>
       </template>
 
       <!-- 自定义报名 表单 -->
-      <template v-slot:question v-if="active===1">
+      <template v-slot:question v-if="active === 1">
         <div class="xy-table-item">
-          <div class="xy-table-item-label" style="font-weight: bold;display:none">
-            <span style="color: red;font-weight: bold;padding-right: 4px;"></span>：
+          <div
+            class="xy-table-item-label"
+            style="font-weight: bold; display: none"
+          >
+            <span
+              style="color: red; font-weight: bold; padding-right: 4px"
+            ></span
+            >：
           </div>
-          <div class="xy-table-item-content" style="min-height: 300px;">
+          <div class="xy-table-item-content" style="min-height: 300px">
+            <!-- 显示选中的课表信息 -->
+            <div v-if="selectedCourseSchedules.length > 0" style="margin-bottom: 20px; padding: 15px; background: #f5f7fa; border-radius: 6px;">
+              <h4 style="margin: 0 0 10px 0; color: #303133;">已选择的课表：</h4>
+              <div style="display: flex; flex-wrap: wrap; gap: 8px;">
+                <el-tag
+                  v-for="schedule in selectedCourseSchedules"
+                  :key="schedule.id"
+                  type="primary"
+                  size="small"
+                >
+                  {{ schedule.date }} {{ schedule.period }} | {{ schedule.theme }}
+                </el-tag>
+              </div>
+            </div>
+            
             <div>
-              <el-dialog id="template-dialog" :title="'问卷问题'"
-                style="position: relative; inset: 0 0 0 0; height: 100%;padding:20px 0" width="90%" top="0px"
-                :visible="true" :modal="false" :append-to-body="false" :show-close="false"
-                :modal-append-to-body="false">
+              <el-dialog
+                id="template-dialog"
+                :title="'问卷问题'"
+                style="
+                  position: relative;
+                  inset: 0 0 0 0;
+                  height: 100%;
+                  padding: 20px 0;
+                "
+                width="90%"
+                top="0px"
+                :visible="true"
+                :modal="false"
+                :append-to-body="false"
+                :show-close="false"
+                :modal-append-to-body="false"
+              >
                 <template v-slot:title>
-                  <Button v-if="questionList.length>0" ghost type="primary" @click="editForm('editor')">编辑问卷问题</Button>
-                  <Button v-else ghost type="primary" @click="editForm('add')">新增问卷问题</Button>
+                  <Button
+                    v-if="questionList.length > 0"
+                    ghost
+                    type="primary"
+                    @click="editForm('editor')"
+                    >编辑问卷问题</Button
+                  >
+                  <Button v-else ghost type="primary" @click="editForm('add')"
+                    >新增问卷问题</Button
+                  >
                 </template>
-                <el-form style="min-height: 300px;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 4%;" label-width="80px"
-                  label-position="top" size="small">
+                <el-form
+                  style="
+                    min-height: 300px;
+                    display: flex;
+                    flex-wrap: wrap;
+                    justify-content: space-between;
+                    padding: 0 4%;
+                  "
+                  label-width="80px"
+                  label-position="top"
+                  size="small"
+                >
                   <el-divider>问卷问题详情</el-divider>
-                  <el-form-item style="flex-basis: 45%;" :label="i.name || '问题名称'" :required="
-                        i.rule ? !!i.rule.includes('required') : false
-                      " v-for="(i, index) in questionList">
+                  <el-form-item
+                    style="flex-basis: 45%"
+                    :label="i.name || '问题名称'"
+                    :required="i.rule ? !!i.rule.includes('required') : false"
+                    v-for="(i, index) in questionList"
+                    :key="index"
+                  >
                     <formSlotRender :config="i" :index="index"></formSlotRender>
                   </el-form-item>
                 </el-form>
@@ -133,19 +301,27 @@
       </template>
 
       <template v-slot:footerContent>
-        <Button ghost type="primary" v-if="active===1" @click="active=0">上一步</Button>
+        <Button ghost type="primary" v-if="active === 1" @click="active = 0"
+          >上一步</Button
+        >
         <!-- <Button ghost type="primary" v-if="active===0" @click="next">下一步</Button> -->
-        <Button type="primary" ghost @click="checkSubmit" v-if="active===0">保存并下一步</Button>
-        <Button type="primary" ghost v-if="active===1" @click="closeSubmit(0)" >保存待发布</Button>
-        <Button type="primary" v-if="active===1" @click="closeSubmit(1)">完成并发布</Button>
+        <Button type="primary" ghost @click="checkSubmit" v-if="active === 0"
+          >保存并下一步</Button
+        >
+        <Button type="primary" ghost v-if="active === 1" @click="closeSubmit(0)"
+          >保存待发布</Button
+        >
+        <Button type="primary" v-if="active === 1" @click="closeSubmit(1)"
+          >完成并发布</Button
+        >
       </template>
-
-
     </xy-dialog>
 
     <!-- 发布提示 -->
     <el-dialog title="是否确认发布" :visible.sync="showTips" width="30%">
-      <div style="padding: 30px;font-size: 24px;text-indent: 2em;">请确认问卷表单无误后再发布。</div>
+      <div style="padding: 30px; font-size: 24px; text-indent: 2em">
+        请确认问卷表单无误后再发布。
+      </div>
       <span slot="footer" class="dialog-footer">
         <el-button @click="showTips = false">取 消</el-button>
         <el-button type="primary" @click="saveSubmit">确 定</el-button>
@@ -157,346 +333,504 @@
 </template>
 
 <script>
-  import {
-    show,
-    save
-  } from "@/api/survey/evaluations.js"
-  import {
-    index
-  } from "@/api/course/courseContent.js"
-  import {
-    index as formIndex
-  } from "@/api/survey/index.js";
-  import {
-    getparameter
-  } from "@/api/system/dictionary.js"
-  import {
-    deepCopy
-  } from "@/utils";
-  import applyForm from "../components/applyForm.vue";
-  import formSlotRender from "@/views/system/components/formSlotRender.vue";
-  export default {
-    components: {
-      applyForm,
-      formSlotRender
-    },
-    data() {
-      return {
-        isShow: false,
-        showTips:false,
-        type: 'add',
-        active: 0,
-        id: '',
-        questionLinkIds:{
-          course_id:'',
-          course_content_id:'',
-          course_content_evaluation_id:''
-        },
-        course_content_id:'',
-        course_signs_count: 0,
-        courseList:[],
-        courseContentList:[],
-        courseEvaluationList:[],
-        form: {
-          step: '', // 控制课程 课表
-          course_id:"",
-          course_content_id:"",
-          title:"",
-          desc:'',
-          type_id:'',
-          start_time:'',
-          end_time:'',
-          status:0,
-          question:''
-        },
-        rules: {
-          title: [{
+import { show, save } from "@/api/survey/evaluations.js";
+import { index } from "@/api/course/courseContent.js";
+import { index as formIndex } from "@/api/survey/index.js";
+import { getparameter } from "@/api/system/dictionary.js";
+import { deepCopy } from "@/utils";
+import applyForm from "../components/applyForm.vue";
+import formSlotRender from "@/views/system/components/formSlotRender.vue";
+export default {
+  components: {
+    applyForm,
+    formSlotRender,
+  },
+  data() {
+    return {
+      isShow: false,
+      showTips: false,
+      type: "add",
+      active: 0,
+      id: "",
+      questionLinkIds: {
+        course_id: "",
+        course_content_id: "",
+        course_content_evaluation_id: "",
+      },
+      course_content_id: "",
+      course_signs_count: 0,
+      courseList: [],
+      courseContentList: [],
+      courseEvaluationList: [],
+      form: {
+        step: "", // 控制课程 课表
+        title: "",
+        desc: "",
+        course_id: "",
+        course_content_id: "",
+
+        type_id: "",
+        start_time: "",
+        end_time: "",
+        status: 0,
+        question: "",
+      },
+      rules: {
+        title: [
+          {
             required: true,
-            message: '请输入问卷标题'
-          }],
-          course_content_id: [{
+            message: "请输入问卷标题",
+          },
+        ],
+        course_content_id: [
+          {
             required: false,
-            message: '请选择课表',
+            message: "请选择课表",
             validator: (rule, value, callback) => {
               // 如果课程未排课，则不验证课表
               if (this.currentCourseIsArrange === 0) {
                 callback();
                 return;
               }
-              // 如果课程已排课，则课表必填
-              if (!value) {
-                callback(new Error('请选择课表'));
+              // 如果课程已排课，则至少选择一个课表
+              const selectedCount = this.courseContentList.filter(item => item.checked).length;
+              if (selectedCount === 0) {
+                callback(new Error("请至少选择一个课表"));
                 return;
               }
               callback();
-            }
-          }],
-          // start_time: [{
-          //   required: true,
-          //   message: '请选择开始时间'
-          // }],
-          // end_time: [{
-          //   required: true,
-          //   message: '请选择截止时间'
-          // }],
-        },
-        // 自定义表单
-        selectForm: {
+            },
+          },
+        ],
+        // start_time: [{
+        //   required: true,
+        //   message: '请选择开始时间'
+        // }],
+        // end_time: [{
+        //   required: true,
+        //   message: '请选择截止时间'
+        // }],
+      },
+      // 自定义表单
+      selectForm: {
+        page: 1,
+        page_size: 999,
+        sort_name: "sort",
+        sort_type: "ASC",
+      },
+      questionList: [],
+      currentCourseIsArrange: 0, // 新增：用于存储当前选中课程的 is_arrange 值
+      selectAllCourseContent: false,
+      isIndeterminateCourseContent: false,
+      selectedCourseSchedules: [], // 新增：用于存储选中的课表信息
+    };
+  },
+  created() {
+    this.getEList();
+    this.getCourseList();
+  },
+  methods: {
+    changeCourse(e) {
+      if (e) {
+        // 获取选中课程的 is_arrange 值
+        const selectedCourse = this.courseList.find((item) => item.id === e);
+        if (selectedCourse) {
+          this.currentCourseIsArrange = selectedCourse.is_arrange;
+          
+          // 清空之前选择的课表数据
+          this.form.course_content_id = "";
+          this.selectAllCourseContent = false;
+          this.isIndeterminateCourseContent = false;
+          this.selectedCourseSchedules = []; // 清空已选课表
+          
+          // 如果课程未排课，清空课表选择并隐藏课表选择表单
+          if (selectedCourse.is_arrange === 0) {
+            this.courseContentList = [];
+            // 动态移除课表必填验证
+            this.removeCourseContentValidation();
+          } else {
+            // 如果课程已排课，获取课表列表并添加必填验证
+            this.filterSurveys(e);
+            this.addCourseContentValidation();
+          }
+        }
+      } else {
+        // 当清空课程选择时，也要清空相关数据
+        this.currentCourseIsArrange = 0;
+        this.form.course_content_id = "";
+        this.courseContentList = [];
+        this.selectAllCourseContent = false;
+        this.isIndeterminateCourseContent = false;
+        this.selectedCourseSchedules = [];
+        this.removeCourseContentValidation();
+      }
+    },
+    async getEList() {
+      const res = await getparameter({
+        number: "course_content_evaluation_type",
+      });
+      this.courseEvaluationList = res.detail;
+    },
+    // 获取课程列表
+    async getCourseList() {
+      try {
+        const res = await index({
           page: 1,
           page_size: 999,
-          sort_name: 'sort',
-          sort_type: 'ASC'
-        },
-        questionList: [],
-        currentCourseIsArrange: 0 // 新增：用于存储当前选中课程的 is_arrange 值
+        });
+        this.courseList = res.data || [];
+      } catch (error) {
+        console.error('获取课程列表失败:', error);
+        this.courseList = [];
       }
     },
-    created() {
-      this.getEList()
+    // 获取课表
+    async filterSurveys(course_id) {
+      const res = await index({
+        page: 1,
+        page_size: 999,
+        filter: [
+          {
+            key: "course_id",
+            op: "like",
+            value: course_id,
+          },
+        ],
+      });
+      if (res.data.length < 1) {
+        this.$Message.warning("该课程暂无课表");
+        return;
+      }
+      // 重置课表选择状态
+      this.courseContentList = res.data.map(item => ({ ...item, checked: false }));
+      this.selectAllCourseContent = false;
+      this.isIndeterminateCourseContent = false;
+      this.updateSelectAll();
     },
-    methods: {
-      changeCourse(e) {
-        if(e){
-          // 获取选中课程的 is_arrange 值
-          const selectedCourse = this.courseList.find(item => item.id === e);
-          if (selectedCourse) {
-            this.currentCourseIsArrange = selectedCourse.is_arrange;
-            // 如果课程未排课，清空课表选择并隐藏课表选择表单
-            if (selectedCourse.is_arrange === 0) {
-              this.form.course_content_id = '';
-              this.courseContentList = [];
-              // 动态移除课表必填验证
-              this.removeCourseContentValidation();
-            } else {
-              // 如果课程已排课，获取课表列表并添加必填验证
-              this.filterSurveys(e);
-              this.addCourseContentValidation();
-            }
-          }
-        }
-      },
-      async getEList(){
-        const res = await getparameter({
-          number: 'course_content_evaluation_type'
-        })
-        this.courseEvaluationList = res.detail
-      },
-      // 获取课表
-      async filterSurveys(course_id) {
-        const res = await index({
-          page:1,
-          page_size:999,
-          filter:[{
-            key:'course_id',
-            op:'like',
-            value:course_id
-          }]
-        })
-        if(res.data.length<1){
-          this.$Message.warning("该课程暂无课表")
-          return
-        }
-        this.courseContentList = res.data
-      },
-      // 验证form提交规则
-      mysubmit(e) {
-        if (e) {
-          this.submit()
-        }
-      },
-      checkSubmit() {
-        this.$refs.dialog.submit(true)
-      },
-      compareTime(date, sign) {
-        let date1 = this.$moment(date)
-        let sign1 = this.$moment(sign)
-        return sign1.isBefore(date1)
-      },
-      submit() {
-        // 报名截止时间 不能晚于 日程开始时间
-        if (this.form.start_time && this.form.end_time) {
-          if (this.compareTime(this.form.start_time, this.form.end_time)) {
-            this.$Message.warning("截止时间不能晚于开始时间")
-            return
-          }
+    // 验证form提交规则
+    mysubmit(e) {
+      if (e) {
+        this.submit();
+      }
+    },
+    checkSubmit() {
+      this.$refs.dialog.submit(true);
+    },
+    compareTime(date, sign) {
+      let date1 = this.$moment(date);
+      let sign1 = this.$moment(sign);
+      return sign1.isBefore(date1);
+    },
+    submit() {
+      // 报名截止时间 不能晚于 日程开始时间
+      if (this.form.start_time && this.form.end_time) {
+        if (this.compareTime(this.form.start_time, this.form.end_time)) {
+          this.$Message.warning("截止时间不能晚于开始时间");
+          return;
         }
-        save({
-          ...this.form
-        }).then(res => {
-          this.$message({
-            type: 'success',
-            message: '保存问卷成功',
-            duration: 2000
-          })
-          this.id = res.id
-          this.questionLinkIds = {
-            course_id:res.course_id,
-            course_content_id:res.course_content_id,
-            course_content_evaluation_id:res.id
-          }
-          this.$emit('refresh')
-          this.active = 1
-          // this.active = 1
-        })
-      },
+      }
+      
+      // 收集选中的课表ID
+      if (this.currentCourseIsArrange !== 0) {
+        const selectedCourseContentIds = this.courseContentList
+          .filter(item => item.checked)
+          .map(item => item.id);
+        this.form.course_content_id = selectedCourseContentIds.join(',');
+        
+        // 更新选中的课表信息
+        this.selectedCourseSchedules = this.courseContentList.filter(item => item.checked).map(item => ({
+          id: item.id,
+          date: item.date,
+          period: item.period,
+          theme: item.theme
+        }));
+      }
+      
+      save({
+        ...this.form,
+      }).then((res) => {
+        this.$message({
+          type: "success",
+          message: "保存问卷成功",
+          duration: 2000,
+        });
+        this.id = res.id;
+        this.questionLinkIds = {
+          course_id: res.course_id,
+          course_content_id: res.course_content_id,
+          course_content_evaluation_id: res.id,
+        };
+        this.$emit("refresh");
+        this.active = 1;
+        // this.active = 1
+      });
+    },
+    // 发布
+    saveSubmit() {
+      this.form.id = this.id;
+      this.form.status = 1;
+      save({
+        ...this.form,
+      }).then((res) => {
+        this.$message({
+          type: "success",
+          message: "发布成功",
+          duration: 2000,
+        });
+        this.showTips = false;
+        this.$emit("refresh");
+        this.isShow = false;
+      });
+    },
+    closeSubmit(status) {
       // 发布
-      saveSubmit(){
-        this.form.id = this.id
-        this.form.status = 1
-        save({
-          ...this.form
-        }).then(res => {
+      if (status == 1) {
+        if (this.questionList.length < 1) {
           this.$message({
-            type: 'success',
-            message: '发布成功',
-            duration: 2000
-          })
-          this.showTips = false
-          this.$emit('refresh')
-          this.isShow = false
-        })
-      },
-      closeSubmit(status) {
-        // 发布
-        if(status==1){
-          if(this.questionList.length<1){
-            this.$message({
-              type:'warning',
-              message:'需要先创建问题列表才可以发布',
-              duration:2000
-            })
-            return
-          }
-          // 已发布的直接关闭
-          if(this.form.status===1){
-            this.$emit('refresh')
-            this.isShow = false
-          }else{
-            this.showTips = true
-          }
-        }else{
-          this.form.id = this.id
-          this.form.status = 0
-          save({
-            ...this.form
-          }).then(res => {
-            this.$message({
-              type: 'success',
-              message: '保存成功',
-              duration: 2000
-            })
-            this.$emit('refresh')
-            this.isShow = false
-          })
+            type: "warning",
+            message: "需要先创建问题列表才可以发布",
+            duration: 2000,
+          });
+          return;
         }
-
-
-      },
-      getDetail() {
-        show({
-          id: this.id,
-        }).then(res => {
-          this.form = this.base.requestToForm(res, this.form)
-          this.filterSurveys(this.form.course_id)
-          this.form.status = res.status ? res.status : 0
-          this.questionLinkIds = {
-            course_id:res.course_id,
-            course_content_id:res.course_content_id,
-            course_content_evaluation_id:res.id
-          }
-        })
-      },
-      // 下一步
-      next() {
-        if (this.id) {
-          this.active = 1
+        // 已发布的直接关闭
+        if (this.form.status === 1) {
+          this.$emit("refresh");
+          this.isShow = false;
         } else {
-          this.$Message.warning("请先保存问卷信息")
+          this.showTips = true;
         }
-      },
-      // 获取自定义表单列表
-      async getquestionList() {
-        const res = await formIndex({
-          filter: [{
-            key: 'course_content_evaluation_id',
-            op: 'eq',
-            value: this.id
-          }],
-          ...this.selectForm
-        })
-        this.questionList = res.data
-      },
-      // 打开自定义表单
-      editForm(type, id) {
-        // this.$refs.applyForm.questionList = deepCopy(this.questionList)
-        // this.$refs.applyForm.course_content_id = this.id
-        // this.$refs.applyForm.course_signs_count = this.course_signs_count
-        // this.$refs.applyForm.visible = true
-        this.$refs.applyForm.questionLinkIds = this.questionLinkIds
-        this.$refs.applyForm.dialogVisible = true
-      },
-      // 动态添加课表必填验证
-      addCourseContentValidation() {
-        this.$nextTick(() => {
-          this.$refs.dialog.form.validateField('course_content_id');
-        });
-      },
-      // 动态移除课表必填验证
-      removeCourseContentValidation() {
-        this.$nextTick(() => {
-          this.$refs.dialog.form.clearValidate('course_content_id');
+      } else {
+        this.form.id = this.id;
+        this.form.status = 0;
+        save({
+          ...this.form,
+        }).then((res) => {
+          this.$message({
+            type: "success",
+            message: "保存成功",
+            duration: 2000,
+          });
+          this.$emit("refresh");
+          this.isShow = false;
         });
       }
-
-
     },
-    watch: {
-      isShow(newVal) {
-        if (newVal) {
-          if (this.type === 'editor') {
-            this.getDetail()
-            this.getquestionList()
-          }
-        } else {
-          this.id = ''
-          this.course_signs_count = 0
-          this.active = 0
-          this.questionList = []
-          this.courseList = []
-          this.courseContentList = []
-          this.courseEvaluationList = []
-          this.currentCourseIsArrange = 0
-          this.questionLinkIds = {
-            course_id:'',
-            course_content_id:'',
-            course_content_evaluation_id:''
-          }
-          this.form = {
-            step: '', // 控制课程 课表
-            course_id:"",
-            course_content_id:"",
-            title:"",
-            desc:'',
-            type_id:'',
-            start_time:'',
-            end_time:'',
-            status:0,
-            question:''
+    getDetail() {
+      show({
+        id: this.id,
+      }).then(async (res) => {
+        this.form = this.base.requestToForm(res, this.form);
+        this.form.status = res.status ? res.status : 0;
+        this.form.type_id = res.type_id ? parseInt(res.type_id) : "";
+        this.form.course_id = res.course_id ? parseInt(res.course_id) : "";
+        
+        // 先设置课程信息，然后获取课表数据
+        if (res.course_id) {
+          // 获取选中课程的 is_arrange 值
+          const selectedCourse = this.courseList.find((item) => item.id == res.course_id);
+          if (selectedCourse) {
+            this.currentCourseIsArrange = selectedCourse.is_arrange;
+            
+            // 如果课程已排课，获取课表列表
+            if (selectedCourse.is_arrange !== 0) {
+              await this.filterSurveys(res.course_id);
+              
+              // 处理已选中的课表
+              if (res.course_content_id) {
+                const selectedIds = res.course_content_id.split(',').map(id => parseInt(id.trim()));
+                this.$nextTick(() => {
+                  this.courseContentList.forEach(item => {
+                    item.checked = selectedIds.includes(item.id);
+                  });
+                  this.updateSelectAll();
+                  this.selectedCourseSchedules = this.courseContentList.filter(item => item.checked).map(item => ({
+                    id: item.id,
+                    date: item.date,
+                    period: item.period,
+                    theme: item.theme
+                  }));
+                });
+              }
+            } else {
+              // 如果课程未排课，清空课表列表
+              this.courseContentList = [];
+              this.currentCourseIsArrange = 0;
+              this.selectedCourseSchedules = [];
+            }
           }
-          this.$refs['dialog'].reset()
         }
-      },
-    }
+        
+        this.questionLinkIds = {
+          course_id: res.course_id,
+          course_content_id: res.course_content_id,
+          course_content_evaluation_id: res.id,
+        };
+      });
+    },
+    // 下一步
+    next() {
+      if (this.id) {
+        this.active = 1;
+      } else {
+        this.$Message.warning("请先保存问卷信息");
+      }
+    },
+    // 获取自定义表单列表
+    async getquestionList() {
+      const res = await formIndex({
+        filter: [
+          {
+            key: "course_content_evaluation_id",
+            op: "eq",
+            value: this.id,
+          },
+        ],
+        ...this.selectForm,
+      });
+      this.questionList = res.data;
+    },
+    // 打开自定义表单
+    editForm(type, id) {
+      // this.$refs.applyForm.questionList = deepCopy(this.questionList)
+      // this.$refs.applyForm.course_content_id = this.id
+      // this.$refs.applyForm.course_signs_count = this.course_signs_count
+      // this.$refs.applyForm.visible = true
+      this.$refs.applyForm.questionLinkIds = this.questionLinkIds;
+      
+      // 传递选中的课表信息，确保有正确的checked状态
+      const courseSchedulesWithState = this.courseContentList
+        .filter(item => item.checked)
+        .map(item => ({
+          id: item.id,
+          date: item.date,
+          period: item.period,
+          theme: item.theme
+        }));
+      
+      console.log('传递给问题编辑的课表数据:', courseSchedulesWithState);
+      this.$refs.applyForm.selectedCourseSchedules = courseSchedulesWithState;
+      this.$refs.applyForm.dialogVisible = true;
+    },
+    // 动态添加课表必填验证
+    addCourseContentValidation() {
+      this.$nextTick(() => {
+        this.$refs.dialog.form.validateField("course_content_id");
+      });
+    },
+    // 动态移除课表必填验证
+    removeCourseContentValidation() {
+      this.$nextTick(() => {
+        this.$refs.dialog.form.clearValidate("course_content_id");
+      });
+    },
+    handleSelectAllCourseContent(val) {
+      this.courseContentList.forEach(item => {
+        item.checked = val;
+      });
+      this.updateSelectAll();
+      this.selectedCourseSchedules = this.courseContentList.filter(item => item.checked).map(item => ({
+        id: item.id,
+        date: item.date,
+        period: item.period,
+        theme: item.theme
+      }));
+    },
+    handleCourseContentChange(val) {
+      this.updateSelectAll();
+      this.selectedCourseSchedules = this.courseContentList.filter(item => item.checked).map(item => ({
+        id: item.id,
+        date: item.date,
+        period: item.period,
+        theme: item.theme
+      }));
+    },
+    updateSelectAll() {
+      const checkedCount = this.courseContentList.filter(item => item.checked).length;
+      this.selectAllCourseContent = checkedCount === this.courseContentList.length && this.courseContentList.length > 0;
+      this.isIndeterminateCourseContent = checkedCount > 0 && checkedCount < this.courseContentList.length;
+    },
+  },
+  watch: {
+    isShow(newVal) {
+      if (newVal) {
+        if (this.type === "editor") {
+          this.getDetail();
+          this.getquestionList();
+        }
+      } else {
+        this.id = "";
+        this.course_signs_count = 0;
+        this.active = 0;
+        this.questionList = [];
+        this.courseList = [];
+        this.courseContentList = [];
+        this.courseEvaluationList = [];
+        this.currentCourseIsArrange = 0;
+        this.questionLinkIds = {
+          course_id: "",
+          course_content_id: "",
+          course_content_evaluation_id: "",
+        };
+        this.form = {
+          step: "", // 控制课程 课表
+          title: "",
+          desc: "",
+          course_id: "",
+          course_content_id: "",
 
-  }
+          type_id: "",
+          start_time: "",
+          end_time: "",
+          status: 0,
+          question: "",
+        };
+        this.$refs["dialog"].reset();
+        this.selectedCourseSchedules = []; // 清空已选课表
+      }
+    },
+  },
+};
 </script>
 
 <style scoped lang="scss">
-  ::v-deep .step,
-  ::v-deep .question {
-    flex-basis: 100%;
-  }
-  ::v-deep .el-step.is-simple .el-step__head {
-    display: flex
-  }
+::v-deep .step,
+::v-deep .question,
+::v-deep .desc,
+::v-deep .title,
+::v-deep .course_id,
+::v-deep .course_content_id {
+  flex-basis: 100%;
+}
+::v-deep .el-step.is-simple .el-step__head {
+  display: flex;
+}
+
+.checkbox-container {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+
+.select-all-row {
+  width: 100%;
+  margin-bottom: 15px;
+  padding-bottom: 10px;
+  border-bottom: 1px solid #ebeef5;
+}
+
+.checkbox-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0;
+  width: 100%;
+}
+
+.checkbox-item {
+  // flex: 0 0 50%;
+  max-width: 50%;
+  padding: 8px 0;
+  box-sizing: border-box;
+}
+
 </style>
diff --git a/src/views/survey/components/SurveyFillDialog.vue b/src/views/survey/components/SurveyFillDialog.vue
index 9c65acd..d6b0959 100644
--- a/src/views/survey/components/SurveyFillDialog.vue
+++ b/src/views/survey/components/SurveyFillDialog.vue
@@ -21,16 +21,16 @@
             <div class="question-content">
               <template v-if="q.edit_input==='radio'">
                 <el-radio-group v-model="answers[q.id]" :disabled="previewOnly" class="mobile-radio-group">
-                  <el-radio v-for="(opt, oidx) in q.select_item" :key="oidx" :label="opt"
-                    class="mobile-radio">{{ opt }}</el-radio>
+                  <el-radio v-for="(opt, oidx) in q.select_item" :key="oidx" :label="opt.value"
+                    class="mobile-radio">{{ opt.value }}</el-radio>
                 </el-radio-group>
                 <el-input v-if="q.allow_input" type="text" v-model="answers[q.id]" :disabled="previewOnly"
                   :placeholder="q.help||'请输入内容'" class="mobile-textarea" />
               </template>
               <template v-else-if="q.edit_input==='checkbox'">
                 <el-checkbox-group v-model="answers[q.id]" :disabled="previewOnly" class="mobile-checkbox-group">
-                  <el-checkbox v-for="(opt, oidx) in q.select_item" :key="oidx" :label="opt"
-                    class="mobile-checkbox">{{ opt }}</el-checkbox>
+                  <el-checkbox v-for="(opt, oidx) in q.select_item" :key="oidx" :label="opt.value"
+                    class="mobile-checkbox">{{ opt.value }}</el-checkbox>
                 </el-checkbox-group>
                 <el-input v-if="q.allow_input" type="text" v-model="answers[q.id]" :disabled="previewOnly"
                   :placeholder="q.help||'请输入内容'" class="mobile-textarea" />
diff --git a/src/views/survey/components/applyForm.vue b/src/views/survey/components/applyForm.vue
index 291ae52..c172ca4 100644
--- a/src/views/survey/components/applyForm.vue
+++ b/src/views/survey/components/applyForm.vue
@@ -74,7 +74,7 @@
               </template>
               <template #right>
                 <editPane ref="editPane" @refreshFormItem="refreshItem" :rules="rules" :types="types"
-                  @refresh="getFormList"></editPane>
+                  @refresh="getFormList" :selectedCourseSchedules="selectedCourseSchedules"></editPane>
               </template>
             </Split>
           </template>
@@ -99,11 +99,11 @@
   import formMixins from "@/mixin/formMixin.js";
   import {
     config
-  } from "@/api/system/customFormField";
-  import {
-    index,
-    save,
-    destroy,
+  } from "@/api/system/customFormField";
+  import {
+    index,
+    save,
+    destroy,
   } from "@/api/survey/index.js";
   import {
     index as courseIndex,
@@ -122,9 +122,10 @@
     },
     data() {
       return {
-        course_id: "",
+        course_id: "",
         questionLinkIds:{},
         course_signs_count: 0,
+        selectedCourseSchedules: [], // 新增：存储选中的课表信息
         select: {
           page: 1,
           page_size: 999,
@@ -211,7 +212,7 @@
           edit_to_migration,
           validation_rules
         } = await config(false);
-        this.rules = validation_rules
+        this.rules = validation_rules
         // item.edit_input !== 'textarea' &&
         this.types = edit_to_migration.filter(item =>  item.edit_input !==
           "richtext" &&
@@ -279,10 +280,13 @@
             edit_input: originalData.edit_input,
             sort: newIndex,
             help: "",
-            rule: "",
+            rule: "",
             allow_input:0,
-            select_item: [],
-            ...this.questionLinkIds
+            select_item: [],
+            course_id: this.questionLinkIds.course_id,
+            course_content_evaluation_id: this.questionLinkIds.course_content_evaluation_id,
+            // 不自动设置 course_content_id，让用户手动选择
+            course_content_id: ""
           };
           this.formList.splice(newIndex, 0, newItem)
         }
@@ -371,12 +375,12 @@
             if (item.course_id) {
               item.course_id = ''
             }
-          })
-          this.formList = []
-          // this.types = []
-          // this.rules = {}
-          this.$refs.editPane.showForm = false
-          this.selectedForm = {}
+          })
+          this.formList = []
+          // this.types = []
+          // this.rules = {}
+          this.$refs.editPane.showForm = false
+          this.selectedForm = {}
           this.selectedIndex = 0
           this.$emit("refresh")
         }
@@ -462,4 +466,4 @@
       width: 2px;
     }
   }
-</style>
+</style>
diff --git a/src/views/survey/components/editPane.vue b/src/views/survey/components/editPane.vue
index 286cea5..fc26427 100644
--- a/src/views/survey/components/editPane.vue
+++ b/src/views/survey/components/editPane.vue
@@ -1,27 +1,48 @@
-<template>
-  <div style="padding: 0 10px; height: 100%; overflow: scroll">
-    <template v-if="showForm">
-      <el-form :rules="formRule" ref="form" :model="selectedForm" label-width="80px">
-        <!-- <el-form-item prop="belong_user_table" label="更新学员字段">
-         <el-select v-model="selectedForm.belong_user_table" clearable @change="changeIsUser"
-            :popper-append-to-body="false" placeholder="请选择学员字段" style="width: 100%">
-            <el-option v-for="(item, key) in selectFormList" :key="key" :label="item.name"
-              :value="item.belong_user_table"></el-option>
-          </el-select>
-        </el-form-item> -->
-        <el-form-item prop="name" label="字段名称">
-          <el-input v-model="selectedForm.name" placeholder="请输入字段名称" @input="inputHandler"></el-input>
-        </el-form-item>
-        <el-form-item required prop="field" label="字段标识">
-          <el-input :disabled="selectedForm.belong_user?true:false" v-model="selectedForm.field"></el-input>
-        </el-form-item>
-        <el-form-item prop="help" label="帮助文字">
-          <el-input v-model="selectedForm.help" placeholder="请输入帮助文字"></el-input>
+<template>
+  <div style="padding: 0 10px; height: 100%; overflow: scroll">
+    <template v-if="showForm">
+      <el-form :rules="formRule" ref="form" :model="selectedForm" label-width="80px">
+        <!-- <el-form-item prop="belong_user_table" label="更新学员字段">
+         <el-select v-model="selectedForm.belong_user_table" clearable @change="changeIsUser"
+            :popper-append-to-body="false" placeholder="请选择学员字段" style="width: 100%">
+            <el-option v-for="(item, key) in selectFormList" :key="key" :label="item.name"
+              :value="item.belong_user_table"></el-option>
+          </el-select>
+        </el-form-item> -->
+        <el-form-item prop="name" label="字段名称">
+          <el-input v-model="selectedForm.name" placeholder="请输入字段名称" @input="inputHandler"></el-input>
         </el-form-item>
+        <el-form-item required prop="field" label="字段标识">
+          <el-input :disabled="selectedForm.belong_user?true:false" v-model="selectedForm.field"></el-input>
+        </el-form-item>
+        <el-form-item prop="help" label="帮助文字">
+          <el-input v-model="selectedForm.help" placeholder="请输入帮助文字"></el-input>
+        </el-form-item>
+
+        <!-- 课表选择字段 -->
+        <el-form-item 
+          v-if="selectedCourseSchedules.length > 0" 
+          prop="course_content_id" 
+          label="关联课表"
+        >
+          <div class="course-schedule-selection">
+            <div class="schedule-list">
+              <el-radio
+                v-for="schedule in selectedCourseSchedules"
+                :key="schedule.id"
+                v-model="selectedScheduleId"
+                :label="schedule.id"
+                class="schedule-item"
+              >
+                {{ schedule.date }} {{ schedule.period }} | {{ schedule.theme }}
+              </el-radio>
+            </div>
+          </div>
+        </el-form-item>
+
 
-
-        <el-form-item prop="sort" label="排序">
-          <el-input v-model="selectedForm.sort" placeholder="请输入排序"></el-input>
+        <el-form-item prop="sort" label="排序">
+          <el-input v-model="selectedForm.sort" placeholder="请输入排序"></el-input>
         </el-form-item>
         <el-form-item v-if="selectedForm.edit_input==='radio' || selectedForm.edit_input==='checkbox'"
         prop="allow_input" label="是否可自行填写">
@@ -29,113 +50,119 @@
               <el-radio :label="0">否</el-radio>
               <el-radio :label="1">是</el-radio>
             </el-radio-group>
-        </el-form-item>
-        <el-form-item prop="select_item" label="下拉框选项"
-          v-if="selectedForm.edit_input==='radio' || selectedForm.edit_input==='checkbox'">
-          <div class="select-item">
-            <div class="select-item__header">
-              <span>键</span>
-              <span>值</span>
-            </div>
-            <div class="select-item__body" v-for="(i, index) in selectItem">
-              <div><el-input v-model="i.key" size="mini"></el-input></div>
-              <div><el-input v-model="i.value" size="mini"></el-input></div>
-              <div>
-                <el-button type="danger" size="mini" circle icon="el-icon-delete"
-                  @click="selectItem.splice(index, 1)"></el-button>
-              </div>
-            </div>
-            <el-button type="primary" size="mini" circle icon="el-icon-plus"
-              @click="selectItem.push({ key: '', value: '' })"></el-button>
-          </div>
-        </el-form-item>
-        <el-form-item prop="validation" label="校验规则">
-          <el-select v-model="validation" clearable multiple collapse-tags :popper-append-to-body="false"
-            placeholder="请选择校验规则" style="width: 100%">
-            <el-option v-for="(value, key) in rules" :key="key" :label="value" :value="key"></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" @click="saveField">保存</el-button>
-          <el-popover trigger="hover" ref="el-popover" placement="top" width="160">
-            <p>确定删除字段吗？</p>
-            <div style="text-align: right; margin: 0">
-              <el-button size="mini" type="text" @click="$refs['el-popover'].doClose()">取消</el-button>
-              <el-button type="primary" size="mini" @click="destroyField">确定</el-button>
-            </div>
-            <el-button type="danger" slot="reference" @click="$refs['el-popover'].doShow()"
-              style="margin-left: 10px">删除</el-button>
-          </el-popover>
-        </el-form-item>
-      </el-form>
-    </template>
-    <template v-else>
-      <el-empty style="position: relative; top: 50%; transform: translateY(-50%)" description="暂无选择"></el-empty>
-    </template>
-  </div>
-</template>
-
-<script>
-  import {
-    save,
-    destroy
-  } from "@/api/survey/index.js";
-  import {
-    translate
-  } from "@/api/system/customFormField";
-  import {
-    debounce,
-    deepCopy
-  } from "@/utils";
-
-  export default {
-    props: {
-      rules: Object,
-      types: Array,
-    },
-    data() {
-      return {
-        showForm: false,
-        debouncedInputHandler: null,
-        formRule: {
-          name: [{
-            required: true,
-            message: "请输入字段名称"
-          }],
-          field: [{
-            required: true,
-            message: "请输入字段标识"
-          }],
-        },
-        selectedForm: {}, // 选择的表单item数据
-        selectedIndex: 0, // 选择的表单item index
-        selectItem: [], //自定义下拉内容，先绑定数组后转为对象
-        validation: [], //效验规则
+        </el-form-item>
+        <el-form-item prop="select_item" label="下拉框选项"
+          v-if="selectedForm.edit_input==='radio' || selectedForm.edit_input==='checkbox'">
+          <div class="select-item">
+            <div class="select-item__header">
+              <span>键</span>
+              <span>值</span>
+            </div>
+            <div class="select-item__body" v-for="(i, index) in selectItem">
+              <div><el-input v-model="i.key" size="mini"></el-input></div>
+              <div><el-input v-model="i.value" size="mini"></el-input></div>
+              <div>
+                <el-button type="danger" size="mini" circle icon="el-icon-delete"
+                  @click="selectItem.splice(index, 1)"></el-button>
+              </div>
+            </div>
+            <el-button type="primary" size="mini" circle icon="el-icon-plus"
+              @click="selectItem.push({ key: '', value: '' })"></el-button>
+          </div>
+        </el-form-item>
+        <el-form-item prop="validation" label="校验规则">
+          <el-select v-model="validation" clearable multiple collapse-tags :popper-append-to-body="false"
+            placeholder="请选择校验规则" style="width: 100%">
+            <el-option v-for="(value, key) in rules" :key="key" :label="value" :value="key"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="saveField">保存</el-button>
+          <el-popover trigger="hover" ref="el-popover" placement="top" width="160">
+            <p>确定删除字段吗？</p>
+            <div style="text-align: right; margin: 0">
+              <el-button size="mini" type="text" @click="$refs['el-popover'].doClose()">取消</el-button>
+              <el-button type="primary" size="mini" @click="destroyField">确定</el-button>
+            </div>
+            <el-button type="danger" slot="reference" @click="$refs['el-popover'].doShow()"
+              style="margin-left: 10px">删除</el-button>
+          </el-popover>
+        </el-form-item>
+      </el-form>
+    </template>
+    <template v-else>
+      <el-empty style="position: relative; top: 50%; transform: translateY(-50%)" description="暂无选择"></el-empty>
+    </template>
+  </div>
+</template>
+
+<script>
+  import {
+    save,
+    destroy
+  } from "@/api/survey/index.js";
+  import {
+    translate
+  } from "@/api/system/customFormField";
+  import {
+    debounce,
+    deepCopy
+  } from "@/utils";
+
+  export default {
+    props: {
+      rules: Object,
+      types: Array,
+      selectedCourseSchedules: {
+        type: Array,
+        default: () => []
+      }
+    },
+    data() {
+      return {
+        showForm: false,
+        debouncedInputHandler: null,
+        formRule: {
+          name: [{
+            required: true,
+            message: "请输入字段名称"
+          }],
+          field: [{
+            required: true,
+            message: "请输入字段标识"
+          }],
+        },
+        selectedForm: {}, // 选择的表单item数据
+        selectedIndex: 0, // 选择的表单item index
+        selectItem: [], //自定义下拉内容，先绑定数组后转为对象
+        validation: [], //效验规则
         parameters: [], //数据字典
-        formList:[],
-        forms: [], //表
-      };
-    },
-    methods: {
-      checkChinese(rule, value, callback) {
-        const reg = /^[\u4e00-\u9fa5]+$/;
-        if (reg.test(value)) {
-          callback();
-        } else {
-          callback(new Error("请输入中文姓名"));
-        }
-      },
-      inputHandler(e) {
-        if (this.selectedForm.belong_user) {
-
-        } else {
-          this.debouncedInputHandler(e);
-        }
-
+        formList:[],
+        forms: [], //表
+        // 课表选择相关
+        selectedScheduleId: null, // 新增：用于单选课表
+      };
+    },
+    methods: {
+      checkChinese(rule, value, callback) {
+        const reg = /^[\u4e00-\u9fa5]+$/;
+        if (reg.test(value)) {
+          callback();
+        } else {
+          callback(new Error("请输入中文姓名"));
+        }
       },
-      // 选择数据库字段
-      changeIsUser(e) {
-        console.log("e", e)
+      inputHandler(e) {
+        if (this.selectedForm.belong_user) {
+
+        } else {
+          this.debouncedInputHandler(e);
+        }
+
+      },
+      // 选择数据库字段
+      changeIsUser(e) {
+        console.log("e", e)
         console.log(this.selectedForm)
         if(e){
           this.selectFormList.map(item => {
@@ -157,12 +184,14 @@
           })
         }else{
           this.selectedForm.belong_user = 0
-        }
-
-      },
-
+        }
+
+      },
+
+      // 课表选择相关方法 - 已移除，改为单选
+
       saveField() {
-        console.log("this.selectedForm.select_item",this.selectedForm)
+        console.log("this.selectedForm.select_item",this.selectedForm)
         if(this.base.isNull(this.selectedForm.name)){
           this.$Message.warning("字段名称不能为空")
           return
@@ -170,18 +199,29 @@
         if(this.base.isNull(this.selectedForm.field)){
           this.$Message.warning("字段标识不能为空")
           return
-        }
-        this.selectedForm.select_item = []
-        this.selectedForm.select_item = this.selectItem
+        }
+        
+        // 处理课表选择 - 确保正确收集选中的课表ID
+        if (this.selectedScheduleId) {
+          this.selectedForm.course_content_id = this.selectedScheduleId;
+        } else {
+          // 如果没有课表，清空该字段
+          this.selectedForm.course_content_id = '';
+        }
+        
+        console.log('保存的表单数据:', this.selectedForm);
+        
+        this.selectedForm.select_item = []
+        this.selectedForm.select_item = this.selectItem
         this.selectedForm.rule = this.validation.join(",")
         // 字段标识不能重复
 
 
-        // 下拉选项
-        if (this.selectedForm.edit_input === 'radio' || this.selectedForm.edit_input === 'checkbox') {
-          if (this.selectedForm.select_item.length === 0) {
-            this.$Message.warning("请输入下拉框选项")
-            return
+        // 下拉选项
+        if (this.selectedForm.edit_input === 'radio' || this.selectedForm.edit_input === 'checkbox') {
+          if (this.selectedForm.select_item.length === 0) {
+            this.$Message.warning("请输入下拉框选项")
+            return
           }else{
             // 下拉框选项值不能为空
             let count = 0
@@ -195,104 +235,155 @@
               this.$Message.warning("下拉框选项键值不能为空")
               return
             }
-          }
-        }
-        // return
-        save(this.selectedForm).then(res => {
-          this.$Message.success('保存成功')
-          this.$emit("refreshFormItem", 'save')
-          this.showForm = false
-        })
-      },
-
-      destroyField() {
-        if (this.selectedForm.id) {
-          destroy({
-            id: this.selectedForm.id
-          }).then(res => {
-            this.$Message.success('删除成功')
-            this.showForm = false
-            this.$emit("refreshFormItem", 'DelId', this.selectedIndex)
-          })
-        } else {
-          this.$Message.success('删除成功')
-          this.showForm = false
-          this.$emit("refreshFormItem", 'Del', this.selectedIndex)
-        }
-      }
-    },
-    watch: {
-      selectedForm(newVal) {
+          }
+        }
+        // return
+        save(this.selectedForm).then(res => {
+          this.$Message.success('保存成功')
+          this.$emit("refreshFormItem", 'save')
+          this.showForm = false
+        })
+      },
+
+      destroyField() {
+        if (this.selectedForm.id) {
+          destroy({
+            id: this.selectedForm.id
+          }).then(res => {
+            this.$Message.success('删除成功')
+            this.showForm = false
+            this.$emit("refreshFormItem", 'DelId', this.selectedIndex)
+          })
+        } else {
+          this.$Message.success('删除成功')
+          this.showForm = false
+          this.$emit("refreshFormItem", 'Del', this.selectedIndex)
+        }
+      }
+    },
+    watch: {
+      selectedForm(newVal) {
         console.log("newval", newVal)
-
-        if (newVal) {
-          if (newVal.select_item) {
-            this.selectItem = [];
-            this.selectItem = newVal.select_item
-          }
-          this.validation = []
-          if (newVal.rule) {
-            this.validation = newVal.rule.split(',')
-          }
-
-        }
+
+        if (newVal) {
+          if (newVal.select_item) {
+            this.selectItem = [];
+            this.selectItem = newVal.select_item
+          }
+          this.validation = []
+          if (newVal.rule) {
+            this.validation = newVal.rule.split(',')
+          }
+          
+          // 处理课表选择状态
+          if (newVal.course_content_id) {
+            // 编辑现有问题，设置选中的课表
+            this.selectedScheduleId = newVal.course_content_id;
+            console.log('编辑问题，设置课表ID:', this.selectedScheduleId);
+          } else {
+            // 新增问题，清空课表选择
+            this.selectedScheduleId = null;
+            console.log('新增问题，清空课表选择');
+          }
+        }
       },
       showForm(newval){
         if(!newval){
           this.selectedForm = {}
           this.selectedIndex = 0
+          // 重置课表选择状态
+          this.selectedScheduleId = null
         }
-      }
-    },
-    created() {
-      this.debouncedInputHandler = debounce((e) => {
-        if (e) {
-          this.checkChinese("", e, (err) => {
-            if (!err) {
-              translate({
-                str: e,
-              }).then((en) => {
-                this.selectedForm.field = en.pinyin;
-              });
-            }
-          });
-        }
-      }, 1000);
-    },
-  };
-</script>
-
-<style scoped lang="scss">
-  ::v-deep .el-input-number.is-without-controls .el-input__inner {
-    text-align: left;
-  }
-
-  .select-item {
-    text-align: center;
-
-    &__header {
-      font-weight: 600;
-      display: flex;
-
-      &>span {
-        flex-basis: 30%;
-
-        &+span {
-          margin-left: 10px;
-        }
-      }
-    }
-
-    &__body {
-      display: flex;
-
-      &>div {
-        flex-basis: 30%;
-
-        &+div {
-          margin-left: 10px;
-        }
-      }
-    }
-  }
+      },
+      // 监听课表数据变化，初始化选择状态
+      selectedCourseSchedules: {
+        handler(newVal) {
+          console.log('监听到课表数据变化:', newVal);
+          if (newVal && newVal.length > 0) {
+            // 只有在编辑现有问题且没有选中课表时，才默认选择第一个
+            if (!this.selectedScheduleId && this.selectedForm.course_content_id) {
+              this.selectedScheduleId = newVal[0].id;
+              console.log('编辑问题，默认选择第一个课表:', this.selectedScheduleId);
+            } else if (this.selectedScheduleId) {
+              console.log('保持现有课表选择:', this.selectedScheduleId);
+            } else {
+              console.log('新增问题，不自动选择课表');
+            }
+          } else {
+            // 如果没有课表数据，重置状态
+            this.selectedScheduleId = null;
+          }
+        },
+        immediate: true
+      }
+    },
+    created() {
+      this.debouncedInputHandler = debounce((e) => {
+        if (e) {
+          this.checkChinese("", e, (err) => {
+            if (!err) {
+              translate({
+                str: e,
+              }).then((en) => {
+                this.selectedForm.field = en.pinyin;
+              });
+            }
+          });
+        }
+      }, 1000);
+    },
+  };
+</script>
+
+<style scoped lang="scss">
+  ::v-deep .el-input-number.is-without-controls .el-input__inner {
+    text-align: left;
+  }
+
+  .select-item {
+    text-align: center;
+
+    &__header {
+      font-weight: 600;
+      display: flex;
+
+      &>span {
+        flex-basis: 30%;
+
+        &+span {
+          margin-left: 10px;
+        }
+      }
+    }
+
+    &__body {
+      display: flex;
+
+      &>div {
+        flex-basis: 30%;
+
+        &+div {
+          margin-left: 10px;
+        }
+      }
+    }
+  }
+
+  .course-schedule-selection {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+  }
+
+  .schedule-list {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    width: 100%;
+  }
+
+  .schedule-item {
+    padding: 8px 0;
+    box-sizing: border-box;
+  }
 </style>
diff --git a/src/views/survey/index.vue b/src/views/survey/index.vue
index 668f48a..7658a00 100644
--- a/src/views/survey/index.vue
+++ b/src/views/survey/index.vue
@@ -12,18 +12,43 @@
       <!-- 操作栏 -->
       <div class="action-bar">
         <div class="search-box">
-          <el-input v-model="select.title" placeholder="搜索问卷..." style="width:250px;" @input="filterSurveys"
-            clearable />
-          <el-select v-model="select.status" placeholder="全部状态" style="width:150px;" @change="filterSurveys" clearable>
+          <el-input
+            v-model="select.title"
+            placeholder="搜索问卷..."
+            style="width: 250px"
+            @input="filterSurveys"
+            clearable
+          />
+          <el-select
+            v-model="select.status"
+            placeholder="全部状态"
+            style="width: 150px"
+            @change="filterSurveys"
+            clearable
+          >
             <el-option label="草稿" :value="0" />
             <el-option label="已发布" :value="1" />
           </el-select>
-          <el-select v-model="select.course_id" placeholder="全部课程" style="width:200px;" @change="filterSurveys"
-            clearable>
-            <el-option v-for="item in courseList" :label="item.name" :value="item.id" />
+          <el-select
+            v-model="select.course_id"
+            placeholder="全部课程"
+            style="width: 200px"
+            @change="filterSurveys"
+            clearable
+          >
+            <el-option
+              v-for="item in courseList"
+              :label="item.name"
+              :value="item.id"
+            />
           </el-select>
         </div>
-        <el-button type="primary" icon="el-icon-plus" @click="openCreateModal('add')">创建问卷</el-button>
+        <el-button
+          type="primary"
+          icon="el-icon-plus"
+          @click="openCreateModal('add')"
+          >创建问卷</el-button
+        >
       </div>
       <!-- 问卷列表 -->
       <div class="survey-grid">
@@ -31,42 +56,78 @@
           <div v-for="survey in list" :key="survey.id" class="survey-card">
             <div class="survey-header">
               <div>
-                <div class="survey-title">{{ survey.title }}</div>
-                <span :class="['status-badge', statusClass(survey.status)]">{{ statusText(survey.status) }}</span>
+                <el-tooltip
+                  :content="survey.title"
+                  placement="top"
+                  effect="light"
+                >
+                  <div class="survey-title">{{ survey.title }}</div>
+                </el-tooltip>
+                <span :class="['status-badge', statusClass(survey.status)]">{{
+                  statusText(survey.status)
+                }}</span>
               </div>
               <el-dropdown trigger="click">
                 <el-button size="mini" icon="el-icon-more"></el-button>
                 <el-dropdown-menu slot="dropdown">
-                  <el-dropdown-item @click.native="openCreateModal('editor',survey.id)"><i class="el-icon-edit"></i>
-                    编辑</el-dropdown-item>
-                  <el-dropdown-item @click.native="viewResults(survey)"><i class="el-icon-data-analysis"></i>
-                    查看结果</el-dropdown-item>
+                  <el-dropdown-item
+                    @click.native="openCreateModal('editor', survey.id)"
+                    ><i class="el-icon-edit"></i> 编辑</el-dropdown-item
+                  >
+                  <el-dropdown-item @click.native="viewResults(survey)"
+                    ><i class="el-icon-data-analysis"></i>
+                    查看结果</el-dropdown-item
+                  >
                   <!-- <el-dropdown-item @click.native="duplicateSurvey(survey.id)"><i class="el-icon-document-copy"></i>
                     复制</el-dropdown-item> -->
-                  <el-dropdown-item divided @click.native="deleteSurvey(survey.id)" style="color:#F56C6C"><i
-                      class="el-icon-delete"></i> 删除</el-dropdown-item>
+                  <el-dropdown-item
+                    divided
+                    @click.native="deleteSurvey(survey.id)"
+                    style="color: #f56c6c"
+                    ><i class="el-icon-delete"></i> 删除</el-dropdown-item
+                  >
                 </el-dropdown-menu>
               </el-dropdown>
             </div>
             <div class="survey-meta">
-              <div class="meta-item"><i class="el-icon-date"></i> 开始时间：{{ survey.start_time }}</div>
-              <div class="meta-item"><i class="el-icon-time"></i> 截止时间：{{ survey.end_time }}</div>
+              <div class="meta-item">
+                <i class="el-icon-date"></i> 开始时间：{{ survey.start_time }}
+              </div>
+              <div class="meta-item">
+                <i class="el-icon-time"></i> 截止时间：{{ survey.end_time }}
+              </div>
               <div class="meta-item" v-if="survey.course">
                 <i class="el-icon-link"></i>
                 <span class="course-tag">{{ survey.course.name }}</span>
               </div>
-              <div class="meta-item" v-if="survey.course_content">
+              <div class="meta-item" v-if="survey.course_content && survey.course_content.length">
                 <i class="el-icon-document"></i>
-                <span class="course-tag">{{ survey.course_content.theme }}</span>
+                <div class="course-content-list">
+                  <el-tooltip
+                    v-for="(content, index) in survey.course_content" 
+                    :key="index"
+                    :content="`${content.date} ${content.period} | ${content.theme}`"
+                    placement="top"
+                    effect="light"
+                  >
+                    <span class="course-tag course-content-item">
+                      {{ content.date }} {{ content.period }} | {{ content.theme }}
+                    </span>
+                  </el-tooltip>
+                </div>
               </div>
             </div>
             <div class="survey-stats">
               <div class="stat-item">
-                <div class="stat-number">{{ survey.course_content_evaluation_forms_count }}</div>
+                <div class="stat-number">
+                  {{ survey.course_content_evaluation_forms_count }}
+                </div>
                 <div class="stat-label">回复数</div>
               </div>
               <div class="stat-item">
-                <div class="stat-number">{{ survey.course_content_evaluation_asks_count }}</div>
+                <div class="stat-number">
+                  {{ survey.course_content_evaluation_asks_count }}
+                </div>
                 <div class="stat-label">题目数</div>
               </div>
               <!-- <div class="stat-item">
@@ -75,409 +136,472 @@
               </div> -->
             </div>
             <div class="survey-actions">
-              <el-button v-if="survey.status==='0'" type="success" size="mini" @click="publishSurvey(survey.id)"><i
-                  class="el-icon-upload2"></i> 发布</el-button>
-              <el-button type="primary" size="mini" @click="previewSurvey(survey)"><i class="el-icon-view"></i>
-                预览</el-button>
+              <el-button
+                v-if="survey.status === '0'"
+                type="success"
+                size="mini"
+                @click="publishSurvey(survey.id)"
+                ><i class="el-icon-upload2"></i> 发布</el-button
+              >
+              <el-button
+                type="primary"
+                size="mini"
+                @click="previewSurvey(survey)"
+                ><i class="el-icon-view"></i> 预览</el-button
+              >
               <!-- <el-button type="info" size="mini" @click="shareSurvey(survey.id)"><i class="el-icon-share"></i> 分享</el-button> -->
               <!-- <el-button v-if="survey.responses>0" type="success" size="mini" @click="exportData(survey.id)"><i class="el-icon-download"></i> 导出</el-button> -->
             </div>
           </div>
         </template>
-        <el-empty v-else description="暂无问卷，点击'创建问卷'开始制作您的第一个调查问卷" />
+        <el-empty
+          v-else
+          description="暂无问卷，点击'创建问卷'开始制作您的第一个调查问卷"
+        />
       </div>
       <div class="survey-pagination" v-if="list.length">
-        <el-pagination background layout="total, sizes, prev, pager, next, jumper" :total="total"
-          :page-size="select.page_size" :current-page.sync="select.page" :page-sizes="[6, 12, 24, 48]"
-          @size-change="onPageSizeChange" @current-change="onPageChange"
-          style="margin: 24px 0 0 0; text-align: right;" />
+        <el-pagination
+          background
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="total"
+          :page-size="select.page_size"
+          :current-page.sync="select.page"
+          :page-sizes="[6, 12, 24, 48]"
+          @size-change="onPageSizeChange"
+          @current-change="onPageChange"
+          style="margin: 24px 0 0 0; text-align: right"
+        />
       </div>
     </div>
     <!-- 创建问卷弹窗（合并版） -->
     <SurveyCreateWizard ref="SurveyCreateWizard" @refresh="filterSurveys" />
     <!-- 问卷结果全屏弹窗 -->
-    <SurveyResultsDialog :visible.sync="resultsDialogVisible" :surveyData="resultsSurveyData"
-      @close="resultsDialogVisible=false" />
+    <SurveyResultsDialog
+      :visible.sync="resultsDialogVisible"
+      :surveyData="resultsSurveyData"
+      @close="resultsDialogVisible = false"
+    />
     <!-- 问卷填写/预览全屏弹窗 -->
-    <SurveyFillDialog :visible.sync="fillDialogVisible" :surveyData="fillSurveyData" :previewOnly="fillPreviewOnly"
-      @close="fillDialogVisible=false" @submit="onFillSubmit" />
+    <SurveyFillDialog
+      :visible.sync="fillDialogVisible"
+      :surveyData="fillSurveyData"
+      :previewOnly="fillPreviewOnly"
+      @close="fillDialogVisible = false"
+      @submit="onFillSubmit"
+    />
   </div>
 </template>
 
 <script>
-  import SurveyCreateWizard from './components/SurveyCreateWizard.vue';
-  import SurveyResultsDialog from './components/SurveyResultsDialog.vue';
-  import SurveyFillDialog from './components/SurveyFillDialog.vue';
-  import {
-    index as courseApi
-  } from "@/api/course/index.js"
-  import {
-    index,
-    destroy,
-    save
-  } from "@/api/survey/evaluations.js"
+import SurveyCreateWizard from "./components/SurveyCreateWizard.vue";
+import SurveyResultsDialog from "./components/SurveyResultsDialog.vue";
+import SurveyFillDialog from "./components/SurveyFillDialog.vue";
+import { index as courseApi } from "@/api/course/index.js";
+import { index, destroy, save } from "@/api/survey/evaluations.js";
 
-  export default {
-    components: {
-      SurveyCreateWizard,
-      SurveyResultsDialog,
-      SurveyFillDialog
+export default {
+  components: {
+    SurveyCreateWizard,
+    SurveyResultsDialog,
+    SurveyFillDialog,
+  },
+  data() {
+    return {
+      courseList: [],
+      select: {
+        page: 1,
+        page_size: 6,
+        course_id: "",
+        title: "",
+        status: "",
+      },
+      list: [],
+      total: 0,
+      resultsDialogVisible: false,
+      resultsSurveyData: null,
+      fillDialogVisible: false,
+      fillSurveyData: null,
+      fillPreviewOnly: false,
+    };
+  },
+  created() {
+    this.getCourseList();
+    this.filterSurveys();
+  },
+  methods: {
+    // 获取课程
+    async getCourseList() {
+      const res = await courseApi({
+        page: 1,
+        page_size: 999,
+      });
+      this.courseList = res.data;
     },
-    data() {
-      return {
-        courseList: [],
-        select: {
-          page: 1,
-          page_size: 6,
-          course_id: '',
-          title: '',
-          status: '',
-        },
-        list: [],
-        total: 0,
-        resultsDialogVisible: false,
-        resultsSurveyData: null,
-        fillDialogVisible: false,
-        fillSurveyData: null,
-        fillPreviewOnly: false
-      }
+    // 获取问卷
+    async filterSurveys() {
+      const res = await index({
+        page: this.select.page,
+        page_size: this.select.page_size,
+        filter: [
+          {
+            key: "title",
+            op: "like",
+            value: this.select.title,
+          },
+          {
+            key: "course_id",
+            op: "like",
+            value: this.select.course_id,
+          },
+          {
+            key: "status",
+            op: "like",
+            value: this.select.status,
+          },
+        ],
+      });
+      this.list = res.data;
+      this.total = res.total;
     },
-    created() {
-      this.getCourseList()
+    onPageChange(page) {
+      this.select.page = page;
       this.filterSurveys();
     },
-    methods: {
-      // 获取课程
-      async getCourseList() {
-        const res = await courseApi({
-          page: 1,
-          page_size: 999,
-        })
-        this.courseList = res.data
-      },
-      // 获取问卷
-      async filterSurveys() {
-        const res = await index({
-          page: this.select.page,
-          page_size: this.select.page_size,
-          filter: [{
-            key: 'title',
-            op: 'like',
-            value: this.select.title
-          }, {
-            key: 'course_id',
-            op: 'like',
-            value: this.select.course_id
-          }, {
-            key: 'status',
-            op: 'like',
-            value: this.select.status
-          }]
-        })
-        this.list = res.data
-        this.total = res.total
-      },
-      onPageChange(page) {
-        this.select.page = page;
-        this.filterSurveys()
-      },
-      onPageSizeChange(size) {
-        this.select.page_size = size;
-        this.select.page = 1;
-        this.filterSurveys()
-      },
-      statusText(status) {
-        return {
-          0: '草稿',
-          1: '已发布'
-        } [status] || status;
-      },
-      statusClass(status) {
-        return {
-          0: 'status-draft',
-          1: 'status-published',
-        } [status] || '';
-      },
-
-      openCreateModal(type, id) {
-        if (type === 'editor') {
-          this.$refs.SurveyCreateWizard.id = id
-        }
-        this.$refs.SurveyCreateWizard.type = type
-        this.$refs.SurveyCreateWizard.courseList = this.courseList
-        this.$refs.SurveyCreateWizard.isShow = true
-      },
+    onPageSizeChange(size) {
+      this.select.page_size = size;
+      this.select.page = 1;
+      this.filterSurveys();
+    },
+    statusText(status) {
+      return (
+        {
+          0: "草稿",
+          1: "已发布",
+        }[status] || status
+      );
+    },
+    statusClass(status) {
+      return (
+        {
+          0: "status-draft",
+          1: "status-published",
+        }[status] || ""
+      );
+    },
 
-      viewResults(survey) {
-        this.resultsSurveyData = {
-          id: 1,
-          title: '问卷1',
-          description: '请对本次智能制造专题课程进行评价和反馈',
-          status: 'published',
-          type: 'feedback',
-          bindType: 'course',
-          bindCourse: '2025产业加速营 | 智能制造专题',
-          createTime: '2025-06-01 10:00',
-          deadline: '2025-06-10 23:59',
-          responses: 1,
-          questions: 6,
-          avgScore: 4.6,
-          questions: [
-            {
-              id: 101,
-              type: 'single',
-              title: '单选框',
-              options: ['单选1', '单选2',]
-            },
-            // {
-            //   id: 102,
-            //   type: 'rate',
-            //   title: '请为本次课程打分',
-            //   rateMax: 5
-            // }
-          ]
-        };
-        this.resultsDialogVisible = true;
-      },
-      previewSurvey(survey) {
-        this.fillSurveyData = survey;
-        this.fillPreviewOnly = true;
-        this.fillDialogVisible = true;
-      },
-      onFillSubmit(answers) {
-        this.$message.success('提交成功！(模拟)');
-        this.fillDialogVisible = false;
-      },
-      publishSurvey(id) {
+    openCreateModal(type, id) {
+      if (type === "editor") {
+        this.$refs.SurveyCreateWizard.id = id;
+      }
+      this.$refs.SurveyCreateWizard.type = type;
+      this.$refs.SurveyCreateWizard.courseList = this.courseList;
+      this.$refs.SurveyCreateWizard.isShow = true;
+    },
 
-        save({
-          id:id,
-          status:1
-        }).then(res => {
-          this.$message({
-            type: 'success',
-            message: '发布成功',
-            duration: 2000
+    viewResults(survey) {
+      this.resultsSurveyData = {
+        id: 1,
+        title: "问卷1",
+        description: "请对本次智能制造专题课程进行评价和反馈",
+        status: "published",
+        type: "feedback",
+        bindType: "course",
+        bindCourse: "2025产业加速营 | 智能制造专题",
+        createTime: "2025-06-01 10:00",
+        deadline: "2025-06-10 23:59",
+        responses: 1,
+        questions: 6,
+        avgScore: 4.6,
+        questions: [
+          {
+            id: 101,
+            type: "single",
+            title: "单选框",
+            options: ["单选1", "单选2"],
+          },
+          // {
+          //   id: 102,
+          //   type: 'rate',
+          //   title: '请为本次课程打分',
+          //   rateMax: 5
+          // }
+        ],
+      };
+      this.resultsDialogVisible = true;
+    },
+    previewSurvey(survey) {
+      this.fillSurveyData = survey;
+      this.fillPreviewOnly = true;
+      this.fillDialogVisible = true;
+    },
+    onFillSubmit(answers) {
+      this.$message.success("提交成功！(模拟)");
+      this.fillDialogVisible = false;
+    },
+    publishSurvey(id) {
+      save({
+        id: id,
+        status: 1,
+      }).then((res) => {
+        this.$message({
+          type: "success",
+          message: "发布成功",
+          duration: 2000,
+        });
+        this.filterSurveys();
+      });
+    },
+    shareSurvey(id) {
+      const url = `${window.location.origin}/survey-fill.html?id=${id}`;
+      if (navigator.clipboard) {
+        navigator.clipboard
+          .writeText(url)
+          .then(() => {
+            this.$message.success("问卷链接已复制到剪贴板");
           })
-          this.filterSurveys()
-        })
-
-      },
-      shareSurvey(id) {
-        const url = `${window.location.origin}/survey-fill.html?id=${id}`;
-        if (navigator.clipboard) {
-          navigator.clipboard.writeText(url).then(() => {
-            this.$message.success('问卷链接已复制到剪贴板');
-          }).catch(() => {
-            this.$prompt('请复制以下链接:', '分享问卷', {
-              inputValue: url
+          .catch(() => {
+            this.$prompt("请复制以下链接:", "分享问卷", {
+              inputValue: url,
             });
           });
-        } else {
-          this.$prompt('请复制以下链接:', '分享问卷', {
-            inputValue: url
-          });
-        }
-      },
-      exportData(id) {
-        this.$message.info('数据导出功能开发中...');
-      },
-      duplicateSurvey(id) {
-        const survey = this.surveys.find(s => s.id === id);
-        if (survey) {
-          const newSurvey = {
-            ...survey,
-            id: this.surveys.length + 1,
-            title: survey.title + ' (副本)',
-            status: 'draft',
-            createTime: this.formatNow(),
-            responses: 0
-          };
-          this.surveys.unshift(newSurvey);
-          this.filterSurveys();
-        }
-      },
-      deleteSurvey(id) {
-        var that = this;
-        this.$confirm('确定要删除这个问卷吗？此操作不可恢复。', '提示', {
-          type: 'warning'
-        }).then(() => {
-
-          destroy({
-            id: id,
-          }).then(response => {
-            this.$Message.success('删除成功');
-            this.filterSurveys()
-          }).catch(error => {
-            console.log(error)
-            reject(error)
-          })
+      } else {
+        this.$prompt("请复制以下链接:", "分享问卷", {
+          inputValue: url,
         });
-      },
-      formatNow() {
-        const d = new Date();
-        return `${d.getFullYear()}-${(d.getMonth()+1).toString().padStart(2,'0')}-${d.getDate().toString().padStart(2,'0')} ${d.getHours().toString().padStart(2,'0')}:${d.getMinutes().toString().padStart(2,'0')}`;
       }
-    }
-  }
+    },
+    exportData(id) {
+      this.$message.info("数据导出功能开发中...");
+    },
+    duplicateSurvey(id) {
+      const survey = this.surveys.find((s) => s.id === id);
+      if (survey) {
+        const newSurvey = {
+          ...survey,
+          id: this.surveys.length + 1,
+          title: survey.title + " (副本)",
+          status: "draft",
+          createTime: this.formatNow(),
+          responses: 0,
+        };
+        this.surveys.unshift(newSurvey);
+        this.filterSurveys();
+      }
+    },
+    deleteSurvey(id) {
+      var that = this;
+      this.$confirm("确定要删除这个问卷吗？此操作不可恢复。", "提示", {
+        type: "warning",
+      }).then(() => {
+        destroy({
+          id: id,
+        })
+          .then((response) => {
+            this.$Message.success("删除成功");
+            this.filterSurveys();
+          })
+          .catch((error) => {
+            console.log(error);
+            reject(error);
+          });
+      });
+    },
+    formatNow() {
+      const d = new Date();
+      return `${d.getFullYear()}-${(d.getMonth() + 1)
+        .toString()
+        .padStart(2, "0")}-${d.getDate().toString().padStart(2, "0")} ${d
+        .getHours()
+        .toString()
+        .padStart(2, "0")}:${d.getMinutes().toString().padStart(2, "0")}`;
+    },
+  },
+};
 </script>
 
 <style scoped>
-  .survey-admin {
-    background: #f8f9fa;
-    min-height: 100vh;
-  }
+.survey-admin {
+  background: #f8f9fa;
+  min-height: 100vh;
+}
+
+.admin-header {
+  background: white;
+  padding: 20px 30px;
+  border-bottom: 1px solid #e9ecef;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.admin-title {
+  font-size: 24px;
+  font-weight: 700;
+  color: #2c3e50;
+  margin: 0;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.admin-main {
+  padding: 30px;
+  max-width: 1400px;
+  margin: 0 auto;
+}
 
-  .admin-header {
-    background: white;
-    padding: 20px 30px;
-    border-bottom: 1px solid #e9ecef;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-  }
+.action-bar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 24px;
+  flex-wrap: wrap;
+  gap: 16px;
+}
 
-  .admin-title {
-    font-size: 24px;
-    font-weight: 700;
-    color: #2c3e50;
-    margin: 0;
-    display: flex;
-    align-items: center;
-    gap: 12px;
-  }
+.search-box {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+}
 
-  .admin-main {
-    padding: 30px;
-    max-width: 1400px;
-    margin: 0 auto;
-  }
+.survey-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
+  gap: 24px;
+}
 
-  .action-bar {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 24px;
-    flex-wrap: wrap;
-    gap: 16px;
-  }
+.survey-card {
+  background: white;
+  border-radius: 12px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  padding: 24px;
+  transition: all 0.3s ease;
+  border: 1px solid #e9ecef;
+}
 
-  .search-box {
-    display: flex;
-    gap: 12px;
-    align-items: center;
-  }
+.survey-card:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
+}
 
-  .survey-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
-    gap: 24px;
-  }
+.survey-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-bottom: 16px;
+}
 
-  .survey-card {
-    background: white;
-    border-radius: 12px;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-    padding: 24px;
-    transition: all 0.3s ease;
-    border: 1px solid #e9ecef;
-  }
+.survey-title {
+  font-size: 18px;
+  font-weight: 600;
+  color: #2c3e50;
+  margin-bottom: 8px;
+  line-height: 1.4;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 280px;
+}
 
-  .survey-card:hover {
-    transform: translateY(-2px);
-    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
-  }
+.survey-meta {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin-bottom: 16px;
+}
 
-  .survey-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-start;
-    margin-bottom: 16px;
-  }
+.meta-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+  color: #6c757d;
+}
 
-  .survey-title {
-    font-size: 18px;
-    font-weight: 600;
-    color: #2c3e50;
-    margin-bottom: 8px;
-    line-height: 1.4;
-  }
+.survey-stats {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 12px;
+  margin-bottom: 16px;
+}
 
-  .survey-meta {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-    margin-bottom: 16px;
-  }
+.stat-item {
+  text-align: center;
+  padding: 12px;
+  background: #f8f9fa;
+  border-radius: 8px;
+}
 
-  .meta-item {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    font-size: 14px;
-    color: #6c757d;
-  }
+.stat-number {
+  font-size: 20px;
+  font-weight: 700;
+  color: #3498db;
+}
 
-  .survey-stats {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 12px;
-    margin-bottom: 16px;
-  }
+.stat-label {
+  font-size: 12px;
+  color: #6c757d;
+  margin-top: 4px;
+}
 
-  .stat-item {
-    text-align: center;
-    padding: 12px;
-    background: #f8f9fa;
-    border-radius: 8px;
-  }
+.survey-actions {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+}
 
-  .stat-number {
-    font-size: 20px;
-    font-weight: 700;
-    color: #3498db;
-  }
+.status-badge {
+  padding: 4px 8px;
+  border-radius: 12px;
+  font-size: 12px;
+  font-weight: 500;
+}
 
-  .stat-label {
-    font-size: 12px;
-    color: #6c757d;
-    margin-top: 4px;
-  }
+.status-draft {
+  background: #f8f9fa;
+  color: #6c757d;
+}
 
-  .survey-actions {
-    display: flex;
-    gap: 8px;
-    flex-wrap: wrap;
-  }
+.status-published {
+  background: #d4edda;
+  color: #155724;
+}
 
-  .status-badge {
-    padding: 4px 8px;
-    border-radius: 12px;
-    font-size: 12px;
-    font-weight: 500;
-  }
+.status-closed {
+  background: #f8d7da;
+  color: #721c24;
+}
 
-  .status-draft {
-    background: #f8f9fa;
-    color: #6c757d;
-  }
+.course-tag {
+  display: inline-block;
+  background: #e3f2fd;
+  color: #1976d2;
+  padding: 4px 8px;
+  border-radius: 4px;
+  font-size: 12px;
+  margin-right: 8px;
+  margin-bottom: 4px;
+}
 
-  .status-published {
-    background: #d4edda;
-    color: #155724;
-  }
+.course-content-list {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
 
-  .status-closed {
-    background: #f8d7da;
-    color: #721c24;
-  }
+.course-content-list .course-tag {
+  margin-right: 0;
+  margin-bottom: 0;
+  background: #f0f8ff;
+  color: #0066cc;
+  border: 1px solid #b3d9ff;
+}
 
-  .course-tag {
-    display: inline-block;
-    background: #e3f2fd;
-    color: #1976d2;
-    padding: 4px 8px;
-    border-radius: 4px;
-    font-size: 12px;
-    margin-right: 8px;
-    margin-bottom: 4px;
-  }
-</style>
+.course-content-item {
+  display: block;
+  width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 300px;
+}
+</style>