| | |
| | | font-size: 0.25rem; |
| | | border-radius: 4px; |
| | | } |
| | | |
| | | /* 输入容器样式 */ |
| | | .input-container { |
| | | flex: 1; |
| | | display: flex; |
| | | gap: 2px; /* 控制两个输入组之间的间距 */ |
| | | align-items: center; |
| | | background: #e3edf7; |
| | | } |
| | | |
| | | .input-group { |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 8px; |
| | | flex: 1; /* 使两个输入组均分剩余空间 */ |
| | | padding: 8px 12px; |
| | | } |
| | | |
| | | .input-tag { |
| | | flex-shrink: 0; |
| | | } |
| | | |
| | | .si-input-field { |
| | | flex: 1; /* 输入框占据剩余空间 */ |
| | | width: 100%; /* 控制最大宽度 */ |
| | | background: #f7f8fa; |
| | | border-radius: 4px; |
| | | } |
| | | |
| | | |
| | | |
| | | .custom-label .van-cell__title { |
| | |
| | | <div class="si-input__left"> |
| | | <span class="si-input__label">检验值输入</span> |
| | | </div> |
| | | <div class="si-status__right-btns"> <!-- 修改容器类名 --> |
| | | <van-button |
| | | type="primary" |
| | | size="small" |
| | | class="status-btn" |
| | | @click="handleQualified(true)" |
| | | > |
| | | 合格 |
| | | </van-button> |
| | | <van-button |
| | | type="danger" |
| | | size="small" |
| | | class="status-btn" |
| | | @click="handleQualified(false)" |
| | | > |
| | | 不合格 |
| | | </van-button> |
| | | <div class="input-container"> |
| | | <div class="input-group"> |
| | | <van-tag color="#4CAF50">OK</van-tag> |
| | | <van-field |
| | | v-model="okValue" |
| | | placeholder="请输入" |
| | | :border="false" |
| | | class="si-input-field" |
| | | @input="handleNumberInput1" |
| | | @keyup.enter.native="getInputOK" |
| | | /> |
| | | </div> |
| | | <div class="input-group"> |
| | | <van-tag color="#F44336">NG</van-tag> |
| | | <van-field |
| | | v-model="ngValue" |
| | | placeholder="请输入" |
| | | :border="false" |
| | | class="si-input-field" |
| | | @input="handleNumberInput2" |
| | | @keyup.enter.native="getInputNG" |
| | | /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | |
| | | |
| | | |
| | | |
| | | |