no message

src/components/myOrdersAllType/components/allList.vue

-<style>
+<style scoped>
     @import "../../../assets/css/customerManage.css";
     * {
       font-family: "perfectFont";
@@ -11,32 +11,35 @@
     .query-box .el-row .el-col span {
       flex-shrink: 0;
     }
-    .statistics {
-      background: #fff;
+    .orderAllList {
+      display: flex;
+      flex-wrap: wrap;
+      /* padding: 0 10px; */
+      background-color: #ffffff;
     }
-    .statistics-box {
-      padding: 7px 16px;
+    .orderAllList-box {
+      flex: 0 0 25%;
       background-color: #dddee0;
       display: flex;
+      flex-shrink: 0;
+      margin: 0 5px;
+      padding: 10px;
       flex-direction: column;
-      flex-wrap: wrap;
       border-radius: 5px;
-      margin-right: 10px;
     }
-    .statistics-top{
+    .orderAllList-top{
       display: flex;
       flex-wrap: wrap;
     }
-    .statistics-box span{
-      margin-right: 10px;
-    }
-    .statistics-box:last-child {
-      margin-right: 0;
+    .orderAllList-top div{
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      flex-wrap: wrap;
+      padding-right: 20px;
     }
-    .statistics-box span:first-child {
-      font-weight: bold;
-      margin-right: 5px;
-      flex-shrink: 0;
+    .orderAllList-top span{
+      font-size: 14px;
     }
     .red {
       color: #f72e52;
@@ -191,14 +194,14 @@
                     </el-col>
                 </el-row>
             </div>
-            <div class="statistics px-10px">
+            <div class="orderAllList">
               <template v-for="(item,index) in SummaryList">
-                <div class="statistics-box" :key="index">
-                    <!-- <span>币种</span> -->
-                    <div>
+                <div class="orderAllList-box" :key="index">
+                    <div class="orderAllList-title">
+                      <!-- <span>币种</span> -->
                       <span>{{item.CurrencyName}}</span>
                     </div>
-                    <div class="statistics-top">
+                    <div class="orderAllList-top">
                     <div>
                       <span>应收</span>
                       <span>{{item.Money}}</span>
@@ -209,7 +212,7 @@
                     </div>
                     <div>
                       <span>退款</span>
-                    <span class="red">{{item.Refund}}</span>
+                    <span>{{item.Refund}}</span>
                     </div>
                     <div>
                       <span>手续费</span>

src/components/myOrdersAllType/components/orderList.vue

@@ -8,7 +8,8 @@
         :data="dataList"
         tooltip-effect="dark"
         style="width: 100%"
-        row-class-name="font-size-12">
+        row-class-name="font-size-12"
+        :default-sort = "{prop: 'date', order: 'descending'}">
         <el-table-column 
             label="商品类型"
             show-overflow-tooltip>
@@ -19,9 +20,27 @@
         <el-table-column 
             width="130"
             prop="CreateTimeStr"
-            label="日期"
+            label="下单日期"
             show-overflow-tooltip>
         </el-table-column>
+        <el-table-column 
+            width="130"
+            prop="StartDate"
+            label="出发日期"
+            show-overflow-tooltip>
+        </el-table-column>
+        <el-table-column 
+            prop="OrderId"
+            label="订单ID"
+            show-overflow-tooltip>
+        </el-table-column>
+        <el-table-column 
+            label="团号/单号"
+            show-overflow-tooltip>
+            <template slot-scope="scope">
+              {{scope.row.TCNUM}}
+            </template>
+        </el-table-column>
         <el-table-column
             label="客人姓名"
             show-overflow-tooltip>
@@ -52,16 +71,19 @@
             </template>
         </el-table-column>
         <el-table-column 
+            sortable
             prop="Money"
             label="总金额"
             show-overflow-tooltip>
         </el-table-column>
         <el-table-column 
+            sortable
             prop="CostMoney"
             label="成本"
             show-overflow-tooltip>
         </el-table-column>
         <el-table-column
+            sortable
             label="待收"
             show-overflow-tooltip>
             <template slot-scope="scope">
@@ -69,21 +91,25 @@
             </template>
         </el-table-column>
         <el-table-column 
+            sortable
             prop="Income"
             label="实收"
             show-overflow-tooltip>
         </el-table-column>
         <el-table-column 
+            sortable
             prop="PlatformTax"
             label="手续费"
             show-overflow-tooltip>
         </el-table-column>
         <el-table-column 
+            sortable
             prop="Refund"
             label="退款"
             show-overflow-tooltip>
         </el-table-column>
         <el-table-column 
+            sortable
             prop="DiscountsMoney"
             label="优惠"
             show-overflow-tooltip>