From b9635c012c08ccb11377b37566d784e20c4aeb06 Mon Sep 17 00:00:00 2001 From: zhl Date: Thu, 13 Aug 2020 18:56:00 +0800 Subject: [PATCH] 0813 --- src/assets/imgs/yxgk_ic_fuwuzs.png | Bin 0 -> 3483 bytes src/assets/imgs/yxgk_ic_yingyongzs.png | Bin 0 -> 3297 bytes src/assets/imgs/yxgk_ic_zaixianyh.png | Bin 0 -> 2329 bytes src/assets/imgs/yxgk_ic_zuzhiyh.png | Bin 0 -> 3440 bytes src/components/e-charts/bar-chartTwo.vue | 200 +++ src/components/e-charts/doubleLine.vue | 227 +++ src/components/e-charts/gk-circle.vue | 266 +++ src/components/e-charts/gkmultiple_circle.vue | 184 ++ src/components/e-charts/line_chart.vue | 67 +- src/components/e-charts/multiple_circle.vue | 36 +- src/components/e-charts/the-list.vue | 153 ++ src/components/e-charts/toplist.vue | 14 +- src/pages/data-analysis/my-application.vue | 1553 ++++++++++++++--- src/pages/data-analysis/my-service.vue | 1182 ++++++++++++- .../data-analysis/operation-overview.vue | 550 +++++- src/pages/data-analysis/service-control.vue | 579 +++++- 16 files changed, 4674 insertions(+), 337 deletions(-) create mode 100644 src/assets/imgs/yxgk_ic_fuwuzs.png create mode 100644 src/assets/imgs/yxgk_ic_yingyongzs.png create mode 100644 src/assets/imgs/yxgk_ic_zaixianyh.png create mode 100644 src/assets/imgs/yxgk_ic_zuzhiyh.png create mode 100644 src/components/e-charts/bar-chartTwo.vue create mode 100644 src/components/e-charts/doubleLine.vue create mode 100644 src/components/e-charts/gk-circle.vue create mode 100644 src/components/e-charts/gkmultiple_circle.vue create mode 100644 src/components/e-charts/the-list.vue diff --git a/src/assets/imgs/yxgk_ic_fuwuzs.png b/src/assets/imgs/yxgk_ic_fuwuzs.png new file mode 100644 index 0000000000000000000000000000000000000000..a3a9b39ab1b4b63a91bfe978d3c9b4b3d92edfdb GIT binary patch literal 3483 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 JPDHLkV1kl`r>y`0 literal 0 HcmV?d00001 diff --git a/src/assets/imgs/yxgk_ic_yingyongzs.png b/src/assets/imgs/yxgk_ic_yingyongzs.png new file mode 100644 index 0000000000000000000000000000000000000000..69407f059681f978b53923c13fafb92b42367ad9 GIT binary patch literal 3297 zcmV<73?B1|P)S{(s;9eBTQNQE$R}U0`eS zMp?omwox?wBwmN>O&k?Z!R*O2(0IqmDhX~j8tUFcK)V_n5%kNBp@I$u(47sbS&uzF z&SbUz3c=RlwOMcS?a35m&17Ku9kl00qV2hA3HF~9;d;HH?yZt2zTMT_^mh3WK!X8v z>qpPZTRV|6TV6o0JiO-gCQlee!6UO6NE<`@6?*=<1p7{iaIMZz_cj7*YiUN%z3st* z1_G!7TQ`+8nYJU?N^)&JP9F z?6Gw-83IO8S(?xNjxcoCteGq0%nNi}tdU@Eu?ST)hM*m? zB>m0a-ij98-C_jl3#eqp8LQV$Va=Ae5Nw{FWCopcb{YfAFve2iTv}IS41IQ3FjVNa z1PazHU}5SwI;bQ;EJ;8w+%N>~B%qxQb+27G_*K7#K?_JUrSDs_egVUo_Ufg3mI1{Q z%Vsl>FhbuPXRk@{=^+7bHOq$anYWNtvTHEo%8wH4LD2KnhM*Unwyq_mdq1twLNZ`p z?14*rC_C8_5mkU+MSG^;L1Ji81`AtPaFB_X3%3|6mmEvM!gNM)%^P(R*n4Eq%4%wt z;YgVXb*(atO{V?I@^$t5?`B{cdO%y34D~JEa`A{~SZ;wR3Ln~<8w8KHser_9*s&Rz zzo97lK~UO|7H~qC>RvP~#acEhF);Tcu|||%h>K!2x!ji*`o1Un{D6hN;EV`12f(-# z3d~$!ps@&=iJ+<2IFwwHK=N`FDmfx9v9`AIY?&LI08%O-H!>~b4V)BDzH-W8p4Dl` z6)P-vWwxXk3gV&zQ-;LqgxhFXFr5KWq~LljDkSx-Iyt|Ju6L*u6BJ&LOQn^2{EeCh z8Fn2IV9!wjWrD9231nn#W!cAgBDpO{DSusnuc+s`qp{89URQpUmE=NJGmt^7GZj0T z`=>I{VUyvQv3o=w-!7n;1LKwR2m}I(N#w9WM&#!pc^(_xIjlP!iu22a0whAZ_ zKw5n+G^I{Te^I*{OR$dJte5(&R0GD(A#|^6w}JyD@iucZ0~r$-C59SXz2nG^PlqKJ zML1O{K_YreavTk3uZpnqOCCPQ#8rohOZKstr~T`*pjca3N;0RSHOZm`5F-UF=_{XX z(<=1&4yzK-dy51(SR#1Ekv87a?_wbL0nCgk!IgmWD`AU*H2u#FkWv za0XX?#zX|g5+lu9w*L=aI!*#%qcEVqw>;?HS(Ji0^}D9(Alj|#-WCf{)B^#2$mYJFNZMsSWth{ zNtqO2gAtFQKU?ks{Q^M`>3|+X*DJ=%IA}cxEcYy%!^qe zX8{Kr9x*{utbe6+T(lpcl7l39;K!_P3}%a&^3H!mcey|q~qeVqc(jw>NGsEI#q2#=WIEsM9Xv&T(^58hN z3v35o1EH=8%##*D?AEVZM0JI+NB)zM3#vn3+K^=?*V)9`wE!Ya?|sTyOOW zX!z|N(D}s+x^Qf28pLki2W-*=-6W%{cQ7$HZX^vaZ?VF~8(5gJCp>*Y@LDjZ6X2tK zCoG)7`pCXkx5EahCz)0kSk3H`eRgbk{tHT)Z93X%G7^6UK$!Ck7=5YTtxdbo)jt ztZk5#1SE(uJod0jcdn#99{C%Q**mZoGlA@A2kXqo!8CqOKzb0lMzUGoj$klj6t+&! z=9&js<$>i><_L(&`E$^}FZ_y3U1`YeQ? z#Us5X%Y;S=B?gD-HK#w>w9nH-hqj(nUK2yN%Cd2-8p^1tlc2Lp?vpJ-haR93r=s92 zai?5zytLB}XDWq|5o%?JVw7DJVEylGUUEf|FVzI1>;>p(t=WaE(Cc1}`X&jsz0wU^ zUh0OD3LzwM5(*2J;-atJZi8i;yWsM5(MxWxt>q)_9viE;09C4%a{>6?s=_l6t`%$`0l z=*s6hp`oSEH|q*x2fXLhIRRe(zyU>PjKL({QS4}|ey6Lp^fYN_!S$~xP8HMxNNFI= z>R};0u_-cjWMoSEI@U5`l@aJ96*Ln;jml^a0c`FAtUqcDc%oc@zx>Mq#btgh#@mne zv|in5t5>$^yVY$%H=Ll|7xj9(q(XA4HBBn06+u%XlJ8m1T4IPr!*rYQ+Yxl71?Hsp z2VJq%8?d3MKVWewuYesd7yMYvUgSWq?uN7H@Y=3{>QxWHy{m2XevnqT?->=;4NI(Q z&)%}l(yYOja(<&>>&FBMNzNNzpu<=-&=bX480XtFd&lT;3J#AOt>uxxA zPGc=Cl%S10&px-o8(v>fwjXGCa!Pn|`dZdJVl_~-A?QW~oi~Gn6`MPtUIW;4JPwY0 zPr&SO>a0JDbtBl7o%W`R^FCm_CZUKLt9fsX4)BhCKu|U;F)2Lx-X~Ph2t7gL$1qUW zC@K3o?mJr0KotPc!fO_(8RE$3_2YA~dVzHi<3zb6w z3kEPaP-{X$SQ4>lOl}aMk_+tedp)g{m1^>E4h3v5fPsK=YSy)|mbe6K(hQ8zm^BD$ z^nYt2f)zO130T!dAFy6c;s_dSD1d>2Di&od@$uHgj6B8^^&mxaqwy9_mW3vnw;y+Q zT>aSDR&_~r#gKx90x%d*_u+nBC#WD!A6FE7>e!&cbf4%4n;5hWyJqDDRq0;ULY%q? zlsZq)%n3PIC;|O}3L2}@KF^<$jvIyyY&Zb@fokC>pYOHBIpmuf!}(9?ZV0zaQaaxc f3zT;JPk;dcRWoow{1=g~00000NkvXXu0mjf3|}t{ literal 0 HcmV?d00001 diff --git a/src/assets/imgs/yxgk_ic_zaixianyh.png b/src/assets/imgs/yxgk_ic_zaixianyh.png new file mode 100644 index 0000000000000000000000000000000000000000..58ce6125e825e99dbd50d459544b23a8ff35dc56 GIT binary patch literal 2329 zcmV+!3Fh{RP)KLjzEis_R?1O!OX^vr!Me?DT0-iPb07oov4{Ujo1Kr9w5EPKbY%X+AimDqd^_eX= z2DyFVlBIPQ-Z_3CUslYAi<+}dS8m+=LqgQwra!#Cn!>tO3M{Ehb(Rwy4E7&2;Cv68 zIwI3|9)0$ypW~S!t<5QGB~r{QcGdSH$7G#(cc`) zI6MUGU-1^oRaX1%YpW!3FXdx&}AbH?FO5s-sg2 zQh!`k@TtYhj0an}NP+5dI%!1|e`)0-VvQFXU@|Q*M(W?cRkA-8evfY&A>Za78^%b1yYT30Km*o!d?%UK9H#H2XlGb5Cw`yWWDXu?{=}s16 zRHMX~`;56==AZ<0eIjUb#@$koA-P0T)oBz(SK_8SSqkMLHR~F)b~pAXxD)qux&|jS zU_6ShWV(|X`Jito_q;qf!a>s}#xkrx!(&;hl353sv=wLU0z;P)()^m1Gr;E8HIT;w zZv1bqH``oKjQ?E@42O>94zT5oL~4-H5{I4Ei%tNVA7ou8UU|kmirh6k%;1kr@fi>H zL~|U5(7nYtI6CWTd+QJOcM85$ZYTAi*v(Kq7BK?l)#rc))}o?BfIQQoL(`!I zboDcs=cf=VqY#O5co$2hXa5n0NBJQTY4`v$~Jj^hVAAos>(& z-es7{*o#uKVDV=+F;ejh6J$>7g#xEAw6puW9^OCNlx;1#Y$ofo?CuCFMbvPQ;T zA3;@pb`LZ1b{X;Ee-E_3_BYOSGnkCoE-AoeTzjSt{b!Fsr0@Lf0HlfwI*;th22z!P z3a}pg+$E(YX1ia)1|&cUx70JGhT4XEF-K}M0+=u2SL8+AJ~!-hQ{kxn9VLy~7ViiV z>&;Q#n@wh$ONudDQAMif(l-@Mde4xqIpmS}by5$`1Sm->d*o2V(ylKz{;br4vSJHN zsl8)kgLg;rPfB(bCcVnEh$3}ZPw)eNc8OsDT9iRnn z!QwULzF_sg&}z%zYG|Cl8NJkdPxq;V;dGE{I=GUmI=8!|Y9HgUOeR@OLg1 zwa(|FB`}ek>tgWMDIMa86ho~vw`~6<1 zyrwujH9W%MS5HUbg+mEh{ku^2M-bqn@(xJsMXjAk)lH36s<-rceB>5}-hQ7KezL^} z0Us$EkMwy7G_G)2p456=mz$w6I_j1kyC}7H+pHN}z*Stl$ z^uD*j3#(VCAoNA?yZq&wx>xg zmH-k}vLxQ5H;J`ZSx(`WkE#X17C-YU3_bBxU}NDdm9PROs~>{kmw!Fw(V{v9sw*h; z3o=#v~*P(Cg+?%o2q$-snp|%?{4Wb_PTa{|4Blo{WzdR8pyUCLw9> zOXM|3ITmdw=KlmtYNTM^sZ`cnna=Q)0`Uej_a_rN+d`zJmrN6u73I{x3x^L%H|z#l z5&|}yg~)b!A<*z0AZ~w_JU>O>B;BvdJNH6@O0iC$0!r6A`!PfYfEg^vtisc}r|WRl zw8;pXtTU%D+g7UNj17pK(s@zmj9mrbQ1kb@jLBTctdeRn^~)Pm#`IIdp9hCIdGS!Z z=mG9K9Jf-0(3>&il#D;cf_gmCEOV6)?Hc1Rw8ZCZZC=T8Cb(_8#!~oIBN2H?wxC%q z2{z126wkb}x^)K$RTs&F%@0wmA{6V#J;l(>_|W-*AtiUQ7WKB_j^;*g#7AukQdcFk z20n<#!e_R6%j=slMP4I1cK0(&ihMB+#fHv)A2G;;F*mCT`Cr6DAMd$@$0Mq@{5GuS zLsv%>)y~Glr#DCY-)XZgm!$k<>OKinkM@nkhu_<;cq)1cb(LT&D#hFGB108ndhBf@ zI`HSwiwA$Ejdgd~9IRl)*#y%yL0Ke!cLoy-w4mQjG3j=<{mjuX9`eY)a+oBRV>U2B z`wM2=dQVN`8x85&uwPDRri%rj%#6#Fzad9aH49-YQ}Ie#-B=V33aP}hELlmXbW3Jp zrHc*V<=F9z0Oiia?&#=;II|2g(=ny}Uw{Ds#0Jj8FhJ%D00000NkvXXu0mjf&bxQt literal 0 HcmV?d00001 diff --git a/src/assets/imgs/yxgk_ic_zuzhiyh.png b/src/assets/imgs/yxgk_ic_zuzhiyh.png new file mode 100644 index 0000000000000000000000000000000000000000..d7544dad6132d2590c3c89fe60963498893462a8 GIT binary patch literal 3440 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 SOugLz0000 + + + + + \ No newline at end of file diff --git a/src/components/e-charts/doubleLine.vue b/src/components/e-charts/doubleLine.vue new file mode 100644 index 0000000..c6a3361 --- /dev/null +++ b/src/components/e-charts/doubleLine.vue @@ -0,0 +1,227 @@ + + + + \ No newline at end of file diff --git a/src/components/e-charts/gk-circle.vue b/src/components/e-charts/gk-circle.vue new file mode 100644 index 0000000..80f98da --- /dev/null +++ b/src/components/e-charts/gk-circle.vue @@ -0,0 +1,266 @@ + + + + \ No newline at end of file diff --git a/src/components/e-charts/gkmultiple_circle.vue b/src/components/e-charts/gkmultiple_circle.vue new file mode 100644 index 0000000..5f9619a --- /dev/null +++ b/src/components/e-charts/gkmultiple_circle.vue @@ -0,0 +1,184 @@ + + + + + diff --git a/src/components/e-charts/line_chart.vue b/src/components/e-charts/line_chart.vue index d4ec73c..0b8463e 100644 --- a/src/components/e-charts/line_chart.vue +++ b/src/components/e-charts/line_chart.vue @@ -25,14 +25,22 @@ export default { }; } }, + showShadow:{ + type:Boolean, + default:true + }, + zzfw: { + type: Boolean, + default: false + }, targetValue: { type: Number, default: () => 0 }, - area_flag:{ + area_flag: { type: Boolean, default: true - }, + } }, components: {}, data() { @@ -61,6 +69,7 @@ export default { "#8B5CFF", "#00CA69" ]; + let color2 = ["#515fe7", "#ef9433","#37c299"]; const hexToRgba = (hex, opacity) => { let rgbaColor = ""; let reg = /^#[\da-f]{6}$/i; @@ -83,32 +92,40 @@ export default { zlevel: 3, lineStyle: { normal: { - color: color[idx], + color: this.zzfw ? color2[idx] : color[idx], shadowBlur: 5, - shadowColor: hexToRgba(color[idx], 0.5), + shadowColor: hexToRgba(this.zzfw ? color2[idx] : color[idx], 0.5), shadowOffsetY: 10 } }, areaStyle: { normal: { - color:this.area_flag? new echarts.graphic.LinearGradient( - 0, - 0, - 0, - 1, - [ - { - offset: 0, - color: hexToRgba(color[idx], 0.3) - }, - { - offset: 1, - color: hexToRgba(color[idx], 0.1) - } - ], - false - ):'rgba(0,0,0,0)', - shadowColor: hexToRgba(color[idx], 0.1), + color: !this.showShadow?'transparent':this.area_flag + ? new echarts.graphic.LinearGradient( + 0, + 0, + 0, + 1, + [ + { + offset: 0, + color: hexToRgba( + this.zzfw ? color2[idx] : color[idx], + 0.3 + ) + }, + { + offset: 1, + color: hexToRgba( + this.zzfw ? color2[idx] : color[idx], + 0.1 + ) + } + ], + false + ) + : "rgba(0,0,0,0)", + shadowColor: !this.showShadow?'none':hexToRgba(this.zzfw ? color2[idx] : color[idx], 0.1), shadowBlur: 10 } }, @@ -123,9 +140,9 @@ export default { var option = { // backgroundColor: bgColor, - color: color, + color: this.zzfw ? color2 : color, legend: { - show:yarr.length>=2,//是否显示图例 + show: yarr.length >= 2, //是否显示图例 right: "center", bottom: 0, itemWidth: 10, @@ -148,7 +165,7 @@ export default { left: 15, right: 30, bottom: 30, - containLabel: true, + containLabel: true }, xAxis: [ { diff --git a/src/components/e-charts/multiple_circle.vue b/src/components/e-charts/multiple_circle.vue index 7851ae8..0cc073a 100644 --- a/src/components/e-charts/multiple_circle.vue +++ b/src/components/e-charts/multiple_circle.vue @@ -24,6 +24,14 @@ export default { bar_width: { type: Number, default: 5 + }, + isFwsp: { + type: Boolean, + default: false + }, + isPercent: { + type: Boolean, + default: true } }, components: {}, @@ -76,7 +84,8 @@ export default { }; var data = []; var total = 0; - var color = ["#274fee", "#25bdb1", "#ffc95c", "#e56600", "#e15260"]; + var color = ["#274fee", "#f5ab4c", "#e15260", "#a9aec0", "#e56600"]; + var color2 = ["#ef9433", "#515fe7"]; var legendarr = []; var temp2_data = 0; data_val.forEach(e => { @@ -91,7 +100,7 @@ export default { normal: { borderWidth: this.bar_width, // shadowBlur: 20, - borderColor: color[i] + borderColor: this.isFwsp ? color2[i] : color[i] // shadowColor: color[i], } } @@ -122,12 +131,23 @@ export default { position: "outside", color: "#58617a", formatter: params => { - var percent = 0; - percent = total != 0 ? ((params.value / total) * 100).toFixed(2) : 0; - if (params.name !== "") { - return percent + "%"; + if (this.isPercent) { + var percent = 0; + percent = + total != 0 + ? ((params.value / total) * 100).toFixed(2) + : 0; + if (params.name !== "") { + return percent + "%"; + } else { + return ""; + } } else { - return ""; + if (params.name !== "") { + return params.value + "个"; + } else { + return ""; + } } }, rich: rich @@ -153,7 +173,7 @@ export default { left: "center", top: "center" }, - color: color, + color: this.isFwsp ? color2 : color, tooltip: { show: false }, diff --git a/src/components/e-charts/the-list.vue b/src/components/e-charts/the-list.vue new file mode 100644 index 0000000..167578a --- /dev/null +++ b/src/components/e-charts/the-list.vue @@ -0,0 +1,153 @@ + + + + + \ No newline at end of file diff --git a/src/components/e-charts/toplist.vue b/src/components/e-charts/toplist.vue index 7c93df2..0735abd 100644 --- a/src/components/e-charts/toplist.vue +++ b/src/components/e-charts/toplist.vue @@ -11,14 +11,16 @@

{{ option.service_name }} + {{ option.service_name }}

0 + }, + isShowjt:{ + type:Boolean, + default:true + }, + isPercent:{ + type:Boolean, + default:false } }, data() { @@ -75,11 +85,9 @@ export default { this.timer = setInterval(() => { let itemHeight = 50; let curScrollTop = this.$el.scrollTop + itemHeight; - if (curScrollTop >= this.$el.scrollHeight - this.$el.clientHeight + itemHeight) { curScrollTop = 0; } - this.$el.scrollTop = Math.min(curScrollTop, this.$el.scrollHeight - this.$el.clientHeight); }, 1500); }, diff --git a/src/pages/data-analysis/my-application.vue b/src/pages/data-analysis/my-application.vue index 92602a5..b60948f 100644 --- a/src/pages/data-analysis/my-application.vue +++ b/src/pages/data-analysis/my-application.vue @@ -15,7 +15,7 @@
-
应用总数
+
应用总数
{{overview.total}}
@@ -102,7 +102,17 @@

{{sparkline1.num}} - {{sparkline1.up>0?sparkline1.up:0-sparkline1.up}}% + + {{sparkline1.up>0?sparkline1.up:0-sparkline1.up}}% + + +

{{sparkline2.num}} - {{sparkline2.up>0?sparkline2.up:0-sparkline2.up}}% + + {{sparkline2.up>0?sparkline2.up:0-sparkline2.up}}% + + +

- + @@ -213,9 +238,31 @@ - - - + + + + + + + + @@ -249,79 +296,430 @@ export default { WaterPolo }, data: () => ({ - water_polo: [0, 0], + isyysp: true, + water_polo: [64, 36], overview: { - month_chain: 0, - week_chain: 0, - total:0, - day_count:0 - }, - now_used_count_day:7, - now_app_type:1, - now_app_used_area:1, - now_app_count:14, - now_app_deploy:1, - now_app_evalute:1, - mult_data: [], + month_chain: 12, + week_chain: 20, + total: 1324, + day_count: 21 + }, + now_used_count_day: 7, + now_app_type: 1, + now_app_used_area: 1, + now_app_count: 14, + now_app_deploy: 1, + now_app_evalute: 1, + mult_data: [ + { name: "基础工具", value: 22 }, + { name: "通用应用", value: 12 }, + { name: "业务应用", value: 10 } + ], text: "应用总数", spIndicatorStyles1: false, spRefLineStyles3: { stroke: "#d14", strokeOpacity: 0, - strokeDasharray: "2, 2", + strokeDasharray: "2, 2" }, spCurveStyles2: { stroke: "#274fee", - fill: "#274fee", + fill: "#274fee" + }, + Yysp_data: [ + { name: "已审批", value: 15 }, + { name: "待审批", value: 45 } + ], + Yysp_text: "应用审批", + serviceSpData: { + xAxisData: [ + "07-01", + "07-02", + "07-03", + "07-04", + "07-05", + "07-06", + "07-07", + "07-08", + "07-09", + "07-10", + "07-11", + "07-12", + "07-13", + "07-14" + ], + seriesData: [ + { + name: "已审批", + data: [ + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 460, + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 460 + ] + }, + { + name: "未审批", + data: [ + 300, + 350, + 400, + 280, + 320, + 450, + 400, + 350, + 300, + 350, + 400, + 280, + 320, + 450, + 400, + 350 + ] + } + ] }, spCurveStyles3: { stroke: "#e56600", - fill: "#e56600", + fill: "#e56600" }, - sparkline1:{ - arr:[1,2,3,4,8,9,10,21], - num:21, - up:15.3 + sparkline1: { + arr: [1, 2, 3, 4, 8, 9, 10, 21], + num: 21, + up: 15.3 }, - sparkline2:{ - arr:[1,2,3,4,8,9,10,21], - num:18, - up:-19.3 + sparkline2: { + arr: [1, 2, 3, 4, 8, 9, 10, 21], + num: 18, + up: -19.3 }, single_data: { - num: 0, + num: 54, color: "#274fee", text: "平台应用" }, single_data1: { - num: 0, + num: 56, color: "#e56600", text: "开发者应用" }, - line_data: {}, - bar_data_org: {}, - bar_data_area: {}, - graph_arr: {}, - toplistData: [], // 应用部署排名分析 + line_data: { + xAxisData: [ + "07-01", + "07-02", + "07-03", + "07-04", + "07-05", + "07-06", + "07-07", + "07-08", + "07-09", + "07-10", + "07-11", + "07-12", + "07-13", + "07-14" + ], + seriesData: [ + { + name: "开发者应用", + data: [ + 300, + 200, + 150, + 280, + 480, + 520, + 500, + 222, + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 222 + ] + }, + { + name: "平台应用", + data: [ + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 222, + 100, + 200, + 350, + 280, + 260, + 320, + 500, + 222 + ] + }, + { + name: "未上架", + data: [ + 300, + 350, + 366, + 280, + 320, + 450, + 366, + 350, + 300, + 350, + 366, + 280, + 320, + 450, + 366, + 350 + ] + } + ] + }, + bar_data_org: { + legendData: [ + "省公安厅", + "省发改委", + "贵州省公安厅", + "贵州省发改委", + "贵州省公安厅" + ], + seriesData: [322, 454, 266, 399, 222, 167] + }, + bar_data_area: { + legendData: ["经济建设", "城市建设", "道路交通", "环境资源", "其他"], + seriesData: [322, 454, 566, 399, 222, 167] + }, + graph_arr: { + legend: { + data: ["被调用次数", "调用次数"] + }, + data: ["07-01", "07-02", "07-03", "07-04", "07-05", "07-06", "07-07"], + series: [ + { name: "被调用次数", data: [300, 350, 366, 280, 320, 450, 366] }, + { name: "调用次数", data: [400, 350, 280, 480, 520, 500, 222] } + ] + }, + toplistData: [ + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 30 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "钉钉 V1.0", + request_count: 22 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "易智瑞 V11.3", + request_count: 21 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 18 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 15 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 12 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 10 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 8 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 6 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 6 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 4 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 2 + } + ], // 应用部署排名分析 toplistTargetValue: 150, // 应用部署排名分析 目标值 appInfoBtnIndex: 0, - commentlistData: [], // 应用评价 - starlistData: [], // 应用评分 + commentlistData: [ + { + picture_path: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + user_name: "孤独的狼", + add_time: "2020-08-01 19:00:00", + score: 4, + message: "这个应用非常实用，可以应用到多个业务领域！" + }, + { + picture_path: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + user_name: "大锤", + add_time: "2020-08-01 19:00:00", + score: 4, + message: "这个应用非常实用，可以应用到多个业务领域！" + }, + { + picture_path: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + user_name: "阿水", + add_time: "2020-08-01 19:00:00", + score: 3, + message: "这个应用非常实用，可以应用到多个业务领域！" + }, + { + picture_path: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + user_name: "孤独的狼", + add_time: "2020-08-01 19:00:00", + score: 4, + message: "这个应用非常实用，可以应用到多个业务领域！" + }, + { + picture_path: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + user_name: "孤独的狼", + add_time: "2020-08-01 19:00:00", + score: 4, + message: "这个应用非常实用，可以应用到多个业务领域！" + } + ], // 应用评价 + starlistData: [ + { + star: 5, + count: 5, + unit: "个" + }, + { + star: 4, + count: 4, + unit: "个" + }, + { + star: 3, + count: 3, + unit: "个" + }, + { + star: 2, + count: 2, + unit: "个" + }, + { + star: 1, + count: 1, + unit: "个" + } + ], // 应用评分 starlistTotal: 10, hotSearchHeader: [], // 热门搜索 表头 - hotSearchData: [] // 热门搜索 数据 + hotSearchData: [ + { + id: 1, + hotIndex: 1, + name: "地图视频融合服务", + count: 9964, + increases: 568 + }, + { + id: 1, + hotIndex: 2, + name: "消息队列服务", + count: 8964, + increases: 528 + }, + { + id: 1, + hotIndex: 3, + name: "即时通讯服务", + count: 7864, + increases: 89 + }, + { + id: 1, + hotIndex: 4, + name: "即时通讯服务这里最多显示十五字地图视频融合服务", + count: 4964, + increases: -8 + }, + { + id: 1, + hotIndex: 5, + name: "即时通讯服务这里最多显示十五字地图视频融合服务", + count: 3364, + increases: -18 + } + ] // 热门搜索 数据 }), mounted() { - this.getAppOverview() - this.getAppUsedCount() - this.getAppType() - this.getAppSourceOri() - this.getAppUsedArea() - this.getAppCount() - this.getAppDeployRank() - this.getAppEvaluate() - this.getAppOnlineState() - this.getAppHot() + // this.getAppOverview(); + // this.getAppUsedCount(); + // this.getAppType(); + // this.getAppSourceOri(); + // this.getAppUsedArea(); + // this.getAppCount(); + // this.getAppDeployRank(); + // this.getAppEvaluate(); + // this.getAppOnlineState(); + // this.getAppHot(); this.hotSearchHeader = [ { label: "排名", @@ -351,227 +749,960 @@ export default { ]; }, methods: { - getAppOverview(){ + getAppOverview() { this.$api.dataAnalysis.getAppOverview().then(response => { if (response.data.success == 1) { - let data = response.data.data - this.overview= { + let data = response.data.data; + this.overview = { month_chain: parseFloat(data.month_lr), week_chain: parseFloat(data.week_lr), - total:data.total, - day_count:data.ave_deploy_count - } - this.water_polo = [parseFloat(data.developable_ratio),parseFloat(data.un_developable_ratio)] + total: data.total, + day_count: data.ave_deploy_count + }; + this.water_polo = [ + parseFloat(data.developable_ratio), + parseFloat(data.un_developable_ratio) + ]; } - }) + }); }, - getAppUsedCount(){ - this.$api.dataAnalysis.getAppUsedCount({day:this.now_used_count_day}).then(response => { - if (response.data.success == 1) { - let data = response.data.data - this.graph_arr= data - } - }) - }, - getAppType(){ - this.$api.dataAnalysis.getAppType({type:this.now_app_type}).then(response => { - if (response.data.success == 1) { - let data = response.data.data - this.mult_data= data.series[0].data - } - }) + getAppUsedCount() { + this.$api.dataAnalysis + .getAppUsedCount({ day: this.now_used_count_day }) + .then(response => { + if (response.data.success == 1) { + let data = response.data.data; + this.graph_arr = data; + } + }); }, - getAppSourceOri(){ - this.$api.dataAnalysis.getAppSourceOri().then(response => { - if (response.data.success == 1) { - let data = response.data.data - this.bar_data_org= { - legendData: data.xAxis.data, - seriesData: data.series[0].data + getAppType() { + this.$api.dataAnalysis + .getAppType({ type: this.now_app_type }) + .then(response => { + if (response.data.success == 1) { + let data = response.data.data; + this.mult_data = data.series[0].data; } - } - }) + }); }, - getAppUsedArea(){ - this.$api.dataAnalysis.getAppUsedArea({type:this.now_app_used_area}).then(response => { + getAppSourceOri() { + this.$api.dataAnalysis.getAppSourceOri().then(response => { if (response.data.success == 1) { - let data = response.data.data - this.bar_data_area= { + let data = response.data.data; + this.bar_data_org = { legendData: data.xAxis.data, seriesData: data.series[0].data - } + }; } - }) + }); }, - getAppCount(){ - this.$api.dataAnalysis.getAppCount({day:this.now_app_count}).then(response => { - if (response.data.success == 1) { - let data = response.data.data - this.line_data= { - xAxisData: data.data, - seriesData: data.series + getAppUsedArea() { + this.$api.dataAnalysis + .getAppUsedArea({ type: this.now_app_used_area }) + .then(response => { + if (response.data.success == 1) { + let data = response.data.data; + this.bar_data_area = { + legendData: data.xAxis.data, + seriesData: data.series[0].data + }; } - } - }) + }); }, - getAppDeployRank(){ - this.$api.dataAnalysis.getAppDeployRank({type:this.now_app_deploy}).then(response => { - if (response.data.success == 1) { - let data = response.data.data - this.toplistData = [] - if(data&&data.length){ - this.toplistTargetValue =data[0].num - data.forEach(e => { - this.toplistData.push({ - service_name: e.name, - request_count: e.num, - cover:e.logo, - service_id:{ - id:e.app_id, - source:e.source - }, - data_service_type1:124 - }) - }); + getAppCount() { + this.$api.dataAnalysis + .getAppCount({ day: this.now_app_count }) + .then(response => { + if (response.data.success == 1) { + let data = response.data.data; + this.line_data = { + xAxisData: data.data, + seriesData: data.series + }; } - } - }) + }); }, - getAppEvaluate(){ - this.$api.dataAnalysis.getAppEvaluate({type:this.now_app_evalute}).then(response => { - if (response.data.success == 1) { - let data = response.data.data - if(this.now_app_evalute==1){ - this.commentlistData = [] - if(data&&data.length){ + getAppDeployRank() { + this.$api.dataAnalysis + .getAppDeployRank({ type: this.now_app_deploy }) + .then(response => { + if (response.data.success == 1) { + let data = response.data.data; + this.toplistData = []; + if (data && data.length) { + this.toplistTargetValue = data[0].num; data.forEach(e => { - this.commentlistData.push({ - add_time: e.add_time, - message: e.content, - picture_path: e.picture_path, - score: e.score, - user_name: e.picture_path, - }) + this.toplistData.push({ + service_name: e.name, + request_count: e.num, + cover: e.logo, + service_id: { + id: e.app_id, + source: e.source + }, + data_service_type1: 124 + }); }); } - }else{ - this.starlistTotal = 10 - this.starlistData = [] - var temp = [] - if(data&&data.length){ - data.forEach(e => { - temp.push(e.num) - this.starlistData.push({ - star: e.name, - count: e.num, - }) - }); - this.starlistTotal = Math.max(...temp) + } + }); + }, + getAppEvaluate() { + this.$api.dataAnalysis + .getAppEvaluate({ type: this.now_app_evalute }) + .then(response => { + if (response.data.success == 1) { + let data = response.data.data; + if (this.now_app_evalute == 1) { + this.commentlistData = []; + if (data && data.length) { + data.forEach(e => { + this.commentlistData.push({ + add_time: e.add_time, + message: e.content, + picture_path: e.picture_path, + score: e.score, + user_name: e.picture_path + }); + }); + } + } else { + this.starlistTotal = 10; + this.starlistData = []; + var temp = []; + if (data && data.length) { + data.forEach(e => { + temp.push(e.num); + this.starlistData.push({ + star: e.name, + count: e.num + }); + }); + this.starlistTotal = Math.max(...temp); + } } } - } - }) + }); }, - getAppOnlineState(){ - this.$api.dataAnalysis.getAppOnlineState().then(response =>{ + getAppOnlineState() { + this.$api.dataAnalysis.getAppOnlineState().then(response => { if (response.data.success == 1) { - let data = response.data.data + let data = response.data.data; this.single_data = { num: data.platform, color: "#274fee", text: "平台应用" - } - this.single_data1= { + }; + this.single_data1 = { num: data.develop, color: "#e56600", text: "开发者应用" - } + }; } - }) + }); }, - getAppHot(){ - this.$api.dataAnalysis.getAppHot().then(response =>{ + getAppHot() { + this.$api.dataAnalysis.getAppHot().then(response => { if (response.data.success == 1) { - let data = response.data.data - let user = data.user||{} - let ave_search = data.ave_search||{} - let search_app = data.search_app||[] - this.sparkline1={ - arr:user.line_chart?user.line_chart.series[0].data:[], - num:user.today_num?user.today_num:0, - up:user.ratio?parseFloat(user.ratio):0 - } - this.sparkline2={ - arr:ave_search.line_chart?ave_search.line_chart.series[0].data:[], - num:ave_search.today_num?ave_search.today_num:0, - up:ave_search.ratio?parseFloat(ave_search.ratio):0 - } - this.hotSearchData = [] - search_app.forEach((e,idx) => { + let data = response.data.data; + let user = data.user || {}; + let ave_search = data.ave_search || {}; + let search_app = data.search_app || []; + this.sparkline1 = { + arr: user.line_chart ? user.line_chart.series[0].data : [], + num: user.today_num ? user.today_num : 0, + up: user.ratio ? parseFloat(user.ratio) : 0 + }; + this.sparkline2 = { + arr: ave_search.line_chart + ? ave_search.line_chart.series[0].data + : [], + num: ave_search.today_num ? ave_search.today_num : 0, + up: ave_search.ratio ? parseFloat(ave_search.ratio) : 0 + }; + this.hotSearchData = []; + search_app.forEach((e, idx) => { this.hotSearchData.push({ - id:e.app_id, - source:e.source, - hotIndex:idx + 1, + id: e.app_id, + source: e.source, + hotIndex: idx + 1, name: e.name, count: e.num, increases: parseFloat(e.ratio) - }) + }); }); } - }) + }); }, detailHotSearch(item) { console.log("查看热搜详情"); - this.$router.push(`/yygl/0/0/detail/${item.id}?source=${item.source}`) + this.$router.push(`/yygl/0/0/detail/${item.id}?source=${item.source}`); }, hotSearchSortChange(sortInfo) { console.log("应用热门搜索: " + sortInfo); }, + changeAppSpChangeBtn(val) { + if (val === 0) { + this.serviceSpData = { + xAxisData: [ + "07-01", + "07-02", + "07-03", + "07-04", + "07-05", + "07-06", + "07-07", + "07-08", + "07-09", + "07-10", + "07-11", + "07-12", + "07-13", + "07-14" + ], + seriesData: [ + { + name: "已审批", + data: [ + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 460, + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 460 + ] + }, + { + name: "未审批", + data: [ + 300, + 350, + 400, + 280, + 320, + 450, + 400, + 350, + 300, + 350, + 400, + 280, + 320, + 450, + 400, + 350 + ] + } + ] + }; + } else { + this.serviceSpData = { + xAxisData: [ + "07-01", + "07-02", + "07-03", + "07-04", + "07-05", + "07-06", + "07-07", + "07-08", + "07-09", + "07-10", + "07-11", + "07-12", + "07-13", + "07-14", + "07-15", + "07-16", + "07-17", + "07-18", + "07-19", + "07-20", + "07-21", + "07-22", + "07-23", + "07-24", + "07-25", + "07-26", + "07-27", + "07-28", + "07-29", + "07-30" + ], + seriesData: [ + { + name: "已审批", + data: [ + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 460, + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 460, + 300, + 350, + 400, + 280, + 320, + 450, + 400, + 350, + 300, + 350, + 400, + 280, + 320, + 450, + 400, + 350 + ] + }, + { + name: "未审批", + data: [ + 300, + 350, + 400, + 280, + 320, + 450, + 400, + 350, + 300, + 350, + 400, + 280, + 320, + 450, + 400, + 350, + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 460, + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 460 + ] + } + ] + }; + } + }, + changeAppSpBtn(val) { + if (val === 0) { + this.Yysp_data = [ + { name: "已审批", value: 15 }, + { name: "待审批", value: 45 } + ]; + this.isyysp = true; + } else { + this.Yysp_data = [ + { name: "申请部署", value: 5 }, + { name: "申请开发", value: 15 } + ]; + this.isyysp = false; + } + }, changeServiceTypeBtn(index) { - if(index == 0){ - this.now_app_type = 1 - }else{ - this.now_app_type = 2 + if (index === 0) { + this.mult_data = [ + { name: "基础工具", value: 22 }, + { name: "通用应用", value: 12 }, + { name: "业务应用", value: 10 } + ]; + } else { + this.mult_data = [ + { name: "基础工具", value: 6 }, + { name: "通用应用", value: 20 }, + { name: "业务应用", value: 14 } + ]; } - this.getAppType() + // if (index == 0) { + // this.now_app_type = 1; + // } else { + // this.now_app_type = 2; + // } + // this.getAppType(); }, changeAppAreaTypeBtn(index) { - if(index == 0){ - this.now_app_used_area = 1 - }else{ - this.now_app_used_area = 2 + if (index === 0) { + this.bar_data_area = { + legendData: ["经济建设", "城市建设", "道路交通", "环境资源", "其他"], + seriesData: [322, 454, 566, 399, 222, 167] + }; + } else { + this.bar_data_area = { + legendData: ["经济建设", "城市建设", "道路交通", "环境资源", "其他"], + seriesData: [222, 354, 466, 499, 422, 367] + }; } - this.getAppUsedArea() + // if (index == 0) { + // this.now_app_used_area = 1; + // } else { + // this.now_app_used_area = 2; + // } + // this.getAppUsedArea(); }, changeApplicationFieldBtn(index) { console.log("xxx: " + index); }, changeServiceCellBtn(index) { - if(index==0){ - this.now_used_count_day = 7 - }else{ - this.now_used_count_day = 30 + if (index === 0) { + this.graph_arr = { + legend: { + data: ["被调用次数", "调用次数"] + }, + data: ["07-01", "07-02", "07-03", "07-04", "07-05", "07-06", "07-07"], + series: [ + { name: "被调用次数", data: [300, 350, 366, 280, 320, 450, 366] }, + { name: "调用次数", data: [400, 350, 280, 480, 520, 500, 222] } + ] + }; + } else { + this.graph_arr = { + legend: { + data: ["被调用次数", "调用次数"] + }, + data: [ + "07-01", + "07-02", + "07-03", + "07-04", + "07-05", + "07-06", + "07-07", + "07-08", + "07-09", + "07-10", + "07-11", + "07-12", + "07-13", + "07-14", + "07-15", + "07-16", + "07-17", + "07-18", + "07-19", + "07-20", + "07-21", + "07-22", + "07-23", + "07-24", + "07-25", + "07-26", + "07-27", + "07-28", + "07-29", + "07-30" + ], + series: [ + { + name: "被调用次数", + data: [ + 300, + 350, + 366, + 280, + 320, + 450, + 366, + 400, + 350, + 280, + 480, + 520, + 500, + 222, + 300, + 350, + 366, + 280, + 320, + 450, + 366, + 400, + 350, + 280, + 480, + 520, + 500, + 222, + 333, + 444 + ] + }, + { + name: "调用次数", + data: [ + 400, + 350, + 280, + 480, + 520, + 500, + 222, + 300, + 350, + 366, + 280, + 320, + 450, + 366, + 400, + 350, + 280, + 480, + 520, + 500, + 222, + 333, + 444, + 400, + 350, + 280, + 480, + 520, + 500, + 222 + ] + } + ] + }; } - this.getAppUsedCount() + // if (index == 0) { + // this.now_used_count_day = 7; + // } else { + // this.now_used_count_day = 30; + // } + // this.getAppUsedCount(); }, changeServeiceApplyCountBtn(index) { - console.log("应用部署排名分析: " + index); - this.now_app_deploy = index+1 - this.getAppDeployRank() + if (index === 0) { + this.toplistData = [ + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 30 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "钉钉 V1.0", + request_count: 22 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "易智瑞 V11.3", + request_count: 21 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 18 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 15 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 12 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 10 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 8 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 6 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 6 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 4 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 2 + } + ]; + } else { + this.toplistData = [ + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 35 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "钉钉 V1.0", + request_count: 30 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "易智瑞 V11.3", + request_count: 27 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 25 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 15 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 12 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 11 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 10 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 6 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 6 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 4 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 2 + } + ]; + } + // console.log("应用部署排名分析: " + index); + // this.now_app_deploy = index + 1; + // this.getAppDeployRank(); }, changeAppInfoBtn(index) { this.appInfoBtnIndex = index; - this.now_app_evalute = index+1 - this.getAppEvaluate() - console.log("应用评价及评分: " + index); + this.now_app_evalute = index + 1; + // this.getAppEvaluate(); + // console.log("应用评价及评分: " + index); }, changeAppTotalChangeBtn(index) { - if(index == 0){ - this.now_app_count = 14 - }else{ - this.now_app_count = 30 + if (index === 0) { + this.line_data = { + xAxisData: [ + "07-01", + "07-02", + "07-03", + "07-04", + "07-05", + "07-06", + "07-07", + "07-08", + "07-09", + "07-10", + "07-11", + "07-12", + "07-13", + "07-14" + ], + seriesData: [ + { + name: "开发者应用", + data: [ + 300, + 200, + 150, + 280, + 480, + 520, + 500, + 222, + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 222 + ] + }, + { + name: "平台应用", + data: [ + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 222, + 100, + 200, + 350, + 280, + 260, + 320, + 500, + 222 + ] + }, + { + name: "未上架", + data: [ + 300, + 350, + 366, + 280, + 320, + 450, + 366, + 350, + 300, + 350, + 366, + 280, + 320, + 450, + 366, + 350 + ] + } + ] + }; + } else { + this.line_data = { + xAxisData: [ + "07-01", + "07-02", + "07-03", + "07-04", + "07-05", + "07-06", + "07-07", + "07-08", + "07-09", + "07-10", + "07-11", + "07-12", + "07-13", + "07-14", + "07-15", + "07-16", + "07-17", + "07-18", + "07-19", + "07-20", + "07-21", + "07-22", + "07-23", + "07-24", + "07-25", + "07-26", + "07-27", + "07-28", + "07-29", + "07-30" + ], + seriesData: [ + { + name: "开发者", + data: [ + 300, + 100, + 250, + 280, + 380, + 220, + 300, + 122, + 200, + 300, + 550, + 480, + 380, + 420, + 300, + 122, + 200, + 250, + 266, + 380, + 220, + 350, + 466, + 250, + 400, + 250, + 266, + 380, + 220, + 350 + ] + }, + { + name: "平台应用", + data: [ + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 222, + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 222, + 300, + 350, + 366, + 280, + 320, + 450, + 366, + 350, + 300, + 350, + 366, + 280, + 320, + 450 + ] + }, + { + name: "未上架", + data: [ + 300, + 350, + 366, + 280, + 320, + 450, + 366, + 350, + 300, + 350, + 366, + 280, + 320, + 450, + 366, + 350, + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 222, + 300, + 400, + 350, + 280, + 480, + 520 + ] + } + ] + }; } - this.getAppCount() + // if (index == 0) { + // this.now_app_count = 14; + // } else { + // this.now_app_count = 30; + // } + // this.getAppCount(); } } }; @@ -720,30 +1851,30 @@ export default { .hot-line-chart { height: calc(100% - 36px); } -.single-charts{ +.single-charts { float: left; width: 50%; } -.sparkline-text{ +.sparkline-text { width: 100%; line-height: 20px; } -.sparkline-text span:nth-of-type(1){ +.sparkline-text span:nth-of-type(1) { font-size: 20px; color: #274fee; } -.sparkline-text span:nth-of-type(2){ +.sparkline-text span:nth-of-type(2) { font-size: 12px; width: 62px; float: right; text-align: center; line-height: 20px; - height: 20px; + height: 20px; border-radius: 3px; margin-top: 3px; margin-right: 2px; } -.sparkline-text-user span:nth-of-type(1){ +.sparkline-text-user span:nth-of-type(1) { font-size: 20px; color: #e56600; } diff --git a/src/pages/data-analysis/my-service.vue b/src/pages/data-analysis/my-service.vue index 91d9e61..f1487d4 100644 --- a/src/pages/data-analysis/my-service.vue +++ b/src/pages/data-analysis/my-service.vue @@ -40,6 +40,7 @@ v-if="left_1_state == 0" class="block-radius-content" :data="mult_data_state" + :isPercent="false" :show_center_data="false" :bar_width="10 " > @@ -165,7 +166,7 @@ :buttons_arr="['近14天', '近30天']" @changeButton="changeServeiceTotalChangeBtn" > - + @@ -241,9 +242,25 @@ - - - + + + + + + + + @@ -280,7 +297,7 @@ export default { }, data: () => ({ overview: { - serviceTotal: 0 + serviceTotal: 28 }, left_1_state: 0, left_2_state: 0, @@ -291,8 +308,23 @@ export default { right_2_state: 0, right_3_state: 0, last_id: 0, - mult_data_state: [], - mult_data: [], + mult_data_state: [ + { name: "正常", value: 22 }, + { name: "警告", value: 12 }, + { name: "错误", value: 14 }, + { name: "未使用", value: 19 } + ], + mult_data: [ + { name: "数据服务", value: 22 }, + { name: "时空服务", value: 12 }, + { name: "视频服务", value: 14 }, + { name: "感知服务", value: 14 }, + { name: "综合服务", value: 1 } + ], + fwsp_data: [ + { name: "已审批", value: 25 }, + { name: "待审批", value: 75 } + ], spIndicatorStyles1: false, spRefLineStyles3: { stroke: "#d14", @@ -308,59 +340,291 @@ export default { fill: "#e56600" }, sparkline1: { - num:0, - up:0, - arr:[] + num: 8848, + up: 32, + arr: [20, 29, 40, 33, 45, 58] }, sparkline2: { - num:0, - up:0, - arr:[] + num: 9964, + up: 20, + arr: [33, 29, 36, 33, 45, 58] }, text: "服务总数", + fwsp_text: "服务审批", single_data: { - num: 0, + num: 32, color: "#25bdb1", text: "共享" }, single_data1: { - num: 0, + num: 28, color: "#f5ab4c", text: "受限" }, single_data2: { - num: 0, + num: 30, color: "#e15260", text: "敏感" }, + serviceSpData: { + xAxisData: [ + "07-01", + "07-02", + "07-03", + "07-04", + "07-05", + "07-06", + "07-07", + "07-08", + "07-09", + "07-10", + "07-11", + "07-12", + "07-13", + "07-14" + ], + seriesData: [ + { + name: "已审批", + data: [ + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 460, + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 460 + ] + }, + { + name: "未审批", + data: [ + 300, + 350, + 400, + 280, + 320, + 450, + 400, + 350, + 300, + 350, + 400, + 280, + 320, + 450, + 400, + 350 + ] + } + ] + }, line_data: { - xAxisData: [], + xAxisData: [ + "07-01", + "07-02", + "07-03", + "07-04", + "07-05", + "07-06", + "07-07", + "07-08", + "07-09", + "07-10", + "07-11", + "07-12", + "07-13", + "07-14" + ], seriesData: [ { - name: "", - data: [] + name: "上架中", + data: [ + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 222, + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 222 + ] }, { - name: "", - data: [] + name: "未上架", + data: [ + 300, + 350, + 366, + 280, + 320, + 450, + 366, + 350, + 300, + 350, + 366, + 280, + 320, + 450, + 366, + 350 + ] } ] }, das_data: { - data: 90, + data: 85, text: "健康占比" }, bar_data: { - legendData: [], - seriesData: [] + legendData: ["经济建设", "城市建设", "道路交通", "环境资源", "其他"], + seriesData: [322, 454, 566, 399, 222, 167] }, bar_data_org: { - legendData: [], - seriesData: [] + legendData: [ + "省公安厅", + "省发改委", + "贵州省公安厅", + "贵州省发改委", + "贵州省公安厅" + ], + seriesData: [322, 454, 266, 399, 222, 167] }, - toplistData: [], // 服务调用排名分析 - toplistTargetValue: 0, // 服务调用排名分析 目标值 - commentlistData: [], // 服务评价 + toplistData: [ + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 30 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "钉钉 V1.0", + request_count: 22 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "易智瑞 V11.3", + request_count: 21 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 18 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 15 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 12 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 10 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 8 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 6 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 6 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 4 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 2 + } + ], // 服务调用排名分析 + toplistTargetValue: 40, // 服务调用排名分析 目标值 + commentlistData: [ + { + picture_path: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + user_name: "孤独的狼", + add_time: "2020-08-01 19:00:00", + score: 4, + message: "这个应用非常实用，可以应用到多个业务领域！" + }, + { + picture_path: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + user_name: "大锤", + add_time: "2020-08-01 19:00:00", + score: 4, + message: "这个应用非常实用，可以应用到多个业务领域！" + }, + { + picture_path: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + user_name: "阿水", + add_time: "2020-08-01 19:00:00", + score: 3, + message: "这个应用非常实用，可以应用到多个业务领域！" + }, + { + picture_path: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + user_name: "孤独的狼", + add_time: "2020-08-01 19:00:00", + score: 4, + message: "这个应用非常实用，可以应用到多个业务领域！" + }, + { + picture_path: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + user_name: "孤独的狼", + add_time: "2020-08-01 19:00:00", + score: 4, + message: "这个应用非常实用，可以应用到多个业务领域！" + } + ], // 服务评价 linelistData: [ { count: 6, @@ -422,28 +686,67 @@ export default { ], // 服务评分 starlistTotal: 15, hotSearchHeader: [], // 热门搜索 表头 - hotSearchData: [], // 热门搜索 数据 + hotSearchData: [ + { + id: 1, + hotIndex: 1, + name: "地图视频融合服务", + count: 9964, + increases: 568 + }, + { + id: 1, + hotIndex: 2, + name: "消息队列服务", + count: 8964, + increases: 528 + }, + { + id: 1, + hotIndex: 3, + name: "即时通讯服务", + count: 7864, + increases: 89 + }, + { + id: 1, + hotIndex: 4, + name: "即时通讯服务这里最多显示十五字地图视频融合服务", + count: 4964, + increases: -8 + }, + { + id: 1, + hotIndex: 5, + name: "即时通讯服务这里最多显示十五字地图视频融合服务", + count: 3364, + increases: -18 + } + ], // 热门搜索 数据 graph_arr: { legend: { - data: [] + data: ["被调用次数", "调用次数"] }, - data: [], - series: [{ data: [] }, { data: [] }] + data: ["07-01", "07-02", "07-03", "07-04", "07-05", "07-06", "07-07"], + series: [ + { name: "被调用次数", data: [300, 350, 366, 280, 320, 450, 366] }, + { name: "调用次数", data: [400, 350, 280, 480, 520, 500, 222] } + ] }, - topology_datas: {} + topology_datas: { } }), mounted() { - this.getServiceOverview(); - this.getServiceHealth(); - this.getServiceTrend(); - this.getServiceType(); - this.getServiceSectorse(); - this.getServiceOrg(); - this.getServiceOpenness(); - this.getServiceRequest(); - this.getServiceOnlineState(); - this.getServiceEstimated(); - this.getServiceHotSearch(); + // this.getServiceOverview(); + // this.getServiceHealth(); + // this.getServiceTrend(); + // this.getServiceType(); + // this.getServiceSectorse(); + // this.getServiceOrg(); + // this.getServiceOpenness(); + // this.getServiceRequest(); + // this.getServiceOnlineState(); + // this.getServiceEstimated(); + // this.getServiceHotSearch(); this.hotSearchHeader = [ { label: "服务排名", @@ -474,33 +777,46 @@ export default { this.getTopologyData(); }, methods: { - getServiceHotSearch(){ + getServiceHotSearch() { this.$api.dataAnalysis.getServiceHotSearch().then(response => { if (response.data.success == 1) { - let data = response.data.data + let data = response.data.data; this.sparkline1 = { - num:data.search_user.count, - up:data.trend=='up'?data.search_user.per:data.trend=='down'?0-data.search_user.per:data.search_user.per, - arr:data.search_user_trend.seriesData - } + num: data.search_user.count, + up: + data.trend == "up" + ? data.search_user.per + : data.trend == "down" + ? 0 - data.search_user.per + : data.search_user.per, + arr: data.search_user_trend.seriesData + }; this.sparkline2 = { - num:data.search_user_avg.count, - up:data.trend=='up'?data.search_user_avg.per:data.trend=='down'?0-data.search_user_avg.per:data.search_user_avg.per, - arr:data.search_user_avg_trend.seriesData - } + num: data.search_user_avg.count, + up: + data.trend == "up" + ? data.search_user_avg.per + : data.trend == "down" + ? 0 - data.search_user_avg.per + : data.search_user_avg.per, + arr: data.search_user_avg_trend.seriesData + }; // top5_rank - this.hotSearchData = [] - if(data.top5_rank&&data.top5_rank.length){ - data.top5_rank.forEach((e,idx) => { - this.hotSearchData.push( - { - id:e.service_id, - hotIndex: top_rank, - name: e.service_name, - count: e.search_count, - increases: e.trend=='up'?e.search_user.per:e.trend=='down'?0-e.search_user.per:e.search_user.per - } - ) + this.hotSearchData = []; + if (data.top5_rank && data.top5_rank.length) { + data.top5_rank.forEach((e, idx) => { + this.hotSearchData.push({ + id: e.service_id, + hotIndex: top_rank, + name: e.service_name, + count: e.search_count, + increases: + e.trend == "up" + ? e.search_user.per + : e.trend == "down" + ? 0 - e.search_user.per + : e.search_user.per + }); }); } } @@ -611,35 +927,718 @@ export default { }); }, detailHotSearch(item) { - this.$router.push('/fwgl/0/0/servicedetail/'+item.id) + this.$router.push("/fwgl/0/0/servicedetail/" + item.id); + }, + changeServeiceSpChangeBtn(val) { + if (val === 0) { + this.serviceSpData = { + xAxisData: [ + "07-01", + "07-02", + "07-03", + "07-04", + "07-05", + "07-06", + "07-07", + "07-08", + "07-09", + "07-10", + "07-11", + "07-12", + "07-13", + "07-14" + ], + seriesData: [ + { + name: "已审批", + data: [ + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 460, + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 460 + ] + }, + { + name: "未审批", + data: [ + 300, + 350, + 400, + 280, + 320, + 450, + 400, + 350, + 300, + 350, + 400, + 280, + 320, + 450, + 400, + 350 + ] + } + ] + }; + } else { + this.serviceSpData = { + xAxisData: [ + "07-01", + "07-02", + "07-03", + "07-04", + "07-05", + "07-06", + "07-07", + "07-08", + "07-09", + "07-10", + "07-11", + "07-12", + "07-13", + "07-14", + "07-15", + "07-16", + "07-17", + "07-18", + "07-19", + "07-20", + "07-21", + "07-22", + "07-23", + "07-24", + "07-25", + "07-26", + "07-27", + "07-28", + "07-29", + "07-30" + ], + seriesData: [ + { + name: "已审批", + data: [ + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 460, + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 460, + 300, + 350, + 400, + 280, + 320, + 450, + 400, + 350, + 300, + 350, + 400, + 280, + 320, + 450, + 400, + 350 + ] + }, + { + name: "未审批", + data: [ + 300, + 350, + 400, + 280, + 320, + 450, + 400, + 350, + 300, + 350, + 400, + 280, + 320, + 450, + 400, + 350, + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 460, + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 460 + ] + } + ] + }; + } }, changeServiceTypeBtn(index) { - this.left_2_state = index; - this.getServiceType(); + if (index === 0) { + this.mult_data = [ + { name: "数据服务", value: 22 }, + { name: "时空服务", value: 12 }, + { name: "视频服务", value: 14 }, + { name: "感知服务", value: 14 }, + { name: "综合服务", value: 1 } + ]; + } else { + this.mult_data = [ + { name: "数据服务", value: 12 }, + { name: "时空服务", value: 15 }, + { name: "视频服务", value: 13 }, + { name: "感知服务", value: 13 }, + { name: "综合服务", value: 1 } + ]; + } + // this.left_2_state = index; + // this.getServiceType(); }, changeApplicationFieldBtn(index) { - this.left_3_state = index; - this.getServiceSectorse(); + if (index === 0) { + this.bar_data = { + legendData: ["经济建设", "城市建设", "道路交通", "环境资源", "其他"], + seriesData: [322, 454, 566, 399, 222, 167] + }; + } else { + this.bar_data = { + legendData: ["经济建设", "城市建设", "道路交通", "环境资源", "其他"], + seriesData: [422, 254, 366, 299, 422, 267] + }; + } + // this.left_3_state = index; + // this.getServiceSectorse(); }, changeServeiceApplyCountBtn(index) { - this.right_0_state = index; - this.getServiceRequest(); + if (index === 0) { + this.toplistData = [ + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 30 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "钉钉 V1.0", + request_count: 22 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "易智瑞 V11.3", + request_count: 21 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 18 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 15 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 12 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 10 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 8 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 6 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 6 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 4 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 2 + } + ]; + } else { + this.toplistData = [ + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 35 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "钉钉 V1.0", + request_count: 30 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "易智瑞 V11.3", + request_count: 27 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 25 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 15 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 12 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 11 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 10 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 6 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 6 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "postgresql V11.1", + request_count: 4 + }, + { + cover: + "/apaas/static/docs/image/image/blob_206e8a81-6698-4946-9988-815d345f7f2f.blob", + service_name: "CAS单点登录 V1.0", + request_count: 2 + } + ]; + } + // this.right_0_state = index; + // this.getServiceRequest(); }, changeServeiceInfoBtn(index) { this.right_3_state = index; - this.getServiceEstimated(); + // this.getServiceEstimated(); }, changeOpenessBtnindex(index) { - this.right_2_state = index; - this.getServiceOpenness(); + if (index === 1) { + this.single_data = { + num: 32, + color: "#25bdb1", + text: "共享" + }; + this.single_data1 = { + num: 28, + color: "#f5ab4c", + text: "受限" + }; + this.single_data2 = { + num: 30, + color: "#e15260", + text: "敏感" + }; + } else { + this.single_data = { + num: 42, + color: "#25bdb1", + text: "共享" + }; + this.single_data1 = { + num: 18, + color: "#f5ab4c", + text: "受限" + }; + this.single_data2 = { + num: 20, + color: "#e15260", + text: "敏感" + }; + } + // this.right_2_state = index; + // this.getServiceOpenness(); }, changeServiceCellBtn(index) { - this.right_1_state = index; - this.getServiceTrend(); + if (index === 0) { + this.graph_arr = { + legend: { + data: ["被调用次数", "调用次数"] + }, + data: ["07-01", "07-02", "07-03", "07-04", "07-05", "07-06", "07-07"], + series: [ + { name: "被调用次数", data: [300, 350, 366, 280, 320, 450, 366] }, + { name: "调用次数", data: [400, 350, 280, 480, 520, 500, 222] } + ] + }; + } else { + this.graph_arr = { + legend: { + data: ["被调用次数", "调用次数"] + }, + data: [ + "07-01", + "07-02", + "07-03", + "07-04", + "07-05", + "07-06", + "07-07", + "07-08", + "07-09", + "07-10", + "07-11", + "07-12", + "07-13", + "07-14", + "07-15", + "07-16", + "07-17", + "07-18", + "07-19", + "07-20", + "07-21", + "07-22", + "07-23", + "07-24", + "07-25", + "07-26", + "07-27", + "07-28", + "07-29", + "07-30" + ], + series: [ + { + name: "被调用次数", + data: [ + 300, + 350, + 366, + 280, + 320, + 450, + 366, + 400, + 350, + 280, + 480, + 520, + 500, + 222, + 300, + 350, + 366, + 280, + 320, + 450, + 366, + 400, + 350, + 280, + 480, + 520, + 500, + 222, + 333, + 444 + ] + }, + { + name: "调用次数", + data: [ + 400, + 350, + 280, + 480, + 520, + 500, + 222, + 300, + 350, + 366, + 280, + 320, + 450, + 366, + 400, + 350, + 280, + 480, + 520, + 500, + 222, + 333, + 444, + 400, + 350, + 280, + 480, + 520, + 500, + 222 + ] + } + ] + }; + } + + // this.right_1_state = index; + // this.getServiceTrend(); }, changeServeiceTotalChangeBtn(index) { - this.center_3_state = index; - this.getServiceOnlineState(); + if (index === 0) { + this.line_data = { + xAxisData: [ + "07-01", + "07-02", + "07-03", + "07-04", + "07-05", + "07-06", + "07-07", + "07-08", + "07-09", + "07-10", + "07-11", + "07-12", + "07-13", + "07-14" + ], + seriesData: [ + { + name: "上架中", + data: [ + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 222, + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 222 + ] + }, + { + name: "未上架", + data: [ + 300, + 350, + 366, + 280, + 320, + 450, + 366, + 350, + 300, + 350, + 366, + 280, + 320, + 450, + 366, + 350 + ] + } + ] + }; + } else { + this.line_data = { + xAxisData: [ + "07-01", + "07-02", + "07-03", + "07-04", + "07-05", + "07-06", + "07-07", + "07-08", + "07-09", + "07-10", + "07-11", + "07-12", + "07-13", + "07-14", + "07-15", + "07-16", + "07-17", + "07-18", + "07-19", + "07-20", + "07-21", + "07-22", + "07-23", + "07-24", + "07-25", + "07-26", + "07-27", + "07-28", + "07-29", + "07-30" + ], + seriesData: [ + { + name: "上架中", + data: [ + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 222, + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 222, + 300, + 350, + 366, + 280, + 320, + 450, + 366, + 350, + 300, + 350, + 366, + 280, + 320, + 450 + ] + }, + { + name: "未上架", + data: [ + 300, + 350, + 366, + 280, + 320, + 450, + 366, + 350, + 300, + 350, + 366, + 280, + 320, + 450, + 366, + 350, + 300, + 400, + 350, + 280, + 480, + 520, + 500, + 222, + 300, + 400, + 350, + 280, + 480, + 520 + ] + } + ] + }; + } + // this.center_3_state = index; + // this.getServiceOnlineState(); }, getTopologyData() { this.$api.workbench.getServiceTopology().then(response => { @@ -647,12 +1646,25 @@ export default { }); }, changeServiceStateBtn(index) { - this.left_1_state = index; - if (index == 0) { - this.getServiceHealth(); + if (index === 0) { + this.mult_data_state = [ + { name: "正常", value: 22 }, + { name: "警告", value: 12 }, + { name: "错误", value: 14 }, + { name: "未使用", value: 19 } + ]; } else { - this.a(); + this.mult_data_state = [ + { name: "已调用", value: 33 }, + { name: "未调用", value: 23 } + ]; } + // this.left_1_state = index; + // if (index == 0) { + // this.getServiceHealth(); + // } else { + // this.a(); + // } } } }; diff --git a/src/pages/data-analysis/operation-overview.vue b/src/pages/data-analysis/operation-overview.vue index ca7d11d..89debf7 100644 --- a/src/pages/data-analysis/operation-overview.vue +++ b/src/pages/data-analysis/operation-overview.vue @@ -1,13 +1,559 @@ + diff --git a/src/pages/data-analysis/service-control.vue b/src/pages/data-analysis/service-control.vue index 1d1ec49..9d48c36 100644 --- a/src/pages/data-analysis/service-control.vue +++ b/src/pages/data-analysis/service-control.vue @@ -1,13 +1,586 @@ + + -- 2.26.0