<div id="apilist" class="page out" data-title="接口列表">
    <div class="page-content" id="urllist_content">
        <div id="apilist-header"></div>
        <div id="apilist-a" ></div>
    </div>
</div>
<script>
    require(["mUtil", "NavHeader", "APIList"], function (mUtil, NavHeader, APIList) {
        var _u = require("mUtil");
        var hasClsPicker = typeof clsPicker !== "undefined";

        if(!hasClsPicker) {
            new NavHeader({
                el: "apilist-header",
                container: "#apilist",
                option: {
                    fixed: true,
                    title: "接口列表插件",
                    smallTitle: "apilist"
                }
            }).render();
        }

        new APIList({
            el: "apilist-a",
            option: {
                apiConfig: {
					api: {
						id: "4ff3c2114b484c9b888c32554c38cc7b",
						name: "文档列表"
					},
					request: {
						params: {
							query: [
								{name: "categoryid", value: ""},
								{name: "searchKey", value: "{search_key}"},
								{name: "pageNo", value: "{page_no}"},
								{name: "pageSize", value: "{page_size}"}
							],
							body: {}
						},
						path: "/X-WEV-DocList",
						type: "GET"
					},
					response: {
						type: "HTML",
						formats: {
							DATAS: "datas",
							TOTAL_SIZE: "totalSize",
							STATUS_CODE: {
								key: "status",
								value: 1
							},
							ERROR_MSG: "errMsg"
						}
					}
				},
				pageStart: 1,
				pageSize: !hasClsPicker ? 10 : 1,
				normalview: {
					imgfield: "",
					titlefield: "{subject}",
					otherfields: [
						"{owner}, {createtime}"
					]
				},
				normalSearch: {
					hide: false,
					tip: ""
				},
				btns: [
					{
						text: "自定义",
						click: function(){
							Mobile_NS.msg("点击自定义按钮");
						}
					}
				],
				swipe: {
					enable: true,
					items: [
						{
							text: "收藏",
							click: function(){
								console.log(this);
							},
							bgcolor: "#f213f2"
						}
					]
				},
				options: {
					readonly: false,
					selectable: false,		//数据可选
					showOnePage: false		//显示一页
				},
                callback: {
					click : function(){
						console.log(this);
					}
				},
                onload: function() {
                    var _u = require("mUtil");
                    var hasClsPicker = typeof clsPicker !== "undefined";

                    if(!hasClsPicker) return;
                    
                    _u.vetically("#apilist-a");

                    clsPicker.golalSetting({
                        container: ".wev-comp-APIList",
                        type: "APIList"
                    });

                    new clsPicker({
                        selector: "li .wev-media-object.wev-pull-left",
                        text: ".wev-media-object",
                        lineYSkew: 80,
                        angle: 80,
                        height: 300,
                        position: "bottom right"
                    });
                    new clsPicker({
                        selector: "li .wev-ellipsis",
                        text: ".wev-ellipsis",
                        skew: [50, ""],
                        angle: 80,
                        lineYSkew: 50,
                        height: 300,
                        position: "bottom right"
                    });

                    new clsPicker({
                        selector: ".wev-table-view-cell",
                        text: ".wev-table-view-cell",
                        skew: [1.1, 10],
                        angle: 80,
                        lineYSkew: 30,
                        position: "bottom left"
                    });

                    new clsPicker({
                        selector: ".wev-search",
                        skew: [8, ""],
                        lineYSkew: 100
                    });
                    new clsPicker({
                        selector: ".wev-search-inner",
                        skew: [3, ""],
                        lineYSkew: 70
                    });

                    new clsPicker({
                        selector: ".wev-small-icon",
                        skew: ["", 2],
                        lineYSkew: 55
                    });
                    new clsPicker({
                        selector: ".btn:last-child",
                        text: ".btn"
                    });
                }
            }
        }).render();
    });
</script>