优化

hejianhao

2025-05-08 1f1a643c7d42402d8121209cbc7afdf04709b203

优化

 src/router/router.js

@@ -126,21 +126,21 @@
      },
    ],
  },
  {
    path: "/complaint",
    component: Layout,
    children: [
      {
        path: "/complaint",
        component: () => import("@/view/complaint/index"),
        meta: {
          title: "投诉记录",
          icon: "complaint",
          menuId: 12,
        },
      },
    ],
  },
  // {
  //   path: "/complaint",
  //   component: Layout,
  //   children: [
  //     {
  //       path: "/complaint",
  //       component: () => import("@/view/complaint/index"),
  //       meta: {
  //         title: "投诉记录",
  //         icon: "complaint",
  //         menuId: 12,
  //       },
  //     },
  //   ],
  // },
  {
    path: "/systemManage",
    meta: {

 src/view/early-warning/index.vue

@@ -122,7 +122,12 @@
                <el-table-column prop="warnLevel" label="报警等级"></el-table-column>

                <el-table-column prop="warnNumber" label="报警次数"></el-table-column>

                <el-table-column prop="warnSource" label="报警来源"></el-table-column>

                <el-table-column prop="treatmentState" label="处理状态"></el-table-column>

                <el-table-column prop="treatmentState" label="处理状态">

                    <template #default="{ row }">

                        <span v-if="row.treatmentState == '处理中'" style="color: red;">未处理</span>

                        <span v-else style="color: #ccc;">已处理</span>

                    </template>

                </el-table-column>

                <el-table-column prop="treatmentUser" label="处理人"></el-table-column>

                <el-table-column prop="treatmentTime" label="处理时间"></el-table-column>

                <el-table-column prop="treatmentRemark" label="处理描述"></el-table-column>

@@ -137,7 +142,7 @@
                <div class="flex j-between a-center fs--20 pl--15 pr--15">

                    <!-- 使用 Tailwind CSS 的内联十六进制颜色类 -->

                    <div>{{ info.vehicleNumber }}<span v-if="info.warnList && info.warnList.length > 0">（{{

                            info.warnList.length

                        info.warnList.length

                            }}）</span></div><i @click="closeDrawer" class="el-icon-s-unfold color1 pointer"></i>

                </div>

                <hr class="mt--10" />

@@ -224,9 +229,9 @@
                        { label: '总预警数', value: this.totalAll },

                        { label: '已处理数', value: this.processed },

                        { label: '未处理数', value: this.unprocessed },

                        { 
                        {

                            label: '处理进度',

                            value: `${this.totalAll > 0 
                            value: `${this.totalAll > 0

                                ? ((this.processed / this.totalAll * 100).toFixed(2))

                                : 0}%`

                        }

@@ -425,6 +430,7 @@
    margin-bottom: 20px;

    text-align: center;

}



.color-grey-6 {

    color: #606266;

}


 src/view/home/index.vue

@@ -6,7 +6,7 @@
      <div class="carCount">
        <div class="title">车辆统计</div>
        <div class="fir">
          <div class="countCard" v-for="(item, index) in carCountData.slice(0, 3)" :key="item.id"
          <div class="countCard mid" v-for="(item, index) in carCountData.slice(0, 3)" :key="item.id"
            @click="toCarManage(item.name)">
            <img class="iconImg" :src="imgList[index]" />
            <div>
@@ -180,13 +180,13 @@
      AMap: null,
      infoWindow: null,
      imgList: [
        require("../../assets//homeImg/img1.png"),
      require("../../assets//homeImg/img3.png"),
      require("../../assets//homeImg/img6.png"),
      require("../../assets//homeImg/img7.png"),
      require("../../assets//homeImg/img5.png"),
      require("../../assets//homeImg/img1.png"),
      require("../../assets//homeImg/img4.png"),
        require("../../assets//homeImg/img2.png"),
        require("../../assets//homeImg/img3.png"),
        require("../../assets//homeImg/img4.png"),
        require("../../assets//homeImg/img5.png"),
        require("../../assets//homeImg/img6.png"),
        require("../../assets//homeImg/img7.png"),
      ],
      countList: [], //预警情况统计数据
      rankList: [], //预警排行榜数据
@@ -293,6 +293,7 @@
    async getCarCountData() {
      try {
        const res = await getCarCount();
        // let list=['客运','危货运输','普货运输','公交车','出租车','交邮','网约车']
        this.carCountData = res;
      } catch (error) {
        this.$message.error("获取车辆统计数据失败");
@@ -961,6 +962,7 @@

        .countCard {
          margin-right: 20px;
          padding: 14px 60px 18px 54px;
        }

        .countCard:last-child {