大屏

Mr.Shi

2023-08-22 47e18c4dd34d7d8b0dc60e8e1177cc7dff36f4e6

 screen_standard/src/views/process.vue

@@ -40,7 +40,7 @@
                  <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>
@@ -55,7 +55,7 @@
                  <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>
@@ -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)
@@ -131,15 +132,7 @@
  top2: [],
  baseNum: 0,
  allBad: 0,
  dayDistribution: [
    { date: '8/1', num: '20' },
    { date: '8/2', num: '10' },
    { date: '8/3', num: '20' },
    { date: '8/4', num: '40' },
    { date: '8/5', num: '30' },
    { date: '8/6', num: '10' },
    { date: '8/7', num: '20' },
  ],
  dayDistribution: [],
  typeDistribution: [
    { categoryName: '外观不良', unqualifiedNum: 15 },
    { categoryName: '有毛刺', unqualifiedNum: 12 },
@@ -155,15 +148,20 @@
onBeforeUnmount(() => {
  clearTimeout(planTimer.value)
  clearTimeout(reportTimer.value)
  clearTimeout(mainTimer.value)
})
onMounted(() => {
  initData()
  mainTimer.value = setInterval(() => {
    initData()
  }, 6000)
})


onUnmounted(() => {
  clearTimeout(planTimer.value)
  clearTimeout(reportTimer.value)
  clearTimeout(mainTimer.value)
})

function initData() {
@@ -213,7 +211,7 @@
  getUnqualifiedCateData(enterprise.companyId, enterprise.departId, route.query.procedureId)
    .then(res => {
      data.typeDistribution = res
      data.allBad = res.reduce((accumulator, currentValue) => accumulator + currentValue, 0)
      data.allBad = res.reduce((accumulator, currentValue) => accumulator + currentValue.unqualifiedNum, 0)
      setTypeChart()
    })
}
@@ -534,6 +532,11 @@
                  font-weight: 400;
                  color: #D2E0FF;
                  margin-left: 9px;
                  width: 50px;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  -webkit-text-overflow: ellipsis;
                  overflow: hidden;
                }

                .num {
@@ -722,6 +725,7 @@
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 13px;
        }
      }
    }