数据追溯页面优化

pages/qc/dataTrace/index.vue

@@ -13,25 +13,28 @@
     <div class="tableBox mb10"  :style="{height:tbHeight}">
       <div class="table">
         <div v-if="listTask.length==0" class="wu_data">暂无数据</div>
-        <Card class="card" v-for="(item,index) in listTask"
-          :key="index">
-          <h3 slot="title">
-            订单编号：{{item.mesCode}}
-          </h3>
-          <ul class="card_body01">
-              <li class="card_line">
-                  产品名称：{{item.productName}}
-              </li>
-              <li class="card_line">
-                  任务类型：{{item.equipment}}
-              </li>
-          </ul>
-          <p class="footer01">
-            <a class="footer_btn" href="#" @click.event="reviewFn(item)">
-                追  溯
-            </a>
-          </p>
-        </Card>
+        <Row :gutter="16">
+          <Col span="6" v-for="(item,index) in listTask" :key="index">
+            <Card class="card">
+              <h3 slot="title">
+                订单编号：{{item.mesCode}}
+              </h3>
+              <ul class="card_body01">
+                  <li class="card_line">
+                      产品名称：{{item.productName}}
+                  </li>
+                  <li class="card_line">
+                      任务类型：{{item.equipment}}
+                  </li>
+              </ul>
+              <p class="footer01">
+                <a class="footer_btn" href="#" @click.event="reviewFn(item)">
+                    追  溯
+                </a>
+              </p>
+            </Card>
+          </Col>
+        </Row>        
       </div>
       <div v-show="noData" class="no_data">
         <h3> 暂无数据</h3>
@@ -451,16 +454,12 @@ ul,li{
   line-height: 800px;
 }
 .card{
-  width: 375px;
   margin: 10px 0 10px 20px;
 }
 .wu_data{
   margin: 200px auto;
   font-size: 18px;
 }
-/* .card_body01{
-  margin: 0 0 10px 0;
-} */
 .card_line{
   height: 30px;
   line-height: 30px;