| | |
| | | <span>{{ item.userName }}</span> |
| | | </div> |
| | | <div class="content_left_item1_content_row_line"> |
| | | <el-progress :show-text="false" :percentage="item.doneNum / baseNum"> |
| | | <el-progress :show-text="false" :percentage="item.doneNum / baseNum * 100"> |
| | | </el-progress> |
| | | </div> |
| | | <div class="content_left_item1_content_row_num">{{ item.doneNum }}</div> |
| | |
| | | <span>{{ item.userName }}</span> |
| | | </div> |
| | | <div class="content_left_item1_content_row_line"> |
| | | <el-progress :show-text="false" :percentage="item.doneNum / baseNum"> |
| | | <el-progress :show-text="false" :percentage="item.doneNum / baseNum * 100"> |
| | | </el-progress> |
| | | </div> |
| | | <div class="content_left_item1_content_row_num">{{ item.doneNum }}</div> |
| | |
| | | <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() { |
| | |
| | | let option; |
| | | option = { |
| | | title: { |
| | | text: ' 近七日不良品总数:67', |
| | | text: ` 近七日不良品总数:${data.allBad}`, |
| | | textStyle: { |
| | | color: '#fff', |
| | | fontSize: 12 |
| | |
| | | font-weight: 400; |
| | | color: #D2E0FF; |
| | | margin-left: 9px; |
| | | width: 50px; |
| | | white-space: nowrap; |
| | | text-overflow: ellipsis; |
| | | -webkit-text-overflow: ellipsis; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | .num { |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | font-size: 13px; |
| | | } |
| | | } |
| | | } |