| | |
| | | <div class="scroll_item_row">{{ item.userName }}</div> |
| | | <div class="scroll_item_row">{{ item.materialName }}</div> |
| | | <div class="scroll_item_row">{{ item.materialCode }}</div> |
| | | <div class="scroll_item_row">{{ item.createTime }}</div> |
| | | <div class="scroll_item_row" style="flex: 1.5;">{{ item.createTime }}</div> |
| | | <div class="scroll_item_row">{{ item.qualifiedNum }}</div> |
| | | <div class="scroll_item_row">{{ item.unqualifiedNum }}</div> |
| | | <div class="scroll_item_row">{{ item.unqualifiedRate }}%</div> |
| | |
| | | import * as echarts from 'echarts' |
| | | const route = useRoute() |
| | | const enterprise = useCounterStore() |
| | | let mainTimer = ref(null) |
| | | let planTimer = ref(null) |
| | | let reportTimer = ref(null) |
| | | let planContainer = ref(null) |
| | |
| | | ] |
| | | }) |
| | | |
| | | let { listData, top1, top2, baseNum, allBad } = toRefs(data) |
| | | let { listData, top1, top2, baseNum, allBad, reportListData } = toRefs(data) |
| | | |
| | | // start() |
| | | onBeforeUnmount(() => { |
| | | clearTimeout(planTimer.value) |
| | | clearTimeout(reportTimer.value) |
| | | clearTimeout(mainTimer.value) |
| | | }) |
| | | onMounted(() => { |
| | | initData() |
| | | mainTimer.value = setInterval(() => { |
| | | initData() |
| | | }, 60000) |
| | | }) |
| | | |
| | | |
| | | onUnmounted(() => { |
| | | clearTimeout(planTimer.value) |
| | | clearTimeout(reportTimer.value) |
| | | clearTimeout(mainTimer.value) |
| | | }) |
| | | |
| | | function initData() { |
| | |
| | | |
| | | data.dayDistribution.forEach(item => { |
| | | dateList.push(item.createTime) |
| | | numList.push(item.unqualifiedNum) |
| | | numList.push(item.unqualifiedNum || 0) |
| | | }) |
| | | let option; |
| | | option = { |
| | | title: { |
| | | text: ' 近七日不良品总数:67', |
| | | text: ` 近七日不良品总数:${data.allBad}`, |
| | | textStyle: { |
| | | color: '#fff', |
| | | fontSize: 12 |
| | |
| | | <style lang="scss" scoped> |
| | | .proccess-content { |
| | | display: flex; |
| | | |
| | | .header-title { |
| | | background-image: url('@/assets/img/gongxu_title@2x.png'); |
| | | height: 28px; |
| | |
| | | .process-left { |
| | | flex: 1; |
| | | margin-right: 20px; |
| | | |
| | | .proccess-plan { |
| | | height: 460px; |
| | | background: linear-gradient(180deg, rgba(52, 88, 159, 0) 0%, rgba(0, 86, 255, 0.4) 100%); |