| | |
| | | <!-- 刷新按钮 --> |
| | | <button @click="handleRefresh" class="refresh-btn">刷新</button> |
| | | <view> |
| | | <h4>说明:</br>开工时间=首件合格后取送检时间,</br>完工时间=报工数等于工单数的时间</h4> |
| | | <h4>说明:开工时间=首件合格后取送检时间,</br>完工时间=报工数等于工单数的时间</h4> |
| | | </view> |
| | | <!-- 上半部分 --> |
| | | <!-- 开工完工 --> |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .page { |
| | | padding: 2vh; |
| | | display: flex; |
| | | flex-direction: column; |
| | | box-sizing: border-box; |
| | | } |
| | | .page { |
| | | padding: 1vh; /* 原2vh,缩小整体上下间距 */ |
| | | display: flex; |
| | | flex-direction: column; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | /* 刷新按钮样式 */ |
| | | .refresh-btn { |
| | |
| | | } |
| | | |
| | | /* 上半部分:左右布局 */ |
| | | .top-section { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | flex-grow: 1; |
| | | margin-bottom: 4vh; |
| | | } |
| | | .top-section { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | flex-grow: 1; |
| | | margin-bottom: 1.5vh; /* 原4vh,缩小上下间隔 */ |
| | | } |
| | | |
| | | /* 左边按钮和输入框部分(左右布局) */ |
| | | .left-section { |
| | |
| | | .item { |
| | | display: flex; |
| | | align-items: center; |
| | | margin-bottom: 2.2vh; /* 间距略增 */ |
| | | height: 7vh; /* 整体高度增大 */ |
| | | margin-bottom: 1vh; /* 原2.2vh,缩小每行间隔 */ |
| | | height: 6vh; /* 可适当缩小高度 */ |
| | | } |
| | | |
| | | /* 统一按钮和输入框的高度 */ |
| | |
| | | margin-top: -44px; |
| | | } |
| | | |
| | | .status-title { |
| | | margin-bottom: 2vh; |
| | | font-size: 2vw; |
| | | /* Larger font size for titles */ |
| | | } |
| | | .status-title { |
| | | margin-bottom: 1vh; /* 原2vh,缩小标题间隔 */ |
| | | font-size: 2vw; |
| | | } |
| | | |
| | | .status-circle { |
| | | width: 11vw; |
| | |
| | | } |
| | | |
| | | /* 下半部分:保存和取消按钮 */ |
| | | .bottom-section { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | margin-top: 1vh; |
| | | height: 100%; |
| | | } |
| | | .bottom-section { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | margin-top: 0.5vh; /* 原1vh,缩小与上方间隔 */ |
| | | height: 100%; |
| | | } |
| | | |
| | | .save-btn, |
| | | .cancel-btn { |