首检巡检

xwt

7 天以前 c47ec7b37e7f68c49b40fc4b59098e79626e66de

 pages/QC/LLJ/Add.vue

@@ -1882,7 +1882,7 @@
      font-family: 'Microsoft YaHei', 'Segoe UI', sans-serif;
      max-width: 1000px;
      margin: 0 auto;
      padding: 20px;
      padding: 20px 20px 100px 20px; /* 底部增加内边距为固定按钮留空间 */
      background-color: #fff;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      min-height: 100vh;
@@ -2022,11 +2022,19 @@
   /* 表单下方操作按钮区样式 */
.bottom-action-buttons {
   display: flex;
   justify-content: flex-end;
   gap: 10px;
   margin: 20px 0;
   padding: 10px;
   justify-content: center;
   gap: 8px;
   padding: 12px;
   flex-wrap: wrap;
   align-items: center;
   position: fixed; /* 固定在屏幕底部 */
   bottom: 0; /* 距离底部0px */
   left: 0; /* 距离左边0px */
   right: 0; /* 距离右边0px */
   background-color: #fff; /* 背景色 */
   border-top: 1px solid #e9ecef; /* 顶部边框 */
   z-index: 1000; /* 确保在最上层 */
   box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); /* 顶部阴影 */
}

   .action-btn {
@@ -2062,9 +2070,14 @@

   /* 小尺寸按钮样式 */
   .action-btn.small {
      padding: 8px 12px;
      font-size: 12px;
      min-height: 36px;
      padding: 10px 12px;
      font-size: 14px;
      min-height: 44px;
      white-space: nowrap;
      flex-shrink: 0;
      min-width: 80px;
      max-width: 120px;
      flex: 1;
   }

   /* 原有按钮样式保持兼容 */
@@ -2527,12 +2540,27 @@
      }

      .bottom-action-buttons {
         flex-direction: column;
         align-items: stretch;
         flex-direction: row;
         align-items: center;
         justify-content: center;
         padding: 8px;
         gap: 6px;
         position: fixed; /* 保持固定在屏幕底部 */
         bottom: 0;
         left: 0;
         right: 0;
         background-color: #fff;
         border-top: 1px solid #e9ecef;
         z-index: 1000;
         box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
      }

      .action-btn {
         width: 100%;
      .action-btn.small {
         min-width: 70px;
         max-width: 100px;
         padding: 8px 10px;
         font-size: 13px;
         min-height: 40px;
      }

      .inspection-table table {