diff --git a/.env.production b/.env.production
index 1149ceb..4082428 100644
--- a/.env.production
+++ b/.env.production
@@ -2,5 +2,10 @@
 ENV = 'production'
 
 # base api
-VUE_APP_BASE_API = https://wx.sstbc.com
-VUE_APP_UPLOAD_API = https://wx.sstbc.com/api/admin/upload-file
+
+VUE_APP_BASE_API=https://suzhoukeji-test.ali251.langye.net
+VUE_APP_UPLOAD_API=https://suzhoukeji-test.ali251.langye.net/api/admin/upload-file
+
+#VUE_APP_BASE_API = https://wx.sstbc.com
+#VUE_APP_UPLOAD_API = https://wx.sstbc.com/api/admin/upload-file
+
diff --git a/src/api/survey/evaluations.js b/src/api/survey/evaluations.js
new file mode 100644
index 0000000..03d5506
--- /dev/null
+++ b/src/api/survey/evaluations.js
@@ -0,0 +1,60 @@
+import request from "@/utils/request";
+function customParamsSerializer(params) {
+  let result = '';
+  for (let key in params) {
+    if (params.hasOwnProperty(key)) {
+      if (Array.isArray(params[key])) {
+        params[key].forEach((item,index) => {
+          if(item.key){
+            result += `${key}[${index}][key]=${item.key}&${key}[${index}][op]=${item.op}&${key}[${index}][value]=${item.value}&`;
+
+          }else{
+            result +=`${key}[${index}]=${item}&`
+          }
+        });
+      } else {
+        result += `${key}=${params[key]}&`;
+      }
+    }
+  }
+  return result.slice(0, -1);
+}
+
+export function index(params,isLoading = false) {
+  return request({
+    method: "get",
+    url: "/api/admin/course-content-evaluations/index",
+    params,
+    paramsSerializer: customParamsSerializer,
+    isLoading
+  })
+}
+
+export function show(params, isLoading = true) {
+  return request({
+    method: "get",
+    url: "/api/admin/course-content-evaluations/show",
+    params,
+    isLoading
+  })
+}
+
+
+export function save(data) {
+  return request({
+    method: "post",
+    url: "/api/admin/course-content-evaluations/save",
+    data
+  })
+}
+
+export function destroy(params) {
+  return request({
+    method: "get",
+    url: "/api/admin/course-content-evaluations/destroy",
+    params
+  })
+}
+
+
+
diff --git a/src/api/survey/index.js b/src/api/survey/index.js
new file mode 100644
index 0000000..63c0c54
--- /dev/null
+++ b/src/api/survey/index.js
@@ -0,0 +1,60 @@
+import request from "@/utils/request";
+function customParamsSerializer(params) {
+  let result = '';
+  for (let key in params) {
+    if (params.hasOwnProperty(key)) {
+      if (Array.isArray(params[key])) {
+        params[key].forEach((item,index) => {
+          if(item.key){
+            result += `${key}[${index}][key]=${item.key}&${key}[${index}][op]=${item.op}&${key}[${index}][value]=${item.value}&`;
+
+          }else{
+            result +=`${key}[${index}]=${item}&`
+          }
+        });
+      } else {
+        result += `${key}=${params[key]}&`;
+      }
+    }
+  }
+  return result.slice(0, -1);
+}
+
+export function index(params,isLoading = false) {
+  return request({
+    method: "get",
+    url: "/api/admin/course-content-evaluation-ask/index",
+    params,
+    paramsSerializer: customParamsSerializer,
+    isLoading
+  })
+}
+
+export function show(params, isLoading = true) {
+  return request({
+    method: "get",
+    url: "/api/admin/course-content-evaluation-ask/show",
+    params,
+    isLoading
+  })
+}
+
+
+export function save(data) {
+  return request({
+    method: "post",
+    url: "/api/admin/course-content-evaluation-ask/save",
+    data
+  })
+}
+
+export function destroy(params) {
+  return request({
+    method: "get",
+    url: "/api/admin/course-content-evaluation-ask/destroy",
+    params
+  })
+}
+
+
+
diff --git a/src/views/courseQr/index.vue b/src/views/courseQr/index.vue
new file mode 100644
index 0000000..6c12fb8
--- /dev/null
+++ b/src/views/courseQr/index.vue
@@ -0,0 +1,209 @@
+<template>
+  <div class="course-qr-admin">
+    <!-- 顶部标题 -->
+    <div class="admin-header">
+      <h1 class="admin-title">
+        <i class="el-icon-qr-code"></i>
+        课程二维码管理
+      </h1>
+    </div>
+    <div class="admin-main">
+      <!-- 课程列表面板 -->
+      <div class="course-list-panel">
+        <div class="panel-title">
+          <i class="el-icon-menu"></i>
+          选择课程
+        </div>
+        <el-scrollbar style="height: 600px;">
+          <div v-for="course in courses" :key="course.id" :class="['course-item', {active: selectedCourse && selectedCourse.id === course.id}]" @click="selectCourse(course)">
+            <div class="course-name">{{ course.name }}</div>
+            <div class="course-info">
+              <span><i class="el-icon-date"></i> {{ course.time }}</span>
+              <span><i class="el-icon-location"></i> {{ course.location }}</span>
+              <span><i class="el-icon-user"></i> {{ course.teacher }}</span>
+            </div>
+          </div>
+        </el-scrollbar>
+      </div>
+      <!-- 二维码展示面板 -->
+      <div class="qr-display-panel">
+        <div class="panel-title">
+          <i class="el-icon-qr-code"></i>
+          课程签到二维码
+        </div>
+        <div v-if="!selectedCourse" class="empty-state">
+          <i class="el-icon-qr-code" style="font-size:64px;opacity:0.5;"></i>
+          <h5>请选择课程生成二维码</h5>
+          <p class="text-muted">选择左侧课程后，将自动生成对应的签到二维码</p>
+        </div>
+        <div v-else>
+          <div class="qr-container">
+            <h4 style="margin-bottom: 20px; color: #2c3e50;">{{ selectedCourse.name }}</h4>
+            <div class="qr-code">
+              <img :src="qrImgUrl" alt="二维码" style="width:200px;height:200px;" />
+            </div>
+            <div class="qr-info">
+              <h6><i class="el-icon-info"></i> 课程信息</h6>
+              <div class="qr-info-grid">
+                <div><strong>时间：</strong>{{ selectedCourse.time }}</div>
+                <div><strong>地点：</strong>{{ selectedCourse.location }}</div>
+                <div><strong>主讲：</strong>{{ selectedCourse.teacher }}</div>
+                <div><strong>类型：</strong>{{ getTypeName(selectedCourse.type) }}</div>
+              </div>
+            </div>
+            <div class="qr-actions">
+              <el-button type="primary" icon="el-icon-download" class="btn-qr" @click="downloadQR">下载二维码</el-button>
+              <el-button type="success" icon="el-icon-view" class="btn-qr" @click="previewCheckin">预览签到页</el-button>
+              <el-button type="info" icon="el-icon-document-copy" class="btn-qr" @click="copyUrl">复制链接</el-button>
+            </div>
+          </div>
+          <div class="usage-tips">
+            <h6><i class="el-icon-lightning"></i> 使用说明</h6>
+            <ul>
+              <li>学员扫描此二维码可直接进入课程签到页面</li>
+              <li>二维码包含课程信息，自动识别对应课程</li>
+              <li>支持微信扫一扫</li>
+              <li>建议在课程开始前30分钟展示二维码</li>
+              <li>可下载二维码图片用于打印或分享</li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CourseQr',
+  data() {
+    return {
+      courses: [
+        {
+          id: 1,
+          name: '2025产业加速营 | 智能制造专题',
+          time: '2025-06-04 09:00-17:00',
+          location: '商学院A101',
+          teacher: '王教授',
+          type: 'course'
+        },
+        {
+          id: 2,
+          name: '校友企业参访 | 新能源企业',
+          time: '2025-06-10 13:30-17:00',
+          location: '苏州高新区',
+          teacher: '李总监',
+          type: 'activity'
+        },
+        {
+          id: 3,
+          name: '移动课堂 | AI商业落地',
+          time: '2025-06-15 09:00-16:00',
+          location: '创新实验室B202',
+          teacher: '张教授',
+          type: 'workshop'
+        },
+        {
+          id: 4,
+          name: '2025校友论坛 | 数字经济新机遇',
+          time: '2025-06-20 14:00-17:30',
+          location: '报告厅',
+          teacher: '特邀嘉宾',
+          type: 'activity'
+        },
+        {
+          id: 5,
+          name: '2025暑期创新营 | 项目路演',
+          time: '2025-06-27 09:00-12:00',
+          location: '多功能厅',
+          teacher: '创业导师团',
+          type: 'course'
+        }
+      ],
+      selectedCourse: null
+    }
+  },
+  watch: {
+    selectedCourse(val) {
+      if (val) this.$nextTick(this.renderQRCode)
+    }
+  },
+  methods: {
+    selectCourse(course) {
+      this.selectedCourse = course
+    },
+    renderQRCode() {
+      const checkinUrl = `${window.location.origin}/course-checkin.html?courseId=${this.selectedCourse.id}&courseName=${encodeURIComponent(this.selectedCourse.name)}`
+      const qrDiv = this.$refs.qrcode
+      qrDiv.innerHTML = ''
+      // 这里需要根据实际情况生成二维码图片
+      // 这里只是占位，实际实现需要根据后端接口生成二维码图片
+      this.qrImgUrl = checkinUrl
+    },
+    getTypeName(type) {
+      const types = { course: '课程', activity: '活动', workshop: '移动课堂' }
+      return types[type] || type
+    },
+    downloadQR() {
+      if (!this.selectedCourse) return
+      // 直接下载图片
+      const link = document.createElement('a')
+      link.download = `${this.selectedCourse.name}-签到二维码.png`
+      link.href = this.qrImgUrl
+      link.click()
+    },
+    previewCheckin() {
+      if (!this.selectedCourse) return
+      const checkinUrl = `${window.location.origin}/course-checkin.html?courseId=${this.selectedCourse.id}&courseName=${encodeURIComponent(this.selectedCourse.name)}`
+      window.open(checkinUrl, '_blank')
+    },
+    copyUrl() {
+      if (!this.selectedCourse) return
+      const checkinUrl = `${window.location.origin}/course-checkin.html?courseId=${this.selectedCourse.id}&courseName=${encodeURIComponent(this.selectedCourse.name)}`
+      if (navigator.clipboard) {
+        navigator.clipboard.writeText(checkinUrl).then(() => {
+          this.$message.success('签到链接已复制到剪贴板')
+        }).catch(() => {
+          this.$prompt('请复制以下链接:', '复制签到链接', { inputValue: checkinUrl })
+        })
+      } else {
+        this.$prompt('请复制以下链接:', '复制签到链接', { inputValue: checkinUrl })
+      }
+    }
+  },
+  computed: {
+    qrImgUrl() {
+      if (!this.selectedCourse) return ''
+      // 假设后端二维码图片接口为 /api/qr/course?id=xxx
+      return `/api/qr/course?id=${this.selectedCourse.id}`
+    }
+  }
+}
+</script>
+
+<style scoped>
+.course-qr-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 { display: flex; gap: 24px; padding: 30px; min-height: calc(100vh - 100px); }
+.course-list-panel { flex: 1; background: white; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); padding: 24px; max-width: 400px; }
+.qr-display-panel { flex: 2; background: white; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); padding: 24px; display: flex; flex-direction: column; align-items: center; text-align: center; }
+.panel-title { font-size: 18px; font-weight: 600; margin-bottom: 20px; color: #3498db; display: flex; align-items: center; gap: 8px; }
+.course-item { border: 1px solid #e9ecef; border-radius: 8px; padding: 16px; margin-bottom: 12px; cursor: pointer; transition: all 0.3s ease; }
+.course-item:hover { border-color: #3498db; box-shadow: 0 2px 8px rgba(52, 152, 219, 0.2); }
+.course-item.active { border-color: #3498db; background-color: #e3f2fd; }
+.course-name { font-weight: 600; font-size: 16px; margin-bottom: 8px; color: #2c3e50; }
+.course-info { font-size: 14px; color: #6c757d; display: flex; flex-direction: column; gap: 4px; }
+.qr-container { background: white; border: 2px solid #e9ecef; border-radius: 16px; padding: 30px; margin: 20px 0; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
+.qr-code { margin: 0 auto; }
+.qr-info { margin-top: 20px; padding: 20px; background: #f8f9fa; border-radius: 12px; text-align: left; }
+.qr-info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin-top: 12px; }
+.qr-actions { display: flex; gap: 12px; margin-top: 20px; justify-content: center; }
+.btn-qr { padding: 12px 24px; border-radius: 8px; font-weight: 500; display: flex; align-items: center; gap: 8px; transition: all 0.3s ease; }
+.btn-qr:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.2); }
+.empty-state { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 400px; color: #6c757d; }
+.usage-tips { background: #e8f5e9; border: 1px solid #c8e6c9; border-radius: 8px; padding: 16px; margin-top: 20px; text-align: left; }
+.usage-tips h6 { color: #2e7d32; margin-bottom: 12px; }
+.usage-tips ul { margin: 0; padding-left: 20px; color: #2e7d32; }
+@media (max-width: 768px) { .admin-main { flex-direction: column; padding: 15px; gap: 15px; } .course-list-panel { max-width: none; } .qr-container { padding: 20px; } .qr-actions { flex-direction: column; } .btn-qr { width: 100%; justify-content: center; } }
+</style>
diff --git a/src/views/survey/components/SurveyCreateDialog.vue b/src/views/survey/components/SurveyCreateDialog.vue
index ec24817..4dd6e7a 100644
--- a/src/views/survey/components/SurveyCreateDialog.vue
+++ b/src/views/survey/components/SurveyCreateDialog.vue
@@ -64,21 +64,23 @@ export default {
   name: 'SurveyCreateDialog',
   components: { draggable },
   props: {
-    visible: Boolean,
     surveyData: Object
   },
   data() {
     return {
+      visible:false,
+      course_content_id:'',
       localSurvey: {
         title: '',
         description: '',
         questions: []
       },
       questionTypes: [
-        { label: '单选题', value: 'single' },
-        { label: '多选题', value: 'multi' },
+        { label: '单选题', value: 'radio' },
+        { label: '多选题', value: 'checkbox' },
         { label: '文本题', value: 'text' },
-        { label: '评分题', value: 'rate' }
+        { label: '评分题', value: 'number' },
+        { label: '评分题', value: 'number' }
       ]
     }
   },
diff --git a/src/views/survey/components/SurveyCreateWizard.vue b/src/views/survey/components/SurveyCreateWizard.vue
new file mode 100644
index 0000000..ce1c2c2
--- /dev/null
+++ b/src/views/survey/components/SurveyCreateWizard.vue
@@ -0,0 +1,461 @@
+<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">
+      <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>
+          <div class="xy-table-item-content">
+            <el-steps :active="active" finish-status="success" simple>
+              <el-step title="问卷信息"></el-step>
+              <el-step title="问题信息"></el-step>
+            </el-steps>
+          </div>
+        </div>
+      </template>
+      <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>课程：
+          </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>
+          </div>
+        </div>
+      </template>
+      <template v-slot:course_content_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>课表：
+          </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>
+          </div>
+        </div>
+      </template>
+      <template v-slot:title 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>问卷标题：
+          </div>
+          <div class="xy-table-item-content">
+            <el-input v-model="form.title" placeholder="请输入问卷标题" clearable style="width: 100%;"></el-input>
+          </div>
+        </div>
+      </template>
+      <template v-slot:desc 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>问卷描述：
+          </div>
+          <div class="xy-table-item-content">
+            <el-input v-model="form.desc" placeholder="请输入问卷描述" clearable style="width: 100%;"></el-input>
+
+          </div>
+        </div>
+      </template>
+      <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>问卷类型：
+          </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-option>
+            </el-select>
+          </div>
+        </div>
+      </template>
+
+      <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>开始时间：
+          </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>
+          </div>
+        </div>
+      </template>
+      <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>截止时间：
+          </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>
+          </div>
+        </div>
+      </template>
+
+      <!-- 自定义报名 表单 -->
+      <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>
+          <div class="xy-table-item-content" style="min-height: 300px;">
+            <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">
+                <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>
+                </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-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">
+                    <formSlotRender :config="i" :index="index"></formSlotRender>
+                  </el-form-item>
+                </el-form>
+              </el-dialog>
+            </div>
+          </div>
+        </div>
+      </template>
+
+      <template v-slot:footerContent>
+        <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>
+      </template>
+
+
+    </xy-dialog>
+
+    <!-- 发布提示 -->
+    <el-dialog title="是否确认发布" :visible.sync="showTips" width="30%">
+      <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>
+      </span>
+    </el-dialog>
+
+    <applyForm ref="applyForm" @refresh="getquestionList"></applyForm>
+  </div>
+</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: [{
+            required: true,
+            message: '请输入问卷标题'
+          }],
+          id: [{
+            required: true,
+            message: '请选择课表'
+          }],
+          // start_time: [{
+          //   required: true,
+          //   message: '请选择开始时间'
+          // }],
+          // end_time: [{
+          //   required: true,
+          //   message: '请选择截止时间'
+          // }],
+        },
+        // 自定义表单
+        selectForm: {
+          page: 1,
+          page_size: 999,
+          sort_name: 'sort',
+          sort_type: 'ASC'
+        },
+        questionList: []
+      }
+    },
+    created() {
+      this.getEList()
+    },
+    methods: {
+      changeCourse(e) {
+        if(e){
+          this.filterSurveys(e)
+        }
+
+      },
+      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
+          }
+        }
+        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) {
+        // 发布
+        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
+          })
+        }
+
+
+      },
+      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
+        } 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
+        this.$refs.applyForm.dialogVisible = true
+      }
+
+
+    },
+    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.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:''
+          }
+          this.$refs['dialog'].reset()
+        }
+      },
+    }
+
+  }
+</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
+  }
+</style>
diff --git a/src/views/survey/components/SurveyFillDialog.vue b/src/views/survey/components/SurveyFillDialog.vue
index 715d37e..ef09c47 100644
--- a/src/views/survey/components/SurveyFillDialog.vue
+++ b/src/views/survey/components/SurveyFillDialog.vue
@@ -1,231 +1,308 @@
-<template>
-  <el-dialog :visible.sync="visible" width="60%" :show-close="false" class="survey-dialog-mobile">
-    <div class="survey-mobile-bg">
-      <div class="survey-mobile-card">
-        <div class="survey-header">
-          <div class="survey-title">{{ surveyData.title }}</div>
-          <div class="survey-description">{{ surveyData.description }}</div>
-          <div class="survey-meta">
-            <span class="meta-item"><i class="el-icon-date"></i> {{ surveyData.createTime }}</span>
-            <span class="meta-item"><i class="el-icon-time"></i> {{ surveyData.deadline }}</span>
-          </div>
-        </div>
-        <div class="survey-form">
-          <div v-for="(q, idx) in surveyData.questions" :key="q.id" class="question-item">
-            <div class="question-header">
-              <span class="question-number">{{ idx+1 }}</span>
-              <span class="question-title">{{ q.title }}</span>
-              <span v-if="q.required" class="required-mark">*</span>
-            </div>
-            <div class="question-content">
-              <template v-if="q.type==='single'">
-                <el-radio-group v-model="answers[q.id]" :disabled="previewOnly" class="mobile-radio-group">
-                  <el-radio v-for="(opt, oidx) in q.options" :key="oidx" :label="opt" class="mobile-radio">{{ opt }}</el-radio>
-                </el-radio-group>
+<template>
+  <el-dialog :visible.sync="visible" width="60%" :show-close="false" class="survey-dialog-mobile">
+    <div class="survey-mobile-bg">
+      <div class="survey-mobile-card">
+        <div class="survey-header">
+          <div class="survey-title">{{ surveyData.title }}</div>
+          <div class="survey-description">{{ surveyData.desc }}</div>
+          <div class="survey-meta">
+            <span class="meta-item"><i class="el-icon-date"></i> {{ surveyData.start_time }}</span>
+            <span class="meta-item"><i class="el-icon-time"></i> {{ surveyData.end_time }}</span>
+          </div>
+        </div>
+        <div class="survey-form">
+          <div v-for="(q, idx) in questionList" :key="q.id" class="question-item">
+            <div class="question-header">
+              <span class="question-number">{{ idx+1 }}</span>
+              <span v-if="q.rule && q.rule.includes('required')" class="required-mark">*</span>
+              <span class="question-title">{{ q.name }}</span>
+
+            </div>
+            <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.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.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" />
+              </template>
+              <template v-else-if="q.edit_input==='text'">
+                <el-input type="text" v-model="answers[q.id]" :disabled="previewOnly" :placeholder="q.help||'请输入内容'"
+                  class="mobile-textarea" />
+              </template>
+              <template v-else-if="q.edit_input==='textarea'">
+                <el-input type="textarea" v-model="answers[q.id]" :disabled="previewOnly" :placeholder="q.help||'请输入内容'"
+                  class="mobile-textarea" />
+              </template>
+              <template v-else-if="q.edit_input==='date'">
+                <el-date-picker v-model="answers[q.id]"  :disabled="previewOnly" type="date" :placeholder="q.help||'选择日期'">
+                </el-date-picker>
               </template>
