界面优化

快乐的昕的电脑

2025-10-09 260badfb06dd27573d1002dfad7cd0d5c48c6d0c

 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,6 +289,8 @@
      display: flex;
      flex-wrap: wrap;
      margin: 1vh 0;
      max-height: 40vh;
      overflow-y: auto;
   }

   .tool-btn {
@@ -346,9 +338,5 @@

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

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