二手车车源信息--求购页添加车源id

story#6735 中道救援系统及调度APP中新增报警模块接口
2025-07-23 15:37:41 +08:00 · 2025-07-18 17:36:24 +08:00 · 2025-07-18 16:48:25 +08:00 · 2025-07-17 09:16:47 +08:00 · 2025-07-16 16:00:55 +08:00 · 2025-07-09 14:13:52 +08:00
48 changed files with 2000 additions and 86 deletions
--- a/public/index.html
+++ b/public/index.html
@ -26,10 +26,11 @@
    <van-number-keyboard safe-area-inset-bottom />
    <script type="text/javascript">
        window._AMapSecurityConfig = {
-            serviceHost: 'https://api.sinoassist.com/_AMapService',
+            // serviceHost: 'https://api.sinoassist.com/_AMapService',
          securityJsCode:'91ab1ebc492d5479a68b11527bd73dc9',
        }
    </script>
-    <script src="https://webapi.amap.com/maps?v=1.4.15&key=2560bbf04daef66c810c5e6a97e8c508&plugin=AMap.Polyline"></script>
+    <script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=2560bbf04daef66c810c5e6a97e8c508&plugin=AMap.AutoComplete,AMap.PlaceSearch,AMap.Geolocation,AMap.Geocoder,AMap.Marker,AMap.Driving"></script>
 <!--    <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>-->
    <script>
        // VConsole 默认会挂载到 `window.VConsole` 上
--- a/public/res/privacy.html
+++ b/public/res/privacy.html
@ -44,10 +44,10 @@
 <body>
 <div class="container">
    <h3>声明</h3>
-    <p>本平台为二手车买卖双方提供免费信息发布服务。在您使用本平台之前，请仔细阅读并理解本免责声明。一旦使用本平台，即视为您已阅读、理解并同意接受本免责声明的所有条款。</p>
+    <p>本平台为二手拖车买卖双方提供免费信息发布服务。在您使用本平台之前，请仔细阅读并理解本免责声明。一旦使用本平台，即视为您已阅读、理解并同意接受本免责声明的所有条款。</p>
    <h4>一、平台性质</h4>
-    <p>1. 本平台仅为信息发布平台，不参与任何二手车交易环节，包括但不限于交易洽谈、合同签订、款项支付、车辆交付等，实际交易价格由买卖双方自行协商确定。</p>
+    <p>1. 本平台仅为信息发布平台，不参与任何二手拖车交易环节，包括但不限于交易洽谈、合同签订、款项支付、车辆交付等，实际交易价格由买卖双方自行协商确定。</p>
    <p>2. 本平台不对发布信息的真实性、准确性、完整性、合法性进行任何形式的担保或保证，用户应自行判断信息的真实性并承担由此产生的风险。</p>
    <h4>二、用户责任</h4>
--- a/src/api/order.js
+++ b/src/api/order.js
@ -112,3 +112,43 @@ export function correctionHandle(data) {
    data
  })
 }
 // 获取报警列表
 export function getAlarmList(data) {
  return request({
    url: '/supplierAppV2/dispatchApp/alarm/alarmList',
    method:'POST',
    contentType: 'application/json',
    data
  })
 }
 // 获取报警数目
 export function getAlarmCount(data) {
  return request({
    url: '/supplierAppV2/dispatchApp/alarm/alarmCount',
    method:'POST',
    data
  })
 }
 // 获取报警详情
 export function getAlarmByCode(data) {
  return request({
    url: '/supplierAppV2/dispatchApp/alarm/getAlarmByCode',
    method:'POST',
    data
  })
 }
 // 处理报警
 export function dealWithAlarm(data) {
  return request({
    url: '/supplierAppV2/dispatchApp/alarm/handAlarm',
    method:'POST',
    data
  })
 }
--- a/src/api/report.js
+++ b/src/api/report.js
@ -0,0 +1,37 @@
 import request from '@/utils/http'
 // 根据订单 获取报备类型
 export function getReportListByOrder(key){
  return request({
    url: '/order/baseDriverReportConfigs/getByOrderId',
    method:'GET',
    params: key
  })
 }
 // 添加报备
 export function newOrderReporting(data){
  return request({
    url: '/supplierAppV2/dispatchApp/order/newOrderReporting',
    method:'POST',
    contentType: 'application/json',
    data
  })
 }
 // 获取报备列表
 export function reportHistory(data){
  return request({
    url: '/supplierAppV2/dispatchApp/order/reportHistory',
    method:'POST',
    data
  })
 }
 // 获取订单信息
 export function getOrderInfo(data){
  return request({
    url: '/supplierAppV2/dispatchApp/order/reportOrderDetail',
    method:'POST',
    data
  })
 }
--- a/src/api/secondHandCar.js
+++ b/src/api/secondHandCar.js
@ -54,14 +54,14 @@ export function userFeedback(data){
    data
  })
 }
-//二手车信息擦亮
+//二手拖车信息擦亮
 export function usedCarPolish(data){
  return request({
    url: `/toc-user/car-app/usedCarPolish/${data}`,
    method:'POST',
  })
 }
