退车详情
This commit is contained in:
DL
@@ -93,6 +93,10 @@ export const picupReturnAPI = (data) => request.post(`/admin/merchant/car/reserv
|
||||
export const createAndPicUpReturnAPI = (data) =>
|
||||
request.post(`/admin/merchant/car/reservation/order/createAndPicUpReturn`, data);
|
||||
|
||||
// 退车接待-工单详情 /api/admin/merchant/car/reservation/order/detailReturn
|
||||
export const detailReturnAPI = (params) =>
|
||||
request.get('/admin/merchant/car/reservation/order/detailReturn', { params });
|
||||
|
||||
// dp公司（拿id，不分页） /api/publicly/dp/company/listAll
|
||||
export const dpCompanyListAllAPI = () => request.get('/publicly/dp/company/listAll');
|
||||
|
||||
|
||||
714
src/views/reservation/management/carRefund/detailDialog.vue
Normal file
714
src/views/reservation/management/carRefund/detailDialog.vue
Normal file
@@ -0,0 +1,714 @@
|
||||
<template>
|
||||
<!-- 详情 -->
|
||||
<div class="detaildialog">
|
||||
<el-dialog
|
||||
title="详情"
|
||||
:visible.sync="detailDialogVisible"
|
||||
:before-close="detailHandleClose"
|
||||
v-if="detailDialogVisible"
|
||||
width="85%"
|
||||
class="showALL_dialog"
|
||||
>
|
||||
<div class="desc_up" v-if="this.detailObj">
|
||||
<el-descriptions title="基本信息" border>
|
||||
<el-descriptions-item label="ID">{{ this.detailObj.id }}</el-descriptions-item>
|
||||
<el-descriptions-item label="汽车id">{{ this.detailObj.carId }}</el-descriptions-item>
|
||||
<el-descriptions-item label="车牌号">{{ this.detailObj.carNo }}</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="维修店商户id">{{ this.detailObj.merId }}</el-descriptions-item>
|
||||
<el-descriptions-item label="商户名称">{{
|
||||
this.detailObj.merName ? this.detailObj.merName : '无名'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="车辆型号id">{{ this.detailObj.modelId }}</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="车辆型号">{{ this.detailObj.modelName }}</el-descriptions-item>
|
||||
<el-descriptions-item label="车主姓名">{{ this.detailObj.name }}</el-descriptions-item>
|
||||
<el-descriptions-item label="车主电话">{{ this.detailObj.phone }}</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="维修类型">{{
|
||||
this.detailObj.repairType == 1
|
||||
? '常规保养'
|
||||
: this.detailObj.repairType == 2
|
||||
? '故障维修'
|
||||
: this.detailObj.repairType == 3
|
||||
? '事故维修'
|
||||
: this.detailObj.repairType == 4
|
||||
? '退车'
|
||||
: ''
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="预约单号">{{ this.detailObj.orderSn }}</el-descriptions-item>
|
||||
<el-descriptions-item label="预约预处理审核">
|
||||
{{
|
||||
this.detailObj.auditStatus == 0
|
||||
? '待审核'
|
||||
: this.detailObj.auditStatus == 1
|
||||
? '已处理'
|
||||
: this.detailObj.auditStatus == 2
|
||||
? '驳回'
|
||||
: ''
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="预约预处驳回理由">
|
||||
{{ this.detailObj.auditReason ? this.detailObj.auditReason : '无' }}
|
||||
</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="开单审核">
|
||||
{{
|
||||
this.detailObj.billAuditStatus == 0
|
||||
? '待审核'
|
||||
: this.detailObj.billAuditStatus == 1
|
||||
? '同意'
|
||||
: this.detailObj.billAuditStatus == 2
|
||||
? '拒绝'
|
||||
: ''
|
||||
}}
|
||||
</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="开单审核拒绝理由">
|
||||
{{ this.detailObj.billAuditReason ? this.detailObj.billAuditReason : '无' }}
|
||||
</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="是否到店">
|
||||
{{ this.detailObj.isArrived == true ? '已到店' : this.detailObj.isArrived == false ? '未到店' : '' }}
|
||||
</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="是否接车">
|
||||
{{ this.detailObj.isPickUp == true ? '已接车' : this.detailObj.isPickUp == false ? '未接车' : '' }}
|
||||
</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="是否开单">
|
||||
{{ this.detailObj.isBilled == true ? '已开单' : this.detailObj.isBilled == false ? '未开单' : '' }}
|
||||
</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="是否定损">
|
||||
{{ this.detailObj.isDamage == true ? '已定损' : this.detailObj.isDamage == false ? '未定损' : '' }}
|
||||
</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="是否交车">
|
||||
{{ this.detailObj.isDelivery == true ? '已交车' : this.detailObj.isDelivery == false ? '未交车' : '' }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="是否完成">
|
||||
{{ this.detailObj.isFinish == true ? '已完成' : this.detailObj.isFinish == false ? '未完成' : '' }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="是否结算">
|
||||
{{ this.detailObj.isSettlement == true ? '已结算' : this.detailObj.isSettlement == false ? '未结算' : '' }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="状态值">
|
||||
{{ this.detailObj.showText }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="维修描述">
|
||||
{{ this.detailObj.repairDescribe }}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</div>
|
||||
<div class="desc_foot" v-if="this.detailObj.returnInfo">
|
||||
<el-descriptions title="信息" border>
|
||||
<el-descriptions-item label="ID">{{ this.detailObj.returnInfo.id }}</el-descriptions-item>
|
||||
<el-descriptions-item label="工单主键id">{{
|
||||
this.detailObj.returnInfo.carReservationOrderId ? this.detailObj.returnInfo.carReservationOrderId : '暂无'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="dp公司id">{{
|
||||
this.detailObj.returnInfo.dpCompanyId ? this.detailObj.returnInfo.dpCompanyId : '暂无'
|
||||
}}</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="公里数">{{
|
||||
this.detailObj.returnInfo.kilometer ? this.detailObj.returnInfo.kilometer : '暂无'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="续航里数">{{
|
||||
this.detailObj.returnInfo.enduranceKilometer ? this.detailObj.returnInfo.enduranceKilometer : '暂无'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="车损照片">
|
||||
<img
|
||||
v-if="this.detailObj.returnInfo.damageImage"
|
||||
style="width: 40px; height: 40px"
|
||||
:src="this.detailObj.returnInfo.damageImage"
|
||||
alt=""
|
||||
/>
|
||||
<i v-else class="el-icon-picture-outline"></i>
|
||||
</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="备注">{{
|
||||
this.detailObj.returnInfo.picUpRemark ? this.detailObj.returnInfo.picUpRemark : '暂无'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="退车日期">{{
|
||||
this.detailObj.returnInfo.returnDate ? this.detailObj.returnInfo.returnDate : '暂无'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="交车照片">
|
||||
<img
|
||||
v-if="this.detailObj.returnInfo.deliveryImage"
|
||||
style="width: 40px; height: 40px"
|
||||
:src="this.detailObj.returnInfo.deliveryImage"
|
||||
alt=""
|
||||
/>
|
||||
<i v-else class="el-icon-picture-outline"></i>
|
||||
</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="退车类型">{{
|
||||
this.detailObj.returnInfo.returnCategory == 1
|
||||
? '到期退车'
|
||||
: this.detailObj.returnInfo.returnCategory == 2
|
||||
? '违约退车'
|
||||
: this.detailObj.returnInfo.returnCategory == 3
|
||||
? '回收车'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="双证">{{
|
||||
this.detailObj.returnInfo.doubleCertificates == 1
|
||||
? '双证齐全'
|
||||
: this.detailObj.returnInfo.doubleCertificates == 2
|
||||
? '缺行驶证'
|
||||
: this.detailObj.returnInfo.doubleCertificates == 3
|
||||
? '缺营运证'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="电池底盖璃损失情况">{{
|
||||
this.detailObj.returnInfo.batteryBottomCover == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.batteryBottomCover == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.batteryBottomCover == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="后机盖损失情况">{{
|
||||
this.detailObj.returnInfo.behindHood == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.behindHood == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.behindHood == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="车顶损失情况">{{
|
||||
this.detailObj.returnInfo.carRoof == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.carRoof == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.carRoof == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="前保险杠损失情况">{{
|
||||
this.detailObj.returnInfo.frontBumper == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.frontBumper == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.frontBumper == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="机盖损失情况">{{
|
||||
this.detailObj.returnInfo.frontHood == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.frontHood == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.frontHood == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="挡风玻璃损失情况">{{
|
||||
this.detailObj.returnInfo.glass == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.glass == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.glass == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="后保险杠损失情况">{{
|
||||
this.detailObj.returnInfo.hehindBumper == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.hehindBumper == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.hehindBumper == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="左A柱损失情况">{{
|
||||
this.detailObj.returnInfo.leftApillar == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.leftApillar == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.leftApillar == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="左边梁损失情况">{{
|
||||
this.detailObj.returnInfo.leftBeam == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.leftBeam == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.leftBeam == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="左后门损失情况">{{
|
||||
this.detailObj.returnInfo.leftBehindDoor == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.leftBehindDoor == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.leftBehindDoor == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="左后叶损失情况">{{
|
||||
this.detailObj.returnInfo.leftBehindLeaf == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.leftBehindLeaf == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.leftBehindLeaf == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="左后钢圈损失情况">{{
|
||||
this.detailObj.returnInfo.leftBehindRing == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.leftBehindRing == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.leftBehindRing == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="左后轮胎损失情况">{{
|
||||
this.detailObj.returnInfo.leftBehindTire == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.leftBehindTire == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.leftBehindTire == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="左前门损失情况">{{
|
||||
this.detailObj.returnInfo.leftFrontDoor == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.leftFrontDoor == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.leftFrontDoor == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="左前叶损失情况">{{
|
||||
this.detailObj.returnInfo.leftFrontLeaf == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.leftFrontLeaf == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.leftFrontLeaf == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="左前钢圈损失情况">{{
|
||||
this.detailObj.returnInfo.leftFrontRing == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.leftFrontRing == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.leftFrontRing == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="左前轮胎损失情况">{{
|
||||
this.detailObj.returnInfo.leftFrontTire == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.leftFrontTire == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.leftFrontTire == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="左后视镜损失情况">{{
|
||||
this.detailObj.returnInfo.leftRearview == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.leftRearview == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.leftRearview == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="右A柱损失情况">{{
|
||||
this.detailObj.returnInfo.rightApillar == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.rightApillar == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.rightApillar == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="右边梁损失情况">{{
|
||||
this.detailObj.returnInfo.rightBeam == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.rightBeam == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.rightBeam == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="右后门损失情况">{{
|
||||
this.detailObj.returnInfo.rightBehindDoor == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.rightBehindDoor == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.rightBehindDoor == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="右后叶损失情况">{{
|
||||
this.detailObj.returnInfo.rightBehindLeaf == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.rightBehindLeaf == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.rightBehindLeaf == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="右后钢圈损失情况">{{
|
||||
this.detailObj.returnInfo.rightBehindRing == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.rightBehindRing == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.rightBehindRing == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="右后轮胎损失情况">{{
|
||||
this.detailObj.returnInfo.rightBehindTire == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.rightBehindTire == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.rightBehindTire == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="右前门损失情况">{{
|
||||
this.detailObj.returnInfo.rightFrontDoor == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.rightFrontDoor == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.rightFrontDoor == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="右前叶损失情况">{{
|
||||
this.detailObj.returnInfo.rightFrontLeaf == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.rightFrontLeaf == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.rightFrontLeaf == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="右前钢圈损失情况">{{
|
||||
this.detailObj.returnInfo.rightFrontRing == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.rightFrontRing == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.rightFrontRing == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
|
||||
<el-descriptions-item label="右前轮胎损失情况">{{
|
||||
this.detailObj.returnInfo.rightFrontTire == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.rightFrontTire == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.rightFrontTire == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="右后视镜损失情况">{{
|
||||
this.detailObj.returnInfo.rightRearview == 1
|
||||
? '完好'
|
||||
: this.detailObj.returnInfo.rightRearview == 2
|
||||
? '划痕'
|
||||
: this.detailObj.returnInfo.rightRearview == 3
|
||||
? '破损'
|
||||
: '暂无'
|
||||
}}</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</div>
|
||||
|
||||
<div class="table_up" v-if="this.isPackage == 0 && this.type == 1">
|
||||
<div class="txt">开单维修项目信息</div>
|
||||
<el-table :data="this.detailObj.projectList" style="width: 100%">
|
||||
<el-table-column label="id" prop="id"> </el-table-column>
|
||||
<el-table-column label="工单主键id" prop="carReservationOrderId">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.carReservationOrderId ? row.carReservationOrderId : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="开单详情id" prop="infoId">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.infoId ? row.infoId : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="维修项目名称" prop="name">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.name ? row.name : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="审核" prop="auditRepair">
|
||||
<template v-slot="{ row }">
|
||||
{{
|
||||
row.auditRepair == 1 ? '待审核' : row.auditRepair == 1 ? '同意' : row.auditRepair == 2 ? '驳回' : '暂无'
|
||||
}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="审核人姓名" prop="auditRepairName">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.auditRepairName ? row.auditRepairName : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="审核意见" prop="auditRepairReason">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.auditRepairReason ? row.auditRepairReason : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="开单方式" prop="isPackage">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.isPackage == 0 ? '自定义' : row.isPackage == 1 ? '套餐快速' : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="计价类型" prop="type">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.type == 1 ? '金额计价' : row.type == 2 ? '工时计价' : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="材料价格" prop="price">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.price ? row.price : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="工时(小时)" prop="workingHour">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.workingHour ? row.workingHour : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="工时单价" prop="workingPrice">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.workingPrice ? row.workingPrice : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="工时总价" prop="workingTotalPrice">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.workingTotalPrice ? row.workingTotalPrice : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="table_con" v-if="this.isPackage == 0 && this.type == 2">
|
||||
<div class="txt">工单项目材料信息</div>
|
||||
<el-table :data="projectAccessoryList" style="width: 100%">
|
||||
<el-table-column label="id" prop="id"> </el-table-column>
|
||||
<el-table-column label="工单主键id" prop="carReservationOrderId">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.carReservationOrderId ? row.carReservationOrderId : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="开单详情id" prop="infoId">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.infoId ? row.infoId : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="材料id" prop="accessoryId">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.accessoryId ? row.accessoryId : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="材料名称" prop="name">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.name ? row.name : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="材料数量" prop="num">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.num ? row.num : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="材料价格" prop="price">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.price ? row.price : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="对应开单详情子项目id" prop="projectId">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.projectId ? row.projectId : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="table_con" v-if="this.isPackage == 1">
|
||||
<div class="txt">套餐开单小项目信息</div>
|
||||
<el-table :data="packageItemList" style="width: 100%">
|
||||
<el-table-column label="id" prop="id"> </el-table-column>
|
||||
<el-table-column label="工单主键id" prop="carReservationOrderId">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.carReservationOrderId ? row.carReservationOrderId : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="开单详情id" prop="infoId">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.infoId ? row.infoId : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="套餐id" prop="packageId">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.packageId ? row.packageId : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="工单项目id" prop="projectId">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.projectId ? row.projectId : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="项目名称" prop="itemName">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.itemName ? row.itemName : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="工时" prop="workingHour">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.workingHour ? row.workingHour : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="工时单价" prop="workingPrice">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.workingPrice ? row.workingPrice : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="工时总价" prop="workingTotalPrice">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.workingTotalPrice ? row.workingTotalPrice : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="table_con" v-if="this.isPackage == 1 && this.packageItemList.length !== 0">
|
||||
<div class="txt">套餐小项目的材料信息</div>
|
||||
<el-table :data="packageItemAccessoryList" style="width: 100%">
|
||||
<el-table-column label="id" prop="id"> </el-table-column>
|
||||
<el-table-column label="工单主键id" prop="carReservationOrderId">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.carReservationOrderId ? row.carReservationOrderId : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="开单详情id" prop="infoId">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.infoId ? row.infoId : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="材料id" prop="accessoryId">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.accessoryId ? row.accessoryId : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="材料名称" prop="name">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.name ? row.name : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="材料数量" prop="num">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.num ? row.num : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="材料价格" prop="price">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.price ? row.price : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="对应开单详情子项目id" prop="projectId">
|
||||
<template v-slot="{ row }">
|
||||
{{ row.projectId ? row.projectId : '暂无' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'detailDialog',
|
||||
props: {
|
||||
detailObj: Object,
|
||||
isPackage: Number,
|
||||
type: Number,
|
||||
packageItemList: {
|
||||
type: Array,
|
||||
default: function () {
|
||||
return [];
|
||||
},
|
||||
},
|
||||
projectAccessoryList: {
|
||||
type: Array,
|
||||
default: function () {
|
||||
return [];
|
||||
},
|
||||
},
|
||||
packageItemAccessoryList: {
|
||||
type: Array,
|
||||
default: function () {
|
||||
return [];
|
||||
},
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
detailDialogVisible: false,
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
detailHandleClose() {
|
||||
this.detailDialogVisible = false;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.showALL_dialog {
|
||||
overflow: hidden;
|
||||
::v-deep .el-dialog {
|
||||
margin: 0 auto !important;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
.el-dialog__body {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50px;
|
||||
bottom: 50px;
|
||||
right: 0;
|
||||
padding: 0;
|
||||
z-index: 1;
|
||||
overflow: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
.desc_down {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.desc_foot {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.table_up {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.table_con {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.txt {
|
||||
font-size: 20px;
|
||||
color: #000;
|
||||
}
|
||||
</style>
|
||||
@@ -114,6 +114,7 @@
|
||||
<!-- 测试 -->
|
||||
<!-- <el-button type="text" size="small" @click="picupBtn">接车</el-button> -->
|
||||
<!-- <el-button type="text" size="small" @click="deliveryCarBtn">交车</el-button> -->
|
||||
<el-button type="text" @click="detailBtn">详情</el-button>
|
||||
<div class="block">
|
||||
<el-pagination
|
||||
:page-sizes="[10, 20, 40, 60]"
|
||||
@@ -610,6 +611,16 @@
|
||||
<el-button type="primary" @click="submitFormDeliveryCar">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
<detailDialog
|
||||
:detailObj="detailObj"
|
||||
ref="detailRef"
|
||||
:packageItemList="packageItemList"
|
||||
:projectAccessoryList="projectAccessoryList"
|
||||
:packageItemAccessoryList="packageItemAccessoryList"
|
||||
:isPackage="isPackage"
|
||||
:type="type"
|
||||
></detailDialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -621,13 +632,19 @@ import {
|
||||
dpCompanyListAllAPI,
|
||||
deliveryCarReturnAPI,
|
||||
carListAPI,
|
||||
detailReturnAPI,
|
||||
} from '@/api/reservation/order';
|
||||
import detailDialog from './detailDialog.vue';
|
||||
|
||||
const obj = {
|
||||
damageImage: '',
|
||||
deliveryImage: '',
|
||||
};
|
||||
export default {
|
||||
name: 'reservationOrder',
|
||||
components: {
|
||||
detailDialog,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
tabActive: 'all',
|
||||
@@ -732,6 +749,13 @@ export default {
|
||||
carReservationOrderId: null,
|
||||
deliveryImage: '',
|
||||
},
|
||||
// 详情
|
||||
detailObj: {},
|
||||
packageItemList: [],
|
||||
projectAccessoryList: [],
|
||||
packageItemAccessoryList: [],
|
||||
isPackage: null,
|
||||
type: null,
|
||||
};
|
||||
},
|
||||
mounted() {},
|
||||
@@ -834,7 +858,6 @@ export default {
|
||||
this.tableFrom.limit = val;
|
||||
this.getList('all');
|
||||
},
|
||||
|
||||
/** 搜索 */
|
||||
handleQuery() {
|
||||
this.tableFrom;
|
||||
@@ -845,6 +868,25 @@ export default {
|
||||
(this.tableFrom = { carNo: '', orderSn: '', name: '', phone: '', repairType: 4, backOrderType: 'all' }),
|
||||
this.handleQuery();
|
||||
},
|
||||
// 详情
|
||||
async detailBtn(row) {
|
||||
this.$refs.detailRef.detailDialogVisible = true;
|
||||
this.detailObj = await detailReturnAPI({ id: row.id });
|
||||
console.log(this.detailObj, 'this.detailObj');
|
||||
if (row.projectList.length !== 0) {
|
||||
row.projectList.forEach((ele) => {
|
||||
this.packageItemList = ele.packageItemList;
|
||||
this.projectAccessoryList = ele.projectAccessoryList;
|
||||
this.isPackage = ele.isPackage;
|
||||
this.type = ele.type;
|
||||
});
|
||||
if (this.packageItemList.length !== 0) {
|
||||
this.packageItemList.forEach((el) => {
|
||||
this.packageItemAccessoryList = el.packageItemAccessoryList;
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user