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>
            <div class="layui-col-md4">

                @if (@Model.WorkOrderBaseModel.F_REPAIRMANID == 3)
              {
                  <label class="layui-form-label">微信号</label>
                  <div class="layui-input-block">
                      <span id="F_CustomerEName" class="layui-form-label" style="text-align:left">@Model.WorkOrderBaseModel.F_EMPCODE</span>
                  </div>
              }
              else if (@Model.WorkOrderBaseModel.F_REPAIRMANID == 4)
              {
                  <label class="layui-form-label">微博号</label>
                  <div class="layui-input-block">
                      <span id="F_CustomerEName" class="layui-form-label" style="text-align:left">@Model.WorkOrderBaseModel.F_EMPCODE</span>
                  </div>
              }
            </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>

      @*}*@

      @if (Model.WorkOrderBaseModel.F_INSTALLADDRESS != null)
      {
        <div>
          <div class="divTittle"> 附件</div>
          <div class="layui-row layui-col-space5" style="margin: 15px 30px;">
            <span class="test3File">@Model.WorkOrderBaseModel.F_INSTALLADDRESS</span>
            <a href="@Model.WorkOrderBaseModel.F_INSTALLADDRESS"
              download="@Model.WorkOrderBaseModel.F_INSTALLADDRESS">下载</a>
          </div>
        </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();
    console.log(callRecord)
    if (callRecord != null && callRecord != "") {
      var url = "http://rexian.zzmetro.com/order/" + callRecord;
      window.open(url, "聊天记录");
    }
    else {

      layer.msg('暂无聊天记录！', { icon: 5, time: 2000 });
    }
  }
</script>