zhangkun
/
ditie2.0_web


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339
							@using YTSoft.BaseCallCenter.MVCWeb.Models;
@using YTSoft.BaseCallCenter.Model;
<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>工单列表</title>

  <link href="/Content/layui/css/layui.css" rel="stylesheet" />
  <link href="/Content/css/public.css" rel="stylesheet" />
  <link href="/Content/layui/css/modules/layui-icon-extend/iconfont.css" type="text/css" rel=" stylesheet" />
  <link href="/Content/css/font-awesome/css/font-awesome.min.css" type="text/css" rel=" stylesheet" />
  <script src="/Content/js/jquery-1.8.3.min.js"></script>
  <script type="text/javascript" src="/Content/layui/layui.js"></script>
  <link href="/Content/css/callrecord/iconfont.css" rel="stylesheet" />
  <link href="/Content/css/callrecord/callrecord.css" rel="stylesheet" />
  <link href="/Content/css/workorder/eidtmyorder.css" rel="stylesheet" />
  <script src="~/Content/layui/loading.js"></script>
  <link href="~/Content/css/workorder/loading.css" rel="stylesheet" />
  <script src="/Content/js/Report/moment.js"></script>
  <script src="/Content/js/Report/GetDate.js"></script>
  <script src="/Content/layui/formatdate.js"></script>
</head>

