<%@ Page Language="C#" MasterPageFile="~/Main.master" AutoEventWireup="true" CodeFile="GwClient.aspx.cs" Inherits="_GwClient" %>
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
|
<%--<link href="css/plugins/bootstrap-fileinput/fileinput.min.css" rel="stylesheet"/>
|
<script src="js/plugins/bootstrap-fileinput/fileinput.min.js" type="text/javascript"></script>--%>
|
<script>
|
$(function () {
|
|
$("#pager").Pager({
|
pageSize: 20,
|
onChange: function (pageIndex, pageSize) {
|
loadPageList();
|
}
|
});
|
|
function loadPageList() {
|
var ClientID = $("#ClientID").val();
|
var Company = $("#Company").val();
|
var ClientName = $("#ClientName").val();
|
var Telephone = $("#Telephone").val();
|
var Agent = $("#Agent").val();
|
var Salesman = $("#Salesman").val();
|
var ProductId = $("#ProductId").val();
|
$.ajax({
|
url: "GwClient.ashx",
|
type: "POST",
|
data: { action: "loadGwClientPageList", ClientID: ClientID, Company: Company, ClientName: ClientName, Telephone: Telephone, Agent: Agent, Salesman: Salesman, ProductId: ProductId , pageSize: $("#pager").Pager("getPageSize"), pageIndex: $("#pager").Pager("getPageIndex") },
|
success: function (result) {
|
if (result.OK) {
|
$("#gwclientTable tbody").html(result.Message.Table);
|
$("#pager").Pager("setTotalCount", result.Message.TotalCount);
|
} else {
|
mytek.alert(result.Message, result.OK);
|
}
|
}
|
});
|
}
|
|
function randomString(len) {
|
len = len || 32;
|
var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'; /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/
|
var maxPos = $chars.length;
|
var pwd = '';
|
for (i = 0; i < len; i++) {
|
pwd += $chars.charAt(Math.floor(Math.random() * maxPos));
|
}
|
return pwd;
|
}
|
|
$(document).ready(function () {
|
$("textarea").numberedtextarea();
|
|
$(document).on("click", ".action-query", function () {
|
loadPageList();
|
});
|
loadPageList();
|
|
$(document).on("click", ".action-modal-create", function () {
|
$("#clientDialog .modal-title").text("创建客户账户");
|
$("#clientDialog input").attr("readonly", false);
|
$("#clientDialog input[name=action]").val("save");
|
|
//$("#clientDialog #id").val("");
|
$("#clientDialog #clientID").val("");
|
$("#clientDialog #company").val("");
|
$("#clientDialog #clientName").val("");
|
$("#clientDialog #agent").val("");
|
$("#clientDialog #address").val("");
|
$("#clientDialog #telephone").val("");
|
$("#clientDialog #chargeType").val("");
|
$("#clientDialog #smsStatusReport").val("");
|
$("#clientDialog #mmsStatusReport").val("");
|
$("#clientDialog #customerManager").val("");
|
$("#clientDialog #salesman").val("");
|
$("#clientDialog #supportStaff").val("");
|
$("#clientDialog #financialStaff").val("");
|
$("#clientDialog #remark").val("");
|
$("#clientDialog input[name=permissionData]").iCheck("uncheck");
|
|
$("#clientDialog").modal("show");
|
|
//刷新一次随机密码
|
$("#password").val(randomString(8));
|
|
});
|
|
$(document).on("click", ".action-generate-password", function () {
|
$("#password").val(randomString(8));
|
});
|
|
$(document).on("click", ".action-modal-edit", function () {
|
$("#clientDialog .modal-title").text("修改客户资料");
|
$("#clientDialog input[name=action]").val("update");
|
var id = $(this).data("id");
|
$.get("gwclient.ashx?action=get", { clientID: id }, function (r) {
|
if (r.OK) {
|
try {
|
$("#clientDialog #id").val(r.Message.Id);
|
$("#clientDialog #clientID").val(r.Message.ClientID);
|
$("#clientDialog #company").val(r.Message.Company);
|
$("#clientDialog #password").val(r.Message.Password);
|
$("#clientDialog #clientName").val(r.Message.ClientName);
|
$("#clientDialog #agent").val(r.Message.Agent);
|
$("#clientDialog #address").val(r.Message.Address);
|
$("#clientDialog #telephone").val(r.Message.Telephone);
|
$("#clientDialog #chargeType").val(r.Message.ChargeType);
|
$("#clientDialog #smsStatusReport").val(r.Message.SmsStatusReport);
|
$("#clientDialog #mmsStatusReport").val(r.Message.MmsStatusReport);
|
$("#clientDialog #customerManager").val(r.Message.CustomerManager);
|
$("#clientDialog #salesman").val(r.Message.Salesman);
|
$("#clientDialog #supportStaff").val(r.Message.SupportStaff);
|
$("#clientDialog #financialStaff").val(r.Message.FinancialStaff);
|
$("#clientDialog #remark").val(r.Message.Remark);
|
var permissionData = $.evalJSON(r.Message.PermissionData);
|
$("#clientDialog input[name=permissionData]").iCheck("uncheck");
|
$.each(permissionData, function (i) {
|
$("#clientDialog input[name=permissionData][value='" + this + "']").iCheck("check");
|
});
|
}
|
catch (e) {
|
}
|
|
$("#clientDialog").modal("show");
|
}
|
else {
|
mytek.alert(r.Message, r.OK);
|
}
|
}, "json");
|
});
|
|
$(document).on("click", ".action-modal-black", function () {
|
var id = $(this).data("id");
|
$.get("gwclient.ashx?action=getBlack", { clientID: id }, function (r) {
|
if (r.OK) {
|
$("#blackDialog input[name='clientID']").val(id);
|
$("#blackDialog textarea").val(r.Message);
|
$("#blackDialog").modal("show");
|
}
|
else {
|
mytek.alert(r.Message, r.OK);
|
}
|
}, "json");
|
});
|
|
$(document).on("click", ".action-modal-white", function () {
|
var id = $(this).data("id");
|
$.get("gwclient.ashx?action=getWhite", { clientID: id }, function (r) {
|
if (r.OK) {
|
$("#whiteDialog input[name='clientID']").val(id);
|
$("#whiteDialog textarea").val(r.Message);
|
$("#whiteDialog").modal("show");
|
}
|
else {
|
mytek.alert(r.Message, r.OK);
|
}
|
}, "json");
|
});
|
|
$(document).on("click", ".action-delete", function () {
|
var id = $(this).data("id");
|
mytek.confirm("是否需要删除该客户？", "客户删除后将无法恢复，请谨慎操作！", function (b) {
|
if (b) {
|
$.post("gwclient.ashx", { action: "delete", clientID: id }, function (r) {
|
mytek.alert(r.Message, r.OK, function () {
|
window.location.reload();
|
});
|
});
|
}
|
});
|
});
|
|
$("#blackForm,#whiteForm").ajaxForm({
|
success: function (r) {
|
mytek.alert(r.Message, r.OK, function () {
|
$("#whiteDialog,#blackDialog").modal("hide");
|
});
|
}
|
});
|
|
$("#clientForm").ajaxForm({
|
success: function (r) {
|
mytek.alert(r.Message, r.OK, function () {
|
r.OK && (window.location.reload());
|
});
|
}
|
});
|
})
|
|
//全选
|
$("#checkAll").click(function () {
|
$("input[name='checkbox']").prop("checked", $(this).is(":checked"));
|
});
|
|
//批量分配个性产品
|
$(document).on("click", ".action-modal-setProduct", function () {
|
var idArray = [];
|
|
$("input[name='checkbox']:checkbox:checked").each(function () {
|
var id = $(this).val();
|
idArray.push(id);
|
});
|
|
if (idArray.length == 0) {
|
mytek.alert("请选择要分配个性产品的客户！", false);
|
return;
|
}
|
|
$("#selected-op-box").text(idArray.join(","));
|
|
$("#setProductDialog").modal("show");
|
});
|
|
//批量分配客户个性产品--确认修改
|
$(document).on("click", ".action-update-setProduct", function () {
|
var idArray = [];
|
|
$("input[name='checkbox']:checkbox:checked").each(function () {
|
var id = $(this).val();
|
idArray.push(id);
|
});
|
|
if (idArray.length == 0) {
|
mytek.alert("请选择要分配个性产品的客户！", false);
|
return;
|
}
|
|
var productId = $("#productId").val();
|
|
$.ajax({
|
url: "GwClient.ashx",
|
method: "POST",
|
data: { idArray: $.toJSON(idArray), productId: productId, action: "batchUpdateClientProduct" },
|
success: function (result) {
|
mytek.alert(result.Message, result.OK, function () {
|
$("#setProductDialog #productId").val("");
|
$("#setProductDialog").modal("hide");
|
loadPageList();
|
});
|
}
|
});
|
});
|
|
|
|
});
|
</script>
|
</asp:Content>
|
<asp:Content ID="Content2" ContentPlaceHolderID="title" runat="Server">客户信息</asp:Content>
|
<asp:Content ID="Content3" ContentPlaceHolderID="content" runat="Server">
|
<div class="modal inmodal fade" id="whiteDialog" tabindex="-1" role="dialog" aria-hidden="true">
|
<form name="whiteForm" method="post" action="gwclient.ashx?action=updateWhite" id="whiteForm"
|
class="form-horizontal">
|
<div class="modal-dialog modal-sm">
|
<div class="modal-content ">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal">
|
<span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
<h4 class="modal-title">客户白名单
|
</h4>
|
客户白名单对该客户下所有接入账号均有效<input type="hidden" value="" name="clientID" />
|
</div>
|
<div class="modal-body">
|
<div class="form-group">
|
<span class="help-block m-b-none">每行一个号码，客户白名单内的手机号码将不受每小时下发次数限制； 白名单总数尽量控制2000以内</span>
|
</div>
|
<div class="form-group">
|
<textarea class="form-control" name="mobileData" rows="6"></textarea>
|
</div>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-warning" data-dismiss="modal" aria-hidden="true">
|
取消</button>
|
<button class="btn btn-primary action-save">
|
保存</button>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
<div class="modal inmodal fade" id="blackDialog" tabindex="-1" role="dialog" aria-hidden="true">
|
<form name="blackForm" method="post" action="gwclient.ashx?action=updateBlack" id="blackForm"
|
class="form-horizontal">
|
<div class="modal-dialog modal-sm">
|
<div class="modal-content ">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal">
|
<span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
<h4 class="modal-title">客户黑名单
|
</h4>
|
客户黑名单对该客户下所有接入账号均有效<input type="hidden" value="" name="clientID" />
|
</div>
|
<div class="modal-body">
|
<div class="form-group">
|
<span class="help-block m-b-none">每行一个号码，客户黑名单内的手机号码将无法下发短信； 黑名单总数尽量控制2000以内；如需更大黑名单，请使用全局黑名单</span>
|
</div>
|
<div class="form-group">
|
<textarea class="form-control" name="mobileData" rows="6"> </textarea>
|
</div>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-warning" data-dismiss="modal" aria-hidden="true">
|
取消</button>
|
<button class="btn btn-primary action-save">
|
保存</button>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
|
<!--创建客户账户面板 -->
|
<div class="modal inmodal fade" id="clientDialog" tabindex="-1" role="dialog" aria-hidden="true">
|
<form name="clientForm" method="post" action="gwclient.ashx" id="clientForm" class="form-horizontal">
|
<div class="modal-dialog modal-lg">
|
<div class="modal-content ">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal">
|
<span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
<h4 class="modal-title">创建/修改客户
|
</h4>
|
<input name="action" value="add" type="hidden" />
|
<input name="id" id="id" type="hidden" value="" />
|
</div>
|
<div class="modal-body">
|
<div class="form-group">
|
<label class="control-label col-sm-2">
|
登录账户 <span style="color:red">*</span>
|
</label>
|
<div class="col-sm-4">
|
<input type="text" name="clientID" id="clientID" value="" class="form-control" />
|
</div>
|
<!--<span class="help-block m-b-none"><i class="fa fa-exclamation-triangle"></i>请输入公司单位名称</span>-->
|
</div>
|
|
<div class="form-group">
|
<label class="control-label col-sm-2">
|
客户名称 <span style="color:red">*</span>
|
</label>
|
<div class="col-sm-4">
|
<input type="text" name="company" id="company" value="" class="form-control" />
|
</div>
|
<!--<span class="help-block m-b-none"><i class="fa fa-exclamation-triangle"></i>请输入公司单位名称</span>-->
|
</div>
|
|
|
<div class="form-group">
|
<label class="control-label col-sm-2">
|
登录密码 <span style="color:red">*</span>
|
</label>
|
<div class="col-sm-4">
|
<input type="text" name="password" id="password" value="123456" class="form-control" />
|
</div>
|
<div class="col-sm-6">
|
<a class="btn btn-xs btn-primary action-generate-password ">生成密码</a>
|
<a class="btn btn-xs btn-success action-generate-password ">复制密码</a>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="control-label col-sm-2">
|
联系人 <span style="color:red">*</span>
|
</label>
|
<div class="col-sm-4">
|
<input type="text" name="clientName" id="clientName" value="" class="form-control" />
|
</div>
|
</div>
|
<div class="form-group ">
|
<label class="control-label col-sm-2">
|
联系电话 <span style="color:red">*</span>
|
</label>
|
<div class="col-sm-4">
|
<input type="text" name="telephone" id="telephone" value="" class="form-control" />
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="control-label col-sm-2">
|
联系地址
|
</label>
|
<div class="col-sm-10">
|
<input type="text" name="address" id="address" value="" class="form-control" />
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="control-label col-sm-2">
|
计费方式 <span style="color:red">*</span>
|
</label>
|
<div class="col-sm-4">
|
<select name="chargeType" id="chargeType" class="form-control">
|
<option value="" ></option>
|
<option value="1" >预付费</option>
|
<option value="2" >后付费</option>
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="control-label col-sm-2">
|
短信是否支持显示状态报告 <span style="color:red">*</span>
|
</label>
|
<div class="col-sm-4">
|
<select name="smsStatusReport" id="smsStatusReport" class="form-control">
|
<option value="0" >不显示</option>
|
<option value="1" >只显示提交失败为发送失败状态</option>
|
<option value="2" >显示全部状态状态</option>
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="control-label col-sm-2">
|
彩信是否支持显示状态报告 <span style="color:red">*</span>
|
</label>
|
<div class="col-sm-4">
|
<select name="mmsStatusReport" id="mmsStatusReport" class="form-control">
|
<option value="0" >不显示</option>
|
<option value="1" >只显示提交失败为发送失败状态</option>
|
<option value="2" >显示全部状态状态</option>
|
</select>
|
</div>
|
</div>
|
<!--
|
<div class="form-group">
|
<label class="control-label col-sm-2">
|
归属业务员
|
</label>
|
<div class="col-sm-4">
|
<input type="text" name="agent" id="agent" value="" class="form-control" />
|
</div>
|
</div>
|
-->
|
<div class="form-group">
|
<label class="control-label col-sm-2">
|
归属客户经理 <span style="color:red">*</span>
|
</label>
|
<div class="col-sm-4">
|
<select name="customerManager" id="customerManager" class="form-control">
|
<%=customerManagerOptions(0)%>
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="control-label col-sm-2">
|
归属业务员 <span style="color:red">*</span>
|
</label>
|
<div class="col-sm-4">
|
<select name="salesman" id="salesman" class="form-control">
|
<%=salesmanOptions(0)%>
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="control-label col-sm-2">
|
归属客户人员 <span style="color:red">*</span>
|
</label>
|
<div class="col-sm-4">
|
<select name="supportStaff" id="supportStaff" class="form-control">
|
<%=supportStaffOptions(0)%>
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="control-label col-sm-2">
|
归属财务人员 <span style="color:red">*</span>
|
</label>
|
<div class="col-sm-4">
|
<select name="financialStaff" id="financialStaff" class="form-control">
|
<%=financialStaffOptions(0)%>
|
</select>
|
</div>
|
</div>
|
<!--
|
<div class="form-group">
|
<label class="control-label col-sm-2">营业执照</label>
|
<div class="col-sm-4">
|
<input type="file" name="txt_file" id="txt_file" class="file-loading" />
|
</div>
|
</div>
|
-->
|
<div class="form-group">
|
<label class="control-label col-sm-2">
|
权限管理
|
</label>
|
<div class="col-sm-10">
|
<input type="checkbox" class="icheck-me" value="GwClientList.aspx" name="permissionData" />代理商管理(*是否支持创建下级代理)
|
<!--
|
<input type="checkbox" class="icheck-me" value="LgSmsDetailReport.aspx" name="permissionData" />查看状态报告
|
<input type="checkbox" class="icheck-me" value="1" name="permissionData" />发送权限
|
<input type="checkbox" class="icheck-me" value="2" name="permissionData" />查看数据权限
|
-->
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="control-label col-sm-2">
|
备注
|
</label>
|
<div class="col-sm-10">
|
<input type="text" name="remark" id="remark" value="" class="form-control" />
|
</div>
|
</div>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-warning" data-dismiss="modal" aria-hidden="true">
|
取消</button>
|
<button class="btn btn-primary action-save">
|
保存</button>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
|
<form name="queryForm" method="post" id="queryForm" class="form-inline">
|
<div class="form-group">
|
<div class="input-group m-b">
|
<span class="input-group-addon">客户账号</span>
|
<input type="text" name="ClientID" id="ClientID" class="form-control" />
|
</div>
|
</div>
|
<div class="form-group">
|
<div class="input-group m-b">
|
<span class="input-group-addon">公司名称</span>
|
<input type="text" name="Company" id="Company" class=" form-control" />
|
</div>
|
</div>
|
<div class="form-group">
|
<div class="input-group m-b">
|
<span class="input-group-addon">客户名称</span>
|
<input type="text" name="ClientName" id="ClientName" class="form-control" />
|
</div>
|
</div>
|
<div class="form-group">
|
<div class="input-group m-b">
|
<span class="input-group-addon">联系电话</span>
|
<input type="text" name="Telephone" id="Telephone" class="form-control" />
|
</div>
|
</div>
|
<div class="form-group">
|
<div class="input-group m-b">
|
<span class="input-group-addon">归属业务员</span>
|
<select name="Salesman" id="Salesman" class="form-control">
|
<%=salesmanOptions(-1)%>
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<div class="input-group m-b">
|
<span class="input-group-addon">使用产品</span>
|
<select name="ProductId" id="ProductId" class="form-control">
|
<%=GetProductOptions("")%>
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<div class="input-group m-b">
|
<input type="button" value="查询" class="btn btn-primary action-query" /> 
|
<input class="btn btn-success action-modal-create" value="创建客户" type="button" /> 
|
<input class="btn btn-danger action-modal-setProduct" value="批量分配个性产品" type="button" />
|
</div>
|
|
</div>
|
</form>
|
|
<div class="table-responsive">
|
<table class="table table-striped table-bordered table-hover" id="gwclientTable">
|
<thead>
|
<tr class="header">
|
<th>
|
<input type='checkbox' name='checkAll' id='checkAll' />
|
</th>
|
<th>客户账号
|
</th>
|
<th>公司名称</th>
|
<th>客户名称
|
</th>
|
<th>联系电话
|
</th>
|
<th>账户余额
|
</th>
|
<th>累计充值
|
</th>
|
|
<th>业务员
|
</th>
|
<th>认证状态
|
</th>
|
<th>操作
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
</tbody>
|
|
</table>
|
</div>
|
<div id="pager">
|
</div>
|
|
|
<div class="modal inmodal fade" id="setProductDialog" tabindex="-1" role="dialog" aria-hidden="true">
|
<div class="modal-dialog form-horizontal">
|
<div class="modal-content animated ">
|
<div class="modal-header">
|
<h3>
|
批量分配个性产品</h3>
|
</span><a class="close" data-dismiss="modal" aria-hidden="true">×</a> <span class="text-muted">
|
批量分配个性产品将会更新所有选中的账号的客户，<br />
|
确定分配不能取消，请谨慎操作！<br />
|
</div>
|
<div class="modal-body">
|
<div class="form-group">
|
<label class="col-sm-2 control-label">
|
个性产品
|
</label>
|
<div class="col-sm-10">
|
<select name="productId" id="productId" class="form-control">
|
<%=GetPersonalityProductOptions("")%>
|
</select>
|
</div>
|
</div>
|
</div>
|
<div class="modal-footer">
|
<button class="btn-default btn" data-dismiss="modal" aria-hidden="true">
|
取消</button>
|
<input class="btn btn-primary action-update-setProduct" value="确定修改" type="button" />
|
</div>
|
</div>
|
</div>
|
|
</asp:Content>
|
