From 1487146232c107de19643ed9385236299c6e6f46 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E5=89=91=E8=B1=AA?= <764439554@qq.com> Date: Wed, 10 Aug 2022 11:16:35 +0800 Subject: [PATCH 1/8] a --- src/assets/jsError/logo1.png | Bin 0 -> 605 bytes src/assets/jsError/logo2.png | Bin 0 -> 1330 bytes src/assets/jsError/logo3.png | Bin 0 -> 2386 bytes src/componets/jsError/dataShow.vue | 23 ++++ src/componets/jsError/mainContent.vue | 153 ++++++++++++++++++++++++++ src/componets/jsError/navMenu.vue | 72 ++++++++++++ src/router/index.js | 5 +- src/views/JsErrorView.vue | 56 ++++++---- 8 files changed, 288 insertions(+), 21 deletions(-) create mode 100644 src/assets/jsError/logo1.png create mode 100644 src/assets/jsError/logo2.png create mode 100644 src/assets/jsError/logo3.png create mode 100644 src/componets/jsError/dataShow.vue create mode 100644 src/componets/jsError/mainContent.vue create mode 100644 src/componets/jsError/navMenu.vue diff --git a/src/assets/jsError/logo1.png b/src/assets/jsError/logo1.png new file mode 100644 index 0000000000000000000000000000000000000000..f910f7ef33975fe05f6e7bb49e64719339f6799d GIT binary patch literal 605 zcmV-j0;2tiP)Px%7fD1xR5(wKl1*q+K@i9Pvq|53eI?OCZN(bDAZ~H5k zv$RX{C#J6)@C*jQ38IF^aux_yK>|_oec-iyij5*I_d*~CLI_Qh$kJ~4bBhNyYYA2$)JXJBF2wi!CHFhmb} zvh|E`kZQ>dKn6Xh+_wV7@?29ADP+cC4@nLOgU{^KCGQAHq^ z!*VPd#59%uf&|WlES__qU9CbHeMjAIH@=kpuH}DaT~LDaM$-+FE~lhf+uxKBe@d};KY zJYHejD|_h6svtf0O80%H9*d6XP`9do{*XnfVk~rR<%4ZZ?LNoWKZqtA?nV!XPBQ-+59Cu|D0aAu^mN?bAv?+jQCz()ml{lgfD|rl)6U)8&5w r{troJ)$ud^clf}L$v4z4qY3>D$|2{;v8ZU&00000NkvXXu0mjfn)MLc literal 0 HcmV?d00001 diff --git a/src/assets/jsError/logo2.png b/src/assets/jsError/logo2.png new file mode 100644 index 0000000000000000000000000000000000000000..af89e2d4225db9fcc8e0efab694b7c0eb622d56c GIT binary patch literal 1330 zcmV-21X1^@s6RQmj^00001b5ch_0Itp) z=>Px(>`6pHR7gw3mTQPrRTRhnYoD|4=!}ol8J*F|%G5G58hc=p542GlpCF3WCo2;| z`r@~Sz{s4U4?$r;f>4x|@Amb#gAvl$RNP*=42I6)=Ujkx3 zE)&E6ARL*6$B}52c+5X+a03rXY8-JIV{QlmT!qF&@{^`<+sX*|$Uwq4uT0QYi42VO zYIr4D0CNd&5l}KN6~e2R)XFYVE972m;h^MC?1>d>y`mi7042tAc$+q-qAX<&E~0fu zC&c_TOgCjx_7F^48bUV%tbxQ`o&a!$+Tw`nlFR5&N{x+nU1vn~Ig1OyFt%bnmIB1- z*8%V}pRaC5zheqvg<%Ol@^i+kp_(ZTVSvP_^x0{gb+MRtrIyb4I2B*U%dTA$pIZgt zVXgMi-tHdCT!h0UG|&~lE(hW-YPso|e-M7A5mI-XbSt1P`d|cEo`$drC$trHSEtZ< zzrJdho*e1$2dgl+XQFq5aae=~+LaZe3kaBL7Fs^-MDVOeh^$RaYsi8k>UUc$7>wP~~2?+Ze9%X0xxn{L;_Bc$=K2v#uSF;4Ny+PvNeL zWd51Q7Z!FvY&VcXnGniJIGM^Bjx}xkeV|wkx(+dFpIxU7US$GNP@oSfz#3SmX>PoR zzVBW~y@F(tcT>c{3gr`5gwRMh1G)AL$v5(YR3G3a+PEzoLj;2W_El7hZfyjLMnK@j~jAl(wxYEstF?Bo*qxln5> zs7QW)*+bQ-^2{CkI2=Loc4uk6Z)kp$-S4Zam;FfraV*xi&Y}835Iy?HjV9**SGgzo zvW3{dLi&nFVkn{Xo@{P(g|QmPT1Y&JsTAF25T?p)SI=1y-04ID9E2D+K_D?K-xl9z z09LrBB0K%^l*G}Sz2r@;=^mi!i@zqsPMqW*6e&f*5aqQJ6o|~{Lq-`x9Bb5HxG!k9 z8AMUmRDN=Psfpbd4kQprgm*|(*7?0DgwxkytiqwjreH>X)4Q$K4BvEiu2$|F58+$w zpnD~T&rJ0h7#qU*k1LI&F~Q@F<@9S`)F?`kiVdd*M6qlk3i?wZQSq?Eh^Z19>0z8? zYk19X{Sxo?6{08*zo_(`(>oYqkq9L2o+(jLlLhh0$nTD$bPnkHhSnFLTTWIVw4~wG zSm$t3P*^f?L5T7Pvml9fh0;k!ssA5+d3gSuqCk8A@%r&qVDVwiLP=FM>AgrJe11Pw zeSE7BMO%}5&}+xPoitn2j-8PL*}0p>EG`D(zk{s(rF#5iK3TIMv=K@l*hOQS{~r(l oH3yC@pD>N0%~Z3qSO~xFU#M^A@!N`yWdHyG07*qoM6N<$f{Dm}8UO$Q literal 0 HcmV?d00001 diff --git a/src/assets/jsError/logo3.png b/src/assets/jsError/logo3.png new file mode 100644 index 0000000000000000000000000000000000000000..a0a283638505a4281bb91b2e325cb2e95269dee2 GIT binary patch literal 2386 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 Ef_xWi@Bjb+ literal 0 HcmV?d00001 diff --git a/src/componets/jsError/dataShow.vue b/src/componets/jsError/dataShow.vue new file mode 100644 index 0000000..d035b11 --- /dev/null +++ b/src/componets/jsError/dataShow.vue @@ -0,0 +1,23 @@ + + + + + \ No newline at end of file diff --git a/src/componets/jsError/mainContent.vue b/src/componets/jsError/mainContent.vue new file mode 100644 index 0000000..6a93309 --- /dev/null +++ b/src/componets/jsError/mainContent.vue @@ -0,0 +1,153 @@ + + + + + \ No newline at end of file diff --git a/src/componets/jsError/navMenu.vue b/src/componets/jsError/navMenu.vue new file mode 100644 index 0000000..5cf6027 --- /dev/null +++ b/src/componets/jsError/navMenu.vue @@ -0,0 +1,72 @@ + + + + + \ No newline at end of file diff --git a/src/router/index.js b/src/router/index.js index ce79eaf..f3c24ed 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -18,16 +18,19 @@ const routes = [ component: HomeView }, { + // js错误 path: '/js-error', name: 'jsError', component: () => import('../views/JsErrorView.vue') }, { - path: '/performance', + // 性能视图 + path: 'req-error', name: 'performance', component: () => import('../views/PerformanceView.vue') }, { + // 请求错误视图 path: '/req-error', name: 'reqError', component: () => import('../views/ReqErrorView.vue') diff --git a/src/views/JsErrorView.vue b/src/views/JsErrorView.vue index 2d0a73b..aa672ed 100644 --- a/src/views/JsErrorView.vue +++ b/src/views/JsErrorView.vue @@ -1,36 +1,52 @@ - + - \ No newline at end of file -- Gitee From 07f6c0ac2642b4797cc0a4e8815590ddb5e2893a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E5=89=91=E8=B1=AA?= <764439554@qq.com> Date: Wed, 10 Aug 2022 20:15:20 +0800 Subject: [PATCH 2/8] =?UTF-8?q?=E5=AE=8C=E6=88=90=E4=B8=8A=E5=8D=8A?= =?UTF-8?q?=E9=83=A8=E5=88=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/componets/jsError/dataShow.vue | 195 +++++++++++++++++++++++++- src/componets/jsError/mainContent.vue | 112 +-------------- 2 files changed, 195 insertions(+), 112 deletions(-) diff --git a/src/componets/jsError/dataShow.vue b/src/componets/jsError/dataShow.vue index d035b11..887fa03 100644 --- a/src/componets/jsError/dataShow.vue +++ b/src/componets/jsError/dataShow.vue @@ -1,5 +1,25 @@ \ No newline at end of file diff --git a/src/componets/jsError/mainContent.vue b/src/componets/jsError/mainContent.vue index 6a93309..6111d94 100644 --- a/src/componets/jsError/mainContent.vue +++ b/src/componets/jsError/mainContent.vue @@ -2,17 +2,11 @@
+
-
- -
-
+
+
@@ -24,97 +18,14 @@ + + \ No newline at end of file -- Gitee From 14b9c0c74784c9db74687d714ddc790d9a14769e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E5=89=91=E8=B1=AA?= <764439554@qq.com> Date: Thu, 11 Aug 2022 17:38:24 +0800 Subject: [PATCH 5/8] =?UTF-8?q?=E9=94=99=E8=AF=AF=E8=AF=A6=E6=83=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/componets/jsError/dataShow.vue | 9 +- src/componets/jsError/errorDetailed.VUE | 29 ------ src/componets/jsError/jsDetailed.vue | 125 ++++++++++++++++++++++++ src/componets/jsError/jsRecord.vue | 22 +++++ src/componets/jsError/mainContent.vue | 42 +++++++- src/views/JsErrorView.vue | 1 + 6 files changed, 187 insertions(+), 41 deletions(-) delete mode 100644 src/componets/jsError/errorDetailed.VUE create mode 100644 src/componets/jsError/jsDetailed.vue create mode 100644 src/componets/jsError/jsRecord.vue diff --git a/src/componets/jsError/dataShow.vue b/src/componets/jsError/dataShow.vue index e1ab8ce..164ab27 100644 --- a/src/componets/jsError/dataShow.vue +++ b/src/componets/jsError/dataShow.vue @@ -165,22 +165,17 @@ export default { /* 设置输入框的背景色、字体颜色、边框属性设置; */ ::v-deep .el-input__inner { background: linear-gradient(to right, #081f37, #123251); - border-color: #203d53; border-radius: 0; } -::v-deep .el-input__inner { - background-color: #323431; - color: #6e716e; - border-color: #6e716e; - border-radius: 0; -} +/* 设置下拉框的 ,滚动条*/ ::v-deep .el-scrollbar, ::v-deep .el-select-dropdown { background-color: #000000; border-color: #7c97c0; } +/* 下拉框的 选项和外围*/ ::v-deep .el-scrollbar__wrap, ::v-deep .el-select-dropdown__list { background-color: #000000; diff --git a/src/componets/jsError/errorDetailed.VUE b/src/componets/jsError/errorDetailed.VUE deleted file mode 100644 index 028ad15..0000000 --- a/src/componets/jsError/errorDetailed.VUE +++ /dev/null @@ -1,29 +0,0 @@ - - - - - \ No newline at end of file diff --git a/src/componets/jsError/jsDetailed.vue b/src/componets/jsError/jsDetailed.vue new file mode 100644 index 0000000..0711f18 --- /dev/null +++ b/src/componets/jsError/jsDetailed.vue @@ -0,0 +1,125 @@ + + + + + diff --git a/src/componets/jsError/jsRecord.vue b/src/componets/jsError/jsRecord.vue new file mode 100644 index 0000000..a265e3b --- /dev/null +++ b/src/componets/jsError/jsRecord.vue @@ -0,0 +1,22 @@ + + + + + \ No newline at end of file diff --git a/src/componets/jsError/mainContent.vue b/src/componets/jsError/mainContent.vue index c2de12e..1290290 100644 --- a/src/componets/jsError/mainContent.vue +++ b/src/componets/jsError/mainContent.vue @@ -10,16 +10,27 @@
+
+
行为记录列表
+
错误详情
+
-
+ + + +
@@ -122,4 +139,35 @@ export default { border: 1px solid #ff750c; margin: 0 1vw 0 1vw; } +.circle { + border-radius: 100px; +} +.errorCount1 { + border: 2px solid #8ed6fa; + width: 100px; + height: 100px; + margin: 0 auto; + margin-top: 2vmin; +} +.errorCount2 { + border: 1px solid #8ed6fa; + width: 80px; + height: 80px; + margin: 0 auto; + margin-top: 1vmin; +} +.errorCount2 p { + color: #ffffff; +} +.errorCount-num { + margin: 2vmin 0 0 0; + font-size: clamp(-1rem, 1.5vw, 4rem); + font-weight: 600; + font-family: AlibabaRegular; +} +.errorCount-title { + margin: 0vmin 0 0 0; + font-size: clamp(-1rem, 0.2vw, 4rem); + font-family: AlibabaMedium; +} diff --git a/src/componets/jsError/jsTrend.vue b/src/componets/jsError/jsTrend.vue new file mode 100644 index 0000000..3563826 --- /dev/null +++ b/src/componets/jsError/jsTrend.vue @@ -0,0 +1,120 @@ + + + + + \ No newline at end of file diff --git a/src/componets/jsError/mainContent.vue b/src/componets/jsError/mainContent.vue index 1290290..f83afdb 100644 --- a/src/componets/jsError/mainContent.vue +++ b/src/componets/jsError/mainContent.vue @@ -7,11 +7,11 @@ -
+
-
行为记录列表
+
错误记录列表
错误详情
@@ -25,12 +25,12 @@ + + \ No newline at end of file -- Gitee From 79da52d48f9cabd55a997ea613bc55c69bfc0326 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E5=89=91=E8=B1=AA?= <764439554@qq.com> Date: Fri, 12 Aug 2022 20:43:24 +0800 Subject: [PATCH 7/8] 8/12 --- src/componets/jsError/mainContent.vue | 2 +- src/componets/jsError/topRight.vue | 19 ---- src/componets/jsError/topRight1.vue | 156 ++++++++++++++++++++++++++ 3 files changed, 157 insertions(+), 20 deletions(-) delete mode 100644 src/componets/jsError/topRight.vue create mode 100644 src/componets/jsError/topRight1.vue diff --git a/src/componets/jsError/mainContent.vue b/src/componets/jsError/mainContent.vue index f83afdb..47f7c56 100644 --- a/src/componets/jsError/mainContent.vue +++ b/src/componets/jsError/mainContent.vue @@ -25,7 +25,7 @@ - - \ No newline at end of file diff --git a/src/componets/jsError/topRight1.vue b/src/componets/jsError/topRight1.vue new file mode 100644 index 0000000..6db04cc --- /dev/null +++ b/src/componets/jsError/topRight1.vue @@ -0,0 +1,156 @@ + + + + + \ No newline at end of file -- Gitee From 0379210493108453bf56ff25d50a8d2ed1f00ba2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E5=89=91=E8=B1=AA?= <764439554@qq.com> Date: Fri, 12 Aug 2022 20:46:29 +0800 Subject: [PATCH 8/8] . --- src/componets/jsError/dataShow.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/componets/jsError/dataShow.vue b/src/componets/jsError/dataShow.vue index 9e4fff7..81726c5 100644 --- a/src/componets/jsError/dataShow.vue +++ b/src/componets/jsError/dataShow.vue @@ -159,7 +159,7 @@ export default { position: absolute; left: 363px; top: 30px; - font-family: Alibaba PuHuiTi-Regular, Alibaba PuHuiTi; + font-family: AlibabaMedium; font-weight: 400; } /* 设置输入框的背景色、字体颜色、边框属性设置; */ -- Gitee