样式优化

黄何裕

2024-07-30 1995e710dcf70e635c4edaa8173f8b66cd67d499

样式优化

 src/assets/images/screen/cardBg2.png

 src/views/screen/components/screen-examine/components/examine-chart.vue

@@ -25,7 +25,9 @@
        { id: 3, name: '档案考核比', value: 60, routerUrl: '/car/vehicle-data-monitor/index' },
        { id: 4, name: '点位在线率', value: 40, routerUrl: '/car/vehicle-data-monitor/index' },
        { id: 5, name: '录像可用率', value: 80, routerUrl: '/car/vehicle-data-monitor/index' },
        { id: 6, name: '重点点位录像可用率', value: 20, routerUrl: '/car/vehicle-data-monitor/index' }
        { id: 6, name: '重点点位录像可用率', value: 20, routerUrl: '/car/vehicle-data-monitor/index' },
        { id: 7, name: '重点点位录像可用率', value: 20, routerUrl: '/car/vehicle-data-monitor/index' },
        { id: 8, name: '重点点位录像可用率', value: 20, routerUrl: '/car/vehicle-data-monitor/index' },
      ]
    }
  },

 src/views/screen/components/screen-examine/components/examine-hola.vue

@@ -96,7 +96,7 @@
              detail: {
                // 中心title设置
                offsetCenter: ['0%', '0%'],
                color: '#01F8FF',
                color: '#dedddd',
                formatter: '{value}%'
                // borderColor: '#01F8FF',
                // borderRadius: 20,
@@ -162,7 +162,7 @@
  .bottom {
    display: inline-block;
    width: 100%;
    color: #01f8ff;
    color: #dedddd;
    text-align: center;
    font-size: 14px;
    margin-top: 10px;

 src/views/screen/newPage/index.vue

@@ -32,15 +32,15 @@
              <div style="margin: 0 10px">人脸</div>
              <div class="data-info">
                <div class="data-lable">设备总数</div>
                <div class="data-num type1" v-roll>{{ 1123 }}</div>
                <div class="data-num type1"><span v-roll>{{ 1123 }}</span><i class="el-icon-bottom"></i></div>
              </div>
              <div class="data-info">
                <div class="data-lable">设备正常数</div>
                <div class="data-num type2" v-roll>{{ 1123 }}</div>
                <div class="data-num type2"><span v-roll>{{ 1123 }}</span><i class="el-icon-bottom"></i></div>
              </div>
              <div class="data-info">
                <div class="data-lable">设备异常数</div>
                <div class="data-num type3" v-roll>{{ 1123 }}</div>
                <div class="data-num type3"><span v-roll>{{ 1123 }}</span><i class="el-icon-bottom"></i></div>
              </div>
            </div>
            <div class="device_data">
@@ -52,15 +52,15 @@
              <div style="margin: 0 10px">车辆</div>
              <div class="data-info">
                <div class="data-lable">设备总数</div>
                <div class="data-num type1" v-roll>{{ 1123 }}</div>
                <div class="data-num type1"><span v-roll>{{ 1123 }}</span><i class="el-icon-bottom"></i></div>
              </div>
              <div class="data-info">
                <div class="data-lable">设备正常数</div>
                <div class="data-num type2" v-roll>{{ 1123 }}</div>
                <div class="data-num type2"><span v-roll>{{ 1123 }}</span><i class="el-icon-bottom"></i></div>
              </div>
              <div class="data-info">
                <div class="data-lable">设备异常数</div>
                <div class="data-num type3" v-roll>{{ 1123 }}</div>
                <div class="data-num type3"><span v-roll>{{ 1123 }}</span><i class="el-icon-bottom"></i></div>
              </div>
            </div>
            <div class="device_data">
@@ -72,15 +72,15 @@
              <div style="margin: 0 10px">视频</div>
              <div class="data-info">
                <div class="data-lable">设备总数</div>
                <div class="data-num type1" v-roll>{{ 1123 }}</div>
                <div class="data-num type1"><span v-roll>{{ 1123 }}</span><i class="el-icon-bottom"></i></div>
              </div>
              <div class="data-info">
                <div class="data-lable">设备正常数</div>
                <div class="data-num type2" v-roll>{{ 1123 }}</div>
                <div class="data-num type2"><span v-roll>{{ 1123 }}</span><i class="el-icon-bottom"></i></div>
              </div>
              <div class="data-info">
                <div class="data-lable">设备异常数</div>
                <div class="data-num type3" v-roll>{{ 1123 }}</div>
                <div class="data-num type3"><span v-roll>{{ 1123 }}</span><i class="el-icon-bottom"></i></div>
              </div>
            </div>
          </div>
@@ -100,6 +100,7 @@
      <div class="left_box">
        <div class="card" style="height: 103px">
          <div class="card_header"></div>
          <div>运维考核大屏</div>
        </div>
        <div class="card" style="height: 500px">
          <div class="card_header"><div class="title">人脸考核数据</div></div>
@@ -111,7 +112,7 @@
      <div class="footer_card">
        <div class="card_header">
          <div class="title">人脸考核数据</div>
          <div style="width: 500px; margin-left: 40px">
          <div style="width: 600px;">
            <ExamineChart class="wrapper-item"></ExamineChart>
          </div>
        </div>
@@ -119,7 +120,7 @@
      <div class="footer_card">
        <div class="card_header">
          <div class="title">车辆考核数据</div>
          <div style="width: 500px; margin-left: 40px">
          <div style="width: 600px;">
            <ExamineChart class="wrapper-item"></ExamineChart>
          </div>
        </div>
@@ -127,7 +128,7 @@
      <div class="footer_card">
        <div class="card_header">
          <div class="title">视频考核数据</div>
          <div style="width: 500px; margin-left: 40px">
          <div style="width:600px;">
            <ExamineChart class="wrapper-item"></ExamineChart>
          </div>
        </div>