<body class="childrenBody">
  <blockquote class="layui-elem-quote layui-text" style="font-size: larger; display: none;">
    工单列表
  </blockquote>
  <div class="layui-fluid">
    <div class=" layui-col-space15">
      @if (Model.SeatFlag)
      {
        <input type="hidden" value="1" id="SeatFlag" />
      }
      else
      {
        <input type="hidden" value="0" id="SeatFlag" />
      }
      <div class="layui-card">
        <div class="layui-card-body">
          <div class="layui-row layui-col-space10 searchfilter">
            <div class="layui-col-md7">
              <div class="layui-row layui-col-space10">
                <div class="layui-col-xs6">
                  <button class="layui-btn layui-btn-normal layui-btn-radius" data-type="oneDay">今天</button>
                  <button class="layui-btn layui-btn-normal layui-btn-radius" data-type="oneWeek">最近一周</button>
                  <button class="layui-btn layui-btn-normal layui-btn-radius" data-type="oneMonth">最近一月</button>
                  <button class="layui-btn layui-btn-normal layui-btn-radius" data-type="oneYear">最近一年</button>
                </div>
                <div class="layui-col-xs6">
                  <label class="layui-form-label">
                    受理日期：
                  </label>
                  <div class="layui-input-block">
                    <input type="text" class="layui-input dayParty" id="test10" style="width: 300px; max-width: 300px; "
                      placeholder=" - ">
                  </div>
                </div>

              </div>
            </div>

            <div class="layui-col-md5">
              <button class="layui-btn layui-btn-normal layui-btn-normal" data-type="reload">
                <i class="layui-icon">&#xe615; 查 询</i>
              </button>

              <button class="layui-btn layui-btn-normal layui-btn-normal" id="advanceBtn">
                <i class="layui-icon">&#xe614; 高 级</i>
              </button>

            </div>
          </div>
        </div>


      </div>

      <form class="layui-form collapsible_box">


        <div class="layui-form-item">
          <div class="layui-input-inline">
            <label class="layui-form-label">工单编号</label>
            <div class="layui-input-block">
              <input id="workorderNum" type="text" name="title" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-input-inline">
            <label class="layui-form-label">客户姓名</label>
            <div class="layui-input-block">
              <input id="cusName" type="text" name="title" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-input-inline">
            <label class="layui-form-label">客户电话</label>
            <div class="layui-input-block">
              <input id="phoneNumber" type="text" name="title" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-input-inline">
            <label class="layui-form-label">坐席工号</label>
            <div class="layui-input-block">
              <input id="userInfo" type="text" name="title" autocomplete="off" class="layui-input">
            </div>
          </div>

          <div class="layui-input-inline">
            <label class="layui-form-label">业务状态</label>
            <div class="layui-input-block">
              <select id="status">
                <option value=""></option>
                <option value="0">未处理</option>
                <option value="1">处理中</option>
                @*<option value="2">已办结</option>*@
                <option value="3">待回访</option>
                <option value="4">待定责</option>
                <option value="5">已处理</option>
              </select>
            </div>
          </div>
          @* <div class="layui-input-inline">
            <label class="layui-form-label">定责状态</label>
            <div class="layui-input-block">
            <select id="F_HASTENCOUNTS">
            <option value=""></option>
            <option value="0">未定责</option>
            <option value="1">已定责</option>
            </select>
            </div>
            </div> *@
        </div>

        <div class="layui-form-item">

          <div class="layui-input-inline">
            <label class="layui-form-label">接入渠道</label>
            <div class="layui-input-block">
              <select id="FromType">
                <option value=""></option>
                <option value="1">语音工单</option>
                <option value="2">留言工单</option>
                <option value="4">微博工单</option>
              </select>
            </div>
          </div>
          <div class="layui-input-inline">
            <label class="layui-form-label">处理方式</label>
            <div class="layui-input-block">
              <select id="GoType">
                <option value=""></option>
                @foreach (T_Sys_DictionaryValue dicModel in Model.GoTypeModelList)
                {

                  <option value="@dicModel.F_ValueCode">@dicModel.F_Name</option>
                }
              </select>
            </div>
          </div>
          <input type="hidden" id="bussType" value="3">
          

          <div class="layui-input-inline">
            <label class="layui-form-label">业务明细</label>
            <div class="layui-input-block">
              <select id="bussDetail" lay-search="" >
                @* <option value="">全部</option>
                <option value="33">投诉安检工作人员</option>
                <option value="34">投诉站务工作人员</option>
                <option value="35">投诉其他部门工作人员</option>
                <option value="36">政策规定类</option>
                <option value="37">设备类</option>
                <option value="44">投诉商易行APP</option>
                <option value="38">其他投诉类</option> *@
              </select>
            </div>
          </div>

          <div class="layui-input-inline">
            <label class="layui-form-label">内容</label>
            <div class="layui-input-block">
              <input id="Content" type="text" name="title" autocomplete="off" class="layui-input">
            </div>
          </div>
        </div>

      </form>

      <div class="layui-card layui-form">
        <div id="content" class="flowContent">
          <table class="layui-table"
            lay-data="{height: 'full-120',page: true,limit:20, url:'/Order/OverOrderData/?NowDateTime=@Model.NowDateTime&overtime=1', id:'recordtable'}"
            lay-size="sm" lay-filter="demo">
            <thead>
              <tr>

                <th lay-data="{field:'F_CODE', width:120}">工单编号</th>
                @if (Model.SeatFlag)
                {
                  <th lay-data="{field:'FilePath', width:60,align: 'center',templet:'#btnPlay'}">录音</th>
                }
                <th lay-data="{field:'F_CUSTOMERNAME', width:100}">客户姓名</th>
                <th lay-data="{field:'F_CUSTOMERTELEPHONE', width:130, templet: '#btnCallOut'}">客户电话</th>
                <th lay-data="{field:'F_LINKMAN', align: 'center',width:85}">坐席工号</th>
                <th lay-data="{field:'F_REPAIRMANNAME', width:85}">坐席姓名</th>
                <th lay-data="{field:'F_WORKORDERFROM', width:85}">接入渠道</th>
                <th lay-data="{field:'F_CREATEDATENew',align: 'center',width:150}">受理时间</th>
                <th lay-data="{field:'F_OVERTIMES',align: 'center',width:150, templet: '#OVERTIMES'}">超时时间</th>

                <th lay-data="{field:'F_REPAIRREQUEST', width:85}">业务状态</th>
                <th lay-data="{field:'F_HASTENCOUNTS', align: 'center', width:90}">已定责次数</th>
                <th lay-data="{field:'F_CONTENT'}">内容</th>
                <th lay-data="{field:'F_RETURNVISITCONTENT',align: 'letf', width:90}">处理回复内容</th>
                <th lay-data="{field:'F_RETURNVISITOPINION',align: 'letf', width:90}">回访内容</th>
                <th lay-data="{field:'F_HOUSING', align: 'center', width:70}">业务类型</th>
                <th lay-data="{field:'F_ADSLACCOUNT', align: 'center', width:110}">业务明细</th>
                <th lay-data="{ width:90, align:'center', toolbar: '#barDemo'}">操作</th>

              </tr>
            </thead>
          </table>
        </div>
        <img id="progressImgage" class="progress hide" alt="" src="@Url.Content("~/Content/images/ajax-loader.gif")" />
        <div id="maskOfProgressImage" class="mask hide"></div>
      </div>


    </div>
  </div>
  <script type="text/javascript">
    function Player(callid, orderTypeName) {
      layui.use('layer', function () {
        var layer = layui.layer;

        if (orderTypeName == "留言工单") {
          layer.open({
            type: 2,
            anim: 4,
            scrollbar: false,
            content: '/CallRecord/VoicePlay/?type=1&callid=' + callid,
            area: ['600px', '380px'],
            id: 'playRecordFrame',
            title: '听取留言'
            , shade: 0
            , maxmin: true
          });
        }
        else {
          layer.open({
            type: 2,
            anim: 4,
            scrollbar: false,
            content: '/CallRecord/VoicePlay/?type=0&callid=' + callid,
            area: ['600px', '380px'],
            id: 'playRecordFrame',
            title: '听取录音'
            , shade: 0
            , maxmin: true
          });

        }
      });
    }
    
  </script>


