<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/competitor/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/competitor/css/jquery.dataTables.min.css">
<script type="text/javascript" src="__PUBLIC__/daily/Admin/js/jquery.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/competitor/js/bootstrap.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/competitor/js/dataTables.bootstrap.js"></script>
<script type="text/javascript" src="__PUBLIC__/competitor/js/jquery.dataTables.min.js"></script>
<link href="__PUBLIC__/competitor/css/select2.css" rel="stylesheet" />
<script src="__PUBLIC__/competitor/js/select2.js"></script>
<style type="text/css">
.row-input input{
float: left;
/*margin-right: 80px;*/
}
.row-input select{
float: left;
/*margin-right: 80px;*/
}
#result{
width: 52%;
position: relative;
left: 41.3%;
border-top: 1px solid #a9a9a9;
top: 0.05em;
}
#resultul{
position: absolute;
left: 15px;
right: 15px;
top: 26px;
padding: 0;
width: 174px;
border: 1px solid #a9a9a9;
list-style-type: none;
font-size: 0.8em;
background-color: #fff;
z-index: 999;
}
#resultul li {
line-height: 1.5;
}
/*#result li:nth-last-child(1){*/
/*border-bottom: 0;*/
/*}*/
</style>
</head>
<body>
<span>区域:</span>
<select id="area" class="select2">
<option value="" selected="selected">请选择区域</option>
<option value="<strong>1</strong>">珠海</option>
<option value="<strong>2</strong>">深圳</option>
<option value="<strong>3</strong>">澳门</option>
<option value="<strong>4</strong>">香港</option>
</select>
<script type="text/javascript">
//页面加载完成后初始化select2控件
$(function () {
$("#area").select2();
});
</script>
<!--<a class="btn btn-success" href="{:U('JobElement/userRegister')}" style="margin: 10px">新增用户</a>-->
<!--第二步:添加如下 HTML 代码-->
<div class="row" style="margin-top: 10px">
<div class="col-md-7 col-md-offset-1">
<a class="btn btn-success" οnclick="userRegister()">新增</a>
</div>
</div>
<div class="row">
<div class="col-md-10 col-md-offset-1" >
<table id="table_id_example" class="display" >
<thead>
<tr>
<th>城市</th>
<th>账号名称</th>
<th>类型</th>
<th>预估粉丝数(万)整数</th>
<th>新榜活跃粉丝数(万)整数</th>
<th>头条平均阅读整数</th>
<th>头条成交平均价(元)整数</th>
<th>头条成交平均价(元)整数</th>
<th>单粉丝月收入小数点后两位</th>
<th>年收入(万)整数</th>
<th>创建人</th>
<th> 创建时间</th>
<th>备注</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<foreach name="list" item="vo">
<tr>
<td>济南</td>
<td>{$vo.name}</td>
<td>{$vo.type}</td>
<td>{$vo.estimate_fans}</td>
<td>{$vo.active_fans}</td>
<td>{$vo.average_reading}</td>
<td>{$vo.average_price}</td>
<td>{$vo.average_ad}</td>
<td>{$vo.fans_income}</td>
<td>{$vo.annual_income}</td>
<td>{$vo.comment}</td>
<td>{$vo.create_time}</td>
<td>{$vo.comment}</td>
<td><button class="btn btn-success" οnclick="updateInfo({$vo.id})">修改</button></td>
</tr>
</foreach>
</tbody>
</table>
</div>
</div>
<!-- 模态框(Modal)[竞争对手的编辑] -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" style="width: 1000px;height: 800px;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title" id="myModalLabel">
编辑竞争对手信息
</h4>
</div>
<div class="modal-body">
<form class="form-horizontal" role="form" id="formOne" enctype="multipart/form-data">
<div class="row row-input" style="margin: 10px">
<div class="col-md-3">账号名称:</div>
<div class="col-md-3"><input type="text" name="name" id="_name"> </div>
<div class="col-md-3">类型: </div>
<div class="col-md-3">
<select class="form-control" style="width: 170px" name="type" id="_type">
<option>美食</option>
<option>乐活</option>
<option>综合</option>
<option>本地美食</option>
<option>综合民生</option>
</select>
</div>
</div>
<div class="row row-input" style="margin: 10px">
<div class="col-md-3">预估粉丝数(万):</div>
<div class="col-md-3"><input type="text" name="estimate_fans" id="_estimate_fans"> </div>
<div class="col-md-3">新榜活跃粉丝数(万):</div>
<div class="col-md-3"> <input type="text" name="active_fans" id="_active_fans"> </div>
</div>
<div class="row row-input" style="margin: 10px">
<div class="col-md-3">头条平均阅读: </div>
<div class="col-md-3"><input type="text" name="average_reading" id="_average_reading"> </div>
<div class="col-md-3">头条成交平均价(元)整数:</div>
<div class="col-md-3"> <input type="text" name="average_price" id="_average_price"> </div>
</div>
<div class="row row-input" style="margin: 10px">
<div class="col-md-3">平均每月头条广告条数: </div>
<div class="col-md-3"><input type="text" name="average_ad" id="_average_ad"> </div>
<div class="col-md-3">单粉丝月收入小数点后两位:</div>
<div class="col-md-3"> <input type="text" name="fans_income" id="_fans_income"> </div>
</div>
<!--用户id和城市id,隐藏发送-->
<input type="hidden" name="pid" id="_pid" value="66666">
<input type="hidden" name="cid" id="_cid" value="2200002">
<div class="row row-input" style="margin: 10px">
<div class="col-md-3">年收入(万)整数: </div>
<div class="col-md-3"><input type="text" name="annual_income" id="_annual_income"> </div>
</div>
<div class="row " style="margin: 10px;overflow: hidden;">
<div class="col-md-3"> 备注:</div>
<div class="col-md-9"><input type="text" name="comment" id="_comment" style="width: 650px;
margin-top: 0px;float: left; margin-right: 80px" > </div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary" id="updateBtn">
提交更改
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
<!--用户新增的modal弹框-->
<div class="modal fade" id="userRegister" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
<div class="modal-dialog" style="width: 1000px;height: 800px;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title" id="myModalLabel">
新增竞争公司
</h4>
</div>
<div class="modal-body">
<form class="form-horizontal" role="form" id="formOne" enctype="multipart/form-data">
<div class="row row-input" style="margin: 10px">
<div class="col-md-3">账号名称:</div>
<li style="list-style: none">
<div class="col-md-3"><input type="text" name="name" id="name">
<ul id="resultul">
</ul>
</div>
</li>
<!--<li class="item" id="teachersadd">
<span class="item-tit">老师名字 :</span>
<input id="teacheradd" class="name" type="text" value="" placeholder="请输入老师名字" pattern="^.{1,4}$"
notMatchTips="请输入正确的老师名字">
<input id="teaid" type="hidden" value="">
<div id="result">
<ul style="border: 1px solid #eee" id="resultul" >
</ul>
</div>
</li>-->
<!--<li class="item" id="teachersadd">
<span class="item-tit">老师名字 :</span>
<input id="teacheradd" class="name" type="text" value="" placeholder="请输入老师名字" pattern="^.{1,4}$"
notMatchTips="请输入正确的老师名字">
<input id="teaid" type="hidden" value="">
<div id="result">
<ul style="border: 1px solid #eee" id="resultul" >
</ul>
</div>
</li>-->
<!-- -->
<div class="col-md-3">类型: </div>
<div class="col-md-3">
<select class="form-control" style="width: 170px" name="type" id="type">
<option>美食</option>
<option>乐活</option>
<option>综合</option>
<option>本地美食</option>
<option>综合民生</option>
</select>
</div>
</div>
<div class="row row-input" style="margin: 10px">
<div class="col-md-3">预估粉丝数(万):</div>
<div class="col-md-3"><input type="text" name="estimate_fans" id="estimate_fans"> </div>
<div class="col-md-3">新榜活跃粉丝数(万):</div>
<div class="col-md-3"> <input type="text" name="active_fans" id="active_fans"> </div>
</div>
<div class="row row-input" style="margin: 10px">
<div class="col-md-3">头条平均阅读: </div>
<div class="col-md-3"><input type="text" name="average_reading" id="average_reading"> </div>
<div class="col-md-3">头条成交平均价(元)整数:</div>
<div class="col-md-3"> <input type="text" name="average_price" id="average_price"> </div>
</div>
<div class="row row-input" style="margin: 10px">
<div class="col-md-3">平均每月头条广告条数: </div>
<div class="col-md-3"><input type="text" name="average_ad" id="average_ad"> </div>
<div class="col-md-3">单粉丝月收入小数点后两位:</div>
<div class="col-md-3"> <input type="text" name="fans_income" id="fans_income"> </div>
</div>
<!--用户id和城市id,隐藏发送-->
<input type="hidden" name="pid" id="pid" value="66666">
<input type="hidden" name="cid" id="cid" value="2200002">
<div class="row row-input" style="margin: 10px">
<div class="col-md-3">年收入(万)整数: </div>
<div class="col-md-3"><input type="text" name="annual_income" id="annual_income"> </div>
</div>
<!-- <div class="row row-input" style="margin: 10px">
<div class="col-md-6">账号名称: <input type="password" name="password" id="password"> </div>
<div class="col-md-6">类型: <input type="password" name="password" id="password"> </div>
</div> -->
<div class="row " style="margin: 10px;overflow: hidden;">
<div class="col-md-3"> 备注:</div>
<div class="col-md-9"><input type="text" name="comment" id="comment" style="width: 650px;
margin-top: 0px;float: left; margin-right: 80px" > </div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary" id="addBtn">
新增
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
<script>
/*
*By Linmin
*输入公司名字就查询得到类似的公司列表
*
* */
$("#name").focusout(function () {
$("#resultul").hide();
});
$("#name").focusin(function () {
$("#resultul").show();
});
$(function () {
$("#result").hide();
$('#name').bind('input propertychange', function () {
var name = $(this).val();
$.ajax({
url: "__CONTROLLER__/selectCompetitor",
type: "post",
dataType: "json",
data: {
"name": name,
},
success: function ($item) {
console.log($item.data[0].name);
if ($item.status == 200) {
$("#result").show();
$data = $item.data;
$len = $data.length;
var competitor = ''; //competitor
for(var i = 0;i<$len;i++){
// competitor += ' <li id="'+$data[i].id+'" οnclick="javascript:change_teacher(this);">'+$data[i].name+'美肤导师</li>';
competitor += ' <li id="'+$data[i].id+'" οnclick="javascript:change_competitor(this);">'+$data[i].name+'</li>';
}
$("#resultul").empty();
$("#resultul").append(competitor);
}else{
$("#result").hide();
}
},
error: function () {
$(".weui-loadmore").hide();
}
});
});
})
function change_competitor(obj) {
alert("wofdsa");
}
/*
* By Linmin
* 更新竞争对手
*
* */
function updateInfo(id){
$.ajax({
"type": 'POST',
"url": '__CONTROLLER__/getCompetitor',
"dataType": "json",
"data": {
'id': id,
},
success: function (response) {
$("#_name").val(response[0].name);
$("#_type").val(response[0].type);
$("#_estimate_fans").val(response[0].estimate_fans);
$("#_active_fans").val(response[0].active_fans);
$("#_average_reading").val(response[0].average_reading);
$("#_average_price").val(response[0].average_price);
$("#_average_ad").val(response[0].average_ad);
$("#_fans_income").val(response[0].fans_income);
$("#_comment").val(response[0].comment);
$("#_annual_income").val(response[0].annual_income);
}
});
$("#myModal").modal('show');
$("#updateBtn").click(function () {
var name = $("#_name").val();
var type = $("#_type").val();
var estimate_fans = $("#_estimate_fans").val();
var active_fans = $("#_active_fans").val();
var average_reading = $("#_average_reading").val();
var average_price = $("#_average_price").val();
var average_ad = $("#_average_ad").val();
var fans_income = $("#_fans_income").val();
var annual_income = $("#_annual_income").val();
var comment = $("#_comment").val();
var pid = $("#_pid").val();
var cid = $("#_cid").val();
$.ajax({
"type": 'POST',
"url": '__CONTROLLER__/updateCompetitor',
"dataType": "json",
"data": {
'name':name,
'type':type,
'estimate_fans':estimate_fans,
'active_fans':active_fans,
'average_reading':average_reading,
'average_price':average_price,
'average_ad':average_ad,
'fans_income':fans_income,
'annual_income':annual_income,
'comment':comment,
'pid':pid,
'cid':cid,
'id':id,
},
success: function (response) {
console.log(response);
if(response.status==200){
alert("添加成功");
var t=setTimeout("location.href = location.href",200);
}else{
alert("添加失败");
// alert(response.msg);
var t=setTimeout("location.href = location.href",200);
}
}
});
});
}
/*
* By Linmin
* 添加用户
* */
function userRegister() {
$("#userRegister").modal('show');
$("#addBtn").click(function () {
var name = $("#name").val();
var type = $("#type").val();
var estimate_fans = $("#estimate_fans").val();
var active_fans = $("#active_fans").val();
var average_reading = $("#average_reading").val();
var average_price = $("#average_price").val();
var average_ad = $("#average_ad").val();
var fans_income = $("#fans_income").val();
var annual_income = $("#annual_income").val();
var comment = $("#comment").val();
var pid = $("#pid").val();
var cid = $("#cid").val();
// alert(cid);
$.ajax({
"type": 'POST',
"url": '__CONTROLLER__/addCompetitor',
"dataType": "json",
"data": {
'name':name,
'type':type,
'estimate_fans':estimate_fans,
'active_fans':active_fans,
'average_reading':average_reading,
'average_price':average_price,
'average_ad':average_ad,
'fans_income':fans_income,
'annual_income':annual_income,
'comment':comment,
'pid':pid,
'cid':cid,
},
success: function (response) {
// console.log(response);
console.log(response.status);
if(response.status==200){
alert("添加成功");
/*$("#username").val("");
$("#password").val("");*/
var t=setTimeout("location.href = location.href",200);
}else{
alert("添加失败");
// alert(response.msg);
var t=setTimeout("location.href = location.href",200);
}
}
});
});
}
/*
* By Linmin
* 用户状态开启
* */
function start(id) {
$.ajax({
"type": 'POST',
"url": '__CONTROLLER__/changeStatus',
"dataType": "json",
"data": {
'id':id,
},
success: function (response) {
if(response.msg=="操作成功"){
alert("操作成功");
var t=setTimeout("location.href = location.href",200);
}else{
alert("操作失败");
var t=setTimeout("location.href = location.href",200);
}
// location.href = location.href;
}
});
}
/*
* By Linmin
* 用户状态开启
* */
function forbid(id) {
$.ajax({
"type": 'POST',
"url": '__CONTROLLER__/changeStatus',
"dataType": "json",
"data": {
'id':id,
},
success: function (response) {
if(response.msg=="操作成功"){
alert("操作成功");
var t=setTimeout("location.href = location.href",500);
}else{
alert("操作失败");
var t=setTimeout("location.href = location.href",500);
}
// location.href = location.href;
}
});
}
/*
* By Linmin
* 用户信息编辑
* */
function userEdit(id) {
$("#myModal").modal('show');
var id = id;
/*
* By Linmin
* 点击Modal里面的确定按键,完成用户密码
* */
$("#updateBtn").click(function () {
alert("我被点击到了");
var newPass = $("#newPassword").val();
$.ajax({
"type": 'POST',
"url": '__CONTROLLER__/userEdit',
"dataType": "json",
"data": {
'id':id,
'password':newPass,
},
success: function (response) {
console.log(response);
console.log(response.msg);
if(response.msg=="操作成功"){
alert("密码修改成功");
var t=setTimeout("location.href = location.href",700);
}else{
alert("密码修改失败");
var t=setTimeout("location.href = location.href",700);
}
}
});
});
}
/*
* By Linmin
* 用户列表展示
* */
$(document).ready( function () {
$('#table_id_example').DataTable();
} );
</script>
</body>
</html>
最近一次用的html代码
最新推荐文章于 2024-07-25 02:11:29 发布