From 5f014536cf24226cbe9bf1086bf76354a7d5768a Mon Sep 17 00:00:00 2001 From: fan <18706759286@163.com> Date: Mon, 20 Jan 2020 18:33:47 +0800 Subject: [PATCH] =?UTF-8?q?PA=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/iscs_icon/music_icon.png | Bin 0 -> 1058 bytes .../config/broadcast/homeScreen.vue | 278 +++++++++++++++++- 2 files changed, 263 insertions(+), 15 deletions(-) create mode 100644 src/assets/iscs_icon/music_icon.png diff --git a/src/assets/iscs_icon/music_icon.png b/src/assets/iscs_icon/music_icon.png new file mode 100644 index 0000000000000000000000000000000000000000..ca35529a6a01fc9ecab9864aab035222e613698d GIT binary patch literal 1058 zcmeAS@N?(olHy`uVBq!ia0vp^;vmey0wleZWwe15OS+@4BLl<6e(pbstU$g(vPY0F z14ES>14Ba#1H&(%P{RubhEf9thF1v;3|2FM`U~dl3bX-AFeQ1ryD%`U>Qy!Z@;D1T zB8wraUL`QLoV-^C6l5>)^mS!_!YIPU$96MUT#+WD z%C)ALr-@qS>W_i0&`e{!<=e&X zs~M#qT4E@fysT#P?dGUI^Q`yHGK|0EyY8FOdD~SdK3%O4I5jJCQ}FUNVH<<)W$tFX zEEQIB?{(YXNuQow)&FcI9cuiEUz9e3hUGiUT)oe$qP@kxD&nB85G z+BhS+sr;Pfn`N$%)!ow{&T@5B;h1-0i^%s1HI6#Yx*c&rd3%%JRb|}>mF=o7v&x_E zHu+t3MA`Yrlj_99b^N@Fuh#EL`o}Okphn2?B-edljH;HnMwFx^mZVxG7o`Fz1|tJQ zOI<@FT_cMS14}DoBP#;~Z36=!S&=jO35tf?{FKbJN{9vnLtO)l5F-OCV-qVABZ!7% zp5+UH8Wcb_6z8XvlqVLYGGvsL6ck(O>u2UBrl$gNW^%S(eo^|K^Rjb+Y9&BwLo!Np zldP;<@{>z*Q}ar!tO9^aix~`;|KF{Trp6Owij|c|YG!&y34@`DWs>5x2|zXCNajG* zglDFdWB`>|v|Zm84OAkDq{KHfH?^d)Ae8~^D*b}Ibo)(VerV?Sh5%JD7@C@xS(;m# zSs00>>MjB*5kxX4II{{EfJO#pPO9cNWr31WNRpvJo(yT3IjKO;>jMKkQNO&ryeL1v z1VrnlCKgv_Cgn+a literal 0 HcmV?d00001 diff --git a/src/views/iscs/iscsSystem/config/broadcast/homeScreen.vue b/src/views/iscs/iscsSystem/config/broadcast/homeScreen.vue index 0a3e5922e..f6561b531 100644 --- a/src/views/iscs/iscsSystem/config/broadcast/homeScreen.vue +++ b/src/views/iscs/iscsSystem/config/broadcast/homeScreen.vue @@ -1,5 +1,6 @@ @@ -83,9 +180,160 @@ export default { border-right: 3px solid #fff; border-bottom: 3px solid #fff; width: 80%; + height: 40%; top: 200px; position: absolute; left: 7%; + overflow-x: auto; + padding-top: 20px; + } + .table-grid{ + width: 120px; + display: inline-block; + padding-left: 10px; + margin-bottom: 10px; + font-size: 14px; + } + .left-header{ + width: 120px; + height: 30px; + display: inline-block; + padding-left: 20px; + font-size: 14px; + text-align: left; + color: #A2E8EB; + position:fixed; + left: 7.15%; + background: #45607B; + z-index: 10; + } + .pa-table-header{ + background: #cccccc; + border-top: 2px solid #fff; + border-left: 2px solid #fff; + border-right: 2px solid #898888; + border-bottom: 2px solid #898888; + } + .pa-table-content{ + margin:0 auto; + height: 18px; + width: 18px; + background: #D4D4D4; + display: inline-block; + border-top: 2px solid #fff; + border-left: 2px solid #fff; + border-right: 2px solid #898888; + border-bottom: 2px solid #898888; + } + .pa-table-content-inside{ + height: 10px; + width: 10px; + margin: auto; + background:#CCCCCC; + position: relative; + top: 50%; + transform: translateY(-50%); + border-top: 2px solid #fff; + border-left: 2px solid #fff; + border-right: 2px solid #898888; + border-bottom: 2px solid #898888; + } + .pa-grey-box{ + position: absolute; + left: 4%; + top: 64%; + width: 81%; + height: 30%; + background: #DDDDDD; + border-top: 3px solid #898888; + border-left: 3px solid #898888; + border-right: 3px solid #fff; + border-bottom: 3px solid #fff; + } + .pa-statements{ + position: absolute; + left: 86%; + top: 64%; + width: 13%; + height: 30%; + font-size: 12px; + color: #fff; + } + .broadcast-mode{ + position: absolute; + left: 88%; + top: 25%; + border-top: 3px solid #898888; + border-left: 3px solid #898888; + border-right: 3px solid #fff; + border-bottom: 3px solid #fff; + width: 11%; + font-size: 12px; + } + .broadcast-mode-button{ + height: 30px; + text-align: center; + background: #CCCCCC; + position: relative; + top: 5px; + width: 85%; + left: 5%; + line-height: 28px; + border-top: 2px solid #fff; + border-left: 2px solid #fff; + border-right: 2px solid #898888; + border-bottom: 2px solid #898888; + } + .broadcast-operations{ + position: absolute; + left: 88%; + top: 32%; + border-top: 3px solid #898888; + border-left: 3px solid #898888; + border-right: 3px solid #fff; + border-bottom: 3px solid #fff; + width: 11%; + font-size: 12px; + background: #778899; + } + .pa-check-box{ + position: relative; + display: inline-block; + left: 3px; + width: 12px; + height: 12px; + background: #2EFF74; + border-top: 2px solid #898888; + border-left: 2px solid #898888; + border-right: 2px solid #fff; + border-bottom: 2px solid #fff; + } + .pa-check-box-small{ + position: relative; + left: 6px; + top: 2px; + width: 10px; + height:9px; + background: #27FF27; + border-top: 1px solid #FFF; + border-left: 1px solid #FFF; + border-right: 1px solid #898888; + border-bottom: 1px solid #898888; + } + .background-music{ + position: absolute; + left: 88%; + top: 48%; + border-top: 3px solid #898888; + border-left: 3px solid #898888; + border-right: 3px solid #fff; + border-bottom: 3px solid #fff; + width: 11%; + font-size: 12px; + background: #778899; + } + ::-webkit-scrollbar { + width: 2px; + height: 6px; } -