717 lines
44 KiB
PHP
717 lines
44 KiB
PHP
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="renderer" content="webkit">
|
||
<?php if($this->params['site_image']):?>
|
||
<link rel="shortcut icon" type="image/x-icon" href="<?php echo $this->params['site_image'];?>" />
|
||
<?php else:?>
|
||
<link rel="shortcut icon" type="image/x-icon" href="<?=Yii::$app->request->baseUrl?>/web/favicon.ico" />
|
||
<?php endif;?>
|
||
|
||
|
||
<title>
|
||
<?php if($this->params['site_title']):?>
|
||
<?php echo $this->params['site_title']; ?>
|
||
<?php else:?>
|
||
应用管理后台
|
||
<?php endif;?>-首页
|
||
</title>
|
||
<link rel="stylesheet" type="text/css" href="<?php echo Yii::$app->request->baseUrl;?>/web/static/css/globle.css"/>
|
||
<script src="<?=Yii::$app->request->baseUrl?>/web/static/js/commont/echarts.js"></script>
|
||
|
||
<script src="<?=Yii::$app->request->baseUrl?>/web/static/js/config.js" type="text/javascript" charset="utf-8"></script>
|
||
</head>
|
||
<style>
|
||
.main_search_con .elinput {width: 300px;}
|
||
.search_button .el-button, .tit_button .el-button {width: 104px;height: 38px;}
|
||
.tjpt .el-button {width: 130px; height: 38px;}
|
||
|
||
|
||
.mar_l20b {margin-left: 20%;}
|
||
.icon_width {width: 56px;height: 56px;}
|
||
.namelogo { width: 40px;height: 40px;border-radius: 50%;}
|
||
.banner{min-height: 240px; max-height: 440px;}
|
||
.flex-grow-left{ width: 25%; padding: 30px 40px;}
|
||
.flex-grow-right{width: 75%}
|
||
.fon_26{font-size: 26px;}
|
||
.color20{color:#23B750}
|
||
.ljxy{width: 210px;}
|
||
.edition{background: #A5A5A5;height: 134px;width: 33.33%}
|
||
.edition2{background: #F56C6C;}
|
||
.wbf8{width: 80%;/*height:410px*/;}
|
||
.wbf2{width: 20%;height:410px;}
|
||
.plugimg{ width: 68px;height: 68px; background-color: #fff;}
|
||
.plugm{width: 20.33%;margin-bottom: 20px}
|
||
.ljgm{height: 32px; line-height: 5px;}
|
||
|
||
.el-tabs__nav {margin: 0;width: 100%;}
|
||
.el-tabs__nav .el-tabs__item {width: 50%;padding: 0;}
|
||
.el-tabs__active-bar {width:80px !important;left: 40px;}
|
||
.maincolor2{color:#f56c6c}
|
||
.yigoumai{background-color: #2D8CF0}
|
||
.image_all2{width: 100%;height: 100%}
|
||
</style>
|
||
<body>
|
||
|
||
<div class="pHead">
|
||
<div class="publicHeader"><?php echo $this->render('@app/views/admin/public/publicHeader.html');?></div>
|
||
</div>
|
||
<div class="pLeft">
|
||
<div class="publicAside hei"><?php echo $this->render('@app/views/admin/public/publicAside.html');?></div>
|
||
</div>
|
||
<div class="yb_body" style="margin-left: 140px">
|
||
<div class="layout" id="index" v-cloak v-loading="cardLoading">
|
||
<el-container>
|
||
<el-container>
|
||
<el-main>
|
||
<div class="main">
|
||
<el-container>
|
||
<el-main>
|
||
<?php if($this->params['userType']==1):?>
|
||
<div class="main-con">
|
||
|
||
<!-- <div class="con-top flex wid flex-y-top">-->
|
||
<!-- <div class="flex-grow-0 ba_f bor_rad5 mar_r20 flex-grow-left" style="height: 371px">-->
|
||
<!-- <div>-->
|
||
<!-- <img class="namelogo" src="--><?//=Yii::$app->request->baseUrl?><!--/web/static/images/index/admin.png"/>-->
|
||
<!-- <img class="namelogo" v-if="detail.portrait" :src="detail.portrait"/>-->
|
||
<!-- <div class="mar_t5">{{detail.domain_name}}</div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="mar_t30">-->
|
||
<!-- <div class="color_3 fon_26 wei">{{describe.totalNum}} / {{detail.account_number}}</div>-->
|
||
<!-- <div class="color_6 fon_14 mar_t5">账号数量</div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="mar_t20">-->
|
||
<!-- <div class="flex-bet">-->
|
||
<!-- <div class="color_6">授权版本</div>-->
|
||
<!-- <div class="wei">{{detail.service_type}}</div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="flex-bet mar_t10">-->
|
||
<!-- <div class="color_6">授权状态</div>-->
|
||
<!-- <div class="color20" v-if="detail.status=='1'">正常</div>-->
|
||
<!-- <div class="color_r" v-if="detail.status=='2'">拉黑</div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="flex-bet mar_t10">-->
|
||
<!-- <div class="color_6">到期时间</div>-->
|
||
<!-- <div class="">{{detail.time_end}}</div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="mar_t20">-->
|
||
<!-- <a style="color:#fff" href="https://jq.qq.com/?_wv=1027&k=negko4Dl"> <el-button type="primary" class="ljxy">立即续约</el-button></a>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<div class="flex-grow-1 flex-grow-right">
|
||
<div class="flex">
|
||
<div class="flex-grow-1 ba_f mar_r20 bor_rad5 pad_tb_30">
|
||
<div class="top-middle">
|
||
<div class="t_c">
|
||
<div class="fon_14">😀欢迎您，{{detail.user_name}} ！ </div>
|
||
<div class="fon_22 wei mar_t10"> {{detail.domain_name}}</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 ba_f mar_r20 bor_rad5 pad_tb_30">
|
||
<div class="top-middle flex mar_l20b">
|
||
<div class="icon_width mar_r20"><img src="<?=Yii::$app->request->baseUrl?>/web/static/images/platform/sy.png"
|
||
class="image_all"></div>
|
||
<div class="t_l">
|
||
<div class="fon_14">正常平台数量<span class="color_9 fon_12">（个）</span></div>
|
||
<div class="fon_22 wei mar_t10">{{describe.totalNum}}</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 ba_f mar_r20 bor_rad5 pad_tb_30">
|
||
<div class="top-middle flex mar_l20b">
|
||
<div class="icon_width mar_r20"><img src="<?=Yii::$app->request->baseUrl?>/web/static/images/platform/ygq.png"
|
||
class="image_all"></div>
|
||
<div class="t_l">
|
||
<div class="fon_14">已到期<span class="color_9 fon_12">（个）</span></div>
|
||
<div class="fon_22 wei mar_t10">{{describe.expireCount}}</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1 ba_f bor_rad5 pad_tb_30">
|
||
<div class="top-middle flex mar_l20b">
|
||
<div class="icon_width mar_r20"><img src="<?=Yii::$app->request->baseUrl?>/web/static/images/platform/hsz.png"
|
||
class="image_all"></div>
|
||
<div class="t_l">
|
||
<div class="fon_14">回收站<span class="color_9 fon_12">（个）</span></div>
|
||
<div class="fon_22 wei mar_t10">{{describe.recoveryCount}}</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- <div class="pad_30 mar_t20 ba_f bor_rad5">-->
|
||
<!-- <div class="main_search_tit t_l fon_16 wei">配套服务</div>-->
|
||
<!-- <div class="flex mar_t20 wid">-->
|
||
<!-- <div class="flex-grow-1 edition mar_r30 color_f t_l pad_20 bor_rad5" :class="indexData.isApp==1?'yigoumai':''">-->
|
||
<!-- <div class="flex-bet">-->
|
||
<!-- <div class="fon_20 wei">商家管理端App</div>-->
|
||
<!-- <div>-->
|
||
<!-- <div v-if="indexData.isApp==1"><el-button class="ljgm" type="success" plain>已购买</el-button></div>-->
|
||
<!-- <div v-else><el-button class="ljgm" type="danger" plain>未购买</el-button></div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="mar_t10 fon_12">商家可用手机一键管理外卖订单、自提订单、数据概况、财务统计、打印机添加等操作！</div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="flex-grow-1 edition mar_r30 color_f t_l pad_20 bor_rad5" :class="indexData.isCashier==1?'yigoumai':''">-->
|
||
<!-- <div class="flex-bet">-->
|
||
<!-- <div class="fon_20 wei">网页收银台</div>-->
|
||
<!-- <div>-->
|
||
<!-- <div v-if="indexData.isCashier==1"><el-button class="ljgm" type="success" plain>已购买</el-button></div>-->
|
||
<!-- <div v-else><el-button class="ljgm" type="danger" plain>未购买</el-button></div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="mar_t10 fon_12">为门店提供点单、堂食、预约、排队等多种店内功能，结合扫描枪实现快速支付</div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="flex-grow-1 edition color_f t_l pad_20 bor_rad5" :class="indexData.isPs==1?'yigoumai':'edition2'">-->
|
||
<!-- <div class="flex-bet">-->
|
||
<!-- <div class="fon_20 wei">配送端App</div>-->
|
||
<!-- <div>-->
|
||
<!-- <div v-if="indexData.isPs==1"><el-button class="ljgm" type="success" plain>已购买</el-button></div>-->
|
||
<!-- <div v-else><el-button class="ljgm" type="danger" plain>未购买</el-button></div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="mar_t10 fon_12">解决同城配送难题开发的一套独立的同城配送系统，提供同城配送跑腿整体解决方案。</div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
</div>
|
||
</div>
|
||
<!-- <div class="mar_t20 flex-bet flex-y-top">-->
|
||
<!-- <div class="flex-grow-1 ba_f bor_rad5 wbf8 pad_30">-->
|
||
<!-- <div class="flex-bet">-->
|
||
<!-- <div class="main_search_tit t_l fon_16 wei">增值插件</div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="flex mar_t20 flex-wrap">-->
|
||
<!-- <div class="bor_e5 flex-grow-1 mar_r20 bor_rad5 pad_20 plugm">-->
|
||
<!-- <div class="flex-bet">-->
|
||
<!-- <div class="flex">-->
|
||
<!-- <div class="plugimg bor_b_el bor_rad5">-->
|
||
<!-- <img src="--><?//=Yii::$app->request->baseUrl?><!--/web/static/images/platform/market_icon23.png" class="image_all2">-->
|
||
<!-- </div>-->
|
||
<!-- <div class="t_l mar_l10">-->
|
||
<!-- <div class="color_3 wei fon_16 pad_5">小程序直播</div>-->
|
||
<!-- <div class="fon_14 maincolor2">￥399.00</div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- <div v-if="pludIds && pludIds.indexOf('miniPlay')>-1"><el-button class="ljgm" type="success" plain>已购买</el-button></div>-->
|
||
<!-- <div v-else><el-button class="ljgm" type="danger" plain>未购买</el-button></div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="color_9 t_l mar_t10">小程序直播插件</div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="bor_e5 flex-grow-1 mar_r20 bor_rad5 pad_20 plugm">-->
|
||
<!-- <div class="flex-bet">-->
|
||
<!-- <div class="flex">-->
|
||
<!-- <div class="plugimg bor_b_el bor_rad5">-->
|
||
<!-- <img src="--><?//=Yii::$app->request->baseUrl?><!--/web/static/images/platform/market_icon20.png" class="image_all2">-->
|
||
<!-- </div>-->
|
||
<!-- <div class="t_l mar_l10">-->
|
||
<!-- <div class="color_3 wei fon_16 pad_5">券包</div>-->
|
||
<!-- <div class="fon_14 maincolor2">￥399.00</div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- <div v-if="pludIds && pludIds.indexOf('rollBag')>-1"><el-button class="ljgm" type="success" plain>已购买</el-button></div>-->
|
||
<!-- <div v-else><el-button class="ljgm" type="danger" plain>未购买</el-button></div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="color_9 t_l mar_t10">券包插件</div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="bor_e5 flex-grow-1 bor_rad5 pad_20 plugm">-->
|
||
<!-- <div class="flex-bet">-->
|
||
<!-- <div class="flex">-->
|
||
<!-- <div class="plugimg bor_b_el bor_rad5">-->
|
||
<!-- <img src="--><?//=Yii::$app->request->baseUrl?><!--/web/static/images/platform/market_icon13.png" class="image_all2">-->
|
||
<!-- </div>-->
|
||
<!-- <div class="t_l mar_l10">-->
|
||
<!-- <div class="color_3 wei fon_16 pad_5">付费会员卡</div>-->
|
||
<!-- <div class="fon_14 maincolor2">￥399.00</div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- <div v-if="pludIds && pludIds.indexOf('payVip')>-1"><el-button class="ljgm" type="success" plain>已购买</el-button></div>-->
|
||
<!-- <div v-else><el-button class="ljgm" type="danger" plain>未购买</el-button></div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="color_9 t_l mar_t10">付费会员卡插件</div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="bor_e5 flex-grow-1 mar_l20 bor_rad5 pad_20 plugm">-->
|
||
<!-- <div class="flex-bet">-->
|
||
<!-- <div class="flex">-->
|
||
<!-- <div class="plugimg bor_b_el bor_rad5">-->
|
||
<!-- <img src="--><?//=Yii::$app->request->baseUrl?><!--/web/static/images/platform/market_icon4.png" class="image_all2">-->
|
||
<!-- </div>-->
|
||
<!-- <div class="t_l mar_l10">-->
|
||
<!-- <div class="color_3 wei fon_16 pad_5">老带新</div>-->
|
||
<!-- <div class="fon_14 maincolor2">￥399.00</div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- <div v-if="pludIds && pludIds.indexOf('oldWithNew')>-1"><el-button class="ljgm" type="success" plain>已购买</el-button></div>-->
|
||
<!-- <div v-else><el-button class="ljgm" type="danger" plain>未购买</el-button></div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="color_9 t_l mar_t10">老带新插件</div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="flex mar_t20 flex-wrap">-->
|
||
<!-- <div class="bor_e5 flex-grow-1 bor_rad5 pad_20 plugm">-->
|
||
<!-- <div class="flex-bet">-->
|
||
<!-- <div class="flex">-->
|
||
<!-- <div class="plugimg bor_b_el bor_rad5">-->
|
||
<!-- <img src="--><?//=Yii::$app->request->baseUrl?><!--/web/static/images/platform/market_icon18.png" class="image_all2">-->
|
||
<!-- </div>-->
|
||
<!-- <div class="t_l mar_l10">-->
|
||
<!-- <div class="color_3 wei fon_16 pad_5">分销商</div>-->
|
||
<!-- <div class="fon_14 maincolor2">￥399.00</div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- <div v-if="pludIds && pludIds.indexOf('distribution')>-1"><el-button class="ljgm" type="success" plain>已购买</el-button></div>-->
|
||
<!-- <div v-else><el-button class="ljgm" type="danger" plain>未购买</el-button></div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="color_9 t_l mar_t10">分销商插件 </div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="bor_e5 flex-grow-1 mar_l20 bor_rad5 pad_20 plugm">-->
|
||
<!-- <div class="flex-bet">-->
|
||
<!-- <div class="flex">-->
|
||
<!-- <div class="plugimg bor_b_el bor_rad5">-->
|
||
<!-- <img src="--><?//=Yii::$app->request->baseUrl?><!--/web/static/images/platform/gfhb.png" class="image_all2">-->
|
||
<!-- </div>-->
|
||
<!-- <div class="t_l mar_l10">-->
|
||
<!-- <div class="color_3 wei fon_16 pad_5">瓜分红包</div>-->
|
||
<!-- <div class="fon_14 maincolor2">￥399.00</div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- <div v-if="pludIds && pludIds.indexOf('dividend')>-1"><el-button class="ljgm" type="success" plain>已购买</el-button></div>-->
|
||
<!-- <div v-else><el-button class="ljgm" type="danger" plain>未购买</el-button></div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="color_9 t_l mar_t10">瓜分红包插件 </div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="bor_e5 flex-grow-1 mar_l20 bor_rad5 pad_20 plugm">-->
|
||
<!-- <div class="flex-bet">-->
|
||
<!-- <div class="flex">-->
|
||
<!-- <div class="plugimg bor_b_el bor_rad5">-->
|
||
<!-- <img src="--><?//=Yii::$app->request->baseUrl?><!--/web/static/images/platform/paidui.png" class="image_all2">-->
|
||
<!-- </div>-->
|
||
<!-- <div class="t_l mar_l10">-->
|
||
<!-- <div class="color_3 wei fon_16 pad_5">排队取号</div>-->
|
||
<!-- <div class="fon_14 maincolor2">￥399.00</div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- <div v-if="pludIds && pludIds.indexOf('queuing')>-1"><el-button class="ljgm" type="success" plain>已购买</el-button></div>-->
|
||
<!-- <div v-else><el-button class="ljgm" type="danger" plain>未购买</el-button></div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="color_9 t_l mar_t10">排队取号插件</div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="bor_e5 flex-grow-1 mar_l20 bor_rad5 pad_20 plugm">-->
|
||
<!-- <div class="flex-bet">-->
|
||
<!-- <div class="flex">-->
|
||
<!-- <div class="plugimg bor_b_el bor_rad5">-->
|
||
<!-- <img src="--><?//=Yii::$app->request->baseUrl?><!--/web/static/images/platform/yy.png" class="image_all2">-->
|
||
<!-- </div>-->
|
||
<!-- <div class="t_l mar_l10">-->
|
||
<!-- <div class="color_3 wei fon_16 pad_5">餐桌预定</div>-->
|
||
<!-- <div class="fon_14 maincolor2">￥399.00</div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- <div v-if="pludIds && pludIds.indexOf('reserve')>-1"><el-button class="ljgm" type="success" plain>已购买</el-button></div>-->
|
||
<!-- <div v-else><el-button class="ljgm" type="danger" plain>未购买</el-button></div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="color_9 t_l mar_t10">预约插件</div>-->
|
||
<!-- </div>-->
|
||
<!---->
|
||
<!-- <div class="flex-grow-1 plugm mar_l20"></div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="flex flex-wrap">-->
|
||
<!-- <div class="bor_e5 flex-grow-1 bor_rad5 pad_20 plugm">-->
|
||
<!-- <div class="flex-bet">-->
|
||
<!-- <div class="flex">-->
|
||
<!-- <div class="plugimg bor_b_el bor_rad5">-->
|
||
<!-- <img src="--><?//=Yii::$app->request->baseUrl?><!--/web/static/images/platform/market_icon11.png" class="image_all2">-->
|
||
<!-- </div>-->
|
||
<!-- <div class="t_l mar_l10">-->
|
||
<!-- <div class="color_3 wei fon_16 pad_5">支付宝小程序</div>-->
|
||
<!-- <div class="fon_14 maincolor2">￥600.00</div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- <div v-if="pludIds && pludIds.indexOf('ali')>-1"><el-button class="ljgm" type="success" plain>已购买</el-button></div>-->
|
||
<!-- <div v-else><el-button class="ljgm" type="danger" plain>未购买</el-button></div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="color_9 t_l mar_t10">支付宝小程序插件 </div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="bor_e5 flex-grow-1 bor_rad5 pad_20 plugm mar_l20">-->
|
||
<!-- <div class="flex-bet">-->
|
||
<!-- <div class="flex">-->
|
||
<!-- <div class="plugimg bor_b_el bor_rad5">-->
|
||
<!-- <img src="--><?//=Yii::$app->request->baseUrl?><!--/web/static/images/platform/channel_toutiao.png" class="image_all2">-->
|
||
<!-- </div>-->
|
||
<!-- <div class="t_l mar_l10">-->
|
||
<!-- <div class="color_3 wei fon_16 pad_5">字节跳动小程序</div>-->
|
||
<!-- <div class="fon_14 maincolor2">￥600.00</div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- <div v-if="pludIds && pludIds.indexOf('zijie')>-1"><el-button class="ljgm" type="success" plain>已购买</el-button></div>-->
|
||
<!-- <div v-else><el-button class="ljgm" type="danger" plain>未购买</el-button></div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="color_9 t_l mar_t10">字节跳动小程序插件 </div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="bor_e5 flex-grow-1 bor_rad5 pad_20 plugm mar_l20">-->
|
||
<!-- <div class="flex-bet">-->
|
||
<!-- <div class="flex">-->
|
||
<!-- <div class="plugimg bor_b_el bor_rad5">-->
|
||
<!-- <img src="--><?//=Yii::$app->request->baseUrl?><!--/web/static/images/platform/channel_toutiao.png" class="image_all2">-->
|
||
<!-- </div>-->
|
||
<!-- <div class="t_l mar_l10">-->
|
||
<!-- <div class="color_3 wei fon_16 pad_5">微信公众号</div>-->
|
||
<!-- <div class="fon_14 maincolor2">￥1000.00</div>-->
|
||
<!-- </div>-->
|
||
<!-- </div>-->
|
||
<!-- <div v-if="pludIds && pludIds.indexOf('wechat')>-1"><el-button class="ljgm" type="success" plain>已购买</el-button></div>-->
|
||
<!-- <div v-else><el-button class="ljgm" type="danger" plain>未购买</el-button></div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="color_9 t_l mar_t10">微信公众号插件 </div>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="flex-grow-1 mar_l20 bor_rad5 pad_20 plugm"></div>-->
|
||
<!-- </div>-->
|
||
<!---->
|
||
<!-- </div>-->
|
||
<!---->
|
||
<!-- </div>-->
|
||
<?php endif;?>
|
||
|
||
|
||
<div class="main-con-model pad_20 mar_t20 ba_f bor_rad5" style="height: 408px">
|
||
<div class="t_l flex-b">
|
||
<h2 class="color_3 fon_16 wei" title="">实时浏览数据</h2>
|
||
<div class="mar_r20">
|
||
<el-date-picker v-model="data" type="date"
|
||
format="yyyy年MM月dd日"
|
||
@change="onChangOption"
|
||
start-placeholder="开始日期"
|
||
placeholder="选择查询日期">
|
||
</el-date-picker>
|
||
</div>
|
||
</div>
|
||
<div id="mainEch" style="height:300px"></div>
|
||
</div>
|
||
|
||
<div class="main-con-model mar_t20">
|
||
<div class="main-table flex-bet flex-y-top wid">
|
||
<div class="table-left wid49 ba_f pad_20 bor_rad5" style="width:49.95%">
|
||
<div class="t_l flex-bet lh30">
|
||
<h2 class="color_3 fon_16 wei" title="">平台概况</h2>
|
||
<div class="fon_12 color_6"><a href="<?= Yii::$app->urlManager->createUrl('admin/apply/platform_management');?>"
|
||
class="alinkcolor">查看更多 >></a></div>
|
||
</div>
|
||
<div class="mar_t20" style="height:530px">
|
||
<el-table
|
||
:data="tableData"
|
||
stripe
|
||
style="width: 100%">
|
||
|
||
<el-table-column
|
||
prop="apply_name"
|
||
label="平台名称"
|
||
>
|
||
</el-table-column>
|
||
|
||
<el-table-column
|
||
prop="dt_operdate"
|
||
label="开通时间">
|
||
</el-table-column>
|
||
<el-table-column
|
||
prop="end_time"
|
||
label="到期时间">
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</div>
|
||
<div class="table-right wid49 ba_f pad_20 bor_rad5">
|
||
<div class="t_l flex-bet lh30">
|
||
<h2 class="color_3 fon_16 wei" title="">平台排行</h2>
|
||
<div class="fon_12 color_6">
|
||
<el-button size="mini" >今日排行</el-button>
|
||
<el-button size="mini">本月排行</el-button>
|
||
<el-button size="mini">总月排行</el-button>
|
||
</div>
|
||
</div>
|
||
<div class="mar_t20" style="height:530px">
|
||
<el-table
|
||
:data="tableData2"
|
||
stripe
|
||
>
|
||
<el-table-column
|
||
type="index"
|
||
width="60"
|
||
>
|
||
|
||
</el-table-column>
|
||
<el-table-column
|
||
prop="apply_name"
|
||
label="平台名称"
|
||
>
|
||
</el-table-column>
|
||
<el-table-column
|
||
prop="money"
|
||
label="营业额">
|
||
</el-table-column>
|
||
<el-table-column
|
||
prop="count"
|
||
label="销量">
|
||
</el-table-column>
|
||
<el-table-column
|
||
prop="visitCount"
|
||
label="浏览量">
|
||
</el-table-column>
|
||
<?php if($this->params['userLoginType']==2):?>
|
||
<el-table-column
|
||
prop="myMoney"
|
||
label="我的利润">
|
||
</el-table-column>
|
||
<?php endif;?>
|
||
</el-table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-main>
|
||
|
||
</el-container>
|
||
</div>
|
||
</el-main>
|
||
</el-container>
|
||
</el-container>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
$(document).ready(function () {
|
||
$(".slimScrollDiv ul .main-nav-li a").eq(0).addClass("menu_active");
|
||
});
|
||
</script>
|
||
<script>
|
||
new Vue({
|
||
el: '#index',
|
||
created() {
|
||
this.addLy();
|
||
this.drawline();
|
||
this.getdescribe()
|
||
},
|
||
mounted(){
|
||
window.onresize = ()=> {
|
||
document.getElementById('mainEch').style.width = (document.body.clientWidth-300)+'px'
|
||
let myChart = echarts.init(document.getElementById('mainEch'))
|
||
myChart.resize()
|
||
}
|
||
},
|
||
data: function () {
|
||
return {
|
||
cardLoading: true,
|
||
percentage: 80,
|
||
customColor: '#FE6C58',
|
||
tableData: [],
|
||
tableData2: [],
|
||
data: new Date(),
|
||
describe:{
|
||
apply_number:'',
|
||
apply_recovery:'',
|
||
apply_user_num:'',
|
||
visit_num:'',
|
||
},
|
||
echarts1_option: {
|
||
color: ['#3AA1FF'],
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
formatter: (params)=> {
|
||
var time ='时间：'+ (Number(params[0].name)-1)+':00' +'~'+ Number(params[0].name)+':00';
|
||
for(var i=0 ; i < params.length;i++){
|
||
var numbers = '</br>' +params[i].seriesName+ '：'+params[i].value;
|
||
time+=numbers
|
||
}
|
||
return time
|
||
}
|
||
},
|
||
legend: {
|
||
data: ['访问量']
|
||
},
|
||
grid: {
|
||
left: '3%',
|
||
right: '4%',
|
||
bottom: '3%',
|
||
containLabel: true
|
||
},
|
||
xAxis: {
|
||
type: 'category',
|
||
boundaryGap: false,
|
||
data: [0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20]
|
||
},
|
||
yAxis: {
|
||
type: 'value'
|
||
},
|
||
series: [
|
||
{
|
||
name: '访问量',
|
||
type: 'line',
|
||
stack: '总量',
|
||
smooth: true,
|
||
data: [10, 52, 200, 334, 390, 330, 220, 10, 52, 200, 334,]
|
||
}
|
||
]
|
||
},
|
||
activeName: '1',
|
||
cardLoading: true,
|
||
formInline: {
|
||
apply_type: '',
|
||
apply_name: '',
|
||
phone: '',
|
||
desc: '',
|
||
data: '',
|
||
},
|
||
indexData:{},
|
||
pludIds:[],
|
||
detail:{},
|
||
}
|
||
},
|
||
methods: {
|
||
//首页顶部显示的信息
|
||
async getdescribe(){
|
||
res = await utils.requestGet({
|
||
data: '',
|
||
url: "admin/index/getdescribe"
|
||
}, this)
|
||
if (res.code == 1) {
|
||
// console.log(res)
|
||
this.describe=res;
|
||
this.cardLoading= false
|
||
this.indexData = res
|
||
this.detail = res.detail
|
||
this.pludIds = res.pludIds?res.pludIds:[]
|
||
// this.tableData = res.msg
|
||
// this.total = res.count
|
||
}
|
||
},
|
||
handleClick(tab, event) {
|
||
this.currentPage = 1;
|
||
// this.init()
|
||
},
|
||
//后台首页获取新增平台前五名
|
||
async addLy() {
|
||
var params = {}
|
||
res = await utils.requestGet({
|
||
data: params,
|
||
url: "admin/index/getapplytop"
|
||
}, this)
|
||
if (res.code == 1) {
|
||
this.tableData = res.data.topArr
|
||
this.tableData2 = res.data.billArr
|
||
}
|
||
},
|
||
//选择日期后更新数据
|
||
onChangOption() {
|
||
this.drawline();
|
||
},
|
||
init() {
|
||
let myChart = echarts.init(document.getElementById('mainEch'))
|
||
myChart.setOption(this.echarts1_option, true)
|
||
|
||
},
|
||
async drawline() {
|
||
var params = {
|
||
start_time: this.data ? utils.changeDate(this.data).substring(0,10) : this.data
|
||
}
|
||
res = await utils.requestGet({
|
||
data: params,
|
||
url: "admin/index/getaccessdate"
|
||
}, this)
|
||
if (res.code == 1) {
|
||
this.echarts1_option.series[0].data = res.data.map(item => item.count);
|
||
this.echarts1_option.xAxis.data = res.data.map(item => item.data_time);
|
||
;
|
||
}
|
||
this.init();
|
||
},
|
||
},
|
||
})
|
||
</script>
|
||
<!--<script type="text/javascript">-->
|
||
<!--var myChart = echarts.init(document.getElementById('mainEch'));-->
|
||
<!--// 指定图表的配置项和数据-->
|
||
<!--option = {-->
|
||
<!--color: ['#3AA1FF'],-->
|
||
<!--tooltip: {-->
|
||
<!--trigger: 'axis'-->
|
||
<!--},-->
|
||
<!--legend: {-->
|
||
<!--data: ['交易金额']-->
|
||
<!--},-->
|
||
<!--grid: {-->
|
||
<!--left: '3%',-->
|
||
<!--right: '4%',-->
|
||
<!--bottom: '3%',-->
|
||
<!--containLabel: true-->
|
||
<!--},-->
|
||
<!--xAxis: {-->
|
||
<!--type: 'category',-->
|
||
<!--boundaryGap: false,-->
|
||
<!--data: [0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20]-->
|
||
<!--},-->
|
||
<!--yAxis: {-->
|
||
<!--type: 'value'-->
|
||
<!--},-->
|
||
<!--series: [-->
|
||
<!--{-->
|
||
<!--name: '交易金额',-->
|
||
<!--type: 'line',-->
|
||
<!--stack: '总量',-->
|
||
<!--smooth: true,-->
|
||
<!--data: [10, 52, 200, 334, 390, 330, 220, 10, 52, 200, 334,]-->
|
||
<!--}-->
|
||
<!--]-->
|
||
<!--};-->
|
||
<!--myChart.setOption(option);-->
|
||
<!--</script>-->
|
||
<script type="text/javascript">
|
||
var myChart = echarts.init(document.getElementById('mainEch2'));
|
||
// 指定图表的配置项和数据
|
||
option = {
|
||
color: ['#5654F5', '#4CA8FF', '#4EC478', '#FBA33F'],
|
||
// tooltip: {
|
||
// trigger: 'item',
|
||
// formatter: '{a} <br/>{b}: {c} ({d}%)'
|
||
// },
|
||
legend: {
|
||
orient: 'vertical',
|
||
right: 0,
|
||
data: ['连锁版', '剩余']
|
||
},
|
||
series: [
|
||
{
|
||
name: '访问来源',
|
||
type: 'pie',
|
||
radius: ['40%', '60%'],
|
||
avoidLabelOverlap: false,
|
||
label: {
|
||
show: false,
|
||
position: 'center'
|
||
},
|
||
emphasis: {
|
||
label: {
|
||
show: true,
|
||
fontSize: '16',
|
||
fontWeight: 'bold'
|
||
}
|
||
},
|
||
labelLine: {
|
||
show: false
|
||
},
|
||
data: [
|
||
{value: 335, name: '连锁版'},
|
||
|
||
{value: 135, name: '剩余'},
|
||
]
|
||
}
|
||
]
|
||
};
|
||
myChart.setOption(option);
|
||
</script>
|
||
</body>
|
||
</html>
|
||
|
||
|