控制台 手机页面显示

package-lock.json

@@ -1618,7 +1618,7 @@
         },
         "async-validator": {
             "version": "1.8.5",
-            "resolved": "https://registry.npm.taobao.org/async-validator/download/async-validator-1.8.5.tgz?cache=0&sync_timestamp=1605751734916&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fasync-validator%2Fdownload%2Fasync-validator-1.8.5.tgz",
+            "resolved": "https://registry.npm.taobao.org/async-validator/download/async-validator-1.8.5.tgz?cache=0&sync_timestamp=1605173666642&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fasync-validator%2Fdownload%2Fasync-validator-1.8.5.tgz",
             "integrity": "sha1-3D4I7B/Q3dtn5ghC8CwM0c7G1/A=",
             "requires": {
                 "babel-runtime": "6.x"

resources/views/control/panel.blade.php

@@ -23,7 +23,7 @@
                 </div>
             </div>
             <div class="row my-3">
-                <div class="col-2">
+                <div class="col-sm col-lg-2 col-xl-2 col-md-2">
                     <div class="card">
                         <div class="card-header text-dark h5">
                             <p>实时待处理订(总):@{{ totalOrders.total }}</p>
@@ -37,7 +37,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col-2" v-for="(warehousesOrder,index) in warehousesOrders">
+                <div class="col-sm col-lg-2 col-xl-2 col-md-2" v-for="(warehousesOrder,index) in warehousesOrders">
                     <div class="card">
                         <div class="card-header text-success h5">
                             <p>@{{ getWareHouse(warehousesOrder.name) }}:@{{ warehousesOrder.total }}</p>
@@ -53,7 +53,7 @@
                 </div>
             </div>
             <div class="row my-3">
-                <div class="col-5">
+                <div class="col-sm col-lg-5  col-xl-5 col-md-5">
                     <div class="card">
                         <div class="card-header">
                             <span class="demonstration"></span>
@@ -87,9 +87,9 @@
                         </div>
                     </div>
                 </div>
-                <div class="col-7">
+                <div class="col-sm col-lg-7  col-xl-7 col-md-7">
                     <div class="row">
-                        <div class="col-6">
+                        <div class="col-sm col-lg-5  col-xl-5 col-md-5">
                             <div class="card">
                                 <div class="card-header">
                                     <div class="col-5 row">
@@ -118,7 +118,7 @@
                                 </div>
                             </div>
                         </div>
-                        <div class="col-6">
+                        <div class="col-sm col-lg-5  col-xl-5 col-md-5">
                             <div class="card">
                                 <div class="card-header">
                                     <div class="col-5 row">
@@ -150,7 +150,7 @@
                     </div>
                 </div>
                 @can('人事管理-临时工报表-可见全部组')
-                    <div class="col-5">
+                    <div class="col-sm col-lg-5  col-xl-5 col-md-5">
                         <div class="card">
                             <div class="card-header">
                                 <span class="demonstration"></span>
@@ -176,7 +176,8 @@
                                 </el-button>
                             </div>
                             <div class="card-body row">
-                                <div v-show="laborReportsCountingRecordsShow" id="laborReportsCountingRecords" class="col"
+                                <div v-show="laborReportsCountingRecordsShow" id="laborReportsCountingRecords"
+                                     class="col"
                                      style="width:600px;height:600px;"></div>
                                 <div v-show="!laborReportsCountingRecordsShow">
                                     正在加载
@@ -184,8 +185,7 @@
                             </div>
                         </div>
                     </div>
-                    <div class="col-7">
-
+                    <div class="col-sm col-lg-7  col-xl-5 col-md-5">
                         <div class="card">
                             <div class="card-header">
                                 <span class="demonstration"></span>
@@ -202,7 +202,8 @@
                                 </el-date-picker>
                             </div>
                             <div class="card-body row">
-                                <div v-show="laborReportsUserGroupsCountShow" id="laborReportsUserGroupsCount" class="col"
+                                <div v-show="laborReportsUserGroupsCountShow" id="laborReportsUserGroupsCount"
+                                     class="col"
                                      style="width:600px;height:600px;"></div>
                                 <div v-show="!laborReportsUserGroupsCountShow">
                                     正在加载
@@ -493,7 +494,7 @@
                         if (res.status === 200) {
                             _this.logisticsCountingRecords = res.data.logisticsCountingRecords;
                             _this.initLogisticsCountingRecordsChart();
-                            _this.logisticsCountingRecordsShow =true;
+                            _this.logisticsCountingRecordsShow = true;
                         }
                     });
                 },