供应商手机端更新

src/pages/cses_spt/cses_spt_detail.vue

@@ -101,7 +101,20 @@
             </span>
           </div>
           <div class="mxqty_dt">数量：5000粒，单价：0.1元，合计500元</div>
-          <div class="mxqty_dt">发货：5000粒，质检合格：4980粒，不合格：20粒，收货：5000粒</div>
+          <div class="mxqty_dt">发货：5000粒，质检合格：4980粒，不合格：20粒，收货：4980粒</div>
+          <div class="cses-spt-check">
+            <div class="cses-spt-check-title">不合格项目：破损12粒，生锈8粒</div>
+            <div class="cses-spt-check-wrap">
+              <div class="cses-spt-check-mx">
+                <div><img src="../../assets/timg.jpg" class="check-img-responsive"></div>
+                <div class="cses-spt-check-item">破损</div>
+              </div>
+              <div class="cses-spt-check-mx">
+                <div><img src="../../assets/timg22.jpg" class="check-img-responsive"></div>
+                <div class="cses-spt-check-item">生锈</div>
+              </div>
+            </div>
+          </div>
         </div>
 
         <div id="rowmx_dt">
@@ -159,20 +172,20 @@
 
         <div>
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-buzouweijinxing"></use>
+            <use xlink:href="#icon-buzhoutiaowancheng"></use>
           </svg>
           发货开单：2019-03-14 15:00
         </div>
         <div>
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-buzouweijinxing"></use>
+            <use xlink:href="#icon-buzhoutiaowancheng"></use>
           </svg>
           发货完成：2019-03-14 15:30
         </div>
 
         <div>
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-buzouweijinxing"></use>
+            <use xlink:href="#icon-buzhoutiaowancheng"></use>
           </svg>
           质检完成：2019-03-15 09:30
         </div>
@@ -180,7 +193,7 @@
 
         <div>
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-buzouweijinxing"></use>
+            <use xlink:href="#icon-buzhoutiaowancheng"></use>
           </svg>
           收货完成：2019-03-15 10:30
         </div>
@@ -464,7 +477,7 @@
   .mxqty_dt {
     font-size: 14px;
     color: #888888;
-    margin:0 10px 3px 25px;
+    margin: 0 10px 3px 25px;
   }
 
 
@@ -510,4 +523,33 @@
     font-size: 15px;
   }
 
+  .cses-spt-check {
+    font-size: 14px;
+    background-color: #f5f5f5;
+    border-radius: 15px;
+    padding: 10px;
+    margin: 10px 20px
+  }
+
+  .cses-spt-check-title {
+    padding: 0 0 10px 0
+  }
+
+.cses-spt-check-wrap{
+  display: flex;
+}
+
+  .cses-spt-check-mx {
+    text-align: center;
+  }
+
+  .check-img-responsive {
+    display: inline-block;
+    height: auto;
+    max-width: 90%;
+  }
+
+
+  .cses-spt-check-item {}
+
 </style>