@model WX.CRM.Model.Entity.QC_CustomerComplain_Check_View
@using WX.CRM.WebHelper
@using WX.CRM.IBLL.Util
@using WX.CRM.Model.Entity
@using WX.CRM.Common

@{
    ViewBag.Title = "投诉明细";
    Layout = "~/Views/Shared/_Index_Layout2.cshtml";
}
<div class="mvctool bgb">
    @Html.ToolButton("btnExport", "icon-save", "确认", "Save_Click", false)
</div>

<table class="fromEditTable">
    <tr>
        <td>客户ID：@Model.CustomerComplain.RESID</td>
        <td>投诉来源：@(Model.CustomerComplain.FROMTYPE == "1" ? "电话投诉" : "微信投诉")</td>
        <td>投诉等级：@Model.CustomerComplain.COMPLAINLEVEL</td>
    </tr>
    <tr>
        <td>提交人：@Model.CustomerComplain.SALESID</td>
        <td>提交时间：@Model.CustomerComplain.CTIME</td>
        <td>状态：@(Model.CustomerComplain.STATUS == -1 ? "未处理" : Model.CustomerComplain.STATUS == 0 ? "处理中" : "处理完成")</td>
    </tr>
    <tr>
        <td colspan="3">
            投诉内容：@Model.CustomerComplain.REASON
        </td>
    </tr>
    <tr>
        <td>处理之后等级：@Model.ServiceMemo.RECOMPLAINLEVEL</td>
        <td colspan="2">处理结果：@Model.ServiceMemo.MEMO</td>
    </tr>
</table>
<div class="bas_datagrid">
    @{
        if (Model.ServiceMemo.MemoList.Any())
        {
            <table class="bas_datagrid_table" style="width:100%">
                <tr>
                    <th>工单编号</th>
                    <th>客户ID</th>
                    <th>客户姓名</th>
                    <th>业务类型</th>
                    <th>工单内容</th>
                    <th>工单大类</th>
                    <th>工单小类</th>
                    <th>受理人</th>
                    <th>受理时间</th>
                    <th>开始时间</th>
                </tr>
                @{
                    ICACHE_Q _cache = DataCacheHelper.GetCache();
                    List<ORD_MEMOTYPE> memoTypeList = _cache.GetList_MemoType();//缓存读取 工单大类数据
                    List<ORD_MEMOSUBTYPE> memoSubTypeList = _cache.GetList_MemoSubType();//缓存读取 获取所有工单小类数据
                    ORD_MEMOTYPE memotype = null;
                    ORD_MEMOSUBTYPE memosubType = null;
                    foreach (var item in Model.ServiceMemo.MemoList)
                    {
                        memotype = memoTypeList.FirstOrDefault(m => m.TYPEID == item.MEMOTYPEID);
                        memosubType = memoSubTypeList.FirstOrDefault(m => m.SUBTYPEID == item.MEMOSUBTYPEID);
                        <tr>
                            <td>@item.MEMOID</td>
                            <td>@item.RESID</td>
                            <td>@item.CNAME</td>
                            <td>@item.BUSINESSID</td>
                            <td>@item.STRCONTENT</td>
                            <td>@memotype.TYPENAME</td>
                            <td>@memosubType.TYPENAME</td>
                            <td>@InnerUserHelper.Instance.EidAndName(item.INNERUSERID)</td>
                            <td>@item.CTIME</td>
                            <td>@item.CALLTIME</td>
                        </tr>
                    }
                }
            </table>
        }
    }
</div>
<div class="bas_datagrid">
    @{
        if (Model.ServiceMemo.RecordList.Any())
        {
            <table class="bas_datagrid_table" style="width:100%">
                <tr>
                    <th width="10%">编号</th>
                    <th width="20%">客户ID</th>
                    <th width="10%">呼叫类型</th>
                    <th width="10%">主叫号码</th>
                    <th width="10%">被叫号码</th>
                    <th width="10%">时长（秒）</th>
                    <th width="10%">开始时间</th>
                    <th width="10%">受理人</th>
                    <th width="10%">播放</th>
                </tr>
                @{
                    foreach (var item in Model.ServiceMemo.RecordList)
                    {
                        var strIsTran = string.Empty;
                        if (item.ISTRAN.HasValue && item.ISTRAN == 1)
                        {
                            strIsTran = "（转接）";
                        }
                        <tr>
                            <td>@item.RECORDID</td>
                            <td>@item.RESID</td>
                            @if (item.CALLTYPE.HasValue && item.CALLTYPE == 1)
                            {
                                <td><text>呼出</text>@strIsTran</td>
                                <td>@item.SERVICENUMBER</td>
                                <td>@item.TELNUMBERLAST4</td>
                            }
                            else
                            {
                                <td><text>呼入</text>@strIsTran</td>
                                <td>@item.TELNUMBERLAST4</td>
                                <td>@item.SERVICENUMBER</td>
                            }
                            <td>@item.TIMELENGTH</td>
                            <td>@item.TIMESTART</td>
                            <td>@InnerUserHelper.Instance.EidAndName(InnerUserHelper.Instance.GetUserIdByEid(item.SALESEID))</td>
                            <td><a href="javacript:void(0)" onclick="PalyRecord('http://@Utility.GetSettingByKey("shj").Substring(0,13)@item.FILENAME')">播放</a></td>
                        </tr>
                    }
                }
            </table>
        }
    }
</div>

<div id="recordPlayerWin"></div>

<script type="text/javascript">
    $(function () {
        $('#tablist').tablegrid({
            url: '/Quality/ComplainCustomer/Check',
            height: $(window).height() - 130,
            loadNow: true,
            isPage: false,
            data: GetControlValue
        });
        function GetControlValue() {
            return { id: @(Request["id"]) };
        }
    });

    function Save_Click() {
        $.r_post('/Quality/ComplainCustomer/FlagStatus', { id: @(Request["id"]), status:1 }, function (ret) {
            if (ret.type == 1) {
                $.messager.alert("警告", "操作成功！", "suceess");
            }
            else {
                $.messager.alert("警告", ret.message, "error");
            }
        });
    }

    function PalyRecord(url) {
        $('#recordPlayerWin').window({
            title: '播放录音', width: 330, height: 180, iconCls: 'icon-add', shadow: true,
            modal: true,
            closed: true,
            minimizable: false,
            maximizable: false,
            collapsible: false,
            onBeforeClose: function () {
            }
        }).window('open');
        $('#recordPlayerWin').html("<video controls=\"\" src=\"" + url + "\" style=\"width:300px; height:50px;\" autoplay=\"autoplay\" />");
    }

    function GetIframeHtml(src) {
        return "<iframe width='100%' height='98%' scrolling='no' frameborder='0' src='" + src + "'></iframe>";
    }

</script>