styles.css 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263
  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. .storeCheck .loading {
  15. background: #fff;
  16. height: 100%;
  17. width: 100%;
  18. text-align: center;
  19. position: fixed;
  20. z-index: 10000;
  21. left: 0;
  22. top: 0;
  23. }
  24. .storeCheck .loading .ant-spin {
  25. margin-top: 50%;
  26. }
  27. .storeCheck .checkWork {
  28. flex-grow: 1;
  29. display: flex;
  30. flex-direction: column;
  31. overflow: auto;
  32. }
  33. .storeCheck .checkWork .checkWork-head {
  34. position: relative;
  35. }
  36. .storeCheck .checkWork .checkWork-head .checkWork-head-row:first-child > div {
  37. display: flex;
  38. align-items: center;
  39. width: 100%;
  40. }
  41. .storeCheck .checkWork .checkWork-head .checkWork-head-row:first-child > div > div:last-child {
  42. flex-grow: 1;
  43. }
  44. .storeCheck .checkWork .checkWork-head .checkWork-head-row > div {
  45. width: 100%;
  46. padding: 5px 10px;
  47. display: flex;
  48. align-items: center;
  49. }
  50. .storeCheck .checkWork .checkWork-head .checkWork-head-row > div:first-child {
  51. border-bottom: 1px solid #eee;
  52. }
  53. .storeCheck .checkWork .checkWork-head .checkWork-head-row > div > div {
  54. width: 33.3%;
  55. padding: 3px 0;
  56. }
  57. .storeCheck .checkWork .checkWork-head .checkWork-head-row > div .ant-dropdown-link {
  58. width: 100%;
  59. display: block;
  60. text-align: right;
  61. color: #666666;
  62. }
  63. .storeCheck .checkWork .checkWork-body {
  64. flex-grow: 1;
  65. display: flex;
  66. background: #f8f8f8;
  67. overflow: auto;
  68. }
  69. .storeCheck .checkWork .checkWork-body .checkWork-body-tabs {
  70. width: 26%;
  71. padding: 1px 0;
  72. overflow-y: scroll;
  73. box-shadow: 1px 1px 3px #eee;
  74. }
  75. .storeCheck .checkWork .checkWork-body .checkWork-body-tabs .tabs-items {
  76. text-align: center;
  77. padding: 8px 5px;
  78. position: relative;
  79. margin: 5px;
  80. background: #fff;
  81. }
  82. .storeCheck .checkWork .checkWork-body .checkWork-body-tabs .tabs-items .edit {
  83. font-size: 14px;
  84. color: #ff0000;
  85. }
  86. .storeCheck .checkWork .checkWork-body .checkWork-body-tabs .tabs-items .aicon {
  87. color: #fff;
  88. position: absolute;
  89. font-size: 12px;
  90. left: -5px;
  91. top: -6px;
  92. background: #ff0000;
  93. padding: 3px;
  94. border-radius: 100%;
  95. }
  96. .storeCheck .checkWork .checkWork-body .checkWork-body-tabs .tabs-items.active {
  97. background: #91D5FF;
  98. }
  99. .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons {
  100. width: 74%;
  101. padding: 5px;
  102. overflow-y: scroll;
  103. }
  104. .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items {
  105. background: #fff;
  106. padding: 5px;
  107. margin-bottom: 10px;
  108. border-radius: 5px;
  109. box-shadow: 1px 1px 3px #eee;
  110. }
  111. .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items .remarks {
  112. padding: 5px;
  113. }
  114. .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items .photos {
  115. display: block;
  116. }
  117. .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items .photos span {
  118. border: 1px solid #eee;
  119. }
  120. .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items .photos > div {
  121. display: inline-block;
  122. }
  123. .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div {
  124. display: flex;
  125. align-items: center;
  126. }
  127. .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div > div {
  128. padding: 5px;
  129. }
  130. .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div > div:first-child {
  131. flex-grow: 1;
  132. }
  133. .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div > div .anticon {
  134. font-size: 30px;
  135. color: #666;
  136. margin-left: 15px;
  137. }
  138. .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div > div .choose-bsy {
  139. color: #13C2C2;
  140. }
  141. .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div > div .choose-bhg {
  142. color: #ff0000;
  143. }
  144. .storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div > div .choose-hg {
  145. color: #00be00;
  146. }
  147. .storeCheck .checkWork .checkWork-button > div {
  148. padding: 10px;
  149. text-align: center;
  150. font-size: 18px;
  151. background: #FAAD14;
  152. color: #fff;
  153. }
  154. .videoPlay {
  155. position: relative;
  156. height: 240px;
  157. }
  158. .videoPlay .control-yt, .videoPlay .control-yt-close {
  159. position: absolute;
  160. right: 15px;
  161. top: 15px;
  162. z-index: 100000;
  163. width: 32px;
  164. height: 32px;
  165. background: url(../static/icons/kz-mini.png) no-repeat center center;
  166. background-size: contain;
  167. }
  168. .videoPlay .control-yt-close {
  169. background: url(../static/icons/close.png) no-repeat center center;
  170. background-size: contain;
  171. }
  172. .videoPlay .ytBtns {
  173. position: absolute;
  174. width: 40px;
  175. height: 40px;
  176. z-index: 10000;
  177. opacity: 50%;
  178. }
  179. .videoPlay .yt-left {
  180. left: 20%;
  181. top: 100px;
  182. background: url(../static/icons/left.png) no-repeat center center;
  183. background-size: contain;
  184. }
  185. .videoPlay .yt-right {
  186. right: 20%;
  187. top: 100px;
  188. background: url(../static/icons/right.png) no-repeat center center;
  189. background-size: contain;
  190. }
  191. .videoPlay .yt-top {
  192. left: 50%;
  193. top: 20px;
  194. margin-left: -20px;
  195. background: url(../static/icons/up.png) no-repeat center center;
  196. background-size: contain;
  197. }
  198. .videoPlay .yt-bottom {
  199. left: 50%;
  200. bottom: 20px;
  201. margin-left: -20px;
  202. background: url(../static/icons/down.png) no-repeat center center;
  203. background-size: contain;
  204. }
  205. .videoPlay .prism-player .prism-controlbar {
  206. background: rgba(0, 0, 0, 0.5);
  207. }
  208. .pzPopus .pz-pinglun {
  209. display: flex;
  210. align-items: center;
  211. }
  212. .pzPopus .pz-pinglun .remarks {
  213. flex-grow: 1;
  214. padding-right: 15px;
  215. }
  216. .pzPopus .pz-pinglun .icons {
  217. border: 1px solid #aaa;
  218. padding: 10px;
  219. border-radius: 100%;
  220. width: 60px;
  221. height: 60px;
  222. display: flex;
  223. align-items: center;
  224. justify-content: center;
  225. }
  226. .pzPopus .pz-pinglun .icons .aicon {
  227. font-size: 30px;
  228. color: #999;
  229. }
  230. .pzPopus .imglist {
  231. display: flex;
  232. align-items: center;
  233. flex-wrap: wrap;
  234. padding: 30px 0 20px;
  235. }
  236. .pzPopus .imglist > div {
  237. position: relative;
  238. padding: 3px;
  239. border: 1px solid #eee;
  240. border-radius: 5px;
  241. margin-right: 10px;
  242. }
  243. .pzPopus .imglist > div img {
  244. width: 45px;
  245. height: 45px;
  246. }
  247. .pzPopus .imglist > div .aicon {
  248. color: #fff;
  249. position: absolute;
  250. font-size: 12px;
  251. right: -6px;
  252. top: -8px;
  253. background: #FF0000;
  254. padding: 2px;
  255. border-radius: 100%;
  256. }
  257. .pzPopus .f-btns {
  258. padding: 10px 0;
  259. }