From cc40715b1e8fae68ff0b375544a62e8ab111392d Mon Sep 17 00:00:00 2001 From: kiki Date: Mon, 5 Jun 2023 18:33:00 +0800 Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E6=95=B0=E6=8D=AE?= =?UTF-8?q?=E7=9C=8B=E6=9D=BF=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/images/muted.png | Bin 0 -> 6826 bytes src/assets/images/un_muted.png | Bin 0 -> 4845 bytes .../data-view/components/data-view-layout.vue | 25 +++++- .../components/horizontal-scroll-pane.vue | 76 ++++++++++++++++++ src/views/data-view/data-view.vue | 48 +++++++---- 5 files changed, 132 insertions(+), 17 deletions(-) create mode 100755 src/assets/images/muted.png create mode 100755 src/assets/images/un_muted.png create mode 100644 src/views/data-view/components/horizontal-scroll-pane.vue diff --git a/src/assets/images/muted.png b/src/assets/images/muted.png new file mode 100755 index 0000000000000000000000000000000000000000..52513dde79110fad540efe298927eab5351aa59c GIT binary patch literal 6826 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

FTc z4T0R6&w7u7Mf*&6GvLNfF?9D}tb{0bI5}|Y`|O>pEU@ZhaE?8#BL~?bA1RIo5uR6I zbP&o)!NBOB0cKo~qD>4BfE>l%sb)cdcaR-&gSmlU_zyAUh!&4Tp4KfFz1v_$MVsg^ z?9>3rVd7Xd6|d&cyL_-1%vz51$#Md0$u#){6^nAn!=$6i35XY!VyRd$ zpE~^DmwnO8udSA&uCR>J`%+~JOH_zMva2$c`k7#|O){~39hRS;5 zd>Qo_sQZ(P;=rtHeXeWU*t24$A{*M4fbclq;|Ho(zm>3anP;M_T{xyhzSBSUE^SQ}jP*lv%ZGWj;N05r8IMF`a*cTYn9x&U|eq@0Tx$t^|#^aRi zVXthDE>B}`RckjX9Q`?76a|x_Mgsve?sLBAeSTgbX(;sP>a5K3sPykVIm?#S7^r zzbQ^?gaRn1j?BicxA4nTG?&f?(7hy_pQC%#UPgZ=OC6{YNpk7eX z_Sm%(Ud+&=;ZYeana&Vveog}vKsj|}bQaO_k8MNors%l7@iOPP^Bc@>F4tTs9pa8r z7hQPrzUng8lXY})a!L2}5hdw4Z4Kt{S|(mqsF+8c_VDbarV-Y$#Y-nO&xsRvT6eC? z)VI~_yfzT|dm%-CG5G|Wy5e%NeI=Do6&>?G>h4|hgfTIr^Of~m!Q z{wXiPn%Abt$*${Co2$ZW%^!y|?}q{@PaWCUiZ4lgrddy4(gLI(+Yc5MfTfu}nl=p| z8;F?a>$HzZq-ykF;>+%n0XL?=Z2gM)xfr)+P^KE<8+iiGSfR_b#&A{YmqmTa^=^P! z`^JupsL-KQqM3B$4H0hKCMMk(-|Aqm{Ru_F7g-CN!jtNkxG#S1LT69G9Vf~KWMPUckG$`=@*{Z@cNPDl9xM2EF>K{JM~hM*1YR$4#4n@R~lc;Vq^w!@=FRrWNzk8 z)2DUW>K8TD5T^d#gqo*OqCTzkmOFYN z5d;!G6ox~)3awDP0yeTm017^Ha03ff$58Jj-ahesR}~+63bU6 zuKt2vlTAcm4n)kefjPUPZJov4AcW@$$b0!+m}t%W9f^-G>3hbCDHmaEO!?)Z%84WV zBtmptfox@gHvvzgL;n55#}!Bt1h|oC(AqSf5z9f|hH`k2@{hjabqcM34$fJlm;gMbrP1G=mEh^k=05 zqJRj+T)()tp-OjH)uD&i_0wBLmJb9l8i7Q?)I`4F_5&ve#xC3z z{Z`t)noi$Fh7Aje^Mb?|uUHYRdAB6s7BNcj5-j>wJLs3{yUL4}`2^~l|H2${oT`=G z^ZZY7>0wQqh3B*rczgw~Ya3to!+HBc28djvW%lnMd->RRZoeV5wJM?BL*BoK5X^@5 zaToVET>7oF68ET+*!WcY_=V3MI=MA^{l)Iy^1t>h``YEs&Wvv($*`O{0R39f{E)?}4L_rGDX=;5s@Jl?k5fnVw8b zBfrI{m#aD6X9WLSZ8~Op31&Jr7ydWf5c*!*pd?h3m5Ko$QkPiBNASf`2D9=X=r+I+pYWl{K>92%B= z*WEbhtKMVHv{Lp*?2-mrpQz8vZ^A?EMEAoqOYALQD*jYkEizLvXrgG&o$TUUe@1>{ zFi)diG>NlFD5N!r8Qkc}oE9o=4>t`IZ%W}psa!y>?NvFUWKs*%F0Yu=n;}pnk{8PVv+RsX5dU*t9 zgKI1)Z5l-Ci}16TQrYvlk+PtYSc^aw74=>F12W^1%n9Zhj^B{V$V3k&w-GSI4LNmY{r9FeDGX&wR|2tJLydER?Ug*$Rtaq^Ga35rS$T^zzF@2-R<76JqKB` z_2)2q$1{N7sZ2glP-I(+FM+7{eGnx#5)Q7-%@8+|Ws=!WL-&c{NHwydO7ddQWRzfy za)Tjg+$1MRf~j>THjW~#(qf^C^mSP{+Wtu+P6^x36*Y_k<%-{|rILLpm}5Q0hb`hrs0SXpu%0CtV_9FhjPT!`Mj6Bus2XFazOn zDbcWDQiBk1rV?{MqnH!{nOKN&10kp~|AU!VVpz2`Gae)EquwY)RKp2M;Y6|N0D~E` zg`l1up(saNNuV|=NKGFPTUH7QRd zSJ|k@mZKe#NhtBwln#(m+DLJcSyvEzr%&3$zT{-t_IG{Uet+fM_wc0u==i$Qp#TW8 zB-h$Lh^7S5gi@LPNIK(q9KCYRbFJK?1VNOB(m-uTeuf5`O4w!y2UQZ@+=Qzqyi_0^TQ2MF=dN!e37}7`KG}^gADg?lM>g2j-<}tOX z)|9Wlv`+sQ16&SDeBa1-airgbJVfWX;zR-wvC?e?x@^WeLDP`4phz0Bwebb%l`%hQ zDr4^r5m&JU=$=`778FU?(G7u)L__jPbg)-rtCv9$#JPPa*m)0_nt%rQtO#PG*#!&# Y2gPUDkBT!P-~a#s07*qoM6N<$f?1tlm;e9( literal 0 HcmV?d00001 diff --git a/src/assets/images/un_muted.png b/src/assets/images/un_muted.png new file mode 100755 index 0000000000000000000000000000000000000000..4f06e0df4b82b3de0927a95c01657a9dd3244c34 GIT binary patch literal 4845 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 T2*{zR00000NkvXXu0mjf1NA$& literal 0 HcmV?d00001 diff --git a/src/views/data-view/components/data-view-layout.vue b/src/views/data-view/components/data-view-layout.vue index b083d2e..8dff86f 100644 --- a/src/views/data-view/components/data-view-layout.vue +++ b/src/views/data-view/components/data-view-layout.vue @@ -16,6 +16,10 @@ title }}

