zhoufan
/
ZXDT_CallCenter


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351
							@using ZXDT.CallCenter.MVCWeb.Models;
@using ZXDT.CallCenter.Model;
<html>

<head>
  <link href="/Content/layui/css/layui.css" rel="stylesheet" />
  <script src="/Content/js/jquery-1.8.3.min.js"></script>
  <script src="/Content/layui/layui.js"></script>
  <link href="/Content/css/workflow/workflow.css" rel="stylesheet" />
</head>
<style>
  .quick-btn {
    position: fixed;
    top: 50%;
    right: 0px;
    background: #01a1cb;
    padding: 10px 15px;
    color: #ffffff;
    cursor: pointer;
    z-index: 11;
  }

  .quick-head .tag {
    cursor: pointer;
    padding: 0 20px;
    height: 30px;
    display: inline-block;
    border-bottom: 3px solid transparent;
  }
  .quick-head .tag .countNum{
      margin-left: 10px;
      color: #ffffff;
      background: #ff0000;
      height: 20px;
      line-height: 20px;
      padding: 0px 5px;
      border-radius: 5px;
  }
  .quick-head .action {
    border-color: #2196f3;
  }

  .quick-list {
    overflow: auto;
    height: 750px;
  }

  .quick-item {
    padding: 13px 13px 0px 13px;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  
  .quick-block {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    border: 1px solid #ccc;
    height: 100%;
  }

  #inputs {

    width: 0;
    height: 0;
  }
  .gyNum{
    display: none;
  }
  .syNum{
    display: none;
  }
</style>

<body>
  <form class="layui-form" id="form1">
    <div class="layui-elem-quote layui-quote-nm">
      <div class="layui-elem-quote layui-quote-nm">
        <div>
          <input name="sign" type="hidden" value="" />
          <input name="txtUserId" type="text" id="txtUserId" value="0" style="display: none;" />
          <table border="0" cellpadding="0" cellspacing="0" style=" width:100%">
            <tr>
              <td valign="top" style="padding: 10px;">
                <table style=" width:100%" border="0" cellspacing="3" cellpadding="0">
                  <colgroup>
                    <col style=" width:90px" align="right" />
                    <col style=" width:550px" />
                    <col />
                  </colgroup>
                  <tbody>

                    <tr id="trPhone">
                      <td style="height:30px">
                        <span style="color: #ff0000; font-family: Wingdings;">v</span>电话号码：
                      </td>
                      <td>
                        <textarea name="TelNum" id="TelNum" lay-verify="required" style="height: 55px; width: 500px;"
                          class="txtInput normal"></textarea>
                      </td>
                      <td valign="top" style="border: 1px solid #999; padding: 8px; font-size: 14px; color: #990000;">
                        <span
                          style="color:red; font-family: Wingdings;">v</span>&nbsp;&nbsp;&nbsp;&nbsp;发送号码之间请用英文逗号&nbsp;&nbsp;“,”&nbsp;&nbsp;隔开；
                      </td>
                    </tr>
                    <tr style="height:20px;display:none;"></tr>
                    <tr style="display:none;">
                      <td style="height:30px"></td>
                      <td colspan="2">
                        <div id="qunfa" style="border: 1px solid #ffffff; width: 505px;">
                          <button class="layui-btn layui-btn-normal layui-btn-radius" data-type="rowAdd">
                            <i class="layui-icon">&#xe654;</i>导入内部人员号码
                          </button>
                        </div>
                      </td>
                    </tr>
                    <tr style="height:20px"></tr>
                    <tr style="display:none">
                      <td style="height:30px">
                        <span style="color: #ff0000; font-family: Wingdings;">v</span>短信类型：
                      </td>
                      <td colspan="2">
                        <div style="float: left;">
                          &nbsp;
                        </div>
                        <div class="layui-input-inline">
                          <select name="ddlInfoType" id="ddlInfoType" class="layui-input-inline" style="width:120px;">
                            <option value="">--请选择--</option>
                            <option value="11">测试短信</option>
                          </select>
                        </div>
                      </td>
                    </tr>
                    <tr style="height:20px"></tr>
                    <tr>
                      <td style="height:30px">
                        <span style="color: #ff0000; font-family: Wingdings;">v</span>短信内容：
                      </td>
                      <td>
                        <textarea name="Content" id="Content" lay-verify="required" style="height: 75px; width: 500px;"
                          class="txtInput normal">@Model.Content</textarea>
                        <label id="lbtxtContent" for="txtContent"></label>
                      </td>

                      <td valign="top" style="border: 1px solid #999; padding: 14px; font-size: 12px; color: #990000;">
                        <span style="color: #ff0000; font-family: Wingdings;">v</span>&nbsp;&nbsp;&nbsp;&nbsp;发送短信内容。
                      </td>
                    </tr>
                    <tr style="display:none">
                      <td style="height:30px"></td>
                      <td colspan="2">
                        &nbsp; 当前共
                        <input name="tishi1" type="text" id="tishi1" value="0" class="txtInput normal"
                          style="width: 35px; color: Blue;" readonly="readonly" />
                        个字&nbsp;&nbsp;&nbsp;&nbsp;
                        <input name="tishi2" type="text" id="tishi2" value="0" class="txtInput normal"
                          style="width: 35px; color: Blue;" readonly="readonly" />
                        字符&nbsp;&nbsp;&nbsp;&nbsp;<span id="spanCount" style="color: Red"></span>
                      </td>
                    </tr>

                    <tr style="display:none">
                      <td style="height:30px">
                        发送方式：
                      </td>
                      <td colspan="2">
                        <div style="float: left;">
                          <input value="0" name="rbSendType" type="radio" id="rbSendType_0" checked="checked" /><label
                            for="rbSendType_0">立即发送</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp<input value="1"
                            name="rbSendType" type="radio" id="rbSendType_1" onclick="ChangeType()" /><label
                            onclick="ChangeType()" for="rbSendType_1">定时发送</label>
                        </div>
                        <div id="trDate" style="float: left; display: none;">
                          &nbsp;&nbsp;&nbsp;&nbsp;

                          <input name="txtTime" type="text" id="txtTime" style="width: 120px;" class="txtInput" />
                        </div>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </td>
            </tr>
            <tr>
              <td height="30px" align="center">
                <div class="layui-col-md12 btndiv">
                  <button class="layui-btn layui-btn-warm layui-btn-radius" lay-submit=""
                    lay-filter="SubmitData">发送</button>
                </div>
              </td>
            </tr>
          </table>
        </div>
      </div>
    </div>
  </form>

  @*<div class="quick-btn">快捷回复</div>*@
  <div class="layui-col-md3 quick-block">

    <div class="layui-card">
      <div class="layui-card-header">
        快捷回复
      </div>
      <div class="layui-card-header" style="display: inline-block;">
        <input type="text" style="width: 200px; display: inline;" placeholder="" autocomplete="off" class="layui-input"
          id="keyWord">
        <button class="layui-btn layui-btn-normal layui-btn-normal serchBtn">
          <i class="layui-icon">&#xe615; 查 询</i>
        </button>
      </div>
      <div class="layui-card-body">

        <div class="quick-head">
          <span class="tag action" data-attr="0">公共回复<span class="countNum gyNum"> </span></span>
          <span class="tag" data-attr="1">私有回复<span class="countNum syNum"></span>
        </div>
        <div class="quick-list"></div>
      </div>
    </div>
  </div>