-//二手车信息下架
+//二手拖车信息下架
 export function usedCarRemove(data){
  return request({
    url: '/toc-user/car-app/usedCarRemove',
@ -70,7 +70,7 @@ export function usedCarRemove(data){
    data
  })
 }
-//二手车信息重新上架
+//二手拖车信息重新上架
 export function usedCarReShelf(data){
  return request({
    url: `/toc-user/car-app/usedCarReShelf/${data}`,
--- a/src/assets/alarm_check.png
+++ b/src/assets/alarm_check.png
--- a/src/assets/alarm_one.png
+++ b/src/assets/alarm_one.png
--- a/src/assets/alarm_repair.png
+++ b/src/assets/alarm_repair.png
--- a/src/assets/alarm_three.png
+++ b/src/assets/alarm_three.png
--- a/src/assets/alarm_tip.png
+++ b/src/assets/alarm_tip.png
--- a/src/assets/alarm_trailer.png
+++ b/src/assets/alarm_trailer.png
--- a/src/assets/alarm_two.png
+++ b/src/assets/alarm_two.png
--- a/src/assets/alarm_unCheck.png
+++ b/src/assets/alarm_unCheck.png
--- a/src/assets/report/add_report_address.png
+++ b/src/assets/report/add_report_address.png
--- a/src/assets/report/add_report_arrow.png
+++ b/src/assets/report/add_report_arrow.png
--- a/src/assets/report/add_report_bg.png
+++ b/src/assets/report/add_report_bg.png
--- a/src/assets/report/add_report_close.png
+++ b/src/assets/report/add_report_close.png
--- a/src/assets/report/add_report_dot.png
+++ b/src/assets/report/add_report_dot.png
--- a/src/assets/report/add_report_time.png
+++ b/src/assets/report/add_report_time.png
--- a/src/assets/report/destMarker.png
+++ b/src/assets/report/destMarker.png
--- a/src/assets/report/report_address.png
+++ b/src/assets/report/report_address.png
--- a/src/assets/report/report_ai.png
+++ b/src/assets/report/report_ai.png
--- a/src/assets/report/report_cancel.png
+++ b/src/assets/report/report_cancel.png
--- a/src/assets/report/report_customer.png
+++ b/src/assets/report/report_customer.png
--- a/src/assets/report/report_delay.png
+++ b/src/assets/report/report_delay.png
--- a/src/assets/report/report_dispatch.png
+++ b/src/assets/report/report_dispatch.png
--- a/src/assets/report/report_driver.png
+++ b/src/assets/report/report_driver.png
--- a/src/assets/report/report_fee.png
+++ b/src/assets/report/report_fee.png
--- a/src/assets/report/report_line.png
+++ b/src/assets/report/report_line.png
--- a/src/assets/report/report_logo.png
+++ b/src/assets/report/report_logo.png
--- a/src/assets/report/report_other.png
+++ b/src/assets/report/report_other.png
--- a/src/assets/report/report_unconnect.png
+++ b/src/assets/report/report_unconnect.png
--- a/src/router/index.js
+++ b/src/router/index.js
@ -4,6 +4,7 @@ Vue.use(VueRouter);
 import kpiRouter from './kpi-router'
 import invoiceRouter from "@/router/invoice-router";
 import secondHandRouter from "@/router/second-hand-router";
 import reportRouter from "@/router/report-router"
 const routes = [
    {
      path: '/',
@ -250,6 +251,22 @@ const routes = [
            title:'车辆维保'
        }
    },
    {
        path: '/vehicleAlarmList',
        name: 'vehicleAlarmList',
        component:()=>import('@/views/vehicle-maintenance/vehicle-alarm-list.vue'),
        meta: {
            title:'车辆报警'
        }
    },
    {
        path: '/vehicleAlarmDetail',
        name: 'vehicleAlarmDetail',
        component:()=>import('@/views/vehicle-maintenance/vehicle-alarm-detail.vue'),
        meta: {
            title:'报警详情'
        }
    },
    {
        path: '/maintenanceApplication',
        name: 'maintenanceApplication',
@ -277,6 +294,7 @@ const routes = [
    ...kpiRouter,
    ...invoiceRouter,
    ...secondHandRouter,
    ...reportRouter
  ]
 const router = new VueRouter({
--- a/src/router/report-router.js
+++ b/src/router/report-router.js
@ -0,0 +1,21 @@
 const reportRouter = [
  {
    path: '/reportIndex',
    name: 'reportIndex',
    component: () => import('@/views/report/reportIndex'),
    meta:{
      title: '道路救援',
      cache: true,
      modalState: false,
    }
  },
  {
    path: '/addressMap',
    name: 'addressMap',
    component: () => import('@/views/report/addressMap'),
    meta:{
      title: '道路救援',
    }
  },
 ]
 export default reportRouter
--- a/src/utils/http.js
+++ b/src/utils/http.js
@ -11,7 +11,11 @@ const service = axios.create({
 })
 const urlParams = new URLSearchParams(window.location.search);
 let token = urlParams.get('token');
-localStorage.setItem('token', token);
+if( token ) {
  localStorage.setItem('token', token);
 } else {
  localStorage.setItem('token', '');
 }
 service.interceptors.request.use(
    config => {
      let reqUrl=config.url
@ -21,11 +25,13 @@ service.interceptors.request.use(
      }
      config.headers['Content-Type'] = config.contentType || 'application/x-www-form-urlencoded'
      let token = localStorage.getItem('token');
-      // let token='4099761587129c46b03c9316c9e866c9'
+      // let token='eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJBTkNIQU5HIiwidXNlcklkIjo0NTY3MSwibmFtZSI6IuWuieeVhSIsInVzZXJOYW1lIjoiQU5DSEFORyIsInN1cHBsaWVySWQiOjExMjgsImlzWmQiOjAsImV4cCI6MTc1NTQyMjUyNX0.xzDZhaANJFnbeViIHJA0SEtOyTv7Ja3rKmXqRKRuFkc'
      // let token='eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJTSEhQWEIiLCJ1c2VySWQiOjU0NzI2LCJuYW1lIjoiI-a1i-ivleWwj-eZveeZvSIsInVzZXJOYW1lIjoiU0hIUFhCIiwic3VwcGxpZXJJZCI6MTAwMDE2NSwiZXhwIjoxNzQ0NTEwNzkwfQ.JPk0OA7slYJN3FIi_uhW4Y0CiWRvl6R1dK8MRTbyhD8'
       if(!(reqUrl=='/supplier/supplierTraining/trainingTask' || reqUrl=='/supplier/supplierTraining/normalList' || reqUrl=='/supplier/supplierTraining/trainingList')){
         if(token) {
           config.headers['Authorization'] = `${token}`;
           config.headers['token'] = `${token}`;
         }
       }
      return config
    },
--- a/src/utils/map.js
+++ b/src/utils/map.js
@ -36,6 +36,7 @@ export function getAddress(mapContext, lnglat) {
        } else {
          console.log(result)
          alert(JSON.stringify(result))
          reject(result)
        }
      })
    })
@ -44,7 +45,7 @@ export function getAddress(mapContext, lnglat) {
 // 输入提示
 export function searchFun(mapContext, cityCode, keyword) {
-  return new Promise((resolve, reject) => {
+  return new Promise((resolve) => {
    mapContext.plugin('AMap.AutoComplete', function(){
      var autoOptions = {
        city: cityCode || '全国',
@ -57,7 +58,7 @@ export function searchFun(mapContext, cityCode, keyword) {
        if(result.info == 'OK') {
          resolve(result.tips)
        } else {
-          reject(result)
+          resolve([])
        }
      })
    })
@ -90,6 +91,7 @@ export function getRoad( mapContext, startLng, startLat, endLng, endLat ) {
 }
 /*
 function drawRoute(route, map) {
  let path = parseRouteToPath(route)
@ -106,3 +108,4 @@ function drawRoute(route, map) {
  map.add(routeLine);
 }
 */
--- a/src/views/report/addressMap.vue
+++ b/src/views/report/addressMap.vue
@ -0,0 +1,213 @@
 <template>
  <div class="address_wrap">
    <div class="map_wrap" id="mapId">
    </div>
    <div class="button_wrap">
      <div class="cancel_btn" @click="cancelHandler">取消</div>
      <div class="confirm_btn" @click="successHandler">完成</div>
    </div>
    <div class="search_wrap">
      <div class="section">
        <input type="text" v-model="keyword" @change="searchHandler" placeholder="请输入地址" />
      </div>
      <div class="server_list" v-if="keyword">
        <div class="text_box" v-for="(item, index) in addressList" :key="index" @click="chooseHandler(item, index)" :class="{'active': index == activeIndex}">
          <div class="address_name">{{ item.name }}</div>
          <div class="address_detail">{{ ( item.district || '' ) + ( item.address || '' ) }}</div>
        </div>
      </div>
    </div>
  </div>
 </template>
 <script>
  import { searchFun, getLocal, getAddress } from '@/utils/map'
  export default {
    name: "addressMap",
    data() {
      return {
        keyword: '',
        addressList: [],
        activeIndex: '',
        map: '',
        marker: null,
        cityCode: ''
      }
    },
    watch: {
      keyword() {
        this.searchHandler()
      }
    },
    async mounted() {
      sessionStorage.setItem('reportAddress', '')
      await this.initMap()
    },
    methods: {
      async initMap() {   // 初始化地图
        this.map = new AMap.Map('mapId', {
          viewMode: '2D',  // 默认使用 2D 模式
          zoom:11,  //初始化地图层级
        })
        let res = await getLocal(this.map);
        let lnglat = new AMap.LngLat(res?.lng, res?.lat);
        let location = await getAddress(this.map, lnglat)
        this.cityCode = location?.regeocode.addressComponent.adcode
        //location?.regeocode?.addressComponent?.city || location?.regeocode?.addressComponent?.province
        console.log('location', location);
      },
      async searchHandler() {
        this.activeIndex = null
        if( this.keyword ) {
          this.addressList = await searchFun(this.map,  this.cityCode, this.keyword,)
          this.addressList = this.addressList.filter(item => !!item.location)
        } else {
          this.addressList = []
        }
      },
      chooseHandler(item, index) {
        this.activeIndex = index;
        this.addMarker()
      },
      addMarker() {
        if( this.marker ) {
          this.map.remove(this.marker)
        }
        let content = '<div class="dest-position"></div>';
        let activeObj = this.addressList[this.activeIndex];
        this.marker = new AMap.Marker({
          position: new AMap.LngLat( activeObj.location.lng, activeObj.location.lat ),
          content: content,
          offset: new AMap.Pixel(-13, -30)
        });
        this.map.add(this.marker)
        this.map.setCenter([activeObj.location.lng, activeObj.location.lat])
      },
      successHandler() {
        if( this.activeIndex == null ) {
          this.$toast('请选择具体地址')
          return
        }
        let activeObj = this.addressList[this.activeIndex];
        let _tempObj = {
          startPoiAddress: activeObj?.district + activeObj?.address + activeObj?.name,
          startLat: activeObj?.location?.lat,
          startLng: activeObj?.location?.lng,
          adCode: activeObj?.adcode,
        }
        sessionStorage.setItem('reportAddress', JSON.stringify(_tempObj))
        setTimeout(() => {
          this.$router.go(-1)
        }, 1)
      },
      // 取消 返回上一页
      cancelHandler() {
        this.$router.go(-1)
      },
    }
  }
 </script>
 <style>
  .dest-position {
    width: 30px;
    height: 36px;
    background-size: 100% 100%;
    background-image: url("~@/assets/report/destMarker.png");
  }
 </style>
 <style scoped lang="scss">
  .address_wrap {
    height: 100%;
  }
  .map_wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 60%;
    z-index: -1;
  }
  .button_wrap {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    zoom: 1;
    position: fixed;
    top: 0;
    .cancel_btn {
      width: 50px;
      height: 27px;
      background: #F37877;
      font-size: 12px;
      text-align: center;
      line-height: 27px;
      color: #fff;
      border-radius: 3px;
      float: left;
    }
    .confirm_btn {
      width: 50px;
      height: 27px;
      background: rgba(5,193,98,1);
      font-size: 12px;
      text-align: center;
      line-height: 27px;
      color: #fff;
      border-radius: 3px;
      float: right;
    }
  }
  .search_wrap {
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 60%;
    bottom: 0;
    left: 0;
    overflow: auto;
    .section {
      height: 35px;
      width: 100%;
      background-color: #fff;
      position: fixed;
      top: 40%;
      padding-top: 10px;
      input {
        width: 90%;
        margin: 0 auto;
        display: block;
        border: none;
        height: 30px;
        border-radius: 3px;
        padding: 0 10px;
        background: #e2e0e0;
        font-size: 14px;
      }
    }
    .server_list {
      overflow-y: auto;
      padding-top: 30px;
      .text_box {
        margin: 10px 25px;
        padding-top: 10px;
        .address_name {
          font-size: 14px !important;
          color: rgba(0,0,0,0.8);
        }
        .address_detail {
          margin-top: 3px;
          color: #c3c3c3 !important;
          font-size: 12px !important;
        }
      }
      .active {
        .address_name {
          color: green !important;
        }
        .address_detail {
          color: green !important;
        }
      }
    }
  }
 </style>
--- a/src/views/report/components/report-list-item.vue
+++ b/src/views/report/components/report-list-item.vue
@ -0,0 +1,57 @@
 <template>
  <div class="bottom_wrap">
    <div class="report_item" v-for="(item, index) in reportList" @click="goReportHandler(item)" :key="index">
      <img class="report_icon" :src="item?.iconUrl" alt="">
      <div class="report_title">{{item.name}}</div>
    </div>
  </div>
 </template>
 <script>
 export default {
  name: "report-list-item",
  data() {
    return {
      addressReportCode: '',
    }
  },
  props: ['reportList'],
  methods: {
    goReportHandler(data) {
      this.$emit('getReport', data);
    },
  }
 }
 </script>
 <style scoped lang="scss">
 .bottom_wrap {
  width: 100%;
  /*position: fixed;*/
  bottom: 0;
  /*padding: 0 34px 20px;*/
  padding-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(53,73,93,0.2);
  box-sizing: border-box;
  .report_item {
    width: 25%;
    margin-top: 20px;
    text-align: center;
    .report_icon {
      width: 45px;
      height: 45px;
    }
    .report_title {
      color: rgba(53, 53, 53, 0.67);
      font-size: 11px;
      line-height: 16px;
      margin-top: 6px;
    }
  }
 }
 </style>
--- a/src/views/report/components/service-item.vue
+++ b/src/views/report/components/service-item.vue
@ -0,0 +1,112 @@
 <template>
  <div class="wrap">
    <div class="service_title">
      <span class="name">{{orderInfo?.serviceName}}</span>
      <span class="status">
        {{orderInfo?.orderStatusString}}
        <span class="refresh_btn" @click="refreshHandler">刷新</span>
      </span>
    </div>
    <!--    <img class="report_line" src="@/assets/report/report_line.png" alt="">-->
    <div class="service_content">
      <div class="content_left">
        <img class="report_logo" src="@/assets/report/report_logo.png" alt="">
      </div>
      <div class="content_right">
        <div class="order_code">单号：{{orderInfo?.userOrderCode}}</div>
        <div class="company">单位：{{orderInfo?.supplierName}}</div>
        <div class="driver_info">
          <span class="driver_name">{{orderInfo?.driverName}}</span>
          <span>{{orderInfo?.phone}}</span>
        </div>
      </div>
    </div>
  </div>
 </template>
 <script>
  export default {
    name: "service-item",
    props: ['orderInfo'],
    methods: {
      refreshHandler() {
        this.$emit('refresh')
      }
    }
  }
 </script>
 <style scoped lang="scss">
  .wrap {
    width: calc(100% - 20px);
    background: #FFFFFF;
    box-shadow: 0px 0px 9px 0px rgba(53,73,93,0.2);
    border-radius: 8px;
    border: 1px solid #E6E6E6;
    backdrop-filter: blur(5.602678571428572px);
    margin: 0 auto;
  }
 .service_title {
  height: 40px;
  line-height: 42px;
  padding-left: 22px;
  padding-right: 14px;
  background: #F9FDFF;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #EFEFEF;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  .name {
    font-size: 16px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.9);
  }
  .status {
    font-size: 13px;
    color: #F19028;
  }
  .refresh_btn {
    background-color: #267EF0;
    color: #fff;
    padding: 6px 12px;
    margin-left: 5px;
    border-radius: 3px;
  }
 }
 .service_content {
  padding: 11px 16px 18px;
  display: flex;
  .content_left {
    .report_logo {
      width: 56px;
      height: 56px;
      margin-right: 14px;
    }
  }
  .content_right {
    .order_code {
      color: #323643;
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 1px;
    }
    .company {
      color: #323643;
      font-size: 13px;
      margin-bottom: 3px;
    }
    .driver_info {
      color: rgba(50, 54, 67, 0.65);
      font-size: 12px;
      margin-bottom: 3px;
      .driver_name {
        margin-right: 10px;
      }
    }
  }
 }
 .report_line {
 }
 </style>
--- a/src/views/report/reportIndex.vue
+++ b/src/views/report/reportIndex.vue
@ -0,0 +1,568 @@
 <template>
 <!--  <van-pull-refresh v-model="isLoading" class="custom-pull-refresh safe-pull-refresh" @refresh="onRefresh">-->
    <div class="main_wrap">
      <div class="top_bg" :class="{'dispatch' : type == 1 , 'driver' : type != 1}">
 <!--        <div class="title">报备中心</div>-->
      </div>
      <div class="service_wrap">
        <service-item :order-info="orderInfo" @refresh="onRefreshHandler"></service-item>
      </div>
      <div class="chat_list" ref="chatList" >
        <!--ai对话框 s -->
        <div v-for="(item, index) in recordList" :key="index">
          <template v-if="item.messageType == 4">
            <div class="top_tip_wrap">为了快速解决问题，请选择下方咨询类型</div>
            <div class="ai_chat" >
              <div class="ai_left">
                <img class="report_ai" src="@/assets/report/report_ai.png" alt="">
              </div>
              <div class="ai_right">
                <div class="ai_title">{{ orderInfo?.driverName }}你好，请选择报备内容</div>
                <ul>
                  <li v-for="_item in item.content" :key="_item.id" @click="addReportHandler(_item)">“{{_item.name}}”</li>
                </ul>
              </div>
            </div>
          </template>
          <template v-if="[2, 3].includes(Number(item.messageType))">
            <!--ai对话框 e -->
            <div class="tip_wrap">{{item.createTime}}</div>
            <!--客服对话框 s -->
            <div class="customer_item mb20">
              <div class="customer_left">
                <img class="profile_photo mr" src="@/assets/report/report_customer.png" alt="">
              </div>
              <div class="common_right customer_cls">
                <div class="customer_status">{{item.reportConfigName}}</div>
                <div class="response_con">{{item.remark}}</div>
              </div>
            </div>
          </template>
          <template v-if="item.messageType == 1">
            <!--服务人员对话框 e -->
            <div class="tip_wrap">{{item.createTime}}</div>
            <!--服务人员对话框 s -->
            <div class="server_item mb20">
              <div class="common_right service_cls">
                <div class="service_status">{{item.reportConfigName}}</div>
                <div class="response_con">{{item.remark}}</div>
              </div>
              <div class="customer_left">
                <img class="profile_photo ml" v-if="type == 1" src="@/assets/report/report_dispatch.png" alt="">
                <img class="profile_photo ml" v-else src="@/assets/report/report_driver.png" alt="">
              </div>
            </div>
            <!--服务人员对话框 e -->
          </template>
        </div>
      </div>
      <report-list-item :report-list.sync="reportList" @getReport="getReportHandler" />
      <van-popup ref="addReportModal" v-model="addReportShow" :close-on-click-overlay="false" closeable duration="0" round position="bottom">
        <div class="dialog_wrap">
          <img class="add_report_bg" src="@/assets/report/add_report_bg.png" alt="">
          <div class="report_content">
            <template v-if="currentInfo.component == 'time'">
              <!--预约时间报备 s -->
              <div class="report_title">
                <img class="dot" src="@/assets/report/add_report_dot.png" alt="">
                <span>预约时间</span>
              </div>
              <div class="report_time_content" @click="showDatetime = true">
                <div class="report_time_left">
                  <img class="add_report_time" src="@/assets/report/add_report_time.png" alt="">
                  <span>{{appointTime || '请选择时间'}}</span>
                </div>
                <img class="report_arrow" src="@/assets/report/add_report_arrow.png" alt="">
              </div>
              <!--预约时间报备 e -->
            </template>
            <template v-if="currentInfo.component == 'address'">
              <!--修改地址报备 s -->
              <div class="report_title">
                <img class="dot" src="@/assets/report/add_report_dot.png" alt="">
                <span>修改地址</span>
              </div>
              <div class="report_time_content" @click="goPage('addressMap')">
                <div class="report_time_left">
                  <img class="add_report_time" src="@/assets/report/add_report_address.png" alt="">
                  <span>{{address || '请选择地址'}}</span>
                </div>
                <img class="report_arrow" src="@/assets/report/add_report_arrow.png" alt="">
              </div>
              <!--修改地址报备 e -->
            </template>
            <div class="report_title">
              <img class="dot" src="@/assets/report/add_report_dot.png" alt="">
              <span>补充报备内容</span>
            </div>
            <div class="report_common_content">
              <textarea class="report_textarea" id="text-input" rows="4" placeholder="点击这里输入补充报备内容" v-model.trim="remark"></textarea>
  <!--            <van-field-->
  <!--              v-model="remark"-->
  <!--              class="report_textarea"-->
  <!--              placeholder="点击这里输入补充报备内容" />-->
            </div>
          </div>
          <div class="report_btn" @click="saveHandler">
            提交报备
          </div>
        </div>
      </van-popup>
      <van-popup v-model="showDatetime" round position="bottom">
        <van-datetime-picker
          class="dataTime"
          v-if="showDatetime"
          v-model="appointTime"
          type="datetime"
          :min-date="minDate"
          @confirm="onConfirm"
          @cancel="showDatetime = false"
        />
      </van-popup>
    </div>
 <!--  </van-pull-refresh>-->
 </template>
 <script>
  import { getReportListByOrder, reportHistory, newOrderReporting, getOrderInfo } from "@/api/report"
  import { myMixins} from "@/utils/myMixins";
  import {timeFormat} from "@/utils/common";
  import reportListItem from '@/views/report/components/report-list-item'
  import serviceItem from "@/views/report/components/service-item"
  import {Dialog, Toast} from "vant";
  export default {
    name: "reportIndex",
    components: { serviceItem, reportListItem },
    mixins: [myMixins],
    data() {
      return {
        addReportShow: false,
        remark: '',
        showDatetime: false,
        appointTime: '',
        minDate: new Date(),
        address: '',
        lat: '',
        lng: '',
        reportList: [],
        recordList: [],
        orderInfo: {},
        type: '',   // 1 调度   2 司机
        currentInfo: '',
        userOrderId: '',
        userOrderCode: '',
        driverId: '',
        clickFlag: true,
        isLoading: false,
      }
    },
    async mounted() {
      const urlParams = new URLSearchParams(window.location.search);
      this.userOrderId = this.$route.query.userOrderId || urlParams.get('userOrderId');
      this.userOrderCode = this.$route.query.userOrderCode || urlParams.get('userOrderCode');
      this.type = this.$route.query.type || urlParams.get('type');
      this.driverId = this.$route.query.driverId || urlParams.get('driverId');
      await this.getReportList();
      await this.getDetail();
      await this.getRecordList();
      await this.scrollToBottom();
    },
    activated() {
      let addressSession = sessionStorage.getItem('reportAddress');
      if(addressSession) {
        let _obj = JSON.parse(addressSession)
        this.address = _obj.startPoiAddress;
        this.lat = _obj.startLat;
        this.lng = _obj.startLng;
        this.adCode = _obj.adCode;
      }
    },
    methods: {
      onRefreshHandler() {
        setTimeout(async () => {
          try {
            this.recordList = [];
            await this.getReportList();
            await this.getDetail();
            await this.getRecordList();
            await this.scrollToBottom();
          } finally {
            this.isLoading = false; // 结束加载状态
          }
        }, 100)
      },
      // 添加滚动方法
      scrollToBottom() {
        this.$nextTick(() => {
          const container = this.$refs.chatList
          container.scrollTop = container.scrollHeight
        })
      },
      async getRecordList() {
        let recordList = await reportHistory({
          userOrderId: this.userOrderId,
          userOrderCode: this.userOrderCode,
          driverId: this.driverId,
          source: Number(this.type),
        })
        this.recordList = recordList.data;
      },
      async saveHandler() {
        if( this.clickFlag ) {
          let data = {
            source: Number(this.type),
            reportContent: this.remark,
            userOrderId: Number(this.userOrderId),
            reportConfigId: this.currentInfo.id,
            userOrderCode: this.userOrderCode,
            driverId: this.driverId,
          }
          if(this.currentInfo.component == 'time') {
            if( !this.appointTime ) {
              Toast('预约时间不能为空')
              return
            }
            if( new Date(this.appointTime).getTime() <= new Date().getTime() ) {
              Toast('预约时间不能小于当前时间')
              return
            }
            data.time = this.appointTime
          }
          if(this.currentInfo.component == 'address') {
            if( !this.address ) {
              Toast('地址不能为空')
              return
            }
            data.address = this.address
            data.lat = this.lat;
            data.lng = this.lng;
          }
          if( !this.remark ) {
            Toast('备注内容不能为空')
            return
          }
          this.clickFlag = false;
          try {
            await newOrderReporting(data)
            Dialog.alert({
              title: '提示',
              message: "报备添加成功"
            }).then(async () => {
              await this.getRecordList()
              this.addReportShow = false
              this.scrollToBottom();
              this.initDialogData();
              this.clickFlag = true
            });
          } finally {
            this.clickFlag = true
          }
        }
      },
      initDialogData() {
        this.appointTime = '';
        this.address = '';
        this.lat = '';
        this.lng = '';
        this.remark = '';
      },
      addReportHandler(data) {  // 点击添加报备弹框
        this.currentInfo = data;
        this.addReportShow = true
      },
      getReportHandler(data) {  // 点击获取当前报备信息
        this.recordList.push({
          messageType: 4,
          content: data.child
        })
        this.scrollToBottom();
      },
      async getDetail(){  // 订单详情
        if(this.userOrderId) {
          let result = await getOrderInfo({
            userOrderId: this.userOrderId,
            userOrderCode: this.userOrderCode
          })
          this.orderInfo = result.data
        } else {
          this.orderInfo = {}
        }
      },
      async getReportList() {   // 报备大类
        let res = await getReportListByOrder({
          orderId: this.userOrderId
        });
        this.reportList = res.data
      },
      onConfirm(data) {
        this.appointTime = timeFormat(new Date(data))
        this.showDatetime = false;
      }
    }
  }
 </script>
 <style lang="scss">
  .custom-pull-refresh {
    height: 100% !important;
  }
 </style>
 <style lang="scss" scoped>
  #app {
    background: #F9FCFF !important;
    height: 100%;
  }
  .main_wrap {
    width: 100%;
    height: 100%;
    background: #F9FCFF !important;
    display: flex;
    flex-direction: column;
    // 添加以下样式确保正确的高度计算
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
 .top_bg {
  width: 100%;
  height: 87px;
  /*.title {
    color: #fff;
    text-align: center;
    padding-top: 52px;
    font-size: 17px;
    line-height: 24px;
  }*/
 }
  .dispatch { // 调度app头部背景色
    background: #354683;
  }
  .driver { // 司机app头部背景色
    background: #334885;
  }
 .service_wrap {
  margin-top: -75px;
  /*margin-bottom: 20px;*/
 }
 .chat_list {
  flex: 1;
  /*overflow: auto;*/
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; // 为了iOS平滑滚动
  padding-top: 10px;
  /* 修复 iOS 滚动问题 */
  transform: translateZ(0);
  .top_tip_wrap {
    color: #7C8698;
    text-align: center;
    font-size: 13px;
  }
  .tip_wrap {
    color: #7C8698;
    text-align: center;
    font-size: 13px;
    margin-bottom: 10px;
  }
  .ai_chat {
    padding: 25px 10px 20px;
    display: flex;
    .ai_left {
      .report_ai {
        width: 44px;
        height: 44px;
        margin-right: 12px;
      }
    }
    .ai_right {
      .ai_title {
        color: #203152;
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 15px;
      }
      li {
        font-size: 13px;
        color: #267EF0;
        line-height: 18px;
        margin-bottom: 15px;
        font-weight: bold;
      }
      li::before {
        content: "";
        display: inline-block;
        width: 8px;
        height: 8px;
        background-color: #5680FA;
        border-radius: 50%; /* 圆形 */
        margin-right: 10px;
      }
    }
  }
 }
 /*客服人员，服务人员对话弹框样式 s*/
  .profile_photo {
    width: 44px;
    height: 44px;
  }
  .mr {
    margin-right: 10px;
  }
  .ml {
    margin-left: 10px;
  }
  .mb20 {
    margin-bottom: 20px;
  }
  .customer_item {
    display: flex;
    padding-left: 10px;
    padding-right: 64px;
    .customer_left {
    }
  }
  .common_right {
    padding: 11px 13px;
    flex: 1;
    .customer_status::before {
      content: "";
      display: inline-block;
      width: 8px;
      height: 8px;
      background-color: #5680FA;
      border-radius: 50%; /* 圆形 */
      margin-right: 10px;
    }
    .customer_status {
      font-size: 14px;
      color: #267EF0;
      line-height: 20px;
      font-weight: bold;
    }
    .service_status {
      font-size: 14px;
      color: #F07926;
      line-height: 20px;
      font-weight: bold;
    }
    .service_status::before {
      content: "";
      display: inline-block;
      width: 8px;
      height: 8px;
      background-color: #F07926;
      border-radius: 50%; /* 圆形 */
      margin-right: 10px;
    }
  }
  .customer_cls {
    border-radius: 0px 6px 6px 6px;
    background: #E3F0FF;
  }
  .service_cls {
    background: #FAEBD8;
    border-radius: 0px 6px 6px 6px;
  }
  .server_item {
    display: flex;
    padding-right: 10px;
    padding-left: 64px;
  }
  .response_con {
    font-size: 13px;
    color: #242A37;
    line-height: 18px;
    font-weight: bold;
    margin-top: 5px;
  }
  /*客服人员，服务人员对话弹框样式 e*/
  .dialog_wrap {
    .add_report_bg {
      width: 100%;
      height: 76px;
    }
    .report_content {
      width: calc(100% - 12px);
      margin: -30px auto 0;
      padding-right: 14px;
      padding-left: 20px;
      box-sizing: border-box;
      background: #fff;
      position: relative;
      padding-top: 25px;
      border-radius: 10px;
      .report_title {
        font-size: 16px;
        font-weight: 600;
        color: #267EF0;
        line-height: 22px;
        margin-bottom: 10px;
        .dot {
          width: 7px;
          height: 6px;
          margin-right: 12px;
        }
      }
      .report_time_content {
        padding: 13px;
        background: #F2F7FF;
        border-radius: 6px;
        border: 1px solid #E2EAF6;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 30px;
        .report_time_left {
          font-size: 14px;
          font-weight: bold;
          color: rgba(0, 0, 0, 0.9);
          display: flex;
          align-items: flex-start;
        }
        .add_report_time {
          width: 18px;
          height: 18px;
          margin-right: 8px;
        }
        .report_arrow {
          width: 8px;
          height: 12px;
          margin-left: 5px;
        }
      }
      .report_common_content {
        margin-bottom: 27px;
        .report_textarea {
          width: 100%;
          box-sizing: border-box;
          background: #F8FAFC;
          border-radius: 6px;
          min-height: 95px;
          border: 1px solid #E2EAF6;
          padding: 10px;
          font-size: 13px;
        }
      }
    }
    .report_btn {
      width: calc(100% - 80px);
      height: 46px;
      line-height: 46px;
      background: #005DD5;
      border-radius: 23px;
      color: #FFFFFF;
      font-size: 15px;
      font-weight: bold;
      text-align: center;
      margin: 0 auto 40px;
    }
  }
  ::v-deep .van-popup__close-icon {
    color: #0F458E;
  }
 </style>
--- a/src/views/secondHandCar/carSource.vue
+++ b/src/views/secondHandCar/carSource.vue
@ -143,7 +143,7 @@
          <img v-show="radio==1" @click="radio=0" class="radioIcon" src="@/assets/secondHandCar/checked.png" />
          <img v-show="radio==0" @click="radio=1" class="radioIcon" src="@/assets/secondHandCar/uncheck.png" />
          <span>我已阅读并同意</span>
-          <span @click="viewPrivacy">《二手车交易条款》</span>
+          <span @click="viewPrivacy">《二手拖车交易条款》</span>
        </div>
        <div class="btnWrap" >
          <div v-if="type==1" class="btn commonBtn"  @click="noMultipleClicks(submitHandle)">发布</div>
--- a/src/views/secondHandCar/forSale.vue
+++ b/src/views/secondHandCar/forSale.vue
@ -3,7 +3,7 @@
    <div class="headerWrap">
      <div v-if="isWebFunc()" style="opacity: 0;" class="back"></div>
      <img v-else class="back" @click="h5GoBack" src="@/assets/secondHandCar/back.png" />
-      <span>在售</span>
+      <span>{{detailInfo?.status?.code !== 6 ? '在售' : '已售出'}}</span>
      <div style="opacity: 0;" class="back"></div>
    </div>
    <van-loading v-show="!detailInfo"  class="loadingWrap"  type="spinner" color="#1989fa" />
@ -40,10 +40,17 @@
          <div class="time">
            <span>{{ detailInfo.createTime?.substring(0,10) }}</span><span>{{ detailInfo.areaName }}</span><span>发布</span>
          </div>
-          <div class="price">
+          <div class="priceWrap">
-            售价（含税）：
+            <div class="price">
-            <span>{{ formatNumber(detailInfo.minPrice) }}</span>
+              售价（含税）：
-            <span>万</span>
+              <span>{{ formatNumber(detailInfo.minPrice) }}</span>
              <span>万</span>
            </div>
            <div class="viewNum">{{detailInfo.attentionCount}}人想要<span>{{detailInfo.browseCount}}人浏览</span></div>
          </div>
          <div class="price commonColor">
            车源ID: &nbsp;&nbsp;&nbsp;&nbsp;{{ detailInfo.code }}
            <img class="copyIcon" @click="copyHandler(detailInfo.code)" src="@/assets/copy.png" />
          </div>
        </div>
        <div class="detailInfoWrap wrapCommon">
@ -77,14 +84,24 @@
              <span>排放标准</span>
            </div>
            <div class="suGang"></div>
            <div class="itemInfo">
              <span>{{ detailInfo.brakeSystem == 2 ? '油刹' : '汽刹' }}</span>
              <span>刹车系统</span>
            </div>
          </div>
          <div class="descItem descCommon">
            <div class="itemInfo">
              <span>{{ detailInfo.underpanBrand }}</span>
              <span>底盘品牌</span>
            </div>
            <div class="suGang"></div>
            <div class="itemInfo">
              <el-tooltip  class="item" effect="dark" :content="formatToWan(detailInfo.mileage)+'公里'" placement="top">
                <span style="display: inline-block;width:100%;cursor: pointer; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;">{{ formatToWan(detailInfo.mileage)}}公里</span>
              </el-tooltip>
              <span>行驶公里</span>
            </div>
-          </div>
+            <div class="suGang"></div>
          <div class="descItem descCommon">
            <div class="itemInfo dateItemInfo">
              <span>{{ detailInfo.registerDate?.substring(0,10) }}</span>
              <span>注册日期</span>
@ -96,7 +113,7 @@
          <div class="descCommon desc">{{detailInfo.desc}}</div>
        </div>
        <div class="btnWrap" >
-          <div v-if="isList && !detailInfo.selfSupplierPublish" class="btn commonBtn"  @click="noMultipleClicks(handle)">我想要</div>
+          <div v-if="isList && !detailInfo.selfSupplierPublish && detailInfo.status.code !== 6" class="btn commonBtn"  @click="noMultipleClicks(handle)">我想要</div>
        </div>
      </div>
    </div>
@ -123,6 +140,7 @@ export default {
      startTime: null, // 记录进入时间
      recordType:1,
      isList:false,//是否是首页列表跳转过来的
      recordResponseId:'',//信息记录获取的id，用于关闭界面掉接口所需参数
    }
  },
  async mounted() {
@ -144,6 +162,7 @@ export default {
        queryType:this.queryType ,
      })
      this.detailInfo=res?.data
      // console.log("this.detailInfo",this.detailInfo)
      const municipalities = ['北京市', '天津市', '上海市', '重庆市'];
      const isMunicipality = municipalities.some(city => res.data.areaName.includes(city));
      this.detailInfo.areaName= isMunicipality ? res.data.areaName?.substring(0, 3) : res.data.areaName;
@ -154,12 +173,25 @@ export default {
        this.imgSrcList.unshift(res?.data?.vehicleRearPhoto)
      }
      this.imgSrcList.unshift(res?.data?.vehicleAnglePhoto)
      let result=await saveRecord({type: 1, carInfoId: this.id, duration:'',id:''});
      // console.log('resultresult',result)
      this.recordResponseId=result?.data?.id
    }
  },
  destroyed() {
    this.getDuration(1)
  },
  methods:{
    copyHandler(copyText){
      let inputNode = document.createElement('input')  // 创建input
      inputNode.value = copyText // 赋值给 input 值
      document.body.appendChild(inputNode) // 插入进去
      inputNode.select() // 选择对象
      document.execCommand('Copy') // 原生调用执行浏览器复制命令
      inputNode.className = 'oInput'
      inputNode.style.display = 'none' // 隐藏
      this.$toast('复制成功')
    },
    showImagePreview(index) {
      ImagePreview({
        images: this.imgSrcList.map(item => item),
@ -184,16 +216,18 @@ export default {
      this.saveRecord(duration,type);
    },
    async saveRecord(duration,type){
-      await saveRecord({type: type, carInfoId: this.id, duration})
+      await saveRecord({type: type, carInfoId: this.id, duration,id:this.recordResponseId || ''})
    },
    handle(){
      this.getDuration(2)
      Dialog.alert({
        message:this.detailInfo.contactNumber	,
-        confirmButtonText:'拨打电话',
+        confirmButtonText:this.isWebFunc() ? '确定' : '拨打电话',
        showCancelButton:true,
      }).then(async() => {
-        window.location.href = `tel:${this.detailInfo.contactNumber}`;
+        if(!this.isWebFunc()){
          window.location.href = `tel:${this.detailInfo.contactNumber}`;
        }
      }).catch(() => {
        // on cancel
      });
@ -254,7 +288,7 @@ export default {
    margin-bottom: 12px;
  }
  .titleWrap{
-    height: 108px;
+    height: 120px;
    padding: 18px 0 15px 21px;
    display: flex;
    flex-direction: column;
@ -280,6 +314,18 @@ export default {
        margin-left: 10px;
      }
    }
    .priceWrap{
      display: flex;
      justify-content: space-between;
      align-items: center;
      .viewNum{
        //color: #ccc;
        margin-right: 15px;
        span{
          margin-left: 10px;
        }
      }
    }
    .price{
      color: #FF5533;
      line-height: 28px;
@ -320,6 +366,7 @@ export default {
      display: flex;
      flex-direction: column;
      width: 23%;
      flex: 1;
      span:first-child{
        font-weight: bold;
        font-size: 14px;
@ -339,6 +386,7 @@ export default {
      height: 8px;
      border-right: 1px solid #999999;
      opacity: 0.5;
      margin-right: 30px;
    }
    .desc{
      font-weight: 400;
@ -399,4 +447,18 @@ export default {
  ::v-deep .el-carousel__indicators--horizontal {
    bottom: 10px;
  }
  ::v-deep .el-image__inner {
    object-fit: cover;
    object-position: center;
  }
 .copyIcon {
  width: 35px;
  height: 15px;
  margin-left: 10px
 }
  .commonColor {
    color: #999999 !important;
    display: flex;
    align-items: center;
  }
 </style>
--- a/src/views/secondHandCar/indexList.vue
+++ b/src/views/secondHandCar/indexList.vue
@ -2,7 +2,7 @@
  <div class="wrap">
    <div class="navBar">
      <van-nav-bar
-          title="二手车信息"
+          title="二手拖车信息"
          left-arrow
          left-arrow-color="#FFFFFF"
          :border="false"
@ -81,6 +81,24 @@
          :value="item.value">
        </el-option>
      </el-select>
      <el-input readonly  @focus="areaShow = true" v-model="areaName"  placeholder="请选择发布省市" :class="{'customSel':true,'customInput':true , 'has-value': areaName }" >
        <template #suffix>
          <i
              v-if="areaName"
              class="el-icon-circle-close el-input__icon"
              @click="areaName = ''"
          ></i>
        </template>
      </el-input>
      <el-input readonly @focus="showDatePicker = true"  v-model="dateVal"  placeholder="请选择发布日期" :class="{'customSel':true,'customInput':true , 'has-value': dateVal }" >
        <template #suffix>
          <i
              v-if="dateVal"
              class="el-icon-circle-close el-input__icon"
              @click="dateVal = ''"
          ></i>
        </template>
      </el-input>
    </div>
    <div class="contentWrap" v-show="!show">
      <van-pull-refresh v-model="isLoading" @refresh="onRefresh"  style="min-height:85vh">
@ -104,12 +122,20 @@
                  {{ item.brandModel?.match(/^[\u4e00-\u9fa5]+/)?.[0]?.replace(/牌$/, '') }} | {{item.emissionStandard?.label}} | {{ formatToWan(item.mileage) }}公里</div>
                <div v-else class="type">{{ item.boardType?.label ? item.boardType?.label+' | ' : ''}} {{item.emissionStandard?.label}}</div>
                <div class="date" v-show="activeTab==0 && item.registerDate">注册日期： {{item.registerDate?.substring(0,10)}}</div>
-                <div v-if="activeTab==0" class="price">售价（含税）：<span>￥</span> <span>{{formatNumber(item.minPrice) }}</span> <span>万</span> </div>
+                <div class="priceWrap" v-if="activeTab==0" >
-                <div v-else class="priceRange">
+                  <div class="price">
-                  售价（含税）：
+                    售价（含税）：<span>￥</span> <span>{{formatNumber(item.minPrice) }}</span> <span>万</span>
-                  <span class="num">{{formatNumber(item.minPrice) }}</span> <span  class="danwei">万</span>
+                  </div>
-                  <span class="su">~</span>
+                  <div class="viewNum">{{item.attentionCount}}人想要<span>{{item.browseCount}}人浏览</span></div>
-                  <span class="num">{{formatNumber(item.maxPrice) }}</span> <span  class="danwei">万</span>
+                </div>
                <div v-else class="priceWrap">
                  <div  class="priceRange">
                    售价（含税）：
                    <span class="num">{{formatNumber(item.minPrice) }}</span> <span  class="danwei">万</span>
                    <span class="su">~</span>
                    <span class="num">{{formatNumber(item.maxPrice) }}</span> <span  class="danwei">万</span>
                  </div>
                  <div class="viewNum">{{item.attentionCount}}人想卖<span>{{item.browseCount}}人浏览</span></div>
                </div>
                <div class="line"></div>
              </div>
@ -134,20 +160,74 @@
          </div>
      </div>
    </van-popup>
    <van-calendar v-model="showDatePicker"  :min-date="minDate"
                  :max-date="maxDate" type="range" @confirm="onConfirm" />
    <van-popup
        v-model="areaShow"
        position="bottom"
    >
      <van-area title="标题" :area-list="areaList" :columns-num="2"  closeable="true" :value="areaCode ? String(areaCode) : ''"
                @cancel="areaShow = false" @confirm="confirmHandle"/>
    </van-popup>
  </div>
 </template>
 <script>
 import {myMixins} from "@/utils/myMixins"
 import {appPageList,userFeedback } from "@/api/secondHandCar"
 import {areaList} from "@vant/area-data";
 export default {
  name: "indexList",
  mixins:[myMixins],
  data(){
    return{
      areaList: areaList,
      pageList:[],
      topSearch:'',
      activeTab:0,
      isLoading:"",
      loading: false,
      finished: false,
      pageNum:1,
      pageSize:10,
      total:'',
      licenseType:'',
      vehicleType:'',
      priceSort:'',
      emissionStandard:'',
      boardType:'',
      proprietary: '',
      areaCode:'',
      areaName:'',
      startTime:'',
      endTime:'',
      licenseTypeOption:[
        {value:2,label:'黄牌'},{value:3,label:'绿牌'},{value:1,label:'蓝牌'},
      ],
      vehicleTypeOption:[
        {value:1,label:'拖车'},{value:2,label:'地库车'},{value:3,label:'牵引车'},{value:4,label:'随车吊'},{value:5,label:'其他'},
      ],
      priceOption:[
        {value:1,label:'5~6'},{value:2,label:'7~8'},{value:3,label:'8~9'}
      ],
      emissionStandardOption:[
        {value:1,label:'不限'},{value:3,label:'国三'},{value:4,label:'国四'},{value:5,label:'国五'},{value:6,label:'国六'}
      ],
      boardTypeOption:[
        {value:1,label:'全落地'},{value:2,label:'斜落一体'},{value:3,label:'普通斜板'},{value:9,label:'不限'}
      ],
      proprietaryOption: [{value: 1, label: '中道自营'}, {value: 0, label: '服务商发布'}],
      poupShow:false,
      suggestContent:'',
      dateVal: '',
      showDatePicker: false,
      areaShow:false,
      isClearing:false,
      minDate: new Date(1970, 0, 1),  // 设置最小可选日期（1970年1月1日）
      maxDate: new Date(2099, 11, 31) // 设置最大可选日期（2099年12月31日）
    }
  },
  watch:{
  /*  topSearch(){
      this.setSearchVal();
      this.getList()
    },*/
    licenseType(){
      this.setSearchVal();
      this.getList()
@ -167,44 +247,26 @@ export default {
    proprietary() {
      this.setSearchVal();
      this.getList()
-    }
+    },
-  },
+    areaName() {
-  data(){
+      if (!this.areaName){
-    return{
+        this.areaCode=''
-      pageList:[],
+      }
-      topSearch:'',
+      this.setSearchVal();
-      activeTab:0,
+      this.getList()
-      isLoading:"",
+    },
-      loading: false,
+    dateVal(val){
-      finished: false,
+      if(val){
-      pageNum:1,
+        let res= this.formatDateTimeRange(val)
-      pageSize:10,
+        this.startTime=res.startTime
-      total:'',
+        this.endTime=res.endTime
-      licenseType:'',
+      }else{
-      vehicleType:'',
+        this.startTime=''
-      priceSort:'',
+        this.endTime=''
-      emissionStandard:'',
+      }
-      boardType:'',
+      this.setSearchVal();
-      proprietary: '',
+      this.getList()
-      licenseTypeOption:[
+    },
        {value:2,label:'黄牌'},{value:3,label:'绿牌'},{value:1,label:'蓝牌'},
      ],
      vehicleTypeOption:[
        {value:1,label:'拖车'},{value:2,label:'地库车'},{value:3,label:'牵引车'},{value:4,label:'随车吊'},{value:5,label:'其他'},
      ],
      priceOption:[
        {value:1,label:'5~6'},{value:2,label:'7~8'},{value:3,label:'8~9'}
      ],
      emissionStandardOption:[
        {value:1,label:'不限'},{value:3,label:'国三'},{value:4,label:'国四'},{value:5,label:'国五'},{value:6,label:'国六'}
      ],
      boardTypeOption:[
        {value:1,label:'全落地'},{value:2,label:'斜落一体'},{value:3,label:'普通斜板'},{value:9,label:'不限'}
      ],
      proprietaryOption: [{value: 1, label: '中道自营'}, {value: 0, label: '服务商发布'}],
      poupShow:false,
      suggestContent:'',
    }
  },
  mounted() {
    this.getSearchVal();
@ -214,12 +276,29 @@ export default {
      if (state == 'hidden') {  // 用户离开了
      }
      if (state == 'visible') {
-        console.log('visible')
+        // console.log('visible')
      }
    });
  },
  methods:{
    confirmHandle(val){
      if(val[0].name.includes('市')){
        this.areaName=val[0].name
        this.areaCode=val[0].code
      }else{
        this.areaName=val[0].name +val[1].name
        this.areaCode=val[1].code
      }
      this.areaShow=false
    },
    formatDate(date) {
      return `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()}`;
    },
    onConfirm(date) {
      const [start, end] = date;
      this.showDatePicker = false;
      this.dateVal = `${this.formatDate(start)} - ${this.formatDate(end)}`;
    },
    formatToWan(num) {
      let result = (num / 10000).toString();
      if (result.includes('.')) {
@ -272,6 +351,9 @@ export default {
      sessionStorage.setItem('emissionStandard',String(this.emissionStandard));
      sessionStorage.setItem('boardType',String(this.boardType));
      sessionStorage.setItem('proprietary',String(this.proprietary));
      sessionStorage.setItem('areaCode',String(this.areaCode));
      sessionStorage.setItem('areaName',this.areaName);
      sessionStorage.setItem('dateVal',this.dateVal);
    },
    getSearchVal(){
      this.activeTab = Number(sessionStorage.getItem('indexActiveTab')) || 0;
@ -282,6 +364,9 @@ export default {
      this.emissionStandard = Number(sessionStorage.getItem('emissionStandard')) || '';
      this.boardType = Number(sessionStorage.getItem('boardType')) || '';
      this.proprietary = Number(sessionStorage.getItem('proprietary')) || '';
      this.areaCode=Number(sessionStorage.getItem('areaCode')) || '';
      this.areaName=sessionStorage.getItem('areaName') || '';
      this.dateVal=sessionStorage.getItem('dateVal') || '';
    },
    goMine(){//我的发布
      this.$router.push({ name: "mineRelease"})
@ -339,7 +424,10 @@ export default {
        priceSort:this.priceSort,
        boardType:this.boardType,
        emissionStandard:this.emissionStandard,
-        proprietary: this.proprietary
+        proprietary: this.proprietary,
        areaCode:this.areaCode,
        startTime:this.startTime,
        endTime:this.endTime,
      })
      this.total=res.total
      if(this.pageNum == 1){// 第一页直接赋值
@ -360,7 +448,18 @@ export default {
        window.android.sendMessage("goBack");
      }
    },
-  },
+    formatDateTimeRange(str) {
      const [startStr, endStr] = str.split(' - ').map(s => s.trim());
      const startDate = new Date(startStr);
      const startTime = `${startDate.getFullYear()}-${(startDate.getMonth() + 1).toString().padStart(2, '0')}-${startDate.getDate().toString().padStart(2, '0')} 00:00:00`;
      const endDate = new Date(endStr);
      const endTime = `${endDate.getFullYear()}-${(endDate.getMonth() + 1).toString().padStart(2, '0')}-${endDate.getDate().toString().padStart(2, '0')} 23:59:59`;
      return {
        startTime,
        endTime
      };
    },
 },
  computed:{
    show() {
      return (this.pageList.length < 0 || this.pageList.length == 0); // 判断数组长度是否大于 0
@ -489,6 +588,9 @@ export default {
      right: 2px;
    }
  }
  .customInput{
    width: 130px;
  }
  .has-value  ::v-deep .el-input__inner{
    background: #F1F6FF ;
    color: #007BE9;
@ -612,6 +714,18 @@ export default {
          line-height: 16px;
        }
      }
      .priceWrap{
       /* display: flex;
        justify-content: space-between;
        align-items: center;*/
        .viewNum{
          //color: #ccc;
          margin-right: 15px;
          span{
            margin-left: 10px;
          }
        }
      }
      .priceRange{
        color: #FF5533;
        display: flex;
--- a/src/views/secondHandCar/mineRelease.vue
+++ b/src/views/secondHandCar/mineRelease.vue
@ -329,6 +329,8 @@ export default {
      height: 77px;
      border-radius: 7px;
      margin-right: 10px;
      object-fit: cover;
      object-position: center;
    }
    .smallImg{
      position: absolute;
--- a/src/views/secondHandCar/wantBuy.vue
+++ b/src/views/secondHandCar/wantBuy.vue
@ -93,7 +93,7 @@
          <img v-show="radio==1" @click="radio=0" class="radioIcon" src="@/assets/secondHandCar/checked.png" />
          <img v-show="radio==0" @click="radio=1" class="radioIcon" src="@/assets/secondHandCar/uncheck.png" />
          <span>我已阅读并同意</span>
-          <span @click="viewPrivacy">《二手车交易条款》</span>
+          <span @click="viewPrivacy">《二手拖车交易条款》</span>
        </div>
        <div class="btnWrap" >
          <div v-if="type==1" class="btn commonBtn"  @click="noMultipleClicks(submitHandle)">发布</div>
--- a/src/views/secondHandCar/wantBuySale.vue
+++ b/src/views/secondHandCar/wantBuySale.vue
@ -14,11 +14,20 @@
        <div class="time">
          <span>{{ detailInfo.createTime?.substring(0,10) }}</span><span>发布</span>
        </div>
-        <div class="price">
+        <div class="priceWrap">
-          售价（含税）：
+          <div class="price">
-          <span class="num">{{formatNumber(detailInfo.minPrice) }}</span> <span  class="danwei">万</span>
+            售价（含税）：
-          <span class="su">~</span>
+            <span class="num">{{formatNumber(detailInfo.minPrice) }}</span> <span  class="danwei">万</span>
-          <span class="num">{{formatNumber(detailInfo.maxPrice) }}</span> <span  class="danwei">万</span>
+            <span class="su">~</span>
            <span class="num">{{formatNumber(detailInfo.maxPrice) }}</span> <span  class="danwei">万</span>
          </div>
          <div class="viewNum">{{detailInfo.attentionCount}}人想卖<span>{{detailInfo.browseCount}}人浏览</span></div>
        </div>
        <div class="priceWrap">
          <div class="commonColor" style="margin-top: 5px">
            车源ID: &nbsp;&nbsp;&nbsp;&nbsp;{{ detailInfo.code }}
            <img class="copyIcon" @click="copyHandler(detailInfo.code)" src="@/assets/copy.png" />
          </div>
        </div>
      </div>
      <div class="detailInfoWrap wrapCommon">
@ -69,6 +78,7 @@ export default {
      duration:'',
      startTime: null, // 记录进入时间
      isList:false,
      recordResponseId:'',//信息记录获取的id，用于关闭界面掉接口所需参数
    }
  },
  async mounted() {
@ -89,28 +99,42 @@ export default {
        queryType: this.queryType,
      })
      this.detailInfo = res?.data
      let result=await saveRecord({type: 1, carInfoId: this.id, duration:'',id:''});
      this.recordResponseId=result?.data?.id
    }
  },
  destroyed() {
    this.getDuration(1)
  },
  methods:{
    copyHandler(copyText){
      let inputNode = document.createElement('input')  // 创建input
      inputNode.value = copyText // 赋值给 input 值
      document.body.appendChild(inputNode) // 插入进去
      inputNode.select() // 选择对象
      document.execCommand('Copy') // 原生调用执行浏览器复制命令
      inputNode.className = 'oInput'
      inputNode.style.display = 'none' // 隐藏
      this.$toast('复制成功')
    },
    getDuration(type){
      const endTime = new Date();
      const duration = (endTime - this.startTime) / 1000; // 计算时长（秒）
      this.saveRecord(duration,type);
    },
    async saveRecord(duration,type){
-      await saveRecord({type:type,carInfoId:this.id,duration})
+      await saveRecord({type:type,carInfoId:this.id,duration,id:this.recordResponseId || ''})
    },
    handle(){
      this.getDuration(2)
      Dialog.alert({
        message:this.detailInfo.contactNumber	,
-        confirmButtonText:'拨打电话',
+        confirmButtonText:this.isWebFunc() ? '确定' : '拨打电话',
        showCancelButton:true,
      }).then(() => {
-        window.location.href = `tel:${this.detailInfo.contactNumber}`;
+        if(!this.isWebFunc()){
          window.location.href = `tel:${this.detailInfo.contactNumber}`;
        }
      }).catch(() => {
        // on cancel
      });
@ -180,6 +204,18 @@ export default {
        margin-right: 20px;
      }
    }
    .priceWrap{
      display: flex;
      justify-content: space-between;
      align-items: center;
      .viewNum{
        //color: #ccc;
        margin-right: 15px;
        span{
          margin-left: 10px;
        }
      }
    }
    .price{
      color: #FF5533;
      font-weight: 600;
@ -270,4 +306,14 @@ export default {
    cursor: pointer;
  }
 }
 .commonColor {
  color: #999999 !important;
  display: flex;
  align-items: center;
 }
 .copyIcon {
  width: 35px;
  height: 15px;
  margin-left: 10px
 }
 </style>
--- a/src/views/vehicle-maintenance/vehicle-alarm-detail.vue
+++ b/src/views/vehicle-maintenance/vehicle-alarm-detail.vue
@ -0,0 +1,381 @@
 <template>
  <div class="wrap">
    <div class="alarm_info">
      <div class="alarm_title">
        <div class="title_left">
          <span class="car_title">{{info.alarmTypeString}}</span>
          <img class="alarm_level" v-if="info.level == 1" src="@/assets/alarm_one.png" alt="">
          <img class="alarm_level" v-if="info.level == 2" src="@/assets/alarm_two.png" alt="">
          <img class="alarm_level" v-if="info.level == 3" src="@/assets/alarm_three.png" alt="">
        </div>
        <div class="status">{{info.handStatusString}}</div>
      </div>
      <div class="content_list">
        <div class="alarm_content">
          <div class="label">报警时间:</div>
          <div class="content">{{info.startTime}}</div>
        </div>
        <div class="alarm_content">
          <div class="label">报警详情:</div>
          <div class="content">{{info.alarmRemark}}</div>
        </div>
        <div class="alarm_content">
          <div class="label">报警照片:</div>
          <div class="content">
            <img class="photo" v-if="info.url" :src="info.url" alt="">
          </div>
        </div>
        <div class="alarm_content">
          <div class="label">报警通道:</div>
          <div class="content content_flex">
            <span>{{ info.plateNumber + '_' + (info?.channel || '') }} <!--浙A7H1M2_1--></span>
            <span class="btn">查看监控</span>
          </div>
        </div>
      </div>
    </div>
    <div class="alarm_info car_info">
      <div class="car_title title">
        车辆位置
      </div>
      <div class="car_map">
        <div class="map_title">
          <span class="driver_name">{{info.vehicleName}} / {{info.plateNumber}}</span>
          <span class="driver_name">司机：{{info.onlineDriverName}} <a :href="'tel:' + info.onlinePhone">{{info.onlinePhone}}</a></span>
        </div>
        <div class="map_cover" id="container"></div>
      </div>
    </div>
    <div class="deal_btn" v-if="[0, 3].includes(info.handStatus)" @click="dealWithShow = true">处理</div>
    <van-popup v-model="dealWithShow" v-if="dealWithShow" round position="center">
      <div class="dialog_wrap">
        <div class="dialog_title">报警处理</div>
        <div>
          <van-radio-group v-model="radio" @change="change" class="horizontal-radio-group">
            <van-radio v-for="item in radioList" :key="item.value" :name="item.value" :disabled="item.disabled" class="item">
              <span :style="{ color: radio === item.value ? '#393230' : 'rgba(0, 0, 0, 0.5)' }">
                {{ item.name }}
              </span>
              <img
                slot="icon"
                class="icon"
                slot-scope="props"
                :src="props.checked ? activeIcon : inactiveIcon"
              >
            </van-radio>
          </van-radio-group>
          <div class="alarm_tip" v-if="['1', '2', '3'].includes(String(info.alarmType))">
            注：开始处理后将流转至技术支持进行处理。
          </div>
          <div class="alarm_text" v-if="radio == 5">
            <textarea class="alarm_textarea" id="text-input" rows="6" placeholder="处理结果：" v-model.trim="remark"></textarea>
          </div>
          <div class="btn_wrap">
            <div class="btn_confirm" @click="noMultipleClicks(operatorHandle)">确认</div>
            <div class="btn_close" @click="dealWithShow = false">关闭</div>
          </div>
        </div>
      </div>
    </van-popup>
  </div>
 </template>
 <script>
  import {myMixins} from "@/utils/myMixins"
  import { getAlarmByCode, dealWithAlarm } from "@/api/order"
  import trailerPosition from "@/assets/alarm_trailer.png";
  import repairPosition from "@/assets/alarm_repair.png";
  export default {
    name: "vehicleAlarmDetail",
    mixins: [ myMixins ],
    data() {
      return {
        noClick: true,
        map: null,
        lng: 121.553376,
        lat: 31.247998,
        radio: '',
        activeIcon: require('@/assets/alarm_check.png'),
        inactiveIcon: require('@/assets/alarm_unCheck.png'),
        dealWithShow: false,
        radioList: [{ name: '开始处理', value: 3, disabled: false }, { name: '处理完成', value: 5, disabled: false }],
        remark: '',
        code: '',
        info: {}
      }
    },
    mounted() {
      this.code = this.$route.query.code;
      this.getAlarmDetail();
      this.initMap();
    },
    methods: {
      async operatorHandle() {
        try {
          await dealWithAlarm({
            alarmId: this.info.id,
            handleStatus: this.radio,
            remark: this.remark
          })
          this.$toast('操作成功')
        } finally {
          this.dealWithShow = false;
           await this.getAlarmDetail();
        }
      },
      change(e) {
        this.radio = e
      },
      async getAlarmDetail() {
        let res = await getAlarmByCode({
          code: this.code
        });
        if(!res.data) {
          this.$router.push({
            name: 'vehicleAlarmList',
            replace: true  // 关键：替换当前路由，而不是新增历史记录
          });
        }
        this.info = res?.data;
        if( this.info.handStatus == 0 && ['1', '2', '3'].includes(String(this.info.alarmType))) {    // 未处理，且需要技术处理
          this.radio =  this.radioList[0].value
          this.radioList[1].disabled = true
        }
        if(this.info.handStatus == 3) {
          this.radioList[0].disabled = true
        }
      },
      initMap() {
        this.map = new AMap.Map('container',{
          zoom:14,//级别(缩放比例 3-20 )
          center: [this.lng, this.lat],//中心点坐标
          viewMode:'2D',//使用3D视图
        })
        this.map.on('complete', () => {
          this.mapMarkers();
        });
      },
      mapMarkers() {
        let url = String(this.info.vehicleType) == '5' ? repairPosition : trailerPosition
        let marker = new AMap.Marker({
          position: [this.lng, this.lat],
          icon: new AMap.Icon({
            image: url, // 图片的相对路径
            size: new AMap.Size(42, 50),  // 图标的尺寸
            imageSize: new AMap.Size(42, 50)  // 图片的实际尺寸
          }),
        });
        this.map.add(marker);
      }
    }
  }
 </script>
 <style scoped lang="scss">
  .wrap {
    width: 100%;
    height: 100%;
    background-color: #F4F5F7 !important;
    box-sizing: border-box;
    overflow-y: auto;
    padding: 0 12px;
    box-sizing: border-box;
  }
  .alarm_info {
    padding-top: 12px;
    padding-bottom: 16px;
    background: #FFFFFF;
    box-shadow: 0px 1px 4px 0px rgba(39,52,125,0.05);
    border-radius: 6px;
    backdrop-filter: blur(5.602678571428572px);
    margin-top: 10px;
    .alarm_title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid rgba(233, 233, 234, 0.6);
      padding: 3px 20px 10px 18px;
      .title_left {
        display: flex;
        align-items: center;
        .alarm_level {
          width: 32px;
          height: 14px;
          margin-left: 7px;
        }
      }
      .status {
        font-size: 11px;
        color: #FA8D14;
        font-weight: bold;
      }
    }
    .content_list {
      padding: 12px 18px 0px;
    }
    .alarm_content {
      display: flex;
      margin-bottom: 6px;
      .content {
        margin-left: 10px;
        font-size: 12px;
        color: rgba(0, 0, 0, 0.75);
        flex: 1;
        .btn {
          /*display: inline-block;*/
          padding: 5px 12px;
          background: #FA8236;
          border-radius: 3px;
          color: #fff;
          font-size: 12px;
        }
        .photo {
          width: 75px;
          height: 55px;
          margin-right: 6px;
          margin-bottom: 6px;
        }
      }
    }
  }
  .label {
    color: rgba(0, 0, 0, 0.5);
  }
  .content_flex {
    display: flex;
    justify-content: space-between;
  }
  .car_title {
    font-size: 14px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.85);
  }
  .title {
    padding-left: 18px;
    margin-bottom: 8px;
  }
  .car_info {
    padding: 12px 4px 5px 4px;
  }
  .car_map {
    width: 100%;
    /*height: 204px;*/
    border-radius: 4px;
    border: 1px solid #F0F0F0;
    background-color: #F9FCFF;
    box-sizing: border-box;
    .map_title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 8px 10px 15px;
      .driver_name {
        font-size: 12px;
        color: #000000;
        a {
          color: #377BE6;
        }
      }
    }
    .map_cover {
      width: 100%;
      height: 174px;
      background-color: #fff;
    }
  }
  .deal_btn {
    width: calc(100% - 38px);
    height: 48px;
    text-align: center;
    line-height: 48px;
    position: fixed;
    bottom: 10px;
    left: 19px;
    font-size: 15px;
    color: #fff;
    background: #354D93;
    border-radius: 5px;
  }
  .dialog_wrap {
    width: 325px;
    border-radius: 13px;
    .dialog_title {
      height: 68px;
      line-height: 82px;
      background: linear-gradient( 180deg, #FFE8DA 0%, rgba(255,233,233,0) 100%);
      font-size: 18px;
      color: #E0481E;
      text-align: center;
      font-weight: bold;
    }
    .horizontal-radio-group {
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      margin-bottom: 15px;
      .icon {
        width: 16px;
        height: 16px;
      }
      .item {
        font-size: 14px;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
      }
    }
    .alarm_tip {
      font-size: 14px;
      color: #FF5D3B;
      margin: 10px 0 20px;
      text-align: center;
    }
    .alarm_text {
      width: 100%;
      padding: 0 25px 15px;
      box-sizing: border-box;
      .alarm_textarea {
        width: 100%;
        background: #FFFBFB;
        border-radius: 3px;
        border: 1px solid #F97C64;
        backdrop-filter: blur(10px);
        padding: 10px;
        color: #FF5D3B;
        box-sizing: border-box;
      }
      .alarm_textarea::placeholder {
        color: rgba(255, 93, 59, 0.8);
      }
    }
    .btn_wrap {
      .btn_confirm {
        width: 173px;
        height: 42px;
        line-height: 42px;
        color: #FFFFFF;
        font-size: 15px;
        font-weight: bold;
        text-align: center;
        background: #F16363;
        border-radius: 23px;
        margin: 0 auto;
      }
      .btn_close {
        margin-top: 12px;
        margin-bottom: 22px;
        font-size: 14px;
        color: rgba(44, 65, 85, 0.6);
        text-align: center;
      }
    }
  }
  ::v-deep .van-radio__icon {
    display: flex;
    align-items: center;
  }
  ::v-deep .van-radio__label--disabled {
    opacity: 0.5;
  }
 </style>
--- a/src/views/vehicle-maintenance/vehicle-alarm-list.vue
+++ b/src/views/vehicle-maintenance/vehicle-alarm-list.vue
@ -0,0 +1,233 @@
 <template>
  <div class="wrap">
    <div class="tab_wrap">
      <div class="item_wrap" v-for="(item, index) in tabArr" :key="index" @click="changeTab(index)">
        <span class="alpha" :class="{'active' : activeIndex == index }"> {{ item.name }}</span>
        <span class="numTip" style="opacity: 1 !important;" v-if="item.num > 0">{{item.num}}</span>
      </div>
    </div>
    <van-pull-refresh class="refresh" v-model="isLoading" @refresh="onRefresh" v-show="!show">
      <van-list
        v-model="loading"
        :finished="finished"
        finished-text="没有更多了"
        @load="onLoad"
      >
        <div class="content_wrap">
          <div class="alarm_wrap" v-for="(item, index) in pageList" :key="index" @click="goDetail(item)">
            <div class="alarm_title">
              <div class="title_left">
                <span>{{item.alarmTypeString}}</span>
                <img class="alarm_level" v-if="item.level == 1" src="@/assets/alarm_one.png" alt="">
                <img class="alarm_level" v-if="item.level == 2" src="@/assets/alarm_two.png" alt="">
                <img class="alarm_level" v-if="item.level == 3" src="@/assets/alarm_three.png" alt="">
              </div>
              <div class="label">{{item.startTime}}</div>
            </div>
            <div class="alarm_content">
              <div class="label">车辆名称:</div>
              <div class="content">{{item.vehicleName}}</div>
            </div>
            <div class="alarm_content">
              <div class="label">报警详情:</div>
              <div class="content">{{item.alarmRemark}}</div>
            </div>
          </div>
        </div>
      </van-list>
    </van-pull-refresh>
    <div class="bgEmptyImg" v-show="show" >
      <img src="@/assets/empty.png" />
    </div>
  </div>
 </template>
 <script>
  import {myMixins} from "@/utils/myMixins"
  import { getAlarmList, getAlarmCount } from "@/api/order"
  export default {
    name: "vehicleAlarmList",
    data() {
      return {
        tabArr: [{ name: '未处理',  num: 0 }, { name: '技术处理中', num: 0 }, {name: '处理中', num: 1 }],
        activeIndex: 0,
        pageNum:1,
        pageSize:10,
        total:'',
        pageList: [],
        isLoading: '',
        loading: false,
        finished: false,
      }
    },
    mixins: [ myMixins ],
    computed:{
      show() {
        return (this.pageList.length < 0 || this.pageList.length == 0); // 判断数组长度是否大于 0
      },
    },
    async mounted() {
      await this.getList()
    },
    methods: {
      goDetail(item) {
        this.goPage('vehicleAlarmDetail', { code: item.code })
      },
      async getCount() {
        let res = await getAlarmCount();
        this.tabArr[0].num = res?.data?.alarmCount || 0
        this.tabArr[1].num = res?.data?.jxCount || 0
        this.tabArr[2].num = res?.data?.yyCount || 0
      },
      async changeTab(index) {
        this.activeIndex = index
        this.pageNum = 1
        this.pageList = [];
        this.total= 0
        await this.getList()
      },
      async getList() {
        let res = await getAlarmList({
          pageNum:this.pageNum,
          pageSize:this.pageSize,
          handStatus: this.activeIndex
        })
        this.total = res.total
        if(this.pageNum == 1){// 第一页直接赋值
          this.pageList=res.data
        }else{// 第二页数据拼接
          let preList = this.pageList;
          let arr = res.data;
          this.pageList = preList.concat(arr)
        }
        await this.getCount();
      },
      async onLoad(){
        this.pageNum++;
        await this.getList()
        this.loading = false;
        if (this.pageList.length >= this.total) {
          this.finished = true;
        }
      },
      async onRefresh() {
        this.pageNum=1
        await this.getList()
        setTimeout(() => {
          this.$toast('刷新成功');
          this.isLoading = false;
        }, 1000);
      },
    }
  }
 </script>
 <style scoped lang="scss">
  .wrap{
    width: 100%;
    height: 100%;
    background-color: #F4F5F7 !important;
    box-sizing: border-box;
    overflow-y: auto;
  }
 .tab_wrap {
  display: flex;
  justify-content: space-around;
  padding-top: 15px;
  padding-bottom: 10px;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #F4F5F7;
  z-index: 100;
  .item_wrap {
    display: flex;
    align-items: center;
  }
  .alpha {
    color: rgba(115, 115, 115, 0.7);
    font-size: 13px;
    line-height: 13px;
  }
  .active {
    font-size: 14px;
    color: #3678FF;
    position: relative;
  }
  .active:after {
    content: '';
    display: block;
    width: 18px;
    height: 3px;
    background: linear-gradient( 270deg, #33A3FF 0%, #176AFE 100%);
    border-radius: 2px;
    position: absolute;
    margin-top: 3px;
    left: 50%;
    transform: translateX(-50%);
  }
  .numTip {
    border-radius: 4px;
    background: #F95B45;
    display: inline-block;
    padding: 2px 4px;
    font-weight: 600;
    font-size: 11px;
    color: #FFFFFF;
    margin-left: 5px;
  }
 }
  .content_wrap {
    padding: 50px 12px 0;
    .alarm_wrap {
      margin-top: 10px;
      background: #FFFFFF;
      box-shadow: 0px 2px 10px 0px rgba(216,216,216,0.5);
      border-radius: 6px;
      padding: 13px 13px 17px 18px;
      box-sizing: border-box;
      .alarm_title {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      .label {
        color: rgba(0, 0, 0, 0.5);
      }
      .title_left {
        display: flex;
        align-items: center;
        span {
          font-size: 14px;
          font-weight: bold;
          color: rgba(0, 0, 0, 0.85);
        }
        .alarm_level {
          width: 32px;
          height: 14px;
          margin-left: 7px;
        }
      }
      .alarm_content {
        display: flex;
        margin-top: 10px;
        .content {
          margin-left: 10px;
          font-size: 13px;
          color: rgba(0, 0, 0, 0.75);
        }
      }
    }
  }
  .bgEmptyImg{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90% ;
    background-color: #F4F5F7;
    img{
      width: 100%;
    }
  }
 </style>
Author	SHA1	Message	Date
zhoulinf	1cb27fea3a	二手车车源信息--求购页添加车源id	2025-07-23 15:37:41 +08:00
zhoulinf	61f2ae5a87	story#6735 中道救援系统及调度APP中新增报警模块接口	2025-07-18 17:36:24 +08:00
zhoulinf	156d570595	story#6735 中道救援系统及调度APP中新增报警模块接口	2025-07-18 16:48:25 +08:00
zhoulinf	c44f872d00	task#7363 车辆报警详情处理页面静态页	2025-07-17 09:16:47 +08:00
zhoulinf	5c603618d3	story#6735 task#7361 车辆报警列表静态页	2025-07-16 16:00:55 +08:00
zhoulinf	9a9ac9f76e	task#6796 二手拖车系统查询功能完善的需求	2025-07-09 14:13:52 +08:00
zhouxueli	da73c933a0	二手拖车,进入详情页调保存信息记录接口，注释打印代码	2025-06-28 14:41:12 +08:00
zhouxueli	45d95fe250	二手拖车,进入详情页调保存信息记录接口,获取id,关闭页面，id传入接口	2025-06-27 17:28:25 +08:00
zhouxueli	310b64f97c	二手拖车,进入详情页调保存信息记录接口,获取id,关闭页面，id传入接口	2025-06-27 17:23:12 +08:00
zhouxueli	058ce2c72c	二手拖车,进入详情页调保存信息记录接口,获取id,关闭页面，id传入接口	2025-06-27 16:56:58 +08:00
zhoulinf	ee8fdb16c4	task#6524 添加刷新按钮	2025-06-20 11:44:51 +08:00
zhoulinf	7ff13628b5	task#6524 滚动测试	2025-06-20 10:36:02 +08:00
zhoulinf	eae60d1000	task#6524 修改地址	2025-06-20 10:20:57 +08:00
zhoulinf	3a1e4a6ae2	task#6524 滚动问题	2025-06-20 10:19:45 +08:00
zhoulinf	5bd9db3165	task#6524 颜色兼容	2025-06-20 10:10:21 +08:00
zhoulinf	fbce498e94	task#6524 头部颜色兼容	2025-06-20 09:49:18 +08:00
zhoulinf	6ab2e0b1d7	task#6524 头部兼容	2025-06-20 09:41:40 +08:00
zhoulinf	001683f215	task#6524 下拉刷新	2025-06-19 20:32:16 +08:00
zhoulinf	bb13a6e34e	task#6524 获取定位城市，时间默认当前	2025-06-19 19:55:32 +08:00
zhoulinf	16d4425e07	task#6524 有订单才访问	2025-06-19 18:00:36 +08:00
zhoulinf	a73434fd4d	task#6524 textarea修改	2025-06-18 14:15:02 +08:00
zhoulinf	75d20beb77	task#6524 http兼容司机app	2025-06-18 13:42:10 +08:00
zhoulinf	9a21834741	task#6524 报备防重复点击	2025-06-18 11:09:51 +08:00
zhoulinf	749daae26e	task#6524 报备	2025-06-12 10:27:59 +08:00
zhouxueli	0fc0d33742	story#6606,二手拖车系统优化，浏览单位加人	2025-06-09 09:32:13 +08:00
zhouxueli	d1efe578d4	story#6606,二手拖车系统优化	2025-06-09 08:59:34 +08:00
zhoulinf	899ea612f4	task#5914 添加报备页面，地图页面	2025-06-06 09:38:55 +08:00
zhouxueli	5552b48ec4	story#6462,二手车，下架状态不展示想要按钮	2025-05-22 19:26:23 +08:00
zhouxueli	56e56c7839	story#6462,筛选项问题	2025-05-22 11:55:08 +08:00
zhouxueli	851a0e7260	story#6462,二手拖车信息需求	2025-05-22 11:43:06 +08:00
zhouxueli	d2f124e901	story#6462,二手拖车信息需求	2025-05-22 10:58:35 +08:00
zhouxueli	8bc734273b	story#6462,二手拖车信息需求	2025-05-22 10:58:04 +08:00
zhouxueli	643ee2c5eb	story#6462,发布省市和日期去除clearable属性	2025-05-21 14:32:39 +08:00
zhouxueli	881ae7e47b	story#6462,发布日期清除事件和图标	2025-05-21 14:27:14 +08:00
zhouxueli	d5af7692f8	story#6462,自定义清除事件和图标	2025-05-21 14:21:34 +08:00
zhouxueli	aa52bd2f31	story#6462,自定义清除事件和图标	2025-05-21 14:17:35 +08:00
zhouxueli	9df87ac518	story#6462,阻止输入框默认行为	2025-05-21 14:10:45 +08:00
zhouxueli	8e20adbba3	story#6462,阻止输入框默认行为	2025-05-21 14:02:32 +08:00
zhouxueli	cc083b7551	story#6462,阻止输入框默认行为	2025-05-21 14:00:04 +08:00
zhouxueli	0a668e6f57	story#6462,阻止输入框默认行为	2025-05-21 13:55:09 +08:00
zhouxueli	c2cc09aef1	story#6462,省市选择弹出框不要×	2025-05-21 13:48:33 +08:00
zhouxueli	037fbf74fb	story#6462,筛选输入框设置只读	2025-05-21 13:18:00 +08:00
zhouxueli	de252fceb2	story#6462,列表添加发布省市和发布时间筛选项	2025-05-21 10:55:16 +08:00
zhoulinf	6a53749cdc	样式调整	2025-05-08 14:07:38 +08:00
zhoulinf	d71e3679ef	添加展示测试	2025-05-08 13:41:38 +08:00
zhoulinf	c626aab606	添加展示	2025-05-08 13:06:42 +08:00
zhouxueli	7594e56cda	story#5360,web端拨打电话的确定事件弹框消失	2025-04-21 09:34:47 +08:00
zhoulinf	95c8095518	story#5314 图片变形	2025-04-17 14:06:45 +08:00
zhouxueli	0aa3630adb	story#5360,web端拨打电话改为确定	2025-04-16 16:48:38 +08:00
zhouxueli	75eba22e9e	story#5360,将所有露出的“二手车”字样，全部改为“二手拖车”字样	2025-04-16 16:42:30 +08:00
zhoulinf	a162c3fdcc	story#5314 底部图片修改	2025-04-14 09:26:58 +08:00
zhoulinf	33f4857427	story#5314 banner图样式3	2025-04-11 18:51:42 +08:00
zhoulinf	432f35a403	story#5314 banner图样式2	2025-04-11 18:45:05 +08:00
zhoulinf	ae0bd3b169	story#5314 banner图样式	2025-04-11 18:39:37 +08:00