Mr.Zhang
2023-08-22 ae2fad05393d2bbb94ec46712a1a717c85e766f0
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>
@@ -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() {
@@ -307,7 +313,7 @@
  let option;
  option = {
    title: {
      text: '         近七日不良品总数:67',
      text: `        近七日不良品总数:${data.allBad}`,
      textStyle: {
        color: '#fff',
        fontSize: 12
@@ -526,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 {
@@ -714,6 +725,7 @@
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 13px;
        }
      }
    }