大屏

Mr.Zhang

2023-08-23 11da32de75cc1f04691676349ff17853b42f8722

 screen_standard/src/views/index.vue

@@ -61,7 +61,7 @@
                      <div class="scroll_item_row_item_x"></div>
                      <span v-if="child.rate < 100">{{ child.rate.toFixed(0) }}%</span>
                      <img v-else src="@/assets/img/ic_complete@2x.png" alt="" />
                      <span class="scroll_item_row_item_wz">{{ child.procedureName }}</span>
                      <span class="scroll_item_row_item_wz">{{ child.procedureName.substring(0, 3) }}</span>
                    </div>
                  </el-tooltip>
                </div>
@@ -669,8 +669,10 @@
    }
    // 组件进行滚动
    scrollDom.scrollTop += 2
    // console.log(scrollDom.scrollHeight - scrollDom.clientHeight);
    // console.log(scrollDom.scrollTop);
    // 判断是否滚动到底部
    if (Math.floor(scrollDom.scrollTop) >= (scrollDom.scrollHeight - scrollDom.clientHeight)) {
    if (scrollDom.scrollTop >= (scrollDom.scrollHeight - scrollDom.clientHeight - 2)) {
      // 获取组件第一个节点
      let first = scrollDom.children[0]
      // 删除节点
@@ -693,9 +695,9 @@
      return
    }
    // 组件进行滚动
    scrollDom.scrollTop += 1
    scrollDom.scrollTop += 2
    // 判断是否滚动到底部
    if (scrollDom.scrollTop >= (scrollDom.scrollHeight - scrollDom.clientHeight)) {
    if (scrollDom.scrollTop >= (scrollDom.scrollHeight - scrollDom.clientHeight - 2)) {
      // 获取组件第一个节点
      let first = scrollDom.children[0]
      // 删除节点
@@ -718,11 +720,11 @@
      return
    }
    // 组件进行滚动
    scrollDom.scrollTop += 1
    scrollDom.scrollTop += 2
    // console.log('scrollDom.scrollTop', scrollDom.scrollTop);
    // console.log('scrollDom.scrollHeight - scrollDom.clientHeight', scrollDom.scrollHeight - scrollDom.clientHeight);
    // 判断是否滚动到底部
    if (scrollDom.scrollTop >= (scrollDom.scrollHeight - scrollDom.clientHeight)) {
    if (scrollDom.scrollTop >= (scrollDom.scrollHeight - scrollDom.clientHeight - 2)) {
      // 获取组件第一个节点
      let first = scrollDom.children[0]
      // 删除节点
@@ -740,14 +742,17 @@
    scrollDom = scrollContainer3.value
  } else {
    // 如果列表数量过少不进行滚动
    if (scrollDom.children.length <= 5) {
    let num = scrollContainer3.value.offsetHeight / 35;
    // alert(scrollDom.children.length  +"---------------"+num)
    // 如果列表数量过少不进行滚动
    if (scrollDom.children.length <= num) {
      clearTimeout(timer3.value)
      return
    }
    // 组件进行滚动
    scrollDom.scrollTop += 1
    scrollDom.scrollTop = scrollDom.scrollTop+2
    // 判断是否滚动到底部
    if (scrollDom.scrollTop >= (scrollDom.scrollHeight - scrollDom.clientHeight)) {
    if (scrollDom.scrollTop >= (scrollDom.scrollHeight - scrollDom.clientHeight -2)) {
      // 获取组件第一个节点
      let first = scrollDom.children[0]
      // 删除节点
@@ -764,15 +769,18 @@
  if (scrollDom.offsetHeight == 0) {
    scrollDom = scrollContainer4.value
  } else {
    // console.log(bottom1.value.height);
    let num = scrollContainer4.value.offsetHeight / 35;
    // alert(scrollDom.children.length  +"---------------"+num)
    // 如果列表数量过少不进行滚动
    if (scrollDom.children.length < 5) {
    if (scrollDom.children.length <= num) {
      clearTimeout(timer4.value)
      return
    }
    // 组件进行滚动
    scrollDom.scrollTop += 1
    scrollDom.scrollTop += 2
    // 判断是否滚动到底部
    if (scrollDom.scrollTop >= (scrollDom.scrollHeight - scrollDom.clientHeight)) {
    if (scrollDom.scrollTop >= (scrollDom.scrollHeight - scrollDom.clientHeight - 2)) {
      // 获取组件第一个节点
      let first = scrollDom.children[0]
      // 删除节点
@@ -789,6 +797,9 @@

onMounted(() => {
  if (!departId.value) return;
  window.addEventListener('resize', () => {
    init()
  })
  timer5.value = setInterval(init(), 60000)
})
</script>
@@ -972,7 +983,7 @@

        .main_container {
          width: 100%;
          height: calc(100% - 35px);
          height: calc(100% - 38px);

          .scroll_container {
            width: 100%;