| | |
| | | </view> |
| | | </view> |
| | | <view class="form-row1"> |
| | | <view class="right-group"> |
| | | <view class="form-item" style="display:inline-block;"> |
| | | <label>工单状态:</label> |
| | | <input class="inp1" type="text" v-model="order.daa018" disabled="true" /> |
| | | <!-- 刷新按钮 --> |
| | | <button @click="handleRefresh" class="refresh-btn">刷新</button> |
| | | </view> |
| | | <view class="form-item"> |
| | | <label>机台编号:</label> |
| | | <input class="inp2" type="text" v-model="order.machineNo" disabled="true" /> |
| | | </view> |
| | | <view class="form-item" style="display:inline-block;"> |
| | | <label>工单状态:</label> |
| | | <input class="inp1" type="text" v-model="order.daa018" disabled="true" /> |
| | | <!-- 刷新按钮 --> |
| | | <button @click="handleRefresh" class="refresh-btn">刷新</button> |
| | | </view> |
| | | <view class="form-item"> |
| | | <label>机台编号:</label> |
| | | <input class="inp2" type="text" v-model="order.machineNo" disabled="true" /> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | |
| | | <!-- 中部:运行状态 --> |
| | | <view class="section card"> |
| | |
| | | padding: 3px; |
| | | } |
| | | |
| | | .inp { |
| | | float: left; |
| | | width: 85%; |
| | | padding: 3px; |
| | | border: 1px solid #ccc; |
| | | border-radius: 0.5vw; |
| | | margin-top: 0.2vh; |
| | | font-size: 15px; |
| | | height: 26px; |
| | | } |
| | | |
| | | /* 针对1280*717屏幕的特定优化 */ |
| | | @media screen and (max-width: 1280px) and (max-height: 800px) { |
| | | .top-order { |
| | |
| | | margin-bottom: 4px; |
| | | } |
| | | } |
| | | |
| | | .top-order { |
| | | width: 65%; |
| | | display: inline-block; |
| | | vertical-align: top; |
| | | } |
| | | |
| | | .form-row1 { |
| | | display: flex; |
| | | flex-direction: row; |
| | | justify-content: flex-end; |
| | | align-items: center; |
| | | position: relative; |
| | | /* width: 100%; // 去掉这行 */ |
| | | } |
| | | |
| | | .right-group { |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 24px; /* 控制两块之间的间距,可根据需要调整 */ |
| | | } |
| | | |
| | | </style> |