styles.less 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226
  1. *{
  2. padding: 0;
  3. margin: 0;
  4. }
  5. body{
  6. height: 100%;
  7. overflow: hidden;
  8. }
  9. .storeCheck{
  10. height: calc(100vh);
  11. display: flex;
  12. flex-direction: column;
  13. // 工作区域
  14. .checkWork{
  15. flex-grow: 1;
  16. display: flex;
  17. flex-direction: column;
  18. overflow: auto;
  19. // 摄像头切,换预置位及打分统计
  20. .checkWork-head{
  21. position: relative;
  22. .checkWork-head-row{
  23. &:first-child{
  24. > div{
  25. display: flex;
  26. align-items: center;
  27. width: 100%;
  28. > div{
  29. &:last-child{
  30. flex-grow: 1;
  31. }
  32. }
  33. }
  34. }
  35. > div{
  36. width: 100%;
  37. padding: 5px 10px;
  38. display: flex;
  39. align-items: center;
  40. &:first-child{
  41. border-bottom: 1px solid #eee;
  42. }
  43. > div{
  44. width: 33.3%;
  45. padding: 3px 0;
  46. }
  47. .ant-dropdown-link{
  48. width: 100%;
  49. display: block;
  50. text-align: right;
  51. color: #666666;
  52. }
  53. }
  54. }
  55. }
  56. .checkWork-body{
  57. flex-grow: 1;
  58. display: flex;
  59. background: #f8f8f8;
  60. overflow: auto;
  61. .checkWork-body-tabs{
  62. width: 26%;
  63. padding: 1px 0;
  64. overflow-y: scroll;
  65. background: #fff;
  66. box-shadow: 1px 1px 3px #eee;
  67. .tabs-items{
  68. text-align: center;
  69. padding:8px 5px;
  70. border-bottom: 1px solid #f8f8f8;
  71. }
  72. .tabs-items.active{
  73. background: #91D5FF;
  74. }
  75. }
  76. .checkWork-body-tabCons{
  77. width: 74%;
  78. padding: 5px;
  79. overflow-y: scroll;
  80. .tabCons-items{
  81. background: #fff;
  82. padding: 5px;
  83. margin-bottom: 10px;
  84. border-radius: 5px;
  85. box-shadow: 1px 1px 3px #eee;
  86. .photos{
  87. span{
  88. border: 1px solid #eee;
  89. }
  90. display: block;
  91. > div{
  92. display: inline-block;
  93. }
  94. }
  95. > div{
  96. display: flex;
  97. align-items: center;
  98. > div{
  99. padding: 5px;
  100. &:first-child{
  101. flex-grow: 1;
  102. }
  103. .anticon{
  104. font-size: 30px;
  105. color: #666;
  106. margin-left: 15px;
  107. }
  108. .choose-bhs{
  109. color: #13C2C2;
  110. }
  111. .choose-bhg{
  112. color: #ff0000;
  113. }
  114. .choose-hg{
  115. color: #00be00;
  116. }
  117. }
  118. }
  119. }
  120. }
  121. }
  122. }
  123. }
  124. // 播放器
  125. .videoPlay{
  126. position: relative;
  127. height: 240px;
  128. .control-yt,.control-yt-close{
  129. position: absolute;
  130. right: 15px;
  131. top: 15px;
  132. z-index: 100000;
  133. width: 32px;
  134. height: 32px;
  135. background: url(../static/icons/kz-mini.png) no-repeat center center;
  136. background-size: contain;
  137. }
  138. .control-yt-close{
  139. background: url(../static/icons/close.png) no-repeat center center;
  140. background-size: contain;
  141. }
  142. .ytBtns{
  143. position: absolute;
  144. width: 40px;
  145. height: 40px;
  146. z-index: 10000;
  147. opacity: 50%;
  148. }
  149. .yt-left{
  150. left: 20%;
  151. top: 100px;
  152. background: url(../static/icons/left.png) no-repeat center center;
  153. background-size: contain;
  154. }
  155. .yt-right{
  156. right: 20%;
  157. top: 100px;
  158. background: url(../static/icons/right.png) no-repeat center center;
  159. background-size: contain;
  160. }
  161. .yt-top{
  162. left: 50%;
  163. top: 20px;
  164. margin-left: -20px;
  165. background: url(../static/icons/up.png) no-repeat center center;
  166. background-size: contain;
  167. }
  168. .yt-bottom{
  169. left: 50%;
  170. bottom: 20px;
  171. margin-left: -20px;
  172. background: url(../static/icons/down.png) no-repeat center center;
  173. background-size: contain;
  174. }
  175. .prism-player .prism-controlbar{
  176. background: rgba(0, 0, 0, 0.5);
  177. }
  178. }
  179. // 拍照弹框
  180. .pzPopus{
  181. .pz-pinglun{
  182. position: relative;
  183. .icons{
  184. position: absolute;
  185. right: 15px;
  186. top: 50%;
  187. margin-top: -26px;
  188. z-index: 1000;
  189. border: 1px solid #eee;
  190. padding: 10px;
  191. border-radius: 100%;
  192. .aicon{
  193. font-size: 30px;
  194. color: #999;
  195. }
  196. }
  197. }
  198. .imglist{
  199. display: flex;
  200. align-items: center;
  201. flex-wrap: wrap;
  202. padding: 30px 0;
  203. > div{
  204. position: relative;
  205. padding: 3px;
  206. border: 1px solid #eee;
  207. border-radius: 5px;
  208. margin-right: 15px;
  209. img{
  210. width: 45px;
  211. height: 45px;
  212. }
  213. .aicon{
  214. position: absolute;
  215. right: -8px;
  216. top: -8px;
  217. color: red;
  218. font-size: 16px;
  219. }
  220. }
  221. }
  222. .f-btns{
  223. padding: 10px 20px;
  224. }
  225. }