|
@@ -9,71 +9,84 @@
|
|
|
@cancel="isShow=false"
|
|
|
:width="600">
|
|
|
<a-spin :spinning="spinning" tip="Loading...">
|
|
|
- <div class="infoList">
|
|
|
- <div class="infoTopList">
|
|
|
- <a-descriptions :column="1">
|
|
|
- <a-descriptions-item label="轮胎名称">
|
|
|
- Zhou Maomao
|
|
|
- </a-descriptions-item >
|
|
|
- <a-descriptions-item label="轮胎唯一码">
|
|
|
- 1810000000
|
|
|
+ <div v-if="detailsData">
|
|
|
+ <div class="infoList">
|
|
|
+ <div class="infoTopList">
|
|
|
+ <div class="uniqueStyle">
|
|
|
+ <div>轮胎名称:</div>
|
|
|
+ <a-tooltip placement="topLeft">
|
|
|
+ <template slot="title">
|
|
|
+ <span>{{ detailsData.productName || '--' }}</span>
|
|
|
+ </template>
|
|
|
+ <div class="text-overflow">{{ detailsData.productName || '--' }}</div>
|
|
|
+ </a-tooltip>
|
|
|
+ </div>
|
|
|
+ <a-descriptions :column="1">
|
|
|
+ <a-descriptions-item label="轮胎唯一码">
|
|
|
+ {{ detailsData.traceCode || '--' }}
|
|
|
+ </a-descriptions-item>
|
|
|
+ <a-descriptions-item label="质保时间" v-if="detailsData.warrantyStartDate">
|
|
|
+ {{ detailsData.warrantyStartDate }}{{ detailsData.warrantyEndDate?'-'+detailsData.warrantyEndDate:'' }}
|
|
|
+ </a-descriptions-item>
|
|
|
+ <a-descriptions-item label="质保时间" v-else>
|
|
|
+ --
|
|
|
+ </a-descriptions-item>
|
|
|
+ </a-descriptions>
|
|
|
+ </div>
|
|
|
+ <div class="imgBox">
|
|
|
+ <img
|
|
|
+ v-if="detailsData.productMsg"
|
|
|
+ style="margin-bottom:6px;"
|
|
|
+ :src="detailsData.productMsg"
|
|
|
+ alt=""
|
|
|
+ width="86"
|
|
|
+ height="55"
|
|
|
+ align="middle" />
|
|
|
+ <div style="text-align:right;">
|
|
|
+ <img v-if="detailsData.state ==='RUN'" src="@/assets/img/finishImg.png" alt="" width="50" height="50">
|
|
|
+ <img v-if="detailsData.state ==='END'" src="@/assets/img/ongoing.png" alt="" width="50" height="50">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="infoList">
|
|
|
+ <a-descriptions title="门店信息" :column="1">
|
|
|
+ <a-descriptions-item label="门店名称">
|
|
|
+ {{ detailsData.buyername|| '--' }}
|
|
|
+ </a-descriptions-item>
|
|
|
+ <a-descriptions-item label="汽配经销商">
|
|
|
+ {{ detailsData.buyername ||'--' }}
|
|
|
+ </a-descriptions-item>
|
|
|
+ <a-descriptions-item label="姓名">
|
|
|
+ {{ detailsData.name ||'--' }}
|
|
|
</a-descriptions-item>
|
|
|
- <a-descriptions-item label="质保时间">
|
|
|
- Hangzhou, Zhejiang
|
|
|
+ <a-descriptions-item label="电话">
|
|
|
+ {{ detailsData.phone ||'--' }}
|
|
|
</a-descriptions-item>
|
|
|
</a-descriptions>
|
|
|
</div>
|
|
|
- <div class="imgBox">
|
|
|
- <img
|
|
|
- style="margin-bottom:6px;"
|
|
|
- src="https://img2.baidu.com/it/u=2868393532,862853407&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800"
|
|
|
- alt=""
|
|
|
- width="86"
|
|
|
- height="55"
|
|
|
- align="middle" />
|
|
|
- <div style="text-align:center;">
|
|
|
- <img src="@/assets/img/ongoing.png" alt="" width="50" height="50">
|
|
|
- </div>
|
|
|
+ <div class="infoList">
|
|
|
+ <a-descriptions title="车辆信息" :column="1">
|
|
|
+ <a-descriptions-item label="车辆品牌">
|
|
|
+ {{ detailsData.name ||'--' }}
|
|
|
+ </a-descriptions-item>
|
|
|
+ <a-descriptions-item label="车型">
|
|
|
+ {{ detailsData.name ||'--' }}
|
|
|
+ </a-descriptions-item>
|
|
|
+ <a-descriptions-item label="里程数">
|
|
|
+ {{ detailsData.name ||'--' }}
|
|
|
+ </a-descriptions-item>
|
|
|
+ <a-descriptions-item label="车牌号">
|
|
|
+ {{ detailsData.name ||'--' }}
|
|
|
+ </a-descriptions-item>
|
|
|
+ <a-descriptions-item label="客户姓名">
|
|
|
+ {{ detailsData.name ||'--' }}
|
|
|
+ </a-descriptions-item>
|
|
|
+ <a-descriptions-item label="手机号码">
|
|
|
+ {{ detailsData.name ||'--' }}
|
|
|
+ </a-descriptions-item>
|
|
|
+ </a-descriptions>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="infoList">
|
|
|
- <a-descriptions title="门店信息" :column="1">
|
|
|
- <a-descriptions-item label="门店名称">
|
|
|
- Zhou Maomao
|
|
|
- </a-descriptions-item>
|
|
|
- <a-descriptions-item label="汽配经销商">
|
|
|
- 1810000000
|
|
|
- </a-descriptions-item>
|
|
|
- <a-descriptions-item label="姓名">
|
|
|
- Hangzhou, Zhejiang
|
|
|
- </a-descriptions-item>
|
|
|
- <a-descriptions-item label="电话">
|
|
|
- empty
|
|
|
- </a-descriptions-item>
|
|
|
- </a-descriptions>
|
|
|
- </div>
|
|
|
- <div class="infoList">
|
|
|
- <a-descriptions title="车辆信息" :column="1">
|
|
|
- <a-descriptions-item label="车辆品牌">
|
|
|
- Zhou Maomao
|
|
|
- </a-descriptions-item>
|
|
|
- <a-descriptions-item label="车型">
|
|
|
- 1810000000
|
|
|
- </a-descriptions-item>
|
|
|
- <a-descriptions-item label="里程数">
|
|
|
- Hangzhou, Zhejiang
|
|
|
- </a-descriptions-item>
|
|
|
- <a-descriptions-item label="车牌号">
|
|
|
- empty
|
|
|
- </a-descriptions-item>
|
|
|
- <a-descriptions-item label="客户姓名">
|
|
|
- empty
|
|
|
- </a-descriptions-item>
|
|
|
- <a-descriptions-item label="手机号码">
|
|
|
- empty
|
|
|
- </a-descriptions-item>
|
|
|
- </a-descriptions>
|
|
|
- </div>
|
|
|
<div class="btn-cont">
|
|
|
<a-button id="warrantyInfo-back" @click="isShow = false">关闭</a-button>
|
|
|
</div>
|
|
@@ -82,13 +95,17 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { productPricingSnDetail } from '@/api/product'
|
|
|
+import { getWarrantyInfo } from '@/api/reportData'
|
|
|
export default {
|
|
|
name: 'ProductPricingAuditModal',
|
|
|
props: {
|
|
|
openModal: { // 弹框显示状态
|
|
|
type: Boolean,
|
|
|
default: false
|
|
|
+ },
|
|
|
+ itemSn: {
|
|
|
+ type: String,
|
|
|
+ default: ''
|
|
|
}
|
|
|
},
|
|
|
data () {
|
|
@@ -101,7 +118,7 @@ export default {
|
|
|
methods: {
|
|
|
// 获取详情
|
|
|
getDetail () {
|
|
|
- productPricingSnDetail({ sn: this.itemSn }).then(res => {
|
|
|
+ getWarrantyInfo({ id: this.itemSn }).then(res => {
|
|
|
if (res.status == 200) {
|
|
|
this.detailsData = res.data
|
|
|
} else {
|
|
@@ -119,6 +136,8 @@ export default {
|
|
|
isShow (newValue, oldValue) {
|
|
|
if (!newValue) {
|
|
|
this.$emit('close')
|
|
|
+ } else {
|
|
|
+ this.getDetail()
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -132,6 +151,14 @@ export default {
|
|
|
}
|
|
|
.infoList {
|
|
|
margin-bottom:26px;
|
|
|
+ .uniqueStyle{
|
|
|
+ display:flex;
|
|
|
+ algin-items:center;
|
|
|
+ margin-bottom:5px;
|
|
|
+ div:last-child{
|
|
|
+ width:78%;
|
|
|
+ }
|
|
|
+ }
|
|
|
.ant-descriptions-title{
|
|
|
margin-bottom:10px !important;
|
|
|
}
|
|
@@ -139,19 +166,22 @@ export default {
|
|
|
padding-bottom: 5px !important;
|
|
|
}
|
|
|
.infoTopList{
|
|
|
- max-width:50%;
|
|
|
+ max-width:70%;
|
|
|
position: relative;
|
|
|
- .ant-descriptions-row:nth-child(2),.ant-descriptions-row:nth-child(3){
|
|
|
+ .ant-descriptions-row{
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
- .ant-descriptions-row:nth-child(2) .ant-descriptions-item > span,.ant-descriptions-row:nth-child(3) .ant-descriptions-item > span{
|
|
|
+ .ant-descriptions-row .ant-descriptions-item > span{
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
}
|
|
|
.imgBox{
|
|
|
position:absolute;
|
|
|
top:0;
|
|
|
- left:51%;
|
|
|
+ left:71%;
|
|
|
+ img:nth-child(1){
|
|
|
+ border:1px dashed #cccccc;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
|