@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" />
<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" value="@Model.WorkOrderBaseModel.F_REPAIRMANID" type="hidden" class="layui-input" />
            <input name="F_WORKORDERFROM" 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">
                                <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">
                            <div class="layui-col-md4">
                                <label class="layui-form-label">来电电话</label>
                                <div class="layui-input-block">
                                    <span id="F_Telephone" 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>

                        </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
                            {
                                <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.CustomerBaseModel.F_CustomerEName</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">
                                <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>
                        <div class="layui-col-md4">

                            @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>
                            }
                            else
                            {
                                <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.CustomerBaseModel.F_PostCode</span>
                                </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-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-md12">

                        <div class="layui-col-md6">
                            <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-md6">
                            <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 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;">&#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;">&#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)<i class="layui-icon" style="font-size: 20px; color: #1E9FFF;">&#xe60e;</i> 实际回复时间：@string.Format("{0:yyyy-MM-dd}", Model.HistoryOrderList[i].ReplayTime)
                                        </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;">&#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> 要求回复时间：无<i class="layui-icon" style="font-size: 20px; color: #1E9FFF;">&#xe60e;</i> 实际回复时间：@string.Format("{0:yyyy-MM-dd}", Model.HistoryOrderList[i].ReplayTime)
                                        </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">
                                @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 name="F_WORKORDERTYPEID" type="radio" lay-verify="required" value="@dicModel.F_ValueCode" title="@dicModel.F_Name" checked="" />
                                            }
                                            else
                                            {
                                                <input 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 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">

                        <div class="layui-col-md4">
                            <label class="layui-form-label">接收部门</label>
                            <div class="layui-input-block">
                                <div class="layui-input-inline">
                                    <select name="F_DEPTID" id="F_DEPTID" lay-search="" lay-filter="fcoptype">
                                        <option value=""></option>

                                        @if (Model != null && Model.DepartmentList != null && Model.DepartmentList.Count > 0)
                                        {
                                            foreach (T_Sys_Department depModel in Model.DepartmentList)
                                            {

                                                <option value="@depModel.F_DeptId">@depModel.F_DeptName</option>

                                            }
                                        }


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

                        <div class="layui-col-md4">
                            <label class="layui-form-label">接收员</label>
                            <div class="layui-input-inline">
                                <select name="F_CREATEBY" id="F_CREATEBY" lay-search="">
                                    <option value=""></option>
                                </select>

                            </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>
                    <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">@Model.WorkOrderBaseModel.F_RETURNVISITCONTENT</textarea>



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

                </ul>
            </div>
            <div>
                <div class="divTittle"> 回访</div>
                <ul>

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

                        <div class="layui-col-md6">
                            <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-md6">
                            <label class="layui-form-label">回访时间</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>
                <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/wxcallworkflowedit.js" type="text/javascript" charset="utf-8"></script>