全局修改el-message样式右下角弹出，注释车辆详情字段，接口报错msg拦截修改

hejianhao

2025-04-28 920d599d5bfe8d90f495f2c4725a5139bbd1430d

全局修改el-message样式右下角弹出，注释车辆详情字段，接口报错msg拦截修改

 src/App.vue

@@ -56,6 +56,16 @@


.el-message {

  z-index: 9999 !important;

  position: fixed !important;

  right: 20px !important;

  bottom: 20px !important;

  top: auto !important;

  left: auto !important;

  transform: none !important;

  min-width: 300px;

  padding: 15px 20px;

  border-radius: 8px;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

}



#app {


 src/utils/request.js

@@ -143,6 +143,14 @@
        window.location.replace(`/`);

        return Promise.reject(res.data.data)

      }

      if (res.data.msg == '发起实时音视频失败' || res.data.msg == '获取视频失败') {

        Message({

          message: '发起实时音视频失败，可能是车辆离线导致',

          type: 'error',

          duration: 2000

        })

        return Promise.reject(res.data.data)

      }

      Message({

        message: res.data.msg || '服务器错误',

        type: 'error',


 src/view/car-manage/detail.vue

@@ -13,8 +13,8 @@
                        <el-descriptions-item label="车辆营运类型">{{ detail.operateType }}</el-descriptions-item>
                        <el-descriptions-item label="所属车主">{{ detail.driverName }}</el-descriptions-item>
                        <el-descriptions-item label="联系电话">{{ detail.driverPhone }}</el-descriptions-item>
                        <el-descriptions-item label="经营区域">{{ detail.operatingArea }}</el-descriptions-item>
                        <el-descriptions-item label="车辆年度审验">{{ detail.annualReviewStatus }}</el-descriptions-item>
                        <!-- <el-descriptions-item label="经营区域">{{ detail.operatingArea }}</el-descriptions-item> -->
                        <!-- <el-descriptions-item label="车辆年度审验">{{ detail.annualReviewStatus }}</el-descriptions-item> -->
                        <el-descriptions-item label="驾驶证" v-if="detail.drivingLicense">
                            <img class="img-size" :src="detail.drivingLicense"></img>
                        </el-descriptions-item>
@@ -22,9 +22,9 @@
                            <img class="img-size" :src="detail.travelLicense"></img>
                        </el-descriptions-item>
                    </el-descriptions>
                    <div class="info-btn" @click="showDetail">
                    <!-- <div class="info-btn" @click="showDetail">
                        车辆详细信息<i class="el-icon-arrow-right"></i>
                    </div>
                    </div> -->
                </div>
            </div>
            <div class="info-right flex2">

 src/view/home/index.vue

@@ -668,7 +668,7 @@

          // 恢复空状态的显示
          const video = document.getElementById("monitoringCard");
          if (video) {
          if (video) { 
            video.style.display = 'none';
            const emptyElement = video.parentElement.querySelector('.el-empty');
            if (emptyElement) {