| | |
| | | <template> |
| | | <view class="page"> |
| | | <!-- 刷新按钮 --> |
| | | <button @click="handleRefresh" class="refresh-btn">刷新</button> |
| | | <view> |
| | | <h4>说明:</br>开工时间=首件合格后取送检时间,</br>完工时间=报工数等于工单数的时间</h4> |
| | | </view> |
| | | <!-- 上半部分 --> |
| | | <!-- 刷新按钮 --> |
| | | <!-- 开工完工 --> |
| | | |
| | | <view class="top-section"> |
| | | <!-- 左边工单按钮组和输入框,左右布局 --> |
| | |
| | | </view> |
| | | <view class="item"> |
| | | <button class="btn-disabled">完工</button> |
| | | <input class="input-box" v-model="endTime" disabled="true" placeholder="报工数达到计划数,或点完工写入" /> |
| | | <input class="input-box" v-model="endTime" disabled="true" placeholder="报工数达到计划数后自动完工" /> |
| | | </view> |
| | | <view class="item"> |
| | | <button @click="stateCheck(2)" class="btn-blue">暂停</button> |
| | | <input class="input-box" v-model="suspendTime" disabled="true" placeholder="点暂停按钮时写入" /> |
| | | </view> |
| | | <!--<view class="item"> |
| | | <button @click="stateCheck(2)" class="btn-blue">反暂停</button> |
| | | <input class="input-box" v-model="suspendTime" disabled="true" placeholder="点暂停按钮时写入" /> |
| | | </view>--> |
| | | <!-- <view class="item"> |
| | | <button @click="stateCheck(3)" class="btn-blue">反完工</button> |
| | | <input class="input-box" v-model="reverseTime" disabled="true" placeholder="点反完工按钮写入" /> |
| | | </view> --> |
| | | <button @click="stateCheck(3)" class="btn-blue">反完工</button> |
| | | <input class="input-box" v-model="reverseTime" disabled="true" placeholder="点反完工按钮写入" /> |
| | | </view> --> |
| | | </view> |
| | | |
| | | <!-- 右边工单状态 --> |
| | |
| | | } |
| | | |
| | | /* 右边工单状态部分 */ |
| | | .right-section { |
| | | width: 30%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: flex-start; |
| | | justify-content: flex-start; |
| | | text-align: center; |
| | | padding-top: 45px; |
| | | flex-wrap: wrap; |
| | | align-content: flex-start; |
| | | margin-top: -44px; |
| | | } |
| | | .right-section { |
| | | width: 40%; /* 原来是30%,调大一点 */ |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: flex-start; |
| | | justify-content: flex-start; |
| | | text-align: center; |
| | | padding-top: 45px; |
| | | flex-wrap: wrap; |
| | | align-content: flex-start; |
| | | margin-top: -44px; |
| | | } |
| | | |
| | | .status-title { |
| | | margin-bottom: 2vh; |