add:拍摄商品

frontend/src/views/Home/index.vue

@@ -42,12 +42,19 @@
     <el-button type="info"  @click="openSeeting">打开设置</el-button>
     <el-button type="info"  @click="openTplSeeting">打开主图和详情设置</el-button>
     <router-link
-      :to="{
+        :to="{
           name:'PhotographyCheck'
       }"
     >
       <el-button type="warning">拍摄物体</el-button>
     </router-link>
+    <router-link
+      :to="{
+          name:'PhotographyShot'
+      }"
+  >
+    <el-button type="warning">拍摄商品</el-button>
+  </router-link>
 
     <el-button type="danger">Danger</el-button>
 <!--    <hardware-check v-model="checkVisible" @confirm="onCheckComplete"></hardware-check>-->

frontend/src/views/Photography/shot.vue

@@ -1,4 +1,13 @@
 <template>
+
+  <headerBar
+      title="拍摄商品"
+      :menu="[
+        {
+          type:'setting'
+        },
+    ]"
+  />
   <div class="photography-page flex-col">
     <div class="main-container">
       <div class="content-wrapper flex-row">
@@ -64,7 +73,7 @@
             <span class="right-foot-text">遥控器右键：控制右脚鞋启动拍摄</span>
           </div>
         </div>
-    
+
       </div>
       <div class="history-section flex-col">
           <span class="history-title">拍摄历史</span>
@@ -184,11 +193,12 @@
           <div @click="loading = !loading" class="next-step button--primary1 flex-col"><span
               class="next-step-text">拍摄完毕，进入下一步处理</span></div>
         </div>
-   
+
     </div>
   </div>
 </template>
 <script setup lang="ts">
+import headerBar from '@/components/header-bar/index.vue'
 import { ref } from 'vue'
 import { ossResize } from '@/utils/appfun'
 const input2 = ref('')
@@ -215,7 +225,7 @@ const test_image_url = ref('https://shadow.elemecdn.com/app/element/hamburger.9c
       margin:  auto;
       justify-content: center;
 
-  
+
       .step-number {
         background-color: rgba(22, 119, 255, 1);
         border-radius: 50%;
@@ -413,7 +423,7 @@ const test_image_url = ref('https://shadow.elemecdn.com/app/element/hamburger.9c
               margin: 7px 0 42px 83px;
 
               .input-item {
-                :deep(.el-input__inner){ 
+                :deep(.el-input__inner){
                     height: 36px;
                     line-height: 36px;
                   }
@@ -552,7 +562,7 @@ const test_image_url = ref('https://shadow.elemecdn.com/app/element/hamburger.9c
         }
       }
 
-    
+
     }
 
     .camera-image {
@@ -592,6 +602,7 @@ const test_image_url = ref('https://shadow.elemecdn.com/app/element/hamburger.9c
         background-color: rgba(234, 236, 237, 1);
         width: 332px;
         height: 100vh;
+        padding-top: 30px;
 
         .history-title {
           width: 64px;
@@ -663,4 +674,4 @@ const test_image_url = ref('https://shadow.elemecdn.com/app/element/hamburger.9c
       }
 </style>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped></style>