界面优化

快乐的昕的电脑

2025-10-09 1e1bf59e327a9de866358e5c20b138335971fdba

 components/mold.vue

@@ -12,16 +12,6 @@
         <view class="form-cell">
            <label class="form-label">设置使用上限：</label>
            <input class="input" type="number" v-model="useLimitInput" placeholder="每次换刀后手填" :disabled="!selectedToolNo" />
            <!-- 滑条控件 -->
            <input type="range"
                  min="0"
                  max="10000"
                  step="1"
                  v-model="useLimitInput"
                  :disabled="!selectedToolNo"
                  class="slider"
                  style="width: 160px; margin: 0 8px;" />
            <span style="min-width: 50px; display: inline-block;">{{ useLimitInput }}</span>
            <button class="btn-blue" @click="setUseLimit" :disabled="!selectedToolNo || !useLimitInput">保存上限</button>
         </view>
         <view class="form-cell">
@@ -115,7 +105,7 @@
      data() {
         return {
            pageIndex: 1,
            pageSize: 20,
            pageSize: 18,
            total: 0,
            toolList: [],
            selectedToolNo: '',
@@ -299,16 +289,20 @@
      display: flex;
      flex-wrap: wrap;
      margin: 1vh 0;
      max-height: 40vh;
      overflow-y: auto;
   }

   .tool-btn {
      margin: 5px 10px 5px 0;
      padding: 8px 16px;
      background: #f5f5f5;
      border: 1px solid #ccc;
      border-radius: 4px;
      cursor: pointer;
   }
    .tool-btn {
        margin: 5px 10px 5px 0;
        padding: 8px 16px;
        background: #f5f5f5;
        border: 1px solid #ccc;
        border-radius: 4px;
        cursor: pointer;
        background: #e0e0e0;
        color: #888;
    }

   .dialog-actions {
      display: flex;
@@ -346,9 +340,5 @@

   .tool-desc {
      margin-top: 2vh;
   }

   .slider {
      vertical-align: middle;
   }
</style>