|
@@ -1,84 +1,108 @@
|
|
|
<template>
|
|
|
- <view class="pages flex flex_column">
|
|
|
+ <view class="pages flex flex_column" v-if="detail">
|
|
|
<u-read-more toggle close-text="展开全部">
|
|
|
<view class="uuid-list">
|
|
|
- <view v-for="item in detail.uuid" :key="item.code">
|
|
|
- <view class="flex align_center">
|
|
|
+ <view>
|
|
|
+ <view class="flex">
|
|
|
<view class="uuid-info">
|
|
|
- <view>轮胎名称:{{item.name}}</view>
|
|
|
- <view class="uuid">轮胎唯一码:{{item.code}}</view>
|
|
|
- <view class="uuid">质保时间:2023-10-23至2026-10-23</view>
|
|
|
+ <view>产品名称:{{detail.productName}}</view>
|
|
|
+ <view>产品编码:{{detail.productCode}}</view>
|
|
|
+ <view class="uuid" style="margin-top: 0.3rem;">唯一码:{{detail.traceCode}}</view>
|
|
|
+ <view class="uuid">质保时间:{{detail.warrantyStartDate.split(' ')[0]}}至{{detail.warrantyEndDate.split(' ')[0]}}</view>
|
|
|
</view>
|
|
|
- <view class="uuid-img">
|
|
|
- <image style="width: 100%;height: 80px;background: #eaeaea;" :src="item.img"></image>
|
|
|
+ <view class="uuid-img" @click="viewPic(detail.productMsg)">
|
|
|
+ <image style="width: 100%;height: 80px;background: #eaeaea;" :src="detail.productMsg"></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="state" :class="item.state"></view>
|
|
|
+ <view class="state" :class="detail.state"></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</u-read-more>
|
|
|
<view class="forms">
|
|
|
<view class="forms-tits">门店信息</view>
|
|
|
- <view class="flex align_center">
|
|
|
+ <view class="flex align_center" v-if="detail.store">
|
|
|
<view class="labes">门店名称:</view>
|
|
|
- <view class="inputs">赢信汽车贸易有限公司</view>
|
|
|
- </view>
|
|
|
- <view class="flex align_center">
|
|
|
- <view class="labes">汽配经销商:</view>
|
|
|
- <view class="inputs">箭冠汽配东莞寮步店</view>
|
|
|
+ <view class="inputs">{{detail.store.name}}</view>
|
|
|
</view>
|
|
|
- <view class="flex align_center">
|
|
|
+ <view class="flex align_center" v-if="detail.store">
|
|
|
<view class="labes">姓名:</view>
|
|
|
- <view class="inputs">高山</view>
|
|
|
+ <view class="inputs">{{detail.store.manager}}</view>
|
|
|
</view>
|
|
|
- <view class="flex align_center">
|
|
|
+ <view class="flex align_center" v-if="detail.store">
|
|
|
<view class="labes">电话:</view>
|
|
|
- <view class="inputs">15349286715</view>
|
|
|
+ <view class="inputs">{{detail.store.tele?detail.store.tele+'/':''}}{{detail.store.managerMobile}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="flex align_center">
|
|
|
+ <view class="labes">汽配经销商:</view>
|
|
|
+ <view class="inputs">{{detail.dealerName}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="forms">
|
|
|
<view class="forms-tits">车辆信息</view>
|
|
|
<view class="flex align_center">
|
|
|
<view class="labes">车辆品牌:</view>
|
|
|
- <view class="inputs">大众</view>
|
|
|
+ <view class="inputs">{{detail.carBrand}}</view>
|
|
|
</view>
|
|
|
<view class="flex align_center">
|
|
|
<view class="labes">车型:</view>
|
|
|
- <view class="inputs">速腾1.6L</view>
|
|
|
+ <view class="inputs">{{detail.carModel}}</view>
|
|
|
</view>
|
|
|
<view class="flex align_center">
|
|
|
<view class="labes">里程数:</view>
|
|
|
- <view class="inputs">1600KM</view>
|
|
|
+ <view class="inputs">{{detail.mileage}}KM</view>
|
|
|
</view>
|
|
|
<view class="flex align_center">
|
|
|
<view class="labes">车牌号:</view>
|
|
|
- <view class="inputs">陕A53LL9</view>
|
|
|
+ <view class="inputs">{{detail.vehicleNumber}}</view>
|
|
|
</view>
|
|
|
<view class="flex align_center">
|
|
|
<view class="labes">客户姓名:</view>
|
|
|
- <view class="inputs">张生</view>
|
|
|
+ <view class="inputs">{{detail.customName}}</view>
|
|
|
</view>
|
|
|
<view class="flex align_center">
|
|
|
<view class="labes">手机号码:</view>
|
|
|
- <view class="inputs">15349286715</view>
|
|
|
+ <view class="inputs">{{detail.customMobile}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
+ <view class="buttons flex align_center">
|
|
|
+ <u-button type="primary" @click="shareCode">保存二维码分享给客户</u-button>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import { getWarrantyDetail } from "@/api/trace"
|
|
|
+ import { sharePic } from "@/libs/tools.js"
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- detail: null
|
|
|
+ detail: null,
|
|
|
+ id: ''
|
|
|
}
|
|
|
},
|
|
|
- onLoad() {
|
|
|
- this.detail = this.$store.state.vuex_uuidTempData
|
|
|
+ onLoad(opts) {
|
|
|
+ this.id = opts.id
|
|
|
+ this.getDetail()
|
|
|
},
|
|
|
methods: {
|
|
|
-
|
|
|
+ viewPic(img){
|
|
|
+ uni.previewImage({
|
|
|
+ urls: [img]
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getDetail(){
|
|
|
+ uni.showLoading({
|
|
|
+ mask:true,
|
|
|
+ title: "正在查询..."
|
|
|
+ })
|
|
|
+ getWarrantyDetail({id: this.id}).then(res => {
|
|
|
+ this.detail = res.data
|
|
|
+ uni.hideLoading()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ shareCode(){
|
|
|
+ sharePic()
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
@@ -87,7 +111,7 @@
|
|
|
.pages{
|
|
|
height: 100vh;
|
|
|
background: #f8f8f8;
|
|
|
- padding-bottom: 6rem;
|
|
|
+ padding-bottom: 7rem;
|
|
|
overflow: auto;
|
|
|
.uuid-list{
|
|
|
background: #fff;
|
|
@@ -105,13 +129,13 @@
|
|
|
background-size: 100%;
|
|
|
background-position: center center;
|
|
|
position: absolute;
|
|
|
- width: 5rem;
|
|
|
- height: 5rem;
|
|
|
+ width: 4.5rem;
|
|
|
+ height: 4.5rem;
|
|
|
z-index: 1000;
|
|
|
bottom: 0.5rem;
|
|
|
right: 1rem;
|
|
|
}
|
|
|
- .inhand{
|
|
|
+ .RUN{
|
|
|
background-image: url(/pagesA/static/inhand.png);
|
|
|
}
|
|
|
.outof{
|
|
@@ -124,7 +148,7 @@
|
|
|
line-height: 1.5rem;
|
|
|
}
|
|
|
.uuid{
|
|
|
- color: #333;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
.uuid-img{
|
|
|
width: 7rem;
|
|
@@ -141,7 +165,7 @@
|
|
|
border-top: 1px solid #eee;
|
|
|
justify-content: space-around;
|
|
|
/deep/ .u-btn{
|
|
|
- width: 7rem;
|
|
|
+ width: 15rem;
|
|
|
}
|
|
|
}
|
|
|
}
|