-              <template v-else-if="q.type==='multi'">
-                <el-checkbox-group v-model="answers[q.id]" :disabled="previewOnly" class="mobile-checkbox-group">
-                  <el-checkbox v-for="(opt, oidx) in q.options" :key="oidx" :label="opt" class="mobile-checkbox">{{ opt }}</el-checkbox>
-                </el-checkbox-group>
-              </template>
-              <template v-else-if="q.type==='text'">
-                <el-input type="textarea" v-model="answers[q.id]" :disabled="previewOnly" :placeholder="q.placeholder||'请输入内容'" class="mobile-textarea" />
-              </template>
-              <template v-else-if="q.type==='rate'">
-                <el-rate v-model="answers[q.id]" :max="q.rateMax||5" :disabled="previewOnly" class="mobile-rate" />
-              </template>
-              <template v-else-if="q.type==='number'">
-                <el-input type="number" v-model="answers[q.id]" :min="q.min" :max="q.max" :disabled="previewOnly" class="mobile-input" />
-              </template>
-              <template v-else-if="q.type==='select'">
-                <el-select v-model="answers[q.id]" :disabled="previewOnly" class="mobile-select" placeholder="请选择">
-                  <el-option v-for="(opt, oidx) in q.options" :key="oidx" :label="opt" :value="opt" />
-                </el-select>
-              </template>
-              <template v-else-if="q.type==='scale'">
-                <div class="scale-container">
-                  <span class="scale-label">{{ q.minLabel }}</span>
-                  <el-slider v-model="answers[q.id]" :min="q.min" :max="q.max" :disabled="previewOnly" class="mobile-slider" />
-                  <span class="scale-label">{{ q.maxLabel }}</span>
-                </div>
-              </template>
-            </div>
-          </div>
-          <div style="text-align:center;margin-top:32px;">
-            <el-button v-if="!previewOnly" type="primary" class="mobile-btn" @click="handleSubmit">提交</el-button>
-            <el-button class="mobile-btn" @click="$emit('close')">关闭</el-button>
-          </div>
-        </div>
-      </div>
-    </div>
-  </el-dialog>
-</template>
-<script>
-export default {
-  name: 'SurveyFillDialog',
-  props: {
-    visible: Boolean,
-    surveyData: Object,
-    previewOnly: Boolean
-  },
-  data() {
-    return {
-      answers: {}
-    }
-  },
-  watch: {
-    surveyData: {
-      handler(val) {
-        if (val && val.questions) {
-          this.answers = {};
-          val.questions.forEach(q => {
-            if (q.type==='multi') this.answers[q.id] = [];
-            else this.answers[q.id] = '';
-          });
-        }
-      },
-      immediate: true
-    }
-  },
-  methods: {
-    handleSubmit() {
-      this.$emit('submit', this.answers);
-    }
-  }
-}
-</script>
-<style scoped>
-.survey-dialog-mobile >>> .el-dialog__body { padding:0; background: #f4f6fa; }
-.survey-mobile-bg {
-  min-height: 100vh;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.survey-mobile-card {
-  width: 100vw;
-  max-width: 414px;
-  min-width: 320px;
-  background: #fff;
-  border-radius: 18px;
-  box-shadow: 0 4px 24px rgba(0,0,0,0.12);
-  margin: 24px 0;
-  padding: 0 0 24px 0;
-  overflow: hidden;
-}
-.survey-header {
-  padding: 32px 20px 16px 20px;
-  text-align: center;
-  background: #fff;
-  border-radius: 18px 18px 0 0;
-  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
-}
-.survey-title {
-  font-size: 22px;
-  font-weight: 700;
-  color: #2c3e50;
-  margin-bottom: 10px;
-}
-.survey-description {
-  font-size: 15px;
-  color: #6c757d;
-  margin-bottom: 10px;
-}
-.survey-meta {
-  display: flex;
-  justify-content: center;
-  gap: 16px;
-  flex-wrap: wrap;
-  font-size: 12px;
-  color: #888;
-}
-.meta-item { display: flex; align-items: center; gap: 4px; }
-.survey-form {
-  padding: 18px 16px 0 16px;
-}
-.question-item {
-  margin-bottom: 28px;
-  padding-bottom: 18px;
-  border-bottom: 1px solid #f0f0f0;
-}
-.question-header {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-bottom: 10px;
-}
-.question-number {
-  background: #3498db;
-  color: #fff;
-  width: 22px;
-  height: 22px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 13px;
-  font-weight: 600;
-  flex-shrink: 0;
-}
-.question-title {
-  font-size: 15px;
-  font-weight: 600;
-  color: #2c3e50;
-  flex: 1;
-}
-.required-mark {
-  color: #e74c3c;
-  margin-left: 4px;
-  font-size: 15px;
-}
-.question-content {
-  margin-left: 0;
-  margin-top: 2px;
-}
-.mobile-radio-group, .mobile-checkbox-group {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.mobile-radio, .mobile-checkbox {
-  font-size: 15px;
-  height: 32px;
-  line-height: 32px;
-}
-.mobile-textarea {
-  font-size: 15px;
-  border-radius: 10px;
-}
-.mobile-rate {
-  font-size: 22px;
-}
-.mobile-input, .mobile-select {
-  font-size: 15px;
-  border-radius: 10px;
-  width: 100%;
-}
-.scale-container {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-top: 8px;
-}
-.scale-label {
-  font-size: 13px;
-  color: #888;
-}
-.mobile-slider {
-  flex: 1;
-}
-.mobile-btn {
-  width: 90%;
-  height: 44px;
-  font-size: 17px;
-  border-radius: 22px;
-  margin-bottom: 10px;
-}
-@media (max-width: 500px) {
-  .survey-mobile-card { max-width: 100vw; min-width: 0; border-radius: 0; }
-}
+              <template v-else-if="q.edit_input==='datetime'">
+                <el-date-picker v-model="answers[q.id]" :disabled="previewOnly" type="datetime" :placeholder="q.help||'选择日期时间'">
+                </el-date-picker>
+              </template>
+
+              <!-- <template v-else-if="q.type==='rate'">
+                <el-rate v-model="answers[q.id]" :max="q.rateMax||5" :disabled="previewOnly" class="mobile-rate" />
+              </template>
+              <template v-else-if="q.type==='number'">
+                <el-input type="number" v-model="answers[q.id]" :min="q.min" :max="q.max" :disabled="previewOnly" class="mobile-input" />
+              </template>
+              <template v-else-if="q.type==='select'">
+                <el-select v-model="answers[q.id]" :disabled="previewOnly" class="mobile-select" placeholder="请选择">
+                  <el-option v-for="(opt, oidx) in q.options" :key="oidx" :label="opt" :value="opt" />
+                </el-select>
+              </template>
+              <template v-else-if="q.type==='scale'">
+                <div class="scale-container">
+                  <span class="scale-label">{{ q.minLabel }}</span>
+                  <el-slider v-model="answers[q.id]" :min="q.min" :max="q.max" :disabled="previewOnly" class="mobile-slider" />
+                  <span class="scale-label">{{ q.maxLabel }}</span>
+                </div>
+              </template> -->
+            </div>
+          </div>
+          <div style="text-align:center;margin-top:32px;">
+            <el-button v-if="!previewOnly" type="primary" class="mobile-btn" @click="handleSubmit">提交</el-button>
+            <el-button class="mobile-btn" @click="$emit('close')">关闭</el-button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+<script>
+  import {
+    index as formIndex
+  } from "@/api/survey/index.js";
+  export default {
+    name: 'SurveyFillDialog',
+    props: {
+      visible: Boolean,
+      surveyData: Object,
+      previewOnly: Boolean
+    },
+    data() {
+      return {
+        questionList: [],
+        answers: {}
+      }
+    },
+    watch: {
+      surveyData: {
+        handler(val) {
+          if (val) {
+            this.answers = {};
+            console.log("val", val)
+            this.getquestionList(val.id)
+          } else {
+            this.questionList = []
+          }
+        },
+        immediate: true
+      }
+    },
+    methods: {
+      handleSubmit() {
+        this.$emit('submit', this.answers);
+      },
+      async getquestionList(id) {
+        const res = await formIndex({
+          page: 1,
+          page_size: 999,
+          sort_name: 'sort',
+          sort_type: 'ASC',
+          filter: [{
+            key: 'course_content_evaluation_id',
+            op: 'eq',
+            value: id
+          }],
+        })
+        this.questionList = res.data
+      },
+    }
+  }
+</script>
+<style scoped>
+  .survey-dialog-mobile>>>.el-dialog__body {
+    padding: 0;
+    background: #f4f6fa;
+  }
+
+  .survey-mobile-bg {
+    min-height: 100vh;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .survey-mobile-card {
+    width: 100vw;
+    max-width: 414px;
+    min-width: 320px;
+    background: #fff;
+    border-radius: 18px;
+    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
+    margin: 24px 0;
+    padding: 0 0 24px 0;
+    overflow: hidden;
+  }
+
+  .survey-header {
+    padding: 32px 20px 16px 20px;
+    text-align: center;
+    background: #fff;
+    border-radius: 18px 18px 0 0;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+  }
+
+  .survey-title {
+    font-size: 22px;
+    font-weight: 700;
+    color: #2c3e50;
+    margin-bottom: 10px;
+  }
+
+  .survey-description {
+    font-size: 15px;
+    color: #6c757d;
+    margin-bottom: 10px;
+  }
+
+  .survey-meta {
+    display: flex;
+    justify-content: center;
+    gap: 16px;
+    flex-wrap: wrap;
+    font-size: 12px;
+    color: #888;
+  }
+
+  .meta-item {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+  }
+
+  .survey-form {
+    padding: 18px 16px 0 16px;
+  }
+
+  .question-item {
+    margin-bottom: 28px;
+    padding-bottom: 18px;
+    border-bottom: 1px solid #f0f0f0;
+  }
+
+  .question-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 10px;
+  }
+
+  .question-number {
+    background: #3498db;
+    color: #fff;
+    width: 22px;
+    height: 22px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 13px;
+    font-weight: 600;
+    flex-shrink: 0;
+  }
+
+  .question-title {
+    font-size: 15px;
+    font-weight: 600;
+    color: #2c3e50;
+    flex: 1;
+  }
+
+  .required-mark {
+    color: #e74c3c;
+    margin-left: 4px;
+    font-size: 15px;
+  }
+
+  .question-content {
+    margin-left: 0;
+    margin-top: 2px;
+  }
+
+  .mobile-radio-group,
+  .mobile-checkbox-group {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  .mobile-radio,
+  .mobile-checkbox {
+    font-size: 15px;
+    height: 32px;
+    line-height: 32px;
+  }
+
+  .mobile-textarea {
+    font-size: 15px;
+    border-radius: 10px;
+  }
+
+  .mobile-rate {
+    font-size: 22px;
+  }
+
+  .mobile-input,
+  .mobile-select {
+    font-size: 15px;
+    border-radius: 10px;
+    width: 100%;
+  }
+
+  .scale-container {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-top: 8px;
+  }
+
+  .scale-label {
+    font-size: 13px;
+    color: #888;
+  }
+
+  .mobile-slider {
+    flex: 1;
+  }
+
+  .mobile-btn {
+    width: 90%;
+    height: 44px;
+    font-size: 17px;
+    border-radius: 22px;
+    margin-bottom: 10px;
+  }
+
+  @media (max-width: 500px) {
+    .survey-mobile-card {
+      max-width: 100vw;
+      min-width: 0;
+      border-radius: 0;
+    }
+  }
 </style>
diff --git a/src/views/survey/components/applyForm.vue b/src/views/survey/components/applyForm.vue
new file mode 100644
index 0000000..291ae52
--- /dev/null
+++ b/src/views/survey/components/applyForm.vue
@@ -0,0 +1,465 @@
+<template>
+  <div>
+    <el-dialog title="创建报名表单" :show-close="false" :visible.sync="dialogVisible" :fullscreen="true" :modal='false'>
+      <template v-slot:title>
+        <div style="display: flex;align-items: center;justify-content: space-between;font-size: 26px;">
+          <div style="display: flex;align-items: center;">
+            <div style="width:300px">创建问题</div>
+            <!-- <el-select v-model="hasCourseId" @change="changeCourse" placeholder="请选择课程表单" clearable
+              style="width: 100%;">
+              <el-option v-for="item in hasCourseList" :key="item.id" :label="item.name" :value="item.id">
+              </el-option>
+            </el-select> -->
+          </div>
+          <div style="cursor: pointer;">
+            <Button type="primary" @click="dialogVisible = false">完成并关闭</Button>
+          </div>
+        </div>
+
+      </template>
+      <div style="height: 100%">
+        <Split v-model="splitL" :min="0.05">
+          <template #left>
+            <draggable v-model="types" :sort="false" :group="{ name: 'items', pull: 'clone', put: false }">
+              <div class="type-item" v-for="item in types">
+                {{ item.name }}
+              </div>
+            </draggable>
+          </template>
+          <template #right>
+            <Split v-model="splitR" :min="0.2">
+              <template #left>
+                <div style="height: 100%">
+                  <el-dialog id="template-dialog" :title="'模板表单'" :show-close="false"
+                    style="position: relative; inset: 0 0 0 0; height: 100%" width="80%" top="40px" :visible="true"
+                    :modal="false" :append-to-body="false" :modal-append-to-body="false">
+
+                    <el-form style="min-height: 500px;display: flex;flex-wrap: wrap;padding: 0 4%;" label-width="80px"
+                      label-position="top" size="small">
+                      <!-- <el-divider>表单字段</el-divider> -->
+                      <!-- <el-form-item :label="i.name" :required="
+                          i.rule ? !!i.rule.includes('required') : false
+                        " v-for="(i, index) in defaultFormList">
+                        <el-input :placeholder="i.help?i.help:'表单字段'" :disabled="true"></el-input>
+                      </el-form-item> -->
+                      <draggable :value="formList" group="items" @change="changeHandler" style="width:100%">
+                        <el-form-item style="flex-basis: 100%;" :label="i.name || '字段名称'" :required="
+                            i.rule ? !!i.rule.includes('required') : false
+                          " v-for="(i, index) in formList" @click.native="selectPick(i, index)">
+                          <formSlotRender :config="i" :index="index"></formSlotRender>
+                        </el-form-item>
+                      </draggable>
+                      <!-- <el-divider>选填字段</el-divider> -->
+                      <!-- <el-form-item style="flex-basis: 100%;" :label="i.name" :required="
+                          i.rule ? !!i.rule.includes('required') : false
+                        " v-for="(i, index) in selectFormList"
+                         @click.native="selectPick(i, index)">
+                        <el-input style="width:100%;" :placeholder="i.help?i.help:'表单字段'"></el-input>
+                        <el-switch @change="(e)=>{changeSelect(e,i)}" v-model="i.is_open" active-color="#0077CC"
+                          inactive-color="#ccc">
+                        </el-switch>
+                      </el-form-item> -->
+
+                      <!-- <el-divider>自定义字段</el-divider> -->
+
+                    </el-form>
+
+                    <div slot="footer">
+                      <!-- <div>
+                        <el-button type="primary">确 定</el-button>
+                      </div> -->
+                    </div>
+                  </el-dialog>
+                </div>
+              </template>
+              <template #right>
+                <editPane ref="editPane" @refreshFormItem="refreshItem" :rules="rules" :types="types"
+                  @refresh="getFormList"></editPane>
+              </template>
+            </Split>
+          </template>
+        </Split>
+      </div>
+    </el-dialog>
+    <!--  -->
+    <el-dialog title="提示" :visible.sync="showTips" width="30%">
+      <div style="padding: 30px;font-size: 24px;text-indent: 2em;">是否确认克隆<span
+          style="color:red">{{hasCourseName}}</span>的报名表单，克隆后将<span style="color:red">覆盖原有课程的报名表单</span>，请谨慎操作。</div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="showTips = false">取 消</el-button>
+        <el-button type="primary" @click="copyForms">确 定</el-button>
+      </span>
+    </el-dialog>
+
+
+  </div>
+</template>
+
+<script>
+  import formMixins from "@/mixin/formMixin.js";
+  import {
+    config
+  } from "@/api/system/customFormField";
+  import {
+    index,
+    save,
+    destroy,
+  } from "@/api/survey/index.js";
+  import {
+    index as courseIndex,
+    show as courseShow
+  } from "@/api/course/index.js"
+  import {
+    deepCopy
+  } from "@/utils";
+  import editPane from "../components/editPane.vue";
+  import formSlotRender from "@/views/system/components/formSlotRender.vue";
+  export default {
+    mixins: [formMixins],
+    components: {
+      formSlotRender,
+      editPane
+    },
+    data() {
+      return {
+        course_id: "",
+        questionLinkIds:{},
+        course_signs_count: 0,
+        select: {
+          page: 1,
+          page_size: 999,
+          sort_name: 'sort',
+          sort_type: 'ASC'
+        },
+        dialogVisible: false,
+        showTips: false,
+        hasCourseId: '',
+        hasCourseName: '',
+        hasCourseList: [],
+        formList: [],
+        types: [],
+        rules: {},
+        //分割面板
+        splitL: 0.13,
+        splitR: 0.7,
+        selectedForm: {},
+        selectedIndex: 0,
+      }
+    },
+    created() {
+      this.getConfig()
+      // this.getCourseList()
+    },
+    methods: {
+      // 获取有 自定义表单的 课程
+      async getCourseList() {
+        const res = await courseIndex({
+          page: 1,
+          page_size: 999,
+          has_course_forms: 1,
+          sort_name: 'id',
+          sort_type: 'ASC',
+        })
+
+        this.hasCourseList = res.data.filter((item) => {
+          return item.id != this.course_id
+        })
+      },
+      changeCourse(e) {
+        console.log("course-e", e)
+        if (e) {
+          this.getDetail(e)
+        }
+      },
+      getDetail(e) {
+        courseShow({
+          id: this.course_id,
+        }).then(res => {
+          // this.course_signs_count = res.course_signs_count
+          if (this.course_signs_count > 0) {
+            this.$message({
+              type: 'warning',
+              duration: 4000,
+              message: '当前课程已有人员报名，不可进行报名表单克隆操作'
+            })
+            // this.$Message.warning("当前课程已有人员报名，不可进行报名表单克隆操作")
+            return
+          }
+          this.hasCourseList.map(item => {
+            if (item.id === e) {
+              this.hasCourseId = e
+              this.hasCourseName = item.name
+              this.showTips = true
+            }
+          })
+        })
+      },
+      // 复制表单数据
+      copyForms() {
+        cloneForm({
+          from_course_id: this.hasCourseId,
+          to_course_id: this.course_id
+        }).then(res => {
+          this.$Message.success('克隆成功')
+          this.showTips = false
+          this.getFormList()
+        })
+      },
+      //获取 左侧 formitem类型
+      async getConfig() {
+        const {
+          edit_to_migration,
+          validation_rules
+        } = await config(false);
+        this.rules = validation_rules
+        // item.edit_input !== 'textarea' &&
+        this.types = edit_to_migration.filter(item =>  item.edit_input !==
+          "richtext" &&
+          item.edit_input !== "file" && item.edit_input !== "files" && item.edit_input !== "map");
+
+      },
+      // 获取自定义表单列表
+      async getFormList() {
+        const res = await index({
+          filter: [{
+            key: 'course_content_evaluation_id',
+            op: 'eq',
+            value: this.questionLinkIds.course_content_evaluation_id
+          }],
+          ...this.select
+        })
+        this.formList = res.data
+        // this.updateObjects(this.selectFormList, this.formList)
+        // let _arr = this.removeMatchingItems(this.selectFormList, this.formList)
+        // this.formList.push(..._arr)
+        // this.selectFormList = _arr
+        // console.log("_arr",_arr)
+        console.log("this.selectFormList", this.selectFormList, this.formList)
+
+      },
+      updateObjects(a, b) {
+        // 创建一个新数组，只包含没有匹配的元素
+        const updatedB = b.filter(objB => {
+          // 尝试找到a中具有相同field值的对象
+          const match = a.find(objA => objA.field === objB.field);
+
+          if (match) {
+            // 如果找到了匹配项，则更新a中的对象
+            Object.assign(match, objB);
+            match.is_open = true
+            return false; // 不包含在新的数组中
+          } else {
+            return true; // 包含在新的数组中
+          }
+        });
+
+        // 更新b数组为过滤后的结果
+        b.length = 0; // 清空原始数组
+        b.push(...updatedB); // 将过滤后的数组元素添加回原始数组
+      },
+      removeMatchingItems(a, b) {
+        // 创建一个 Set 来存储数组 b 中所有 filed 字段的值
+        const bFiledValues = new Set(b.map(item => item.field));
+
+        // 使用 filter 方法筛选出数组 a 中没有匹配项的对象
+        return a.filter(item => !bFiledValues.has(item.field));
+      },
+      // 新增 移动
+      changeHandler(e) {
+        if (e.added) {
+          const {
+            element,
+            newIndex
+          } = e.added;
+          const originalData = element;
+          const newItem = {
+            id: "",
+            field: "",
+            name: "",
+            edit_input: originalData.edit_input,
+            sort: newIndex,
+            help: "",
+            rule: "",
+            allow_input:0,
+            select_item: [],
+            ...this.questionLinkIds
+          };
+          this.formList.splice(newIndex, 0, newItem)
+        }
+        if (e.moved) {
+          const {
+            element,
+            newIndex,
+            oldIndex
+          } = e.moved;
+          element.sort = newIndex;
+          console.log(element)
+          if (element.id) {
+            this.saveSelect(element)
+          } else {
+            this.formList.splice(oldIndex, 1);
+            this.formList.splice(newIndex, 0, element);
+          }
+          // if (element) {
+
+          // }
+        }
+
+      },
+      //  选中的 表单数据
+      selectPick(i, index) {
+        this.$refs.editPane.selectedIndex = index
+        this.$refs.editPane.selectedForm = deepCopy(i)
+        this.$refs.editPane.formList = deepCopy(this.formList)
+        this.$refs.editPane.showForm = true
+      },
+      // 处理 保存 删除过来的item
+      refreshItem(e, index) {
+        // 没有id
+        if (e === 'save' || e === 'DelId') {
+          this.getFormList()
+        } else if (e === 'Del') {
+          this.formList.splice(index, 1)
+        }
+      },
+      // 更改可扩展字段
+      changeSelect(e, item) {
+        console.log(e, item)
+        if (e) {
+          // item.is_open = true
+          item.need_fill = 1
+          item.course_id = this.course_id
+          this.saveSelect(item)
+        } else {
+          // item.is_open = false
+          item.need_fill = 0
+          this.delSelect(item)
+        }
+      },
+      // 新增或保存 可扩展字段
+      saveSelect(item) {
+        save(item).then(res => {
+          this.$Message.success('启用成功')
+          this.getFormList()
+        })
+      },
+      delSelect(item) {
+        destroy({
+          id: item.id
+        }).then(res => {
+          item.id = ''
+          // console.log("del",item)
+          this.getFormList()
+          this.$Message.success('禁用成功')
+        })
+      }
+    },
+    watch: {
+      dialogVisible(newval) {
+        if (newval) {
+          this.getFormList()
+        } else {
+          this.course_id = ''
+          this.course_signs_count = 0
+          this.hasCourseId = ''
+          this.hasCourseName = ''
+          this.selectFormList.map(item => {
+            item.is_open = false
+            if (item.id) {
+              item.id = ''
+            }
+            if (item.course_id) {
+              item.course_id = ''
+            }
+          })
+          this.formList = []
+          // this.types = []
+          // this.rules = {}
+          this.$refs.editPane.showForm = false
+          this.selectedForm = {}
+          this.selectedIndex = 0
+          this.$emit("refresh")
+        }
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .title {
+    font-weight: 600;
+    letter-spacing: 2px;
+    padding: 0 20px;
+  }
+
+  .type-item {
+    min-width: 40px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    cursor: pointer;
+    color: $primaryColor;
+    border: solid 1px $primaryColor;
+    border-radius: 10px;
+    position: relative;
+    transition: all 0.2s ease-out;
+
+    padding: 10px;
+    margin: 6px;
+
+    &:hover {
+      color: #fff;
+      background: $primaryColor;
+    }
+  }
+
+  ::v-deep .el-dialog__headerbtn {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  ::v-deep .el-dialog__header {
+    padding: 10px !important;
+    box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.2);
+    position: relative;
+  }
+
+  ::v-deep .el-dialog__body {
+    height: calc(100% - 62px);
+    padding: 8px 0 !important;
+  }
+
+  #template-dialog {
+    ::v-deep .el-dialog__header {
+      box-shadow: none;
+      padding: 20px;
+      position: relative;
+    }
+
+    ::v-deep .el-dialog__body {
+      padding: 30px 20px !important;
+    }
+  }
+
+  ::v-deep .ivu-split-trigger-vertical {
+    width: 2px;
+  }
+
+  ::v-deep .ivu-split-trigger-bar-con.vertical {
+    display: none;
+  }
+
+  ::v-deep .ivu-split-horizontal>.ivu-split-trigger-con {
+    width: 2px;
+  }
+
+  ::v-deep .ivu-split-pane {
+    height: 100%;
+    overflow: scroll;
+
+    &::-webkit-scrollbar {
+      width: 2px;
+    }
+  }
+</style>
diff --git a/src/views/survey/components/editPane.vue b/src/views/survey/components/editPane.vue
new file mode 100644
index 0000000..286cea5
--- /dev/null
+++ b/src/views/survey/components/editPane.vue
@@ -0,0 +1,298 @@
+<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 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="是否可自行填写">
+          <el-radio-group v-model="selectedForm.allow_input">
+              <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: [], //效验规则
+        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);
+        }
+
+      },
+      // 选择数据库字段
+      changeIsUser(e) {
+        console.log("e", e)
+        console.log(this.selectedForm)
+        if(e){
+          this.selectFormList.map(item => {
+            if (e === item.belong_user_table) {
+              this.selectedForm.name = item.name
+              this.selectedForm.field = item.field
+              this.selectedForm.help = item.help
+              this.selectedForm.select_item = item.select_item
+              this.selectedForm.rule = item.rule
+              this.selectedForm.belong_user = item.belong_user
+              this.selectedForm.edit_input = item.edit_input
+              this.selectItem = item.select_item
+              this.validation = []
+              if(!this.base.isNull(this.selectedForm.rule)){
+                this.validation = this.selectedForm.rule.split(",")
+              }
+              console.log("2", this.selectedForm,this.validation)
+            }
+          })
+        }else{
+          this.selectedForm.belong_user = 0
+        }
+
+      },
+
+      saveField() {
+        console.log("this.selectedForm.select_item",this.selectedForm)
+        if(this.base.isNull(this.selectedForm.name)){
+          this.$Message.warning("字段名称不能为空")
+          return
+        }
+        if(this.base.isNull(this.selectedForm.field)){
+          this.$Message.warning("字段标识不能为空")
+          return
+        }
+        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
+          }else{
+            // 下拉框选项值不能为空
+            let count = 0
+            this.selectedForm.select_item.map(item=>{
+              if(this.base.isNull(item.value) || this.base.isNull(item.key)){
+                count++
+                // item.value = item.key
+              }
+            })
+            if(count>0){
+              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) {
+        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(',')
+          }
+
+        }
+      },
+      showForm(newval){
+        if(!newval){
+          this.selectedForm = {}
+          this.selectedIndex = 0
+        }
+      }
+    },
+    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;
+        }
+      }
+    }
+  }
+</style>
diff --git a/src/views/survey/index.vue b/src/views/survey/index.vue
index 32fea39..f0b25e1 100644
--- a/src/views/survey/index.vue
+++ b/src/views/survey/index.vue
@@ -1,575 +1,456 @@
-<template>
-  <div class="survey-admin">
-    <!-- 顶部标题 -->
-    <div class="admin-header">
-      <h1 class="admin-title">
-        <i class="el-icon-document"></i>
-        调查问卷管理
-      </h1>
-    </div>
-    <!-- 主要内容区域 -->
-    <div class="admin-main">
-      <!-- 操作栏 -->
-      <div class="action-bar">
-        <div class="search-box">
-          <el-input v-model="searchTerm" placeholder="搜索问卷..." style="width:250px;" @input="filterSurveys" clearable />
-          <el-select v-model="statusFilter" placeholder="全部状态" style="width:150px;" @change="filterSurveys" clearable>
-            <el-option label="全部状态" value="" />
-            <el-option label="草稿" value="draft" />
-            <el-option label="已发布" value="published" />
-            <el-option label="已关闭" value="closed" />
-          </el-select>
-          <el-select v-model="courseFilter" placeholder="全部课程" style="width:200px;" @change="filterSurveys" clearable>
-            <el-option label="全部课程" value="" />
-            <el-option label="课程" value="course" />
-            <el-option label="活动" value="activity" />
-            <el-option label="移动课堂" value="workshop" />
-          </el-select>
-        </div>
-        <el-button type="primary" icon="el-icon-plus" @click="openCreateModal">创建问卷</el-button>
-      </div>
-      <!-- 问卷列表 -->
-      <div class="survey-grid">
-        <template v-if="filteredSurveys.length">
-          <div v-for="survey in filteredSurveys" :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>
-              </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="editSurvey(survey)"><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-menu>
-              </el-dropdown>
-            </div>
-            <div class="survey-meta">
-              <div class="meta-item"><i class="el-icon-date"></i> 创建时间：{{ survey.createTime }}</div>
-              <div class="meta-item"><i class="el-icon-time"></i> 截止时间：{{ survey.deadline }}</div>
-              <div class="meta-item" v-if="survey.bindCourse">
-                <i class="el-icon-link"></i>
-                <span class="course-tag">{{ survey.bindCourse }}</span>
-              </div>
-            </div>
-            <div class="survey-stats">
-              <div class="stat-item">
-                <div class="stat-number">{{ survey.responses }}</div>
-                <div class="stat-label">回复数</div>
-              </div>
-              <div class="stat-item">
-                <div class="stat-number">{{ survey.questions.length }}</div>
-                <div class="stat-label">题目数</div>
-              </div>
-              <div class="stat-item">
-                <div class="stat-number">{{ survey.avgScore || '-' }}</div>
-                <div class="stat-label">平均分</div>
-              </div>
-            </div>
-            <div class="survey-actions">
-              <el-button v-if="survey.status==='draft'" 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="暂无问卷，点击'创建问卷'开始制作您的第一个调查问卷" />
-      </div>
-    </div>
-    <!-- 创建问卷弹窗 -->
-    <el-dialog title="创建新问卷" :visible.sync="createModalVisible" width="600px">
-      <el-form :model="createForm" label-width="90px">
-        <el-form-item label="问卷标题" required>
-          <el-input v-model="createForm.title" />
-        </el-form-item>
-        <el-form-item label="问卷描述">
-          <el-input type="textarea" v-model="createForm.description" :rows="3" />
-        </el-form-item>
-        <el-form-item label="绑定类型">
-          <el-select v-model="createForm.bindType" @change="onBindTypeChange">
-            <el-option label="无绑定" value="" />
-            <el-option label="课程" value="course" />
-            <el-option label="活动" value="activity" />
-            <el-option label="移动课堂" value="workshop" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="选择课程/活动">
-          <el-select v-model="createForm.bindCourse" :disabled="!createForm.bindType">
-            <el-option v-for="item in bindCourseList" :key="item" :label="item" :value="item" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="问卷类型">
-          <el-select v-model="createForm.type">
-            <el-option label="课后反馈" value="feedback" />
-            <el-option label="课前调研" value="pre-survey" />
-            <el-option label="课程评价" value="evaluation" />
-            <el-option label="满意度调查" value="satisfaction" />
-            <el-option label="自定义" value="custom" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="截止时间">
-          <el-date-picker v-model="createForm.deadline" type="datetime" value-format="yyyy-MM-dd HH:mm" />
-        </el-form-item>
-      </el-form>
-      <div slot="footer">
-        <el-button @click="createModalVisible=false">取消</el-button>
-        <el-button type="primary" @click="saveSurvey">创建问卷</el-button>
-      </div>
-    </el-dialog>
-    <!-- 问卷编辑全屏弹窗 -->
-    <SurveyCreateDialog
-      :visible.sync="editDialogVisible"
-      :surveyData="editSurveyData"
-      @close="editDialogVisible=false"
-      @save="onEditSurveySave"
-    />
-    <!-- 问卷结果全屏弹窗 -->
-    <SurveyResultsDialog
-      :visible.sync="resultsDialogVisible"
-      :surveyData="resultsSurveyData"
-      @close="resultsDialogVisible=false"
-    />
-    <!-- 问卷填写/预览全屏弹窗 -->
-    <SurveyFillDialog
-      :visible.sync="fillDialogVisible"
-      :surveyData="fillSurveyData"
-      :previewOnly="fillPreviewOnly"
-      @close="fillDialogVisible=false"
-      @submit="onFillSubmit"
-    />
-  </div>
-</template>
-
-<script>
-import SurveyCreateDialog from './components/SurveyCreateDialog.vue';
-import SurveyResultsDialog from './components/SurveyResultsDialog.vue';
-import SurveyFillDialog from './components/SurveyFillDialog.vue';
-
-const courses = {
-  course: [
-    '2025产业加速营 | 智能制造专题',
-    '2025暑期创新营 | 项目路演'
-  ],
-  activity: [
-    '校友企业参访 | 新能源企业',
-    '2025校友论坛 | 数字经济新机遇'
-  ],
-  workshop: [
-    '移动课堂 | AI商业落地',
-    '创新创业移动课堂'
-  ]
-};
-export default {
-  components: {
-    SurveyCreateDialog,
-    SurveyResultsDialog,
-    SurveyFillDialog
-  },
-  data() {
-    return {
-      surveys: [
-        {
-          id: 1,
-          title: '2025产业加速营课程反馈调查',
-          description: '请对本次智能制造专题课程进行评价和反馈',
-          status: 'published',
-          type: 'feedback',
-          bindType: 'course',
-          bindCourse: '2025产业加速营 | 智能制造专题',
-          createTime: '2025-06-01 10:00',
-          deadline: '2025-06-10 23:59',
-          responses: 45,
-          questions: 8,
-          avgScore: 4.6,
-          questions: [
-            {
-              id: 1,
-              type: 'single',
-              title: '你最喜欢的编程语言是？',
-              options: ['JavaScript', 'Python', 'Java', 'C++'],
-              required: true
-            },
-            {
-              id: 2,
-              type: 'multi',
-              title: '你常用哪些开发工具？',
-              options: ['VSCode', 'WebStorm', 'Sublime Text', 'Vim'],
-              required: false
-            },
-            {
-              id: 3,
-              type: 'text',
-              title: '请简要描述你对本课程的建议',
-              placeholder: '请输入你的建议',
-              required: false
-            },
-            {
-              id: 4,
-              type: 'rate',
-              title: '请为本次活动打分',
-              rateMax: 5,
-              required: true
-            },
-            {
-              id: 5,
-              type: 'number',
-              title: '你每天编程多少小时？',
-              min: 0,
-              max: 24,
-              required: false
-            },
-            {
-              id: 6,
-              type: 'select',
-              title: '请选择你的学历',
-              options: ['本科', '硕士', '博士', '其他'],
-              required: true
-            },
-            {
-              id: 7,
-              type: 'scale',
-              title: '你对本课程的满意度',
-              minLabel: '非常不满意',
-              maxLabel: '非常满意',
-              min: 1,
-              max: 5,
-              required: true
-            }
-          ]
-        },
-        {
-          id: 2,
-          title: '校友企业参访前期调研',
-          description: '了解参访需求和期望，优化参访安排',
-          status: 'published',
-          type: 'pre-survey',
-          bindType: 'activity',
-          bindCourse: '校友企业参访 | 新能源企业',
-          createTime: '2025-06-05 14:30',
-          deadline: '2025-06-09 18:00',
-          responses: 23,
-          questions: 6,
-          avgScore: 0,
-          questions: [
-            {
-              id: 1,
-              type: 'single',
-              title: '你最喜欢的编程语言是？',
-              options: ['JavaScript', 'Python', 'Java', 'C++'],
-              required: true
-            },
-            {
-              id: 2,
-              type: 'multi',
-              title: '你常用哪些开发工具？',
-              options: ['VSCode', 'WebStorm', 'Sublime Text', 'Vim'],
-              required: false
-            },
-            {
-              id: 3,
-              type: 'text',
-              title: '请简要描述你对本课程的建议',
-              placeholder: '请输入你的建议',
-              required: false
-            },
-            {
-              id: 4,
-              type: 'rate',
-              title: '请为本次活动打分',
-              rateMax: 5,
-              required: true
-            },
-            {
-              id: 5,
-              type: 'number',
-              title: '你每天编程多少小时？',
-              min: 0,
-              max: 24,
-              required: false
-            },
-            {
-              id: 6,
-              type: 'select',
-              title: '请选择你的学历',
-              options: ['本科', '硕士', '博士', '其他'],
-              required: true
-            },
-            {
-              id: 7,
-              type: 'scale',
-              title: '你对本课程的满意度',
-              minLabel: '非常不满意',
-              maxLabel: '非常满意',
-              min: 1,
-              max: 5,
-              required: true
-            }
-          ]
-        },
-        {
-          id: 3,
-          title: 'AI商业落地移动课堂满意度调查',
-          description: '课程满意度和改进建议收集',
-          status: 'draft',
-          type: 'satisfaction',
-          bindType: 'workshop',
-          bindCourse: '移动课堂 | AI商业落地',
-          createTime: '2025-06-12 09:15',
-          deadline: '2025-06-20 23:59',
-          responses: 0,
-          questions: 12,
-          avgScore: 0,
-          questions: [
-            {
-              id: 1,
-              type: 'single',
-              title: '你最喜欢的编程语言是？',
-              options: ['JavaScript', 'Python', 'Java', 'C++'],
-              required: true
-            },
-            {
-              id: 2,
-              type: 'multi',
-              title: '你常用哪些开发工具？',
-              options: ['VSCode', 'WebStorm', 'Sublime Text', 'Vim'],
-              required: false
-            },
-            {
-              id: 3,
-              type: 'text',
-              title: '请简要描述你对本课程的建议',
-              placeholder: '请输入你的建议',
-              required: false
-            },
-            {
-              id: 4,
-              type: 'rate',
-              title: '请为本次活动打分',
-              rateMax: 5,
-              required: true
-            },
-            {
-              id: 5,
-              type: 'number',
-              title: '你每天编程多少小时？',
-              min: 0,
-              max: 24,
-              required: false
-            },
-            {
-              id: 6,
-              type: 'select',
-              title: '请选择你的学历',
-              options: ['本科', '硕士', '博士', '其他'],
-              required: true
-            },
-            {
-              id: 7,
-              type: 'scale',
-              title: '你对本课程的满意度',
-              minLabel: '非常不满意',
-              maxLabel: '非常满意',
-              min: 1,
-              max: 5,
-              required: true
-            }
-          ]
-        }
-      ],
-      searchTerm: '',
-      statusFilter: '',
-      courseFilter: '',
-      filteredSurveys: [],
-      createModalVisible: false,
-      createForm: {
-        title: '',
-        description: '',
-        bindType: '',
-        bindCourse: '',
-        type: 'feedback',
-        deadline: ''
-      },
-      bindCourseList: [],
-      editDialogVisible: false,
-      editSurveyData: null,
-      resultsDialogVisible: false,
-      resultsSurveyData: null,
-      fillDialogVisible: false,
-      fillSurveyData: null,
-      fillPreviewOnly: false
-    }
-  },
-  created() {
-    this.filterSurveys();
-  },
-  methods: {
-    statusText(status) {
-      return { draft: '草稿', published: '已发布', closed: '已关闭' }[status] || status;
-    },
-    statusClass(status) {
-      return {
-        draft: 'status-draft',
-        published: 'status-published',
-        closed: 'status-closed'
-      }[status] || '';
-    },
-    filterSurveys() {
-      const search = (this.searchTerm || '').toLowerCase();
-      this.filteredSurveys = this.surveys.filter(survey => {
-        const matchSearch = survey.title.toLowerCase().includes(search) || (survey.description && survey.description.toLowerCase().includes(search));
-        const matchStatus = !this.statusFilter || survey.status === this.statusFilter;
-        const matchCourse = !this.courseFilter || survey.bindType === this.courseFilter;
-        return matchSearch && matchStatus && matchCourse;
-      });
-    },
-    openCreateModal() {
-      this.createModalVisible = true;
-      this.createForm = {
-        title: '',
-        description: '',
-        bindType: '',
-        bindCourse: '',
-        type: 'feedback',
-        deadline: ''
-      };
-      this.bindCourseList = [];
-    },
-    onBindTypeChange() {
-      this.createForm.bindCourse = '';
-      this.bindCourseList = this.createForm.bindType ? courses[this.createForm.bindType] : [];
-    },
-    saveSurvey() {
-      if (!this.createForm.title) {
-        this.$message.error('请输入问卷标题');
-        return;
-      }
-      const newSurvey = {
-        id: this.surveys.length + 1,
-        title: this.createForm.title,
-        description: this.createForm.description,
-        status: 'draft',
-        type: this.createForm.type,
-        bindType: this.createForm.bindType,
-        bindCourse: this.createForm.bindCourse,
-        createTime: this.formatNow(),
-        deadline: this.createForm.deadline,
-        responses: 0,
-        questions: 0,
-        avgScore: 0
-      };
-      this.surveys.unshift(newSurvey);
-      this.createModalVisible = false;
-      this.filterSurveys();
-      // 跳转到问卷设计页面
-      setTimeout(() => {
-        window.open(`survey-create.html?id=${newSurvey.id}`, '_blank');
-      }, 500);
-    },
-    editSurvey(survey) {
-      this.editSurveyData = survey;
-      this.editDialogVisible = true;
-    },
-    onEditSurveySave(newSurvey) {
-      const idx = this.surveys.findIndex(s => s.id === newSurvey.id);
-      if (idx !== -1) {
-        this.$set(this.surveys, idx, newSurvey);
-      }
-      this.editDialogVisible = false;
-      this.filterSurveys();
-    },
-    viewResults(survey) {
-      this.resultsSurveyData = survey;
-      this.resultsDialogVisible = true;
-    },
-    previewSurvey(survey) {
-      this.fillSurveyData = survey;
-      this.fillPreviewOnly = false;
-      this.fillDialogVisible = true;
-    },
-    onFillSubmit(answers) {
-      this.$message.success('提交成功！(模拟)');
-      this.fillDialogVisible = false;
-    },
-    publishSurvey(id) {
-      const survey = this.surveys.find(s => s.id === id);
-      if (survey) {
-        survey.status = 'published';
-        this.filterSurveys();
-        this.$message.success('问卷发布成功！');
-      }
-    },
-    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 });
-        });
-      } 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) {
-      this.$confirm('确定要删除这个问卷吗？此操作不可恢复。', '提示', {
-        type: 'warning'
-      }).then(() => {
-        this.surveys = this.surveys.filter(s => s.id !== id);
-        this.filterSurveys();
-      });
-    },
-    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; }
-.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; }
-.action-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; flex-wrap: wrap; gap: 16px; }
-.search-box { display: flex; gap: 12px; align-items: center; }
-.survey-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 24px; }
-.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-card:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.15); }
-.survey-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 16px; }
-.survey-title { font-size: 18px; font-weight: 600; color: #2c3e50; margin-bottom: 8px; line-height: 1.4; }
-.survey-meta { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; }
-.meta-item { display: flex; align-items: center; gap: 8px; font-size: 14px; color: #6c757d; }
-.survey-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 16px; }
-.stat-item { text-align: center; padding: 12px; background: #f8f9fa; border-radius: 8px; }
-.stat-number { font-size: 20px; font-weight: 700; color: #3498db; }
-.stat-label { font-size: 12px; color: #6c757d; margin-top: 4px; }
-.survey-actions { display: flex; gap: 8px; flex-wrap: wrap; }
-.status-badge { padding: 4px 8px; border-radius: 12px; font-size: 12px; font-weight: 500; }
-.status-draft { background: #f8f9fa; color: #6c757d; }
-.status-published { background: #d4edda; color: #155724; }
-.status-closed { background: #f8d7da; color: #721c24; }
-.course-tag { display: inline-block; background: #e3f2fd; color: #1976d2; padding: 4px 8px; border-radius: 4px; font-size: 12px; margin-right: 8px; margin-bottom: 4px; }
+<template>
+  <div class="survey-admin">
+    <!-- 顶部标题 -->
+    <div class="admin-header">
+      <h1 class="admin-title">
+        <i class="el-icon-document"></i>
+        调查问卷管理
+      </h1>
+    </div>
+    <!-- 主要内容区域 -->
+    <div class="admin-main">
+      <!-- 操作栏 -->
+      <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-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>
+        </div>
+        <el-button type="primary" icon="el-icon-plus" @click="openCreateModal('add')">创建问卷</el-button>
+      </div>
+      <!-- 问卷列表 -->
+      <div class="survey-grid">
+        <template v-if="list.length">
+          <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>
+              </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="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-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" 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">
+                <i class="el-icon-document"></i>
+                <span class="course-tag">{{ survey.course_content.theme }}</span>
+              </div>
+            </div>
+            <div class="survey-stats">
+              <div class="stat-item">
+                <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-label">题目数</div>
+              </div>
+              <!-- <div class="stat-item">
+                <div class="stat-number">{{ survey.avgScore || '-' }}</div>
+                <div class="stat-label">平均分</div>
+              </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 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="暂无问卷，点击'创建问卷'开始制作您的第一个调查问卷" />
+      </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;" />
+      </div>
+    </div>
+    <!-- 创建问卷弹窗（合并版） -->
+    <SurveyCreateWizard ref="SurveyCreateWizard" @refresh="filterSurveys" />
+    <!-- 问卷结果全屏弹窗 -->
+    <SurveyResultsDialog :visible.sync="resultsDialogVisible" :surveyData="resultsSurveyData"
+      @close="resultsDialogVisible=false" />
+    <!-- 问卷填写/预览全屏弹窗 -->
+    <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"
+
+  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
+      },
+      // 获取问卷
+      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
+      },
+
+      viewResults(survey) {
+        this.resultsSurveyData = survey;
+        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('问卷链接已复制到剪贴板');
+          }).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)
+          })
+        });
+      },
+      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;
+  }
+
+  .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;
+  }
+
+  .action-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 24px;
+    flex-wrap: wrap;
+    gap: 16px;
+  }
+
+  .search-box {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+  }
+
+  .survey-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
+    gap: 24px;
+  }
+
+  .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-card:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
+  }
+
+  .survey-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    margin-bottom: 16px;
+  }
+
+  .survey-title {
+    font-size: 18px;
+    font-weight: 600;
+    color: #2c3e50;
+    margin-bottom: 8px;
+    line-height: 1.4;
+  }
+
+  .survey-meta {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    margin-bottom: 16px;
+  }
+
+  .meta-item {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 14px;
+    color: #6c757d;
+  }
+
+  .survey-stats {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 12px;
+    margin-bottom: 16px;
+  }
+
+  .stat-item {
+    text-align: center;
+    padding: 12px;
+    background: #f8f9fa;
+    border-radius: 8px;
+  }
+
+  .stat-number {
+    font-size: 20px;
+    font-weight: 700;
+    color: #3498db;
+  }
+
+  .stat-label {
+    font-size: 12px;
+    color: #6c757d;
+    margin-top: 4px;
+  }
+
+  .survey-actions {
+    display: flex;
+    gap: 8px;
+    flex-wrap: wrap;
+  }
+
+  .status-badge {
+    padding: 4px 8px;
+    border-radius: 12px;
+    font-size: 12px;
+    font-weight: 500;
+  }
+
+  .status-draft {
+    background: #f8f9fa;
+    color: #6c757d;
+  }
+
+  .status-published {
+    background: #d4edda;
+    color: #155724;
+  }
+
+  .status-closed {
+    background: #f8d7da;
+    color: #721c24;
+  }
+
+  .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>