@using ZXDT.CallCenter.MVCWeb.Models;
@using ZXDT.CallCenter.Model;

<script src="/Content/js/jquery-1.8.3.min.js"></script>
<link href="/Content/layui/css/layui.css" rel="stylesheet" />
<script src="/Content/js/ZXDT.http.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" />
<script src="/Content/layui/formatdate.js"></script>
<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" />*@
<link href="/Content/layui/zTree/v3/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" />
<script src="/Content/layui/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
<style>
  .ztree {
    height: 360px;
    overflow-y: auto;
    position: absolute;
    width: 288px;
    left: 0px;
    top: 30px;
    z-index: 11;
    background: #ffffff;
    border: 1px solid #cccccc;
    display: none;
  }

  .xl {
    background: url(../../Content/images/downSelect.png);
    background-position: center center;
    width: 20px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 1px;
    background-color: #1ab394;
    cursor: pointer;
  }

  .xl:hover {
    background-color: #e6d523;
  }
</style>
<form class="layui-form">

  <div>
    <div class="rightSide">
      <input id="F_WORKORDERID" 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 name="F_REPAIRMANID" value="@Model.WorkOrderBaseModel.F_REPAIRMANID" type="hidden" class="layui-input" />
      <input name="F_WORKORDERFROM" value="@Model.WorkOrderBaseModel.F_WORKORDERFROM" type="hidden"
        class="layui-input" />
      <input id="F_HISTORYID" name="F_HISTORYID" value="@Model.WorkOrderBaseModel.F_WORKORDERFROM" type="hidden"
        class="layui-input" />
      <div>
        <div class="divTittle"> 市民信息</div>
        <ul>
          <li class="layui-row layui-col-space5">

            <div class="layui-col-md4">
              <label class="layui-form-label">姓名</label>
              <div class="layui-input-block">
                <span
                  class="layui-form-label  labelcontent">@Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerName</span>
              </div>
            </div>

            <div class="layui-col-md4">
              <label class="layui-form-label">来电电话</label>
              <div class="layui-input-block">
                <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>
                  }
                  <span id="F_Telephone">
                    @Model.WorkOrderBaseModel.CustomerBaseModel.F_Telephone
                  </span>
                </span>

              </div>
            </div>
            <div class="layui-col-md4">
              <label class="layui-form-label">回复电话</label>
              <div class="layui-input-block">
                <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_Mobile
                </span>
              </div>
            </div>
          </li>
          <li class="layui-row layui-col-space5">

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

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

            <div class="layui-col-md4">
              <label class="layui-form-label">年龄段</label>
              <div class="layui-input-block">
                <span
                  class="layui-form-label  labelcontent">@Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerCode</span>
              </div>
            </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>
              <div class="layui-input-inline DicSelect">

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

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

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

          </li>
        </ul>
      </div>
      <div>
        <div class="divTittle"> 详细信息</div>
        <ul>

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

            <div class="layui-col-md4">
              <label class="layui-form-label">坐席工号</label>
              <div class="layui-input-inline">
                <span class="layui-form-label  labelcontent">@Model.WorkOrderBaseModel.F_LINKMAN</span>
              </div>
            </div>

            <div class="layui-col-md4">
              <label class="layui-form-label">坐席姓名</label>
              <div class="layui-input-inline ">
                <span class="layui-form-label  labelcontent">@Model.WorkOrderBaseModel.F_REPAIRMANNAME</span>
              </div>
            </div>

          </li>



          <li class="layui-row ">
            <div class="layui-col-md12">
              <label class="layui-form-label">概要</label>
              <div class="layui-input-block">

                @if (!string.IsNullOrEmpty(Model.WorkOrderBaseModel.F_RETURNVISITPROBLEM))
                {
                  <textarea placeholder="" style=" border:0px;" readonly
                    class="layui-textarea">@Model.WorkOrderBaseModel.F_RETURNVISITPROBLEM </textarea>
                }
                else
                {
                  <textarea placeholder="" style=" border:0px;" readonly
                    class="layui-textarea">@Model.BussnessContnet</textarea>
                }


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

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

            <div class="layui-col-md4">
              <label class="layui-form-label">业务类型</label>
              <div class="layui-input-inline">
                <span class="layui-form-label  labelcontent">@Model.WorkOrderBaseModel.F_ADSLACCOUNT</span>
              </div>
            </div>

            <div class="layui-col-md4">
              <label class="layui-form-label">事发车站</label>
              <div class="layui-input-inline ">
                <span class="layui-form-label  labelcontent">@Model.WorkOrderBaseModel.F_WORKORDERNAME</span>
              </div>
            </div>

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

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

                <textarea placeholder="" style=" border:0px;" readonly
                  class="layui-textarea">@Model.WorkOrderBaseModel.F_CONTENT </textarea>
              </div>
            </div>
          </li>


        </ul>
      </div>

      @if (Model != null && Model.HistoryOrderList != null && Model.HistoryOrderList.Count > 0)
      {
        <div>
          <div class="divTittle"> 历史处理方式</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> 
                      
                      @if (!string.IsNullOrEmpty(Model.HistoryOrderList[i].F_REMARK))
                    {
                     if (Model.HistoryOrderList[i].F_REMARK.Contains("撤回"))
                      {
                         <span>处理方式: 撤回</span>
                      }
                      else if (Model.HistoryOrderList[i].F_REMARK.Contains("驳回"))
                      {
                         <span>处理方式：驳回</span>
                      } else{
                          <span>处理方式：转办</span>
                      }


                     }
                     else
                     {
                        
                            <span> 处理方式：转办 </span>
                     }

                      <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"> 处理方式</div>
          <ul>
            <li class="layui-row ">

              <div class="layui-col-md12">
                <label class="layui-form-label">处理方式</label>
                <div class="layui-input-block">
                  @if (Model != null && Model.GoTypeModelList != null && Model.GoTypeModelList.Count > 0)
                  {
                    foreach (T_Sys_DictionaryValue dicModel in Model.GoTypeModelList)
                    {
                      if (dicModel.F_ValueCode == Model.WorkOrderBaseModel.F_WORKORDERTYPEID.ToString())
                      {
                        <input name="vis" type="radio" value="@dicModel.F_ValueCode" title="@dicModel.F_Name" checked=""
                          disabled="" />
                      }
                      else
                      {
                        <input name="vis" type="radio" value="@dicModel.F_ValueCode" title="@dicModel.F_Name" disabled="" />
                      }
                    }
                  }
                </div>
              </div>
            </li>
            <li class="layui-row layui-col-space5">

              <div class="layui-col-md4">
                <label class="layui-form-label">接收部门</label>
                <div class="layui-input-block">
                  <div class="layui-input-inline">
                    <span class="layui-form-label  labelcontent">@Model.WorkOrderBaseModel.F_DEPTCODE</span>
                  </div>
                </div>
              </div>

              <div class="layui-col-md4">
                <label class="layui-form-label">接收员</label>
                <div class="layui-input-inline">
                  <span class="layui-form-label  labelcontent">@Model.WorkOrderBaseModel.F_USERNAME</span>

                </div>
              </div>
              <div class="layui-col-md4">
                <label class="layui-form-label">回复时间</label>
                <div class="layui-input-block">
                  @if (Model.WorkOrderBaseModel.F_SENTORDERTIME != null)
                  {

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

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

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

                  <textarea placeholder="" style=" border:0px;" readonly
                    class="layui-textarea">@Model.WorkOrderBaseModel.F_RETURNVISITCONTENT </textarea>
                </div>
              </div>
            </li>

          </ul>
        </div>
      }
      @if (Model.DType == 1)
      {
        <div>
          <div class="divTittle"> 处理方式</div>
          <ul>
            <li class="layui-row ">

              <div class="layui-col-md12">
                <label class="layui-form-label">处理方式</label>
                <div class="layui-input-block">
                  @if (Model != null && Model.GoTypeModelList != null && Model.GoTypeModelList.Count > 0)
                  {
                    foreach (T_Sys_DictionaryValue dicModel in Model.GoTypeModelList)
                    {
                      if (dicModel.F_ValueCode == Model.WorkOrderBaseModel.F_WORKORDERTYPEID.ToString())
                      {
                        <input name="F_WORKORDERTYPEID" type="radio" value="@dicModel.F_ValueCode" title="@dicModel.F_Name"
                          checked="" disabled="" />
                      }
                      else
                      {
                        <input name="F_WORKORDERTYPEID" type="radio" value="@dicModel.F_ValueCode" title="@dicModel.F_Name"
                          disabled="" />
                      }
                    }
                  }
                </div>
              </div>
            </li>

            <li class="layui-row ">

              <div class="layui-col-md12">
                <label class="layui-form-label">处理内容</label>
                <div class="layui-input-block">
                  <textarea id="F_REMARK" placeholder="" class="layui-textarea"></textarea>
                </div>
              </div>
            </li>

          </ul>
        </div>
      }
      @if (Model.DType == 2 || Model.DType == 3)
      {
        <div>
          <div class="divTittle"> 回访</div>
          <ul>
            <li class="layui-row layui-col-space5">

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

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

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

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

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

                </div>
              </div>

            </li>
            @if (Model.SeatFlag)
            {
              <li class="layui-row layui-col-space5">
                <div class="layui-col-md4">
                  <label class="layui-form-label">回访时间</label>
                  <div class="layui-input-block">

                    @if (Model.WorkOrderBaseModel.F_REMAINDERENDTIME != null)
                    {
                      <input name="F_REMAINDERENDTIME" id="date2" autocomplete="off" placeholder="yyyy-MM-dd"
                        value="@string.Format("{0:yyyy-MM-dd}", Model.WorkOrderBaseModel.F_REMAINDERENDTIME)"
                        class="layui-input" type="text" />
                    }
                    else
                    {
                      <input name="F_REMAINDERENDTIME" id="date2" autocomplete="off" placeholder="yyyy-MM-dd"
                        class="layui-input" type="text" />
                    }


                  </div>
                </div>
                <div class="layui-col-md4">
                  <label class="layui-form-label" style="width:120px;">回访满意度</label>
                  <div class="layui-input-block">
                    @if (Model != null && Model.MYdModelList != null && Model.MYdModelList.Count > 0)
                    {
                      foreach (T_Sys_DictionaryValue dicModel in Model.MYdModelList)
                      {

                        if (Model.WorkOrderBaseModel.F_RETURNVISITRESULT != null && dicModel.F_ValueCode ==
                          Model.WorkOrderBaseModel.F_RETURNVISITRESULT.ToString())
                        {
                          <input name="F_RETURNVISITRESULT" type="radio" value="@dicModel.F_ValueCode" title="@dicModel.F_Name"
                            checked="" />
                        }
                        else
                        {
                          <input name="F_RETURNVISITRESULT" type="radio" value="@dicModel.F_ValueCode" title="@dicModel.F_Name" />
                        }

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

                <div class="layui-col-md12">
                  <label class="layui-form-label">回访内容</label>
                  <div class="layui-input-block">
                    <textarea name="F_RETURNVISITOPINION" id="F_RETURNVISITOPINION" placeholder=""
                      class="layui-textarea">@Model.WorkOrderBaseModel.F_RETURNVISITOPINION</textarea>

                  </div>
                </div>
              </li>
            }
            else
            {
              <li class="layui-row layui-col-space5" style="display:none">
                <div class="layui-col-md4">
                  <label class="layui-form-label">回访时间</label>
                  <div class="layui-input-block">

                    @if (Model.WorkOrderBaseModel.F_REMAINDERENDTIME != null)
                    {
                      <input name="F_REMAINDERENDTIME" id="date2" autocomplete="off" placeholder="yyyy-MM-dd"
                        value="@string.Format("{0:yyyy-MM-dd}", Model.WorkOrderBaseModel.F_REMAINDERENDTIME)"
                        class="layui-input" type="text" />
                    }
                    else
                    {
                      <input name="F_REMAINDERENDTIME" id="date2" autocomplete="off" placeholder="yyyy-MM-dd"
                        class="layui-input" type="text" />
                    }


                  </div>
                </div>
                <div class="layui-col-md4">
                  <label class="layui-form-label" style="width:120px;">回访满意度</label>
                  <div class="layui-input-block">
                    @if (Model != null && Model.MYdModelList != null && Model.MYdModelList.Count > 0)
                    {
                      foreach (T_Sys_DictionaryValue dicModel in Model.MYdModelList)
                      {

                        if (Model.WorkOrderBaseModel.F_RETURNVISITRESULT != null && dicModel.F_ValueCode ==
                          Model.WorkOrderBaseModel.F_RETURNVISITRESULT.ToString())
                        {
                          <input name="F_RETURNVISITRESULT" type="radio" value="@dicModel.F_ValueCode" title="@dicModel.F_Name"
                            checked="" />
                        }
                        else
                        {
                          <input name="F_RETURNVISITRESULT" type="radio" value="@dicModel.F_ValueCode" title="@dicModel.F_Name" />
                        }

                      }
                    }
                  </div>
                </div>
              </li>
              <li class="layui-row " style="display:none">

                <div class="layui-col-md12">
                  <label class="layui-form-label">回访内容</label>
                  <div class="layui-input-block">
                    <textarea name="F_RETURNVISITOPINION" id="F_RETURNVISITOPINION" placeholder=""
                      class="layui-textarea">@Model.WorkOrderBaseModel.F_RETURNVISITOPINION</textarea>

                  </div>
                </div>

              </li>
            }
          </ul>
        </div>
      }
      @if (Model.WorkOrderBaseModel.F_HASTENCOUNTS > 0)
      {
        <div>
          <div class="divTittle"> 历史定责</div>
          <ul class="layui-timeline">

            <li>
              <div class="layui-col-md4">
                <label class="layui-form-label">一级指标：</label>
                <span style="line-height: 38px;">@Model.WorkOrderBaseModel.F_PROVINCE</span>
              </div>
              <div class="layui-col-md4">
                <label class="layui-form-label">二级指标：</label>
                <span style="line-height: 38px;">@Model.WorkOrderBaseModel.F_CITY</span>
              </div>
              <div class="layui-col-md4">
                <label class="layui-form-label">三级指标：</label>
                <span style="line-height: 38px;">@Model.WorkOrderBaseModel.F_AREA</span>
              </div>
            </li>
            
            <li class="layui-timeline-item" style=" margin:20px">
              
              @for (int i = 0; i < Model.Noticelist.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">
                  <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">
                      第 @Model.Noticelist[i].DZNumber 次定责、<i class="layui-icon" style="font-size: 20px; color: #1E9FFF;">&#xe60e;</i>
                      操作时间：@string.Format("{0:yyyy-MM-dd HH:mm:ss}", @Model.Noticelist[i].Addtime)
                      <i class="layui-icon" style="font-size: 20px; color: #1E9FFF;">&#xe60c;</i>
                      定责处理意见：@Model.Noticelist[i].DealAdvise
                      <i class="layui-icon" style="font-size: 20px; color: #1E9FFF;">&#xe756;</i>
                      定责结果： @Model.Noticelist[i].DealResult
                      <i class="layui-icon" style="font-size: 20px; color: #1E9FFF;">&#xe612;</i>
                      通知部门：@Model.Noticelist[i].NoticeDeptName
                    </h3>
                  </div>
                </div>
              </li>
              }
            </li>
          </ul>
        </div>
      }

      @if (Model.DType == 4 && Model.WorkOrderBaseModel.F_HASTENCOUNTS <= 2)
      {
        <div>
          <div class="divTittle">定责类型
            @if (Model.WorkOrderBaseModel.F_HASTENCOUNTS == 0)
            {
              <span>1</span>
            }
            @if (Model.WorkOrderBaseModel.F_HASTENCOUNTS == 1)
            {
              <span>2</span>
            }
            @if (Model.WorkOrderBaseModel.F_HASTENCOUNTS == 2)
            {
              <span>3</span>
            }
          </div>
          <ul>

            <li class="layui-row layui-col-space5">
              <div class="layui-col-md4">
                <label class="layui-form-label">一级指标</label>
                <div class="layui-input-block">
                  <div class="layui-input-inline">
                    <select id="OrderFirstDZ" lay-search="" lay-filter="firstfcoptype">
                      <option value=""></option>
                    </select>
                  </div>
                </div>
              </div>
              <div class="layui-col-md4">
                <label class="layui-form-label">二级指标</label>
                <div class="layui-input-block">
                  <div class="layui-input-inline">
                    <select name="OrderSecondDZ" id="OrderSecondDZ" lay-search="" lay-filter="secondfcoptype">
                      <option value=""></option>
                    </select>
                  </div>
                </div>
              </div>
              <div class="layui-col-md4">
                <label class="layui-form-label">三级指标</label>
                <div class="layui-input-block">
                  <div class="layui-input-inline">
                    <select name="OrderThirdDZ" id="OrderThirdDZ" lay-search="">
                      <option value=""></option>
                    </select>
                  </div>
                </div>
              </div>
            </li>

          </ul>

        </div>
        <div id="NoticelistId">
          <div class="divTittle" style="text-align: left;">部门</div>
            <ul>
              <li class="layui-row layui-col-space5">
                <div class="layui-col-md4">
                  <label class="layui-form-label">部门名称</label>
                  <div class="form-group" style="position: relative; float:left;">

                    <input autocomplete="off" style="width: 300px;" id="searchRegionName" placeholder="请选择" class="layui-input inps" type="text" />
                    <input id="searchOfficeId" type="hidden" />
                    <input id="officeName" type="hidden" />
                    <i class="xl"></i>
                    <div class="ztree addTree">
                        <ul id="ztreeCommon" ></ul>
                    </div>
                  
                  </div>
                </div>

                <div class="layui-col-md4">
                  <label class="layui-form-label">定责结果</label>
                  <div class="layui-input-block">
                    <div class="layui-input-inline">
                      <select class="resultFirstDZ" id="resultFirstDZ" lay-search="">
                      </select>
                    </div>
                  </div>
                </div>

                <div class="layui-col-md12">
                  <label class="layui-form-label">定责意见</label>
                  <div class="layui-input-block">
                    <textarea placeholder="" class="layui-textarea DealAdvise"></textarea>
                  </div>
                </div>

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



    </div>

  </div>
</form>
<div>
  <ul>
    <li class="layui-row">
      <div class="layui-col-md12 btndiv">
        @if (Model.DType == 1)
        {
          <button class="layui-btn" onclick="SaveWeb()">提交</button>
        }

        @if (Model.DType == 2)
        {
          <button class="layui-btn" lay-submit="" lay-filter="CloseData">办结</button>
        }

        @if (Model.DType == 3)
        {
          <button class="layui-btn" onclick="SaveHF()">提交</button>
        }

        @if (Model.DType == 4 && Model.WorkOrderBaseModel.F_HASTENCOUNTS <= 2)
        {
          <button class="layui-btn" onclick="SaveDZ()">提交</button>
        }

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

<script src="/Content/js/WorkOrder/editmyorder.js" type="text/javascript" charset="utf-8"></script>
<script>
  var treeNodes;
  var zTreeObjCommon;
  $(document).ready(function () {

    
    DZDeptRFirstClall();
    DZDeptResult();
    
    $.ajax({
        url: "/SystemManage/GetDepartmentJsonModel",
        type: "get",
        contentType: "application/json",
        dataType: "text",
        cache: false,
        async: false,
        data: { "parentId": 0},
        success: function (result, status) { 
            treeNodesCommon = eval('(' + result + ')');
            zTreeObjCommon = $.fn.zTree.init($("#ztreeCommon"), settingCommon, treeNodesCommon);
            zTreeObjCommon.expandAll(false);
            //获取到zTree
            var zTreeCommon = $.fn.zTree.getZTreeObj("ztreeCommon");
            //设置只能选择最后一层的子节点
            var allNodes= zTreeCommon.transformToArray(zTreeCommon.getNodes());//
            //去掉选框
            if(allNodes.length>0){
                //debugger
                for(var i=0;i<allNodes.length;i++){
                    if(!allNodes[i].children.length==0){//找到父节点
                        allNodes[i].nocheck=true;//nocheck为true表示没有选择框
                        zTreeCommon.updateNode(allNodes[i]);
                    }
                    if(allNodes[i].children.length==0){//找到父节点
                      allNodes[i].icon=allNodes[i].iconClose;//nocheck为true表示没有选择框
                      zTreeCommon.updateNode(allNodes[i]);
                  }
                }


            }
            //zTreeObjCommon.selectNode(565);
        }
    });
  })
  var F_HISTORYID = helper.cookies.get('F_HISTORYID');
  var F_WORKORDERID = helper.cookies.get('F_WORKORDERID');
  var Noticelist = [], NoticelistObj = {}, htmlDzResult = "";
  //回访提交
  function SaveHF() {
    

    if($("#date2").val()==""){
      layui.layer.alert("请选择回访时间", {
        icon: 2
      });
      return false;
    }
    console.log($('input:radio[name="F_RETURNVISITRESULT"]:checked').val())
    if(!$('input:radio[name="F_RETURNVISITRESULT"]:checked').val()){
       layui.layer.alert("请选择满意度", {
        icon: 2
      });
      return false;
    }
    
    
    var data = {
      F_WORKORDERSTATEID: 4, //int	是	操作类型 1转单 4定责
      F_WORKORDERID: F_WORKORDERID, // string	是	工单ID
      F_REMAINDERENDTIME: $("#date2").val(), //datetime	是	回访时间    
      F_RETURNVISITRESULT: $('input:radio[name="F_RETURNVISITRESULT"]:checked').val(), //int	是	满意度CODE
      F_ROAD: $('input:radio[name="F_RETURNVISITRESULT"]:checked').attr("title"), //string	是	满意度
      F_RETURNVISITOPINION: $("#F_RETURNVISITOPINION").val(),  //string	是	回访内容 
    }
    $.ajax({
      url: "/WorkOrder/SubmitOrderHF",
      type: "post",
      async: false,//同步请求
      contentType: "application/json",
      dataType: "text",
      cache: false,
      data: JSON.stringify(data),
      success: function (thisResult) {
        if (thisResult == "True") {
          helper.cookies.set('F_WORKORDERID', "");
          layer.open({
            content: '保存成功'
            ,offset: '40%'
            , btn: ['确定']
            , yes: function (index, layero) {
              layer.close(index);
              ////刷新父窗体

              var thisindex = parent.layer.getFrameIndex(window.name); //获取窗口索引
              parent.layer.close(thisindex);
            }
            , cancel: function () {
              var thisindex = parent.layer.getFrameIndex(window.name); //获取窗口索引
              parent.layer.close(thisindex);
            }
          });

          return false;
        } else {

          layer.open({
            title: '提示'
            ,offset: '40%'
            , content: '保存失败!'
          });
          return false;
        }


      },
      error: function (error) {
        return false;
      }
    });
  }
  //单击左侧数列表时
    $('.inps').focus(function() {
        $(this).siblings('.addTree').css('display', 'block');
    })
    $('.xl').click(function() {
        var xl = $(this).siblings('.addTree');
        if(xl.css('display') == 'block') {
            xl.css('display', 'none')
        } else {
            xl.css('display', 'block')
        }
    })
    $('.addTree').mouseleave(function() {
        $(this).css('display', 'none')
    })
  function SaveWeb() {

    var data = {
      F_HISTORYID: F_HISTORYID,
        F_REMARK: $('#F_REMARK').val(),
        F_INSTANCEID: $('#F_WORKORDERID').val()
    }
    $.ajax({
      url: "/WorkOrder/SubmitOrder",
      type: "post",
      async: false,//同步请求
      contentType: "application/json",
      dataType: "text",
      cache: false,
      data: JSON.stringify(data),
      success: function (thisResult) {
        if (thisResult == "True") {
          helper.cookies.set('F_HISTORYID', "");
          layer.open({
            content: '保存成功'
            ,offset: '40%'
            , btn: ['确定']
            , yes: function (index, layero) {
              layer.close(index);
              ////刷新父窗体

              var thisindex = parent.layer.getFrameIndex(window.name); //获取窗口索引
              parent.layer.close(thisindex);
            }
            , cancel: function () {
              var thisindex = parent.layer.getFrameIndex(window.name); //获取窗口索引
              parent.layer.close(thisindex);
            }
          });

          return false;
        } else {

          layer.open({
            title: '提示'
            ,offset: '40%'
            , content: '保存失败!'
          });
          return false;
        }


      },
      error: function (error) {
        return false;
      }
    });
  }

  function SaveDZ() {
    
    var data = {
      ClassName1: $('#OrderFirstDZ option:selected').text(),
      ClassName2: $('#OrderSecondDZ option:selected').text(),
      ClassName3: $('#OrderThirdDZ option:selected').text(),
      DeptIds:$("#searchOfficeId").val(),
      F_SERVICETYPE:$('.DealAdvise').val(), //处理意见
      F_SERVICENATURE:$('#resultFirstDZ option:selected').text(), //定责结果
      orderid: F_WORKORDERID
    }
    console.log(data)

    //var zbbm = $("#F_DEPTID").find("option:selected").val();
    //var zbry = $("#F_CREATEBY").find("option:selected").val();
    if ($("#OrderThirdDZ").val() == null || $("#OrderThirdDZ").val() == "") {
      layer.open({
        title: '提示'
        ,offset: '40%'
        , content: '定责指标不能为空!'
      });
      return false;
    }
    if ($("#searchOfficeId").val() == null || $("#searchOfficeId").val() == "") {
      layer.open({
        title: '提示'
        ,offset: '40%'
        , content: '部门名称不能为空!'
      });
      return false;
    }
    
    if ($(".resultFirstDZ").val() == null || $(".resultFirstDZ").val() == "") {
      layer.open({
        title: '提示'
        ,offset: '40%'
        , content: '定责结果不能为空!'
      });
      return false;
    }
    if ($(".DealAdvise").val() == null || $(".DealAdvise").val() == "") {

      layer.open({
        title: '提示'
        ,offset: '40%'
        , content: '定责意见不能为空!'
      });

      return false;
    }
    
    $.ajax({
      url: "/Order/SubmitOrderDZ",
      type: "post",
      async: false,//同步请求
      contentType: "application/json",
      dataType: "text",
      cache: false,
      data: JSON.stringify(data),
      success: function (thisResult) {
        if (thisResult == "True") {
          helper.cookies.set('F_HISTORYID', "");
          layer.open({
            content: '保存成功'
            , btn: ['确定']
            ,offset: '40%'
            , yes: function (index, layero) {
              layer.close(index);
              
              ////刷新父窗体
              var thisindex = parent.layer.getFrameIndex(window.name); //获取窗口索引
              parent.layer.close(thisindex);
            }
            , cancel: function () {
              var thisindex = parent.layer.getFrameIndex(window.name); //获取窗口索引
              parent.layer.close(thisindex);
            }
          });

          return false;
        } else {

          layer.open({
            title: '提示'
            ,offset: '40%'
            , content: '保存失败!'
          });
          return false;
        }


      },
      error: function (error) {
        return false;
      }
    });

  }
  //定责结果
  function DZDeptResult() {
    $.ajax({
      url: "/Class/GetListData",
      type: "get",
      contentType: "application/json",
      dataType: "text",
      async: false,
      data: {
        Parentid: 222,
        page: 1,
        limit: 100,
      },
      success: function (thisResult) {

        if (eval('(' + thisResult + ')').msg == "成功") {

          $("#resultFirstDZ").empty();
          $("#resultFirstDZ").append("<option value='' ></option>");
          var list = eval('(' + thisResult + ')').data;
          $(list).each(function (i, n) {
            $("#resultFirstDZ").append("<option value='" + n.Classname + "'>" + n.Classname + "</option>")
          })
          //DZDeptList();
          

        }
        else {
          layui.layer.alert("获取该部门下用户信息失败!", {
            icon: 2
          });
        }

      }
    });
  }

  //定责一级分类
  function DZDeptRFirstClall(){
    $.ajax({
      url: "/Class/GetListData",
      type: "get",
      contentType: "application/json",
      dataType: "text",
      async: false,
      data: {
        Parentid: 18,
        page: 1,
        limit: 20,
      },
      success: function (thisResult) {

        if (eval('(' + thisResult + ')').msg == "成功") {
          $("#OrderFirstDZ").empty();
          $("#OrderFirstDZ").append("<option value='' ></option>");
          var list = eval('(' + thisResult + ')').data;
          $(list).each(function (i, n) {
            $("#OrderFirstDZ").append("<option value='" + n.Classid + "'>" + n.Classname + "</option>");
          })
        }
        else {
          layui.layer.alert("获取该部门下用户信息失败!", {
            icon: 2
          });
        }

      }
    });
  }
    
  //责任部门内容
  function DZDeptList() {
    var data = {
      workid: F_WORKORDERID
    }
    $.ajax({
      url: "/Order/DZDeptList",
      type: "post",
      async: false,//同步请求
      contentType: "application/json",
      dataType: "text",
      cache: false,
      data: JSON.stringify(data),
      success: function (thisResult) {
        //if (eval('(' + thisResult + ')').data.length > 0) {
        if (eval('(' + thisResult + ')').data) {
          var data = eval('(' + thisResult + ')')
          console.log(data.data.length)
          var NoticeDeptName ="";
          for (var i = 0; i < data.data.length; i++) {
            NoticeDeptName += "-"+data.data[i].F_NEXTOWNERARRID;
          }
          $(".NoticeDeptName").val(NoticeDeptName)
          //zTreeObjCommon = $.fn.zTree.init($("#ztreeCommon"), settingCommon, treeNodesCommon);
          
        }
      },
      error: function (error) {
        return false;
      }
    });
  }
  
  //树形结构

  var zTreeObjCommon;
    // zTree 的参数配置，深入使用请参考 API 文档（setting 配置详解）
    var settingCommon = {
        data: {
            key: {
                name: "name",
                code:"code"
            },
            simpleData: {
                enable: true,
                idKey: "id",
                rootPId: 0
            }
        },
        check: {
            enable: true,
            autoCheckTrigger: true,
            chkboxType:  { "Y": "", "N": "s" },
            //chkboxType: {
                //"Y": "s",
                //"N": "s",
            //},
            chkStyle: "checkbox",
        },
        view: {
            dblClickExpand: true
        },
        callback: {
            beforeClick: beforeClickCommon,
            onCheck: onCheckCommon,
        },
    };
    
  function beforeClickCommon(treeId, treeNode) {
    var zTree = $.fn.zTree.getZTreeObj("ztree"),
    nodes = zTree.getCheckedNodes(true);
    zTree.checkNode(treeNode, !treeNode.checked, null, true);    					
    return false;
  }
    

  function onCheckCommon(e, treeId, treeNode) {
    var zTree = $.fn.zTree.getZTreeObj("ztreeCommon"),
    nodes = zTree.getCheckedNodes(true);				
    var regionName = "", regionName = "", officeId = "" ,officeName="";
    for (var i=0, l=nodes.length; i<l; i++) {
      regionName += nodes[i].name + ",";
      officeId += nodes[i].id + ","
      officeName += nodes[i].name + ",";
    }

    if (regionName.length > 0 ) {
      regionName = regionName.substring(0, regionName.length-1);
      $("#searchRegionName").val(regionName);
    } else {
      $("#searchRegionName").val(regionName);
    }

    if (officeName.length > 0 ) {
      officeName = officeName.substring(0, officeName.length-1);
      $("#officeName").val(officeName);
    } else {
      $("#officeName").val(officeName);
    }
      
    if (officeId.length > 0 ) {
      officeId = officeId.substring(0, officeId.length-1);
      $('#searchOfficeId').attr("value",officeId);
      // getSubmitterSalesman();
    } else {
      $('#searchOfficeId').attr("value",officeId);
    }

    
    console.log($("#searchOfficeId").val())
  }
  
 

</script>