From 1b30a7a873b93c1f2f531a1ec758bbb2ddd2dbbc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=BF=97=E9=B9=8F?= <2916022834@qq.com>
Date: Thu, 22 Jan 2026 11:19:12 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=94=B9=E7=94=BB=E5=B8=83=E6=A0=87?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Canvas/CanvasEditor/components/HeaderMenu.vue     |  3 ++-
 src/component/Canvas/CanvasEditor/index.vue           |  5 +++++
 src/component/Detail/canvas/index.vue                 |  5 ++++-
 src/component/modules/generalMiniCanvas.vue           | 11 +++++++++++
 src/lang/cn.ts                                        |  5 +++++
 src/lang/en.ts                                        |  5 +++++
 6 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/src/component/Canvas/CanvasEditor/components/HeaderMenu.vue b/src/component/Canvas/CanvasEditor/components/HeaderMenu.vue
index 9d2e2de9..d1e03863 100644
--- a/src/component/Canvas/CanvasEditor/components/HeaderMenu.vue
+++ b/src/component/Canvas/CanvasEditor/components/HeaderMenu.vue
@@ -11,6 +11,7 @@ const layerManager = inject("layerManager");
 const isShowLayerPanel = inject("isShowLayerPanel", ref(false));
 
 const props = defineProps({
+  title: String,
   activeTool: String,
   canvasWidth: Number,
   canvasHeight: Number,
@@ -274,7 +275,7 @@ onMounted(() => {
 <template>
   <div class="canvas-header">
     <div class="canvas-header-wrapper">
-      <span class="canvas-title">{{ $t('Canvas.Canvas') }}</span>
+      <span class="canvas-title">{{ props.title || $t("Canvas.Canvas") }}</span>
       <!-- 默认设置 -->
       <!-- v-if="
         !activeTool ||
diff --git a/src/component/Canvas/CanvasEditor/index.vue b/src/component/Canvas/CanvasEditor/index.vue
index 7cfa469e..f08f38ad 100644
--- a/src/component/Canvas/CanvasEditor/index.vue
+++ b/src/component/Canvas/CanvasEditor/index.vue
@@ -67,6 +67,10 @@ const emit = defineEmits([
 ]);
 
 const props = defineProps({
+  title: {
+    type: String,
+    default: "", // 默认空
+  },
   canvasJSON: {
     type: [Object, String],
     default: "", // 默认空
@@ -1192,6 +1196,7 @@ isContainNormalLayer})
     <!-- 头部菜单组件 -->
     <div class="header-menu">
       <HeaderMenu
+		:title="props.title"
         v-if="canvasManagerLoaded"
         :activeTool="activeTool"
         :canvasWidth="canvasWidth"
diff --git a/src/component/Detail/canvas/index.vue b/src/component/Detail/canvas/index.vue
index 5f36037b..bcca72b7 100644
--- a/src/component/Detail/canvas/index.vue
+++ b/src/component/Detail/canvas/index.vue
@@ -8,6 +8,7 @@
 					<div class="canvas" :class="{'active': currentView === 'canvasEditor'}"@click.stop>
 						<!-- :clothingMinIOPath="selectDetail.minIOPath" 部件选取 -->
 						<editCanvas v-if="canvasLoad" :config="canvasConfig" 
+							:title="t('CanvasTitle.ModifyItem')"
 							@canvasInit="editSketchCanvasInit"
 							is-edit
 							:clothingImageUrl="selectDetail.path"
@@ -26,6 +27,7 @@
 					</div>
 					<div class="editFrontBack" v-if="currentView === 'redGreenExample'" @click.stop>
 						<editCanvas v-if="canvasLoad" :config="canvasConfig" 
+							:title="t('CanvasTitle.RedGreen')"
 							@canvasInit="editFrontBackCanvasInit"
 							:enabledRedGreenMode="true"
 							:clothingImageUrl="selectDetail.path" 
@@ -40,7 +42,7 @@
 						</editCanvas>
 					</div>
 					<div class="editSketch" v-if="currentView === 'editSketch'" @click.stop>
-						<generalMiniCanvas ref="generalMiniCanvas" :btnShow="false" :imgUrl="selectDetail.sketchString || selectDetail.path"></generalMiniCanvas>
+						<generalMiniCanvas ref="generalMiniCanvas" :isChangeCanvasSize="false" :canvasTitle="t('CanvasTitle.ModifySketch')" :btnShow="false" :imgUrl="selectDetail.sketchString || selectDetail.path"></generalMiniCanvas>
 					</div>
 				</div>
 				
@@ -425,6 +427,7 @@ export default defineComponent({
         return{
 			...toRefs(detailDom),
 			...toRefs(detailData),
+			t,
 			editFront,
 			privewDetail,
 			setFrontBackColor,
diff --git a/src/component/modules/generalMiniCanvas.vue b/src/component/modules/generalMiniCanvas.vue
index 7c8cb384..2e7bd00d 100644
--- a/src/component/modules/generalMiniCanvas.vue
+++ b/src/component/modules/generalMiniCanvas.vue
@@ -2,11 +2,13 @@
 	<div class="generalCanvas">
 		<div class="canvasBox" ref="canvasBox">
 			<editCanvas v-if="canvasLoad" :config="canvasConfig" 
+				:title="canvasTitle"
 				@canvasInit="canvasInit"
 				@changeCanvas="changeCanvas"
 				is-general
 				:hideCanvas="hideCanvas"
 				:isBackgroundChangeable="false"
+				:isChangeCanvasSize="isChangeCanvasSize"
 				ref="editCanvas"></editCanvas>
 		</div>
 		<div class="btn" v-if="btnShow">
@@ -35,6 +37,14 @@ export default defineComponent({
 		editCanvas,
     },
 	props:{
+		canvasTitle:{
+			type:String,
+			default:''
+		},
+		isChangeCanvasSize:{
+			type:Boolean,
+			default:true
+		},
 		imgUrl:{
 			type:String,
 			default:''
@@ -174,6 +184,7 @@ export default defineComponent({
         return {
 			...toRefs(data),
 			...toRefs(dataDom),
+			...toRefs(props),
 			isShowMark,
 			canvasLoadAddImg,
 			getCanvasData,
diff --git a/src/lang/cn.ts b/src/lang/cn.ts
index e8e9ef8e..2ec36b83 100644
--- a/src/lang/cn.ts
+++ b/src/lang/cn.ts
@@ -1147,6 +1147,11 @@ export default {
     System: '系统',
     Library: '库'
   },
+  CanvasTitle: {
+	ModifySketch: '修改草图',
+	ModifyItem: '修改单品',
+	RedGreen: '编辑前片后片',
+  },
   Canvas: {
     Canvas: '画布',
     layer: '图层',
diff --git a/src/lang/en.ts b/src/lang/en.ts
index c35c602d..1794a793 100644
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -1181,6 +1181,11 @@ export default {
     System: 'System',
     Library: 'Library'
   },
+  CanvasTitle: {
+	ModifySketch: 'Modify Sketch',
+	ModifyItem: 'Modify Item',
+	RedGreen: 'Front and back section',
+  },
   Canvas: {
     Canvas: 'Canvas',
     layer: 'Layer',