refactor(marketingEdit): 更新模板图片引用方式

- 将硬编码的图片路径替换为模块化导入的图片变量
- 添加了 tpldemo、tpldemocreated、tpldemo1 和 tpldemo1created 图片导入
- 修改了四个图片展示组件的 src 和 preview-src-list 属性
- 统一使用模板字符串语法引用图片变量
- 移除了旧的静态图片路径引用方式

frontend/src/views/components/marketingEdit/tpl/header.js

@@ -1,5 +1,11 @@
 
 
+import tpldemo from '@/assets/images/Photography/tpl-demo.jpg'
+import tpldemocreated from '@/assets/images/Photography/tpl-demo-created.jpg'
+import tpldemo1 from '@/assets/images/Photography/tpl-demo1.jpg'
+import tpldemo1created from '@/assets/images/Photography/tpl-demo1-created.jpg'
+
+
 export  default function tpl(){
   return `
       <div class="picture-editor-header flex between">
@@ -124,10 +130,10 @@ export  default function tpl(){
                       <div class="sample-item">
                         <div class="sample-label">单货号多角度-模板效果</div>
                         <el-image
-                          src="/images/tpl-demo.jpg"
+                          src="${tpldemo}"
                           fit="contain"
                           style="width:140px; height:90px;"
-                          :preview-src-list="['/images/tpl-demo.jpg','/images/tpl-demo-created.jpg']"
+                          :preview-src-list="['${tpldemo}','${tpldemocreated}']"
                         />
                         <div class="sample-actions">
                           <el-button type="text" size="small" @click.stop="openPreview('/images/tpl-demo.jpg')">查看大图</el-button>
@@ -136,10 +142,10 @@ export  default function tpl(){
                       <div class="sample-item">
                         <div class="sample-label">单货号多角度-生成图效果</div>
                         <el-image
-                          src="/images/tpl-demo-created.jpg"
+                          src="${tpldemocreated}"
                           fit="contain"
                           style="width:140px; height:90px;"
-                          :preview-src-list="['/images/tpl-demo.jpg','/images/tpl-demo-created.jpg']"
+                          :preview-src-list="['${tpldemo}','${tpldemocreated}']"
                         />
                         <div class="sample-actions">
                           <el-button type="text" size="small" @click.stop="openPreview('/images/tpl-demo-created.jpg')">查看大图</el-button>
@@ -150,10 +156,10 @@ export  default function tpl(){
                       <div class="sample-item">
                         <div class="sample-label">多货号同角度-模板效果</div>
                         <el-image
-                          src="/images/tpl-demo1.jpg"
+                          src="${tpldemo1}"
                           fit="contain"
                           style="width:140px; height:90px;"
-                          :preview-src-list="['/images/tpl-demo1.jpg','/images/tpl-demo1-created.jpg']"
+                          :preview-src-list="['${tpldemo1}','${tpldemo1created}']"
                         />
                         <div class="sample-actions">
                           <el-button type="text" size="small" @click.stop="openPreview('/images/tpl-demo1.jpg')">查看大图</el-button>
@@ -162,10 +168,10 @@ export  default function tpl(){
                       <div class="sample-item">
                         <div class="sample-label">多货号同角度-生成图效果</div>
                         <el-image
-                          src="/images/tpl-demo1-created.jpg"
+                          src="${tpldemo1created}"
                           fit="contain"
                           style="width:140px; height:90px;"
-                          :preview-src-list="['/images/tpl-demo1.jpg','/images/tpl-demo1-created.jpg']"
+                          :preview-src-list="['${tpldemo1}','${tpldemo1created}']"
                         />
                         <div class="sample-actions">
                           <el-button type="text" size="small" @click.stop="openPreview('/images/tpl-demo1-created.jpg')">查看大图</el-button>