推广员管理后台首页业务

master
zhengchanglong 5 years ago
parent 1afa561d9b
commit 5229da60f1

File diff suppressed because it is too large Load Diff

@ -1,44 +1,204 @@
<extend name="Public/promote_base"/>
<block name="css">
<link href="__CSS__/20180207/manager.css" rel="stylesheet" ><style>.article-title {width:83%;}</style>
<link href="__CSS__/index/index.new.css?v=1" rel="stylesheet" >
</block>
<block name="body">
<div class="page-overview promote-index-overview index-overview clearfix">
<ul>
<li><div class="icon"><span class="placeholder-graphic"><img src="__IMG__/20180207/icon_chongzhi1.png"/></span></div><div class="text text2"><p>今日充值</p><span>¥{$today}</span></div></li>
<li><div class="icon"><span class="placeholder-graphic"><img src="__IMG__/20180207/icon_chongzhi2.png"/></span></div><div class="text text1"><p>昨日充值</p><span>¥{$yesterday}</span></div></li>
<li><div class="icon"><span class="placeholder-graphic"><img src="__IMG__/20180207/icon_chongzhi3.png"/></span></div><div class="text text3"><p>本月充值</p><span>¥{$month}</span></div></li>
<li><div class="icon"><span class="placeholder-graphic"><img src="__IMG__/20180207/icon_chongzhi5.png"/></span></div><div class="text text5"><p>上月充值</p><span>¥{$lastmonth}</span></div></li>
<li><div class="icon"><span class="placeholder-graphic"><img src="__IMG__/20180207/icon_chongzhi4.png"/></span></div><div class="text text4"><p>总计充值</p><span>¥{$total}</span></div></li>
</ul>
<div class="page-overview promote-index-overview index-overview clearfix poll">
<ul>
<li><div class="icon"><span class="placeholder-graphic"><img src="__IMG__/20180207/icon_chongzhi1.png"/></span></div><div class="text text2"><p>推广总用户</p><span>{$user_count}</span></div></li>
<li><div class="icon"><span class="placeholder-graphic"><img src="__IMG__/20180207/icon_chongzhi2.png"/></span></div><div class="text text1"><p>推广总充值</p><span>¥{$total_money}</span></div></li>
<li><div class="icon"><span class="placeholder-graphic"><img src="__IMG__/20180207/icon_chongzhi3.png"/></span></div><div class="text text3"><p>当日新增用户充值</p><span>¥{$today_add_user_money}</span></div></li>
<li><div class="icon"><span class="placeholder-graphic"><img src="__IMG__/20180207/icon_chongzhi5.png"/></span></div><div class="text text5"><p>当月新增用户充值</p><span>¥{$month_add_user_money}</span></div></li>
</ul>
<ul style="margin-top: 10px">
<li><div class="icon"><span class="placeholder-graphic"><img src="__IMG__/20180207/icon_chongzhi1.png"/></span></div><div class="text text2"><p>昨日注册用户</p><span>{$yesterday_user_regist_count}</span></div></li>
<li><div class="icon"><span class="placeholder-graphic"><img src="__IMG__/20180207/icon_chongzhi2.png"/></span></div><div class="text text1"><p>昨日充值金额</p><span>¥{$yesterday_total_money}</span></div></li>
<li><div class="icon"><span class="placeholder-graphic"><img src="__IMG__/20180207/icon_chongzhi3.png"/></span></div><div class="text text3"><p>今日注册用户</p><span>{$yesterday_regist_user_count}</span></div></li>
<li><div class="icon"><span class="placeholder-graphic"><img src="__IMG__/20180207/icon_chongzhi5.png"/></span></div><div class="text text5"><p>今日充值金额</p><span>¥{$yesterday_total_money}</span></div></li>
</ul>
</div>
<div class="index-tab-list">
<ul>
<li>
<div class="qcl-box">
<div class="qcl-box-hand"><span class="qcl-tit">快捷菜单</span><span class="more"><a href="{:U('quick_menu_list')}">自定义></a></span></div>
<div class="qcl-bnt">
<empty name="menu_list">
暂无数据
<else/>
<ul>
<volist name="menu_list" id="menu">
<li>
<a href="{$menu.url}">
<span><img src="https://fileuc.37376.com/180912-80cfe5b6e68941f4bfe4cd697765abb4.png"></span>
<span>{$menu.name}</span>
</a>
</li>
</volist>
</ul>
</empty>
</div>
</div>
</li>
<li>
<div class="fxui-tab">
<div class="fxui-tab-hand"><span class="fxui-tab-tit">公告</span> <span class="fxui-tab-tit">消息</span> <span class="fxui-tab-tit">游戏活动</span><span class="more"><a href="{:U('msg_list')}">查看更多></a></span></div>
<div class="fxui-tab-nav">
<empty name="gg_list">
暂无公告
<else/>
<volist name="gg_list" id="gg">
<p>
<span class="title"><a href="index.php?s=/Home/Article/detail/id/{$gg.id}.html">{$gg.title}</a></span>
<span class="time">{$gg.update_time|date="Y/m/d",###}</span>
</p>
</volist>
</empty>
</div>
<div class="fxui-tab-nav">
<empty name="xx_list">
暂无消息
<else/>
<volist name="xx_list" id="xx">
<p>
<span class="title"><a href="index.php?s=/Home/Article/detail/id/{$xx.id}.html">{$xx.title}</a></span>
<span class="time">{$xx.update_time|date="Y/m/d",###}</span>
</p>
</volist>
</empty>
</div>
<div class="fxui-tab-nav">
<empty name="zx_list">
暂无活动信息
<else/>
<volist name="zx_list" id="zx">
<p>
<span class="title"><a href="index.php?s=/Home/Article/detail/id/{$zx.id}.html">{$zx.title}</a></span>
<span class="time">{$zx.update_time|date="Y/m/d",###}</span>
</p>
</volist>
</empty>
</div>
</div>
</li>
</ul>
</div>
<div class="page-list promote-index-list promote-index-list-news">
<div class="trunk-title-main"><span>开服信息</span></div>
<div class="trunk-content article">
<div class="trunk-search clearfix">
<div class="tab-bnt">
<div class="curr" rel="0">
<p>今日开服</p>
</div>
<div rel="1">
<p>开服预告</p>
</div>
</div>
<div class="form-group normal_space fr">
<input type="button" class="submit"onclick="seach()" value="查询">
</div>
<div class="form-group fr">
<label class="form-title select-title">游戏名称:</label>
<select name="game_id" class="reselect select_gallery" style="width:265px;">
<option value="">--请选择--</option>
<volist name="game_list" id="game">
<option value="{$game.id}" title="{$game.game_name}">{$game.game_name}</option>
</volist>
</select>
</div>
<input type="hidden" name="type" value="0">
</div>
<div class="trunk-list list_normal">
<table class="table normal_table">
<tr class="odd">
<th>游戏ICON</th>
<th>游戏名称</th>
<th>平台</th>
<th>开服时间</th>
<th>服务器信息</th>
</tr>
<empty name="today_open_server_list">
<tr><td colspan="8" style="text-align: center;height: 38vh;"><img src="__IMG__/20180207/icon_wushujv2.png"/><p style="line-height: 40px;color: #A5A5A5;">暂无数据</p></td></tr>
<else />
<volist name="today_open_server_list" id="data">
<tr>
<td><img src="{$data.icon|get_cover='path'}"></td>
<td>{$data.game_name}</td>
<td><if condition="$data.pay_type eq 0">安卓、IOS<elseif condition="$data.pay_type eq 1">安卓<else />IOS</if></td>
<td>{$data.start_time|date="m-d H:i",###}}</td>
<td>{$data.server_name}</td>
</tr>
</volist>
</empty>
</table>
</div>
<div class="pagenation clearfix">
{$_page}
</div>
</div>
<div class="page-list promote-index-list promote-index-list-news">
<div class="trunk-title-main"><img src="__IMG__/20180207/icon_normal_new.png"><span>新闻公告</span></div>
<div class="trunk-content article">
<ul>
<article:list name="article" category="56" limit="10" child="true" page="2">
<li>
<span class="article-type"><img src="__IMG__/20180207/icon_normal_gonggao.png"/></span>
<span >
<a title="{$article['title']}" class="article-title" target="_blank" href="{:U('Home/Article/detail?id='.$article['id'])}">{:msubstr2($article['title'],0,270)}</a>
</span>
<span class="article-time fr">{$article.update_time|date='Y-m-d',###}</span>
</li>
</article:list>
</ul>
<div class="pagenation clearfix">{$_page}</div>
</div>
</div>
<script>
$(function(){
$('.icon').each(function() {
var that = $(this),rotate = that.attr('data-rotate'),half=parseInt(rotate/2);
if (rotate<=0) {return ;}
that.count = 0;
});
</div>.
<script type="text/javascript" src="__JS__/jquery.min.js"></script>
<script type="text/javascript" src="__JS__/index/jquery.fxTab.js"></script>
<script type="text/javascript" src="__JS__/20170831/select2.min.js"></script>
<script>
$(function(){
$(".select_gallery").select2();
$('.icon').each(function() {
var that = $(this),rotate = that.attr('data-rotate'),half=parseInt(rotate/2);
if (rotate<=0) {return ;}
that.count = 0;
});
$('.fxui-tab').fxuiTab();
$(".tab-bnt div").bind("click",function () {
$(".tab-bnt div").removeClass("curr");
$(this).addClass("curr");
$("input[name=type]").val($(this).attr("rel"));
seach();
})
});
function seach() {
var game_id = $("select[name=game_id]").val();
var type = $("input[name=type]").val();
jQuery.ajax({
type: 'POST',
url:'index.php?s=/Home/Promote/home_read_data.html',
data: {
'type':type,
'game_id':game_id,
},
dataType: 'JSON',
cache: false,
success: function (result) {
if (result.status==1){
var show = '<tr><td colspan="8" style="text-align: center;height: 38vh;"><img src="__IMG__/20180207/icon_wushujv2.png"/><p style="line-height: 40px;color: #A5A5A5;">暂无数据</p></td></tr>';
$(".odd").nextAll().remove();
$.each(result.data, function (index, item) {
if(index==0){
show="<tr>" +
"<td><img src='"+item.icon+"'></td>" +
"<td>"+item.game_name+"</td>" +
"<td>"+item.pay_type+"</td>" +
"<td>"+item.start_time+"</td>" +
"<td>"+item.server_name+"</td>" +
"</tr>"
}else{
show+="<tr>" +
"<td><img src='"+item.icon+"'></td>" +
"<td>"+item.game_name+"</td>" +
"<td>"+item.pay_type+"</td>" +
"<td>"+item.start_time+"</td>" +
"<td>"+item.server_name+"</td>" +
"</tr>"
}
});
$(".odd").after(show);
}
}
});
</script>
}
</script>
</block>

@ -0,0 +1,36 @@
<extend name="Public/promote_base"/>
<block name="css">
<link href="__CSS__/index/index.new.css?v=1" rel="stylesheet" >
</block>
<block name="body">
<div class="page-search normal_list charge-agentPay-search">
<div class="trunk-title">
<div class="location">
<div class="location-container">当前位置:<span>后台首页></span><span>公告列表</span></div>
</div>
</div>
<div class="trunk-content article">
<div class="fxui-tab">
<div class="fxui-tab-hand" style="border-bottom: none">
<span class="fxui-tab-tit <if condition="$type==56">curr</if>"><a href="{:U('msg_list')}&type=56">公告</a></span>
<span class="fxui-tab-tit <if condition="$type==50">curr</if>"><a href="{:U('msg_list')}&type=50">消息</a></span>
<span class="fxui-tab-tit <if condition="$type==51">curr</if>"><a href="{:U('msg_list')}&type=51">游戏活动</a></span></div>
<div class="fxui-tab-nav">
<empty name="data_list">
暂无信息
<else/>
<volist name="data_list" id="data">
<p>
<span class="title"><a href="index.php?s=/Home/Article/detail/id/{$data.id}.html">{$data.title}</a></span>
<span class="time">{$data.update_time|date="Y/m/d",###}</span>
</p>
</volist>
</empty>
</div>
</div>
</div>
</div>
</block>
<block name="script">
</block>

@ -0,0 +1,68 @@
<extend name="Public/promote_base"/>
<block name="css">
<link href="__CSS__/index/index.new.css?v=1" rel="stylesheet" >
<link href="__CSS__/20180207/data.css" rel="stylesheet">
<link href="__CSS__/20180207/platform.css" rel="stylesheet">
</block>
<block name="body">
<div class="page-search normal_list charge-agentPay-search">
<div class="trunk-title">
<div class="location">
<div class="location-container">当前位置:<span>后台首页></span><span>快捷菜单</span></div>
</div>
</div>
<div class="trunk-content article">
<div class="trunk-list list_normal" style="margin-top: 20px">
<table class="table normal_table">
<tr class="odd">
<th>图标</th>
<th>模块名称</th>
<th>是否添加</th>
<th>操作</th>
</tr>
<empty name="data_list">
<tr><td colspan="8" style="text-align: center;height: 38vh;"><img src="__IMG__/20180207/icon_wushujv2.png"/><p style="line-height: 40px;color: #A5A5A5;">暂无数据</p></td></tr>
<else />
<volist name="data_list" id="data">
<tr>
<td>{$data.icon}</td>
<td>{$data.name}</td>
<td><if condition="$data.exist_id neq ''">已添加<else/>未添加</if></td>
<td><a href="javascript:operation('{$data.id}')"><if condition="$data.exist_id neq ''">移除<else/>添加</if></a></td>
</tr>
</volist>
</empty>
</table>
</div>
</div>
</div>
</block>
<block name="script">
<script type="text/javascript" src="__STATIC__/layer/extend/layer.ext.js" ></script>
<script type="text/javascript" src="__JS__/jquery.min.js"></script>
<script>
function operation(menu_id) {
jQuery.ajax({
type: 'POST',
url:'index.php?s=/Home/Promote/quick_menu_set.html',
data:{
'menu_id':menu_id
},
dataType: 'JSON',
cache: false,
success: function (result) {
layer.alert(result.info,{},function (idex) {
parent.layer.close(idex);
if (result.status==1){
location.reload()
}
});
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
layer.alert(errorThrown);
},
});
}
</script>
</block>

@ -108,6 +108,21 @@
</script>
</div>
<script src="__JS__/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="__JS__/ssg/common.js" type="text/javascript"></script>
<script src="__JS__/ssg/common.js?v=1.12" type="text/javascript"></script>
<!--<script type="text/javascript">
var READYTOPROCESS = false;
window.onbeforeunload = function closeWindow(e)
{
if (!READYTOPROCESS)
{
//message to be returned to the popup box.
var message = '你确定要关闭吗?',
e = e || window.event;
if (e)
e.returnValue = message; // IE
return message; // Safari
}
};
</script>-->
</body>
</html>

@ -0,0 +1,60 @@
-- 推广员后台首页快捷菜单 ZCL
DROP TABLE IF EXISTS `tab_quick_menu`;
CREATE TABLE `tab_quick_menu` (
`id` int(10) unsigned NOT NULL AUTO_INCREMENT COMMENT '文档ID',
`name` varchar(50) NOT NULL DEFAULT '' COMMENT '菜单名称',
`url` varchar(255) NOT NULL DEFAULT '' COMMENT '链接地址',
`icon` varchar(50) DEFAULT '0' COMMENT '菜单ICON',
`status` tinyint(1) NOT NULL DEFAULT '0' COMMENT '状态',
PRIMARY KEY (`id`),
KEY `status` (`status`)
) ENGINE=MyISAM AUTO_INCREMENT=17 DEFAULT CHARSET=utf8;
-- ----------------------------
-- Records of tab_quick_menu
-- ----------------------------
INSERT INTO `tab_quick_menu` VALUES ('1', '账户信息', '/index.php?s=/Home/Promote/base_info.html', '11', '0');
INSERT INTO `tab_quick_menu` VALUES ('2', '组长管理', '/index.php?s=/Home/Promote/mychlid.html', '12', '0');
INSERT INTO `tab_quick_menu` VALUES ('3', '推广员管理', '/index.php?s=/Home/Promote/mygrand.html', '0', '0');
INSERT INTO `tab_quick_menu` VALUES ('4', '数据汇总', '/index.php?s=/Home/Query/summary.html', '0', '0');
INSERT INTO `tab_quick_menu` VALUES ('5', '充值明细', '/index.php?s=/Home/Query/recharge.html', '0', '0');
INSERT INTO `tab_quick_menu` VALUES ('6', '注册明细', '/index.php?s=/Home/Query/register.html', '0', '0');
INSERT INTO `tab_quick_menu` VALUES ('7', 'ARPU统计', '/index.php?s=/Home/Query/arpu_analysis.html', '0', '0');
INSERT INTO `tab_quick_menu` VALUES ('8', '留存统计', '/index.php?s=/Home/Query/retention_analysis.html', '0', '0');
INSERT INTO `tab_quick_menu` VALUES ('9', '角色查询', '/index.php?s=/Home/Query/userPlayers.html', '0', '0');
INSERT INTO `tab_quick_menu` VALUES ('10', '专服管理', '/index.php?s=/Home/Apply/index.html', '0', '0');
INSERT INTO `tab_quick_menu` VALUES ('11', '扶持申请', '/index.php?s=/Home/Support/index.html', '0', '0');
INSERT INTO `tab_quick_menu` VALUES ('12', '扶持记录', '/index.php?s=/Home/Support/lists.html', '0', '0');
INSERT INTO `tab_quick_menu` VALUES ('13', '扶持额度', '/index.php?s=/Home/Support/quota.html', '0', '0');
INSERT INTO `tab_quick_menu` VALUES ('14', '我的平台币', '/index.php?s=/Home/PromoteCoin/myCoin.html', '0', '0');
INSERT INTO `tab_quick_menu` VALUES ('15', '平台币转移', '/index.php?s=/Home/PromoteCoin/record.html', '0', '0');
INSERT INTO `tab_quick_menu` VALUES ('16', '平台币充值', '/index.php?s=/Home/CoinOrder/order_list.html', '0', '0');
-- 推广员后台首页快捷菜单关联表 ZCL
DROP TABLE IF EXISTS `tab_promote_quick_menu`;
CREATE TABLE `tab_promote_quick_menu` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`promote_id` int(11) DEFAULT NULL COMMENT '推广员ID',
`quick_menu_id` int(11) DEFAULT NULL COMMENT '快捷菜单ID',
`create_time` int(11) DEFAULT NULL COMMENT '创建时间',
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=19 DEFAULT CHARSET=latin1;
-- ----------------------------
-- Records of tab_promote_quick_menu
-- ----------------------------
INSERT INTO `tab_promote_quick_menu` VALUES ('4', '1', '3', '1569719823');
INSERT INTO `tab_promote_quick_menu` VALUES ('6', '1', '5', '1569719828');
INSERT INTO `tab_promote_quick_menu` VALUES ('7', '1', '6', '1569719830');
INSERT INTO `tab_promote_quick_menu` VALUES ('8', '1', '7', '1569719832');
INSERT INTO `tab_promote_quick_menu` VALUES ('9', '1', '14', '1569719835');
INSERT INTO `tab_promote_quick_menu` VALUES ('10', '1', '15', '1569719839');
INSERT INTO `tab_promote_quick_menu` VALUES ('11', '1', '12', '1569719849');
INSERT INTO `tab_promote_quick_menu` VALUES ('12', '1', '13', '1569719852');
INSERT INTO `tab_promote_quick_menu` VALUES ('14', '1', '8', '1569719866');
INSERT INTO `tab_promote_quick_menu` VALUES ('15', '1', '9', '1569719870');
INSERT INTO `tab_promote_quick_menu` VALUES ('16', '1', '10', '1569719877');
INSERT INTO `tab_promote_quick_menu` VALUES ('18', '1', '1', '1569720739');

@ -0,0 +1,132 @@
/* index */
.promote-index-overview ul{width: 100%;float:left;}
.promote-index-overview li {background:#FFF;border-radius:3px;float:left;width:23.33%;height:120px;position: relative;border: 1px solid #E3E8EC;}
.promote-index-overview li~li{margin-left:2%;}
.promote-index-overview .index-user {text-align:center;}
.promote-index-overview .index-user img {border-radius:100%;width:66px;height:66px;padding-top:12px;}
.promote-index-overview .index-user p {margin:8px 0 0;}
.promote-index-overview .icon {width:40px;height:40px;position:absolute;top:50%;margin-top:-34px;left: 22%;}
.promote-index-overview .icon img{width: 100%;height: 100%;}
.promote-index-overview .text {font-size:16px;color:#555;/* text-align:center; */padding-top:33px;padding-left: 140px;}
.promote-index-overview .text p {margin-bottom:6px;color: #6A7082;}
.promote-index-overview .text span {font-size:18px;color: #99B1CB;}
.promote-index-list{background: #fff;margin-top: 2.4vh;border-radius: 3px;padding: 10px;height: auto;position: relative;border: 1px solid #E3E8EC;}
.promote-index-list .trunk-title-main{font-size: 16px;color: #6A7082;font-weight: 600;height: 40px;border-bottom: 1px solid #ddd;}
.promote-index-list .trunk-title-main span{vertical-align: middle;}
.promote-index-list .trunk-content{padding-top: 1%;}
.promote-index-list .trunk-content ul{min-height: 44vh;}
.promote-index-list .trunk-content ul li{border-top: 1px solid #F3F5F9;padding: 1vh;}
.promote-index-list .trunk-content ul li:nth-child(2n-1){background: #FAFAFC;}
.index-tab-list ul{width: 100%;position: relative;column-count:1;margin-top: 20px;}
.index-tab-list li {background:#FFF;border-radius:3px;width:48.8%;height:350px;position: relative;border: 1px solid #E3E8EC;display: inline-block;vertical-align: middle}
.index-tab-list li:last-child{margin-left:1.7%;}
.trunk-content article {margin-top:0!important;}
.trunk-content{margin-top: 0!important;}
.qcl-box{font-size: 14px;}
.qcl-box-hand{height: 45px;line-height: 35px;margin: 10px;border-bottom: 1px solid #ddd}
.qcl-tit{font-size: 16px;color: #6A7082;font-weight: 600}
.qcl-bnt{text-align: center;margin-top: -10px}
.qcl-bnt ul{width: 100%;float:left;}
.qcl-bnt li {background:#FFF;border-radius:3px;float:left;width:17%;height:115px;position: relative;border: 0;margin-bottom: 20px}
.qcl-bnt li{margin-left:2%;}
.qcl-bnt li span{display: block;}
.qcl-bnt li span:first-child{height: 80px;width: 80px;margin: auto}
.qcl-bnt li span:first-child img{height: 80px;width: 80px}
.qcl-bnt li span:last-child{height: 30px;line-height: 30px}
.more{display: block;float: right;padding-top: 10px;font-size: 14px;color: #4A90F0}
.more:hover{color:#26C7DB}
.fxui-tab {font-size: 14px;}
.fxui-tab-hand{height: 45px;line-height: 35px;margin: 10px;border-bottom: 1px solid #ddd}
.fxui-tab-tit {display: block;float: left;font-size: 14px;height: 28px;line-height: 28px;padding: 2px 20px ;cursor: pointer;border: 1px solid #ddd}
.fxui-tab-tit:first-child{border-bottom-left-radius:3px;border-top-left-radius: 3px}
.fxui-tab-tit:last-child{border-bottom-right-radius:3px;border-top-right-radius: 3px}
.fxui-tab-hand .curr {background: #26C7DB;color: #fff;border: 1px solid #26C7DB}
.fxui-tab-nav {padding: 15px;height: 280px;margin-top: -10px}
.fxui-tab-nav p{height: 50px;line-height: 50px;border-bottom: 1px solid #ddd}
.fxui-tab-nav p span:first-child{width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block}
.fxui-tab-nav p span:last-child{float: right;width: 15%;display: inline-block}
/*.article-type{vertical-align: middle;padding-right: 10px;}
.article-title{width: 400px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;vertical-align: middle;color: #515974;font-size: 13px;}
.article-title:hover{color: #26c7db;}
.article-time{vertical-align: middle;font-size: 13px;color: #a5a6bb;}*/
.page-overview{width: 100%;}
@media screen and (max-width: 1440px) {
.promote-index-overview .icon {left: 12%;}
.promote-index-overview li{width:23.33%;}
}
@media screen and (max-width: 1430px) {
.promote-index-overview .icon {left: 12%;}
.promote-index-overview li{width:48.7%;;margin-bottom: 20px}
.promote-index-overview li:nth-of-type(odd){ margin-left: 0;margin-right: 2%}
.promote-index-overview li:nth-of-type(even){margin-left: 0;margin-right: 0}
.promote-index-overview li:nth-child(3){margin-bottom: 0}
.promote-index-overview li:nth-child(4){margin-bottom: 0}
}
@media screen and (max-width: 900px) {
.promote-index-overview .icon {left: 12%;}
.promote-index-overview li{width:48.7%;margin-bottom: 20px}
.promote-index-overview li:nth-of-type(odd){ margin-left: 0;margin-right: 2%}
.promote-index-overview li:nth-of-type(even){margin-left: 0;margin-right: 0}
.promote-index-overview li:nth-child(3){margin-bottom: 20px!important;}
.promote-index-overview li:nth-child(4){margin-bottom: 0}
}
.promote-index-overview ul{width: 100%;float:left;}
.promote-index-overview li {background:#FFF;border-radius:3px;float:left;width:23.33%;height:120px;position: relative;border: 1px solid #E3E8EC;}
.promote-index-overview li~li{margin-left:2%;}
.page-list .trunk-search .tab a{display: inline-block;width: 140px;height: 40px;text-align: center;line-height: 40px;font-size: 14px;background:#F6F7F9;color: #535875;}
.tab-bnt{clear:both;display: flex;}
.tab-bnt div{width: 100px;height: 35px;line-height: 35px;display: inline-block;border: 1px solid #ddd;text-align: center;cursor:pointer}
.tab-bnt div:first-child{border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.tab-bnt div:last-child{border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.tab-bnt .curr{background: #26C7DB;color: #fff;border: 1px solid #26C7DB;}
.page-list .trunk-search .tab td {border:1px solid #ddd;display: inline-block;margin-right: -5px;}
.page-list .trunk-search .tab td.first_border{border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.page-list .trunk-search .tab td.last_border{border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.page-list .trunk-search .tab td.current {border-color:#26C7DB;}
.page-list .trunk-search .tab td.current a{background: #26C7DB;color:#FFF;}
.page-list .tabpan {display:none;}
.page-list .tabpan.current {display:block;}
.baseInfo{margin-top: 1%;}
.trunk-list .table2 tr{height: 54px;}
.trunk-list .table2 .l {text-align:right;color: #8B8CA0;width: 95px;}
.trunk-list .table2 .l .req {color:red;display:inline-block;width:10px;text-align:center;}
.trunk-list .table2 .r {padding-left:15px;color: #535875;}
.trunk-list .table2 .r .formtxt {padding:0 10px;}
.trunk-list .table2 .r input[type=text] {width: 230px;height: 32px;padding-left: 10px; border: 1px solid #E5E5E5;border-radius: 4px;line-height: 32px;color: #535875;}
.trunk-list .table2 .r input[type=password] {width: 230px;height: 32px;padding-left: 10px; border: 1px solid #E5E5E5;border-radius: 4px;line-height: 32px;color: #535875;}
.trunk-list .table2 .r .radio-item {margin-right: 10px;}
.trunk-list .table2 .r .tj{width: 118px;height: 36px;line-height:36px;background: #26C7DB;color: #fff;border-radius: 4px;border: none;padding: 0;}
.trunk-list .table2 .r .tj:hover{background: #2bd8ed;}
.trunk-list .table2 .r .tj.disabled {background:#CCC;}
.trunk-list .table2 .r .back_btn{width: 118px;height: 36px;line-height:36px;background: #E5E5E5;color: #8B8CA0;border-radius: 4px;display: inline-block;text-align: center;margin-left: 20px;}
.table2 .form-radio label {position:relative;margin-right:20px;cursor:pointer;}
.table2 .form-radio input {cursor:pointer;width:14px;height:14px;display:inline-block;position:absolute;top:0;left:0;margin:0;margin-top:2px;opacity:0;}
.table2 .form-radio i {width:14px;height:14px;display:inline-block;vertical-align:middle;margin-top:-2px;margin-right:5px;background:url(../../images/20180207/icon_normal_weixuanze.png) ;}
.table2 .form-radio i.current {background-image:url(../../images/20180207/icon_xuanze.png);}
.page-list .trunk-search {padding-bottom: 20px;}
.promote-mychlid-list form a.btn {display:inline-block;width:135px;height:36px;line-height: 36px; text-align:center;background: #3A97FF;color: #fff;border-radius: 4px;}
.promote-mychlid-list form a.btn:hover{background: #449DFF;}
.promote-mychlid-list form a .add_qudao{width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 5px;background: url(../../images/20180207/icon_normal_tianjia.png) no-repeat;}
.promote-mychlid-list .form-group .txt{width: 180px;height: 34px;}
.border_normal{border-top: 1px dashed #E3E3E3;}
.border_normal .desccontent span{color: #6a7082;}
.border_normal .desccontent p{color: #ADAEC2;padding-top: 1.5%;}
.promote-mychlid-list .table .editbtn {color:#4A90F0;}
.promote-mychlid-list .table .editbtn:hover {color:#4ACDDF;}

@ -0,0 +1,27 @@
/*
Author : guosheng
QQ : 9169775
Email: cff20@sina.com
Date : 2013-07-25
*/
$.fn.extend({
fxuiTab:function(opt){
//做插件首先是传进来的对象也就是this进行each这样子一个页面上多个区块都可以使用啦
return this.each(function() {
//说说Var的事变量之前肯定是用var的这样子就不会变成全局变量和别的方法冲突了然后最只用一个Var,然后用","分开即可。
var t = $(this),//t就是$(this)因为Jquery里$(this)很多我们可以把这个t选存起来后面好多地方可以用。
o = opt || {}, //如果使用者没有参给o设一个空的对象。
tit = o.tit || t.find('.fxui-tab-tit'), //标签点击的对象。
nav = o.nav || t.find('.fxui-tab-nav'), //内容显示的对象。
evt = o.evt || 'click',//事件可以为click,hover或是mouseover。
eq = o.eq || 0; //初始化的时候可以默认显示第几块。不传值显示第一个。
tit.bind(evt,function(){ //通过bind 传这个evt,事件就可以变动了不一定只是click事件了。
$(this).addClass('curr').siblings(tit).removeClass('curr');//处理标签头加当前的Class样式通过css改变
nav.eq(tit.index($(this))).show().siblings('.fxui-tab-nav').hide();//内容块显示。
}).hover(function(){
$(this).addClass('fxui-tab-hover').siblings(tit).removeClass('fxui-tab-hover'); //标签的tit移上去的时候加一个样式这样子这个标签头可以有默认hover和curr三种状态。
});
evt === 'click' ? tit.eq(eq).click() :tit.eq(eq).mouseover(); //初始化,当前是第几个
})
}
});
Loading…
Cancel
Save