二手拖车,进入详情页调保存信息记录接口，注释打印代码

src/api/order.js

@@ -112,43 +112,3 @@ 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
-  })
-}
-
-

src/api/secondHandCar.js

@@ -93,13 +93,4 @@ export function saveRecord(data){
     contentType: 'application/json',
     data
   })
-}
-// 审核不通过再次提交
-export function auditCarInfoAgain(data){
-  return request({
-    url: '/toc-user/car-app/auditCarInfoAgain',
-    method:'POST',
-    contentType: 'application/json',
-    data
-  })
 }

src/router/index.js

@@ -251,22 +251,6 @@ 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',

src/router/second-hand-router.js

@@ -55,13 +55,5 @@ const secondHandCar = [
             title: '免责声明',
         }
     },
-    {
-        path: '/sellingInfo',
-        name: 'sellingInfo',
-        component: () => import('@/views/secondHandCar/sellingInfo.vue'),
-        meta:{
-            title: '售出信息',
-        }
-    },
 ]
 export default secondHandCar

src/utils/http.js

@@ -25,7 +25,7 @@ service.interceptors.request.use(
       }
       config.headers['Content-Type'] = config.contentType || 'application/x-www-form-urlencoded'
       let token = localStorage.getItem('token');
-      // let token='eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJBTkNIQU5HIiwidXNlcklkIjo0NTY3MSwibmFtZSI6IuWuieeVhSIsInVzZXJOYW1lIjoiQU5DSEFORyIsInN1cHBsaWVySWQiOjExMjgsImlzWmQiOjAsImV4cCI6MTc1NTQyMjUyNX0.xzDZhaANJFnbeViIHJA0SEtOyTv7Ja3rKmXqRKRuFkc'
+      // let token='eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJBTkNIQU5HIiwidXNlcklkIjo0NTY3MSwibmFtZSI6IuWuieeVhSIsInVzZXJOYW1lIjoiQU5DSEFORyIsInN1cHBsaWVySWQiOjExMjgsImlzWmQiOjAsImV4cCI6MTc1MjEzNDc2M30.q1O7C8thZzEMVKYDhBQ-N_14Fh9Bqejj7j11EKLF5Aw'
       // let token='eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJTSEhQWEIiLCJ1c2VySWQiOjU0NzI2LCJuYW1lIjoiI-a1i-ivleWwj-eZveeZvSIsInVzZXJOYW1lIjoiU0hIUFhCIiwic3VwcGxpZXJJZCI6MTAwMDE2NSwiZXhwIjoxNzQ0NTEwNzkwfQ.JPk0OA7slYJN3FIi_uhW4Y0CiWRvl6R1dK8MRTbyhD8'
        if(!(reqUrl=='/supplier/supplierTraining/trainingTask' || reqUrl=='/supplier/supplierTraining/normalList' || reqUrl=='/supplier/supplierTraining/trainingList')){
          if(token) {

src/views/index/vehicleAdd.vue

@@ -308,7 +308,7 @@ export default {
       }else{
         this.supplierServiceList = this.oldSupplierServiceList
       }
-      this.setDefault();
+
     },
   },
 
