数据报表

app/Admin/Actions/Tools/DataReportOption.php

@@ -22,29 +22,29 @@ class DataReportOption extends AbstractTool
     protected function script()
     {
         return <<<JS
-  var app= new Vue({
-            el:"#option",
-            data:{
-                options: [{
-          value: '选项1',
-          label: '黄金糕'
-        }, {
-          value: '选项2',
-          label: '双皮奶'
-        }, {
-          value: '选项3',
-          label: '蚵仔煎'
-        }, {
-          value: '选项4',
-          label: '龙须面'
-        }, {
-          value: '选项5',
-          label: '北京烤鸭'
-        }],
-        value: ''
-            },
-
-        });
+          var app= new Vue({
+                el:"#option",
+                data:{
+                    options: [{
+                          value: '选项1',
+                          label: '黄金糕'
+                        }, {
+                          value: '选项2',
+                          label: '双皮奶'
+                        }, {
+                          value: '选项3',
+                          label: '蚵仔煎'
+                        }, {
+                          value: '选项4',
+                          label: '龙须面'
+                        }, {
+                          value: '选项5',
+                          label: '北京烤鸭'
+                     }],
+                    value: ''
+                },
+
+                });
 
 JS;
 

app/Admin/Controllers/v3/DataReport.php

@@ -13,6 +13,7 @@ use Dcat\Admin\Grid;
 use Dcat\Admin\Layout\Column;
 use Dcat\Admin\Layout\Content;
 use Dcat\Admin\Layout\Row;
+use Dcat\Admin\Widgets\Card;
 
 class DataReport
 {
@@ -32,6 +33,50 @@ class DataReport
                     $column->row(new DataReportDate('data_report'));
                 });
 
-            })->body('<hr />');
+            })->body('<hr />')
+            ->body(function (Row $row){
+                $row->column(2,function (Column $column){
+                    $title = "营业总额(元)";
+                    $value = 0;
+                    $card = Card::make("<span style='color: #ffffff'>{$title}</span>","<span style='color: #ffffff'>{$value}</span>");
+                    $card->style('background-color:#4e9876');
+                    $column->row($card);
+                });
+                $row->column(2,function (Column $column){
+                    $title = "总入账(元)";
+                    $value = 0;
+                    $card = Card::make("<span style='color: #ffffff'>{$title}</span>","<span style='color: #ffffff'>{$value}</span>");
+                    $card->style('background-color:#4e9876');
+                    $column->row($card);
+                });
+                $row->column(2,function (Column $column){
+                    $title = "商户实际收";
+                    $value = 0;
+                    $card = Card::make("<span style='color: #ffffff'>{$title}</span>","<span style='color: #ffffff'>{$value}</span>");
+                    $card->style('background-color:#4e9876');
+                    $column->row($card);
+                });
+                $row->column(2,function (Column $column){
+                    $title = "有效订单量";
+                    $value = 0;
+                    $card = Card::make("<span style='color: #ffffff'>{$title}</span>","<span style='color: #ffffff'>{$value}</span>");
+                    $card->style('background-color:#4e9876');
+                    $column->row($card);
+                });
+                $row->column(2,function (Column $column){
+                    $title = "无效订单量";
+                    $value = 0;
+                    $card = Card::make("<span style='color: #ffffff'>{$title}</span>","<span style='color: #ffffff'>{$value}</span>");
+                    $card->style('background-color:#4e9876');
+                    $column->row($card);
+                });
+                $row->column(2,function (Column $column){
+                    $title = "佣金收入";
+                    $value = 0;
+                    $card = Card::make("<span style='color: #ffffff'>{$title}</span>","<span style='color: #ffffff'>{$value}</span>");
+                    $card->style('background-color:#4e9876');
+                    $column->row($card);
+                });
+            });
     }
 }

resources/views/admin/tools/data_report_option.blade.php

@@ -1,5 +1,5 @@
 <div id="option">
-    <el-select v-model="value" filterable placeholder="请选择">
+    <el-select v-model="value" filterable placeholder="选择市场">
         <el-option
             v-for="item in options"
             :key="item.value"