界面优化

快乐的昕的电脑

2025-10-20 ecef8843c1b1bc15c9c011df11fb29a76a30094e

 components/mold.vue

@@ -48,7 +48,7 @@
                  <span style="margin: 0 12px;">第{{ pageIndex }}页 / 共{{ totalPages }}页</span>
                  <button class="btn-blue" @click="nextPage" :disabled="pageIndex === totalPages || loadingTools">下一页</button>
               </div>
               <div>
               <div style="display: flex; gap: 18px; align-items: center;">
                  <button class="btn-blue" @click="confirmTool">确定</button>
                  <button class="btn-disabled" @click="closeToolDialog">取消</button>
               </div>
@@ -115,7 +115,7 @@
            workOrderNo: '',//工单号
            activeToolNo: '', // 当前选中的刀具编号
            pageIndex: 1,
            pageSize: 18,
            pageSize: 20, //单页显示的刀具数量
            total: 0,
            toolList: [],
            selectedToolNo: '',
@@ -678,12 +678,12 @@
         gap: 24px;
      }

      .dialog-actions > div:last-child {
         display: flex;
         flex-direction: column;
         gap: 16px;
         align-items: flex-end;
      }
        .dialog-actions > div:last-child {
            display: flex;
            flex-direction: row;
            gap: 18px;
            align-items: center;
        }

   .btn-disabled {
      background: #f2f2f2;
@@ -698,25 +698,25 @@
   }

   /* 表格整体居中，宽度限制，内容居中 */
   .table-section {
      display: flex;
      justify-content: center;
      margin: 1vh 0;
      overflow-x: auto;
   }
    .table-section {
        display: flex;
        justify-content: center;
        margin: 1vh 0;
        overflow-x: auto;
    }

   table.styled-table {
      max-width: 1400px;
      width: 90vw;
      margin: 0 auto;
      border-collapse: separate;
      border-spacing: 0;
      border: 2px solid #bfbfbf;
      background: #fff;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 2px 12px rgba(0,0,0,0.06);
   }
    table.styled-table {
        max-width: 1600px; /* 原为1400px，调宽 */
        width: 95vw; /* 原为90vw，调宽 */
        margin: 0 auto;
        border-collapse: separate;
        border-spacing: 0;
        border: 2px solid #bfbfbf;
        background: #fff;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    }

      table.styled-table thead th {
         background: #fafafa;