| 
					
				 | 
			
			
				@@ -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; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 |