ditie2.0_web/web/YTSoft.BaseC.../Views/CallRecord/CallWorkFolw...

@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/js/ytsoft.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" />
<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 rel="stylesheet" href="/Content/js/zTree/zTreeStyle.css"> *@
<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>
    .aaaaaa{
        position: absolute;
    }
    .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;
        font-size: 16px !important;
    }
    .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;
    }
    .tallyLabel{

    }
    .tallyLabel dt{
      float: left;
      margin: 5px 10px;
      line-height: 28px;
      padding: 0 8px;
      background-color: #5FB878;
    }
    .ztree * {font-size:16px;}
</style>

<form class="layui-form">


    <div>
        <div class="rightSide">
            <input id="F_CustomerId" name="F_CUSTOMERID" value="@Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerId" type="hidden" class="layui-input" />
            <input name="F_WORKORDERID" value="@Model.WorkOrderBaseModel.F_WORKORDERID" type="hidden" class="layui-input" />
            <input id="creatDateTime" value="@Model.WorkOrderBaseModel.F_CREATEDATE" type="hidden" class="layui-input" />
            <input name="F_REPAIRMANID" id="F_REPAIRMANID" value="@Model.WorkOrderBaseModel.F_REPAIRMANID" type="hidden" class="layui-input" />
            <input name="F_WORKORDERFROM" value="语音" type="hidden" class="layui-input" />
            <input id="F_INSTALLADDRESS" 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">
                                <input id="F_CustomerName" name="F_CUSTOMERNAME" value="@Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerName" autocomplete="off" placeholder="" class="layui-input" type="text" />
                            </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.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>
                                    }
                                    <span id="F_Telephone"> @Model.WorkOrderBaseModel.F_CUSTOMERTELEPHONE</span>
                                </span>
                                
                            </div>
                            
                        </div>
                        <div class="layui-col-md4">
                            <label class="layui-form-label">回复电话</label>
                            <div class="layui-input-block">
                                <input id="F_Mobile" value="@Model.WorkOrderBaseModel.CustomerBaseModel.F_Mobile" autocomplete="off" placeholder="" class="layui-input" type="text" />
                            </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 sexParam">
                                @if (Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerPym == "女")
                                {
                                    <input type="radio" name="F_CustomerPym" value="男" title="男" />
                                    <input type="radio" name="F_CustomerPym" value="女" title="女" checked="" />
                                }
                                else if (Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerPym == "男")
                                {
                                    <input type="radio" name="F_CustomerPym" value="男" title="男" checked="" />
                                    <input type="radio" name="F_CustomerPym" value="女" title="女" />
                                }
                                else
                                {
                                    <input type="radio" name="F_CustomerPym" value="男" title="男" />
                                    <input type="radio" name="F_CustomerPym" value="女" title="女" />
                                }
                            </div>
                        </div>

                        <div class="layui-col-md4">
                            <label class="layui-form-label">年龄段</label>
                            @*<div class="layui-input-block">
                            <input id="F_CustomerCode" name="F_CustomerCode" value="@Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerCode" autocomplete="off" placeholder="" class="layui-input" type="text" />
                        </div>*@
                            <div class="layui-input-inline">
                                <select id="F_CustomerCode" lay-search="">
                                    <option value=""></option>
                                    @if (Model.AgeModelList != null && Model.AgeModelList.Count > 0)
                                    {
                                        foreach (T_Sys_DictionaryValue dicModel in Model.AgeModelList)
                                        {
                                            if (!string.IsNullOrEmpty(Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerCode))
                                            {
                                                if (Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerCode == dicModel.F_Name)
                                                {
                                                    <option value="@dicModel.F_Name" selected>@dicModel.F_Name</option>
                                                }
                                                else
                                                {
                                                    <option value="@dicModel.F_Name">@dicModel.F_Name</option>
                                                }
                                            }
                                            else
                                            {
                                                <option value="@dicModel.F_Name">@dicModel.F_Name</option>
                                            }
                                        }
                                    }

                                </select>
                            </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">
                                    <input id="F_CustomerEName" disabled value="@Model.WorkOrderBaseModel.F_EMPCODE"
                                                autocomplete="off" placeholder="" class="layui-input" type="text" />
                                </div>
                            }
                            else
                            {
                                <label class="layui-form-label">微博号</label>
                                <div class="layui-input-block">
                                    <input id="F_CustomerEName" value="@Model.WorkOrderBaseModel.CustomerBaseModel.F_CustomerEName"
                                                autocomplete="off" placeholder="" class="layui-input" type="text" />
                                        
                                </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">
                                <input id="F_DeviceCount" name="F_DeviceCount" type="text" value="@Model.WorkOrderBaseModel.CustomerBaseModel.F_DeviceCount" style="display:none" class="layui-input" />
                                <input id="F_Fax" diccode="c1" name="F_Fax" type="text" placeholder="请选择" value="@Model.WorkOrderBaseModel.CustomerBaseModel.F_Fax" readonly class="layui-input" />
                                <i class="layui-icon" style="font-size: 20px; color: #c2c2c2; position: absolute; right: 5px; top: 20%; ">&#xe65b;</i>

                            </div>
                        </div>

                        <div class="layui-col-md4">
                            <label class="layui-form-label">常出站</label>
                            <div class="layui-input-inline DicSelect">
                                <input id="F_AfterSaleNameID" name="F_AfterSaleNameID" type="text" value="@Model.WorkOrderBaseModel.CustomerBaseModel.F_AfterSaleNameID" style="display:none" class="layui-input" />
                                <input id="F_Email" diccode="c2" name="F_Email" type="text" placeholder="请选择" value="@Model.WorkOrderBaseModel.CustomerBaseModel.F_Email" readonly class="layui-input" />
                                <i class="layui-icon" style="font-size: 20px; color: #c2c2c2; position: absolute; right: 5px; top: 20%; ">&#xe65b;</i>

                            </div>
                        </div>

                        
                    </li>
                </ul>
            </div>
            <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-inline">
                              <select name="searchLabel" id="searchLabel" lay-search="" lay-filter="searchLabel">
                                 
                             </select>
                            </div> 
                        </div>
                    </li>
                </ul>
                <ul>
                    <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 id="bussContent" name="F_RETURNVISITPROBLEM" placeholder="" class="layui-textarea">@Model.WorkOrderBaseModel.F_RETURNVISITPROBLEM</textarea>
                                }
                                else
                                {
                                    <textarea id="bussContent" name="F_RETURNVISITPROBLEM" placeholder="" 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">
                                <select id="F_ADSLACCOUNT" name="F_REPAIRLEVEL" lay-verify="required" lay-filter="busstype">
                                    <option value="" selected></option>
                                    @if (Model != null && Model.WorkOrderTypeModelList != null && Model.WorkOrderTypeModelList.Count > 0)
                                    {

                                        foreach (T_Wo_WorkOrderType workOrderTypeModel in Model.WorkOrderTypeModelList)
                                        {

                                            if (workOrderTypeModel.WorkTypeModelList != null && workOrderTypeModel.WorkTypeModelList.Count > 0)
                                            {
                                                <optgroup label="@workOrderTypeModel.F_Name">
                                                    @foreach (T_Wo_WorkOrderType childModel in workOrderTypeModel.WorkTypeModelList)
                                                    {
                                                        if (Model.Flowid != null && Model.Flowid > 0)
                                                        {
                                                            if (Model.Flowid == childModel.F_WorkOrderTypeId)
                                                            {
                                                                <option parentid="@workOrderTypeModel.F_WorkOrderTypeId" parentname="@workOrderTypeModel.F_Name" value="@childModel.F_WorkOrderTypeId" selected>@childModel.F_Name</option>
                                                            }
                                                            else
                                                            {
                                                                <option parentid="@workOrderTypeModel.F_WorkOrderTypeId" parentname="@workOrderTypeModel.F_Name" value="@childModel.F_WorkOrderTypeId">@childModel.F_Name</option>
                                                            }
                                                        }
                                                        else
                                                        {
                                                            if (Model.WorkOrderBaseModel.F_REPAIRLEVEL != null && Model.WorkOrderBaseModel.F_REPAIRLEVEL > 0 && Model.WorkOrderBaseModel.F_REPAIRLEVEL == childModel.F_WorkOrderTypeId)
                                                            {
                                                                <option parentid="@workOrderTypeModel.F_WorkOrderTypeId" parentname="@workOrderTypeModel.F_Name" value="@childModel.F_WorkOrderTypeId" selected>@childModel.F_Name</option>
                                                            }
                                                            else
                                                            {
                                                                <option parentid="@workOrderTypeModel.F_WorkOrderTypeId" parentname="@workOrderTypeModel.F_Name" value="@childModel.F_WorkOrderTypeId">@childModel.F_Name</option>
                                                            }
                                                        }
                                                    }

                                                </optgroup>
                                            }
                                            else
                                            {
                                                if (Model.Flowid != null && Model.Flowid > 0)
                                                {
                                                    if (Model.Flowid == workOrderTypeModel.F_WorkOrderTypeId)
                                                    {
                                                        <option parentid="@workOrderTypeModel.F_WorkOrderTypeId" parentname="@workOrderTypeModel.F_Name" value="@workOrderTypeModel.F_WorkOrderTypeId" selected>@workOrderTypeModel.F_Name</option>
                                                    }
                                                    else
                                                    {
                                                        <option parentid="@workOrderTypeModel.F_WorkOrderTypeId" parentname="@workOrderTypeModel.F_Name" value="@workOrderTypeModel.F_WorkOrderTypeId">@workOrderTypeModel.F_Name</option>
                                                    }
                                                }
                                                else
                                                {
                                                    if (Model.WorkOrderBaseModel.F_REPAIRLEVEL != null && Model.WorkOrderBaseModel.F_REPAIRLEVEL > 0 && Model.WorkOrderBaseModel.F_REPAIRLEVEL == workOrderTypeModel.F_WorkOrderTypeId)
                                                    {
                                                        <option parentid="@workOrderTypeModel.F_WorkOrderTypeId" parentname="@workOrderTypeModel.F_Name" value="@workOrderTypeModel.F_WorkOrderTypeId" selected>@workOrderTypeModel.F_Name</option>
                                                    }
                                                    else
                                                    {
                                                        <option parentid="@workOrderTypeModel.F_WorkOrderTypeId" parentname="@workOrderTypeModel.F_Name" value="@workOrderTypeModel.F_WorkOrderTypeId">@workOrderTypeModel.F_Name</option>
                                                    }
                                                }

                                            }

                                        }


                                    }
                                </select>
                            </div>
                        </div>

                        <div class="layui-col-md4">
                            <label class="layui-form-label">事发车站</label>
                            <div class="layui-input-inline DicSelect">
                                <input name="F_WORKORDERLEVELID" type="text" value="@Model.WorkOrderBaseModel.F_WORKORDERLEVELID" style="display:none" class="layui-input" />
                                <input diccode="c3" name="F_WORKORDERNAME" type="text" placeholder="请选择" value="@Model.WorkOrderBaseModel.F_WORKORDERNAME" readonly class="layui-input" />
                                <i class="layui-icon" style="font-size: 20px; color: #c2c2c2; position: absolute; right: 5px; top: 20%; ">&#xe65b;</i>

                            </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="nrContent" name="F_CONTENT" placeholder="" 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>  处理方式：转办 <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>
            }
          
            <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 F_WORKORDERTYPEID">
                                @if (Model != null && Model.GoTypeModelList != null && Model.GoTypeModelList.Count > 0)
                                {

                                    if (Model.WorkOrderBaseModel.F_WORKORDERTYPEID != null && Model.WorkOrderBaseModel.F_WORKORDERTYPEID > 0)
                                    {
                                        foreach (T_Sys_DictionaryValue dicModel in Model.GoTypeModelList)
                                        {
                                            if (dicModel.F_ValueCode == Model.WorkOrderBaseModel.F_WORKORDERTYPEID.ToString())
                                            {
                                                <input lay-filter="sexCheck" class="F_WORKORDERTYPEID"  name="F_WORKORDERTYPEID" type="radio" lay-verify="required" value="@dicModel.F_ValueCode" title="@dicModel.F_Name" checked="" />
                                            }
                                            else
                                            {
                                                <input lay-filter="sexCheck" class="F_WORKORDERTYPEID" name="F_WORKORDERTYPEID" type="radio" lay-verify="required" value="@dicModel.F_ValueCode" title="@dicModel.F_Name" />
                                            }
                                        }
                                    }
                                    else
                                    {
                                        foreach (T_Sys_DictionaryValue dicModel in Model.GoTypeModelList)
                                        {

                                            <input lay-filter="sexCheck" class="F_WORKORDERTYPEID" name="F_WORKORDERTYPEID" type="radio" lay-verify="required" value="@dicModel.F_ValueCode" title="@dicModel.F_Name" checked="" />


                                        }
                                    }

                                }
                            </div>
                        </div>
                    </li>
                    <li class="layui-row layui-col-space5 workTypeDiv" style="display: none;">
                        <div class="layui-col-md6">
                            <label class="layui-form-label">转发部门</label>
                            <div class="form-group" style="position: relative; float:left;">
                                    <input autocomplete="off" style="width: 300px;" id="searchRegionName" onkeyup="darptSearch()" placeholder="请选择" class="layui-input inps" type="text" />
                                    <input autocomplete="off" style="width: 300px;" id="searchRegionName1" placeholder="请选择" class="layui-input inps" type="hidden" />
                                    <input autocomplete="off" style="width: 300px;" id="searchRegionName2" placeholder="请选择" class="layui-input inps" type="hidden" />
                                    <input id="searchOfficeId" type="hidden" />
                                    <input id="searchOfficeId1" type="hidden" />
                                    <input id="searchOfficeId2" type="hidden" />
                                    <input id="officeName" type="hidden" />
                                    <input id="officeName1" type="hidden" />
                                    <input id="officeName2" type="hidden" />
                                    <i class="xl"></i>
                                    <!-- <b class="delect-icon">X</b> -->
                                    <div class="ztree addTree">
                                        <ul id="ztreeCommon"  style="font-size: 16px !important;" ></ul>
                                        <ul id="ztree"  style="font-size: 16px !important;"></ul>
                                    </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <label class="layui-form-label">回复时间</label>
                            <div class="layui-input-block">

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

                                }
                                else
                                {
                                    <input name="F_REQUESTSERVICETIME" id="date" autocomplete="off" placeholder="yyyy-MM-dd" class="layui-input" type="text" />

                                }

                            </div>
                        </div>
                    </li>
                     @* <div class="ceshi">测试</div> *@
                    <li class="layui-row ">

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



                            </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-block">
                                @if (Model.WorkOrderBaseModel.F_RETURNVISITFLAG == 1)
                                {
                                    <input type="checkbox" name="F_RETURNVISITFLAG" class="layui-input" title="回访" checked />
                                }
                                else
                                {
                                    <input type="checkbox" name="F_RETURNVISITFLAG" class="layui-input" title="回访" />
                                }
                            </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)
                                {
                                    <input name="F_RETURNVISITTIME" id="date1" autocomplete="off" placeholder="yyyy-MM-dd" value="@string.Format("{0:yyyy-MM-dd}", Model.WorkOrderBaseModel.F_RETURNVISITTIME) " class=" layui-input" type="text" />

                                }
                                else
                                {
                                    <input name="F_RETURNVISITTIME" id="date1" autocomplete="off" placeholder="yyyy-MM-dd" class="layui-input" type="text" />

                                }


                            </div>
                        </div>

                    </li>



                </ul>
            </div>
            
            <div>
              <div class="divTittle"> 附件</div>
                <div  class="layui-row layui-col-space5" style="margin: 15px 30px;">
                    <input id="F_GoodsImg" name="F_GoodsImg" type="hidden" class="layui-input" />
                    <button type="button" class="layui-btn" id="test3"><i class="layui-icon"></i>上传文件</button>
                    <span class="test3File">@Model.WorkOrderBaseModel.F_INSTALLADDRESS</span>
                    @if (Model.WorkOrderBaseModel.F_INSTALLADDRESS != null)
                    {
                    <a href="@Model.WorkOrderBaseModel.F_INSTALLADDRESS" download="@Model.WorkOrderBaseModel.F_INSTALLADDRESS">下载</a>
                    }          
                </div>
            </div>

            <div>
                <ul>
                    <li class="layui-row">
                        <div class="layui-col-md12 btndiv">
                           
                            <button class="layui-btn" lay-submit="" lay-filter="SubmitSaveData">保存</button>
                            <button class="layui-btn" lay-submit="" lay-filter="SubmitData">保存提交</button>
                        </div>
                    </li>
                </ul>
            </div>

        </div>
    </div>
