<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>管理</title>
 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <link href="/templates/_drp/default/css/common.css" rel="stylesheet" type="text/css"/>
    <link href="/templates/_drp/default/css/ui.min.css" rel="stylesheet" type="text/css"/>  
    <link href="/templates/_drp/default/css/ui.jqgrid.css" rel="stylesheet" type="text/css" />
    <script src="/Common/YIUI/js/jquery-1.10.2.js" type="text/javascript"></script>
    <script src="/Common/YIUI/js/ui/json2.js" type="text/javascript"></script>
    <script src="/Common/YIUI/js/common.js" type="text/javascript"></script>
    <script src="/Common/YIUI/js/ui/grid.js" type="text/javascript"></script>
    <script src="/Common/YIUI/js/ui/plugins.js" type="text/javascript"></script>
    <script src="/Common/YIUI/js/ui/jquery.dialog.js?self=true" type="text/javascript"></script>
    <script src="/Common/YIUI/js/ui_common.js" type="text/javascript"></script>
    <style type="text/css">
        #matchCon
        {
            width: 280px;
        }
        
        a.ui-btn
        {
            margin-left: 10px;
        }
    </style>
</head>
<body >   
     <div class="wrapper">
        <div class="mod-search cf">
            <div class="fl">
                <ul class="ul-inline">
                    <li>
                        <input type="text" id="matchCon" class="ui-input ui-input-ph" value="请输入单据号或供应商或备注"/>
                    </li>
                    <li>
                        <label>
                            日期:</label>
                        <input type="text" id="beginDate" value="2014-04-20" class="ui-input ui-datepicker-input" />
                        <i>-</i>
                        <input type="text" id="endDate" value="2014-04-26" class="ui-input ui-datepicker-input" />
                    </li>
                    <li><a class="ui-btn mrb" id="search">查询</a></li>
                </ul>
            </div>
            <div class="fr">
                <a href="javascript:void(0);" class="ui-btn ui-btn-sp" id="btn-add">新增</a>  
                  <a href="javascript:void(0);" class="ui-btn dn"
                    id="btn-refresh">刷新</a>
            </div>
        </div>
         <div class="grid-wrap" >
            <div id="dataGrid">
                <table id="grid">
                </table>
                <div id="page">
                </div>
            </div>
        </div>
    </div> 
   <script type="text/javascript">
        var system = parent.XYECOM_SYSTEM;
        var queryConditions = {
            matchCon: ""
        };
        
        function initEvent() {
            $("#btn-add").click(function (t) {
                t.preventDefault();
                handle.operate("add");
            }), $("#btn-refresh").click(function (t) { //刷新
                t.preventDefault(), $("#grid").jqGrid('setGridParam', {
                                    datatype: 'json', page: 1
                                }).trigger("reloadGrid");//, $("#grid").trigger("reloadGrid");
            }), $("#grid").on("click", ".ui-icon-pencil", function (t) {//编辑
                t.preventDefault();
                var e = $(this).parent().data("id");
                handle.operate("edit", e);
            }), $("#grid").on("click", ".ui-icon-trash", function (t) {//删除
                t.preventDefault();
                var e = $(this).parent().data("id");
               
                handle.del(e);
            }), $("#grid").on("click", ".ui-icon-plus", function (t) {//新增
                t.preventDefault();
                handle.operate("add");
            }), $(window).resize(function () {//Grid大小编辑
                XYECOM_Public.resizeGrid();
            });
            
            $("#search").click(function () {//查询

                  queryConditions.matchCon = "请输入单据号或供应商或备注" === $("#matchCon").val() ? "" : encodeURI($("#matchCon").val()); 
                  
                  reloadData(queryConditions);
              });
              
           $("#matchCon").placeholder();
        }
        
        function reloadData(t) {
            $("#grid").jqGrid("setGridParam", {
                url: '/Common/XYUIAjax.aspx?method=Searchyi_QuotedPrices',
                datatype: "json",
                postData: t,
                page: 1
            }).trigger("reloadGrid");
        };

        function initGrid() {
                        
                   
                        
                   
                        
                   
                        
                   
                        
                   
                        
                   
                  var colNames=['操作','买家ID','卖家ID','当前用户id','状态,1已报价，2已下单,-1已作废','报价时间','询价ID'];
                  var colModel=[{ name: 'operate', width: 80, align: "center", formatter: XYECOM_Public.operFmatter, title: false }    
                            ,{ name: 'q_buyerUid', index: 'q_buyerUid', width: 100, align: 'center' } //买家ID    
                            ,{ name: 'q_sellerUid', index: 'q_sellerUid', width: 100, align: 'center' } //卖家ID    
                            ,{ name: 'q_linkManID', index: 'q_linkManID', width: 100, align: 'center' } //当前用户id    
                            ,{ name: 'q_state', index: 'q_state', width: 100, align: 'center' } //状态,1已报价，2已下单,-1已作废    
                            ,{ name: 'q_date', index: 'q_date', width: 100, align: 'center' } //报价时间    
                            ,{ name: 'i_oid', index: 'i_oid', width: 100, align: 'center' } //询价ID
                                ];
           
            $("#grid").jqGrid({
                "url": '/Common/XYUIAjax.aspx?method=Searchyi_QuotedPrices',
                "datatype": 'json',
                "height": XYECOM_Public.setGrid().h,
                "postData": queryConditions,
                "rownumbers": true,
                "altRows": true,
                "gridview": true,
                "colNames": colNames,
                "colModel":colModel,
                 "page": 1,
                 "autowidth": true,
                 "cmTemplate": { sortable: false },
                 "rowNum": 30,
                 "forceFit": false,
                 "shrinkToFit": false,
                 "pager": '#page',
                 "multiselect": false,//复选框
                 "sortable":true,
                 "sortname":'q_oid',
                 "sortorder":'asc',
                 "viewrecords": true,
                 "jsonReader": {
                                 root: 'data.data',
                                 records: "data.records",
			                    total: "data.total", 
                                repeatitems: true,
                                id: 'q_oid'
                        },                        
                "loadComplete": function (t) {
                    if (t && 200 == t.status) {
                        var e = {};
                        t = t.data;
                        for (var i = 0; i < t.data.length; i++) {
                            var a = t.data[i];
                            e[a.q_oid] = a;
                        }
                        $("#grid").data("gridData", e), 0 == t.data.length && parent.XYECOM_Public.tips({
                            "type": 2,
                            "content": "没有数据！"
                        });
                    } else parent.XYECOM_Public.tips({
                        "type": 2,
                        "content": "获取数据失败！" + t.msg
                    });
                },
                "loadError": function () {
                    parent.XYECOM_Public.tips({
                        "type": 1,
                        "content": "操作失败了哦，请检查您的网络链接！"
                    });
                }
            });
        }
        function dateFmatter(t, e, i) {

            return t ? t.substring(0, 19) : "&nbsp;";
        };  

        var handle = {
            "operate": function (t, e) {
                if ("add" == t) var i = "新增", a = {
                    "oper": t,
                    "callback": this.callback
                }; else var i = "修改", a = {
                    "oper": t,
                    "rowData": $("#grid").data("gridData")[e],
                    "callback": this.callback
                };
                $.dialog({
                    "title": i,
                    "content": "url:yi_QuotedPriceWindow.html",
                    "data": a,
                    "width": 400,
                    "height": 160,
                    "max": !1,
                    "min": !1,
                    "cache": !1,
                    "lock": !0
                });
            },
            "callback": function (t, e, i) {
                i && i.api.time(1);
                
                $("#search").click();
            },
            "del": function (t) {
                $.dialog.confirm("删除将不能恢复，请确认是否删除？", function () {
                    XYECOM_Public.postAjax("/Common/XYUIAjax.aspx?method=Removeyi_QuotedPrice", {
                        "q_oid": t
                    }, function (e) {
                        e && 200 == e.status ? (parent.XYECOM_Public.tips({
                            "content": "删除成功！"
                        }), $("#grid").jqGrid("delRowData", t)) : parent.XYECOM_Public.tips({
                            "type": 1,
                            "content": "删除失败！" + e.msg
                        });
                    });
                });
            }
        };
        initEvent(), initGrid();</script>

</body>
</html>