1 line
16 KiB
JavaScript
1 line
16 KiB
JavaScript
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-53e9a7a2"],{"86fd":function(t,e,i){"use strict";var s=i("e17e"),n=i.n(s);n.a},"9de9":function(t,e,i){},a68b:function(t,e,i){"use strict";var s=i("9de9"),n=i.n(s);n.a},b62e:function(t,e,i){"use strict";i.r(e);var s=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"client-details"},[i("page-header",[i("div",{staticClass:"page-header-title-view"},[i("div",{staticStyle:{display:"flex","align-items":"center"}},[i("span",{staticClass:"title"},[t._v("\n "+t._s(t.clientId)+"\n ")]),i("a-badge",{attrs:{status:t.connStatus,text:t.connStatusText}})],1)]),i("div",{staticClass:"page-header-top-start btn"},[t.record.connected?i("el-button",{attrs:{type:"danger",size:"small"},on:{click:t.handleDisconnect}},[t._v("\n "+t._s(t.$t("Clients.kickOut"))+"\n ")]):i("el-button",{attrs:{type:"danger",size:"small"},on:{click:t.handleDisconnect}},[t._v("\n "+t._s(t.$t("Clients.cleanSession"))+"\n ")])],1)]),i("div",{staticClass:"app-wrapper"},[i("el-tabs",{attrs:{type:"card"},on:{"tab-click":t.handleTabClick},model:{value:t.activeName,callback:function(e){t.activeName=e},expression:"activeName"}},[i("el-tab-pane",{attrs:{label:t.$t("Clients.basicInfo"),name:"detail"}},["detail"===t.activeName?i("a-card",{staticClass:"detail-card"},[i("el-row",{attrs:{gutter:40}},[i("el-col",{attrs:{span:12}},[i("div",{staticClass:"emq-title"},[t._v("\n "+t._s(t.$t("Clients.connectionInfo"))+"\n ")]),i("ul",{staticClass:"field-info connection"},[i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.accessNode"))+":")]),i("span",{staticClass:"field-value"},[t._v(t._s(t.record.node))])]),i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.clientId")))]),i("span",{staticClass:"field-value"},[t._v(t._s(t.record.clientid))])]),i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.username"))+":")]),i("span",{staticClass:"field-value"},[t._v(t._s(t.record.username))])]),i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.protocolType"))+":")]),"MQTT"===t.record.proto_name?[i("span",{staticClass:"field-value"},[t._v(t._s(t.record.proto_name)+" "+t._s(t.mqttVersionMap[t.record.proto_ver]))])]:[i("span",{staticClass:"field-value"},[t._v(t._s(t.record.proto_name)+"\n "),t.record.proto_ver?i("span",[t._v(" v"+t._s(t.record.proto_ver))]):t._e()])]],2),i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.ipAddress"))+":")]),i("span",{staticClass:"field-value"},[t._v(t._s(t.record.ip_address))])]),i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.port"))+":")]),i("span",{staticClass:"field-value"},[t._v(t._s(t.record.port))])]),i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.keepalive"))+":")]),i("span",{staticClass:"field-value"},[t._v(t._s(t.record.keepalive))])]),i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.bridge"))+":")]),i("span",{staticClass:"field-value"},[t._v(t._s(t.record.is_bridge))])]),t.record.connected?i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.connectionAt"))+":")]),i("span",{staticClass:"field-value"},[t._v(t._s(t.record.connected_at))])]):i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.disConnectionAt"))+":")]),i("span",{staticClass:"field-value"},[t._v(t._s(t.record.disconnected_at))])]),i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.zone"))+":")]),i("span",{staticClass:"field-value"},[t._v(t._s(t.record.zone))])])])]),i("el-col",{attrs:{span:12}},[i("div",{staticClass:"emq-title"},[t._v("\n "+t._s(t.$t("Clients.sessionInfo"))+"\n ")]),i("ul",{staticClass:"field-info session"},[i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(5===t.record.proto_ver?"Clean Start":"Clean Session")+":")]),i("span",{staticClass:"field-value"},[t._v(t._s(t.record.clean_start))])]),i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.expiryInterval"))+":")]),i("span",{staticClass:"field-value"},[t._v(t._s(t.record.expiry_interval))])]),i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.createdAt"))+":")]),i("span",{staticClass:"field-value"},[t._v(t._s(t.record.created_at))])]),i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.subscription"))+":")]),i("span",[t._v(" "+t._s(t.record.subscriptions_cnt)+" / "+t._s(t._f("transToUnlimit")(t.record.max_subscriptions))+" ")])]),i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.mqueue"))+":")]),i("span",[t._v(t._s(t.record.mqueue_len)+" / "+t._s(t.record.max_mqueue))])]),i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.inflight"))+":")]),i("span",[t._v(" "+t._s(t.record.inflight)+" / "+t._s(t.record.max_inflight)+" ")])]),i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.heapSize"))+":")]),i("span",[t._v(t._s(t.record.heap_size))])]),i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.reductions"))+":")]),i("span",[t._v(t._s(t.record.reductions))])]),i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.awaiting_rel"))+":")]),i("span",[t._v(t._s(t.record.awaiting_rel))])]),i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.max_awaiting_rel")))]),i("span",[t._v(t._s(t.record.max_awaiting_rel))])])])])],1),i("div",{staticClass:"view-more"},[i("a",{attrs:{href:"javascript:;"},on:{click:function(e){t.showMore=!t.showMore}}},[t._v("\n "+t._s(t.showMore?t.$t("Base.collapse"):t.$t("Base.viewMore"))+"\n "),i("i",{class:t.showMore?"el-icon-arrow-up":"el-icon-arrow-down"})])]),i("el-collapse-transition",[t.showMore?i("el-row",{attrs:{gutter:40}},[i("el-col",{attrs:{span:12}},[i("ul",{staticClass:"field-info more-info"},[i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.recv_cnt_desc"))+":")]),i("span",[t._v(t._s(t.record.recv_cnt))])]),i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.recv_msg_desc"))+":")]),i("span",[t._v(t._s(t.record.recv_msg))])]),i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.recv_oct_desc"))+":")]),i("span",[t._v(t._s(t.record.recv_oct))])]),i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.recv_pkt_desc"))+":")]),i("span",[t._v(t._s(t.record.recv_pkt))])])])]),i("el-col",{attrs:{span:12}},[i("ul",{staticClass:"field-info more-info"},[i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.send_cnt_desc"))+":")]),i("span",[t._v(t._s(t.record.send_cnt))])]),i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.send_msg_desc"))+":")]),i("span",[t._v(t._s(t.record.send_msg))])]),i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.send_oct_desc"))+":")]),i("span",[t._v(t._s(t.record.send_oct))])]),i("li",{staticClass:"field-info-item"},[i("div",{staticClass:"field-title"},[t._v(t._s(t.$t("Clients.send_pkt_desc"))+":")]),i("span",[t._v(t._s(t.record.send_pkt))])])])])],1):t._e()],1)],1):t._e()],1),i("el-tab-pane",{attrs:{label:t.$t("Clients.subscriptions"),name:"subscriptions"}},["subscriptions"===t.activeName?i("a-card",[i("div",{staticClass:"emq-title"},[t._v("\n "+t._s(t.$t("Clients.currentSubscription"))+"\n "),i("div",{staticClass:"subscriptions-header"},[i("el-button",{attrs:{plain:"",size:"mini",icon:"el-icon-refresh"},on:{click:t.loadData}},[t._v("\n "+t._s(t.$t("Clients.refresh"))+"\n ")]),i("el-button",{attrs:{plain:"",size:"mini",icon:"el-icon-plus"},on:{click:t.handlePreAdd}},[t._v("\n "+t._s(t.$t("Clients.addASubscription"))+"\n ")])],1)]),i("el-table",{staticClass:"data-list",attrs:{data:t.subscriptions}},[i("el-table-column",{attrs:{prop:"topic","min-width":"110px","show-overflow-tooltip":"",label:"Topic"}}),i("el-table-column",{attrs:{prop:"qos","min-width":"110px",label:"QoS"}}),i("el-table-column",{attrs:{prop:"node","min-width":"80px",label:t.$t("Clients.node")}}),i("el-table-column",{attrs:{prop:"clientid",width:"100px"},scopedSlots:t._u([{key:"default",fn:function(e){var s=e.row;return[i("el-button",{attrs:{type:"dashed",size:"mini"},on:{click:function(e){return t.handleUnSubscription(s)}}},[t._v("\n "+t._s(t.$t("Clients.unsubscribe"))+"\n ")])]}}],null,!1,1114816536)})],1)],1):t._e()],1)],1)],1),i("create-subscribe",{attrs:{visible:t.dialogVisible,"client-id":t.record.clientid},on:{"update:visible":function(e){t.dialogVisible=e},created:t.loadData}})],1)},n=[],a=(i("96cf"),i("3b8d")),l=i("d19d"),c=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("el-dialog",t._g(t._b({staticClass:"create-subscribe",attrs:{title:t.$t("Clients.addASubscription"),width:"400px",visible:t.rawVisible},on:{"update:visible":function(e){t.rawVisible=e},close:t.close,open:t.open}},"el-dialog",t.$attrs,!1),t.$listeners),[i("el-form",{ref:"record",attrs:{model:t.record,rules:t.rules,size:"small","label-position":"top"}},[t.clientId?t._e():i("el-form-item",{attrs:{prop:"clientid",label:"Client ID"}},[i("el-input",{attrs:{placeholder:"Client ID"},model:{value:t.record.clientid,callback:function(e){t.$set(t.record,"clientid",e)},expression:"record.clientid"}})],1),i("el-form-item",{attrs:{prop:"topic",label:"Topic"}},[i("el-input",{attrs:{placeholder:"Topic"},model:{value:t.record.topic,callback:function(e){t.$set(t.record,"topic",e)},expression:"record.topic"}})],1),i("el-form-item",{attrs:{prop:"qos",label:"QoS"}},[i("emq-select",{attrs:{field:{list:[0,1,2]}},model:{value:t.record.qos,callback:function(e){t.$set(t.record,"qos",e)},expression:"record.qos"}})],1)],1),i("div",{staticClass:"dialog-align-footer",attrs:{slot:"footer"},slot:"footer"},[i("el-button",{attrs:{plain:"",size:"small"},on:{click:t.close}},[t._v(t._s(t.$t("Base.cancel")))]),i("el-button",{attrs:{type:"primary",size:"small"},on:{click:t.handleAdd}},[t._v(t._s(t.$t("Clients.add")))])],1)],1)},r=[],o={name:"CreateSubscribe",components:{},inheritAttrs:!1,props:{visible:{type:Boolean,required:!0},clientId:{type:String,default:""}},data:function(){return{record:{clientid:this.clientid,qos:0,topic:""},rules:{clientid:{required:!0,message:this.$t("Clients.pleaseEnter")},topic:{required:!0,message:this.$t("Clients.pleaseEnter")}}}},computed:{rawVisible:{get:function(){return this.visible},set:function(t){this.$emit("update:visible",t)}}},created:function(){},methods:{open:function(){this.record.clientid=this.clientId},handleAdd:function(){var t=Object(a["a"])(regeneratorRuntime.mark(function t(){var e;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,this.$refs.record.validate();case 2:if(e=t.sent,e){t.next=5;break}return t.abrupt("return");case 5:return t.next=7,Object(l["e"])(this.record);case 7:this.$emit("created",!0),this.close();case 9:case"end":return t.stop()}},t,this)}));function e(){return t.apply(this,arguments)}return e}(),close:function(){this.$refs.record.resetFields(),this.$emit("update:visible",!1)}}},d=o,u=(i("a68b"),i("2877")),_=Object(u["a"])(d,c,r,!1,null,null,null),f=_.exports,p={name:"ClientDetails",components:{CreateSubscribe:f},filters:{transToUnlimit:function(t){return 0===t?"Unlimited":t}},props:{},data:function(){return{dialogVisible:!1,showMore:!1,activeName:"detail",searchValue:"",record:{clean_start:!0,clientid:"mqttjs_ccf2ae3e",conn_mod:"emqx_channel",connected_at:"2019-07-01 12:11:48",heap_size:987,ip_address:"127.0.0.1",is_bridge:!1,keepalive:60,mailbox_len:0,node:"emqx@127.0.0.1",peercert:"nossl",port:60386,proto_name:"MQTT",proto_ver:4,recv_cnt:98,recv_msg:0,recv_oct:223,recv_pkt:98,reductions:153061,send_cnt:98,send_msg:0,send_oct:198,send_pend:0,send_pkt:98,username:"undefined",zone:"external",connected:!1},mqttVersionMap:{3:"v3.1",4:"v3.1.1",5:"v5.0"},subscriptions:[]}},computed:{clientId:function(){return this.$route.query.clientid},connStatus:function(){return this.record.connected?"success":"error"},connStatusText:function(){return this.record.connected?this.$t("Clients.onLine"):this.$t("Clients.disconnected")}},watch:{$route:function(){this.loadData()}},created:function(){this.loadData()},methods:{handleDisconnect:function(){var t=Object(a["a"])(regeneratorRuntime.mark(function t(){var e,i,s=this;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:e=this.$t("Clients.willDisconnectTheConnection"),i=this.$t("Clients.successfulDisconnection"),this.record.connected||(e=this.$t("Clients.willCleanSession"),i=this.$t("Clients.successfulCleanSession")),this.$msgbox.confirm(e,{confirmButtonText:this.$t("Base.confirm"),cancelButtonText:this.$t("Base.cancel"),type:"warning"}).then(Object(a["a"])(regeneratorRuntime.mark(function t(){return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,Object(l["a"])(s.record.clientid);case 2:s.$set(s.record,"connected",!1),s.$message.success(i),setTimeout(function(){s.$router.push({path:"/clients"})},500);case 5:case"end":return t.stop()}},t)}))).catch(function(){});case 4:case"end":return t.stop()}},t,this)}));function e(){return t.apply(this,arguments)}return e}(),handlePreAdd:function(){this.dialogVisible=!0},loadData:function(){var t=Object(a["a"])(regeneratorRuntime.mark(function t(){var e;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:if(this.clientId){t.next=2;break}return t.abrupt("return");case 2:return t.next=4,Object(l["c"])(this.clientId);case 4:return this.record=t.sent,e=this.record.node,t.next=8,Object(l["d"])(e,this.clientId);case 8:this.subscriptions=t.sent;case 9:case"end":return t.stop()}},t,this)}));function e(){return t.apply(this,arguments)}return e}(),handleTabClick:function(){this.loadData()},handleUnSubscription:function(t){var e=this,i=this.$t("Clients.unsubscribeTitle");this.$msgbox.confirm(i,{confirmButtonText:this.$t("Base.confirm"),cancelButtonText:this.$t("Base.cancel"),type:"warning"}).then(Object(a["a"])(regeneratorRuntime.mark(function i(){var s,n;return regeneratorRuntime.wrap(function(i){while(1)switch(i.prev=i.next){case 0:return s=t.topic,n=t.clientid,i.next=3,Object(l["f"])({topic:s,clientid:n});case 3:e.loadData();case 4:case"end":return i.stop()}},i)}))).catch(function(){})}}},v=p,C=(i("86fd"),Object(u["a"])(v,s,n,!1,null,null,null));e["default"]=C.exports},d19d:function(t,e,i){"use strict";i.d(e,"b",function(){return a}),i.d(e,"a",function(){return l}),i.d(e,"c",function(){return c}),i.d(e,"d",function(){return o}),i.d(e,"f",function(){return d}),i.d(e,"e",function(){return u});i("96cf");var s=i("3b8d"),n=i("1f75");function a(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return n["a"].get("/nodes/".concat(t,"/clients"),{params:e})}function l(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return n["a"].delete("/clients/".concat(encodeURIComponent(t)))}function c(t){return r.apply(this,arguments)}function r(){return r=Object(s["a"])(regeneratorRuntime.mark(function t(e){var i;return regeneratorRuntime.wrap(function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,n["a"].get("/clients/".concat(encodeURIComponent(e)));case 2:return i=t.sent,t.abrupt("return",i.length&&i[0]||{});case 4:case"end":return t.stop()}},t)})),r.apply(this,arguments)}function o(t,e){return n["a"].get("/nodes/".concat(t,"/subscriptions/").concat(encodeURIComponent(e)))}function d(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return n["a"].post("/mqtt/unsubscribe",t)}function u(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return n["a"].post("/mqtt/subscribe",t)}},e17e:function(t,e,i){}}]); |