数据中心，视频中的指标字段

xiangpei

2024-07-31 ebb3064b2e88d8330d43a7dabd2071b99cf8b26e

 src/views/screen/newPage/index.vue

@@ -17,10 +17,10 @@
    </div>
    <div style="display: flex; justify-content: space-between">
      <div class="left_box">
        <div class="titleCard" style="height: 90px ;width:450px ;">
        <div class="titleCard" style="height: 90px; width: 450px">
          <div>运维考核大屏</div>
        </div>
        <div class="card" style="height: 622px;">
        <div class="card" style="height: 622px">
          <div class="card_header"><div class="title">工单数据</div></div>
          <div><ScreenData></ScreenData></div>
        </div>
@@ -138,7 +138,7 @@
      <div class="footer_card">
        <div class="card_header">
          <div class="title">人脸考核数据</div>
          <div style="width: 600px; margin-left: -20px;">
          <div style="width: 600px; margin-left: -20px">
            <ExamineChart class="wrapper-item"></ExamineChart>
          </div>
        </div>
@@ -146,7 +146,7 @@
      <div class="footer_card">
        <div class="card_header">
          <div class="title">车辆考核数据</div>
          <div style="width: 600px;margin-left: -20px;">
          <div style="width: 600px; margin-left: -20px">
            <ExamineChart class="wrapper-item"></ExamineChart>
          </div>
        </div>
@@ -154,7 +154,7 @@
      <div class="footer_card">
        <div class="card_header">
          <div class="title">视频考核数据</div>
          <div style="width: 600px;margin-left: -20px;">
          <div style="width: 600px; margin-left: -20px">
            <ExamineChart class="wrapper-item"></ExamineChart>
          </div>
        </div>
@@ -221,29 +221,39 @@
  }
  .return-button {
    position: absolute;
    right: 20px;
    right: -5px;
    top: 20px;
    background: url("../../../assets/images/screen/backBt.png");
    background-size: 100% 100%;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    color: #4481dd;
    padding: 15px 25px;
    cursor: pointer;
    font-size: 20px;
  }
}
::v-deep .tabs-box {
  margin-top: 5px;
  .el-tabs__item {
    color: #ffffff !important;
    font-size: 20px;
    font-size: 26px;
  }
  .is-active {
    color: #66b5ff !important;
    background: url("../../../assets/images/screen/button1.png");
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    color: #00b8ff !important;
    // background: url("../../../assets/images/screen/button1.png");
    // background-size: cover !important;
    // background-repeat: no-repeat !important;
    // background-position: center center !important;
    background: linear-gradient(#00b8ff, #00b8ff) left top,
      linear-gradient(#00b8ff, #00b8ff) left top,
      linear-gradient(#00b8ff, #00b8ff) right top,
      linear-gradient(#00b8ff, #00b8ff) right top,
      linear-gradient(#00b8ff, #00b8ff) left bottom,
      linear-gradient(#00b8ff, #00b8ff) left bottom,
      linear-gradient(#00b8ff, #00b8ff) right bottom,
      linear-gradient(#00b8ff, #00b8ff) right bottom;
    background-repeat: no-repeat;
    background-size: 0.1vw 0.5vw, 0.5vw 0.1vw;
  }
}
::v-deep .el-input__inner {
@@ -271,9 +281,17 @@
::v-deep .el-tabs__item {
  margin: 5px 30px;
  padding: 0px 25px !important;
  border-radius: 5px;
  border: 1px solid rgba(92, 148, 233, 0.4);
  background-color: rgba(65, 136, 242, 0.1);
  background: linear-gradient(#ffffff, #ffffff) left top,
    linear-gradient(#ffffff, #fff) left top,
    linear-gradient(#ffffff, #ffffff) right top,
    linear-gradient(#ffffff, #ffffff) right top,
    linear-gradient(#ffffff, #ffffff) left bottom,
    linear-gradient(#ffffff, #ffffff) left bottom,
    linear-gradient(#ffffff, #ffffff) right bottom,
    linear-gradient(#ffffff, #ffffff) right bottom;
  background-repeat: no-repeat;
  background-size: 0.1vw 0.5vw, 0.5vw 0.1vw;
  // background-color: rgba(65, 136, 242, 0.1);
  // background: url("../../../assets/images/screen/button.png");
  // background-size: 100% 100%;
  // background-repeat: no-repeat !important;
@@ -295,11 +313,11 @@
    // background-size: 100% 100%;
    // background-repeat: no-repeat !important;
    // background-position: center center !important;
    font-size: 36px;
    font-size: 40px;
    font-weight: bold;
    position: absolute;
    top: -60px;
    left:0px;
    left: 10px;
  }
}
.large_screen_box {