</form>

<script src="/Content/js/CallRecord/callworkflow.js" type="text/javascript" charset="utf-8"></script>
<script>
    if(helper.cookies.get('F_REPAIRMANID')=="4"){
        $(".F_CustomerEName").show()
        $(".dhDiv").hide()
        $(".wbDiv").show()
    }else if($("#F_REPAIRMANID").val()=="1"){
        $(".dhDiv").show()
        $(".wbDiv").hide()
    }

    if($('input:radio[name="F_WORKORDERTYPEID"]:checked').val()=="3"){
        
      $(".workTypeDiv").hide()
    }else if($('input:radio[name="F_WORKORDERTYPEID"]:checked').val()=="1"){
      $(".workTypeDiv").show()
    }
   var F_ADSLACCOUNT = $("#F_ADSLACCOUNT").find("option:selected").attr("parentname");
    if(F_ADSLACCOUNT=="表扬"||F_ADSLACCOUNT=="咨询"||F_ADSLACCOUNT=="挂失"){
      if(F_ADSLACCOUNT=="表扬"){
        $(".workTypeDiv").show()
      }else{
        $(".workTypeDiv").hide()
      }
      //$(".F_WORKORDERTYPEID").attr("disabled","disabled")
    }else{
      //$(".F_WORKORDERTYPEID").removeAttr("disabled")
    }

    tagData()
    function tagData(){
      var data = {
        page: 1,
        limit: 20,
      }
      $.ajax({
        url: "/Tag/GetListData",
        type: "post",
        async: false,//同步请求
        contentType: "application/json",
        dataType: "text",
        cache: false,
        data: JSON.stringify(data),
        success: function (thisResult) {
          if (eval('(' + thisResult + ')').msg == "成功") {
            $("#searchLabel").empty();
            $("#searchLabel").append("<option value='' ></option>");
            var data = eval('(' + thisResult + ')')
            $(data.data).each(function(i, n) {
                $('<option value="' + n.F_Id + '">' + n.F_TagName + '</option>').appendTo($("#searchLabel"));
            })
          } else {
            layer.msg('失败');
          }

        },
        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')
    })
    var zTreeObj;
    var selectNode;
    // zTree 的参数配置，深入使用请参考 API 文档（setting 配置详解）
    var setting = {
        data: {
            key: {
                name: "name",
                id:"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: beforeClick,
            onCheck: onCheck,
        },
    };
    
  function beforeClick(treeId, treeNode) {
    var zTree = $.fn.zTree.getZTreeObj("ztree"),
    nodes = zTree.getCheckedNodes(true);
    zTree.checkNode(treeNode, !treeNode.checked, null, true);    					
    return false;
  }
    

  function onCheck(e, treeId, treeNode) {
    var zTree = $.fn.zTree.getZTreeObj("ztree"),
    nodes = zTree.getCheckedNodes(true);				
    var regionName = "", regionName = "", officeId = "" ,officeName="";
    for (var i=0, l=nodes.length; i<l; i++) {
      regionName += nodes[i].name + ",";
      if (nodes[i].IsOrPrivate) {
        officeId += nodes[i].code + ","
        officeName += nodes[i].name + ",";
              
      }
    }
    if (regionName.length > 0 ) {
      regionName = regionName.substring(0, regionName.length-1);
      $("#searchRegionName1").val(regionName);
    } else {
      $("#searchRegionName1").val(regionName);
    }

    if (officeName.length > 0 ) {
      officeName = officeName.substring(0, officeName.length-1);
      $("#officeName1").val(officeName);
    } else {
      $("#officeName1").val(officeName);
    }
      
    if (officeId.length > 0 ) {
      officeId = officeId.substring(0, officeId.length-1);
      $('#searchOfficeId1').attr("value",officeId);
      // getSubmitterSalesman();
    } else {
      $('#searchOfficeId1').attr("value",officeId);
    }
    if($("#searchRegionName2").val()){
        $("#searchRegionName").val($("#searchRegionName1").val()+","+$("#searchRegionName2").val())
        $("#officeName").val($("#officeName1").val()+","+$("#officeName2").val())
        $("#searchOfficeId").val($("#searchOfficeId1").val()+","+$("#searchOfficeId2").val())
    }else{
        $("#searchRegionName").val($("#searchRegionName1").val())
        $("#officeName").val($("#searchRegionName1").val())
        $("#searchOfficeId").val($("#searchOfficeId1").val())
    }

  }


    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 + ",";
      if (nodes[i].IsOrPrivate) {
        officeId += nodes[i].code + ","
        officeName += nodes[i].name + ",";
      }
    }

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

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

    if($("#searchRegionName1").val()){
        $("#searchRegionName").val($("#searchRegionName1").val()+","+$("#searchRegionName2").val())
        $("#officeName").val($("#officeName1").val()+","+$("#officeName2").val())
        $("#searchOfficeId").val($("#searchOfficeId1").val()+","+$("#searchOfficeId2").val())
    }else{
        $("#searchRegionName").val($("#searchRegionName2").val())
        $("#officeName").val($("#searchRegionName2").val())
        $("#searchOfficeId").val($("#searchOfficeId2").val())
    }

  }
  function darptSearch(){
       $.ajax({
          url: "/Department/GetDepartmentAndUserJsonModelTrun",
          type: "get",
          contentType: "application/json",
          dataType: "text",
          cache: false,
          async: false,
          data: { 
              "parentId": 0,
              "key":$("#searchRegionName").val()
          },
          success: function (result, status) {
            treeNodes = eval('(' + result + ')');
            zTreeObj = $.fn.zTree.init($("#ztree"), setting, treeNodes);
            zTreeObj.expandAll(true);
            //获取到zTree
            var zTree = $.fn.zTree.getZTreeObj("ztree");
            //设置只能选择最后一层的子节点
            var allNodes= zTree.transformToArray(zTree.getNodes());//
                    
            //去掉选框
            if(allNodes.length>0){
                for(var i=0;i<allNodes.length;i++){

                    if(!allNodes[i].IsOrPrivate){//找到父节点
                        allNodes[i].nocheck=true;//nocheck为true表示没有选择框
                    }
                    if(allNodes[i].children.length==0){//找到父节点
                        allNodes[i].icon=allNodes[i].iconClose;//nocheck为true表示没有选择框
                        
                    }
                    zTree.updateNode(allNodes[i]);
                    
                }
            }
            

          }
      });
  }
  var treeNodes;
  var zTreeObjCommon;
  $(document).ready(function () {
      
     darptSearch();

      $.ajax({
        url: "/Class/GetTreeJsonModelTurn",
        type: "get",
        contentType: "application/json",
        dataType: "text",
        cache: false,
        async: false,
        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){
                for(var i=0;i<allNodes.length;i++){
                    if(!allNodes[i].IsOrPrivate){//找到父节点
                        allNodes[i].nocheck=true;//nocheck为true表示没有选择框
                    }
                    if(allNodes[i].children.length==0){//找到父节点
                        allNodes[i].icon="../../Content/layui/zTree/v3/css/zTreeStyle/img/diy/4_dclose.png";//nocheck为true表示没有选择框
                        
                    }
                    zTreeCommon.updateNode(allNodes[i]);
                    
                }
            }
        }
    });
        
      
  });
</script>