| | |
| | | <span v-else style="color: #03AF76;" class="status-log">{{ item.status==1 ? '已备料' : item.status==2 ? '已完工' : item.status==3 ? '已检验' : '已报工' }}</span> |
| | | </div> |
| | | </div> |
| | | <div style="color: #777; font-size: 11px; margin-bottom: 15px;">{{ '生产人员:' + proUserStr(item) }}</div> |
| | | <div class="c3 mt10 mb10 f12" style="display: flex;"> |
| | | <div>计划数量:{{ form.num }}</div> |
| | | <div class="ml10">计划开工日期:{{ form.num }}</div> |
| | | </div> |
| | | <div v-if="item.produceDate" class="order-setup"> |
| | | <!-- 报工信息 --> |
| | | <div class="line-style"> |
| | |
| | | </div> |
| | | <div class="setup-content"> |
| | | <div class="left-message"> |
| | | <div class="message-title-temp"> |
| | | 产出 |
| | | <div class="message-title-temp">产出</div> |
| | | </div> |
| | | <p class="time-style"> |
| | | {{ item.produceDate }} |
| | | </p> |
| | | <div class="right-message ml30"> |
| | | <div style="display: flex;"> |
| | | <div class="time-style">操作人:{{ item.createUserName }}</div> |
| | | <div class="time-style ml50">操作时间:{{ item.produceDate }}</div> |
| | | </div> |
| | | <div class="right-message"> |
| | | <div style="margin-left: 30px"> |
| | | <span style="color:#666;">物料:</span> |
| | | </div> |
| | | <div> |
| | | <div style="display: flex;" class="mt10"> |
| | | <span style="color:#666;">产品:</span> |
| | | <div v-if="item.qualifiedNum"> |
| | | <span style="color:#03AF76">[合格品] </span> |
| | | <span style="color:#333333">{{ item.qualifiedNum + (form.umodel && form.umodel.name) }}</span> |
| | | </div> |
| | | <div v-if="item.unqualifiedNum"> |
| | | <div v-if="item.unqualifiedNum" class="ml20"> |
| | | <span style="color:#F5A400">[不良品] </span> |
| | | <span style="color:#333333">{{ item.unqualifiedNum + (form.umodel && form.umodel.name) }}</span> |
| | | </div> |
| | |
| | | <div :class="item.produceDate ? 'message-title' : 'message-title-temp'"> |
| | | 投料 |
| | | </div> |
| | | <p class="time-style"> |
| | | {{ item.materialDate }} |
| | | </p> |
| | | </div> |
| | | <div class="right-message"> |
| | | <div style="margin-left: 30px"> |
| | | <span style="color:#666;">物料:</span> |
| | | <div class="right-message ml30"> |
| | | <div style="display: flex;"> |
| | | <div class="time-style">操作人:{{ item.createUserName }}</div> |
| | | <div class="time-style ml50">操作时间:{{ item.materialDate }}</div> |
| | | </div> |
| | | <div style="display: flex" class="mt10"> |
| | | <div style="color:#666;">物料:</div> |
| | | <div> |
| | | <div v-for="(sItem, sIndex) in item.materialList" :key="sIndex"> |
| | | <span style="color:#333333">{{ sItem.name + ' / ' + sItem.num + sItem.unitName }}</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div :class="item.materialDate ? 'message-title' : 'message-title-temp'"> |
| | | 分配 |
| | | </div> |
| | | <p class="time-style"> |
| | | {{ item.distributeDate }} |
| | | </p> |
| | | |
| | | </div> |
| | | <div class="right-message"> |
| | | <div style="margin-left: 30px"> |
| | | <span style="color:#666;">分配数量:</span> |
| | | <div class="right-message ml30"> |
| | | <div style="display: flex;"> |
| | | <div class="time-style">操作人:{{ item.createUserName }}</div> |
| | | <div class="time-style ml50">操作时间:{{ item.distributeDate }}</div> |
| | | </div> |
| | | <div> |
| | | <span style="color:#333333">{{ item.planNum + (form.umodel && form.umodel.name) }}</span> |
| | | <div class="mt10"> |
| | | <span style="color:#666;">分配数量:{{ item.planNum + (form.umodel && form.umodel.name) }}</span> |
| | | </div> |
| | | |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | flex: 1; |
| | | // background-color: #f7f7f7; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | .left-message { |
| | | width: 62px; |
| | | display: flex; |
| | | line-height: 20px; |
| | | .message-title { |
| | | color: #333; |
| | | font-weight: 500; |
| | |
| | | } |
| | | .time-style { |
| | | color: #999999; |
| | | font-size: 11px; |
| | | max-lines: 2; |
| | | } |
| | | } |
| | | .right-message { |
| | | flex: 1; |
| | | font-size: 13px; |
| | | display: flex; |
| | | // display: flex; |
| | | flex-direction: row; |
| | | } |
| | | } |