|
@@ -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>
|