TG.WXCRM.V4/WEB/Views/Sms/BatchModelMsg/Index.cshtml

@using WX.CRM.WebHelper;
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Index_Layout2.cshtml";
}

<!--遮罩层-->
<style type="text/css">
    #CoverBg {
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index: 1001;
        -moz-opacity: 0.2;
        opacity: .20;
        filter: alpha(opacity=20);
    }

    #CoverShow {
        display: none;
        position: absolute;
        top: 45%;
        left: 40%;
        width: 20%;
        height: 10%;
        padding: 8px;
        border: 8px solid #E8E9F7;
        background-color: white;
        z-index: 1002;
        overflow: auto;
    }

    .formtable td {
        padding: 3px;
    }
</style>

<div id="CoverBg"></div>
<div id="CoverShow"><br />&nbsp;&nbsp;<img height="20" src="~/Content/Images/loading.gif" />数据正在处理中……</div>

<div class="mvctool bgb">
    短信类型:<select id="SltSmsSubType">
        <option>-请选择-</option>
    </select>
    短信模版:<select id="SltSmsModel">
        <option>-请选择-</option>
    </select>
    @Html.ToolButtonPlain("btnSave", "icon-check", "提交", false, "")
</div>
<div id="divContent" style="width:100%; overflow-y:auto">
    <form id="frmUpload" method="post" action="/Sms/BatchMsg/RecFile" enctype="multipart/form-data">
        <input id="hidSubTypeID" name="hidSubTypeID" type="hidden" value="0" />
        <input id="hidtemplateId" name="hidtemplateId" type="hidden" value="" />
        <input id="hidParamMsg" name="hidParamMsg" type="hidden" value="" />
        <input id="hidModelValue" name="hidModelValue" type="hidden" value="" />
      
        <div class="easyui-tabs" style="height: auto; padding: 0px; margin: 0px;" id="BatcResIDS">
            <div title="客户ID批量提交" style="padding: 5px;">
                <table class="formtable">
                    <tr>
                        <td>客户ID：</td>
                        <td style="vertical-align:middle;">
                            <textarea id='txtResIDS' name="txtResIDS" style="width:400px;height:170px;"></textarea>
                            <input id="txtResIdFromSql" name="txtResIdFromSql" type="hidden" value="" />
                            <input type="button" value="查询" id="btnFindResId" class="btn btn-primary" />
                            <span style="color:red;">建议不超过200个客户ID！</span>
                        </td>
                    </tr>
                    <tr>
                        <td>模版示例：</td>
                        <td style="vertical-align:middle;">
                            <span style="color:red;" id="mbsl"></span>
                        </td>

                    </tr>
                    <tr>
                        <td>模版参数：</td>
                        <td id="tableTR1"></td>
                        <td>
                            <span id="SPMessage1" style="color:red;"></span>
                        </td>

                    </tr>
                    <tr>
                        <td colspan="2" style="height:40px;">
                            全部<input id="radAll" type="radio" onclick="checkAll(1)" name="all"> &nbsp;
                            主号码<input id="radPAll" type="radio" onclick="checkAll(2)" name="all">&nbsp;
                            取消<input id="radCancel" type="radio" onclick="checkAll(3)" name="all">
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" style="line-height:20px;">选择手机号码：<div id="isTelPhone"></div></td>
                    </tr>
                    <tr>
                        <td colspan="2" style="line-height:20px;"> 选择非手机号码：<div id="notTelPhone"></div></td>
                    </tr>
                </table>
            </div>
            <div title="客户ID文件批量提交" style="padding: 5px;">
                <table>
                    <tr>
                        <td>文件：</td>
                        <td>
                            <br />
                            文本文件格式如下：<br />
                            <img src="~/Content/Images/number_txt.bmp" alt="" /><br />
                            <input id="FileMobile" name="FileMobile" type="file" />
                            <br />
                        </td>
                    </tr>
                    <tr>
                        <td>模版示例：</td>
                        <td style="vertical-align:middle;">

                            <span style="color:red;" id="mbsl2"></span>
                        </td>

                    </tr>
                    <tr>
                        <td>模版参数：</td>
                        <td id="tableTR2"></td>
                        <td>
                            <span id="SPMessage2" style="color:red;"></span>
                        </td>

                    </tr>
                </table>
            </div>

        </div>
    </form>
    <div class="bas_datagrid">
        <div id="tb" style="padding:5px;height:auto" class="grid_toolbar">
            <ul class="toolBar_ul">
                <li>&nbsp;</li>
            </ul>
        </div>
        @Html.Raw(ViewBag.gridTable)
    </div>
