首页统计

platform-admin/src/main/java/com/platform/controller/TbCfOrderController.java

@@ -312,6 +312,13 @@ public class TbCfOrderController extends AbstractController {
         return R.ok().put("count", count);
     }
 
+    @GetMapping("/getAverageSales")
+    @ResponseBody
+    public R getAverageSales() {
+        BigDecimal amount = tbCfOrderService.getAverageSales();
+        amount = amount.setScale(2, BigDecimal.ROUND_UP);
+        return R.ok().put("amount", amount);
+    }
 
     //==========================================================================================================
 

platform-admin/src/main/java/com/platform/dao/TbCfOrderDao.java

@@ -92,5 +92,6 @@ public interface TbCfOrderDao extends BaseDao<TbCfOrderEntity> {
 
     Long getOrderNum(@Param("status") String status);
 
+    BigDecimal getAverageSales();
 
 }

platform-admin/src/main/java/com/platform/service/TbCfOrderService.java

@@ -112,4 +112,6 @@ public interface TbCfOrderService {
 
     int deleteOrder(String orderId);
 
+    BigDecimal getAverageSales();
+
 }

platform-admin/src/main/java/com/platform/service/impl/TbCfOrderServiceImpl.java

@@ -184,5 +184,11 @@ public class TbCfOrderServiceImpl implements TbCfOrderService {
         return tbCfOrderDao.updateOrder(orderId);
     }
 
+    @Override
+    public BigDecimal getAverageSales() {
+
+        return tbCfOrderDao.getAverageSales();
+    }
+
 
 }

platform-admin/src/main/resources/com/platform/dao/TbCfOrderDao.xml

@@ -129,6 +129,14 @@
             and pay_status=#{status}
         </if>
     </select>
+    <select id="getAverageSales" resultType="java.math.BigDecimal">
+        SELECT
+        sum( total_price ) / DATEDIFF( max( order_time ), min( order_time ) ) average
+        FROM
+        tb_cf_order
+        WHERE
+        pay_status = 20
+    </select>
     <select id="queryList" resultType="com.platform.entity.TbCfOrderEntity">
         select
         i.order_item_id ordersId,

platform-admin/src/main/webapp/WEB-INF/page/sys/main.html

@@ -393,7 +393,7 @@
                 </div>
             </div>
             <div class="m-card-bottom">
-                <span>日均销售额 <i>$29330.32</i></span>
+                <span>日均销售额 <i>{{amount}}</i></span>
             </div>
         </div>
         <!-- 访问量 -->
@@ -428,7 +428,7 @@
             <p class="m-card-main-text">{{animatedNumberFrequencyOfPayment}}</p>
             <div class="m-card-functionzone" id='echartsPayTheAmount'></div>
             <div class="m-card-bottom">
-                <span>转换率 <i>11.3%</i></span>
+                <span>转换率 <i>{{orderRate}}%</i></span>
             </div>
         </div>
         <!-- 新增用户 -->

platform-admin/src/main/webapp/js/sys/main.js

@@ -2,8 +2,10 @@ let app = new Vue({
     el: '#app',
     data() {
         return {
+            amount: 0,
+            orderRate: 0,
             ForturnoverNumber: 0,
-            newNum:0,
+            newNum: 0,
             PVNumber: 0,
             FrequencyOfPaymentNumber: 0,
             datePicker: {
@@ -279,9 +281,12 @@ let app = new Vue({
             } else if (this.middleOption[1].isActive) {
 
             } else if (this.middleOption[2].isActive) {
+                // this.initEchartsMiddleData[0].name='订单量'
+                console.log(123345455, this.initEchartsMiddleData[0].name)
                 let url = '../tbcforder/getOrderByDate?start=' + endDate;
                 this.templateMethod1(url);
             } else if (this.middleOption[3].isActive) {
+                this.initEchartsMiddleData[0].name = '成交量'
                 let url = '../tbcforder/getOrderPaidByDate?start=' + endDate;
                 this.templateMethod1(url);
             }
@@ -680,6 +685,45 @@ let app = new Vue({
                     this.initEchartsMiddle();
                 })
             }
+        },
+        getOrderNum() {
+            let orderNum = 0;
+            $.get('../tbcforder/getOrderNum', res => {
+                orderNum = res.count
+                TweenLite.to(this.$data, 1, {ForturnoverNumber: res.count});
+            })
+            return orderNum;
+        },
+        getOrderPaidNum() {
+            let orderPaidNum = 0;
+            $.get('../tbcforder/getOrderNum?status=20', res => {
+                orderPaidNum = res.count
+                TweenLite.to(this.$data, 1, {FrequencyOfPaymentNumber: res.count});
+            })
+            return orderPaidNum;
+        },
+        getOrderRate() {
+            let orderNum = 0;
+            let orderPaidNum = 0;
+            $.get('../tbcforder/getOrderNum', res => {
+                orderNum = res.count
+                $.get('../tbcforder/getOrderNum?status=20', res => {
+                    orderPaidNum = res.count
+                    console.log(orderNum + "---" + orderPaidNum)
+                    this.orderRate = this.Percentage(orderPaidNum, orderNum)
+                })
+            })
+        },
+        Percentage(num, total) {
+            if (num == 0 || total == 0) {
+                return 0;
+            }
+            return (Math.round(num / total * 10000) / 100.00);// 小数点后两位百分比
+        },
+        getAverageSales() {
+            $.get('../tbcforder/getAverageSales', res => {
+                this.amount = res.amount;
+            })
         }
     },
     created() {
@@ -692,22 +736,16 @@ let app = new Vue({
         this.initEchartsMiddlebottomUserSearchSum();
         this.initEchartsMiddlebottomUserSearchPerCapita();
         this.initEchartsCategory();
-        let orderNum;
-        let orderPaidNum;
-        $.get('../tbcforder/getOrderNum', res => {
-            TweenLite.to(this.$data, 1, {ForturnoverNumber: res.count});
-        })
-        $.get('../tbcforder/getOrderNum?status=20', res => {
-            TweenLite.to(this.$data, 1, {FrequencyOfPaymentNumber: res.count});
-        })
+        this.getOrderNum();
+        this.getOrderPaidNum();
+        this.getOrderRate();
+        this.getAverageSales();
         $.get('../tbcfuserinfo/getDayRegistered', res => {
             let objList = JSON.parse(res).list
-            console.log('objList[0].num',objList[0].num)
-            this.newNum=objList[0].num;
+            this.newNum = objList[0].num;
         })
-
-            TweenLite.to(this.$data, 1, {PVNumber: 135245554});
-
+        // this.orderRate = orderPaidNum / orderNum
+        TweenLite.to(this.$data, 1, {PVNumber: 135245554});
 
 
         this.changeMiddelActive({