ditie2.0_web/web/YTSoft.BaseC.../Views/WorkOrder/ViewMyOrder....

@using YTSoft.BaseCallCenter.MVCWeb.Models;
@using YTSoft.BaseCallCenter.Model;
<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" />
<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" />
<link href="/Content/css/callrecord/iconfont.css" rel="stylesheet" />
@*<link href="/Content/css/workorder/eidtmyorder.css" rel="stylesheet" />*@

<div style="height:99%;width:99%">
    <div class="rightSide" style=" height: 30px; line-height: 30px;background-color: #CCCEDB;font-weight: 700; padding-left: 10px;margin-bottom: 10px;">
        <input name="F_WORKORDERID" value="@Model.WorkOrderBaseModel.F_WORKORDERID" type="hidden" class="layui-input" />
        <input name="F_FORMID" value="@Model.WorkOrderBaseModel.F_FORMID" type="hidden" class="layui-input" />
        <input name="F_WORKORDERSTATEID" value="@Model.WorkOrderBaseModel.F_WORKORDERSTATEID" type="hidden" class="layui-input" />
        <input id="F_CODE" value="@Model.WorkOrderBaseModel.F_CODE" type="hidden" class="layui-input" />
        <input id="F_SERVICEWAY" value="@Model.WorkOrderBaseModel.F_SERVICEWAY" type="hidden" class="layui-input" />


        <div id="PrintA">

            <div>
                <div class="divTittle" style="height: 30px;line-height: 30px; background-color: #CCCEDB; font-weight: 700;padding-left: 10px;margin-bottom: 10px;">市民信息</div>
                <ul>
                    <li class="layui-row layui-col-space5">

                        <div class="layui-col-md4" style="list-style:none;">
                            <label class="layui-form-label">姓名：</label>

                            <span class="layui-form-label labelcontent">@Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerName</span>

                        </div>

                        <div class="layui-col-md4">
                            <label class="layui-form-label">来电电话：</label>
                          
                            <span class="layui-form-label  labelcontent">
                                @if (!string.IsNullOrEmpty(Model.WorkOrderBaseModel.F_CUSTOMERTELEPHONE))
                                {
                                    <i class="fa fa-phone-square" style="color:green; cursor:pointer;" onclick="top.PhoneCallOut(1, '@Model.WorkOrderBaseModel.F_CUSTOMERTELEPHONE');" title="拨打 @Model.WorkOrderBaseModel.F_CUSTOMERTELEPHONE"></i>
                                }

                                @Model.WorkOrderBaseModel.F_CUSTOMERTELEPHONE

                            </span>

                        </div>
                        <div class="layui-col-md4">
                            <label class="layui-form-label">回复电话：</label>

                            <span class="layui-form-label  labelcontent">
                                @if (!string.IsNullOrEmpty(Model.WorkOrderBaseModel.CustomerBaseModel.F_Telephone))
                                {
                                    <i class="fa fa-phone-square" style="color:green; cursor:pointer;" onclick="top.PhoneCallOut(1, '@Model.WorkOrderBaseModel.CustomerBaseModel.F_Telephone');" title="拨打 @Model.WorkOrderBaseModel.CustomerBaseModel.F_Telephone"></i>
                                }@Model.WorkOrderBaseModel.CustomerBaseModel.F_Mobile
                            </span>

                        </div>
                    </li>
                    <li class="layui-row layui-col-space5">

                        <div class="layui-col-md4">
                            <label class="layui-form-label">性别：</label>

                            <span class="layui-form-label  labelcontent">
                                @if (!string.IsNullOrEmpty(Model.WorkOrderBaseModel.CustomerBaseModel.F_Mobile))
                                {
                                    <i class="fa fa-phone-square" style="color:green; cursor:pointer;" onclick="top.PhoneCallOut(1, '@Model.WorkOrderBaseModel.CustomerBaseModel.F_Mobile');" title="拨打 @Model.WorkOrderBaseModel.CustomerBaseModel.F_Mobile"></i>
                                }@Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerPym
                            </span>

                        </div>

                        <div class="layui-col-md4">
                            <label class="layui-form-label">年龄段：</label>
                            <span class="layui-form-label  labelcontent">@Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerCode</span>

                        </div>

                    </li>
                    <li class="layui-row layui-col-space5">

                        <div class="layui-col-md4">
                            <label class="layui-form-label">常进站：</label>

                            <span class="layui-form-label DicSelect  labelcontent">@Model.WorkOrderBaseModel.CustomerBaseModel.F_Fax</span>

                        </div>

                        <div class="layui-col-md4">
                            <label class="layui-form-label">常出站：</label>

                            <span class="layui-form-label DicSelect  labelcontent">@Model.WorkOrderBaseModel.CustomerBaseModel.F_Email</span>

                        </div>

                    </li>
                </ul>
            </div>
            <div>
                <div class="divTittle" style="height: 30px;line-height: 30px; background-color: #CCCEDB; font-weight: 700;padding-left: 10px;margin-bottom: 10px;"> 详细信息</div>
                <ul>

                    <li class="layui-row layui-col-space5">

                        <div class="layui-col-md4">
                            <label class="layui-form-label">坐席工号：</label>

                            <span class="layui-form-label  labelcontent">@Model.WorkOrderBaseModel.F_LINKMAN</span>

                        </div>

                        <div class="layui-col-md4">
                            <label class="layui-form-label">坐席姓名：</label>

                            <span class="layui-form-label  labelcontent">@Model.WorkOrderBaseModel.F_REPAIRMANNAME</span>

                        </div>

                    </li>

                    <li class="layui-row ">
                        <div class="layui-col-md12">
                            <label class="layui-form-label">概要：</label>
                            @Model.WorkOrderBaseModel.F_RETURNVISITPROBLEM

                        </div>
                    </li>
                    <li class="layui-row layui-col-space5">

                        <div class="layui-col-md4">
                            <label class="layui-form-label">业务类型：</label>

                            <span class="layui-form-label  labelcontent">@Model.WorkOrderBaseModel.F_ADSLACCOUNT</span>

                        </div>

                        <div class="layui-col-md4">
                            <label class="layui-form-label">事发车站：</label>

                            <span class="layui-form-label  labelcontent">@Model.WorkOrderBaseModel.F_WORKORDERNAME</span>

                        </div>

                    </li>
                    <li class="layui-row ">

                        <div class="layui-col-md12">
                            <label class="layui-form-label">内容：</label>

                            @Model.WorkOrderBaseModel.F_CONTENT

                        </div>
                    </li>


                </ul>  
            </div>




            @if (Model != null && Model.HistoryOrderList != null && Model.HistoryOrderList.Count > 0)
            {<div>
                <div class="divTittle" style="height: 30px;line-height: 30px; background-color: #CCCEDB; font-weight: 700;padding-left: 10px;margin-bottom: 10px;"> 历史处理方式</div>

                <ul class="layui-timeline">

                    <li class="layui-timeline-item" style=" margin:20px">
                        <i class="layui-icon layui-timeline-axis" style="top:5px;">&#xe63f;</i>
                        <div class="layui-timeline-content layui-text">


                            <h3 class="layui-timeline-title" style="font-size:14px; font-weight: bold">

                                1、<i class="layui-icon" style="font-size: 20px; color: #1E9FFF;">&#xe60e;</i> 操作时间：@string.Format("{0:yyyy-MM-dd HH:mm:ss}", Model.HistoryOrderList[0].F_OPTDATE)<i class="layui-icon" style="font-size: 20px; color: #1E9FFF;">&#xe60c;</i>  处理方式：转办 <i class="layui-icon" style="font-size: 20px; color: #1E9FFF;">&#xe756;</i> 处理状态:已处理 <i class="layui-icon" style="font-size: 20px; color: #1E9FFF;">&#xe612;</i> 处理人：@Model.WorkOrderBaseModel.F_REPAIRMANNAME
                            </h3>


                            @if (!string.IsNullOrEmpty(Model.WorkOrderBaseModel.F_RETURNVISITCONTENT))
                            { <p>
                                @Model.WorkOrderBaseModel.F_RETURNVISITCONTENT
                            </p>
                            }
                            else
                            {
                                <p>
                                    无
                                </p>
                            }

                        </div>
                    </li>



                    @for (int i = 0; i < Model.HistoryOrderList.Count; i++)
                    {
                        <li class="layui-timeline-item" style=" margin:20px">
                            <i class="layui-icon layui-timeline-axis" style="top:5px;">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">

                                @if (Model.HistoryOrderList[i].NeedReplayTime != null)
                                {

                                    <h3 class="layui-timeline-title" style="font-size:14px;font-weight:bold">
                                        @(i + 2) 、<i class="layui-icon" style="font-size: 20px; color: #1E9FFF;">&#xe60e;</i> 转派时间：@string.Format("{0:yyyy-MM-dd HH:mm:ss}", Model.HistoryOrderList[i].F_OPTDATE)<i class="layui-icon" style="font-size: 20px; color: #1E9FFF;">&#xe60e;</i> 操作时间：@Model.HistoryOrderList[i].ReplayTimeFormat<i class="layui-icon" style="font-size: 20px; color: #1E9FFF;">&#xe60c;</i>  处理方式：转办 <i class="layui-icon" style="font-size: 20px; color: #1E9FFF;">&#xe756;</i> 处理状态:@Model.HistoryOrderList[i].F_StateName<i class="layui-icon" style="font-size: 20px; color: #1E9FFF;">&#xe613;</i> 处理部门:@Model.HistoryOrderList[i].F_NEXTOWNERARRID <i class="layui-icon" style="font-size: 20px; color: #1E9FFF;">&#xe612;</i> 处理人：@Model.HistoryOrderList[i].F_UserName <i class="layui-icon" style="font-size: 20px; color: #1E9FFF;">&#xe60e;</i> 要求回复时间：@string.Format("{0:yyyy-MM-dd}", Model.HistoryOrderList[i].NeedReplayTime)
                                    </h3>
                                }


                                else
                                {
                                    <h3 class="layui-timeline-title" style="font-size:14px; font-weight: bold">

                                        @(i + 2) 、<i class="layui-icon" style="font-size: 20px; color: #1E9FFF;">&#xe60e;</i> 转派时间：@string.Format("{0:yyyy-MM-dd HH:mm:ss}", Model.HistoryOrderList[i].F_OPTDATE)<i class="layui-icon" style="font-size: 20px; color: #1E9FFF;">&#xe60e;</i> 操作时间：@Model.HistoryOrderList[i].ReplayTimeFormat<i class="layui-icon" style="font-size: 20px; color: #1E9FFF;">&#xe60c;</i>  处理方式：转办 <i class="layui-icon" style="font-size: 20px; color: #1E9FFF;">&#xe756;</i> 处理状态:@Model.HistoryOrderList[i].F_StateName <i class="layui-icon" style="font-size: 20px; color: #1E9FFF;">&#xe613;</i> 处理部门:@Model.HistoryOrderList[i].F_NEXTOWNERARRID <i class="layui-icon" style="font-size: 20px; color: #1E9FFF;">&#xe612;</i> 处理人：@Model.HistoryOrderList[i].F_UserName  <i class="layui-icon" style="font-size: 20px; color: #1E9FFF;">&#xe60e;</i> 要求回复时间：无
                                       
                                    </h3>
                                }


                                @if (!string.IsNullOrEmpty(Model.HistoryOrderList[i].F_REMARK))
                                { <p>
                                    @Model.HistoryOrderList[i].F_REMARK
                                </p>
                                }
                                else
                                {
                                    <p>
                                        无
                                    </p>
                                }

                            </div>
                        </li>
                    }

                </ul>


            </div>
            }
            else
            {
                <div>
                    <div class="divTittle" style="height: 30px;line-height: 30px; background-color: #CCCEDB; font-weight: 700;padding-left: 10px;margin-bottom: 10px;"> 处理方式</div>
                    <ul>
                        <li class="layui-row ">

                            <div class="layui-col-md12">
                                <label class="layui-form-label">处理方式:</label>

                                @if (Model != null && Model.GoTypeModelList != null && Model.GoTypeModelList.Count > 0)
                                {
                                    foreach (T_Sys_DictionaryValue dicModel in Model.GoTypeModelList)
                                    {
                                        if (Model.WorkOrderBaseModel.F_WORKORDERTYPEID != null && Model.WorkOrderBaseModel.F_WORKORDERTYPEID > 0 && dicModel.F_ValueCode == Model.WorkOrderBaseModel.F_WORKORDERTYPEID.ToString())
                                        {
                                            @dicModel.F_Name
                                        }

                                    }
                                }

                            </div>
                        </li>

                        <li class="layui-row ">

                            <div class="layui-col-md12">
                                <label class="layui-form-label">回复：</label>

                                @Model.WorkOrderBaseModel.F_RETURNVISITCONTENT

                            </div>
                        </li>

                    </ul>
                </div>
            }
            @*@if (Model.WorkOrderBaseModel.F_RETURNVISITFLAG == 1)
            {*@
                <div>
                    <div class="divTittle" style="height: 30px;line-height: 30px; background-color: #CCCEDB; font-weight: 700;padding-left: 10px;margin-bottom: 10px;"> 回访</div>
                    <ul>

                        <li class="layui-row layui-col-space5">

                            <div class="layui-col-md4">
                                <label class="layui-form-label">是否回访：</label>

                                @if (Model.WorkOrderBaseModel.F_RETURNVISITFLAG == 1)
                                {
                                    <span class="layui-form-label  labelcontent">  回访</span>
                                }
                                else
                                {
                                    <span class="layui-form-label  labelcontent">  不回访</span>
                                }

                            </div>

                            <div class="layui-col-md4">
                                <label class="layui-form-label" style="width:120px;">计划回访时间：</label>

                                @if (Model.WorkOrderBaseModel.F_RETURNVISITTIME != null)
                                {

                                    <span class="layui-form-label  labelcontent">@string.Format("{0:yyyy-MM-dd}", Model.WorkOrderBaseModel.F_RETURNVISITTIME)</span>
                                }
                                else
                                {
                                    <span class="layui-form-label  labelcontent">无</span>
                                }


                            </div>

                        </li>
                        <li class="layui-row layui-col-space5">
                            <div class="layui-col-md4">
                                <label class="layui-form-label">回访时间：</label>
                                @if (Model.WorkOrderBaseModel.F_REMAINDERENDTIME != null)
                                {
                                    <span class="layui-form-label  labelcontent">@string.Format("{0:yyyy-MM-dd}", Model.WorkOrderBaseModel.F_REMAINDERENDTIME)</span>
                                }
                                else
                                {
                                    <span class="layui-form-label  labelcontent">无</span>

                                }



                            </div>
                            <div class="layui-col-md4">
                                <label class="layui-form-label" style="width:120px;">回访满意度：</label>

                                @if (Model.WorkOrderBaseModel.F_RETURNVISITRESULT != null)
                                {
                                    if (Model.WorkOrderBaseModel.F_RETURNVISITRESULT == 1)
                                    {
                                        <span class="layui-form-label  labelcontent">满意</span>
                                    }
                                    else if (Model.WorkOrderBaseModel.F_RETURNVISITRESULT == 2)
                                    {
                                        <span class="layui-form-label  labelcontent">一般</span>
                                    }
                                    else if (Model.WorkOrderBaseModel.F_RETURNVISITRESULT == 3)
                                    {
                                        <span class="layui-form-label  labelcontent">不满意</span>
                                    }
                                    else
                                    {
                                        <span class="layui-form-label  labelcontent">无</span>

                                    }
                                }
                                else
                                {
                                    <span class="layui-form-label  labelcontent">无</span>

                                }



                            </div>
                        </li>
                        <li class="layui-row ">

                            <div class="layui-col-md12">
                                <label class="layui-form-label">回访内容：</label>

                                @Model.WorkOrderBaseModel.F_RETURNVISITOPINION

                            </div>
                        </li>
                    </ul>
                </div>

            @*}*@
        </div>
        <div>
            <ul>
                <li class="layui-row">
                    <div class="layui-col-md12 btndiv">

                        <input type="button" class="layui-btn" onclick="javascript:AllAreaWord();" value="导出页面内容到Word">
                        @if (@Model.WorkOrderBaseModel.F_REPAIRMANID > 2)
                        {
                            <input type="button" class="layui-btn" onclick="javascript: showCallDetails();" value="查看聊天记录">
                        }
                    </div>
                </li>
            </ul>
        </div>
    </div>

