yangg 2 月之前
父节点
当前提交
a50d50288a
共有 2 个文件被更改,包括 51 次插入46 次删除
  1. 33 0
      src/views/position/detail/index.css
  2. 18 46
      src/views/position/detail/index.vue

+ 33 - 0
src/views/position/detail/index.css

@@ -1624,4 +1624,37 @@
 .setting-options {
   display: flex;
   gap: 20px;
+}
+
+
+.question-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}
+
+
+
+.question-actions {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  justify-content: flex-end;
+  margin-top: 10px;
+
+}
+
+
+
+/* 拖拽时的样式 */
+.sortable-ghost {
+  opacity: 0.5;
+  background: #f4f4f5;
+}
+
+.sortable-drag {
+  opacity: 0.8;
+  background: #fff;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
 }

+ 18 - 46
src/views/position/detail/index.vue

@@ -540,17 +540,16 @@
               <p class="ai-tip">可根据您选择的能力类型一键组题</p>
               <el-button type="success" class="auto-generate-btn" @click="handleAutoGenerate">AI自动组题</el-button>
             </div>
-            
+             <!-- :component-data="{
+                  tag: 'transition-group',
+                  name: !drag ? 'flip-list' : null
+                }" -->
             <div class="question-list" v-else>
               <draggable 
                 v-model="chatQuestions"
-                :component-data="{
-                  tag: 'transition-group',
-                  name: !drag ? 'flip-list' : null
-                }"
+               
                 item-key="id"
                 handle=".drag-handle"
-                
                 @start="drag = true"
                 @end="drag = false"
               >
@@ -2921,6 +2920,8 @@ console.log(draftResponse);
 <style scoped>
 @import './index.css';
 
+</style>
+<style lang="scss" scoped>
 /* 添加题目选择对话框样式 */
 .question-select-dialog {
   :deep(.el-dialog__body) {
@@ -2979,34 +2980,6 @@ console.log(draftResponse);
   }
 }
 
-.question-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 12px;
-}
-
-.question-title {
-  font-weight: 500;
-  display: flex;
-    align-items: flex-start;
-    gap: 10px;
-    flex-direction: column;
-  .question-number {
-    color: #909399;
-    margin-right: 8px;
-  }
-}
-
-.question-actions {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  justify-content: flex-end;
-  margin-top: 10px;
-
-}
-
 .question-info {
   .info-item {
     margin-bottom: 8px;
@@ -3021,16 +2994,15 @@ console.log(draftResponse);
     }
   }
 }
-
-/* 拖拽时的样式 */
-.sortable-ghost {
-  opacity: 0.5;
-  background: #f4f4f5;
-}
-
-.sortable-drag {
-  opacity: 0.8;
-  background: #fff;
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+.question-title {
+  font-weight: 500;
+  display: flex;
+    align-items: flex-start;
+    gap: 10px;
+    flex-direction: column;
+  .question-number {
+    color: #909399;
+    margin-right: 8px;
+  }
 }
-</style>
+</style>