mirror of
https://github.com/hpd840321/starRiverProperty.git
synced 2026-06-11 01:10:29 +08:00
反编译工作区
1 line
13 KiB
JavaScript
1 line
13 KiB
JavaScript
webpackJsonp([47],{Mw7o:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n("fZjL"),i=n.n(a),r=n("Xxa5"),l=n.n(r),o=n("d7EF"),s=n.n(o),c=n("exGp"),m=n.n(c),b=n("sDf+"),u=(n("KH6O"),n("yOY3")),d=n("M4fF"),p=n("PJh5"),f=n.n(p),g={data:function(){return{resourceCode:"",resourceName:"",tabs:[{name:"设备告警",key:"Device"},{name:"服务告警",key:"Service"}],activeTab:"Device",filterVisable:!1,pickerOptions:{shortcuts:[{text:"最近一周",onClick:function(e){var t=new Date,n=new Date;n.setTime(n.getTime()-6048e5),e.$emit("pick",[n,t])}},{text:"最近一个月",onClick:function(e){var t=new Date,n=new Date;n.setTime(n.getTime()-2592e6),e.$emit("pick",[n,t])}},{text:"最近三个月",onClick:function(e){var t=new Date,n=new Date;n.setTime(n.getTime()-7776e6),e.$emit("pick",[n,t])}}]},alarm:!0,timeLimit:null,currentPage:1,pageSize:10,tableData:[],empty:!0,total:0}},components:{CusButton:b.a},methods:{getData:function(){var e=this;return m()(l.a.mark(function t(){var n,a,i,r,o,c,m,b,d,p,f;return l.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return e.filterVisable=!1,n=e.resourceCode,a=e.resourceName,i=e.activeTab,r=e.timeLimit,o=e.alarm,c=e.currentPage,m=r||["",""],b=s()(m,2),d=b[0],p=b[1],t.next=5,u.a.get("/metrics/device/resource-all",{params:{resourceCode:n,resourceName:a,resourceType:i,pageIndex:c,pageSize:e.pageSize,startTime:d,endTime:p,status:o?"3":"2"}});case 5:f=t.sent,e.tableData=f.data,e.total=f.total,e.empty=o&&("Device"===e.activeTab?""===n:""===a)&&!r&&1===c;case 9:case"end":return t.stop()}},t,e)}))()},changeSize:function(e){this.pageSize=e,this.getData()}},created:function(){this.getData()},computed:{tableDataShow:function(){return Object(d.cloneDeep)(this.tableData).map(function(e){switch(null!==e.alertStartTime&&(e.alertStartTime=f()(e.alertStartTime).format("YYYY-MM-DD HH:mm:ss")),null!==e.alertEndTime&&(e.alertEndTime=f()(e.alertEndTime).format("YYYY-MM-DD HH:mm:ss")),i()(e).forEach(function(t){null===e[t]&&(e[t]="-")}),e.status){case"3":e.status="告警中";break;default:e.status="已解除"}switch(e.resourceType){case"AiService":e.resourceType="AI服务";break;case"CwosService":e.resourceType="平台服务";break;case"BaseService":e.resourceType="基础服务"}return e})}},watch:{currentPage:function(){this.getData()},activeTab:function(e){"Device"===e?this.resourceName="":this.resourceCode="",this.alarm=!0,this.timeLimit=null,this.getData()}}},x={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{attrs:{id:"AlarmList"}},[a("div",{staticClass:"alarm-setting-content"},[a("yb-tabs",{attrs:{data:e.tabs,active:e.activeTab},on:{"update:active":function(t){e.activeTab=t}}}),e._v(" "),a("div",{staticClass:"alarm-content"},[a("div",{staticClass:"alarm-search-box"},[e._v("\n "+e._s("Device"===e.activeTab?"设备编号":"服务名称")+"：\n "),"Device"===e.activeTab?a("el-input",{attrs:{placeholder:"输入设备编号可筛选其警报记录"},model:{value:e.resourceCode,callback:function(t){e.resourceCode=t},expression:"resourceCode"}}):a("el-input",{attrs:{placeholder:"输入服务名称可筛选其警报记录"},model:{value:e.resourceName,callback:function(t){e.resourceName=t},expression:"resourceName"}}),e._v(" "),a("cus-button",{attrs:{type:"info"},on:{click:e.getData}},[e._v("查询")]),e._v(" "),a("cus-button",{on:{click:function(t){e.resourceCode="",e.resourceName=""}}},[e._v("重置")]),e._v(" "),a("el-popover",{attrs:{placement:"bottom",trigger:"click"},model:{value:e.filterVisable,callback:function(t){e.filterVisable=t},expression:"filterVisable"}},[a("div",{staticClass:"filter-rules"},[a("svg",{on:{click:function(t){e.filterVisable=!1}}},[a("use",{attrs:{"xlink:href":"#icon-chahao-changgui"}})]),e._v(" "),a("div",{staticClass:"filter-rule-title"},[e._v("按当前类型筛选")]),e._v(" "),a("cus-button",{attrs:{type:e.alarm&&"info"},on:{click:function(t){e.alarm=!0}}},[e._v("仅查看告警中的")]),e._v(" "),a("cus-button",{attrs:{type:!e.alarm&&"info"},on:{click:function(t){e.alarm=!1}}},[e._v("仅查看已解除的")]),e._v(" "),a("div",{staticClass:"filter-rule-title"},[e._v("按告警时间筛选")]),e._v(" "),a("el-date-picker",{attrs:{type:"datetimerange","picker-options":e.pickerOptions,"range-separator":"至","start-placeholder":"开始日期","end-placeholder":"结束日期","value-format":"yyyy-MM-dd HH:mm:ss",align:"right"},model:{value:e.timeLimit,callback:function(t){e.timeLimit=t},expression:"timeLimit"}}),e._v(" "),a("footer",[a("cus-button",{attrs:{type:"primary"},on:{click:e.getData}},[e._v("确定")]),e._v(" "),a("cus-button",{on:{click:function(t){e.timeLimit=null,e.alarm=!0}}},[e._v("重置")])],1)],1),e._v(" "),a("cus-button",{attrs:{slot:"reference",type:"primary"},slot:"reference"},[e._v("综合筛选")])],1)],1),e._v(" "),a("div",{staticClass:"alarm-table-box"},[a("yb-table",{attrs:{data:e.tableDataShow}},[a("yb-table-column",{attrs:{prop:"alertStartTime",label:"告警时间"}}),e._v(" "),"Device"===e.activeTab?a("yb-table-column",{attrs:{prop:"resourceCode",label:"设备编号"}}):a("yb-table-column",{attrs:{prop:"resourceName",label:"服务名称"}}),e._v(" "),"Device"===e.activeTab?a("yb-table-column",{attrs:{prop:"typeName",label:"设备类型"}}):a("yb-table-column",{attrs:{prop:"resourceType",label:"服务类型"}}),e._v(" "),"Device"!==e.activeTab?a("yb-table-column",{attrs:{index:3,prop:"host"}},[a("template",{slot:"header"},[e._v("\n 所有主机\n "),a("el-tooltip",{staticClass:"item",attrs:{effect:"dark",content:"当同一服务被部署在多个主机上时，该列表示服务具体在哪一主机上是异常的。",placement:"bottom"}},[a("svg",{staticClass:"table-header-info"},[a("use",{attrs:{"xlink:href":"#icon-icon12"}})])])],1)],2):e._e(),e._v(" "),a("yb-table-column",{attrs:{prop:"alertTypeName",label:"警报类型",index:3},scopedSlots:e._u([{key:"default",fn:function(t){var n=t.value;return[a("span",{staticClass:"table-point-warn"}),e._v("\n "+e._s(n)+"\n ")]}}])}),e._v(" "),a("yb-table-column",{attrs:{prop:"status",label:"当前状态",index:4},scopedSlots:e._u([{key:"default",fn:function(t){var n=t.value;return["告警中"===n?a("svg",{staticClass:"table-header-warn"},[a("use",{attrs:{"xlink:href":"#icon-warning1"}})]):e._e(),e._v("\n "+e._s(n)+"\n ")]}}])}),e._v(" "),a("yb-table-column",{attrs:{prop:"alertEndTime",label:"解除时间"}}),e._v(" "),e.empty?a("div",{staticClass:"alarm-table-empty",attrs:{slot:"empty"},slot:"empty"},[a("img",{attrs:{src:n("hP0F"),alt:""}}),e._v(" "),a("div",[e._v("尚未触发过告警")])]):a("div",{staticClass:"alarm-table-empty",attrs:{slot:"empty"},slot:"empty"},[a("img",{attrs:{src:n("W+za"),alt:""}}),e._v(" "),a("div",[e._v("无满足条件的警报，请重新筛选")])])],1)],1)])],1),e._v(" "),a("div",{staticClass:"alarm-setting-pagination"},[a("el-pagination",{attrs:{"current-page":e.currentPage,"page-sizes":[10,50,100,200],layout:"total, sizes, prev, pager, next, jumper",total:e.total},on:{"size-change":e.changeSize,"update:currentPage":function(t){e.currentPage=t},"update:current-page":function(t){e.currentPage=t}}})],1)])},staticRenderFns:[]};var v=n("VU/8")(g,x,!1,function(e){n("OcSQ")},null,null);t.default=v.exports},OcSQ:function(e,t,n){var a=n("rK0K");"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);n("rjj0")("8f4b8104",a,!0)},"W+za":function(e,t,n){e.exports=n.p+"static/img/重新筛选@2x.5d0d23e.png"},rK0K:function(e,t,n){(e.exports=n("FZ+f")(!1)).push([e.i,"\n#AlarmList {\n width: 100%;\n height: calc(100vh - 120px);\n background: #f4f5f6;\n color: #2c2d2f;\n font-size: 0.875rem;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n min-width: 75rem;\n}\n#AlarmList .alarm-setting-content {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 1rem 1.5rem 0;\n margin-bottom: 1rem;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n height: 0;\n overflow: auto;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n#AlarmList .alarm-setting-content .alarm-content {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n height: 0;\n margin-top: 1.5rem;\n width: 100%;\n background: #fff;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n#AlarmList .alarm-setting-content .alarm-content .alarm-search-box {\n height: 5.25rem;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding-left: 1.5rem;\n}\n#AlarmList .alarm-setting-content .alarm-content .alarm-search-box .el-input {\n width: 20rem;\n margin-right: 1.5rem;\n}\n#AlarmList .alarm-setting-content .alarm-content .alarm-search-box .cus-button {\n margin-right: 1.5rem;\n}\n#AlarmList .alarm-setting-content .alarm-content .alarm-table-box {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n height: 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0 1.5rem 2rem;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n#AlarmList .alarm-setting-content .alarm-content .alarm-table-box .yb-table {\n height: 100%;\n}\n#AlarmList .alarm-setting-content .alarm-content .alarm-table-box .table-point-warn {\n width: 0.375rem;\n height: 0.375rem;\n border-radius: 100%;\n background: #FE9835;\n margin-right: 0.625rem;\n}\n#AlarmList .alarm-setting-content .alarm-content .alarm-table-box .table-header-warn {\n width: 1rem;\n height: 1rem;\n fill: #F34A4A;\n margin-right: .5rem;\n}\n#AlarmList .alarm-setting-content .alarm-content .alarm-table-box .alarm-table-empty {\n width: 100%;\n height: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n#AlarmList .alarm-setting-content .alarm-content .alarm-table-box .alarm-table-empty img {\n width: 16.3125rem;\n height: 9.625rem;\n margin-bottom: 1.5rem;\n}\n#AlarmList .alarm-setting-content .alarm-content .table-header-info {\n width: 1rem;\n height: 1rem;\n margin-left: 0.5rem;\n}\n#AlarmList .alarm-setting-pagination {\n height: 3.875rem;\n width: 100%;\n background: #fff;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding-left: 4.375rem;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n#AlarmList .alarm-setting-pagination .el-pagination {\n margin: 0;\n margin-right: 3rem;\n}\n.filter-rules {\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0.75rem;\n}\n.filter-rules svg {\n width: 0.875rem;\n height: 0.875rem;\n position: absolute;\n top: 0.125rem;\n right: 0.75rem;\n cursor: pointer;\n}\n.filter-rules .filter-rule-title {\n color: #2c2d2f;\n font-size: 0.875rem;\n font-weight: bold;\n margin-bottom: 1rem;\n}\n.filter-rules .cus-button {\n margin-bottom: 1.5rem;\n}\n.filter-rules footer {\n margin-top: 2rem;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n.filter-rules footer .cus-button {\n margin-bottom: 0;\n}\n.filter-rules footer .cus-button:first-child {\n margin-right: 1rem;\n}\n",""])}}); |