jiaosong
2023-08-23 ba2a88b235360c8bea43f1c3adc90df84f437576
screen_standard/src/views/process.vue
@@ -86,7 +86,7 @@
                <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>
@@ -120,6 +120,7 @@
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)
@@ -141,21 +142,26 @@
  ]
})
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() {
@@ -302,12 +308,12 @@
  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
@@ -464,7 +470,6 @@
<style lang="scss" scoped>
.proccess-content {
  display: flex;
  .header-title {
    background-image: url('@/assets/img/gongxu_title@2x.png');
    height: 28px;
@@ -482,7 +487,6 @@
  .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%);
@@ -719,6 +723,7 @@
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 13px;
        }
      }
    }