Compare commits
4 Commits
prod-25-08
...
prod-25-06
Author | SHA1 | Date | |
---|---|---|---|
dee9cd779a | |||
0b0749f04a | |||
61da53bfe0 | |||
d1d246d871 |
@ -112,43 +112,3 @@ export function correctionHandle(data) {
|
|||||||
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
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
@ -94,12 +94,3 @@ export function saveRecord(data){
|
|||||||
data
|
data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
// 审核不通过再次提交
|
|
||||||
export function auditCarInfoAgain(data){
|
|
||||||
return request({
|
|
||||||
url: '/toc-user/car-app/auditCarInfoAgain',
|
|
||||||
method:'POST',
|
|
||||||
contentType: 'application/json',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
Before Width: | Height: | Size: 785 B |
Before Width: | Height: | Size: 2.2 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 6.4 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 2.1 KiB |
Before Width: | Height: | Size: 770 B |
Before Width: | Height: | Size: 21 KiB |
Before Width: | Height: | Size: 6.1 KiB |
Before Width: | Height: | Size: 7.9 KiB |
Before Width: | Height: | Size: 5.9 KiB |
Before Width: | Height: | Size: 3.7 KiB |
Before Width: | Height: | Size: 1.4 KiB |
Before Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 3.7 KiB |
BIN
src/assets/secondHandCar/车辆描述@2x.png
Normal file
After Width: | Height: | Size: 6.2 KiB |
@ -251,22 +251,6 @@ const routes = [
|
|||||||
title:'车辆维保'
|
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',
|
path: '/maintenanceApplication',
|
||||||
name: 'maintenanceApplication',
|
name: 'maintenanceApplication',
|
||||||
|
@ -55,13 +55,5 @@ const secondHandCar = [
|
|||||||
title: '免责声明',
|
title: '免责声明',
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: '/sellingInfo',
|
|
||||||
name: 'sellingInfo',
|
|
||||||
component: () => import('@/views/secondHandCar/sellingInfo.vue'),
|
|
||||||
meta:{
|
|
||||||
title: '售出信息',
|
|
||||||
}
|
|
||||||
},
|
|
||||||
]
|
]
|
||||||
export default secondHandCar
|
export default secondHandCar
|
||||||
|
@ -25,7 +25,7 @@ service.interceptors.request.use(
|
|||||||
}
|
}
|
||||||
config.headers['Content-Type'] = config.contentType || 'application/x-www-form-urlencoded'
|
config.headers['Content-Type'] = config.contentType || 'application/x-www-form-urlencoded'
|
||||||
let token = localStorage.getItem('token');
|
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'
|
// let token='eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJTSEhQWEIiLCJ1c2VySWQiOjU0NzI2LCJuYW1lIjoiI-a1i-ivleWwj-eZveeZvSIsInVzZXJOYW1lIjoiU0hIUFhCIiwic3VwcGxpZXJJZCI6MTAwMDE2NSwiZXhwIjoxNzQ0NTEwNzkwfQ.JPk0OA7slYJN3FIi_uhW4Y0CiWRvl6R1dK8MRTbyhD8'
|
||||||
if(!(reqUrl=='/supplier/supplierTraining/trainingTask' || reqUrl=='/supplier/supplierTraining/normalList' || reqUrl=='/supplier/supplierTraining/trainingList')){
|
if(!(reqUrl=='/supplier/supplierTraining/trainingTask' || reqUrl=='/supplier/supplierTraining/normalList' || reqUrl=='/supplier/supplierTraining/trainingList')){
|
||||||
if(token) {
|
if(token) {
|
||||||
|
@ -268,6 +268,7 @@ export default {
|
|||||||
if( this.form.vehicleRearPhoto ) {
|
if( this.form.vehicleRearPhoto ) {
|
||||||
this.vehicleRearPhotoList = [{url: this.form.vehicleRearPhoto}]
|
this.vehicleRearPhotoList = [{url: this.form.vehicleRearPhoto}]
|
||||||
}
|
}
|
||||||
|
// console.log("carSourceFormInfo",carSourceFormInfo)
|
||||||
if(carSourceFormInfo.otherImgSrc0){
|
if(carSourceFormInfo.otherImgSrc0){
|
||||||
this.otherImgSrc.push(carSourceFormInfo.otherImgSrc0)
|
this.otherImgSrc.push(carSourceFormInfo.otherImgSrc0)
|
||||||
this.otherImgSrcList.push({url:carSourceFormInfo.otherImgSrc0})
|
this.otherImgSrcList.push({url:carSourceFormInfo.otherImgSrc0})
|
||||||
@ -292,6 +293,7 @@ export default {
|
|||||||
this.otherImgSrc.push(carSourceFormInfo.otherImgSrc5)
|
this.otherImgSrc.push(carSourceFormInfo.otherImgSrc5)
|
||||||
this.otherImgSrcList.push({url:carSourceFormInfo.otherImgSrc5})
|
this.otherImgSrcList.push({url:carSourceFormInfo.otherImgSrc5})
|
||||||
}
|
}
|
||||||
|
// console.log("--",this.vehicleLicensePhotoList,this.vehicleAnglePhotoList,this.otherImgSrcList)
|
||||||
},
|
},
|
||||||
methods:{
|
methods:{
|
||||||
validatePrice(value) {
|
validatePrice(value) {
|
||||||
@ -478,6 +480,21 @@ export default {
|
|||||||
otherPhoto:this.otherImgSrc?.join(',')
|
otherPhoto:this.otherImgSrc?.join(',')
|
||||||
})
|
})
|
||||||
this.clearStorageFormInfo()
|
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)
|
console.log("车源发布publishCarInfo",res)
|
||||||
} catch (e){
|
} catch (e){
|
||||||
console.log('e',e)
|
console.log('e',e)
|
||||||
@ -588,6 +605,7 @@ export default {
|
|||||||
}
|
}
|
||||||
.navBar{
|
.navBar{
|
||||||
margin-bottom: 46px;
|
margin-bottom: 46px;
|
||||||
|
|
||||||
}
|
}
|
||||||
.noContentAudit{
|
.noContentAudit{
|
||||||
height: calc(100% - 42px);
|
height: calc(100% - 42px);
|
||||||
|
@ -8,11 +8,10 @@
|
|||||||
:preview-full-image="false"
|
:preview-full-image="false"
|
||||||
:max-count="multiple ? 6 : 1"
|
:max-count="multiple ? 6 : 1"
|
||||||
@click-preview="handlePreviewClick"
|
@click-preview="handlePreviewClick"
|
||||||
:deletable="showDel"
|
|
||||||
>
|
>
|
||||||
<div class="upload">
|
<div class="upload">
|
||||||
<img class="icon" src="@/assets/secondHandCar/upload.png"/>
|
<img class="icon" src="@/assets/secondHandCar/upload.png"/>
|
||||||
<span class="text" v-show="!['交易合同','回收证明'].includes(displayText)">{{ displayText }}</span>
|
<span class="text">{{ displayText }}</span>
|
||||||
</div>
|
</div>
|
||||||
<template v-if="text.includes('其他照片')" #preview-cover="{ index }">
|
<template v-if="text.includes('其他照片')" #preview-cover="{ index }">
|
||||||
<div class="preview-cover van-ellipsis">{{ index + 1 }}/6</div>
|
<div class="preview-cover van-ellipsis">{{ index + 1 }}/6</div>
|
||||||
@ -37,10 +36,6 @@ export default {
|
|||||||
files: {
|
files: {
|
||||||
type: Array,
|
type: Array,
|
||||||
default: () => []
|
default: () => []
|
||||||
},
|
|
||||||
showDel:{
|
|
||||||
type: Boolean,
|
|
||||||
default: true
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
@ -48,10 +48,6 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="viewNum">{{detailInfo.attentionCount}}人想要<span>{{detailInfo.browseCount}}人浏览</span></div>
|
<div class="viewNum">{{detailInfo.attentionCount}}人想要<span>{{detailInfo.browseCount}}人浏览</span></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="price commonColor">
|
|
||||||
车源ID: {{ detailInfo.code }}
|
|
||||||
<img class="copyIcon" @click="copyHandler(detailInfo.code)" src="@/assets/copy.png" />
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="detailInfoWrap wrapCommon">
|
<div class="detailInfoWrap wrapCommon">
|
||||||
<div>
|
<div>
|
||||||
@ -182,16 +178,6 @@ export default {
|
|||||||
this.getDuration(1)
|
this.getDuration(1)
|
||||||
},
|
},
|
||||||
methods:{
|
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) {
|
showImagePreview(index) {
|
||||||
ImagePreview({
|
ImagePreview({
|
||||||
images: this.imgSrcList.map(item => item),
|
images: this.imgSrcList.map(item => item),
|
||||||
@ -288,7 +274,7 @@ export default {
|
|||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
}
|
}
|
||||||
.titleWrap{
|
.titleWrap{
|
||||||
height: 120px;
|
height: 108px;
|
||||||
padding: 18px 0 15px 21px;
|
padding: 18px 0 15px 21px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@ -451,14 +437,4 @@ export default {
|
|||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
object-position: center;
|
object-position: center;
|
||||||
}
|
}
|
||||||
.copyIcon {
|
|
||||||
width: 35px;
|
|
||||||
height: 15px;
|
|
||||||
margin-left: 10px
|
|
||||||
}
|
|
||||||
.commonColor {
|
|
||||||
color: #999999 !important;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
@ -32,7 +32,7 @@
|
|||||||
<div class="right">
|
<div class="right">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<span>{{item.vehicleType}}</span>
|
<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>
|
||||||
|
|
||||||
<div v-if="activeTab==0" class="type">{{ item.boardType?.label ? item.boardType?.label+' | ' : ''}} {{ item.licenseType?.label }} |
|
<div v-if="activeTab==0" class="type">{{ item.boardType?.label ? item.boardType?.label+' | ' : ''}} {{ item.licenseType?.label }} |
|
||||||
@ -50,10 +50,8 @@
|
|||||||
<div class="btnWrap">
|
<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==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==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.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 && 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>
|
||||||
<div class="line"></div>
|
<div class="line"></div>
|
||||||
</div>
|
</div>
|
||||||
@ -65,14 +63,13 @@
|
|||||||
<div class="empty" v-show="show">
|
<div class="empty" v-show="show">
|
||||||
<img src="@/assets/empty.png" />
|
<img src="@/assets/empty.png" />
|
||||||
</div>
|
</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>
|
<span class="title">下架原因</span>
|
||||||
<div class="poupContent">
|
<div class="poupContent">
|
||||||
<van-radio-group v-model="radio" class="radioWrap">
|
<van-radio-group v-model="radio" class="radioWrap">
|
||||||
<van-radio name="1">{{xiajiaInfo?.type==1 ? '已售出' : '已买到'}}</van-radio>
|
<van-radio name="1">{{xiajiaInfo?.type==1 ? '已售出' : '已买到'}}</van-radio>
|
||||||
<van-radio name="2">{{xiajiaInfo?.type==1 ? '不卖了' : '不买了'}}</van-radio>
|
<van-radio name="2">{{xiajiaInfo?.type==1 ? '不卖了' : '不买了'}}</van-radio>
|
||||||
</van-radio-group>
|
</van-radio-group>
|
||||||
<div v-show="xiajiaInfo.proprietary==1 && xiajiaInfo?.type==1 && radio==1" class="tip">注:已售出需前往完善售出信息</div>
|
|
||||||
<div class="btnWrap">
|
<div class="btnWrap">
|
||||||
<div class="btn" @click="noMultipleClicks(submitHandle)">确认</div>
|
<div class="btn" @click="noMultipleClicks(submitHandle)">确认</div>
|
||||||
</div>
|
</div>
|
||||||
@ -124,9 +121,7 @@ export default {
|
|||||||
},
|
},
|
||||||
onRefresh() {
|
onRefresh() {
|
||||||
this.pageNum=1
|
this.pageNum=1
|
||||||
setTimeout(async () => {
|
setTimeout(() => {
|
||||||
// this.pageList=[]
|
|
||||||
await this.getList()
|
|
||||||
this.$toast('刷新成功');
|
this.$toast('刷新成功');
|
||||||
this.isLoading = false;
|
this.isLoading = false;
|
||||||
}, 1000);
|
}, 1000);
|
||||||
@ -163,11 +158,6 @@ export default {
|
|||||||
this.$toast('下架原因不能为空')
|
this.$toast('下架原因不能为空')
|
||||||
return
|
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({
|
await usedCarRemove({
|
||||||
id:this.xiajiaInfo.id,
|
id:this.xiajiaInfo.id,
|
||||||
downReason:this.radio==1 ? (this.xiajiaInfo?.type==1 ? '已售出' : '已买到') : (this.xiajiaInfo?.type==1 ? '不卖了' : '不买了')
|
downReason:this.radio==1 ? (this.xiajiaInfo?.type==1 ? '已售出' : '已买到') : (this.xiajiaInfo?.type==1 ? '不卖了' : '不买了')
|
||||||
@ -175,7 +165,6 @@ export default {
|
|||||||
this.poupShow=false
|
this.poupShow=false
|
||||||
this.radio = ''
|
this.radio = ''
|
||||||
await this.getList()
|
await this.getList()
|
||||||
}
|
|
||||||
},
|
},
|
||||||
reviseHandle(item){//修改
|
reviseHandle(item){//修改
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
@ -202,17 +191,8 @@ export default {
|
|||||||
console.log('reShangJiaHandle',e)
|
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){//下架
|
xiajiaHandle(item){//下架
|
||||||
this.poupShow=true
|
this.poupShow=true
|
||||||
this.radio = ''
|
|
||||||
this.xiajiaInfo=item
|
this.xiajiaInfo=item
|
||||||
},
|
},
|
||||||
isToday(time) {
|
isToday(time) {
|
||||||
@ -234,24 +214,14 @@ export default {
|
|||||||
},
|
},
|
||||||
getStatus(i){
|
getStatus(i){
|
||||||
switch (i){
|
switch (i){
|
||||||
case 1://待审核
|
|
||||||
return require('@/assets/secondHandCar/wait_verify.png')
|
|
||||||
case 3://审核不通过
|
|
||||||
return require('@/assets/secondHandCar/nopass.png')
|
|
||||||
case 5://已发布
|
case 5://已发布
|
||||||
return require('@/assets/secondHandCar/fabuing.png')
|
return require('@/assets/secondHandCar/fabuing.png')
|
||||||
case 6://已下架
|
case 6://已下架
|
||||||
return require('@/assets/secondHandCar/alreayXiajia.png')
|
return require('@/assets/secondHandCar/alreayXiajia.png')
|
||||||
case 7://信息过期
|
case 7://信息过期
|
||||||
return require('@/assets/secondHandCar/expire.png')
|
return require('@/assets/secondHandCar/expire.png')
|
||||||
case 8://下架待审核
|
case 1://待审核
|
||||||
return require('@/assets/secondHandCar/xiajia_warting.png')
|
return require('@/assets/secondHandCar/wait_verify.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')
|
|
||||||
default://未通过
|
default://未通过
|
||||||
return require('@/assets/secondHandCar/nopass.png')
|
return require('@/assets/secondHandCar/nopass.png')
|
||||||
}
|
}
|
||||||
@ -394,10 +364,6 @@ export default {
|
|||||||
width: 43px;
|
width: 43px;
|
||||||
height: 14px;
|
height: 14px;
|
||||||
}
|
}
|
||||||
.bigImg{
|
|
||||||
width: 60px;
|
|
||||||
height: 16px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.type{
|
.type{
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
@ -511,11 +477,6 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.tip{
|
|
||||||
color: red;
|
|
||||||
margin-left: 25px;
|
|
||||||
margin-bottom: 6px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.empty{
|
.empty{
|
||||||
@include flexTwoCenter;
|
@include flexTwoCenter;
|
||||||
|
@ -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>
|
|
@ -23,12 +23,6 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="viewNum">{{detailInfo.attentionCount}}人想卖<span>{{detailInfo.browseCount}}人浏览</span></div>
|
<div class="viewNum">{{detailInfo.attentionCount}}人想卖<span>{{detailInfo.browseCount}}人浏览</span></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="priceWrap">
|
|
||||||
<div class="commonColor" style="margin-top: 5px">
|
|
||||||
车源ID: {{ detailInfo.code }}
|
|
||||||
<img class="copyIcon" @click="copyHandler(detailInfo.code)" src="@/assets/copy.png" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="detailInfoWrap wrapCommon">
|
<div class="detailInfoWrap wrapCommon">
|
||||||
<div>
|
<div>
|
||||||
@ -107,16 +101,6 @@ export default {
|
|||||||
this.getDuration(1)
|
this.getDuration(1)
|
||||||
},
|
},
|
||||||
methods:{
|
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){
|
getDuration(type){
|
||||||
const endTime = new Date();
|
const endTime = new Date();
|
||||||
const duration = (endTime - this.startTime) / 1000; // 计算时长(秒)
|
const duration = (endTime - this.startTime) / 1000; // 计算时长(秒)
|
||||||
@ -306,14 +290,4 @@ export default {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.commonColor {
|
|
||||||
color: #999999 !important;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.copyIcon {
|
|
||||||
width: 35px;
|
|
||||||
height: 15px;
|
|
||||||
margin-left: 10px
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
@ -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>
|
|
@ -1,239 +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">车辆名称:</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/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);
|
|
||||||
}
|
|
||||||
.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>
|
|