订单管理 页面展示优化

src/views/hisStore/components/OrderSummaryTable.vue

@@ -11,79 +11,80 @@
       :span-method="objectSpanMethod"
       show-summary
       :summary-method="getSummaries"
+      height="500"
       >
-      <el-table-column prop="name" :label="nameLable" width="150" class-name="sticky-column" align="center">
+      <el-table-column prop="name" :label="nameLable" width="100" class-name="sticky-column" align="center">
         <template slot-scope="scope">
           <span :class="{'group-name': scope.row.isGroup}">{{ scope.row.name }}</span>
         </template>
       </el-table-column>
-      <el-table-column prop="totalCalls" label="总单数" width="80" align="center"></el-table-column>
-      <el-table-column prop="totalAmount" label="总金额" width="100" align="center">
+      <el-table-column prop="totalCalls" label="总单数" width="50" align="center"></el-table-column>
+      <el-table-column prop="totalAmount" label="总金额" width="80" align="center">
         <template slot-scope="scope">
           {{ scope.row.totalAmount ? scope.row.totalAmount.toFixed(2) : '0.00' }}
         </template>
       </el-table-column>
-      <el-table-column prop="validAmount" label="成单金额" width="100" align="center">
+      <el-table-column prop="validAmount" label="成单金额" width="80" align="center">
         <template slot-scope="scope">
           {{ scope.row.validAmount ? scope.row.validAmount.toFixed(2) : '0.00' }}
         </template>
       </el-table-column>
-      <el-table-column prop="waitingOrders" label="待审数" width="80" align="center"></el-table-column>
-      <el-table-column prop="waitingAmount" label="待审金额" width="100" align="center">
+      <el-table-column prop="waitingOrders" label="待审数" width="50" align="center"></el-table-column>
+      <el-table-column prop="waitingAmount" label="待审金额" width="80" align="center">
         <template slot-scope="scope">
           {{ scope.row.waitingAmount ? scope.row.waitingAmount.toFixed(2) : '0.00' }}
         </template>
       </el-table-column>
-      <el-table-column prop="unPassedOrders" label="未过数" width="80" align="center"></el-table-column>
-      <el-table-column prop="unPassedAmount" label="未过金额" width="100" align="center">
+      <el-table-column prop="unPassedOrders" label="未过数" width="50" align="center"></el-table-column>
+      <el-table-column prop="unPassedAmount" label="未过金额" width="80" align="center">
         <template slot-scope="scope">
           {{ scope.row.unpassedAmount ? scope.row.unpassedAmount.toFixed(2) : '0.00' }}
         </template>
       </el-table-column>
-      <el-table-column prop="cancelOrders" label="取消数" width="80" align="center"></el-table-column>
-      <el-table-column prop="cancelAmount" label="取消金额" width="100" align="center">
+      <el-table-column prop="cancelOrders" label="取消数" width="50" align="center"></el-table-column>
+      <el-table-column prop="cancelAmount" label="取消金额" width="80" align="center">
         <template slot-scope="scope">
           {{ scope.row.cancelAmount ? scope.row.cancelAmount.toFixed(2) : '0.00' }}
         </template>
       </el-table-column>
-      <el-table-column prop="completeOrders" label="成交数" width="120" align="center"></el-table-column>
-      <el-table-column prop="completeAmount" label="成交金额" width="130" align="center">
+      <el-table-column prop="completeOrders" label="成交数" width="50" align="center"></el-table-column>
+      <el-table-column prop="completeAmount" label="成交金额" width="80" align="center">
         <template slot-scope="scope">
           {{ scope.row.completeAmount ? scope.row.completeAmount.toFixed(2) : '0.00' }}
         </template>
       </el-table-column>
-      <el-table-column prop="unshippedOrders" label="成交未发货数" width="120" align="center"></el-table-column>
-      <el-table-column prop="unshippedAmount" label="成交未发货金额" width="130" align="center">
+      <el-table-column prop="unshippedOrders" label="成交未发货数" width="50" align="center"></el-table-column>
+      <el-table-column prop="unshippedAmount" label="成交未发货金额" width="80" align="center">
         <template slot-scope="scope">
           {{ scope.row.unshippedAmount ? scope.row.unshippedAmount.toFixed(2) : '0.00' }}
         </template>
       </el-table-column>
