فهرست منبع

style(ui): 调整远程控制和拍照页面的界面样式

- 修改远程控制页面容器高度从358px到450px
- 更新远程控制页面背景尺寸以匹配新高度
- 为重拍按钮添加左边距样式类
- 调整拍照页面右侧内容区域的内边距和高度
- 限制拍照页面右侧内容区域的滚动并添加右边框
- 将步骤区域宽度从426px调整为350px以优化布局
panqiuyao 12 ساعت پیش
والد
کامیت
f78b969ee5

BIN
frontend/src/assets/images/Photography/yk.png


+ 9 - 5
frontend/src/views/Photography/shot.vue

@@ -93,7 +93,7 @@
                     </template>
                   </el-dropdown>
 
-                  <el-button size="small" :disabled="runLoading || takePictureLoading"  type="primary"  @click="reTakePictureNos(item.goods_art_no,item)" plain v-log="{ describe: { action: '重拍货号', goods_art_no: item.goods_art_no } }">重拍</el-button>
+                  <el-button size="small"  class="mar-left-10"  :disabled="runLoading || takePictureLoading"  type="primary"  @click="reTakePictureNos(item.goods_art_no,item)" plain v-log="{ describe: { action: '重拍货号', goods_art_no: item.goods_art_no } }">重拍</el-button>
                   <el-button style="color: #FF4C00"  size="small" class="mar-left-10" :disabled="runLoading || takePictureLoading" @click="delGoods({goods_art_nos:[item.goods_art_no]})" v-log="{ describe: { action: '删除货号', goods_art_no: item.goods_art_no } }">删除</el-button>
                 </div>
               </div>
@@ -353,9 +353,13 @@ onBeforeUnmount(() => {
       right: 0;
       bottom: 0;
       width: 510px;
+      padding: 0 50px;
+      height: calc(100vh - 30px);
       margin:  auto;
       justify-content: flex-start;
       flex-direction: column;
+      overflow: hidden;
+      border-right:1px solid rgba(0,0,0,.1);
 
       .step-section {
         display: flex;
@@ -388,7 +392,7 @@ onBeforeUnmount(() => {
       }
 
       .step-one {
-        width: 426px;
+        width: 350px;
         height: auto;
         margin: 55px 0 0 5px;
 
@@ -424,7 +428,7 @@ onBeforeUnmount(() => {
         }
 
         .step-content {
-          width: 426px;
+          width: 350px;
 
           .input-container {
             width: calc(100% - 20px );
@@ -482,12 +486,12 @@ onBeforeUnmount(() => {
       }
 
       .step-two {
-        width: 426px;
+        width: 350px;
         height: auto;
         margin: 55px 0 0 5px;
 
         .step-title {
-          width: 426px;
+          width: 350px;
           height: 24px;
           overflow-wrap: break-word;
           color: rgba(0, 0, 0, 0.85);

+ 2 - 2
frontend/src/views/RemoteControl/index.vue

@@ -89,13 +89,13 @@ const oneClickStop = () => {
 <style scoped lang="scss">
 .remote-control_main-container {
   background: #EAECED;
-  height: 358px;
+  height: 450px;
   width: 300px;
   margin:  0 auto;
   margin-top: 10px;
   padding-top: 30px;
   background: url(@/assets/images/Photography/yk.png) 0px 0px no-repeat;
-  background-size: 300px 358px;
+  background-size: 300px 450px;
 
 }
 .button {

+ 2 - 2
public/dist/index.html

@@ -5,8 +5,8 @@
     <link rel="icon" type="image/svg+xml" href="./vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>智惠映AI自动拍照机</title>
-    <script type="module" crossorigin src="./assets/index-Car0AaUO.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-CiBqPpsy.css">
+    <script type="module" crossorigin src="./assets/index-Wh4cJxV0.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-B-bS3z-S.css">
   </head>
   <body>
     <div id="app"></div>