(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[118],{CRnD:function(e,t,a){"use strict";a.r(t);a("Rbwl");var n=a("hTF7"),l=a("VBJJ"),s=a.n(l),r=a("z3+T"),c=a("GZha"),i=a("ZZRV"),p=a.n(i);function f(e){var t=e.item,a=e.type,n=e.page;return p.a.createElement("div",{style:{display:"flex",alignItems:"center",flexDirection:"initial",height:"37px",background:"#ffffff",padding:"0px 15px"}},p.a.createElement("span",{style:{flex:"1"}},1===n?a+1:a+1+20*(n-1)),p.a.createElement("span",{style:{flex:"1"}},t.login||"--"),p.a.createElement("span",{style:{flex:"2"}},t.name||"--"),p.a.createElement("span",{style:{flex:"2"}},t.register_info||"--"),p.a.createElement("span",{style:{flex:"1"}},t.competition_info||"--"),p.a.createElement("span",{style:{flex:"2"}},t.ip||"--"),p.a.createElement("span",{style:{flex:"2"}},t.username||"--"))}var m=f,u=a("q5+0"),o=a("ErOA");function x(e){Object(u["m"])();var t=Object(i["useState"])(1),a=Object(c["a"])(t,2),l=a[0],f=a[1],x=Object(i["useState"])(20),d=Object(c["a"])(x,2),g=d[0],y=(d[1],Object(i["useState"])()),E=Object(c["a"])(y,2),b=E[0],h=E[1],j=Object(i["useState"])(),v=Object(c["a"])(j,2),O=v[0],w=v[1];return Object(i["useEffect"])((function(){function e(){return t.apply(this,arguments)}function t(){return t=Object(r["a"])(s.a.mark((function e(){var t;return s.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,Object(o["a"])("/api/user_agents.json",{method:"get",params:{page:l,per_page:g}});case 2:t=e.sent,0===t.status&&(h(t.data.user_agents),w(t.data));case 4:case"end":return e.stop()}}),e)}))),t.apply(this,arguments)}e()}),[l]),p.a.createElement("div",{className:"edu-container minH500"},p.a.createElement("div",{className:"educontent  mb20 persmstyle",style:{width:"1200px",marginTop:"26px"}},p.a.createElement("div",{style:{display:"flex",background:"#ffffff",height:"60px",alignItems:"center",padding:"0px 15px"}},p.a.createElement("span",null,"\u5f15\u6d41\u603b\u4eba\u6570\uff1a",O&&O.agents_count||"0"),p.a.createElement("span",{style:{marginLeft:"20px"}},"\u7ade\u8d5b\u6210\u529f\u62a5\u540d\uff1a",O&&O.action_count||"0")),p.a.createElement("div",{style:{marginTop:"1px",background:"#ffffff"}},p.a.createElement("div",{style:{display:"flex",alignItems:"center",flexDirection:"initial",height:"37px",background:"#ffffff",padding:"0px 15px"}},p.a.createElement("span",{style:{flex:"1"}},"\u5e8f\u53f7"),p.a.createElement("span",{style:{flex:"1"}},"\u4ee3\u7406\u4eba\u767b\u5f55\u540d"),p.a.createElement("span",{style:{flex:"2"}},"\u4ee3\u7406\u4eba\u59d3\u540d"),p.a.createElement("span",{style:{flex:"2"}},"\u6ce8\u518c\u60c5\u51b5"),p.a.createElement("span",{style:{flex:"1"}},"\u7ade\u8d5b\u62a5\u540d"),p.a.createElement("span",{style:{flex:"2"}},"IP"),p.a.createElement("span",{style:{flex:"2"}},"\u5f15\u6d41\u4eba\u59d3\u540d")),p.a.createElement("div",{style:{border:"1px solid #fafafa",minHeight:"400px"}},b&&b.map((function(e,t){return p.a.createElement(m,{page:l,item:e,type:t})})))),O&&O.agents_count>20?p.a.createElement("div",{style:{justifyContent:"center",display:"flex",marginTop:"20px"}},p.a.createElement(n["a"],{defaultCurrent:1,defaultPageSize:20,onChange:function(e,t){return f(e)},total:O&&O.agents_count})):""))}t["default"]=x}}]);