-      <el-table-column prop="shippedOrders" label="发货数" width="80" align="center"></el-table-column>
-      <el-table-column prop="shippedAmount" label="发货金额" width="100" align="center">
+      <el-table-column prop="shippedOrders" label="发货数" width="50" align="center"></el-table-column>
+      <el-table-column prop="shippedAmount" label="发货金额" width="80" align="center">
         <template slot-scope="scope">
           {{ scope.row.shippedAmount ? scope.row.shippedAmount.toFixed(2) : '0.00' }}
         </template>
       </el-table-column>
-      <el-table-column prop="transitOrders" label="在途数" width="80" align="center"></el-table-column>
-      <el-table-column prop="transitAmount" label="在途金额" width="100" align="center">
+      <el-table-column prop="transitOrders" label="在途数" width="50" align="center"></el-table-column>
+      <el-table-column prop="transitAmount" label="在途金额" width="80" align="center">
         <template slot-scope="scope">
           {{ scope.row.transitAmount ? scope.row.transitAmount.toFixed(2) : '0.00' }}
         </template>
       </el-table-column>
-      <el-table-column prop="receivedOrders" label="签收数" width="80" align="center"></el-table-column>
-      <el-table-column prop="receivedAmount" label="签收金额" width="100" align="center">
+      <el-table-column prop="receivedOrders" label="签收数" width="50" align="center"></el-table-column>
+      <el-table-column prop="receivedAmount" label="签收金额" width="80" align="center">
         <template slot-scope="scope">
           {{ scope.row.receivedAmount ? scope.row.receivedAmount.toFixed(2) : '0.00' }}
         </template>
       </el-table-column>
-      <el-table-column prop="returnOrders" label="退货数" width="80" align="center"></el-table-column>
-      <el-table-column prop="returnAmount" label="退货金额" width="100" align="center">
+      <el-table-column prop="returnOrders" label="退货数" width="50" align="center"></el-table-column>
+      <el-table-column prop="returnAmount" label="退货金额" width="80" align="center">
         <template slot-scope="scope">
           {{ scope.row.returnAmount ? scope.row.returnAmount.toFixed(2) : '0.00' }}
         </template>
       </el-table-column>
-      <el-table-column prop="paybackOrders" label="回款数" width="80" align="center"></el-table-column>
-      <el-table-column prop="paybackAmount" label="回款金额" width="100" align="center">
+      <el-table-column prop="paybackOrders" label="回款数" width="50" align="center"></el-table-column>
+      <el-table-column prop="paybackAmount" label="回款金额" width="80" align="center">
         <template slot-scope="scope">
           {{ scope.row.paybackAmount ? scope.row.paybackAmount.toFixed(2) : '0.00' }}
         </template>

src/views/hisStore/statistics/storeOrderStatistics.vue

@@ -121,15 +121,15 @@
 
           </el-col>
           <el-col :span="6">
-
+            <el-form-item>
+              <el-button type="primary" icon="el-icon-search" plain   @click="storeOrderStatistics">搜索</el-button>
+            </el-form-item>
           </el-col>
         </el-row>
 
 
         
-        <el-form-item>
-                    <el-button type="primary" icon="el-icon-search" plain   @click="storeOrderStatistics">搜索</el-button>
-        </el-form-item>
+        
       </el-form>
       <div class="data-box">
         <!-- <div class="echart-box">
@@ -426,6 +426,23 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.search-form {
+  margin: 10px 20px 0px 20px !important;
+  padding: 10px 20px 0px 20px !important;
+  
+  .el-form-item {
+    margin-bottom: 10px !important;
+  }
+  
+  .el-row {
+    margin-bottom: 10px !important;
+  }
+  
+  .el-select, .el-date-editor {
+    width: 100%;
+  }
+}
+
 .app-container {
   border: 1px solid #e6e6e6;
   padding: 12px;
@@ -460,7 +477,7 @@ export default {
     }
     
     .data-box {
-      padding: 30px;
+      padding: 5px;
       background-color: rgb(255, 255, 255);
       flex: 1;
       overflow-y: auto; // 添加垂直滚动条
@@ -559,3 +576,5 @@ export default {
   display: block;
 }
 </style>
+
+