| | |
| | | <label class="form-label">规格型号:</label> |
| | | <input class="input small-font input-tool-model" v-model="toolModel" placeholder="刀具带出" disabled /> |
| | | </view> |
| | | <!-- 新增的刀具目录按钮 --> |
| | | <view class="form-cell"> |
| | | <!-- 刀具目录按钮右移 --> |
| | | <view class="form-cell tool-dir-cell"> |
| | | <button class="btn-blue large-btn" @click="openToolDialog" :disabled="loadingTools">刀具目录</button> |
| | | </view> |
| | | </view> |
| | |
| | | cursor: not-allowed; |
| | | } |
| | | |
| | | .input, .input-with-unit { |
| | | width: 100%; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .input-with-unit { |
| | | display: flex; |
| | | align-items: center; |
| | | width: auto !important; /* 让内容自适应 */ |
| | | min-width: 0; |
| | | flex-shrink: 1; |
| | | gap: 0; |
| | | } |
| | | |
| | | .input-with-unit .input { |
| | | flex: 1; |
| | | margin-right: 8px; |
| | | width: 60px !important; |
| | | min-width: 0 !important; |
| | | margin-right: 2px !important; |
| | | text-align: center; |
| | | padding-left: 2px; |
| | | padding-right: 2px; |
| | | } |
| | | |
| | | .input-with-unit .input { |
| | | margin-right: 4px !important; |
| | | width: 60px !important; |
| | | min-width: 0 !important; |
| | | text-align: center; |
| | | } |
| | | |
| | | .unit-text { |
| | | color: #666; |
| | | white-space: nowrap; |
| | | width: 28px; |
| | | margin-left: 0 !important; |
| | | padding-left: 0 !important; |
| | | font-size: 22px !important; |
| | | } |
| | | |
| | | .btn-blue, .btn-blue.large-btn { |
| | |
| | | .highlight-label { |
| | | color: #1890ff !important; |
| | | } |
| | | |
| | | .tool-dir-cell { |
| | | flex: 1 1 auto !important; |
| | | justify-content: flex-end !important; |
| | | display: flex !important; |
| | | align-items: center; |
| | | } |
| | | |
| | | </style> |