<!--查看详情-->

<div>
    <ul class="tabWarp">
        <li class="hover" val="tab1" ms-click="tabChange">服务信息</li>
        <li class="" val="tab2" ms-click="tabChange">处理情况</li>
        <li style="border:none;"> <span ms-class="{{statusIcon(entity.Static)}}" ms-title="{{statusTitle(entity.Static)}}"></span> 状态
        </li>
    </ul>
</div>

<div id="tab1" ms-visible="tab=='tab1'" style="padding: 10px 0; height: 330px;overflow-y: auto;overflow-x:hidden;">
    <table width="800" cellspacing="1" cellpadding="0" border="0" class="tablecInfo" style="margin: 0 10px;">
        <tbody>
            <tr>
                <td style="width: 100px;">客户名称：</td>
                <td style="width: 40%;">
                    <a href='javascript:void(0)' ms-live-click="viewCustomer1" ms-value={{entity.CustomerId}} ms-title='entity.CustomerName'>{{entity.CustomerName|truncate(13,".")}}
                    </a>
                </td>
                <td style="width: 100px;">联系人：</td>
                <td>{{entity.ContactsName}}
                </td>
            </tr>
            <tr>
                <td>服务方向：</td>
                <td colspan="3">{{entity.Direction}}
                </td>
            </tr>
            <tr>
                <td>服务方式：</td>
                <td colspan="3">{{entity.ModeDicId|servicesMode}}
                </td>
            </tr>
            <tr>
                <td>服务类型：</td>
                <td colspan="3">{{entity.TypeDicId|servicesCategory}}
                </td>
            </tr>
            <tr>
                <td>首次执行人：</td>
                <td>{{entity.FirstEmpName}}
                </td>
                <td>执行时间：</td>
                <td>{{entity.ByTime}}
                </td>
            </tr>
            <tr>
                <td>服务主题：</td>
                <td colspan="3">{{entity.Title}}
                </td>
            </tr>
            <tr>
                <td>服务内容：</td>
                <td colspan="3">{{entity.ServicesCont}}
                </td>
            </tr>
            <tr>
                <td>客户反馈：</td>
                <td colspan="3">{{entity.Feedback}}
                </td>
            </tr>
            <tr>
                <td>紧急程度：</td>
                <td colspan="3">{{entity.Urgency|servicesUrgency}}
                </td>
            </tr>
            <tr>
                <td>录入人：</td>
                <td>{{entity.AddBy}}</td>
                <td>录入时间：</td>
                <td>{{entity.AddTime}}</td>
            </tr>
        </tbody>
    </table>
</div>

<div id="tab2" ms-visible="tab=='tab2'" style="padding: 10px 0; height: 330px; overflow-y: scroll;">
    <table width="780" cellspacing="0" cellpadding="0" border="0" class="formTable" style="margin: 0 10px;">
        <tbody id="tbody">
            <tr>
                <td height="25" width="*" align="left" colspan="4" style="padding: 0;">
                    <table width="100%" border="0" cellspacing="1" cellpadding="0" class="tableList hasOfferPanel">
                        <tr>
                                <div class="boxTitlenob hasOfferPanel">
                                    <h2>
                                        <button class="btn btn-mini btn-primary btn_add_category_row" type="button" ms-click="detailAdd">+ 新增</button>
                                    </h2>
                                </div>
                        </tr>
                        <thead>
                            <tr class="minhead" align="center">
                                <td width="15%">处理人
                                </td>
                                <td width="15%">处理时间
                                </td>
                                <td width="30%">处理过程说明
                                </td>
                                <td width="30%">结果告知/客户反馈
                                </td>
                                <td width="10%">处理结果
                                </td>
                                <td>操作</td>
                            </tr>
                        </thead>
                        <tbody ms-each-item="entityDisposeDetailList">
                            <tr>
                                <td align="center">{{item.EmployeeName}}</td>
                                <td align="center">{{item.DisposeTime}}</td>
                                <td><a href="javascript:void(0);" ms-value="item.Id" ms-click="processView" ms-title="{{item.Process}}">{{item.Process|truncate(14,"…")}}</a></td>
                                <td><a href="javascript:void(0);" ms-value="item.Id" ms-click="processView" ms-title="{{item.InformOrFeedback}}">{{item.InformOrFeedback|truncate(14,"…")}}</a></td>
                                <td align="center">{{statusTitle(item.Result)}}</td>
                                <td align="center">
                                        <a href="javascript:void(0);" class="doedit" title="编辑" ms-value="item.Id" ms-click="detailEdit"></a>
                                        <a href="javascript:void(0);" class="dodel" title="删除" ms-value="item.Id" ms-click="detailDel"></a>
                                </td>
                            </tr> 
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
</div>

