+
+
+
+
- {{ title || '' }}
-
+
+ ![]()
- ('')
const areaValue = ref('')
const styleValue = ref('')
@@ -815,10 +814,31 @@
}
const handleQuote = (url: string) => {
- quoteList.value.push(url)
+ const hasQuoted = quoteList.value.includes(url)
+ if (hasQuoted) return
+ quoteList.value[0] = url
}
+
+ const handleInitInput = () => {
+ inputValue.value = ''
+ uploadedImages.value = []
+ quoteList.value = []
+ toogltReportTag(true)
+ if (editorRef.value) {
+ editorRef.value.innerHTML = ''
+ }
+ }
+
+ onMounted(() => {
+ MyEvent.add('quote', handleQuote)
+ MyEvent.add('projectChange', handleInitInput)
+ nextTick(() => {
+ autoResizeEditor()
+ })
+ })
onUnmounted(() => {
MyEvent.remove('quote', handleQuote)
+ MyEvent.remove('projectChange', handleInitInput)
})
// 暴露方法给父组件
defineExpose({
@@ -1057,10 +1077,11 @@
width: 13rem;
color: #fff;
border-radius: 4.2rem;
- font-family: 'MSemiBold';
+ font-family: 'SemiBold';
font-weight: 600;
- font-size: 1.28rem;
+ font-size: 1.3rem;
cursor: pointer;
+ column-gap: 0.3rem;
.shining-icon {
width: 1.4rem;
height: 1.4rem;
diff --git a/src/views/home/left-nav.vue b/src/views/home/left-nav.vue
index 9f47937..04c3abd 100644
--- a/src/views/home/left-nav.vue
+++ b/src/views/home/left-nav.vue
@@ -16,13 +16,13 @@
{{ $t('Home.home') }}
-->
-
{{ title || '' }}
@@ -35,16 +35,19 @@
.report-card {
cursor: pointer;
width: 100%;
- margin: 2.4rem 0;
+ height: 11.2rem;
+ margin: 1.2rem 0 0;
min-height: 11.2rem;
background: url('@/assets/images/report-card.png') no-repeat;
background-size: 100% 100%;
padding: 2.9rem;
overflow: hidden;
position: relative;
+ margin-bottom: 0;
&.is-url {
background: url('@/assets/images/link-card.png') no-repeat;
background-size: 100% 100%;
+ margin: 2.4rem 0;
}
&.is-sketch {
background: url('@/assets/images/sketch-card.png') no-repeat;
@@ -61,7 +64,7 @@
&-header {
font-family: 'Medium';
- font-size: 1.6rem;
+ font-size: 1.2rem;
margin-bottom: 1.3rem;
overflow: hidden;
text-overflow: ellipsis;
@@ -80,7 +83,7 @@
&-content {
font-family: 'Regular';
font-weight: 300;
- font-size: 1.6rem;
+ font-size: 1.2rem;
color: #7c7c7c;
}
}
diff --git a/src/views/home/agent/index.vue b/src/views/home/agent/index.vue
index c85e89c..b18f40a 100644
--- a/src/views/home/agent/index.vue
+++ b/src/views/home/agent/index.vue
@@ -36,10 +36,13 @@
import { useProjectStore } from '@/stores'
import { getProjectInfo } from '@/api/agent'
import { clearNodeChat, getNodeAncestors } from '@/api/versitonTree'
- import { useRoute } from 'vue-router'
+ import { useRoute, useRouter } from 'vue-router'
import MyEvent from '@/utils/myEvent'
+ import { useI18n } from 'vue-i18n'
const route = useRoute()
+ const router = useRouter()
+ const { t } = useI18n()
const projectStore = useProjectStore()
const previewRef = ref(null)
@@ -90,6 +93,11 @@
const handleGetProjectInfoAndHistory = () => {
handleOpenSketch()
getProjectInfo({ id: route.params.id }).then((res) => {
+ if(!res) {
+ router.push({ name: 'mainInput' })
+ ElMessage.warning(t('Home.notFound'))
+ return
+ }
if (res) agentRef.value.setChatInfo(res)
let data = res?.project || res
if (data?.latestNodeId) data.nodeId = data.latestNodeId
@@ -125,6 +133,7 @@
projectStore.clearProject()
if (newVal) {
handleGetProjectInfoAndHistory()
+ MyEvent.emit('projectChange')
}
}
)
diff --git a/src/views/home/components/Input.vue b/src/views/home/components/Input.vue
index e16d797..1149da5 100644
--- a/src/views/home/components/Input.vue
+++ b/src/views/home/components/Input.vue
@@ -14,9 +14,9 @@
+
@@ -305,8 +305,16 @@
}
// 移除图片
- const removeImage = (index: number) => {
- uploadedImages.value.splice(index, 1)
+ const removeImage = (index: number, item: any) => {
+ if (quoteList.value.includes(item)) {
+ const quoteIndex = quoteList.value.indexOf(item)
+ if (quoteIndex > -1) {
+ quoteList.value.splice(quoteIndex, 1)
+ }
+ return
+ } else {
+ uploadedImages.value.splice(index, 1)
+ }
}
const styleKeys: string[] = [
@@ -472,8 +480,7 @@
customPlaceholder.value = placeholderSpan
// 打字机效果显示placeholder文本
- const placeholderText =
- 'Generate a furniture trending report for 2026, including popular styles and design directions.'
+ const placeholderText = t('Input.reportPlaceholder')
typeWriterEffect(placeholderSpan, placeholderText)
const removePlaceholderOnInput = () => {
@@ -487,12 +494,12 @@
editorRef.value?.addEventListener('input', removePlaceholderOnInput)
}
- const toogltReportTag = () => {
+ const toogltReportTag = (clear = false) => {
stopTypewriter() // 移除标签时停止打字机效果
// 清理掉已被删除的标签引用（从 DOM 中移除的元素）
reportTags.value = reportTags.value.filter((tag) => tag.parentNode !== null)
- if (reportTags.value.length > 0) {
+ if (reportTags.value.length > 0 ) {
// 移除所有标签及其关联的零宽空格
reportTags.value.forEach((tag) => {
if (
@@ -715,14 +722,6 @@
})
})
- // 初始化编辑器高度
- onMounted(() => {
- MyEvent.add('quote', handleQuote)
- nextTick(() => {
- autoResizeEditor()
- })
- })
-
const typeValue = ref
+