| | |
| | | </view> |
| | | <view class="item"> |
| | | <!-- 调机开始按钮,maStartTime有值时禁用 --> |
| | | <button :class="maStartTime ? 'btn-disabled' : 'btn-blue'" |
| | | :disabled="!!maStartTime" |
| | | @click="handleMaStartTime"> |
| | | 调机开始 |
| | | </button> |
| | | <button :class="maStartTime ? 'btn-disabled' : 'btn-blue'" |
| | | :disabled="!!maStartTime" |
| | | @click="handleMaStartTime"> |
| | | 调机开始(=上刀完成) |
| | | </button> |
| | | <!-- 显示调机开始时间 --> |
| | | <input class="txt-inp" v-model="maStartTime" placeholder="点击按钮带出调机时间" disabled="true" /> |
| | | </view> |
| | |
| | | background-color: #00A2E9; |
| | | color: white; |
| | | border: none; |
| | | font-size: 28px; |
| | | font-size: 24px; |
| | | border-radius: 5px; |
| | | } |
| | | |
| | | label { |
| | | margin-right: 10px; |
| | | font-size: 26px; |
| | | font-size: 24px; |
| | | } |
| | | |
| | | /* 中间状态部分布局 */ |
| | |
| | | } |
| | | |
| | | .item h4 { |
| | | font-size: 22px; |
| | | font-size: 24px; |
| | | line-height: 1.4; |
| | | margin: 0; |
| | | padding: 5px 0; |
| | |
| | | width: 50%; |
| | | flex-shrink: 0; |
| | | padding: 10px; |
| | | font-size: 28px; |
| | | font-size: 24px; |
| | | border: none; |
| | | text-align: center; |
| | | min-height: 70px; |
| | | min-height: 40px; |
| | | } |
| | | |
| | | .btn-disabled { |
| | |
| | | input { |
| | | margin-top: 0; |
| | | padding: 8px; |
| | | font-size: 28px; |
| | | font-size: 24px; |
| | | border: 1px solid #ccc; |
| | | width: 50%; |
| | | flex-grow: 1; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | /* 底部保存/取消按钮布局 */ |
| | | .bottom-section { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | margin-top: 10px; |
| | | padding-top: 10px; |
| | | } |
| | | |
| | | .save-btn, |
| | |
| | | padding: 12px; |
| | | background-color: #00A2E9; |
| | | color: white; |
| | | font-size: 28px; |
| | | font-size: 24px; |
| | | border: none; |
| | | text-align: center; |
| | | min-height: 70px; |
| | | min-height: 45px; |
| | | } |
| | | |
| | | .txt-inp { |
| | | height: 70px; |
| | | padding: 12px; |
| | | font-size: 28px; |
| | | height: 80px; /* 增大高度 */ |
| | | padding: 12px; /* 增大内边距 */ |
| | | font-size: 24px; /* 增大字体 */ |
| | | width: 50%; |
| | | flex-grow: 1; |
| | | box-sizing: border-box; |
| | |
| | | } |
| | | |
| | | .item h4 { |
| | | font-size: 18px; |
| | | font-size: 24px; |
| | | padding: 3px 0; |
| | | } |
| | | |
| | | button { |
| | | padding: 8px; |
| | | font-size: 24px; |
| | | min-height: 46px; |
| | | min-height: 38px; |
| | | } |
| | | |
| | | .txt-inp { |
| | |
| | | } |
| | | |
| | | .bottom-section { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | margin-top: 10px; |
| | | padding-top: 10px; |
| | | gap: 0; /* 避免多余间距 */ |
| | | margin-top: 8px; |
| | | padding-top: 8px; |
| | | } |
| | | |
| | | .save-btn, |
| | | .cancel-btn { |
| | | flex: 1 1 0; |
| | | margin-right: 10px; |
| | | /* 最后一个按钮去掉 margin-right */ |
| | | padding: 10px; |
| | | font-size: 24px; |
| | | min-height: 42px; |
| | | } |
| | | |
| | | .save-btn:last-child, |
| | | .cancel-btn:last-child { |
| | | margin-right: 0; |
| | | } |
| | | |
| | | input { |
| | | font-size: 24px; |
| | |
| | | } |
| | | |
| | | label { |
| | | font-size: 22px; |
| | | font-size: 24px; |
| | | } |
| | | } |
| | | </style> |