zhoufan
/
ZXDT_CallCenter


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
							@using ZXDT.CallCenter.MVCWeb.Models;
@using ZXDT.CallCenter.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" />

</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">


            <div class="layui-card layui-form">
                <div id="content" class="flowContent">
                    <table class="layui-table" lay-data="{height: 'full-20',page: true,limit:20, url:'/Customer/CusOrderData/?cusNumber=@Model.F_Telephone', id:'recordtable'}" lay-size="sm" lay-filter="demo">
                        <thead>
                            <tr>
                                <th lay-data="{type:'checkbox',  fixed: 'left'}"></th>
                                <th lay-data="{field:'F_CODE', width:160}">工单编号</th>
                                @if (Model.SeatFlag)
                                {
                                    <th lay-data="{field:'FilePath', width:60,align: 'center',templet:'#btnPlay'}">录音</th>
                                }
                                <th lay-data="{field:'F_CUSTOMERNAME', width:120}">客户姓名</th>
                                <th lay-data="{field:'F_CUSTOMERTELEPHONE', width:130, templet: '#btnCallOut'}">客户电话</th>
                                <th lay-data="{field:'F_LINKMAN', align: 'center',width:120}">坐席工号</th>
                                <th lay-data="{field:'F_REPAIRMANNAME', width:100}">坐席姓名</th>
                                <th lay-data="{field:'F_WORKORDERFROM', width:100}">接入渠道</th>
                                <th lay-data="{field:'F_CREATEDATENew',align: 'center',width:150}">受理时间</th>
                                <th lay-data="{field:'F_REPAIRREQUEST', width:100}">业务状态</th>
                                <th lay-data="{field:'F_CONTENT'}">内容</th>
                                <th lay-data="{field:'F_HOUSING', align: 'center', width:100}">业务类型</th>
                                <th lay-data="{field:'F_ADSLACCOUNT', align: 'center', width:140}">业务明细</th>
                                
                                    <th lay-data="{ width:180, 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">

    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="view">查看详情</a>
</script>
<script src="/Content/js/WorkOrder/workorderalllist.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>
</html>