<div>
    <div>
        <ul class="tabWarp">
            <li class="hover" val="tab1" ms-click="tabChange">投诉信息</li>
            <li class="" val="tab2" ms-click="tabChange">处理情况</li>
        </ul>
    </div>

    <div id="tab1" ms-visible="tab=='tab1'">
        <table width="100%" cellspacing="0" cellpadding="0" border="0" class="commontable">
            <tbody>
                <tr>
                    <th style="width: 80px;" ms-visible="showCustomer">客户名称：</th>
                    <td style="width: 40%;" ms-visible="showCustomer">
                        <input type="text" ms-duplex="entity.CustomerName" readonly="readonly" />
                        <button class="myfbt" type="button" ms-click='selectCustomer()'><i class="customer"></i></button>
                    </td>
                    <th style="width: 80px;">联系人：</th>
                    <td>
                        <input type="text" ms-duplex="entity.ContactsName" readonly="readonly" style="width: 101px;" />
                        <select class="selectCalls" style="width: 100px;" ms-each-item="children">
                            <option ms-value="item.Id">{{item.Name}}</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>投诉分类：</th>
                    <td colspan="3" ms-each-item="category">
                        <label style="padding-right: 10px;">
                            <input type="radio" ms-value="item.Id" ms-duplex-text="entity.ComplaintsType" />
                            {{item.Data}}</label>
                    </td>
                </tr>
                <tr>
                    <th>投诉方式：</th>
                    <td colspan="3" ms-each-item="mode">
                        <label style="padding-right: 10px;">
                            <input type="radio" ms-value="item.Id" ms-duplex-text="entity.ComplaintsWay" />
                            {{item.Data}}</label>
                    </td>
                </tr>
                <tr>
                    <th>被投诉人：</th>
                    <td>
                        <input type="text" ms-duplex="entity.ComplainByEmployeeName" readonly="readonly" />
                        <button class="myfbt" type="button" ms-click="selectUser('ComplainBy')"><i class="iadduser"></i></button>
                    </td>
                    <th>投诉时间：</th>
                    <td>
                        <input type="text" ms-duplex="entity.BeginTime" ms-widget='date,birthday,birthdayOpts' readonly="readonly" style="width: 120px;" /></td>
                </tr>
                <tr>
                    <th>首次接待人：</th>
                    <td>
                        <input type="text" ms-duplex="entity.FirstReceiverName" readonly="readonly" />
                        <button class="myfbt" type="button" ms-click="selectUser('FirstEmp')"><i class="iadduser"></i></button>
                    </td>

                </tr>
                <tr>
                    <th>投诉主题：</th>
                    <td colspan="3">
                        <input type="text" style="width: 626px;" ms-duplex="entity.Ttirle" id="title" />
                        <span class="must">*</span>
                    </td>
                </tr>
                <tr>
                    <th>投诉内容：</th>
                    <td colspan="3" valign="top">
                        <textarea rows="2" cols="20" style="height: 62px; width: 626px;" ms-duplex="entity.Content"></textarea>
                    </td>
                </tr>
                <tr>
                    <th>紧急程度：</th>
                    <td ms-each-item="urgency">
                        <label style="padding-right: 10px;">
                            <input type="radio" ms-value="item.value" ms-duplex-text="entity.UrgencyLevel" />
                            {{item.key}}</label>
                    </td>
                    <th>投诉状态：</th>
                    <td>{{statusTitle(entity.Static)}}</td>
                </tr>
            </tbody>
        </table>
    </div>

    <div id="tab2" ms-visible="tab=='tab2' && tabshow=='servAdd'" style="overflow-y: scroll;">
        <table width="100%" cellspacing="0" cellpadding="0" border="0" class="formTable">
            <tbody id="tbody1">
                <tr>
                    <td height="25" width="*" align="left" colspan="4" style="padding: 0;">
                        <table width="100%" border="0" cellspacing="1" cellpadding="0" class="tableList hasOfferPanel">
                            <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>
                                </tr>
                            </thead>
                            <tbody ms-each-item="entity.DetailList">
                                <tr>
                                    <td align="center">{{item.EmployeeName}}</td>
                                    <td align="center">{{item.DisposeTime}}</td>
                                    <td>{{item.Process|truncate(14,"…")}}</td>
                                    <td>{{item.InformOrFeedback|truncate(14,"…")}}</td>
                                    <td align="center">{{statusTitle(item.Result)}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
                <tr ms-visible="showComplate">
                    <td style="width: 80px; height: 100px;">回访确认：</td>
                    <td>
                        <textarea rows="3" cols="20" style="width: 280px;" ms-duplex="entity.ReAffirm"></textarea></td>
                    <td style="width: 80px;">客户反馈：</td>
                    <td>
                        <textarea rows="3" cols="20" style="width: 280px;" ms-duplex="entity.Feedback"></textarea></td>
                </tr>
                <tr ms-visible="showComplate">
                    <td>处理结果：</td>
                    <td ms-each-item="status">
                        <label style="padding-right: 10px;">
                        <input type="radio" name="statusComplete" ms-value="item.value" ms-duplex-text="entity.Static" />
                            {{item.key}}</label>
                    </td>
                    <td>完成时间：</td>
                    <td>
                        <input type="text" ms-duplex="entity.EndTime" ms-widget='date,birthday,birthdayOpts3' readonly="readonly" style="width: 120px;" /></td>
                </tr>
                
            </tbody>
        </table>
    </div>

  
</div>
