feat: RecommendQuestion disable click css

ulleo · ulleo · commit 9e3b139e73e2 · 2025-07-22T18:41:11.000+08:00
diff --git a/frontend/src/views/chat/RecommendQuestion.vue b/frontend/src/views/chat/RecommendQuestion.vue
@@ -164,6 +164,7 @@ defineExpose({ getRecommendQuestions, id: () => props.recordId, stop })
         v-for="(question, index) in computedQuestions"
         :key="index"
         class="question"
+        :class="{ disabled: disabled }"
         @click="clickQuestion(question)"
       >
         {{ question }}
@@ -203,6 +204,10 @@ defineExpose({ getRecommendQuestions, id: () => props.recordId, stop })
     &:hover {
       background: rgba(31, 35, 41, 0.1);
     }
+    &.disabled {
+      cursor: not-allowed;
+      background: rgba(245, 246, 247, 1);
+    }
   }
 }
 </style>

Original file line number	Diff line number	Diff line change
`@@ -164,6 +164,7 @@ defineExpose({ getRecommendQuestions, id: () => props.recordId, stop })`
`164`	`164`	`v-for="(question, index) in computedQuestions"`
`165`	`165`	`:key="index"`
`166`	`166`	`class="question"`
	`167`	`+ :class="{ disabled: disabled }"`
`167`	`168`	`@click="clickQuestion(question)"`
`168`	`169`	`>`
`169`	`170`	`{{ question }}`
`@@ -203,6 +204,10 @@ defineExpose({ getRecommendQuestions, id: () => props.recordId, stop })`
`203`	`204`	`&:hover {`
`204`	`205`	`background: rgba(31, 35, 41, 0.1);`
`205`	`206`	`}`
	`207`	`+ &.disabled {`
	`208`	`+ cursor: not-allowed;`
	`209`	`+ background: rgba(245, 246, 247, 1);`
	`210`	`+ }`
`206`	`211`	`}`
`207`	`212`	`}`
`208`	`213`	`</style>`