2021-12-21 本月累计销售额

src/components/newTable/NewTable.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-09-18 16:30:17
- * @LastEditTime: 2021-12-09 15:57:21
+ * @LastEditTime: 2021-12-21 14:34:47
  * @LastEditors: Please set LastEditors
  * @Description: 表格的封装
  * @FilePath: \hyyfClient\src\components\NewTable.vue
@@ -33,6 +33,7 @@
     </div>
     <div class="content">
       <el-table
+        v-if="listData.length > 0"
         :data="listData"
         border
         :height="height"
@@ -66,6 +67,7 @@
           </el-table-column>
         </template>
       </el-table>
+      <el-empty v-else :image-size="200"> </el-empty>
     </div>
   </div>
 </template>

src/components/newTable/TableContent.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-09-28 13:56:49
- * @LastEditTime: 2021-09-28 14:40:04
+ * @LastEditTime: 2021-12-21 14:32:04
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: \hyyfClient\src\components\newTable\TableContent.vue

src/views/PdcData/Analysis.vue

@@ -120,6 +120,14 @@
         <div class="sales-content">
           <div class="sales-left">
             <div class="up">
+              <label>本月累计销售额</label>
+              <span>{{ monthSales }}元</span>
+            </div>
+            <div class="up">
+              <label>本月累计销售量</label>
+              <span>{{ monthAmount }}头</span>
+            </div>
+            <div class="up">
               <label>上月销售额</label>
               <span>{{ weekSales }}元</span>
               <div class="sales-change">
@@ -341,6 +349,8 @@ export default {
       weekSalesChange: 10,
       weekSalesVolume: 1000,
       weekSalesVolumeChange: -10,
+      monthSales: 0,
+      monthAmount: 0,
       getSalesDates: [], // 销售图的时间选择
       pickerOptions: {
         // 快捷选项
@@ -725,6 +735,8 @@ export default {
         endDate: this.getSalesDates[1] || undefined,
       }).then((res) => {
         if (res.code === 10000) {
+          this.monthSales = res.data.nowMoney.toLocaleString();
+          this.monthAmount = res.data.nowQuantity.toLocaleString();
           this.weekSales = res.data.money;
           this.weekSalesChange = res.data.moneyPercent;
           this.weekSalesVolume = res.data.quantity;
@@ -822,11 +834,11 @@ export default {
 }
 .sales-left {
   width: 15%;
-  line-height: 25px;
-  padding-top: 30px;
+  line-height: 24px;
 }
 .sales-left > .up {
-  margin-bottom: 20px;
+  margin-bottom: 5px;
+  /* border-bottom: 1px solid #ccc; */
 }
 .sales-left > .up > label,
 .sales-left > .down > label {
@@ -839,7 +851,7 @@ export default {
 .sales-left > .down > span {
   display: block;
   text-align: center;
-  font-size: 16px;
+  font-size: 15px;
   color: #333;
 }
 .sales-left > .up > .sales-change,

src/views/dashboard/dashboard.vue

@@ -194,6 +194,14 @@
       <div class="pen-flex">
         <div class="pen-left">
           <div class="water">
+            <p>本月累计销售额</p>
+            <p>{{ monthSales }}元</p>
+          </div>
+          <div class="water">
+            <p>本月累计销售量</p>
+            <p>{{ monthAmount }}头</p>
+          </div>
+          <div class="water">
             <p>上月销售总量</p>
             <p>{{ weekSales }}元</p>
             <p>
@@ -410,6 +418,8 @@ export default {
       weekWeekPercent: 0,
       monthWater: 0,
       monthWeekPercent: 0,
+      monthSales: 0,
+      monthAmount: 0,
       weekSales: 0,
       weekSalesChange: 0,
       weekSalesVolume: 0,
@@ -628,6 +638,8 @@ export default {
               that.monthWeekPercent = res3.data.monthWeekPercent;
             }
             if (res4.code === 10000) {
+              that.monthSales = res4.data.nowMoney.toLocaleString();
+              that.monthAmount = res4.data.nowQuantity.toLocaleString();
               that.weekSales = res4.data.money;
               that.weekSalesChange = res4.data.moneyPercent;
               that.weekSalesVolume = res4.data.quantity;
@@ -739,9 +751,10 @@ p {
   height: 100%;
   border-right: 1px solid #ddd;
   text-align: center;
+  padding-top: 15px;
 }
 .water {
-  padding: 50px 0;
-  font-size: 20px;
+  padding: 10px 0;
+  font-size: 18px;
 }
 </style>