</body>
<script type="text/html" id="barDemo">
    @if (Model.OrderType == 2)
  {
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="reset">撤回</a>
  }

    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="view">查看详情</a>
</script>
<script src="/Content/js/WorkOrder/OverOrderView.js" charset="utf-8"></script>
<script type="text/html" id="btnCallOut">
    {{#  if(d.F_CUSTOMERTELEPHONE === ''||d.F_CUSTOMERTELEPHONE == null){ }}

    {{#  } else { }}
    <i class="fa fa-phone-square" style="color:green; cursor:pointer;" onclick="top.PhoneCallOut(1, '{{d.F_CUSTOMERTELEPHONE}}');" title="拨打{{d.F_CUSTOMERTELEPHONE }}"></i>&nbsp;&nbsp;&nbsp;{{d.F_CUSTOMERTELEPHONE }}
    {{#  } }}
</script>

<script type="text/html" id="btnPlay">
    {{#  if(d.FilePath!=null&&d.FilePath!=""){ }}
    <i class="fa fa-headphones" style="color:blue; cursor:pointer;" onclick="Player('{{d.FilePath}}', '{{d.F_WORKORDERFROM}}');" title="听录音"></i>   
    {{#  } else { }}
    {{#  } }}
</script>
<script type="text/html" id="OVERTIMES">
    {{#  if(d.F_OVERTIMES > 0){ }}
    <span style ="color:red">{{d.F_OVERTIME}}</span>  
    {{#  } else { }}
    {{#  } }}
</script>
<script>
    bussDetail()
    function bussDetail(){
      $.ajax({
        url: "/WorkOrder/GetBussType",
        type: "get",
        contentType: "application/json",
        dataType: "text",
        cache: false,
        data: { "bussnessType": 3 },
        success: function (result, status) {

          if (status) {
            
            $("#bussDetail").append("<option value='' >全部</option>");
            var list = eval("(" + result + ")");
            if (list.length > 0) {
              for (var i = 0; i < list.length; i++) {
                $("#bussDetail").append("<option  value='" + list[i].F_WorkOrderTypeId + "'>" + list[i].F_Name + "</option>");
              }
            }

            
          }
          else {
            layui.layer.alert("获取信息失败!", {
              icon: 2
            });
          }

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