</div>
<script type="text/javascript">
    $(function () {
        $("#divContent").css("height", $(window).height() - 50 + "px");
        $(window).resize(function () {//自动适应大小
            $("#divContent").css("height", $(window).height() - 50 + "px");
        });
    });
    function CountLength(obj, tag) {

        var sss = "";

        $("[xx='" + tag + "']").each(function () {
            sss += $(this).val();
        });
        var len = sss.length;

        if (selectTitle == "客户ID批量提交") {
            document.getElementById("SPMessage1").innerHTML = "已输入文字:" + len + "个";
        } else {
            document.getElementById("SPMessage2").innerHTML = "已输入文字:" + len + "个";
        }

    }
    function checkAll(key) {

        if (key == 1) {
            $("#isTelPhone").find("input").attr("checked", "checked");
        }
        else if (key == 2) {
            $("#isTelPhone").find("input").removeAttr("checked");
            $("#isTelPhone").find("input[isPrimaryNum='1']").attr("checked", "checked");
        }
        else {
            $("#isTelPhone").find("input").removeAttr("checked");
        }
    }
    var selectTitle = "";
    $(document).ready(function () {
        $("#btnFindResId").click(function () {
            if ($("#txtResIDS").val() == "") {
                $.messager.alert("提示", "请你输入客户ID!", "error");
                return false;
            }
            $.r_ajax({
                url: "/Csvr/BatchModelMsg/GetAllResId",
                type: "Post",
                data: { resIds: $("#txtResIDS").val() },
                dataType: "json",
                loading: true,
                success: function (data) {
                    if (data.result == "1") {
                        var residHtml = "";
                        var nottelPhone = "";
                        $(data.ResIds).each(function (i, n) {
                            if (n.isCallPhone == false) {
                                residHtml += "<input id=\"CBLNumber_" + i + "\" type=\"checkbox\" isPrimaryNum='" + n.ISPRIMARYNUM + "' value=\"" + n.RESID + "\" name=\"CBLNumber_" + i + "\">";
                                residHtml += "<label for=\"CBLNumber_" + i + "\" " + (n.ISPRIMARYNUM == "1" ? "style='font-weight:bold;'" : "") + " >" + (n.ISPRIMARYNUM == "1" ? "主号码" : "非主号") + " : " + n.RESID + "&nbsp;" + n.LASTNUM3 + "</label><br/>";
                            } else {
                                nottelPhone += "<input id=\"CBLNumber_" + i + "\" type=\"checkbox\" value=\"" + n.RESID + "\" name=\"CBLNumber_" + i + "\">";
                                nottelPhone += "<label for=\"CBLNumber_" + i + "\" " + (n.ISPRIMARYNUM == "1" ? "style='font-weight:bold;'" : "") + " >" + (n.ISPRIMARYNUM == "1" ? "主号码" : "非主号") + " : " + n.RESID + "&nbsp;" + n.LASTNUM3 + "</label><br/>";
                            }
                        });
                        $("#isTelPhone").html(residHtml);
                        $("#notTelPhone").html(nottelPhone);
                    } else {
                        $.messager.alert("提示", data.message, "error");
                    }

                }
            });
        });

        $("#SltSmsSubType").change(function () {
            var subTypeId = $("#SltSmsSubType").val();
            InitSltSmsModel(subTypeId);
        });

        $("#SltSmsModel").change(function () {
            var subSmsModelID = $("#SltSmsModel").val();
            $.getJSON("/Sms/BatchModelMsg/GetTempLateInfo/" + subSmsModelID, function (data) {
                var paramlen = 0;
                var htmlstr = "";
                var i = 1;

                $("#hidParamNum").val(data["PARMNUM"]);
                paramlen = data["ParamCount"];

                if (selectTitle == "客户ID批量提交") {
                    $("#mbsl").text(data["TEMPLATEVALUE"]);
                    $("#hidModelValue").val(data["TEMPLATEVALUE"]);
                    $("#mbsl2").text("");
                    var len = data["PARMNUM"];
                    while (i <= len) {
                        htmlstr += "参数" + i + ": <input id=\"param" + i + "\" style=\"width:300px;\" type=\"text\" onkeyup=\"CountLength(this,'param_a')\" value=\"\" xx='param_a' name=\"param_" + i + "\"><br/><br/>";

                        i = i + 1;
                    }
                    if (typeof (paramlen) != "undefined" && typeof (paramlen) != "null") {
                        htmlstr += "<span style=\"color:red;\">短信参数长度合计最多" + paramlen + "个字符！</span>";
                    };
                    $("#tableTR1").html(htmlstr);
                }
                else {
                    $("#hidModelValue").val(data["TEMPLATEVALUE"]);
                    $("#mbsl2").text(data["TEMPLATEVALUE"]);
                    $("#mbsl").text("");
                    var len = data["PARMNUM"];
                    while (i <= len) {
                        htmlstr += "参数" + i + ": <input id=\"param_a" + i + "\" style=\"width:300px;\" type=\"text\" onkeyup=\"CountLength(this,'param_b')\"  value=\"\" xx='param_b' name=\"param_a_" + i + "\"><br/><br/>";

                        i = i + 1;
                    }
                    if (typeof (paramlen) != "undefined" && typeof (paramlen) != "null") {
                        htmlstr += "<span style=\"color:red;\">短信参数长度合计最多" + paramlen + "个字符！</span>";
                    }

                    $("#tableTR2").html(htmlstr);
                }

            });
        });

        $('#BatcResIDS').tabs({
            border: true,
            onSelect: function (title) {
                InitSltSmsSubType(title);
                document.getElementById("SPMessage1").innerHTML = "";
                document.getElementById("SPMessage2").innerHTML = "";
            }
        });
        $('#BatcResIDS').tabs("select", "客户ID文件批量提交"); /*此若选第一个，道次不执InitSltSmsSubType(stitle)*/
        $("#btnSave").click(function () {
            var subTypeID = $("#SltSmsSubType").val();
            var templateId = $("#SltSmsModel").val();

            var neir = $("#hidModelValue").val();
            var mark = "";
            var paranvalues = "";


            if (subTypeID == "0" || subTypeID == "" || subTypeID == undefined) {
                $.messageBox5s('提示', "请选择正确的短信类型！");
                return;
            }
            if (templateId == "0" || templateId == "" || templateId == undefined) {
                $.messageBox5s('提示', "请选择正确的短信模版！");
                return;
            }
           
            if (selectTitle == "客户ID批量提交") {

                var resid = "";
                $("#isTelPhone input:checked").each(function () {
                    resid += $(this).val() + ",";
                });
                $("#notTelPhone input:checked").each(function () {
                    resid += $(this).val() + ",";
                });
                if (resid.length > 0)
                    resid = resid.substr(0, resid.length - 1);
                $("#txtResIdFromSql").val(resid);
                if ($("#txtResIdFromSql").val() == "") {
                    $.messager.alert("提示", "请你选中下面要发送短信的号码!", "error");
                    return false;
                }



                var arr = neir.split('}');
                for (var i = 0; i < arr.length; i++) {


                    var arr2 = arr[i].split('$');
                 
                    var itag = i + 1;
                    var param = "";
                    mark += arr2[0];
                    param = $("#param" + itag).val();
                    if (typeof (param) != "undefined") {
                        mark += param;
                        paranvalues += param + "|";
                    }



                }
            } else {
               
                var arr = neir.split('}');
                for (var i = 0; i < arr.length; i++) {
                    var arr2 = arr[i].split('$');
                    var itag = i + 1;
                    var param = "";
                    param = $("#param_a" + itag).val();
                    mark += arr2[0];
                    if (typeof (param) != "undefined") {
                        mark += param;
                        paranvalues += param + "|";
                    }

                }
            }
            paranvalues = paranvalues.substr(0, paranvalues.length - 1);


            $.messager.confirm('提示', "您的短信内容是：【" + mark + "】确定发送吗？", function (r) {
                if (r) {
                    $("#CoverBg").show();
                    $("#CoverShow").show();
                    $("#hidSubTypeID").val(subTypeID);
                    $("#hidtemplateId").val(templateId);
                    $("#hidParamMsg").val(paranvalues);
                    $("#frmUpload").ajaxSubmit({
                        url: "/Sms/BatchModelMsg/RecFile/" + selectTitle,
                        type: "post",
                        enctype: 'multipart/form-data',
                        dataType: 'text',
                        success: function (data, statusText) {
                            $("#CoverBg").hide();
                            $("#CoverShow").hide();
                            if (data == "ok") {
                                $("#frmUpload").resetForm();
                                $("#isTelPhone").empty();
                                $("#notTelPhone").empty();
                                $.messageBox5s('提示', "客户ID或号码提交成功！");
                            } else {
                                $.messageBox5s('提示', data);
                            }
                            loadtablegrid();
                        }, error: function (data) {
                            $("#CoverBg").hide();
                            $("#CoverShow").hide();
                            $.messageBox5s('提示', data);
                        }
                    });
                }
            });

        })

        loadtablegrid();
    });
    /*初始化发送列表*/
    function loadtablegrid() {
        $("#tablist").tablegrid({
            url: '/Res/BatchModelMsg/GetHtmlList',
            height: 200,
            loadNow: true
        });
    }
    /*初始化短信类型与发送模版*/
    function InitSltSmsSubType(stitle) {
        selectTitle = stitle;
        $("#SltSmsSubType").get(0).options.length = 0;//清空历史值
        $("#SltSmsModel").get(0).options.length = 0;//清空历史值
        $("<option></option>").val("0").text("-请选择-").appendTo($("#SltSmsModel"));
        $.getJSON("/Sms/BatchModelMsg/SmsSubTypeList/" + selectTitle, function (data) {
            $.each(data, function (i, item) {
                $("<option></option>").val(item["SUBTYPEID"]).text(item["SUBTYPENAME"]).appendTo($("#SltSmsSubType"));
            });
        });
    }
    function InitSltSmsModel(subTypeId) {
        $("#SltSmsModel").get(0).options.length = 0;//清空历史值
        $.getJSON("/Sms/BatchModelMsg/SmsModelList/" + subTypeId, function (data) {
            $.each(data, function (i, item) {
                $("<option></option>").val(item["PKID"]).text(item["TEMPLATENAME"]).appendTo($("#SltSmsModel"));
            });
        });
        //$("#SltSmsModel").change();

    }
</script>