Explorar o código

聊天,统计页面,通告页面

Swdz-WangHaiJun %!s(int64=4) %!d(string=hai) anos
pai
achega
c186692b96

+ 1 - 1
app/Admin/Actions/Community/Docter/Chat.php

xqd
@@ -10,6 +10,6 @@ class Chat extends RowAction
     public $name = '查看';
     public function href()
     {
-        return '/cdms/docter_chats/1/edit';
+        return '/cdms/chats';
     }
 }

+ 19 - 0
app/Admin/Actions/Community/Order/Detail.php

xqd
@@ -0,0 +1,19 @@
+<?php
+
+
+namespace App\Admin\Actions\Community\Order;
+
+
+use App\Models\Order;
+use Encore\Admin\Actions\RowAction;
+use Illuminate\Database\Eloquent\Model;
+
+class Detail extends RowAction
+{
+
+    public $name = '详情';
+    public function href()
+    {
+       return '/cdms/order_detail?id='.$this->row->id;
+    }
+}

+ 1 - 2
app/Admin/Controllers/CdmsController.php

xqd
@@ -24,8 +24,7 @@ class CdmsController extends AdminController
         $roleModel = config('tenancy.database.roles_model');
 
         $id = request('id');
-//        var_dump(intval($id));
-//        dd('ss');
+
         $form = new Form(new $userModel());
 
         $userTable = config('tenancy.database.users_table');

+ 20 - 38
app/Community/Controllers/DocterChatController.php

xqd xqd xqd xqd xqd
@@ -4,6 +4,7 @@ namespace App\Community\Controllers;
 
 use App\Admin\Actions\Community\Docter\Chat;
 use App\Admin\Actions\Community\Notice\sendNotice;
+use App\Admin\Actions\Community\Order\Detail;
 use App\Models\Docter;
 use App\Models\Order;
 use Encore\Admin\Controllers\AdminController;
@@ -33,15 +34,13 @@ class DocterChatController extends AdminController
         $grid = new Grid(new Order());
 
         $user = Admin::user();
