订单详情调整

src/pages/saletaskdetail.vue

@@ -218,39 +218,63 @@
       </div>
 
       <div class="liubai_dt"></div>
-      <div class="mxjdinfo">*点击明细可查看明细产品进度</div>
+      <!-- <div class="mxjdinfo">*点击明细可查看明细产品进度</div> -->
       <div class="subtitle_dt">订单明细</div>
       <div class="taskmx_dt">
 
-        <div id="rowmx_dt"  @click="gotomxjd">
+        <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 class="mx_bottomarea">
+            <div class="mxqty_dt">数量：100，¥50000</div>
+            <div class="mx_btndetail" @click="gotomxjd">
+              <svg class="icon" aria-hidden="true">
+                <use xlink:href="#icon-chakan"></use>
+              </svg>
+              查看进度
+            </div>
+          </div>
         </div>
 
-        <div id="rowmx_dt"  @click="gotomxjd">
+        <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 class="mx_bottomarea">
+            <div class="mxqty_dt">数量：100，¥30000</div>
+            <div class="mx_btndetail" @click="gotomxjd">
+              <svg class="icon" aria-hidden="true">
+                <use xlink:href="#icon-chakan"></use>
+              </svg>
+              查看进度
+            </div>
+          </div>
         </div>
 
 
-        <div id="rowmx_dt"  @click="gotomxjd">
+        <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 class="mx_bottomarea">
+            <div class="mxqty_dt">数量：100，¥20000</div>
+            <div class="mx_btndetail" @click="gotomxjd">
+              <svg class="icon" aria-hidden="true">
+                <use xlink:href="#icon-chakan"></use>
+              </svg>
+              查看进度
+            </div>
+          </div>
         </div>
       </div>
     </div>
@@ -273,7 +297,7 @@
           history.back();
         }
       },
-            gotomxjd(){
+      gotomxjd() {
         this.$router.push({
           path: "/salemxjd"
         });
@@ -336,7 +360,7 @@
     position: absolute;
     top: 44px;
     background-color: #fff;
-    width:100%
+    width: 100%
   }
 
   .toparea_dt {
@@ -519,11 +543,24 @@
     margin-left: 25px;
   }
 
-  .mxjdinfo{
+  .mxjdinfo {
     background-color: #f6f6f6;
     font-size: 12px;
-    color:#888;
+    color: #888;
     padding: 5px 0 5px 5px;
   }
 
+  .mx_bottomarea {
+    display: flex;
+  }
+
+  .mx_btndetail {
+    position: absolute;
+    right: 20px;
+    color: #888;
+    font-size: 13px;
+    margin-right: 0px;
+    border-radius: 5px;
+  }
+
 </style>