更改画布标题

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

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"

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,

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,

src/lang/cn.ts

@@ -1147,6 +1147,11 @@ export default {
     System: '系统',
     Library: '库'
   },
+  CanvasTitle: {
+	ModifySketch: '修改草图',
+	ModifyItem: '修改单品',
+	RedGreen: '编辑前片后片',
+  },
   Canvas: {
     Canvas: '画布',
     layer: '图层',

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',