</body>
<textarea id="inputs" type="hidden"></textarea>

</html>
<script src="/Content/js/sms/sentsave.js"></script>
<script>
  //快捷回复
  var quickType = 0;
  $(".quick-btn").click(function (event) {
    $(".quick-block").toggle()
  });
  $(".quick-head .tag").click(function () {
    quickType = $(this).attr("data-attr")
    $(".quick-head .tag").removeClass("action")
    $(this).addClass("action")
    quickData();
  })
  $(".serchBtn").click(function (event) {
    quickData();
    quicNum()
  });
  function quicNum(){
    //$.ajax({
    //  url: "/QuickMsgs/GetListData",
    //  type: "get",
    //  contentType: "application/json",
    //  dataType: "text",
    //  async: false,
    //  data: {
    //    type: 0,
    //    key: $("#keyWord").val(),
    //    page: 1,
    //    limit: 5,
    //  },
    //  success: function (thisResult) {
    //    if (eval('(' + thisResult + ')').msg == "成功") {
    //      var list = eval('(' + thisResult + ')').data;
    //      $(".gyNum").show()
    //      $(".gyNum").text(eval('(' + thisResult + ')').count)
          
    //    }
    //    else {
    //      layui.layer.alert("获取该部门下用户信息失败!", {
    //        icon: 2
    //      });
    //    }

    //  }
    //});
    //$.ajax({
    //  url: "/QuickMsgs/GetListData",
    //  type: "get",
    //  contentType: "application/json",
    //  dataType: "text",
    //  async: false,
    //  data: {
    //    type: 1,
    //    key: $("#keyWord").val(),
    //    page: 1,
    //    limit: 5,
    //  },
    //  success: function (thisResult) {
    //    if (eval('(' + thisResult + ')').msg == "成功") {
    //      var list = eval('(' + thisResult + ')').data;
    //      $(".syNum").show()
    //      $(".syNum").text(eval('(' + thisResult + ')').count)  
          
    //    }
    //    else {
    //      layui.layer.alert("获取该部门下用户信息失败!", {
    //        icon: 2
    //      });
    //    }

    //  }
    //});
  }
  quickData();
  quicNum()
  function quickData() {
    //$.ajax({
    //  url: "/QuickMsgs/GetListData",
    //  type: "get",
    //  contentType: "application/json",
    //  dataType: "text",
    //  async: false,
    //  data: {
    //    type: quickType,
    //    key: $("#keyWord").val(),
    //    page: 1,
    //    limit: 15,
    //  },
    //  success: function (thisResult) {
    //    if (eval('(' + thisResult + ')').msg == "成功") {
    //      var list = eval('(' + thisResult + ')').data;
    //      $(".quick-item").remove();
    //      var key_w = $("#keyWord").val();
          
    //      $(list).each(function (i, n) {
    //        var after_u = n.msg.replace(key_w, '<span style="color:red;">' + key_w + '</span>');
    //        $(".quick-list").append("<div class='quick-item'>" + after_u + "</div>");
    //      })
    //      $(".quick-list .quick-item").click(function (event) {

    //        var texts = $(this).text();
    //        var inputs = document.getElementById("inputs");
    //        inputs.value = texts; // 修改文本框的内容（赋值内容）
    //        inputs.select(); // 选中文本
    //        document.execCommand("copy"); // 执行浏览器复制命令
    //        alert("复制成功");//测试执行是否成

    //      });
    //    }
    //    else {
    //      layui.layer.alert("获取该部门下用户信息失败!", {
    //        icon: 2
    //      });
    //    }

    //  }
    //});
  }
</script>