供应商采购订单详情增加显示 交期变更历史

src/pages/cses_spt/cses_spt_detail.vue

@@ -158,6 +158,33 @@
               </svg>
             </div>
           </div>
+
+          <div class="cses_spt_detail_rqdate_his">
+            <div>交期变更历史</div>
+            <div class="cses_spt_detail_rqdate_his_mx">
+              <div>1.</div>
+              <div>2019-03-14</div>
+              <div>
+                <svg class="icon" aria-hidden="true">
+                  <use xlink:href="#icon-youjiantou"></use>
+                </svg>
+              </div>
+              <div>2019-03-16</div>
+              <div>(2019-3-12 10:30 变更)</div>
+            </div>
+            <div class="cses_spt_detail_rqdate_his_mx">
+              <div>2.</div>
+              <div>2019-03-16</div>
+              <div>
+                <svg class="icon" aria-hidden="true">
+                  <use xlink:href="#icon-youjiantou"></use>
+                </svg>
+              </div>
+              <div>2019-03-15</div>
+              <div>(2019-3-13 14:35 变更)</div>
+            </div>
+          </div>
+
           <div class="mxqty_dt">数量：5000粒，单价：0.1元，合计500元</div>
           <div class="mxqty_dt">备注：内容是ERP推送过来的明细备注+明细备注1</div>
           <div class="mxqty_dt" v-if="taskflag_dt=='已完成'">发货：5000粒，质检合格：4980粒，不合格：20粒，收货：4980粒</div>
@@ -765,19 +792,39 @@
     font-size: 50px;
   }
 
-  .cses-spt-detail-fj{
-    margin:10px 20px;
+  .cses-spt-detail-fj {
+    margin: 10px 20px;
   }
 
-  .cses-spt-detail-fj-item{
+  .cses-spt-detail-fj-item {
     font-size: 15px;
     padding: 2px;
   }
 
-  .cses-spt-detail-fj-item span{
+  .cses-spt-detail-fj-item span {
     font-size: 12px;
-    color:#666666;
-    margin-left:10px;
+    color: #666666;
+    margin-left: 10px;
+  }
+
+  .cses_spt_detail_rqdate_his {
+
+    border-radius: 10px;
+    background: #f0eded;
+    padding: 5px 10px;
+    margin: 5px 20px 10px 20px;
+    font-size: 13px;
+    color: #555555;
+    line-height: 18px;
+  }
+
+  .cses_spt_detail_rqdate_his_mx {
+    font-size: 12px;
+    display: flex
+  }
+
+  .cses_spt_detail_rqdate_his_mx div{
+    margin: 0 2px 0 0
   }
 
 </style>