|  |  |  | 
|---|
|  |  |  | <div class="scroll_item_row">{{ item.qualifiedNum }}</div> | 
|---|
|  |  |  | <div class="scroll_item_row">{{ item.unqualifiedNum }}</div> | 
|---|
|  |  |  | <div class="scroll_item_row">{{ item.undoneNum }}</div> | 
|---|
|  |  |  | <div class="scroll_item_row">{{ item.unqualifiedRate }}%</div> | 
|---|
|  |  |  | <div class="scroll_item_row">{{ (item.unqualifiedRate||0).toFixed(2) }}%</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | <span>{{ item.userName }}</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="content_left_item1_content_row_line"> | 
|---|
|  |  |  | <el-progress :show-text="false" :percentage="item.doneNum / baseNum * 100"> | 
|---|
|  |  |  | <el-progress :show-text="false" :percentage="(item.doneNum||0) / baseNum * 100"> | 
|---|
|  |  |  | </el-progress> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="content_left_item1_content_row_num">{{ item.doneNum }}</div> | 
|---|
|  |  |  | <div class="content_left_item1_content_row_num">{{ item.doneNum||0 }}</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </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">{{ dateToSub(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> | 
|---|
|  |  |  | <div class="scroll_item_row">{{ (item.unqualifiedRate||0).toFixed(2) }}%</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | import { getProcedurePlanData, getTop, getProcedurePlansList, getRecordLogPage, getUnqualified7DayData, getUnqualifiedCateData } from '@/utils/api.js' | 
|---|
|  |  |  | import { useCounterStore } from '@/stores/counter.js' | 
|---|
|  |  |  | import { useRoute } from 'vue-router' | 
|---|
|  |  |  | import { dateToSub } from '@/utils' | 
|---|
|  |  |  | import * as echarts from 'echarts' | 
|---|
|  |  |  | const route = useRoute() | 
|---|
|  |  |  | const enterprise = useCounterStore() | 
|---|
|  |  |  | 
|---|
|  |  |  | ] | 
|---|
|  |  |  | }) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | let { listData, top1, top2, baseNum, allBad } = toRefs(data) | 
|---|
|  |  |  | let { listData, top1, top2, baseNum, allBad, reportListData } = toRefs(data) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // start() | 
|---|
|  |  |  | onBeforeUnmount(() => { | 
|---|
|  |  |  | 
|---|
|  |  |  | initData() | 
|---|
|  |  |  | mainTimer.value = setInterval(() => { | 
|---|
|  |  |  | initData() | 
|---|
|  |  |  | }, 6000) | 
|---|
|  |  |  | }, 60000) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | function ListScroll() { | 
|---|
|  |  |  | let scrollDom = planContainer.value | 
|---|
|  |  |  | if (!scrollDom) return | 
|---|
|  |  |  | // 判读组件是否渲染完成 | 
|---|
|  |  |  | if (scrollDom.offsetHeight == 0) { | 
|---|
|  |  |  | scrollDom = planContainer.value | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | // 如果列表数量过少不进行滚动 | 
|---|
|  |  |  | if (scrollDom.children.length <= 10) { | 
|---|
|  |  |  | if (scrollDom.children.length < 10) { | 
|---|
|  |  |  | clearTimeout(planTimer.value) | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | function reportScroll() { | 
|---|
|  |  |  | let scrollDom = reportLogContainer.value | 
|---|
|  |  |  | if (!scrollDom) return | 
|---|
|  |  |  | // 判读组件是否渲染完成 | 
|---|
|  |  |  | if (scrollDom.offsetHeight == 0) { | 
|---|
|  |  |  | scrollDom = reportLogContainer.value | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | // 如果列表数量过少不进行滚动 | 
|---|
|  |  |  | if (scrollDom.children.length <= 10) { | 
|---|
|  |  |  | if (scrollDom.children.length < 10) { | 
|---|
|  |  |  | clearTimeout(reportTimer.value) | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 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 | 
|---|
|  |  |  | 
|---|
|  |  |  | show: false | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | label: { | 
|---|
|  |  |  | formatter: '{dot| } {title|{b} {c}}\n\n{per|{d}%}', | 
|---|
|  |  |  | formatter: '{dot| } {title|{b} {c}}\n{per|{d}%}', | 
|---|
|  |  |  | rich: { | 
|---|
|  |  |  | title: { | 
|---|
|  |  |  | color: '#fff' | 
|---|
|  |  |  | color: '#fff', | 
|---|
|  |  |  | lineHeight: 13, | 
|---|
|  |  |  | fontSize: 10 | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | per: { | 
|---|
|  |  |  | color: '#01D9FE' | 
|---|
|  |  |  | color: '#01D9FE', | 
|---|
|  |  |  | fontSize: 10 | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | dot: { | 
|---|
|  |  |  | backgroundColor: 'inherit', | 
|---|
|  |  |  | 
|---|
|  |  |  | <style lang="scss" scoped> | 
|---|
|  |  |  | .proccess-content { | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | flex: 1; | 
|---|
|  |  |  | .header-title { | 
|---|
|  |  |  | background-image: url('@/assets/img/gongxu_title@2x.png'); | 
|---|
|  |  |  | height: 28px; | 
|---|
|  |  |  | 
|---|
|  |  |  | .process-left { | 
|---|
|  |  |  | flex: 1; | 
|---|
|  |  |  | margin-right: 20px; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .proccess-plan { | 
|---|
|  |  |  | height: 460px; | 
|---|
|  |  |  | height: 424px; | 
|---|
|  |  |  | background: linear-gradient(180deg, rgba(52, 88, 159, 0) 0%, rgba(0, 86, 255, 0.4) 100%); | 
|---|
|  |  |  | margin-bottom: 20px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | flex: 1; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .report-log { | 
|---|
|  |  |  | height: 460px; | 
|---|
|  |  |  | height: 424px; | 
|---|
|  |  |  | background: linear-gradient(180deg, rgba(52, 88, 159, 0) 0%, rgba(0, 86, 255, 0.4) 100%); | 
|---|
|  |  |  | margin-bottom: 20px; | 
|---|
|  |  |  | } | 
|---|