diff --git a/f/web-kboss/src/i18n/lang/en-US.js b/f/web-kboss/src/i18n/lang/en-US.js index 2e01858..8db69f6 100644 --- a/f/web-kboss/src/i18n/lang/en-US.js +++ b/f/web-kboss/src/i18n/lang/en-US.js @@ -18,7 +18,7 @@ export default { switchEnSuccess: 'Switched to English' }, home: { - heroTitle: 'One Platform · Intelligent Leap · Across All Industries.', + heroTitle: 'Make AI Everywhere, Make AI Easy', heroSubtitle: '', heroSlogan: 'Make AI Everywhere, Make AI Easy', solutionsBtn: 'Solutions', diff --git a/f/web-kboss/src/views/homePage/components/topBox/index.vue b/f/web-kboss/src/views/homePage/components/topBox/index.vue index 4971328..147670b 100644 --- a/f/web-kboss/src/views/homePage/components/topBox/index.vue +++ b/f/web-kboss/src/views/homePage/components/topBox/index.vue @@ -57,6 +57,14 @@ +
@@ -327,6 +335,9 @@ export default Vue.extend({ langToggleTitle() { return this.activeLocale === 'en-US' ? 'Switch to Chinese' : '切换到英文' }, + aboutUsText() { + return this.activeLocale === 'en-US' ? 'About Us' : '关于我们' + }, localizedProductMenuItems() { const isEn = this.activeLocale === 'en-US' const labels = { @@ -488,7 +499,7 @@ export default Vue.extend({ if (yuanJingWindow) yuanJingWindow.close() this.$message.error((res && res.msg) || '获取元境授权参数失败') return - } + } const loginUrl = `${yuanJingBaseUrl}/#/getCookie?deerer=${encodeURIComponent(deerer)}` if (yuanJingWindow) yuanJingWindow.location.href = loginUrl diff --git a/f/web-kboss/src/views/homePage/mainPage/index.vue b/f/web-kboss/src/views/homePage/mainPage/index.vue index 7a01cde..a78213e 100644 --- a/f/web-kboss/src/views/homePage/mainPage/index.vue +++ b/f/web-kboss/src/views/homePage/mainPage/index.vue @@ -11,7 +11,7 @@

{{ $t('home.heroTitle') }}

{{ $t('home.heroSubtitle') }}

-

{{ $t('home.heroSlogan') }}

+
{{ $t('home.contactSalesBtn') }}
@@ -37,6 +37,14 @@ @mouseleave="startSolutionCarousel" @click="setSolutionIndex(item.index)" > +

{{ item.card.title }}

@@ -71,7 +79,7 @@
- +
@@ -101,7 +109,7 @@
- +
@@ -129,7 +137,7 @@
' }, { @@ -303,6 +313,8 @@ export default { ], bg: 'linear-gradient(145deg, rgba(200, 214, 242, 0.72) 0%, rgba(158, 180, 230, 0.64) 44%, rgba(116, 146, 216, 0.58) 100%)', shadow: '0 18px 54px rgba(60, 80, 160, 0.18), 0 4px 16px rgba(60, 80, 160, 0.08)', + scenarioLabel: '合同智能审查→', + scenarioPath: '/homePage/agentStore/contractCase', icon: '' }, { @@ -378,7 +390,29 @@ export default { }) }, localizedNewsList() { - return this.newsList + const isEnglish = this.$i18n && this.$i18n.locale === 'en-US' + return this.newsList.map((item) => { + const tag = isEnglish + ? (item.tagEn || item.tagZh || this.$t('home.news.tag')) + : (item.tagZh || item.tagEn || this.$t('home.news.tag')) + const title = isEnglish + ? (item.titleEn || item.titleZh || '') + : (item.titleZh || item.titleEn || '') + const desc = isEnglish + ? (item.descEn || item.descZh || '') + : (item.descZh || item.descEn || '') + const date = isEnglish + ? (item.dateEn || item.dateZh || '') + : (item.dateZh || item.dateEn || '') + + return { + ...item, + tag, + title, + desc, + date + } + }) }, visibleSolutionCards() { const slots = [-3, -2, -1, 0, 1, 2, 3] @@ -430,6 +464,9 @@ export default { block: 'start' }) }, + goSolutionScenario(path) { + this.navigateTo(path) + }, contactSales() { this.$store.commit('setShowTalk', true) }, @@ -455,11 +492,15 @@ export default { normalizeHomeNewsItem(row, index) { return { id: row.id, - tag: row.article_type || this.$t('home.news.tag'), tagClass: this.getNewsTagClass(index), - date: row.publish_time || row.publishTime || '', - title: row.title || '', - desc: row.summary || row.desc || row.description || '' + tagZh: row.article_type_zh || row.article_type || '', + tagEn: row.article_type_en || '', + dateZh: row.publish_time_zh || row.publish_time || row.publishTime || '', + dateEn: row.publish_time_en || '', + titleZh: row.title_zh || row.title || '', + titleEn: row.title_en || '', + descZh: row.summary_zh || row.summary || row.desc || row.description || '', + descEn: row.summary_en || '' } }, getResponseList(res) { @@ -481,8 +522,7 @@ export default { this.newsList = [] } }, - - + nextSolution() { this.switchSolution(1) }, @@ -690,7 +730,6 @@ body.dark-theme .bg-orb { align-items: center; justify-content: center; - &:hover { background: #fff; transform: translateY(-2px); @@ -824,6 +863,39 @@ body.dark-theme .bg-orb { transition: all 0.28s ease; } +.solution-card__scenario-link { + position: absolute; + top: 16px; + right: 16px; + z-index: 3; + padding: 5px 9px; + color: #1d4ed8; + font-size: 12px; + line-height: 1.2; + font-weight: 700; + white-space: nowrap; + background: rgba(255, 255, 255, 0.58); + border: 1px solid rgba(255, 255, 255, 0.72); + border-radius: 999px; + opacity: 0; + cursor: pointer; + pointer-events: none; + transform: translateY(-4px); + transition: background 0.2s ease, color 0.2s ease, opacity 0.2s ease, transform 0.2s ease; +} + +.solution-card:hover .solution-card__scenario-link { + opacity: 1; + pointer-events: auto; + transform: translateY(0); +} + +.solution-card__scenario-link:hover { + color: #1e40af; + background: rgba(255, 255, 255, 0.9); + transform: translateY(-1px); +} + .solution-card__icon { position: relative; z-index: 1; @@ -865,15 +937,12 @@ body.dark-theme .bg-orb { transition: all 0.25s ease; overflow-x: hidden; overflow-y: auto; + -ms-overflow-style: none; + scrollbar-width: none; box-sizing: border-box; &::-webkit-scrollbar { - width: 4px; - } - - &::-webkit-scrollbar-thumb { - background: rgba(37, 99, 235, 0.18); - border-radius: 999px; + display: none; } strong { @@ -1546,8 +1615,6 @@ body.dark-theme .bg-orb { } } - - @keyframes heroFadeIn { from { opacity: 0; diff --git a/f/web-kboss/src/views/homePage/news/ArticleEditorDialog.vue b/f/web-kboss/src/views/homePage/news/ArticleEditorDialog.vue index 792d8a1..3491660 100644 --- a/f/web-kboss/src/views/homePage/news/ArticleEditorDialog.vue +++ b/f/web-kboss/src/views/homePage/news/ArticleEditorDialog.vue @@ -18,7 +18,7 @@
-
+
@@ -71,11 +71,27 @@
+
+
+ EN +
+ 多语言输入 + 添加英文版文章内容 +
+
+ +
-
-
+ +
+
+
+ ENGLISH VERSION +

英文版文章

+

英文内容会与中文内容一并保存或发布。

+
+ English +
+ +
+
+ + +
+
+ + +
+
+ + + + + + + +
+
+ + +
+
+ +
+ + + {{ english.coverName }} + +
+
+
+ +
+
+ English Content + Rich text editor +
+
+ + +
+
+
{ + customUpload: async(file, insertFn) => { try { // 正文图片上传到文件接口，正文中保存可回显的图片地址。 const url = await this.uploadNewsImage(file) @@ -178,13 +281,33 @@ export default { } } }, + englishEditorConfig: { + placeholder: 'Start writing the English version of your article...', + MENU_CONF: { + uploadImage: { + customUpload: async(file, insertFn) => { + try { + const url = await this.uploadNewsImage(file) + insertFn(normalizeImageUrl(url), file.name, normalizeImageUrl(url)) + } catch (error) { + this.$message.error('英文正文图片上传失败') + } + } + } + } + }, // 上传封面的本地预览地址，只用于页面显示，不提交给接口。 coverPreview: '', imageUploading: false, + englishImageUploading: false, editorFullscreen: false, editorFullscreenObserver: null, // 右侧预览区域宽度。 previewWidth: 400, + // 控制英文版区域展开状态。 + showEnglishForm: false, + // 英文版内容，与中文字段一起提交到文章保存接口。 + english: this.createEmptyEnglishForm(), // 标记预览区域是否正在拖拽调整宽度。 resizing: false, // 记录拖拽开始时的鼠标位置。 @@ -230,6 +353,12 @@ export default { // 任意表单字段变化后标记为未保存。 this.dirty = true } + }, + english: { + deep: true, + handler() { + this.dirty = true + } } }, beforeDestroy() { @@ -238,12 +367,16 @@ export default { this.editor.destroy() this.editor = null } + if (this.englishEditor) { + this.englishEditor.destroy() + this.englishEditor = null + } // 清理拖拽监听事件。 this.removeResizeListeners() this.stopObserveEditorFullscreen() this.editorFullscreen = false }, - methods: { + methods: { createEmptyForm() { // 创建新增文章时使用的默认表单结构。 return { @@ -259,17 +392,58 @@ export default { coverName: '' } }, + createEmptyEnglishForm() { + return { + title: '', + summary: '', + category: '', + publishTime: '', + coverUrl: '', + coverName: '', + content: '' + } + }, handleOpen() { // 弹窗打开时合并默认值和待编辑文章数据。 + const article = this.article || {} + const english = article.english || {} this.form = { ...this.createEmptyForm(), - ...(this.article || {}) + ...article, + title: article.title || article.title_zh || '', + summary: article.summary || article.summary_zh || '', + type: article.type || article.article_type_zh || '企业动态', + publishTime: article.publishTime || article.publish_time_zh || article.publish_time || '', + content: article.content || article.content_zh || '', + coverUrl: article.coverUrl || article.cover_img_zh || article.cover_img || '', + coverName: article.coverName || article.cover_name_zh || article.cover_name || '' } // 没有发布时间时默认使用当天日期。 if (!this.form.publishTime) this.form.publishTime = this.today // 初始化封面预览。 this.coverPreview = this.form.coverUrl || '' this.editorFullscreen = false + this.imageUploading = false + this.englishImageUploading = false + this.english = { + ...this.createEmptyEnglishForm(), + ...english, + title: english.title || article.title_en || '', + summary: english.summary || article.summary_en || '', + category: english.category || article.article_type_en || '', + publishTime: english.publishTime || article.publish_time_en || '', + content: english.content || article.content_en || '', + coverUrl: english.coverUrl || article.cover_img_en || '', + coverName: english.coverName || article.cover_name_en || '' + } + this.showEnglishForm = Boolean( + this.english.title || + this.english.summary || + this.english.category || + this.english.publishTime || + this.english.coverUrl || + this.english.content + ) this.$nextTick(() => { // 表单初始化完成后重置未保存状态。 this.dirty = false @@ -280,6 +454,12 @@ export default { // 保存编辑器实例，后续销毁时使用。 this.editor = Object.seal(editor) }, + handleEnglishEditorCreated(editor) { + this.englishEditor = Object.seal(editor) + }, + handleEnglishEditorDestroyed() { + this.englishEditor = null + }, handleDialogClose() { this.stopObserveEditorFullscreen() this.editorFullscreen = false @@ -398,6 +578,23 @@ export default { event.target.value = '' } }, + async handleEnglishCoverUpload(event) { + const file = event.target.files && event.target.files[0] + if (!file) return + + this.english.coverName = file.name + this.englishImageUploading = true + try { + this.english.coverUrl = await this.uploadNewsImage(file) + this.$message.success('英文封面图片上传成功') + } catch (error) { + this.english.coverName = '' + this.$message.error('英文封面图片上传失败') + } finally { + this.englishImageUploading = false + event.target.value = '' + } + }, handleCoverUrlInput() { // 用户手动输入图片路径时，清空本地上传预览状态。 this.coverPreview = '' @@ -469,13 +666,16 @@ export default { this.$message.warning('请输入文章正文') return } - if (this.imageUploading) { + if (this.imageUploading || this.englishImageUploading) { this.$message.warning('图片上传中，请稍后保存') return } // 第六步：组装保存参数，status 由按钮决定是草稿还是发布。 const payload = { ...this.form, + english: { + ...this.english + }, publish_time: this.form.publishTime, status } @@ -572,6 +772,21 @@ export default { flex-direction: column; } +.article-editor__left.has-language-form { + overflow-y: auto; + scrollbar-color: #cbd5e1 transparent; + scrollbar-width: thin; +} + +.article-editor__left.has-language-form .article-editor__form { + flex-shrink: 0; +} + +.article-editor__left.has-language-form .wang-editor-wrap { + flex: 0 0 420px; + min-height: 420px; +} + .resize-handle { position: relative; flex: 0 0 10px; @@ -614,6 +829,70 @@ export default { border-bottom: 1px solid #edf0f5; } +.language-trigger { + min-height: 48px; + margin: 2px 0 12px 88px; + padding: 9px 12px; + display: flex; + align-items: center; + justify-content: space-between; + gap: 14px; + background: linear-gradient(90deg, #f8fbff 0%, #f7f5ff 100%); + border: 1px dashed #bfdbfe; + border-radius: 8px; +} + +.language-trigger__title { + display: flex; + align-items: center; + gap: 9px; +} + +.language-trigger__badge { + width: 26px; + height: 26px; + display: inline-flex; + align-items: center; + justify-content: center; + color: #4f46e5; + font-size: 11px; + font-weight: 700; + letter-spacing: 0.04em; + background: #ede9fe; + border-radius: 7px; +} + +.language-trigger__title strong, +.language-trigger__title small { + display: block; +} + +.language-trigger__title strong { + color: #334155; + font-size: 13px; +} + +.language-trigger__title small { + margin-top: 2px; + color: #94a3b8; + font-size: 11px; +} + +.language-trigger__button { + padding: 5px 8px; + color: #4f46e5; + font-size: 12px; + font-weight: 600; + white-space: nowrap; + background: transparent; + border: 0; + cursor: pointer; +} + +.language-trigger__button i { + margin-left: 4px; +} + .article-editor__inline { display: flex; gap: 16px; @@ -671,6 +950,219 @@ export default { overflow-y: auto; } +.article-editor__language-section { + flex-shrink: 0; + margin-top: 22px; + padding: 24px 18px 40px 0; + border-top: 1px solid #dbeafe; +} + +.language-section-head { + margin-bottom: 18px; + padding: 16px 18px; + display: flex; + align-items: flex-start; + justify-content: space-between; + gap: 16px; + background: linear-gradient(135deg, #f5f9ff 0%, #f7f5ff 100%); + border: 1px solid #dbeafe; + border-radius: 12px; +} + +.language-section-head__eyebrow { + display: block; + margin-bottom: 5px; + color: #6366f1; + font-size: 10px; + font-weight: 700; + letter-spacing: 0.12em; +} + +.language-section-head h3 { + margin: 0; + color: #1e293b; + font-size: 16px; + line-height: 1.4; +} + +.language-section-head p { + margin: 5px 0 0; + color: #94a3b8; + font-size: 12px; +} + +.language-section-head__tag { + padding: 4px 9px; + color: #4f46e5; + font-size: 12px; + font-weight: 600; + background: #ede9fe; + border-radius: 999px; +} + +.language-form-grid { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 16px; +} + +.language-field--wide { + grid-column: 1 / -1; +} + +.language-field label { + display: block; + margin-bottom: 7px; + color: #475569; + font-size: 12px; + font-weight: 600; +} + +.language-field .el-select, +.language-field .el-date-editor { + width: 100%; +} + +.language-cover { + min-height: 32px; + padding: 5px 10px; + display: flex; + align-items: center; + gap: 10px; + color: #94a3b8; + font-size: 12px; + background: #fff; + border: 1px solid #dcdfe6; + border-radius: 4px; +} + +.language-cover__upload { + padding: 5px 9px; + color: #fff; + font-size: 12px; + background: #409eff; + border: 0; + border-radius: 3px; + cursor: pointer; +} + +.language-cover__upload i { + margin-right: 3px; +} + +.language-cover__input { + flex: 1; + min-width: 0; +} + +.language-cover__name { + max-width: 120px; + overflow: hidden; + color: #16a34a; + font-size: 11px; + text-overflow: ellipsis; + white-space: nowrap; +} + +.language-richtext { + margin-top: 20px; +} + +.language-richtext .wang-editor-wrap { + height: 420px; + min-height: 420px; + padding-right: 0; +} + +.language-richtext .wang-toolbar { + border-radius: 0; +} + +.language-richtext__head { + padding: 12px 14px 8px; + display: flex; + align-items: center; + justify-content: space-between; + background: #fff; + border: 1px solid #edf0f5; + border-bottom: 0; + border-radius: 10px 10px 0 0; +} + +.language-richtext__head span { + color: #334155; + font-size: 13px; + font-weight: 600; +} + +.language-richtext__head small { + color: #94a3b8; + font-size: 11px; +} + +.language-richtext__toolbar { + min-height: 38px; + padding: 0 10px; + display: flex; + align-items: center; + gap: 5px; + color: #64748b; + background: #f8fafc; + border-top: 1px solid #edf2f7; + border-bottom: 1px solid #edf2f7; +} + +.language-richtext__toolbar > span { + min-width: 24px; + height: 24px; + padding: 0 5px; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 12px; + border-radius: 4px; +} + +.language-richtext__toolbar > span:not(.language-richtext__divider):hover { + color: #2563eb; + background: #eff6ff; +} + +.language-richtext__strong { + font-weight: 700; +} + +.language-richtext__italic { + font-family: Georgia, serif; + font-style: italic; + font-weight: 700; +} + +.language-richtext__toolbar .language-richtext__divider { + min-width: 1px; + width: 1px; + height: 18px; + padding: 0; + margin: 0 4px; + background: #dbe2ea; +} + +.language-richtext__canvas { + min-height: 230px; + padding: 16px; + color: #c0c7d1; + font-size: 13px; + line-height: 1.8; + cursor: text; + outline: none; +} + +.language-richtext__canvas:empty::before { + content: attr(data-placeholder); + color: #c0c7d1; + pointer-events: none; +} + .article-editor__preview { flex: 0 0 auto; display: flex; diff --git a/f/web-kboss/src/views/homePage/news/NewsDetail.vue b/f/web-kboss/src/views/homePage/news/NewsDetail.vue index 0dfe457..119fdcf 100644 --- a/f/web-kboss/src/views/homePage/news/NewsDetail.vue +++ b/f/web-kboss/src/views/homePage/news/NewsDetail.vue @@ -53,6 +53,16 @@ export default { } } }, + computed: { + isEnglish() { + return this.$i18n && this.$i18n.locale === 'en-US' + } + }, + watch: { + isEnglish() { + this.getNewsDetail() + } + }, created() { this.getNewsDetail() }, @@ -84,6 +94,10 @@ export default { if (/^(https?:|blob:|data:|\/\/)/.test(url)) return url return `${window.location.origin}/idfile?path=${url}` }, + getLocalizedField(row, zhField, enField, legacyField) { + if (this.isEnglish && row[enField]) return row[enField] + return row[zhField] || row[legacyField] || row[enField] || '' + }, getResponseDetail(res) { if (res.data && res.data.data && !Array.isArray(res.data.data)) return res.data.data if (res.data && !Array.isArray(res.data)) return res.data @@ -94,12 +108,12 @@ export default { normalizeArticle(row) { return { id: row.id || this.$route.params.id, - title: row.title || '未命名文章', - summary: row.summary || '', - articleType: row.article_type || row.type || '企业动态', - publishTime: row.publish_time || row.publishTime || '', - coverImg: this.normalizeImageUrl(row.cover_img || row.coverImg || ''), - content: row.content || '' + title: this.getLocalizedField(row, 'title_zh', 'title_en', 'title') || '未命名文章', + summary: this.getLocalizedField(row, 'summary_zh', 'summary_en', 'summary'), + articleType: this.getLocalizedField(row, 'article_type_zh', 'article_type_en', 'article_type') || row.type || '企业动态', + publishTime: this.getLocalizedField(row, 'publish_time_zh', 'publish_time_en', 'publish_time') || row.publishTime || '', + coverImg: this.normalizeImageUrl(this.getLocalizedField(row, 'cover_img_zh', 'cover_img_en', 'cover_img') || row.coverImg || ''), + content: this.getLocalizedField(row, 'content_zh', 'content_en', 'content') } }, async getNewsDetail() { diff --git a/f/web-kboss/src/views/homePage/news/newsLog.vue b/f/web-kboss/src/views/homePage/news/newsLog.vue index caa094f..5cf9e37 100644 --- a/f/web-kboss/src/views/homePage/news/newsLog.vue +++ b/f/web-kboss/src/views/homePage/news/newsLog.vue @@ -291,16 +291,25 @@ export default { // 将接口字段统一转换成页面表格和编辑弹窗使用的字段。 return { id: row.id, - title: row.title || '', - summary: row.summary || '', - type: row.article_type || row.type || '企业动态', + title: row.title_zh || row.title || '', + summary: row.summary_zh || row.summary || '', + type: row.article_type_zh || row.article_type || row.type || '企业动态', status: this.getViewStatus(row.status), - publishTime: row.publish_time || row.publishTime || '', + publishTime: row.publish_time_zh || row.publish_time || row.publishTime || '', updateTime: row.update_time || row.updateTime || '', views: row.read_count || row.views || 0, - content: row.content || '', - coverUrl: row.cover_img || row.coverUrl || '', - coverName: row.cover_name || row.coverName || '' + content: row.content_zh || row.content || '', + coverUrl: row.cover_img_zh || row.cover_img || row.coverUrl || '', + coverName: row.cover_name_zh || row.cover_name || row.coverName || '', + english: { + title: row.title_en || '', + summary: row.summary_en || '', + category: row.article_type_en || '', + publishTime: row.publish_time_en || '', + content: row.content_en || '', + coverUrl: row.cover_img_en || '', + coverName: row.cover_name_en || '' + } } }, getResponseList(res) { @@ -325,17 +334,24 @@ export default { ) }, buildArticlePayload(article) { - // 将编辑弹窗字段转换成新增/编辑接口需要的字段。 + // 将中文、英文编辑字段转换成新增/编辑接口需要的双语字段。 + const english = article.english || {} return { ...(article.id ? { id: article.id } : {}), url_link: window.location.href, - title: article.title, - article_type: article.type, - summary: article.summary, + title_zh: article.title, + title_en: english.title || '', + article_type_zh: article.type, + article_type_en: english.category || '', + summary_zh: article.summary, + summary_en: english.summary || '', update_time: article.update_time || article.updateTime, - publish_time: article.publish_time || article.publishTime, - cover_img: article.coverUrl, - content: article.content, + publish_time_zh: article.publish_time_zh || article.publishTime, + publish_time_en: english.publishTime || '', + cover_img_zh: article.coverUrl, + cover_img_en: english.coverUrl || '', + content_zh: article.content, + content_en: english.content || '', status: this.getApiStatus(article.status) } }, @@ -726,4 +742,4 @@ export default { align-items: flex-start; } } - \ No newline at end of file + diff --git a/f/web-kboss/src/views/homePage/news/newsView.vue b/f/web-kboss/src/views/homePage/news/newsView.vue index 0f0cc2b..9c1d450 100644 --- a/f/web-kboss/src/views/homePage/news/newsView.vue +++ b/f/web-kboss/src/views/homePage/news/newsView.vue @@ -11,10 +11,9 @@
COMPANY NEWS
-

企业动态

- +

{{ isEnglish ? 'Company News' : '企业动态' }}

-

了解开元云最新动态，把握AI行业前沿资讯，与我们一起见证智能跃迁

+

{{ isEnglish ? 'Stay up to date with Open Computing AI, explore the latest AI industry insights, and witness the intelligent leap with us.' : '了解开元云最新动态，把握AI行业前沿资讯，与我们一起见证智能跃迁' }}

@@ -101,7 +100,7 @@ - + @@ -109,13 +108,12 @@