| | |
| | | <div class="content_left_item1_content_row_line"> |
| | | <el-progress |
| | | :show-text="false" |
| | | :percentage="item.doneNum"> |
| | | :percentage="item.doneNum / baseNum"> |
| | | </el-progress> |
| | | </div> |
| | | <div class="content_left_item1_content_row_num">{{ item.doneNum }}</div> |
| | |
| | | patrolInspection: [], |
| | | dayDistribution: [], |
| | | typeDistribution: [], |
| | | num: 0 |
| | | num: 0, |
| | | baseNum: 0 |
| | | }) |
| | | |
| | | let { baseNum } = toRefs(data) |
| | | |
| | | let timer = ref(null) |
| | | let timer1 = ref(null) |
| | |
| | | getTop(companyId.value, departId.value) |
| | | .then(res => { |
| | | if (res.length > 0) { |
| | | res.forEach((item, index) => { |
| | | if (index > 1) { |
| | | item.doneNum1 = res[0].doneNum / item.doneNum |
| | | } |
| | | }) |
| | | data.baseNum = res[0].doneNum |
| | | data.production = res |
| | | } |
| | | }) |
| | |
| | | function start() { |
| | | clearTimeout(timer.value) |
| | | // 定时器触发周期 |
| | | let speed = ref(25) |
| | | let speed = ref(100) |
| | | timer.value = setInterval(ListScroll, speed.value) |
| | | } |
| | | // 开启定时器 |
| | | function start1() { |
| | | clearTimeout(timer1.value) |
| | | // 定时器触发周期 |
| | | let speed1 = ref(25) |
| | | let speed1 = ref(100) |
| | | timer1.value = setInterval(ListScroll1, speed1.value) |
| | | } |
| | | // 开启定时器 |
| | | function start2() { |
| | | clearTimeout(timer2.value) |
| | | // 定时器触发周期 |
| | | let speed2 = ref(25) |
| | | let speed2 = ref(100) |
| | | timer2.value = setInterval(ListScroll2, speed2.value) |
| | | } |
| | | // 开启定时器 |
| | | function start3() { |
| | | clearTimeout(timer3.value) |
| | | // 定时器触发周期 |
| | | let speed3 = ref(25) |
| | | let speed3 = ref(100) |
| | | timer3.value = setInterval(ListScroll3, speed3.value) |
| | | } |
| | | // 开启定时器 |
| | | function start4() { |
| | | clearTimeout(timer4.value) |
| | | // 定时器触发周期 |
| | | let speed4 = ref(25) |
| | | let speed4 = ref(100) |
| | | timer4.value = setInterval(ListScroll4, speed4.value) |
| | | } |
| | | function ListScroll() { |
| | |
| | | } |
| | | .content_left_item1_content_row_name { |
| | | flex-shrink: 0; |
| | | width: 100px; |
| | | display: flex; |
| | | align-items: center; |
| | | span { |
| | |
| | | } |
| | | .content_left_item1_content_row_num { |
| | | font-size: 13px; |
| | | width: 60px; |
| | | font-family: SourceHanSansSC-Regular, SourceHanSansSC; |
| | | font-weight: 400; |
| | | color: #D2E0FF; |
| | |
| | | align-items: center; |
| | | .scroll_item_row { |
| | | flex: 1; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | | height: 100%; |
| | | display: flex; |
| | | align-items: center; |