</div>


<script src="~/Content/js/jquery-1.8.3.min.js"></script>
<script src="/Content/js/WorkOrder/editmyorder.js" type="text/javascript" charset="utf-8"></script>
<script src="~/Content/js/FileSaver.js"></script>
<script src="~/Content/js/worldExport.js"></script>
<script type="text/javascript">
    //指定页面区域内容导入Word
    function AllAreaWord() {
        var fileName = $("#F_CODE").val() + "工单详情";
        $("#PrintA").wordExport(fileName);                  //fileName为导出的word文件的命名,content为要导出的html内容容器
        //html2canvas(document.getElementById("content"), {
        //    onrendered: function (canvas) {
        //        //通过html2canvas将html渲染成canvas，然后获取图片数据
        //        var imgData = canvas.toDataURL('image/jpeg');

        //        //初始化pdf，设置相应格式
        //        var doc = new jsPDF("p", "mm", "a4");

        //        doc.setFillColor(0, 0, 0);

        //        //这里设置的是a4纸张尺寸
        //        doc.addImage(imgData, 'JPEG', 0, 0, 210, 297);

        //        //输出保存命名为content的pdf
        //        doc.save('content.pdf');
        //    }
        //});
    }


    function showCallDetails() {
        var callRecord = $("#F_SERVICEWAY").val();

        if (callRecord != null && callRecord != "") {
            var url = "http://zzmetro-kf.sujie-china.com/order/" + callRecord;
            window.open(url, "聊天记录");
        }
        else
        {
           
            layer.msg('暂无聊天记录！', { icon: 5, time: 2000 });
        }
    }
</script>