添加跳转

董国庆

2025-04-18 78edfe7244657853200ce4cd1fb34a3f910dc5ae

添加跳转

 src/view/home/index.vue

@@ -10,6 +10,7 @@
            class="countCard"
            v-for="(item, index) in carCountData.slice(0, 3)"
            :key="item.id"
            @click="toCarDetail(item.id)"
          >
            <img class="iconImg" :src="imgList[index]" />
            <div>
@@ -22,6 +23,7 @@
          <div
            class="countCard"
            v-for="(item, index) in carCountData.slice(3, 7)"
            @click="toCarDetail(item.id)"
            :key="item.id"
          >
            <img class="iconImg" :src="imgList[index + 3]" />
@@ -315,6 +317,12 @@
    next();
  },
  methods: {
    toCarDetail(id) {
      this.$router.push({
        path: "/car-manage",
        query: { id },
      });
    },
    // 获取车辆统计数据
    async getCarCountData() {
      try {
@@ -796,11 +804,11 @@
            barWidth: "20px",
            itemStyle: {
              borderRadius: [20, 20, 20, 20],
              color: (params) => {
                return ["#5B8FF9", "#5AD8A6", "#F6BD16", "#6DC8EC", "#945FB9"][
                  params.dataIndex
                ];
              },
              // color: (params) => {
              //   return ["#5B8FF9", "#5AD8A6", "#F6BD16", "#6DC8EC", "#945FB9"][
              //     params.dataIndex
              //   ];
              // },
            },
            data: this.countList.map((item) => item.num),
          },
@@ -1279,6 +1287,9 @@
            color: rgba(0, 0, 0, 0.45);
            line-height: 17px;
            text-align: right;
            overflow: auto;
            white-space: nowrap;
            text-overflow: ellipsis;
          }

          .rankRight {