Merge branch 'master' of http://42.193.1.25:9521/r/zgyw-ui

ZhangXianQiang

2024-03-20 5b2cb9a6f0b99e86991e173c45e07f9126da4ebb

Merge branch 'master' of http://42.193.1.25:9521/r/zgyw-ui

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

@@ -3,7 +3,7 @@
    <div class="rank-chart">
      <div class="hola-item" v-for="item in dataList" :key="item.id">
        <examine-hola :startColor="'#02C77E'" :endColor="'#017770'" :centerValue="item.value"
          :bottomTitle="item.name"></examine-hola>
          :bottomTitle="item.name" :routerPath="item.routerUrl" ></examine-hola>
      </div>
    </div>
  </div>
@@ -20,15 +20,15 @@
  data() {
    return {
      dataList: [
        {id: 1,name: '平台在线率', value: 60},
        {id: 2,name: '一机一档合格率', value: 20},
        {id: 3,name: '档案考核比', value: 60},
        {id: 4,name: '点位在线率', value: 40},
        {id: 5,name: '录像可用率', value: 80},
        {id: 6,name: '重点点位录像可用率', value: 20},
        {id: 7,name: '信息采集准确率', value: 60},
        {id: 8,name: '卡门过车数据一致性', value: 40},
        
        {id: 1,name: '平台在线率', value: 60,routerUrl: '/car/vehicle-data-monitor/index'},
        {id: 2,name: '一机一档合格率', value: 20,routerUrl: '/car/vehicle-data-monitor/index'},
        {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: 7,name: '信息采集准确率', value: 60,routerUrl: '/car/vehicle-data-monitor/index'},
        {id: 8,name: '车辆过卡口数据一致性', value: 40,routerUrl: '/car/vehicle-data-monitor/index'},

      ]
    }
  },
@@ -65,4 +65,4 @@
    }
  }
}
</style>
</style>

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

@@ -2,7 +2,9 @@
  <!-- 进度条类型组件 -->
  <div class="progressChart">
    <div class="chart" id="progressChart" ref="chartRef"></div>
    <label class="bottom le-0-font">{{ bottomTitle }}</label>
    <el-link class="bottom le-0-font" :underline="false" @click="handleDetail(routerPath)">
    <label >{{ bottomTitle }}</label>
    </el-link>
  </div>
</template>
<script>
@@ -120,12 +122,22 @@
      type: [Number, String],
      default: 0
    },
    routerPath: {
      type: String,
      default: ''
    },
    bottomTitle: {
      type: String,
      default: ''
    }
  },
  methods: {},
  methods: {
    handleDetail(routerUrl) {
      this.$router.push({
        path: routerUrl,
      })
    }
  },
  created() { },
  mounted() {
    let myChart = echarts.init(this.$refs['chartRef']) // 使用Id无法实现
@@ -154,4 +166,4 @@
    margin-top: 10px;
  }
}
</style>
</style>