<!--新增投诉-->
<noscript type="text/avalon" id="addProcess">
    <table width="780" height="360" cellspacing="0" cellpadding="0" border="0" class="commontable">
        <tbody>
            <tr>
                <th style="width: 80px;">处理人：</th>
                <td style="width: 40%;">
                    <input type="text" ms-duplex="entityDisposeDetail.EmployeeName" readonly="readonly" />
                    <button class="myfbt" type="button" ms-click="selectUser('Employee')"><i class="iadduser"></i></button>
                </td>
                <th style="width: 80px;">处理时间：</th>
                <td>
                    <input type="text" ms-duplex="entityDisposeDetail.DisposeTime" ms-widget='date,birthday,birthdayOpts2' readonly="readonly" style="width: 120px;" />
                </td>
            </tr>
            <tr>
                <th>处理耗时：</th>
                <td>
                    <input type="text" style="width: 100px;" value="1" ms-duplex="entityDisposeDetail.ElapsedTime" />
                    小时
                </td>
            </tr>
            <tr>
                <th>处理过程：</th>
                <td colspan="3">
                    <textarea rows="2" cols="20" style="height: 60px; width: 652px;" ms-duplex="entityDisposeDetail.Process"></textarea>
                </td>
            </tr>
            <tr>
                <th>处理结果：</th>
                <td colspan="3" ms-each-item="status">
                    <label style="padding-right: 10px;">
                        <input type="radio" name="statusResult" ms-duplex-text="entityDisposeDetail.Result" ms-value="item.value" />
                        {{item.key}}</label>
                </td>
            </tr>
            <tr>
                <th>客户反馈：</th>
                <td colspan="3">
                    <textarea rows="2" cols="20" style="height: 60px; width: 652px;" ms-duplex="entityDisposeDetail.InformOrFeedback"></textarea>
                </td>
            </tr>
        </tbody>
    </table>
</noscript>

<!--查看处理-->
<noscript type="text/avalon" id="viewProcess">
    <table width="780" height="360"  cellspacing="1" cellpadding="0" border="0" class="tablecInfo">
        <tbody>
            <tr>
                <td style="width: 80px;">处理人：</td>
                <td style="width: 40%;">
                    {{entityDisposeDetail.EmployeeName}} 
                </td>
                <td style="width: 80px;">处理时间：</td>
                <td>
                    {{entityDisposeDetail.DisposeTime}}
                </td>
            </tr>
            <tr>
                <td>处理耗时：</td>
                <td colspan="3">
                    {{entityDisposeDetail.ElapsedTime}}
                    小时
                </td>
            </tr>
            <tr>
                <td>处理过程：</td>
                <td colspan="3">
                    {{entityDisposeDetail.Process}}
                </td>
            </tr>
            <tr>
                <td>处理结果：</td>
                <td colspan="3">
                    {{statusTitle(entityDisposeDetail.Result)}}
                </td>
            </tr>
            <tr>
                <td>客户反馈：</td>
                <td colspan="3">
                    {{entityDisposeDetail.InformOrFeedback}}
                </td>
            </tr>
        </tbody>
    </table>
</noscript>

