370 行
12 KiB
HTML
可执行文件
370 行
12 KiB
HTML
可执行文件
<!--[1.7.90]-->
|
|
<link rel="stylesheet" href="__PUBLIC__/bootstrap/css/bootstrap.css">
|
|
<link rel="stylesheet" href="__PUBLIC__/layui/css/layui.css" media="all">
|
|
<link rel="stylesheet" href="__PUBLIC__/layuiadmin/style/admin.css" media="all">
|
|
<style>
|
|
.app-home {
|
|
box-sizing: border-box;
|
|
padding: 20px;
|
|
}
|
|
|
|
.list-li {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.alone {
|
|
margin-top: 16px;
|
|
}
|
|
|
|
.newspan {
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.message {
|
|
width: 180px;
|
|
/*border: 1px solid lightgray;*/
|
|
background-color: white;
|
|
position: fixed;
|
|
bottom: 0;
|
|
}
|
|
|
|
.mess_one {
|
|
width: 101%;
|
|
background: #fff;
|
|
border: 1px solid lightgray;
|
|
/*display: none;*/
|
|
position: absolute;
|
|
bottom: 100%;
|
|
left: -1px;
|
|
display: none;
|
|
}
|
|
|
|
.mess_two {
|
|
width: 100%;
|
|
height: 20%;
|
|
/*border: 1px solid lightgray;*/
|
|
background-color: #fff;
|
|
border: 1px solid #c3c3c3;
|
|
/*border-bottom: none;*/
|
|
color: #666;
|
|
cursor: pointer;
|
|
font-size: 12px;
|
|
line-height: 39px;
|
|
position: relative;
|
|
text-align: center;
|
|
/*z-index: 2;*/
|
|
}
|
|
|
|
.mess_two:hover > .mess_one {
|
|
display: block;
|
|
transition: all 0.3s linear;
|
|
}
|
|
|
|
.two_span {
|
|
background: #f35448;
|
|
border-radius: 9px;
|
|
color: #fff;
|
|
display: inline-block;
|
|
height: 16px;
|
|
line-height: 16px;
|
|
margin-left: 5px;
|
|
min-width: 16px;
|
|
padding: 0 5px;
|
|
transform: scale(.9);
|
|
vertical-align: 1px;
|
|
}
|
|
|
|
.list-one {
|
|
width: 100%;
|
|
height: 20%;
|
|
|
|
}
|
|
|
|
.li_hover:hover {
|
|
background: lightgray;
|
|
}
|
|
|
|
.item-one {
|
|
margin-left: 5px;
|
|
width: 20%;
|
|
height: 100%;
|
|
float: left;
|
|
}
|
|
|
|
.img_lol {
|
|
width: 20px;
|
|
}
|
|
|
|
.li-one {
|
|
margin-left: -30px;
|
|
}
|
|
|
|
.a-hre {
|
|
/*display: block;*/
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
/*text-decoration: none;*/
|
|
}
|
|
|
|
|
|
.slideTxtBox {
|
|
width: 450px;
|
|
border: 1px solid #ddd;
|
|
text-align: left;
|
|
}
|
|
|
|
.slideTxtBox .hd {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
background: #f4f4f4;
|
|
padding: 0 20px;
|
|
border-bottom: 1px solid #ddd;
|
|
position: relative;
|
|
}
|
|
|
|
.slideTxtBox .hd ul {
|
|
float: left;
|
|
position: absolute;
|
|
left: 20px;
|
|
top: -1px;
|
|
height: 32px;
|
|
}
|
|
|
|
.slideTxtBox .hd ul li {
|
|
float: left;
|
|
padding: 0 15px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.slideTxtBox .hd ul li.on {
|
|
height: 30px;
|
|
background: #fff;
|
|
border: 1px solid #ddd;
|
|
border-bottom: 2px solid #fff;
|
|
}
|
|
|
|
.slideTxtBox .bd ul {
|
|
padding: 15px;
|
|
zoom: 1;
|
|
}
|
|
|
|
.slideTxtBox .bd li {
|
|
height: 24px;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.slideTxtBox .bd li .date {
|
|
float: right;
|
|
color: #999;
|
|
}
|
|
|
|
.updateDialog .el-dialog {
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.updateContents {
|
|
max-height: 50vh;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.updateContents .noMore {
|
|
padding: 20px 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.updateContents ul {
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.updateContents li {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.updateContents li p {
|
|
display: flex;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.updateContents span.label-name {
|
|
flex-shrink: 0;
|
|
text-align: justify;
|
|
text-align-last: justify;
|
|
width: 70px;
|
|
}
|
|
|
|
.updateContents .remark {
|
|
white-space: pre-line;
|
|
}
|
|
</style>
|
|
<div id="adminIndex">
|
|
<div class="app-home">
|
|
<div class="row">
|
|
<div class="home-statistics">
|
|
<div class="col-md-9 col-lg-9 col-sm-9">
|
|
<div class="row">
|
|
<!--1-->
|
|
<div class=" col-md-6 col-lg-6 col-sm-6">
|
|
<div style="box-sizing: border-box;background: #fff">
|
|
<div class="layui-card-header">概况统计</div>
|
|
<div class="layui-card-body">
|
|
|
|
<div class="layui-carousel layadmin-carousel layadmin-backlog" lay-anim=""
|
|
lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 280px;">
|
|
<div carousel-item="">
|
|
<ul class="layui-row layui-col-space10 layui-this">
|
|
<li class="layui-col-xs6">
|
|
<b class="layadmin-backlog-body">
|
|
<h3>代理商数量</h3>
|
|
<p><cite>{$allMerchant}</cite></p>
|
|
</b>
|
|
</li>
|
|
<li class="layui-col-xs6">
|
|
<b class="layadmin-backlog-body">
|
|
<h3>使用中代理</h3>
|
|
<p><cite>{$normalMerchant}</cite></p>
|
|
</b>
|
|
</li>
|
|
<li class="layui-col-xs6">
|
|
<b class="layadmin-backlog-body">
|
|
<h3>已过期代理</h3>
|
|
<p><cite>{$overdueMerchant}</cite></p>
|
|
</b>
|
|
</li>
|
|
<li class="layui-col-xs6">
|
|
<b class="layadmin-backlog-body">
|
|
<h3>总商户数</h3>
|
|
<p><cite>{$allshop}</cite></p>
|
|
</b>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--2-->
|
|
<div class=" col-md-6 col-lg-6 col-sm-6">
|
|
<div style="box-sizing: border-box;background: #fff">
|
|
<div class="layui-card-header">最新插件</div>
|
|
<div class="layui-card-body">
|
|
|
|
<div class="layui-carousel layadmin-carousel layadmin-shortcut" lay-anim=""
|
|
lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 280px;">
|
|
<div carousel-item="">
|
|
<ul class="layui-row layui-col-space10 layui-this">
|
|
<volist name="plug" id="plug">
|
|
<li class="layui-col-xs3 alone" style="cursor:pointer">
|
|
<img src="{$plug['icon_url']}" alt=""
|
|
style="width: 32px;height: 32px;">
|
|
<cite style="font-size: 12px;color: #666;font-style: normal"
|
|
@click="plug">{$plug['plug_name']}</cite>
|
|
</li>
|
|
</volist>
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<el-table :data="allAgent" border size="medium" style="width: 100%">
|
|
<el-table-column align="center" type="index" label="序号" width="50"></el-table-column>
|
|
<el-table-column align="center" prop="name" label="姓名" min-width="100"></el-table-column>
|
|
<el-table-column align="center" prop="phone" label="手机号码" min-width="110"></el-table-column>
|
|
<el-table-column align="center" prop="groupname" label="折扣等级" min-width="100">
|
|
</el-table-column>
|
|
<el-table-column align="center" prop="money" label="余额" min-width="80"></el-table-column>
|
|
<el-table-column align="center" prop="end_time" label="到期时间" min-width="100">
|
|
</el-table-column>
|
|
<el-table-column align="center" prop="address" label="详细地址" min-width="180">
|
|
</el-table-column>
|
|
<el-table-column align="center" label="状态" min-width="60">
|
|
<template slot-scope="scope">
|
|
<span v-if="scope.row.status==1">启用</span>
|
|
<span v-else>禁用</span>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
|
:current-page="currentPage" :page-sizes="[5, 10, 15, 20, 25, 30]"
|
|
:page-size="100"
|
|
layout="total, sizes, prev, pager, next, jumper" :total="len">
|
|
</el-pagination>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-sm-3 col-md-3 col-lg-3">
|
|
<!--QQ-->
|
|
<div class=" col-md-12 col-lg-12 col-sm-12">
|
|
<div class="layui-btn-container">
|
|
<a class="layui-btn-xs" target="_blank" href="{$newContinentUrl}">新大陆快捷登陆</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="__PUBLIC__/slide/jquery.SuperSlide.2.1.3.js"></script>
|
|
<script type="text/javascript">
|
|
jQuery(".new-list-unstyledp").slide({effect: "top", autoPlay: true, easing: "easeOutElastic", delayTime: 0})
|
|
var vue = new Vue({
|
|
el: '#adminIndex',
|
|
data() {
|
|
return {
|
|
allAgent: [],
|
|
limit: 5,
|
|
currentPage: 1,
|
|
len: 0,
|
|
loading: false,
|
|
noMore: false
|
|
}
|
|
},
|
|
methods: {
|
|
handleSizeChange(val) {
|
|
this.limit = val;
|
|
this.getAdmin();
|
|
},
|
|
handleCurrentChange(val) {
|
|
this.currentPage = val;
|
|
this.getAdmin();
|
|
},
|
|
getAdmin() {
|
|
$.ajax({
|
|
url: "{:U('Agent/getAgent')}",
|
|
type: "post",
|
|
data: {page: this.currentPage, limit: this.limit},
|
|
success: (res) => {
|
|
if (res.status == 1) {
|
|
this.allAgent = res.data;
|
|
this.len = parseInt(res.count);
|
|
} else {
|
|
this.$message.error('获取代理商失败');
|
|
}
|
|
}
|
|
})
|
|
},
|
|
plug() {
|
|
MenuApp.pathData = [{name: '插件中心'}, {name: '插件列表', path: '/index.php/Super/Plug/index'}];
|
|
},
|
|
|
|
},
|
|
computed: {
|
|
disabled() {
|
|
return this.loading || this.noMore
|
|
}
|
|
},
|
|
async created() {
|
|
this.getAdmin()
|
|
}
|
|
})
|
|
</script> |