+        $org_id = $user->org_id;
+        $docter_id = $user->docter_id;
         $is_admin = Admin::user()->inRoles(['administrator','devloper']);
         $grid->batchActions(function ($batch) {
             $batch->add(new sendNotice());
         });
         if(!$is_admin){
-            $org_id = $user->org_id;
-            $docter_id = $user->docter_id;
-
-
             $grid->model()->whereHas('orders',function ($query) use ($org_id,$docter_id) {
                 $where['organization_id']=$org_id;
                 if($docter_id){
@@ -57,8 +56,11 @@ class DocterChatController extends AdminController
         $grid->column('orderPatient.birthday', __('患者年龄'))->display(function ($w){
             return birthday_to_age($w);
         });
-        $grid->actions(function ($actions){
-           $actions->add( new Chat());
+        $grid->actions(function ($actions) use($docter_id) {
+            if($docter_id){
+                $actions->add( new Chat());
+            }
+            $actions->add(new Detail());
            $actions->disableDelete();
            $actions->disableView();
            $actions->disableEdit();
@@ -81,26 +83,7 @@ class DocterChatController extends AdminController
      */
     protected function detail($id)
     {
-        $show = new Show(Order::findOrFail($id));
-
-        $show->field('id', __('Id'));
-        $show->field('user_id', __('User id'));
-        $show->field('docter_id', __('Docter id'));
-        $show->field('patient_id', __('Patient id'));
-        $show->field('organization_id', __('Organization id'));
-        $show->field('order_sn', __('Order sn'));
-        $show->field('payment_type', __('Payment type'));
-        $show->field('product_type', __('Product type'));
-        $show->field('order_status', __('Order status'));
-        $show->field('payment_status', __('Payment status'));
-        $show->field('total_amount', __('Total amount'));
-        $show->field('payment_amount', __('Payment amount'));
-        $show->field('discount_amount', __('Discount amount'));
-        $show->field('payment_time', __('Payment time'));
-        $show->field('created_at', __('Created at'));
-        $show->field('updated_at', __('Updated at'));
-
-        return $show;
+        return '';
     }
 
     /**
@@ -110,24 +93,23 @@ class DocterChatController extends AdminController
      */
     protected function form()
     {
-
-        $content = new Content();
-        $form = new Form();
-        $user = Admin::user();
-        $org_id = $user->org_id;
-        $docter_id = $user->docter_id;
-        $form->setView('chat');
-        return $form;
+       return '';
     }
 
     function chats(Content $content){
-        $content->title('儿保排班');
-        $content->description('医生用户可以接受接受预约');
+        $content->title('咨询订单 ');
+        $content->description('医生用户可以接受预约');
         $user = Admin::user();
         $org_id = $user->org_id;
         $docter_id = $user->docter_id;
-        $content->view('chat',['docter_id'=>$docter_id]);
+        $content->body('<iframe src="/cdms/chat_view" style="width: 100%;height:800px;border: none"></iframe>');
         return $content;
-        return view('chat', ['data' =>'foo']);
     }
+
+    public function chat_view()
+    {
+        return view('cdms.chat');
+    }
+
+
 }

+ 47 - 17
app/Community/Controllers/HomeController.php

xqd
@@ -3,32 +3,62 @@
 namespace App\Community\Controllers;
 
 use App\Http\Controllers\Controller;
+use App\Models\Order;
+use App\Models\SchedulePeriod;
 use Encore\Admin\Controllers\Dashboard;
 use Encore\Admin\Layout\Column;
 use Encore\Admin\Layout\Content;
 use Encore\Admin\Layout\Row;
+use Encore\Admin\Widgets\InfoBox;
 
 class HomeController extends Controller
 {
     public function index(Content $content)
     {
         return $content
-            ->title('Dashboard')
-            ->description('Description...')
-            ->row(Dashboard::title())
-            ->row(function (Row $row) {
-
-                $row->column(4, function (Column $column) {
-                    $column->append(Dashboard::environment());
-                });
-
-                $row->column(4, function (Column $column) {
-                    $column->append(Dashboard::extensions());
-                });
-
-                $row->column(4, function (Column $column) {
-                    $column->append(Dashboard::dependencies());
-                });
-            });
+            ->title('数据概况')
+            ->description('社区段实时数据')
+            ->row($this->real_data())
+            ->row($this->vaccine_data())
+            ->row($this->nurse_data())
+            ->row($this->schedule_data());
+    }
+
+    public function real_data()
+    {
+        $data = StatController::service();
+        return view('cdms.real_data',compact('data'));
+    }
+
+    public function vaccine_data()
+    {
+        $data = StatController::vaccine();
+        return view('cdms.vaccine_data',compact('data'));
+    }
+
+    public function nurse_data()
+    {
+        $data = StatController::nurse();
+        return view('cdms.nurse_data',compact('data'));
+    }
+
+    public function schedule_data()
+    {
+        $data = StatController::schedule();
+        return view('cdms.schedule_data',compact('data'));
+    }
+
+    public function order_detail()
+    {
+        $id = request('id');
+        if(empty($id)){
+            return redirect('/cdms/docter_chats');
+        }
+        $data = Order::where('id',$id)->with('orderPatient')->first();
+        $content = new Content();
+        $status = Order::getStatus();
+        $content->view('cdms.order_detail',compact('data','status'));
+
+        return $content;
     }
 }

+ 17 - 14
app/Community/Controllers/StatController.php

xqd xqd
@@ -14,14 +14,13 @@ class StatController extends  Controller
 {
 
     //疫苗统计
-    public function vaccine()
+    public static function vaccine()
     {
-        $data ['count'] = Vaccine::count();
-        $data['have'] = Vaccine::sum('state');
-        $data['today_spend'] = Order::where(['state'=>0])->count();//取苗钟数
-        $data['success'] = Order::where(['order_status'=>1])->where('product_type',4)->where('created_at','>',date('Y-m-d H:i:s',time()))->count();
+        $data ['sum_num'] = Vaccine::count();
+        $data['have_num'] = Vaccine::sum('stock');
+        $data['less_num'] = Vaccine::where(['stock'=>0])->count();//取苗钟数
+        $data['today_schedule'] = Order::where(['order_status'=>1])->where('product_type',4)->where('created_at','>',date('Y-m-d H:i:s',time()))->count();
         $data['today_vaccine'] = Order::where(['product_type'=>4])->with('orderPatient','appoint_start_time',strtotime('today'))->count();//接诊患者(人次)
-
         return $data;
 
     }
@@ -29,27 +28,31 @@ class StatController extends  Controller
 
 
     //实时数据
-    public function service()
+    public static function  service()
     {
-        $data['success'] = Order::where(['order_status'=>1])->whereIn('product_type',[3,4,5])->where('created_at','>',date('Y-m-d H:i:s',time()))->count();
-        $data['success'] = SchedulePeriod::distinct()->where('schedule_data',date('Y-m-d H:i:s',time()))->count();
+        $data['schedule_paitent'] = Order::where(['order_status'=>1])->whereIn('product_type',[3,4,5])->where('created_at','>',date('Y-m-d H:i:s',time()))->count();
+        $data['schedule_docter'] = SchedulePeriod::distinct('docter_id')->where('schedule_date',date('Y-m-d H:i:s',time()))->count();
 //        $data['paitent_num'] = Order::where(['order_status'=>1])->distinct()->count()->BgroupBy('patient_id');
-        $data['paitent_num'] = Order::where(['product_type'=>4,'orderPatient.appoint_start_time'=>strtotime('today')])->count();//接诊患者(人次)
-
+        $data['paitent_num'] = Order::whereHas('orderPatient',function ($query){
+            $query->where(['appoint_start_time'=>strtotime('today')]);
+        })->where(['product_type'=>4])->count();//接诊患者(人次)
 
+return $data;
 
 
     }
 
     //儿保概况
-    public function nurse()
+    public static function nurse()
     {
      $nurse_num = Order::where('prdoduct_type',5)->where('created_at','>',strtotime('today'));
+     return $nurse_num;
     }
 
     //排班统计
-    public function schedule()
+    public static function schedule()
     {
-        SchedulePeriod::where('schedule_date',strtotime('today'))->distinct('docter_id')->get()->GroupBy('docter.type');
+        $data = SchedulePeriod::where('schedule_date',strtotime('today'))->distinct('docter_id')->get()->GroupBy('docter.type');
+        return $data;
     }
 }

+ 2 - 0
app/Community/routes.php

xqd
@@ -23,6 +23,8 @@ Route::resource('user_notices', UserNoticeController::class);
 Route::get('send_notices', 'NoticeController@send');
 Route::resource('/docter_chats', DocterChatController::class);
 Route::get('/chats', 'DocterChatController@chats');
+Route::get('/chat_view', 'DocterChatController@chat_view');
+Route::get('/order_detail', 'HomeController@order_detail');
 //api
 Route::get('/api/getDocter', 'ApiController@getDocter');
 Route::put('/api/paitent_remark', 'ApiController@paitent_remark');

+ 1 - 1
app/Models/Order.php

xqd
@@ -21,7 +21,7 @@ class Order extends BaseModel
     ];
 
     //获取订单状态
-    public function getStatus()
+    public static  function getStatus()
     {
         return self::$_order_status;
     }

+ 0 - 0
resources/views/chat.blade.php → resources/views/cdms/chat.blade.php


+ 81 - 2
resources/views/cdms/notice.blade.php

xqd
@@ -1,7 +1,86 @@
 
+<style type="text/css">
+
+    .big_body{
+        display: flex;
+        justify-content: center;
+        background-color: #D7D7D7;
+    }
+    .big_div {
+
+        width: 98%;
+        display: block;
+        margin-top: 20px;
+        border: 1px solid #E4E4E4;
+        box-shadow: 0 26rpx 40rpx 0 rgba(255, 255, 255, 0.31);
+        background-color: #FFF;
+        padding: 50px;
+
+    }
+    .title_div{
+        display: flex;
+        justify-content: space-between;
+        /*	用下外边距和信息内容分开*/
+        margin-bottom: 30px;
+    }
+    /*	标题*/
+    .title{
+        font-size: 30px;
+        display: flex;
+        align-items: flex-end;
+    }
+
+    /*	信息*/
+    .inf_div{
+        padding: 20px;
+        display: flex;
+        justify-content: space-around;
+
+    }
+    /*	一条信息 包括icon和文字*/
+
+    .inf{
+        width: 50%;
+        height: 100px;
+
+        display: flex;
+        align-content: center;
+    }
+    /*	icon*/
+    .inf_icon{
+        height: 80px;
+        width: 80px;
+        margin-right: 100px;
+        border-radius: 50%;
+        border: 0.5px solid #000000;
+    }
+    .inf_text{
+        /*		两边加边距*/
+        margin-left: 50px;
+        margin-right: 50px;
+
+    }
+    .inf_text_num{
+        width: auto;
+        text-align: center;
+        margin-bottom: 5px;
+        font-size: 38px;
+    }
+    .inf_text_ms{
+
+    }
+
+</style>
 @foreach($notice as $val)
-<div>
-    <div>{{$val->title}}</div>
+<div class="big_div">
+    <!--		标题和时间-->
+    <div class="title_div">
+        <div class="title">
+            <div style="margin-right: 20px;">{{$val->title}}</div>
+{{--            <div style="font-size: 18px;text">通知类型</div>--}}
+        </div>
+        <div class="tiem">{{date('Y年m月d日 H:i:s',strtotime($val->created_at))}}</div>
+    </div>
     <div>{{$val->content}}</div>
 </div>
 @endforeach

+ 121 - 0
resources/views/cdms/nurse_data.blade.php

xqd
@@ -0,0 +1,121 @@
+<style type="text/css">
+
+    .big_body{
+        display: flex;
+        justify-content: center;
+        background-color: #D7D7D7;
+    }
+    .big_div {
+
+        width: 98%;
+        border: 1px solid #E4E4E4;
+        box-shadow: 0 26rpx 40rpx 0 rgba(255, 255, 255, 0.31);
+        background-color: #FFF;
+        padding: 50px;
+
+    }
+    .title_div{
+        display: flex;
+        justify-content: space-between;
+        /*	用下外边距和信息内容分开*/
+        margin-bottom: 30px;
+    }
+    /*	标题*/
+    .title{
+        font-size: 30px;
+    }
+
+    /*	信息*/
+    .inf_div{
+        padding: 20px;
+        display: flex;
+        justify-content: space-around;
+
+    }
+    /*	一条信息 包括icon和文字*/
+
+    .inf{
+        width: 50%;
+        height: 100px;
+
+        display: flex;
+        align-content: center;
+    }
+    /*	icon*/
+    .inf_icon{
+        height: 80px;
+        width: 80px;
+        margin-right: 100px;
+        border-radius: 50%;
+        border: 0.5px solid #000000;
+    }
+    .inf_text{
+        /*		两边加边距*/
+        margin-left: 50px;
+        margin-right: 50px;
+
+    }
+    .inf_text_num{
+        width: auto;
+        text-align: center;
+        margin-bottom: 5px;
+        font-size: 38px;
+    }
+    .inf_text_ms{
+
+    }
+
+</style>
+<body class="big_body">
+<div class="big_div">
+    <!--		标题和时间-->
+    <div class="title_div">
+        <div class="title">实时数据</div>
+        <div class="tiem">更新时间:2020年11月30日14:18:50</div>
+    </div>
+    <!--		信息-->
+    <div class="inf_div">
+        <!--			一段信息-->
+        <div class="inf">
+            <!--				icon-->
+            <div class="inf_icon" style="text-align: center">
+                icon
+            </div>
+            <!--				文字-->
+            <div class="inf_text">
+                <!--数字  要大-->
+                <div class="inf_text_num">15</div>
+                <!--描述  要小-->
+                <div class="inf_text_ms">今日预约</div>
+            </div>
+            <div class="inf_text">
+                <!--数字  要大-->
+                <div class="inf_text_num">8</div>
+                <!--描述  要小-->
+                <div class="inf_text_ms">今日排班</div>
+            </div>
+
+        </div>
+        <div class="inf">
+            <!--				icon-->
+            <div class="inf_icon" style="text-align: center">
+                icon
+            </div>
+            <!--				文字-->
+            <div class="inf_text">
+                <!--数字  要大-->
+                <div class="inf_text_num">15</div>
+                <!--描述  要小-->
+                <div class="inf_text_ms">今日预约</div>
+            </div>
+            <div class="inf_text">
+                <!--数字  要大-->
+                <div class="inf_text_num">8</div>
+                <!--描述  要小-->
+                <div class="inf_text_ms">今日排班</div>
+            </div>
+
+        </div>
+
+    </div>
+</div>

+ 52 - 0
resources/views/cdms/order_detail.blade.php

xqd
@@ -0,0 +1,52 @@
+<style>
+    .contet {
+        width: 100%;
+        margin: 0 auto;
+        padding: 10px 20px;
+        background-color: white;
+    }
+    .center{
+        margin: 0 200px;
+        width: 800px;
+    }
+
+    .a_btn  {
+         padding: 5px;
+         border: grey solid 1px;
+         border-radius: 10%;
+         text-decoration: none;
+    }
+
+    .m-l-30{
+        margin-left: 30px;
+    }
+
+    .center span{
+        font-size: 18px;
+        padding: 10px 0px 5px 0px;
+        display: block;
+    }
+
+</style>
+
+<div class="contet">
+    <div class="center">
+        <h2 style="display: inline-block">订单详情</h2>
+        <a class = "a_btn m-l-30" href="/cdms/chats">会话</a>
+        <a class = "a_btn m-l-30" href="javascript:void(0)">完成</a>
+    </div>
+    <div class="center">
+        <span>订单号:{{$data->order_sn}}</span>
+        <span>患者:{{$data->orderPatient->name}}</span>
+        <span>年龄:{{birthday_to_age($data->orderPatient->birthday)}}</span>
+        <span>身份证号:{{$data->orderPatient->card_number}}</span>
+        <span>下单时间:{{$data->orderPatient->created_at}}</span>
+        <span>订单状态:{{$status[$data->order_status]}}接单</span>
+        <span>病情描述:{{$data->orderPatient->symptoms}}</span>
+        <span>图片:{{$data->orderPatient->medical_imgs}}</span>
+    </div>
+</div>
+
+<script>
+
+</script>

+ 121 - 0
resources/views/cdms/real_data.blade.php

xqd
@@ -0,0 +1,121 @@
+<style type="text/css">
+
+    .big_body{
+        display: flex;
+        justify-content: center;
+        background-color: #D7D7D7;
+    }
+    .big_div {
+
+        width: 98%;
+        border: 1px solid #E4E4E4;
+        box-shadow: 0 26rpx 40rpx 0 rgba(255, 255, 255, 0.31);
+        background-color: #FFF;
+        padding: 50px;
+
+    }
+    .title_div{
+        display: flex;
+        justify-content: space-between;
+        /*	用下外边距和信息内容分开*/
+        margin-bottom: 30px;
+    }
+    /*	标题*/
+    .title{
+        font-size: 30px;
+    }
+
+    /*	信息*/
+    .inf_div{
+        padding: 20px;
+        display: flex;
+        justify-content: space-around;
+
+    }
+    /*	一条信息 包括icon和文字*/
+
+    .inf{
+        width: 50%;
+        height: 100px;
+
+        display: flex;
+        align-content: center;
+    }
+    /*	icon*/
+    .inf_icon{
+        height: 80px;
+        width: 80px;
+        margin-right: 100px;
+        border-radius: 50%;
+        border: 0.5px solid #000000;
+    }
+    .inf_text{
+        /*		两边加边距*/
+        margin-left: 50px;
+        margin-right: 50px;
+
+    }
+    .inf_text_num{
+        width: auto;
+        text-align: center;
+        margin-bottom: 5px;
+        font-size: 38px;
+    }
+    .inf_text_ms{
+
+    }
+
+</style>
+<body class="big_body">
+<div class="big_div">
+    <!--		标题和时间-->
+    <div class="title_div">
+        <div class="title">实时数据</div>
+        <div class="tiem">更新时间:2020年11月30日14:18:50</div>
+    </div>
+    <!--		信息-->
+    <div class="inf_div">
+        <!--			一段信息-->
+        <div class="inf">
+            <!--				icon-->
+            <div class="inf_icon" style="text-align: center">
+                icon
+            </div>
+            <!--				文字-->
+            <div class="inf_text">
+                <!--数字  要大-->
+                <div class="inf_text_num">15</div>
+                <!--描述  要小-->
+                <div class="inf_text_ms">今日预约</div>
+            </div>
+            <div class="inf_text">
+                <!--数字  要大-->
+                <div class="inf_text_num">8</div>
+                <!--描述  要小-->
+                <div class="inf_text_ms">今日排班</div>
+            </div>
+
+        </div>
+        <div class="inf">
+            <!--				icon-->
+            <div class="inf_icon" style="text-align: center">
+                icon
+            </div>
+            <!--				文字-->
+            <div class="inf_text">
+                <!--数字  要大-->
+                <div class="inf_text_num">15</div>
+                <!--描述  要小-->
+                <div class="inf_text_ms">今日预约</div>
+            </div>
+            <div class="inf_text">
+                <!--数字  要大-->
+                <div class="inf_text_num">8</div>
+                <!--描述  要小-->
+                <div class="inf_text_ms">今日排班</div>
+            </div>
+
+        </div>
+
+    </div>
+</div>

+ 121 - 0
resources/views/cdms/schedule_data.blade.php

xqd
@@ -0,0 +1,121 @@
+<style type="text/css">
+
+    .big_body{
+        display: flex;
+        justify-content: center;
+        background-color: #D7D7D7;
+    }
+    .big_div {
+
+        width: 98%;
+        margin-top: 30px;
+        border: 1px solid #E4E4E4;
+        box-shadow: 0 26rpx 40rpx 0 rgba(255, 255, 255, 0.31);
+        background-color: #FFF;
+        padding: 50px;
+
+    }
+    .title_div{
+        display: flex;
+        justify-content: space-between;
+        /*	用下外边距和信息内容分开*/
+        margin-bottom: 30px;
+    }
+    /*	标题*/
+    .title{
+        font-size: 30px;
+    }
+
+    /*	信息*/
+    .inf_div{
+        padding: 20px;
+        display: flex;
+        justify-content: space-around;
+
+    }
+    /*	一条信息 包括icon和文字*/
+
+    .inf{
+        width: 50%;
+        height: 100px;
+
+        display: flex;
+        align-content: center;
+    }
+    /*	icon*/
+    .inf_icon{
+        height: 80px;
+        width: 80px;
+        margin-right: 100px;
+        border-radius: 50%;
+        border: 0.5px solid #000000;
+    }
+    .inf_text{
+        /*		两边加边距*/
+        margin-left: 50px;
+        margin-right: 50px;
+
+    }
+    .inf_text_num{
+        width: auto;
+        text-align: center;
+        margin-bottom: 5px;
+        font-size: 38px;
+    }
+    .inf_text_ms{
+
+    }
+
+</style>
+<div class="big_div">
+    <!--		标题和时间-->
+    <div class="title_div">
+        <div class="title">疫苗概况</div>
+        <div class="tiem">更新时间:{{date("Y-m-d H:i:s")}}</div>
+    </div>
+    <!--		信息-->
+    <div class="inf_div">
+        <!--			一段信息-->
+        <div class="inf">
+            <!--				icon-->
+            <div class="inf_icon" style="text-align: center">
+                icon
+            </div>
+            <!--				文字-->
+            <div class="inf_text">
+                <!--数字  要大-->
+                <div class="inf_text_num">15</div>
+                <!--描述  要小-->
+                <div class="inf_text_ms">今日预约</div>
+            </div>
+            <div class="inf_text">
+                <!--数字  要大-->
+                <div class="inf_text_num">8</div>
+                <!--描述  要小-->
+                <div class="inf_text_ms">今日排班</div>
+            </div>
+
+        </div>
+        <div class="inf">
+            <!--				icon-->
+            <div class="inf_icon" style="text-align: center">
+                icon
+            </div>
+            <!--				文字-->
+            <div class="inf_text">
+                <!--数字  要大-->
+                <div class="inf_text_num">15</div>
+                <!--描述  要小-->
+                <div class="inf_text_ms">今日预约</div>
+            </div>
+            <div class="inf_text">
+                <!--数字  要大-->
+                <div class="inf_text_num">8</div>
+                <!--描述  要小-->
+                <div class="inf_text_ms">今日排班</div>
+            </div>
+
+        </div>
+
+    </div>
+</div>

+ 116 - 0
resources/views/cdms/vaccine_data.blade.php

xqd
@@ -0,0 +1,116 @@
+<style type="text/css">
+
+    .big_body{
+        display: flex;
+        justify-content: center;
+        background-color: #D7D7D7;
+    }
+    .big_div {
+
+        width: 98%;
+        border: 1px solid #E4E4E4;
+        box-shadow: 0 26rpx 40rpx 0 rgba(255, 255, 255, 0.31);
+        background-color: #FFF;
+        padding: 50px;
+
+    }
+    .title_div{
+        display: flex;
+        justify-content: space-between;
+        /*	用下外边距和信息内容分开*/
+        margin-bottom: 30px;
+    }
+    /*	标题*/
+    .title{
+        font-size: 30px;
+    }
+
+    /*	信息*/
+    .inf_div{
+        padding: 20px;
+        display: flex;
+        justify-content: space-around;
+
+    }
+    /*	一条信息 包括icon和文字*/
+
+    .inf{
+        width: 50%;
+        height: 100px;
+
+        display: flex;
+        align-content: center;
+    }
+    /*	icon*/
+    .inf_icon{
+        height: 80px;
+        width: 80px;
+        margin-right: 100px;
+        border-radius: 50%;
+        border: 0.5px solid #000000;
+    }
+    .inf_text{
+        /*		两边加边距*/
+        margin-left: 50px;
+        margin-right: 50px;
+
+    }
+    .inf_text_num{
+        width: auto;
+        text-align: center;
+        margin-bottom: 5px;
+        font-size: 38px;
+    }
+</style>
+<div class="big_div">
+    <!--		标题和时间-->
+    <div class="title_div">
+        <div class="title">实时数据</div>
+        <div class="tiem">更新时间:{{date("Y-m-d H:i:s")}}</div>
+    </div>
+    <!--		信息-->
+    <div class="inf_div">
+        <!--			一段信息-->
+        <div class="inf">
+            <!--				icon-->
+            <div class="inf_icon" style="text-align: center">
+                icon
+            </div>
+            <!--				文字-->
+            <div class="inf_text">
+                <!--数字  要大-->
+                <div class="inf_text_num">{{$data['sum_num']}}</div>
+                <!--描述  要小-->
+                <div class="inf_text_ms">疫苗种类(种)</div>
+            </div>
+            <div class="inf_text">
+                <!--数字  要大-->
+                <div class="inf_text_num">{{$data['less_num']}}</div>
+                <!--描述  要小-->
+                <div class="inf_text_ms">疫苗缺苗(种)</div>
+            </div>
+            <div class="inf_text">
+                <!--数字  要大-->
+                <div class="inf_text_num">{{$data['have_num']}}</div>
+                <!--描述  要小-->
+                <div class="inf_text_ms">剩余库存(支)</div>
+            </div>
+
+        </div>
+        <div class="inf">
+            <div class="inf_text">
+                <!--数字  要大-->
+                <div class="inf_text_num">{{$data['today_schedule']}}</div>
+                <!--描述  要小-->
+                <div class="inf_text_ms">今日预约(人支)</div>
+            </div>
+
+            <div class="inf_text">
+                <!--数字  要大-->
+                <div class="inf_text_num">{{$data['today_vaccine']}}</div>
+                <!--描述  要小-->
+                <div class="inf_text_ms">预计今日消耗(支)</div>
+            </div>
+        </div>
+    </div>
+</div>