@@ -321,21 +321,6 @@ export default {
     }
   },
   methods:{
-    setDefault() {
-      if( this.vehicleLicenseInfo?.vehicleType?.includes('小型') || this.vehicleLicenseInfo?.vehicleType?.includes('微型') || this.vehicleLicenseInfo?.vehicleType?.includes('普通') || this.vehicleLicenseInfo?.vehicleType?.includes('摩托') ) {
-        this.vehicleTypes.map(item => {
-          if( item.value == 1 || item.value == 9 ) {
-            item.disabled = false;
-          } else {
-            item.disabled = true;
-          }
-        })
-      } else {
-        this.vehicleTypes.map(item => {
-          item.disabled = false;
-        })
-      }
-    },
     getVehicleLicense(color) {
       if( color == '蓝' ) {
         this.vehicleLicense = 1
@@ -417,7 +402,6 @@ export default {
         this.vehicleLicenseInfo.registrationDate = frontInfo?.registerDate;
         this.vehicleLicenseInfo.issueDate = frontInfo?.issueDate;
         this.vehicleLicenseInfo.issueAuthority = frontInfo?.seal;
-        this.setDefault();
       }
     },
     async vehicleBackOcrHandler() {     // 行驶证副页 ocr 识别

src/views/secondHandCar/carSource.vue

@@ -268,6 +268,7 @@ export default {
    if( this.form.vehicleRearPhoto ) {
      this.vehicleRearPhotoList = [{url: this.form.vehicleRearPhoto}]
    }
+    // console.log("carSourceFormInfo",carSourceFormInfo)
    if(carSourceFormInfo.otherImgSrc0){
      this.otherImgSrc.push(carSourceFormInfo.otherImgSrc0)
      this.otherImgSrcList.push({url:carSourceFormInfo.otherImgSrc0})
@@ -292,6 +293,7 @@ export default {
       this.otherImgSrc.push(carSourceFormInfo.otherImgSrc5)
       this.otherImgSrcList.push({url:carSourceFormInfo.otherImgSrc5})
     }
+    // console.log("--",this.vehicleLicensePhotoList,this.vehicleAnglePhotoList,this.otherImgSrcList)
   },
   methods:{
     validatePrice(value) {
@@ -478,6 +480,21 @@ export default {
           otherPhoto:this.otherImgSrc?.join(',')
         })
         this.clearStorageFormInfo()
+        if(res.code == 200 && !res.msg){
+          this.$toast('发布成功')
+          if(this.isWebFunc()){
+            setTimeout(()=>{
+              this.closeParentDialog()
+            },1000)
+          }else{
+            setTimeout(()=>{
+              this.$router.push({ name: "mineRelease"})
+              sessionStorage.setItem('mineActiveTab',String(1) )
+            },1000)
+          }
+        }else{
+          this.$toast(res.msg)
+        }
         console.log("车源发布publishCarInfo",res)
       } catch (e){
         console.log('e',e)
@@ -588,6 +605,7 @@ export default {
 }
 .navBar{
   margin-bottom: 46px;
+
 }
 .noContentAudit{
   height: calc(100% - 42px);

src/views/secondHandCar/components/upload-common.vue

@@ -8,11 +8,10 @@
       :preview-full-image="false"
       :max-count="multiple ? 6 : 1"
       @click-preview="handlePreviewClick"
-      :deletable="showDel"
   >
     <div class="upload">
       <img class="icon" src="@/assets/secondHandCar/upload.png"/>
-      <span class="text" v-show="!['交易合同','回收证明'].includes(displayText)">{{ displayText }}</span>
+      <span class="text">{{ displayText }}</span>
     </div>
     <template v-if="text.includes('其他照片')" #preview-cover="{ index }">
       <div class="preview-cover van-ellipsis">{{ index + 1 }}/6</div>
@@ -37,10 +36,6 @@ export default {
     files: {
       type: Array,
       default: () => []
-    },
-    showDel:{
-      type: Boolean,
-      default: true
     }
   },
   data() {

src/views/secondHandCar/forSale.vue

@@ -16,6 +16,7 @@
             :preview-src-list="[item]"
             class="swipeImg"
           />
+<!--          <img v-if="item" class="swipeImg" :src="item" />-->
         </el-carousel-item>
       </el-carousel>
       <van-swipe v-else  @change="onChange" :autoplay="3000">
@@ -33,9 +34,8 @@
             <span>{{ detailInfo.boardType?.label }}</span>
             <span>{{ detailInfo.licenseType?.label }}</span>
             <span>{{detailInfo.brandModel?.match(/^[\u4e00-\u9fa5]+/)?.[0]?.replace(/牌$/, '')}}</span>
-            <span>{{ detailInfo.emissionStandard?.label }}</span>
-            <span>{{ detailInfo.underpanBrand }}</span>
             <span>{{  formatToWan(detailInfo.mileage) }}公里</span>
+            <span>{{ detailInfo.emissionStandard?.label }}</span>
           </div>
           <div class="time">
             <span>{{ detailInfo.createTime?.substring(0,10) }}</span><span>{{ detailInfo.areaName }}</span><span>发布</span>
@@ -48,10 +48,6 @@
             </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">
           <div>
@@ -182,16 +178,6 @@ export default {
     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),
@@ -288,7 +274,7 @@ export default {
     margin-bottom: 12px;
   }
   .titleWrap{
-    height: 120px;
+    height: 108px;
     padding: 18px 0 15px 21px;
     display: flex;
     flex-direction: column;
@@ -451,14 +437,4 @@ export default {
     object-fit: cover;
     object-position: center;
   }
-.copyIcon {
-  width: 35px;
-  height: 15px;
-  margin-left: 10px
-}
-  .commonColor {
-    color: #999999 !important;
-    display: flex;
-    align-items: center;
-  }
 </style>

src/views/secondHandCar/indexList.vue

@@ -119,7 +119,7 @@
               <div class="right">
                 <div class="title">{{item.vehicleType}}</div>
                 <div v-if="activeTab==0" class="type">{{ item.boardType?.label ? item.boardType?.label+' | ' : ''}}  {{ item.licenseType?.label }} |
-                  {{ item.brandModel?.match(/^[\u4e00-\u9fa5]+/)?.[0]?.replace(/牌$/, '') }} | {{item.emissionStandard?.label}}  | {{item.underpanBrand}} | {{ formatToWan(item.mileage) }}公里</div>
+                  {{ 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 class="priceWrap" v-if="activeTab==0" >
@@ -354,8 +354,6 @@ export default {
       sessionStorage.setItem('areaCode',String(this.areaCode));
       sessionStorage.setItem('areaName',this.areaName);
       sessionStorage.setItem('dateVal',this.dateVal);
-      sessionStorage.setItem('brandModel',this.brandModel);
-      sessionStorage.setItem('underpanBrand',this.underpanBrand);
     },
     getSearchVal(){
       this.activeTab = Number(sessionStorage.getItem('indexActiveTab')) || 0;
@@ -369,8 +367,6 @@ export default {
       this.areaCode=Number(sessionStorage.getItem('areaCode')) || '';
       this.areaName=sessionStorage.getItem('areaName') || '';
       this.dateVal=sessionStorage.getItem('dateVal') || '';
-      this.brandModel=sessionStorage.getItem('brandModel') || '';
-      this.underpanBrand=sessionStorage.getItem('underpanBrand') || '';
     },
     goMine(){//我的发布
       this.$router.push({ name: "mineRelease"})
@@ -432,8 +428,6 @@ export default {
         areaCode:this.areaCode,
         startTime:this.startTime,
         endTime:this.endTime,
-        brandModel:this.brandModel,
-        underpanBrand:this.underpanBrand,
       })
       this.total=res.total
       if(this.pageNum == 1){// 第一页直接赋值
@@ -692,9 +686,9 @@ export default {
         color: #282828;
         line-height: 23px;
         width: 200px;
-       /* white-space: nowrap; !* 强制文本在一行显示 *!
-        overflow: hidden; !* 隐藏超出部分 *!
-        text-overflow: ellipsis; !* 超出部分显示省略号 *!*/
+        white-space: nowrap; /* 强制文本在一行显示 */
+        overflow: hidden; /* 隐藏超出部分 */
+        text-overflow: ellipsis; /* 超出部分显示省略号 */
       }
       .date{
         font-weight: 400;

src/views/secondHandCar/mineRelease.vue

@@ -32,7 +32,7 @@
               <div class="right">
                 <div class="title">
                   <span>{{item.vehicleType}}</span>
-                  <img :class="{'titleImg':true,bigImg:[8,9].includes(item.status?.code)}"  :src="getStatus(item.status?.code)" />
+                  <img class="titleImg"  :src="getStatus(item.status?.code)" />
                 </div>
 
                                 <div v-if="activeTab==0" class="type">{{ item.boardType?.label  ? item.boardType?.label+' | ' : ''}}  {{ item.licenseType?.label }} |
@@ -50,10 +50,8 @@
                 <div class="btnWrap">
                   <img v-if="(activeTab==1 && item.status?.code==3) || activeTab==2"  @click.stop="noMultipleClicks(reviseHandle,item)" class="revise"  src="@/assets/secondHandCar/revise.png" />
                   <img v-if="(activeTab==1 && (item.status?.code==1 || item.status?.code==3)) || activeTab==2"  @click.stop="noMultipleClicks(xiajiaHandle,item)" class="xiajia"  src="@/assets/secondHandCar/xiajia.png" />
-                  <img v-if="(activeTab==1 && item.status?.code==9)"  @click.stop="noMultipleClicks(reviseXiajiaHandle,item)" class="reshangjia"  src="@/assets/secondHandCar/reviseXiajia.png" />
                   <img v-if="((activeTab==3 && item.status?.code==7) || activeTab==2) && !isToday(item.wapTime)"  @click.stop="noMultipleClicks(polishHandle,item)" class="polish"  src="@/assets/secondHandCar/polish.png" />
                   <img v-if="activeTab==3 && item.type==1 && item.downReason=='不卖了' "  @click.stop="noMultipleClicks(reShangJiaHandle,item)" class="reshangjia"  src="@/assets/secondHandCar/reshangjia.png" />
-                  <img v-if="(activeTab==3 &&  [10,11].includes(item.status?.code)) || (activeTab==1 && [8,9].includes(item.status?.code))"  @click.stop="noMultipleClicks(viewXiajiaHandle,item)" class="reshangjia"  src="@/assets/secondHandCar/viewXiajia.png" />
                 </div>
                 <div class="line"></div>
               </div>
@@ -65,14 +63,13 @@
     <div class="empty" v-show="show">
       <img src="@/assets/empty.png" />
     </div>
-    <van-popup v-model="poupShow" closeable round  :style="{ width: '70%',height:xiajiaInfo.proprietary==1 && xiajiaInfo?.type==1 && radio==1 ? '20%' : '18%' }"  class="poupWrap">
+    <van-popup v-model="poupShow" closeable round  :style="{ width: '70%',height:'18%' }"  class="poupWrap">
       <span class="title">下架原因</span>
       <div class="poupContent">
         <van-radio-group v-model="radio" class="radioWrap">
           <van-radio name="1">{{xiajiaInfo?.type==1 ? '已售出' : '已买到'}}</van-radio>
           <van-radio name="2">{{xiajiaInfo?.type==1 ? '不卖了' : '不买了'}}</van-radio>
         </van-radio-group>
-        <div v-show="xiajiaInfo.proprietary==1 && xiajiaInfo?.type==1 && radio==1" class="tip">注：已售出需前往完善售出信息</div>
         <div class="btnWrap">
           <div class="btn" @click="noMultipleClicks(submitHandle)">确认</div>
         </div>
@@ -124,9 +121,7 @@ export default {
     },
     onRefresh() {
       this.pageNum=1
-      setTimeout(async () => {
-        // this.pageList=[]
-        await this.getList()
+      setTimeout(() => {
         this.$toast('刷新成功');
         this.isLoading = false;
       }, 1000);
@@ -163,19 +158,13 @@ export default {
         this.$toast('下架原因不能为空')
         return
       }
-      if(this.xiajiaInfo.proprietary==1 && this.xiajiaInfo?.type==1 && this.radio==1){
-        this.poupShow=false
-        this.radio = ''
-        this.$router.push({ name: "sellingInfo", query: {id:this.xiajiaInfo.id,type:'revise'}})
-      }else{
-        await usedCarRemove({
-          id:this.xiajiaInfo.id,
-          downReason:this.radio==1 ? (this.xiajiaInfo?.type==1 ? '已售出' : '已买到') : (this.xiajiaInfo?.type==1 ? '不卖了' : '不买了')
-        })
-        this.poupShow=false
-        this.radio = ''
-        await this.getList()
-      }
+      await usedCarRemove({
+        id:this.xiajiaInfo.id,
+        downReason:this.radio==1 ? (this.xiajiaInfo?.type==1 ? '已售出' : '已买到') : (this.xiajiaInfo?.type==1 ? '不卖了' : '不买了')
+      })
+      this.poupShow=false
+      this.radio = ''
+      await this.getList()
     },
     reviseHandle(item){//修改
       this.$router.push({
@@ -202,17 +191,8 @@ export default {
         console.log('reShangJiaHandle',e)
       }
     },
-    reviseXiajiaHandle(item){//修改下架
-      console.log("修改下架",item)
-      this.$router.push({ name: "sellingInfo", query: {id:item.id,type:'revise'}})
-    },
-    viewXiajiaHandle(item){//查看下架
-      console.log("查看下架",item)
-      this.$router.push({ name: "sellingInfo", query: {id:item.id,type:'view'}})
-    },
     xiajiaHandle(item){//下架
       this.poupShow=true
-      this.radio = ''
       this.xiajiaInfo=item
     },
     isToday(time) {
@@ -234,24 +214,14 @@ export default {
     },
     getStatus(i){
       switch (i){
-        case 1://待审核
-          return require('@/assets/secondHandCar/wait_verify.png')
-        case 3://审核不通过
-          return require('@/assets/secondHandCar/nopass.png')
         case 5://已发布
           return require('@/assets/secondHandCar/fabuing.png')
         case 6://已下架
           return require('@/assets/secondHandCar/alreayXiajia.png')
         case 7://信息过期
           return require('@/assets/secondHandCar/expire.png')
-        case 8://下架待审核
-          return require('@/assets/secondHandCar/xiajia_warting.png')
-        case 9://下架不通过
-          return require('@/assets/secondHandCar/xiajia_nopass.png')
-        case 10://下架售出
-          return require('@/assets/secondHandCar/xiajia_saled.png')
-        case 11://下架报废
-          return require('@/assets/secondHandCar/xiajia_scrap.png')
+        case 1://待审核
+          return require('@/assets/secondHandCar/wait_verify.png')
         default://未通过
           return require('@/assets/secondHandCar/nopass.png')
       }
@@ -394,10 +364,6 @@ export default {
         width: 43px;
         height: 14px;
       }
-      .bigImg{
-        width: 60px;
-        height: 16px;
-      }
     }
     .type{
       font-weight: 400;
@@ -511,11 +477,6 @@ export default {
       }
     }
   }
-  .tip{
-    color: red;
-    margin-left: 25px;
-    margin-bottom: 6px;
-  }
 }
 .empty{
   @include flexTwoCenter;

src/views/secondHandCar/sellingInfo.vue

@@ -1,489 +0,0 @@
-<template>
-  <div class="wrap" >
-    <div class="headerWrap">
-      <img class="bg" src="@/assets/secondHandCar/bg.png" />
-      <div class="navWrap">
-        <div v-if="isWebFunc()" style="opacity: 0;" class="back"></div>
-        <img v-else class="back" @click="h5GoBack" src="@/assets/secondHandCar/back.png" />
-        <img class="navIcon" src="@/assets/secondHandCar/sellingInfo.png" />
-<!--        <span class="title">售出信息</span>-->
-        <div style="opacity: 0;" class="back"></div>
-      </div>
-      <div class="audit" v-if="type=='revise' && status==9 && auditRemark">
-        <span><img class="noAudit" src="@/assets/secondHandCar/noAudit.png" />审核不通过：</span>
-        <span>{{auditRemark }}</span>
-      </div>
-    </div>
-    <div class="contentWrap" :class="[!(status==9 && auditRemark) ? 'noReasonWrap': 'hasReasonWrap']">
-      <div  class="content">
-        <div class="item" style="align-items: center">
-          <span> <span class="star">*</span>售出渠道 </span>
-          <van-radio-group v-model="form.salesChannel" direction="horizontal" class="radioWrap"  :disabled="type !== 'revise'">
-            <van-radio name="1" :class="{'checked':form.salesChannel==1,'salesChannelRadio':true,'radio':true}">中道二手拖车</van-radio>
-            <van-radio name="2" :class="{'checked':form.salesChannel==2,'salesChannelRadio':true}">本地线下</van-radio>
-            <van-radio name="3" :class="{'checked':form.salesChannel==3,'salesChannelRadio':true}">报废</van-radio>
-          </van-radio-group>
-        </div>
-        <template v-if="form.salesChannel==3">
-          <div class="item" style="margin-top: 8px">
-            <span style="line-height: 0.5rem"> <span class="star">*</span>报废机动车回收证明 </span>
-            <upload-common  @success3="getRecyclePhoto"   @delete3="deleteImgRecycle" :show-del="type == 'revise'"
-                            :text="'回收证明'" :multiple="false"  :files.sync="recyclePathList"/>
-          </div>
-          <div class="item">
-            <span> <span class="star">*</span>报废年月</span>
-            <van-field
-                :disabled="type !== 'revise'"
-                @focus="showDatetime = true"
-                class="radioWrap"
-                readonly
-                v-model="scrapTimeFormatShow"
-                input-align="right"
-            >
-            </van-field>
-          </div>
-        </template>
-        <template v-else>
-          <div class="item">
-            <span> <span class="star">*</span>购买方 </span>
-            <van-field
-                :disabled="type !== 'revise'"
-                class="radioWrap"
-                v-model="form.purchaser"
-                input-align="right"
-            > </van-field>
-          </div>
-          <div class="item">
-            <span> <span class="star">*</span>售出价格 </span>
-            <van-field
-                :disabled="type !== 'revise'"
-                type="number"
-                class="radioWrap"
-                v-model="form.sellPrice"
-                input-align="right"
-            >
-              <template slot="right-icon" >
-                <span style="white-space: nowrap;  margin-left: 8px;"> 元 </span>
-              </template>
-            </van-field>
-          </div>
-          <div class="item"  style="margin-top: 8px">
-            <span> <span class="star">*</span>交易合同 </span>
-            <upload-common @success3="getTradePhoto"   @delete3="deleteImgTrade" :show-del="type == 'revise'"
-                           :text="'交易合同'" :multiple="false"  :files.sync="tradeContractPathList"/>
-          </div>
-          <div class="item">
-            <span> <span class="star">*</span>交易年月</span>
-            <van-field
-                :disabled="type !== 'revise'"
-                @focus="showDatetime = true"
-                class="radioWrap"
-                readonly
-                v-model="tradeTimeFormatShow"
-                input-align="right"
-            > </van-field>
-          </div>
-        </template>
-      </div>
-      <div class="btnWrap" v-if="type !== 'view'">
-        <div v-if="type == 'revise'" class="btn commonBtn"  @click="noMultipleClicks(submitHandle)">确认售出</div>
-        <template  v-else-if="type=='audit'">
-          <div style="margin: 10px">不通过原因</div>
-          <el-input style="margin-bottom: 10px;margin-left: 10px"  class="ipt" v-model.trim="auditReason" type="textarea"  :autosize="{ minRows: 2, maxRows: 6 }"
-                    maxlength="200" show-word-limit placeholder="请填写不通过原因"></el-input>
-          <div  class="auditBtn">
-            <div  class="commonBtn" @click="noMultipleClicks(auditHandle,0)">审核不通过</div>
-            <div  class="commonBtn" @click="noMultipleClicks(auditHandle,1)"><span style="margin-right: 6px">✔</span>审核通过</div>
-          </div>
-        </template>
-      </div>
-    </div>
-    <van-popup v-model="showDatetime" round position="bottom">
-      <van-datetime-picker
-          class="dataTime"
-          v-if="showDatetime"
-          v-model="time"
-          type="date"
-          :min-date="minDate"
-          @confirm="onConfirm"
-          @cancel="showDatetime = false"
-      />
-    </van-popup>
-  </div>
-</template>
-
-<script>
-import {myMixins} from "@/utils/myMixins"
-import {auditCarInfo, usedCarRemove,carInfoDetail,auditCarInfoAgain} from "@/api/secondHandCar"
-import uploadCommon from "@/views/secondHandCar/components/upload-common.vue";
-import {timeFormat} from "@/utils/common";
-export default {
-  name: "sellingInfo",
-  mixins:[myMixins],
-  data(){
-    return{
-      noClick:true,
-      form:{
-        id:'',
-        downReason: '已售出',
-        salesChannel:'',
-        purchaser:'',
-        sellPrice:'',
-        tradeContractPath:'',
-        tradeTime:'',
-        recyclePath:'',
-        scrapTime:'',
-      },
-      tradeContractPathList:[],
-      recyclePathList:[],
-      otherImgSrc:[],
-      otherImgSrcList:[],
-      type:'',
-      auditRemark:'',
-      auditReason:'',
-      status:'' ,
-      time:'',
-      showDatetime:false,
-      minDate: new Date(),
-    }
-  },
-  async mounted() {
-    const urlParams = new URLSearchParams(window.location.search);
-    this.form.id=this.$route.query.id ||  urlParams.get('id');
-    this.type=this.$route.query.type || urlParams.get('type');
-    if( this.form.id){
-      let res = await carInfoDetail({
-        id:this.form.id,
-        queryType:4,
-      })
-      this.form={...res.data}
-      this.form.downReason='已售出'
-      this.auditRemark=res.data?.auditRemark
-      this.status=res.data?.status?.code
-      if(res.data?.tradeContractPath){
-        this.tradeContractPathList=[{url:res.data?.tradeContractPath}]
-      }
-      if(res.data?.recyclePath){
-        this.recyclePathList=[{url:res.data?.recyclePath}]
-      }
-    }
-  },
-  methods:{
-    onConfirm(data) {
-      this.time = timeFormat(new Date(data))
-      if(this.form.salesChannel==3){
-        this.form.scrapTime = timeFormat(new Date(data))
-      }else {
-        this.form.tradeTime = timeFormat(new Date(data))
-      }
-      this.showDatetime = false;
-    },
-    // 审核操作
-    async auditHandle(type){
-      if (!type && !this.auditReason){
-        this.$toast('请填写不通过原因')
-        return
-      }
-      try {
-        await auditCarInfo({
-          id: this.form.id,
-          auditResult: type  ? 1 : 0 ,
-          auditReason: this.auditReason,
-          ...this.form,
-          licenseType:this.form?.licenseType?.code,
-          boardType:this.form?.boardType?.code,
-          emissionStandard:this.form?.emissionStandard?.code,
-        })
-        setTimeout(()=>{
-          this.closeParentDialog()
-        },1000)
-      } finally {
-        console.log(type)
-      }
-    },
-    async submitHandle(){
-      let rule = this.validationRules.find(item =>
-          item.required && (item.value === null || item.value === undefined || item.value === ''))
-      if(rule){
-        this.$toast(rule.name)
-        return
-      }
-      try {
-        // 清除原本选择的信息
-        if(this.form.salesChannel==3){
-          this.form.purchaser=''
-          this.form.sellPrice=''
-          this.form.tradeContractPath=''
-          this.form.tradeTime=''
-        }else{
-          this.form.recyclePath=''
-          this.form.scrapTime=''
-        }
-        let res=''
-        if(this.status == 9){
-          res=await auditCarInfoAgain({// 审核不通过再次提交
-            ...this.form,
-            salesChannel:Number(this.form.salesChannel)
-          })
-        }else {
-          res=await usedCarRemove({
-            ...this.form,
-            salesChannel:Number(this.form.salesChannel)
-          })
-        }
-        if(res.code == 200 && !res.msg){
-          this.$toast('操作成功')
-          if(this.isWebFunc()){
-            setTimeout(()=>{
-              this.closeParentDialog()
-            },1000)
-          }else{
-            setTimeout(()=>{
-              this.h5GoBack()
-            },1000)
-          }
-        }else{
-          this.$toast(res.msg)
-        }
-      } catch (e) {
-        console.log(e)
-      }
-    },
-    getTradePhoto(data) {
-      this.form.tradeContractPath = data.url
-    },
-    deleteImgTrade() {
-      this.form.tradeContractPath = '';
-    },
-    getRecyclePhoto(data) {
-      this.form.recyclePath = data.url
-    },
-    deleteImgRecycle() {
-      this.form.recyclePath = '';
-    },
-  },
-  computed: {
-    tradeTimeFormatShow(){
-      return this.form.tradeTime ? this.form.tradeTime?.substring(0,10) :  '';
-    },
-    scrapTimeFormatShow(){
-      return this.form.scrapTime ? this.form.scrapTime?.substring(0,10) :  '';
-    },
-    validationRules() {
-      return [
-        {required:true, value: this.form.salesChannel, name: '售出渠道不能为空' },
-        {required:this.form.salesChannel==3 ? false : true, value: this.form.purchaser, name: '购买方不能为空' },
-        {required:this.form.salesChannel==3 ? false : true, value: this.form.sellPrice, name: '售出价格不能为空' },
-        {required:this.form.salesChannel==3 ? false : true, value: this.form.tradeContractPath, name: '交易合同文件不能为空' },
-        {required:this.form.salesChannel==3 ? false : true, value: this.form.tradeTime, name: '交易年月不能为空' },
-        {required:this.form.salesChannel==3 ? true : false, value: this.form.recyclePath, name: '报废机动车回收证明不能为空' },
-        {required:this.form.salesChannel==3 ? true : false, value: this.form.scrapTime, name: '报废年月不能为空' },
-      ];
-    },
-  },
-  components:{uploadCommon}
-}
-</script>
-
-<style scoped lang="scss">
-@import '@/styles/mixin.scss';
-.wrap {
-  @include wh(100%, 100%);
-  position: relative;
-}
-.headerWrap{
-  width: 100%;
-  box-sizing: border-box;
-  padding-top: 15px;
-  padding-bottom: 15px;
-  position: relative;
-  .navWrap{
-    width: 100%;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    box-sizing: border-box;
-    padding: 0 16px 10px;
-  }
-  .bg {
-    position: absolute;
-    width: 100%;
-    height: 120px;
-    line-height: 120px;
-    top: 0;
-    left: 0;
-    opacity: 0.5;
-    z-index: -1;
-  }
-  .back{
-    @include wh(15px,15px);
-  }
-  .title{
-    font-weight: bold;
-    font-size: 16px;
-    color: #203152;
-  }
-  .navIcon{
-    @include wh(84px,21px);
-  }
-  .audit{
-    @include wh(100%,43px);
-    background: #FFF7F4;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 11px;
-    color: #FF6B3B;
-    .noAudit{
-      @include wh(13px,12px);
-      margin-right: 5px;
-      vertical-align: bottom;
-    }
-    span:first-child{
-      font-weight: 600;
-    }
-  }
-}
-.navBar{
-  margin-bottom: 46px;
-}
-.noReasonWrap{
-  height: calc(100% - 42px);
-}
-.hasReasonWrap{
-  height: calc(100% - 85px);
-}
-.contentWrap{
-  width: 100%;
-  overflow-y: auto;
-  @include sizingPadding(15px,15px);
-  @include flexBetween;
-  .btnWrap{
-    padding-bottom: 20px;
-    padding-top: 15px;
-  }
-  .commonBtn{
-    height: 46px;
-    line-height: 46px;
-    text-align: center;
-    font-weight: bold;
-    border-radius: 5px;
-    color: #FFFFFF;
-    cursor: pointer;
-  }
-  .btn{
-    width: 296px;
-    background: #4A7FEB;
-    margin: 0 auto;
-    font-size: 15px;
-  }
-  .auditBtn{
-    display: flex;
-    justify-content: space-between;
-    font-size: 14px;
-    box-sizing: border-box;
-    padding: 0 6px;
-    div:first-child{
-      width: 100px;
-      opacity: 0.79;
-      background: #1C2C49;
-    }
-    div:last-child{
-      width: 200px;
-      background: #4A7FEB;
-    }
-  }
-}
-
-.content{
-  width: 100%;
-  .item{
-    display: flex;
-    font-weight: 400;
-    font-size: 13px;
-    color: #2C3D54;
-    line-height: 44px;
-    width: 100%;
-    box-sizing: border-box;
-    padding-left: 21px;
-    padding-right: 9px;
-    span:first-child{
-      display: inline-block;
-      width:70px;
-      font-size: 13px;
-      color: rgba(44, 61, 84, 0.59);
-    }
-    span:last-child{
-      display: inline-block;
-      width:calc(100% - 70px);
-      border-bottom: 1px solid #E9E9EA;
-    }
-    .orc{
-      box-sizing: border-box;
-      padding-left: 6px;
-    }
-  }
-  .star{
-    color: #FF4B4B !important;
-    opacity: 1 !important;
-    font-weight: bold;
-    font-size: 12px;
-    margin-right: 6px;
-    margin-left: -6px;
-  }
-  .radioWrap{
-    width:calc(100% - 70px);
-    border-bottom: 1px solid #E9E9EA;
-  }
-}
-.lastLine{
-  margin-top: 3px !important;
-}
-::v-deep .van-icon-success{
-  display: none !important;
-}
-::v-deep .van-radio__label{
-  margin-left: 0;
-  width: 54px;
-  height: 23px;
-  border-radius: 13px;
-  border: 1px solid #9F9F9F;
-  opacity: 0.5;
-  text-align: center;
-  line-height: 23px;
-  font-size: 12px;
-  color: #323233;
-  opacity: 1;
-}
-::v-deep .van-radio--horizontal{
-  margin-right: 4px;
-}
-::v-deep .van-radio--horizontal:last-child{
-  margin-right: 0;
-}
-::v-deep  .checked .van-radio__label{
-  background: #FFF1EC !important;
-  border: 1px solid #FF5C26 !important;
-  color: #FE5006 !important;
-  border-radius: 13px !important;
-}
-::v-deep  .van-field__right-icon{
-  margin-right: 0;
-  padding: 0;
-}
-::v-deep .ipt .el-textarea__inner{
-  background: #F5F7F9;
-  border-radius: 4px;
-  font-size: 12px;
-  border: none;
-}
-::v-deep .van-popup__close-icon--top-right{
-  display: none;
-}
-::v-deep .salesChannelRadio .van-radio__label{
-  margin-bottom: 8px !important;
-}
-::v-deep .radio .van-radio__label{
-  width: 80px !important;
-}
-</style>

src/views/secondHandCar/wantBuySale.vue

@@ -23,12 +23,6 @@
           </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">
         <div>
@@ -107,16 +101,6 @@ export default {
     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; // 计算时长（秒）
@@ -306,14 +290,4 @@ export default {
     cursor: pointer;
   }
 }
-.commonColor {
-  color: #999999 !important;
-  display: flex;
-  align-items: center;
-}
-.copyIcon {
-  width: 35px;
-  height: 15px;
-  margin-left: 10px
-}
 </style>

src/views/vehicle-maintenance/vehicle-alarm-detail.vue

@@ -1,415 +0,0 @@
-<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" @click="goAlarmMonitoring">查看监控</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: {
-      // 新增方法：重置弹窗状态
-      resetPopupState() {
-        this.radio = '';
-        this.remark = '';
-        // 重置radioList状态
-        this.radioList = [
-          { name: '开始处理', value: 3, disabled: false },
-          { name: '处理完成', value: 5, disabled: false }
-        ];
-      },
-      goAlarmMonitoring() {
-        let data = {
-          "action":"goMonitoring",
-          "params": {
-            "code": this.code
-          }
-        };
-        let u = navigator.userAgent;
-        let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
-        if(isiOS){
-          window.webkit.messageHandlers.nativeObject.postMessage(data);
-        }else {
-          window.android.sendMessage("code=" + this.code);
-        }
-      },
-      async operatorHandle() {
-        try {
-          await dealWithAlarm({
-            alarmId: this.info.id,
-            handleStatus: this.radio,
-            remark: this.remark
-          })
-          this.$toast('操作成功')
-          this.resetPopupState();
-        } 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',
-            params: {
-              token: localStorage.getItem('token')
-            },
-            replace: true  // 关键：替换当前路由，而不是新增历史记录
-          });
-          return
-        }
-        this.info = res?.data;
-        // 每次获取详情时重置radioList
-        this.radioList = [
-          { name: '开始处理', value: 3, disabled: false },
-          { name: '处理完成', value: 5, disabled: false }
-        ];
-        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>

src/views/vehicle-maintenance/vehicle-alarm-list.vue

@@ -1,247 +0,0 @@
-<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 flexLabel">车辆名称:</div>
-              <div class="content flexContent">{{item.vehicleName}}</div>
-            </div>
-            <div class="alarm_content">
-              <div class="label flexLabel">报警详情:</div>
-              <div class="content flexContent">{{item.alarmRemark}}</div>
-            </div>
-          </div>
-        </div>
-      </van-list>
-    </van-pull-refresh>
-    <div class="bgEmptyImg" v-show="show" >
-      <img src="@/assets/emptyData.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 handleStatus;
-        if( this.activeIndex == 2 ) {
-          handleStatus = 3
-        } else {
-          handleStatus = this.activeIndex
-        }
-        let res = await getAlarmList({
-          pageNum:this.pageNum,
-          pageSize:this.pageSize,
-          handStatus: handleStatus
-        })
-        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);
-      }
-      .flexLabel {
-        min-width: 50px;
-        flex-shrink: 0;
-      }
-      .flexContent {
-        flex: 1;
-        word-break: break-all;
-      }
-      .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>