增加订单详情 明细内容区

src/pages/saletaskdetail.vue

@@ -2,7 +2,7 @@
   <div id="taskdetail">
     <div class="topbar">
       <div class="topbar_left" @click="goback">
-        <svg class="icon" aria-hidden="true" >
+        <svg class="icon" aria-hidden="true">
           <use xlink:href="#icon-fanhui"></use>
         </svg>
       </div>
@@ -10,7 +10,7 @@
         订单详情
       </div>
       <div class="topbar_right">
-        <svg class="icon" aria-hidden="true" >
+        <svg class="icon" aria-hidden="true">
           <use xlink:href="#icon-caidan"></use>
         </svg>
       </div>
@@ -116,56 +116,50 @@
           <svg class="icon" aria-hidden="true">
             <use xlink:href="#icon-buzhoutiaowancheng"></use>
           </svg>
-          审核时间：2018-12-11 09:30
+          下单日期：2018-12-09
         </div>
         <div>
           <svg class="icon" aria-hidden="true">
             <use xlink:href="#icon-buzhoutiaowancheng"></use>
           </svg>
-          物料清单审核：2018-12-11 15:32
+          审核时间：2018-12-11 09:30
         </div>
         <div>
           <svg class="icon" aria-hidden="true">
             <use xlink:href="#icon-buzhoutiaowancheng"></use>
           </svg>
-          主计划建立：2018-12-12 14:29
+          物料清单审核：2018-12-11 15:32
         </div>
         <div>
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-buzouweijinxing"></use>
+            <use xlink:href="#icon-buzhoutiaowancheng"></use>
           </svg>
-          物料订购：
+          主生产计划MRP：2018-12-12 14:29
         </div>
         <div>
           <svg class="icon" aria-hidden="true">
             <use xlink:href="#icon-buzouweijinxing"></use>
           </svg>
-          唛头确认：
-        </div>
-        <div>
-          <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-baifenbi"></use>
-          </svg>
-          材料入库比例：33%
-          <span class="jindubtn">欠料情况</span>
+          物料采购下单：
         </div>
         <div>
           <svg class="icon" aria-hidden="true">
             <use xlink:href="#icon-buzouweijinxing"></use>
           </svg>
-          排程审核：
+          唛头采购下单：
         </div>
         <div>
           <svg class="icon" aria-hidden="true">
             <use xlink:href="#icon-baifenbi"></use>
           </svg>
-          发料通知：90%
+          材料入库：33%
+          <span class="jindubtn">欠料情况</span>
         </div>
         <div>
           <svg class="icon" aria-hidden="true">
             <use xlink:href="#icon-baifenbi"></use>
           </svg>
-          发料比例：10%
+          发料完成：10%
         </div>
         <div>
           <svg class="icon" aria-hidden="true">
@@ -206,13 +200,10 @@
           <svg class="icon" aria-hidden="true">
             <use xlink:href="#icon-buzouweijinxing"></use>
           </svg>
-          仓审日期：
+          发货完成日期：
         </div>
         <div>
-          <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-buzouweijinxing"></use>
-          </svg>
-          财务审核日期：
+          *要求完成日期：
         </div>
 
 
@@ -220,9 +211,38 @@
 
       <div class="liubai_dt"></div>
       <div class="subtitle_dt">订单明细</div>
-      <div class="taskmx">
+      <div class="taskmx_dt">
+
+        <div id="rowmx_dt">
+          <div class="mxmtrl_dt">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-dian"></use>
+            </svg>
+            218B两人位沙发，拉扣:布扣|座包:型号标配|配置:皮加布|
+          </div>
+          <div class="mxqty_dt">数量：100，¥50000</div>
+        </div>
+
+        <div id="rowmx_dt">
+          <div class="mxmtrl_dt">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-dian"></use>
+            </svg>
+            6528茶几，型号：P069（72913）
+          </div>
+          <div class="mxqty_dt">数量：100，¥30000</div>
+        </div>
 
 
+        <div id="rowmx_dt">
+          <div class="mxmtrl_dt">
+            <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-dian"></use>
+            </svg>
+            电视柜，型号：T9999
+          </div>
+          <div class="mxqty_dt">数量：100，¥20000</div>
+        </div>
       </div>
     </div>
   </div>
@@ -277,9 +297,10 @@
     font-size: 18px;
     align-items: center;
   }
-  .topbar_left{
+
+  .topbar_left {
     /* flex: 0 0 %; */
-    margin-left:10px;
+    margin-left: 10px;
   }
 
   .topbar_middle {
@@ -461,4 +482,26 @@
     font-size: 13px;
   }
 
+  .taskmx_dt {
+    border-top: 1px solid #f0f0f0;
+
+  }
+
+  #rowmx_dt {
+
+    margin-bottom: 10px;
+  }
+
+  .mxmtrl_dt {
+    margin: 5px;
+    font-size: 16px;
+  }
+
+  .mxqty_dt {
+    font-size: 14px;
+    color: #888;
+    margin-bottom: 3px;
+    margin-left: 25px;
+  }
+
 </style>