|
|
@@ -1,5 +1,165 @@
|
|
|
@extends('base.base')
|
|
|
@section('base')
|
|
|
+ <style>
|
|
|
+ /* 移动端优化样式 */
|
|
|
+ @media screen and (max-width: 991px) {
|
|
|
+ /* 让卡片内的表格可以横向滚动 */
|
|
|
+ .card-body {
|
|
|
+ overflow-x: auto !important;
|
|
|
+ -webkit-overflow-scrolling: touch !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 表格基础样式 */
|
|
|
+ .table-bordered {
|
|
|
+ font-size: 0.75rem !important;
|
|
|
+ margin-bottom: 1rem !important;
|
|
|
+ min-width: 600px; /* 确保表格有最小宽度才能滚动 */
|
|
|
+ }
|
|
|
+
|
|
|
+ .table-bordered td,
|
|
|
+ .table-bordered th {
|
|
|
+ white-space: nowrap !important;
|
|
|
+ padding: 0.4rem 0.5rem !important;
|
|
|
+ vertical-align: middle !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 固定第一列 */
|
|
|
+ .table-bordered td:first-child,
|
|
|
+ .table-bordered th:first-child {
|
|
|
+ position: sticky;
|
|
|
+ left: auto;
|
|
|
+ background: #fff;
|
|
|
+ z-index: 2;
|
|
|
+ box-shadow: 2px 0 5px rgba(0,0,0,0.05);
|
|
|
+ }
|
|
|
+
|
|
|
+ .table-bordered thead th:first-child {
|
|
|
+ z-index: 3;
|
|
|
+ background: #f8f9fa;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 处理使用float的单元格内容 */
|
|
|
+ .table-bordered td > div[style*="float"] {
|
|
|
+ display: inline-block;
|
|
|
+ float: left;
|
|
|
+ margin-right: 0.5rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 清除浮动 */
|
|
|
+ .table-bordered td > div::after {
|
|
|
+ content: "";
|
|
|
+ display: table;
|
|
|
+ clear: both;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ @media screen and (max-width: 576px) {
|
|
|
+ .table-bordered {
|
|
|
+ font-size: 0.7rem !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .table-bordered td,
|
|
|
+ .table-bordered th {
|
|
|
+ padding: 0.3rem 0.4rem !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+
|
|
|
+ <style>
|
|
|
+ /* 移动端优化样式 */
|
|
|
+ @media screen and (max-width: 991px) {
|
|
|
+ /* 卡片内容区域可横向滚动 */
|
|
|
+ .card-body {
|
|
|
+ overflow-x: auto !important;
|
|
|
+ -webkit-overflow-scrolling: touch !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 表格基础样式 */
|
|
|
+ .table-bordered {
|
|
|
+ font-size: 0.75rem !important;
|
|
|
+ margin-bottom: 1rem !important;
|
|
|
+ width: max-content !important;
|
|
|
+ min-width: 100% !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .table-bordered td,
|
|
|
+ .table-bordered th {
|
|
|
+ white-space: nowrap !important;
|
|
|
+ padding: 0.5rem !important;
|
|
|
+ vertical-align: middle !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 嵌套表格样式 */
|
|
|
+ .nested-table {
|
|
|
+ width: 100%;
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .nested-table td {
|
|
|
+ padding: 0.3rem !important;
|
|
|
+ font-size: 0.7rem !important;
|
|
|
+ border: none !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .nested-table .label-row td {
|
|
|
+ font-weight: 500;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+
|
|
|
+ .nested-table .value-row td {
|
|
|
+ font-weight: 600;
|
|
|
+ color: #000;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+
|
|
|
+ <style>
|
|
|
+ /* 移动端优化样式 */
|
|
|
+ @media screen and (max-width: 991px) {
|
|
|
+ /* 卡片内容区域可横向滚动 */
|
|
|
+ .card-body {
|
|
|
+ overflow-x: auto !important;
|
|
|
+ -webkit-overflow-scrolling: touch !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 表格基础样式 */
|
|
|
+ .table-bordered {
|
|
|
+ font-size: 0.75rem !important;
|
|
|
+ margin-bottom: 1rem !important;
|
|
|
+ width: max-content !important;
|
|
|
+ min-width: 100% !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .table-bordered td,
|
|
|
+ .table-bordered th {
|
|
|
+ white-space: nowrap !important;
|
|
|
+ padding: 0.5rem !important;
|
|
|
+ vertical-align: middle !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 嵌套表格样式 */
|
|
|
+ .nested-table {
|
|
|
+ width: 100%;
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .nested-table td {
|
|
|
+ padding: 0.3rem !important;
|
|
|
+ font-size: 0.7rem !important;
|
|
|
+ border: none !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .nested-table .label-row td {
|
|
|
+ font-weight: 500;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+
|
|
|
+ .nested-table .value-row td {
|
|
|
+ font-weight: 600;
|
|
|
+ color: #000;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ </style>
|
|
|
|
|
|
<!-- 内容区域 -->
|
|
|
<div class="main-panel">
|
|
|
@@ -54,7 +214,7 @@
|
|
|
@foreach($alldata['plays'] as $item)
|
|
|
<tr>
|
|
|
<td><a href="{{$item['url']}}" target="_blank">{{$item['name']}}</a></td>
|
|
|
- <td><?php echo $item['package'] ?></td>
|
|
|
+ <td>{{ $item['package'] ?? '' }}</td>
|
|
|
<td>
|
|
|
@if($item['status']==200)
|
|
|
<span class="text-success">{{ __('auto.运行中') }}</span>
|
|
|
@@ -139,59 +299,69 @@
|
|
|
</thead>
|
|
|
<tbody>
|
|
|
<tr>
|
|
|
- <td style="height: 120px;width:23% ">
|
|
|
- <div style="padding-bottom: 15%;">
|
|
|
- <div style="width: 33%;float:left;">{{ __('auto.今日新增') }}</div>
|
|
|
- <div style="width: 33%;float:left;">{{ __('auto.即时日环比') }}</div>
|
|
|
- <div style="width: 34%;float:left;">{{ __('auto.昨日总新增') }}</div>
|
|
|
- </div>
|
|
|
- <div style="padding-bottom: 3%;">
|
|
|
- <div style="width: 33%;float:left;">{{$data['today_register']}}</div>
|
|
|
- <div style="width: 33%;float:left;">{{$data['new_rhb']}}</div>
|
|
|
- <div style="width: 33%;float:left;">{{$data['yesterday_register']}}</div>
|
|
|
- </div>
|
|
|
+ <td width="23%">
|
|
|
+ <table class="nested-table table-sm table-borderless">
|
|
|
+ <tr class="label-row">
|
|
|
+ <td width="33%">{{ __('auto.今日新增') }}</td>
|
|
|
+ <td width="33%">{{ __('auto.即时日环比') }}</td>
|
|
|
+ <td width="34%">{{ __('auto.昨日总新增') }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="value-row">
|
|
|
+ <td>{{$data['today_register']}}</td>
|
|
|
+ <td>{{$data['new_rhb']}}</td>
|
|
|
+ <td>{{$data['yesterday_register']}}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
</td>
|
|
|
- <td style="height: 120px;width:23% ">
|
|
|
- <div style="padding-bottom: 15%;">
|
|
|
- <div style="width: 33%;float:left;">{{ __('auto.今日参游') }}</div>
|
|
|
- <div style="width: 33%;float:left;">{{ __('auto.日对比') }}</div>
|
|
|
- <div style="width: 34%;float:left;">{{ __('auto.昨日参游') }}</div>
|
|
|
- </div>
|
|
|
- <div style="padding-bottom: 3%;">
|
|
|
- <div style="width: 33%;float:left;">{{$data['today_play_rate']}}%</div>
|
|
|
- <div style="width: 33%;float:left;">{{$data['play_rhb']}}</div>
|
|
|
- <div style="width: 33%;float:left;">{{$data['yesterday_play_rate']}}%</div>
|
|
|
- </div>
|
|
|
+ <td width="23%">
|
|
|
+ <table class="nested-table table-sm table-borderless">
|
|
|
+ <tr class="label-row">
|
|
|
+ <td width="33%">{{ __('auto.今日参游') }}</td>
|
|
|
+ <td width="33%">{{ __('auto.日对比') }}</td>
|
|
|
+ <td width="34%">{{ __('auto.昨日参游') }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="value-row">
|
|
|
+ <td>{{$data['today_play_rate']}}%</td>
|
|
|
+ <td>{{$data['play_rhb']}}</td>
|
|
|
+ <td>{{$data['yesterday_play_rate']}}%</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
</td>
|
|
|
- <td style="height: 120px;">
|
|
|
- <div style="padding-bottom: 15%;">
|
|
|
- <div style="width: 50%;float:left;">{{ __('auto.本日') }}</div>
|
|
|
- <div style="width: 50%;float:left;">{{ __('auto.日环比') }}</div>
|
|
|
- </div>
|
|
|
- <div style="padding-bottom: 3%">
|
|
|
- <div style="width: 50%;float:left;">{{$data['today_live']}}</div>
|
|
|
- <div style="width: 50%;float:left;">{{$data['live_rhb']}}</div>
|
|
|
- </div>
|
|
|
+ <td width="18%">
|
|
|
+ <table class="nested-table table-sm table-borderless">
|
|
|
+ <tr class="label-row">
|
|
|
+ <td width="50%">{{ __('auto.本日') }}</td>
|
|
|
+ <td width="50%">{{ __('auto.日环比') }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="value-row">
|
|
|
+ <td>{{$data['today_live']}}</td>
|
|
|
+ <td>{{$data['live_rhb']}}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
</td>
|
|
|
- <td style="height: 120px;">
|
|
|
- <div style="padding-bottom: 15%;">
|
|
|
- <div style="width: 50%;float:left;">{{ __('auto.本周') }}</div>
|
|
|
- <div style="width: 50%;float:left;">{{ __('auto.周环比') }}</div>
|
|
|
- </div>
|
|
|
- <div style="padding-bottom: 3%">
|
|
|
- <div style="width: 50%;float:left;">{{$data['week_login']}}</div>
|
|
|
- <div style="width: 50%;float:left;">{{$data['week_rhb']}}</div>
|
|
|
- </div>
|
|
|
+ <td width="18%">
|
|
|
+ <table class="nested-table table-sm table-borderless">
|
|
|
+ <tr class="label-row">
|
|
|
+ <td width="50%">{{ __('auto.本周') }}</td>
|
|
|
+ <td width="50%">{{ __('auto.周环比') }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="value-row">
|
|
|
+ <td>{{$data['week_login']}}</td>
|
|
|
+ <td>{{$data['week_rhb']}}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
</td>
|
|
|
- <td style="height: 120px;">
|
|
|
- <div style="padding-bottom: 15%;">
|
|
|
- <div style="width: 50%;float:left;">{{ __('auto.本月') }}</div>
|
|
|
- <div style="width: 50%;float:left;">{{ __('auto.月环比') }}</div>
|
|
|
- </div>
|
|
|
- <div style="padding-bottom: 3%">
|
|
|
- <div style="width: 50%;float:left;">{{$data['month_login']}}</div>
|
|
|
- <div style="width: 50%;float:left;">{{$data['month_rhb']}}</div>
|
|
|
- </div>
|
|
|
+ <td width="18%">
|
|
|
+ <table class="nested-table table-sm table-borderless">
|
|
|
+ <tr class="label-row">
|
|
|
+ <td width="50%">{{ __('auto.本月') }}</td>
|
|
|
+ <td width="50%">{{ __('auto.月环比') }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="value-row">
|
|
|
+ <td>{{$data['month_login']}}</td>
|
|
|
+ <td>{{$data['month_rhb']}}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
@@ -212,65 +382,74 @@
|
|
|
</thead>
|
|
|
<tbody>
|
|
|
<tr>
|
|
|
- <td style="height: 120px;width: ">
|
|
|
- <div style="padding-bottom: 15%;">
|
|
|
- <div style="width: 33%;float:left;">{{ __('auto.今日充值') }}</div>
|
|
|
- <div style="width: 33%;float:left;">{{ __('auto.即时环比') }}</div>
|
|
|
- <div style="width: 33%;float:left;">{{ __('auto.昨日总额') }}</div>
|
|
|
- </div>
|
|
|
- <div style="padding-bottom: 3%;">
|
|
|
- <div style="width: 33%;float:left;">{{$data['today_pay_sum']}}</div>
|
|
|
- <div style="width: 33%;float:left;">{{$data['pay_sum_rhb']}}</div>
|
|
|
- <div style="width: 33%;float:left;">{{$data['yesterday_pay_sum']}}</div>
|
|
|
- </div>
|
|
|
+ <td width="22%">
|
|
|
+ <table class="nested-table table-sm table-borderless">
|
|
|
+ <tr class="label-row">
|
|
|
+ <td width="33%">{{ __('auto.今日充值') }}</td>
|
|
|
+ <td width="33%">{{ __('auto.即时环比') }}</td>
|
|
|
+ <td width="34%">{{ __('auto.昨日总额') }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="value-row">
|
|
|
+ <td>{{$data['today_pay_sum']}}</td>
|
|
|
+ <td>{{$data['pay_sum_rhb']}}</td>
|
|
|
+ <td>{{$data['yesterday_pay_sum']}}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
</td>
|
|
|
- <td style="height: 120px;">
|
|
|
- <div style="padding-bottom: 15%;">
|
|
|
- <div style="width: 33%;float:left;">{{ __('auto.本日') }}</div>
|
|
|
- <div style="width: 33%;float:left;">{{ __('auto.即时环比') }}</div>
|
|
|
- <div style="width: 33%;float:left;">{{ __('auto.昨日总数') }}</div>
|
|
|
- </div>
|
|
|
- <div style="padding-bottom: 3%">
|
|
|
- <div style="width: 33%;float:left;">{{$data['today_pay_count']}}</div>
|
|
|
- <div style="width: 33%;float:left;">{{$data['pay_count_rhb']}}</div>
|
|
|
- <div style="width: 33%;float:left;">{{$data['yesterday_pay_count']}}</div>
|
|
|
- </div>
|
|
|
+ <td width="21%">
|
|
|
+ <table class="nested-table table-sm table-borderless">
|
|
|
+ <tr class="label-row">
|
|
|
+ <td width="33%">{{ __('auto.本日') }}</td>
|
|
|
+ <td width="33%">{{ __('auto.即时环比') }}</td>
|
|
|
+ <td width="34%">{{ __('auto.昨日总数') }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="value-row">
|
|
|
+ <td>{{$data['today_pay_count']}}</td>
|
|
|
+ <td>{{$data['pay_count_rhb']}}</td>
|
|
|
+ <td>{{$data['yesterday_pay_count']}}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
</td>
|
|
|
- <td style="height: 120px;">
|
|
|
- <div style="padding-bottom: 20%;">
|
|
|
- <div style="width: 33%;float:left;">d0</div>
|
|
|
- <div style="width: 33%;float:left;">{{ __('auto.即时环比') }}</div>
|
|
|
- <div style="width: 33%;float:left;">{{ __('auto.昨日') }}d0</div>
|
|
|
- </div>
|
|
|
- <div style="padding-bottom: 3%">
|
|
|
- <div style="width: 33%;float:left;">{{$data['d0_day_pay_count']}}</div>
|
|
|
- <div style="width: 33%;float:left;">{{$data['d0_day_pay_rhb']}}</div>
|
|
|
- <div style="width: 33%;float:left;">{{$data['d0_yday_pay_count']}}</div>
|
|
|
- </div>
|
|
|
+ <td width="21%">
|
|
|
+ <table class="nested-table table-sm table-borderless">
|
|
|
+ <tr class="label-row">
|
|
|
+ <td width="33%">d0</td>
|
|
|
+ <td width="33%">{{ __('auto.即时环比') }}</td>
|
|
|
+ <td width="34%">{{ __('auto.昨日') }}d0</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="value-row">
|
|
|
+ <td>{{$data['d0_day_pay_count']}}</td>
|
|
|
+ <td>{{$data['d0_day_pay_rhb']}}</td>
|
|
|
+ <td>{{$data['d0_yday_pay_count']}}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
</td>
|
|
|
- <td style="height: 120px;">
|
|
|
- <div style="padding-bottom: 15%;">
|
|
|
- <div style="width: 33%;float:left;">{{ __('auto.本日') }}</div>
|
|
|
- <div style="width: 33%;float:left;">{{ __('auto.即时环比') }}</div>
|
|
|
- <div style="width: 33%;float:left;">{{ __('auto.昨日总新') }}</div>
|
|
|
- </div>
|
|
|
- <div style="padding-bottom: 3%">
|
|
|
- <div style="width: 33%;float:left;">{{$data['day_pay_count']}}</div>
|
|
|
- <div style="width: 33%;float:left;">{{$data['day_pay_rhb']}}</div>
|
|
|
- <div style="width: 33%;float:left;">{{$data['yday_pay_count']}}</div>
|
|
|
- </div>
|
|
|
+ <td width="21%">
|
|
|
+ <table class="nested-table table-sm table-borderless">
|
|
|
+ <tr class="label-row">
|
|
|
+ <td width="33%">{{ __('auto.本日') }}</td>
|
|
|
+ <td width="33%">{{ __('auto.即时环比') }}</td>
|
|
|
+ <td width="34%">{{ __('auto.昨日总新') }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="value-row">
|
|
|
+ <td>{{$data['day_pay_count']}}</td>
|
|
|
+ <td>{{$data['day_pay_rhb']}}</td>
|
|
|
+ <td>{{$data['yday_pay_count']}}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
</td>
|
|
|
|
|
|
- <td style="height: 120px;">
|
|
|
- <div style="padding-bottom: 20%;">
|
|
|
- <div style="width: 50%;float:left;">d0_ltv</div>
|
|
|
- <div style="width: 50%;float:left;">{{ __('auto.昨日') }}ltv</div>
|
|
|
- </div>
|
|
|
- <div style="padding-bottom: 3%">
|
|
|
-
|
|
|
- <div style="width: 50%;float:left;">{{$data['d0_day_pay']['ltv_now']}}</div>
|
|
|
- <div style="width: 50%;float:left;">{{$data['yes_day_pay']['ltv_now']}}</div>
|
|
|
- </div>
|
|
|
+ <td width="15%">
|
|
|
+ <table class="nested-table table-sm table-borderless">
|
|
|
+ <tr class="label-row">
|
|
|
+ <td width="50%">d0_ltv</td>
|
|
|
+ <td width="50%">{{ __('auto.昨日') }}ltv</td>
|
|
|
+ </tr>
|
|
|
+ <tr class="value-row">
|
|
|
+ <td>{{$data['d0_day_pay']['ltv_now']}}</td>
|
|
|
+ <td>{{$data['yes_day_pay']['ltv_now']}}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</tbody>
|