| | |
| | | <div class="scroll_item_row">{{ item.materialName }}</div> |
| | | <div class="scroll_item_row">{{ item.materialCode }}</div> |
| | | <div class="scroll_item_row">{{ item.num }}</div> |
| | | <div class="scroll_item_row"> |
| | | <div class="scroll_item_row" style="text-align: left;"> |
| | | <el-tooltip v-for="(child, i) in item.procedureList" :key="i" effect="dark" |
| | | :content="'已报工良品数' + child.doneNum + ';工序计划数' + child.planNum" placement="top"> |
| | | <div class="scroll_item_row_item" @click="jump(child.procedureId, child.procedureName)"> |
| | |
| | | <div v-for="(item, index) in data.log" :key="index" |
| | | :class="index % 2 == 0 ? 'scroll_item scroll_item_bg1' : 'scroll_item scroll_item_bg2'"> |
| | | <div class="scroll_item_row">{{ item.userName }}</div> |
| | | <div class="scroll_item_row">{{ item.materialName }}</div> |
| | | <div class="scroll_item_row">{{ item.procedureName }}</div> |
| | | <div class="scroll_item_row">{{ item.materialCode }}</div> |
| | | <div class="scroll_item_row">{{ dateToSub(item.createTime) }}</div> |
| | | <div class="scroll_item_row">{{ item.qualifiedNum || 0 }}</div> |
| | | <div class="scroll_item_row">{{ item.unqualifiedNum || 0 }}</div> |
| | |
| | | :class="index % 2 == 0 ? 'scroll_item scroll_item_bg1' : 'scroll_item scroll_item_bg2'"> |
| | | <div class="scroll_item_row">{{ dateToSub(item.checkdate) }}</div> |
| | | <div class="scroll_item_row">{{ item.deviceName }}</div> |
| | | <div class="scroll_item_row">{{ item.status == 0 ? '合格' : '不合格' }}</div> |
| | | <div class="scroll_item_row"> |
| | | <span v-if="item.status == 0">正常</span> |
| | | <span v-else style="color: #F84F26">异常</span> |
| | | </div> |
| | | <div class="scroll_item_row">{{ item.userName }}</div> |
| | | </div> |
| | | </div> |
| | |
| | | color: #01D9FE; |
| | | |
| | | &:nth-child(5) { |
| | | flex: 2.7; |
| | | flex: 3; |
| | | |
| | | } |
| | | } |
| | |
| | | |
| | | &:nth-child(5) { |
| | | flex: 3; |
| | | |
| | | justify-content: start; |
| | | } |
| | | .scroll_item_row_item { |
| | | margin-top: -11px; |
| | |
| | | left: 50%; |
| | | transform: translate(-50%, -50%); |
| | | z-index: 999; |
| | | width: 114px; |
| | | height: 114px; |
| | | width: 100px; |
| | | height: 100px; |
| | | border-radius: 50%; |
| | | border: 2px dashed #01D9FE; |
| | | display: flex; |