界面优化

快乐的昕的电脑

2025-10-20 17167758e595c989293919b62f834212c25dac35

 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: '',
@@ -554,16 +554,27 @@
      background-color: #00A2E9;
      color: white;
      border: none;
      padding: 10px 22px;
      padding: 14px 36px;
      margin-left: 8px;
      border-radius: 6px;
      border-radius: 10px;
      cursor: pointer;
      font-size: 1vw;
      transition: background 0.2s;
      font-size: 1.1vw;
      font-weight: bold;
      box-shadow: 0 2px 8px rgba(0,0,0,0.04);
      transition: background 0.2s, box-shadow 0.2s;
   }

      .btn-blue:active {
      .btn-blue:active,
      .btn-blue:focus {
         background-color: #0086c2;
         box-shadow: 0 4px 12px rgba(0,162,233,0.12);
      }

      .btn-blue:disabled {
         background: #b3e0f7;
         color: #eee;
         cursor: not-allowed;
         box-shadow: none;
      }

   .button-row {
@@ -664,24 +675,26 @@
      .dialog-actions > div:first-child {
         display: flex;
         align-items: center;
         gap: 16px;
         gap: 24px;
      }

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

   .btn-disabled {
      background: #eee;
      color: #aaa;
      background: #f2f2f2;
      color: #bbb;
      border: none;
      padding: 10px 22px;
      border-radius: 6px;
      font-size: 1vw;
      padding: 14px 36px;
      border-radius: 10px;
      font-size: 1.1vw;
      font-weight: bold;
      cursor: not-allowed;
      box-shadow: none;
   }

   /* 表格整体居中，宽度限制，内容居中 */