<%@ Page Title="" Language="C#" MasterPageFile="~/Admin/SiteMenu.Master" AutoEventWireup="true" CodeBehind="Complain.aspx.cs" Inherits="Crm25175.Complain" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link rel="stylesheet" href="../assets/css/jquery-ui-1.10.3.full.min.css" />

    <script type="text/javascript">
        function DoubleAddClick() {
            document.getElementById('<%=BT_Add.ClientID %>').click();
        }
        function DoubleEditClick() {
            document.getElementById('<%=BT_Edit.ClientID %>').click();
        }
        function DoubleDelClick() {
            document.getElementById('<%=BtMenuDel.ClientID %>').click();
        }
        //后台调用,区分提示信息底色
        //Danger,Info
        function ChangeMsgClass(MsgType) {
            if (MsgType == "Danger") 
            {
                DivMsg.className = 'alert alert-danger';
            }
            else 
            {
                DivMsg.className = 'alert alert-info';
            }
        }
    </script>
    <link rel="stylesheet" href="../assets/css/datepicker.css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

    <div class="breadcrumbs" id="breadcrumbs">
		<script type="text/javascript">
			try { ace.settings.check('breadcrumbs', 'fixed') } catch (e) { }
		</script>
		<ul class="breadcrumb">
			<li>
				<i class="<%=PageIcon %>"></i>
                客戶投诉
			</li>
		</ul>
	</div>

    <div class="page-content">
        <div class="row col-xs-12">
            <div id="DivMsg" class="alert alert-info">
                <i class="icon-hand-right"></i>
                <asp:Label ID="LabMsg" runat="server" Text=" "></asp:Label>
			    <button class="close" data-dismiss="alert">
                <i class="icon-remove"></i>
                </button>
            </div>
        </div>

        <div class="page-header">
            <div class="col-xs-12 widget-box">
                <asp:Button ID="BtMenuList" runat="server" OnClick="BtMenuList_Click" Text="数据列表" CssClass="btn btn-info btn-sm" />
                <asp:Button ID="BtMenuAdd" runat="server" OnClick="BtMenuAdd_Click" Text="添加" CssClass="btn btn-primary btn-sm" />
                <asp:Button ID="BtMenuDel" runat="server" OnClick="BtMenuDel_Click" Text="删除" CssClass="btn btn-info btn-sm hidden" />
                <asp:Button ID="BtDel" runat="server" Text="删除" CssClass="btn btn-danger btn-sm"/>
                <asp:DropDownList ID="DDLStateFind" runat="server">
                    <asp:ListItem Value="Y">已处理</asp:ListItem>
                    <asp:ListItem Value="N" Selected="True">未处理</asp:ListItem>
                </asp:DropDownList>
                <span>
                    <asp:TextBox runat="server" ID="TxtDateStart" placeholder="开始时间" CssClass="input-small date-picker" data-date-format="yyyy-mm-dd"></asp:TextBox> ~
                </span>
                <span>
                    <asp:TextBox runat="server" ID="TxtDateEnd" placeholder="结束时间" CssClass="input-small date-picker" data-date-format="yyyy-mm-dd"></asp:TextBox>
                </span>
                <asp:TextBox runat="server" ID="TxtUserName_Find" placeholder="销售员..." CssClass="input-small"></asp:TextBox>
                <asp:Button ID="BtSearch" runat="server"  CssClass="btn btn-success btn-sm hidden" 
                    Text="查找" onclick="BtSearch_Click" />
				<span >
					<a href="#" data-action="reload"><i class="icon-search nav-search-icon green bigger-140" id="idsearch" title="查找"></i></a>
				</span>
                
            </div>
        </div>

        <asp:Panel runat="server" Visible="false" ID="PanelEdit">
            <div id="dialog-edit" class="row">
                <div class="col-xs-12">
                    <div class="col-xs-4">
                        <div class="row">
				            <div class="profile-info-row">
					            <div class="profile-info-name">投诉客户</div>
					            <div class="profile-info-value row">
                                    <asp:DropDownList ID="DDLCustomerID_Edit" runat="server">
                                    </asp:DropDownList>
                                    <asp:TextBox ID="TxtComplainID_Edit" runat="server" CssClass="hidden"></asp:TextBox>
                                </div>
				            </div>
				            <div class="profile-info-row">
					            <div class="profile-info-name">处理人员</div>
					            <div class="profile-info-value">
                                    <asp:DropDownList ID="DDLDisposeUserID_Edit" runat="server">
                                    </asp:DropDownList>
					            </div>
				            </div>
                        </div>
                    </div>

                    <div class="col-xs-4">
                        <div class="row">				            
				            <div class="profile-info-row">
					            <div class="profile-info-name">被投诉人</div>
					            <div class="profile-info-value">
						            <asp:DropDownList ID="DDLComplainUserID_Edit" runat="server">
                                    </asp:DropDownList>
					            </div>
				            </div>
                            <div class="profile-info-row">
					            <div class="profile-info-name">处理时间</div>
					            <div class="profile-info-value">
                                    <asp:TextBox runat="server" id="TxtDisposeDate_Edit"  CssClass="date-picker" data-date-format="yyyy-mm-dd"/>
                                        <span>
						                    <i class="icon-calendar bigger-110"></i>
					                    </span>
                                </div>
				            </div>
			            </div>
                    </div>

                    <div class="col-xs-4">
                        <div class="row">				            
				            <div class="profile-info-row">
					            <div class="profile-info-name">投诉日期</div>
					            <div class="profile-info-value">
						            <asp:TextBox runat="server" id="TxtComplainDate_Edit"  CssClass="date-picker" data-date-format="yyyy-mm-dd"/>
                                        <span>
						                    <i class="icon-calendar bigger-110"></i>
					                    </span>
					            </div>
				            </div>
                            <div class="profile-info-row">
					            <div class="profile-info-name">处理结果</div>
					            <div class="profile-info-value">
                                    <asp:DropDownList ID="DDLState_Edit" runat="server">
                                        <asp:ListItem Value="Y">已处理</asp:ListItem>
                                        <asp:ListItem Value="N">未处理</asp:ListItem>
                                    </asp:DropDownList>
                                </div>
				            </div>
			            </div>
                    </div>

                    <div class="col-xs-12">
                        <div class="row">				    
				            <div class="profile-info-row">
					            <div class="profile-info-name">投诉标题</div>
					            <div class="profile-info-value">
						            <asp:TextBox ID="TxtComplainTitle_Edit" runat="server" CssClass="col-xs-12"></asp:TextBox>
					            </div>
				            </div>
			            </div>
                    </div>

                    <div class="col-xs-12">
                        <div class="row">				    
				            <div class="profile-info-row">
					            <div class="profile-info-name">投诉内容</div>
					            <div class="profile-info-value">
                                    <asp:TextBox ID="TxtComplainContent_Edit" runat="server" TextMode="MultiLine" CssClass="col-xs-12"></asp:TextBox>
					            </div>
				            </div>
			            </div>
                    </div>
                                       
				    <div class="form-group col-xs-12 center">
                        <div class="space-6"></div>
                        <asp:Button ID="BT_Edit" runat="server" Text="修改" onclick="BT_Edit_Click"
                                CssClass="btn btn-info icon-ok bigger-110 hidden " />
                        <button class="btn btn-info" type="button" onclick="DoubleEditClick()">
						    <i class="icon-ok bigger-110"></i>
						    修改
					    </button>
                        <Button id="Button4" type="reset" value="取消"  class="btn" ><i class="icon-undo bigger-110"></i>
					        Reset
                        </Button>
                        <Button id="Button5" type="reset" value="返回"  class="btn" onclick="javascript:history.go(-1)"><i class="icon-backward bigger-110"></i>
					        Back
                        </Button>
                    </div>
                </div>
		    </div>
        </asp:Panel>
		
        <div id="dialog-del" class="hide">
			<div class="alert alert-warning bigger-110">
				当前勾选的数据将被删除。
			</div>
			<div class="space-6"></div>
			<p class="bigger-110 bolder center grey">
				<i class="icon-hand-right blue bigger-120"></i>
				确定删除吗?
			</p>
		</div><!-- #dialog-confirm -->

        <asp:Panel runat="server" Visible="false" ID="PanelAdd">
            <div class="row" id="DivAdd">
                <div class="col-xs-12">
                    <div class="col-xs-4">
                        <div class="row">
				            <div class="profile-info-row">
					            <div class="profile-info-name">投诉客户</div>
					            <div class="profile-info-value row">
                                    <asp:DropDownList ID="DDLCustomerID_Add" runat="server">
                                    </asp:DropDownList>
                                </div>
				            </div>
				            <div class="profile-info-row">
					            <div class="profile-info-name">处理人员</div>
					            <div class="profile-info-value">
                                    <asp:DropDownList ID="DDLDisposeUserID_Add" runat="server">
                                    </asp:DropDownList>
					            </div>
				            </div>
                        </div>
                    </div>

                    <div class="col-xs-4">
                        <div class="row">				            
				            <div class="profile-info-row">
					            <div class="profile-info-name">被投诉人</div>
					            <div class="profile-info-value">
						            <asp:DropDownList ID="DDLComplainUserID_Add" runat="server">
                                    </asp:DropDownList>
					            </div>
				            </div>
                            <div class="profile-info-row">
					            <div class="profile-info-name">处理时间</div>
					            <div class="profile-info-value">
                                    <asp:TextBox runat="server" id="TxtDisposeDate_Add"  CssClass="date-picker" data-date-format="yyyy-mm-dd"/>
                                        <span>
						                    <i class="icon-calendar bigger-110"></i>
					                    </span>
                                </div>
				            </div>
			            </div>
                    </div>

                    <div class="col-xs-4">
                        <div class="row">				            
				            <div class="profile-info-row">
					            <div class="profile-info-name">投诉日期</div>
					            <div class="profile-info-value">
						            <asp:TextBox runat="server" id="TxtComplainDate_Add"  CssClass="date-picker" data-date-format="yyyy-mm-dd"/>
                                        <span>
						                    <i class="icon-calendar bigger-110"></i>
					                    </span>
					            </div>
				            </div>
                            <div class="profile-info-row">
					            <div class="profile-info-name">处理结果</div>
					            <div class="profile-info-value">
                                    <asp:DropDownList ID="DDLState_Add" runat="server">
                                        <asp:ListItem Value="Y">已处理</asp:ListItem>
                                        <asp:ListItem Value="N" Selected="True">未处理</asp:ListItem>
                                    </asp:DropDownList>
                                </div>
				            </div>
			            </div>
                    </div>

                    <div class="col-xs-12">
                        <div class="row">				    
				            <div class="profile-info-row">
					            <div class="profile-info-name">投诉标题</div>
					            <div class="profile-info-value">
						            <asp:TextBox ID="TxtComplainTitle_Add" runat="server" CssClass="col-xs-12"></asp:TextBox>
					            </div>
				            </div>
			            </div>
                    </div>

                    <div class="col-xs-12">
                        <div class="row">				    
				            <div class="profile-info-row">
					            <div class="profile-info-name">投诉内容</div>
					            <div class="profile-info-value">
                                    <asp:TextBox ID="TxtComplainContent_Add" runat="server" TextMode="MultiLine" CssClass="col-xs-12"></asp:TextBox>
					            </div>
				            </div>
			            </div>
                    </div>

                    
				    <div class="form-group col-xs-12 center">
                        <div class="space-6"></div>
                        <asp:Button ID="BT_Add" runat="server" Text="新增" class="icon-ok"
                                CssClass="btn btn-info icon-ok btn-sm hidden" OnClick="BT_Add_Click" />
                        <button class="btn btn-info bigger-110" type="button" onclick="DoubleAddClick()">
						    <i class="icon-ok"></i>
						    新增
					    </button>
                        <Button id="Reset1" type="reset" value="取消"  class="btn bigger-110" >
                            <i class="icon-undo"></i>
					        Reset
                        </Button>
                    </div>
                </div>
            </div>
        </asp:Panel>

        <asp:Panel runat="server" Visible="false" ID="PanelData">
            <div class="row">
	            <div class="col-xs-12">
		            <div class="table-responsive">
                        <asp:GridView ID="GridView1" runat="server" 
                            CssClass="table table-striped table-bordered table-hover" 
                            AutoGenerateColumns="False" DataKeyNames="ComplainID" 
                            OnRowDataBound="GridView1_RowDataBound" AllowPaging="True" 
                            OnPageIndexChanging="GridView1_PageIndexChanging" 
                            OnRowCommand="GridView1_RowCommand" >
                            <Columns>
                                <asp:TemplateField HeaderText="选取">
                                    <HeaderTemplate>
                                        <asp:CheckBox ID="CheckBoxTitle" runat="server" CssClass="ace"/>
                                    </HeaderTemplate>
                                    <ItemTemplate>
                                        <asp:CheckBox ID="CheckSelect" runat="server" />
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:BoundField DataField="CustName" HeaderText="投诉人" ReadOnly="True"/> 
                                <asp:BoundField DataField="ComplainName" HeaderText="被投诉人" ReadOnly="True"/>                                
                                <asp:BoundField DataField="ComplainTitle" HeaderText="简述" ReadOnly="True"/> 
                                <asp:BoundField DataField="State" HeaderText="结果" ReadOnly="True"/>   
                                <asp:BoundField DataField="DisposeName" HeaderText="处理人" ReadOnly="True"/> 
                                <asp:BoundField DataField="ComplainDate" HeaderText="投诉日期" ReadOnly="True"/> 
                                <asp:BoundField DataField="DisposeDate" HeaderText="处理日期" ReadOnly="True"/>                         
                                <asp:TemplateField HeaderText="操作">
                                    <ItemTemplate>
                                        <asp:Button class=" btn btn-xs btn-success smaller-80 " Text="View" id="ButtonView" runat="server" CommandName="ViewUI" CommandArgument='<%# Bind("ComplainID")%>'>
										</asp:Button>
                                        <asp:Button class=" btn btn-xs btn-info smaller-80 " Text="Edit" id="ButtonEdit" runat="server" CommandName="EditUI" CommandArgument='<%# Bind("ComplainID")%>'>
										</asp:Button>
                                    </ItemTemplate>
                                </asp:TemplateField>
                            </Columns>
                            <PagerSettings Mode="NumericFirstLast" />
                            <HeaderStyle Wrap="False" />
                            <RowStyle Wrap="False" />
                        </asp:GridView>
		            </div><!-- /.table-responsive -->
	            </div><!-- /span -->
            </div>
        </asp:Panel>
    </div>
    
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder_Footer" runat="server">

    <script type="text/javascript" src="../assets/js/jquery-2.0.3.min.js"></script>

	<script type="text/javascript">
		window.jQuery || document.write("<script src='../assets/js/jquery-2.0.3.min.js'>" + "<" + "/script>");
	</script>

	<script type="text/javascript">
		if ("ontouchend" in document) document.write("<script src='../assets/js/jquery.mobile.custom.min.js'>" + "<" + "/script>");
	</script>
	<script type="text/javascript" src="../assets/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../assets/js/typeahead-bs2.min.js"></script>

	<!-- page specific plugin scripts -->
    <!--插件bootstrap-datepicker.min.js必须在jquery-ui-1.10.3.full.min.js之后,否则日期格式、年的选中等会部分失效-->
    <script type="text/javascript" src="../assets/js/jquery-ui-1.10.3.full.min.js"></script>	
    <script type="text/javascript" src="../assets/js/date-time/bootstrap-datepicker.min.js"></script>
	<script type="text/javascript" src="../assets/js/jquery.ui.touch-punch.min.js"></script>
	<!-- ace scripts -->

	<script type="text/javascript" src="../assets/js/ace-elements.min.js"></script>
	<script type="text/javascript" src="../assets/js/ace.min.js"></script>
    <script type="text/javascript" src="../assets/js/bootbox.min_25175.js"></script>

    <script type="text/javascript">

        jQuery(function ($) {
            //全选确认框
            $('table th input:checkbox').on('click', function () {
                var that = this;
                $(this).closest('table').find('tr > td:first-child input:checkbox')
	            .each(function () {
	                this.checked = that.checked;
	                $(this).closest('tr').toggleClass('selected');
	            });
            });


            //对话框全局
            $.widget("ui.dialog", $.extend({}, $.ui.dialog.prototype, {
                _title: function (title) {
                    var $title = this.options.title || '&nbsp;'
                    if (("title_html" in this.options) && this.options.title_html == true)
                        title.html($title);
                    else title.text($title);
                }
            }));

            //删除
//            $("#id-btn-dialog-del").on('click', function (e) {
	        $(document.getElementById('<%=BtDel.ClientID %>')).on('click', function (e) {
                e.preventDefault();
                $("#dialog-del").removeClass('hide').dialog(
                {
                    resizable: false,
                    modal: true,
                    title: "<div class='widget-header'><h4 class='smaller'><i class='icon-warning-sign red'></i>删除</h4></div>",
                    title_html: true,
                    buttons: [
						{
						    html: "<i class='icon-trash bigger-110'></i>&nbsp; 确定",
						    "class": "btn btn-danger btn-xs",
						    click: function () {
						        //						        DoubleDelClick();
						        document.getElementById('<%=BtMenuDel.ClientID %>').click();
						    }
						}
						,
						{
						    html: "<i class='icon-remove bigger-110'></i>&nbsp; 取消",
						    "class": "btn btn-xs",
						    click: function () {
						        $(this).dialog("close");
						    }
						}]
                });
            });

            //日期
            $('.date-picker').datepicker({ autoclose: true }).next().on(ace.click_event, function () {
                $(this).prev().focus();
            });

            //查询
            $("#idsearch").on('click', function (e) {
                document.getElementById('<%=BtSearch.ClientID %>').click();
            });
            
        });
    </script>
    

</asp:Content>
