mod:主图和详情生成

frontend/package.json

@@ -9,7 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@element-plus/icons-vue": "2.3.1",
+    "@element-plus/icons-vue": "^2.3.1",
     "@planckdev/element-plus": "0.0.0-rc.6",
     "@types/axios": "0.14.4",
     "axios": "1.8.3",

frontend/src/main.ts

@@ -5,9 +5,13 @@ import './style.css'
 import App from './App.vue'
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 
 const app = createApp(App)
 app.use(ElementPlus)
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+    app.component(key, component)
+}
 app.use(pinia)
 app.use(router)
 app.mount('#app')

frontend/src/views/Photography/detail.vue

@@ -9,8 +9,8 @@
   <div class="detail-container">
     <div>
       <!-- 主图LOGO部分 -->
-      <div class="logo-section flex left top">
-        <div class="section-title">
+      <div class="logo-section flex left top" >
+        <div class="section-title" style="margin-bottom: 0px;">
           <img src="@/assets/images/Photography/zhuangshi.png" style="width: 32px; height: 32px;" />
           主图LOGO：
         </div>
@@ -20,7 +20,7 @@
       </div>
 
       <el-divider />
-      <!-- 图片抠图与货号图生成 -->
+<!--      &lt;!&ndash; 图片抠图与货号图生成 &ndash;&gt;
       <div class="section">
         <div class="section-title">
           <img src="@/assets/images/Photography/zhuangshi.png" style="width: 32px; height: 32px;" />
@@ -40,8 +40,8 @@
             </el-icon>
           </div>
 
-          <!-- 货号文件夹 -->
-          <!--    <div class="form-item">
+          &lt;!&ndash; 货号文件夹 &ndash;&gt;
+          &lt;!&ndash;    <div class="form-item">
             <div class="label">货号文件夹：</div>
             <div class="folder-warp">
               <div class="folder-input">
@@ -58,11 +58,11 @@
               </div>
             </div>
           </div>
-         -->
+         &ndash;&gt;
 
         </div>
       </div>
-      <el-divider />
+      <el-divider />-->
 
       <!-- 选择详情模板部分 -->
       <div class="template-section ">
@@ -94,17 +94,22 @@
             </div>
           </div>
         </div>
+
+        <div class="template-tips c-333 fs-14 line-20 te-l mar-top-20 flex ">
+          <el-icon><WarningFilled /></el-icon>
+          <span class="mar-left-10">该模版图片顺序说明：{{form.selectTemplate.template_image_order}}</span>
+        </div>
       </div>
       <el-divider />
 
       <!-- 详情高级配置 -->
-      <div class="section">
+<!--      <div class="section">
         <div class="section-title">
           <img src="@/assets/images/Photography/zhuangshi.png" style="width: 32px; height: 32px;" />
           详情高级配置
         </div>
         <div class="section-content">
-          <!-- 图片顺序 -->
+          &lt;!&ndash; 图片顺序 &ndash;&gt;
           <div class="form-item">
             <div class="label">图片顺序：</div>
             <el-input v-model="imageOrder" placeholder="请输入图片顺序" class="specific-page-input">
@@ -114,14 +119,14 @@
             </el-input>
           </div>
 
-          <!-- 同款检验 -->
-          <!--   <div class="form-item">
+          &lt;!&ndash; 同款检验 &ndash;&gt;
+          &lt;!&ndash;   <div class="form-item">
             <div class="label">同款检验：</div>
             <el-checkbox v-model="checkSimilar">同款下货号必须齐全</el-checkbox>
           </div>
--->
-          <!-- 可指定页面独修改 -->
-          <!--      <div class="form-item">
+&ndash;&gt;
+          &lt;!&ndash; 可指定页面独修改 &ndash;&gt;
+          &lt;!&ndash;      <div class="form-item">
             <div class="label">可指定页面独修改：</div>
             <el-input v-model="specificPage" placeholder="请输入入需要单独修改的页面，示例：4:1 (需修改模版的编号：第一张)"
               class="specific-page-input">
@@ -130,10 +135,10 @@
               </template>
             </el-input>
           </div>
-          -->
+          &ndash;&gt;
         </div>
       </div>
-      <el-divider />
+      <el-divider />-->
       <!-- 详情资料准备部分 -->
       <div class="data-prep-section">
         <div class="flex-item left">