+
{{ date }} @@ -53,6 +57,8 @@ import DataViewBG from '@/assets/images/data-view-bg.png' import DataViewHeaderBg from '@/assets/images/data-view-header-bg.png' import ICUNFullscreen from '@/assets/images/ic_unfullscreen.png' +import icUnMuted from '@/assets/images/un_muted.png' +import icMuted from '@/assets/images/muted.png' import { getWeek, parseTime } from '@/utils/ruoyi' export default { @@ -69,6 +75,10 @@ export default { // 大标题 title: { type: String + }, + // 大标题 + isMute: { + type: Boolean } }, data() { @@ -79,6 +89,15 @@ export default { date: parseTime(new Date(), `{y}-{m}-{d} {h}:{i}:{s}`) + ' ' + getWeek() } }, + computed: { + audioIc() { + if (this.isMute) { + return icUnMuted + } else { + return icMuted + } + } + }, mounted() { // 每秒更新一次时间 setInterval(() => { @@ -161,15 +180,15 @@ export default { height: 100%; .left-table { - width: 32.5%; + width: 32%; } .middle { - width: 32.5%; + width: 24%; } .right-table { - width: 32.5%; + width: 41%; } } diff --git a/src/views/data-view/components/horizontal-scroll-pane.vue b/src/views/data-view/components/horizontal-scroll-pane.vue new file mode 100644 index 0000000..edcfcec --- /dev/null +++ b/src/views/data-view/components/horizontal-scroll-pane.vue @@ -0,0 +1,76 @@ + + + + diff --git a/src/views/data-view/data-view.vue b/src/views/data-view/data-view.vue index 32096e8..415effd 100644 --- a/src/views/data-view/data-view.vue +++ b/src/views/data-view/data-view.vue @@ -4,6 +4,8 @@ identifier="KK- MANAGE" :icon="icon" @leave="handleLeave" + @audioStatus="toggleMute" + :isMute="isMute" ref="layout" > @@ -34,12 +36,11 @@ @@ -82,9 +92,10 @@ import icon from '@/assets/logo/plain.png' import DataViewTable from './components/data-view-table.vue' import { amountFormat, amountFriendlyFormat, sortBy } from '@/utils/ruoyi' import screenfull from 'screenfull' +import HorizontalScrollPane from './components/horizontal-scroll-pane.vue' export default { - components: { DataViewTable, DataViewLayout, DataViewEchart }, + components: { HorizontalScrollPane, DataViewTable, DataViewLayout, DataViewEchart }, data() { return { DataViewBG, @@ -162,7 +173,9 @@ export default { totalLabel: '总金额：0' }, ws: null, - isScreenFull: false + isScreenFull: false, + // 是否静音 + isMute: localStorage.getItem('isMute') === 'true' } }, mounted() { @@ -177,6 +190,11 @@ export default { this.connectWS() }, methods: { + // 切换静音状态 + toggleMute() { + this.isMute = !this.isMute + localStorage.setItem('isMute', this.isMute) + }, connectWS() { this.ws = new WebSocket(`ws://kaka-qws.weirui0755.com/websocket`) this.ws.onopen = () => { @@ -251,7 +269,7 @@ export default { balance: f(i.balance) || '0', residueBalance: f(i.residueBalance) || '0', collectionSuccessPrice: f(i.collectionSuccessPrice) || '0', - percentage: (i.percentage * 100).toFixed(2) + '%', + percentage: Number.parseInt(i.percentage * 100) + '%', balanceWarning: i.balanceWarning } }) @@ -261,7 +279,7 @@ export default { // 在线卡数据 this.data2 = card.map(i => { return { - bankName: i.bankName + '/' + '**** ' + i.cardNumber.slice(-4), + bankName: i.bankName, cardHolder: i.cardHolder, username: i.username, todayIncomeReceived: f(i.todayIncomeReceived) || '0', @@ -269,7 +287,7 @@ export default { todayOutNumber: i.todayOutNumber + '/' + f(i.todayOutReceived) || '0', remainingAmount: f(i.remainingAmount) || '0', balanceWarning: i.balanceWarning, - channel: i.channelNames.join(',') + channels: i.channelNames } }) this.data2 = sortBy(this.data2, 'balanceWarning') @@ -293,10 +311,12 @@ export default { this.$refs.table2.scrollReset() this.$refs.table3.scrollReset() - const audio = new Audio('/alarm.mp3') - const hasBalanceWarning = this.data1.some(i => i.balanceWarning) || this.data2.some(i => i.balanceWarning) || this.data3.some(i => i.balanceWarning) - if (hasBalanceWarning) { - audio.play() + if (this.isMute) { + const audio = new Audio('/alarm.mp3') + const hasBalanceWarning = this.data1.some(i => i.balanceWarning) || this.data2.some(i => i.balanceWarning) || this.data3.some(i => i.balanceWarning) + if (hasBalanceWarning) { + audio.play() + } } } },