大屏优化

xiangpei

2024-09-18 b7d7ba71ac11b10d6cd8dedca24ffaf751dc81e1

 src/views/screen/index.vue

@@ -114,9 +114,9 @@
          <div class="normal-statistics-content">
            <ul class="list-title-container">
              <li>地区</li>
              <li>视频设备</li>
              <li>车辆设备</li>
              <li>人脸设备</li>
              <li>视频</li>
              <li>车辆</li>
              <li>人脸</li>
            </ul>
            <div class="list-content">
              <div class="list-content-to is-scroll-bar">
@@ -396,14 +396,14 @@
      item1.value1 = this.workOrderData.doneNum
      item1.value2 = this.workOrderData.totalNum - this.workOrderData.doneNum
      item1.color = '#5cff9a'
      item1.title = '已处理工单数'
      item1.title = '已处理'
      this.statistics.push(item1)

      let item2 = {value1: 0, value2: 0, title: "", color: ""}
      item2.value1 = this.workOrderData.todoNum
      item2.value2 = this.workOrderData.totalNum - this.workOrderData.todoNum
      item2.color = '#ff7b72'
      item2.title = '未处理工单数'
      item2.title = '未处理'
      this.statistics.push(item2)
      console.log( this.statistics)
    },
@@ -976,6 +976,7 @@
        display: flex;
        flex-direction: column;
        height: 0;
        overflow: hidden;

        .title {
          width: 100%;
@@ -989,7 +990,7 @@
          position: relative;
          border-bottom: 1px solid #3e97e4;
          border-right: 1px solid #3e97e4;
          padding: 4% 4% 4% 0;
          padding: 0 4% 4% 0;
          box-sizing: border-box;
          height: 0;

@@ -1017,6 +1018,7 @@
          .list-title-container {
            width: 100%;
            height: 45px;
            margin: 4px 0 0 0;
            line-height: 45px;
            list-style-type: none;
            display: flex;
@@ -1092,6 +1094,7 @@
              height: 100%;
              overflow-y: auto;
              overflow-x: hidden;
              padding: 10px 0;
            }

            .item-list {
@@ -1100,7 +1103,7 @@
              align-items: center;
              list-style-type: none;
              border-bottom: 1px dashed #223654;

              margin: 10px 0;
              li {
                width: 25%;
                text-align: center;
@@ -1111,8 +1114,8 @@
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                height: 44px;
                line-height: 44px;
                height: 28px;
                line-height: 28px;
              }

              .name {