|
@@ -0,0 +1,263 @@
|
|
|
+* {
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+body {
|
|
|
+ height: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.storeCheck {
|
|
|
+ height: calc(100vh);
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+}
|
|
|
+.storeCheck .loading {
|
|
|
+ background: #fff;
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ position: fixed;
|
|
|
+ z-index: 10000;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+}
|
|
|
+.storeCheck .loading .ant-spin {
|
|
|
+ margin-top: 50%;
|
|
|
+}
|
|
|
+.storeCheck .checkWork {
|
|
|
+ flex-grow: 1;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-head {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-head .checkWork-head-row:first-child > div {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-head .checkWork-head-row:first-child > div > div:last-child {
|
|
|
+ flex-grow: 1;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-head .checkWork-head-row > div {
|
|
|
+ width: 100%;
|
|
|
+ padding: 5px 10px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-head .checkWork-head-row > div:first-child {
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-head .checkWork-head-row > div > div {
|
|
|
+ width: 33.3%;
|
|
|
+ padding: 3px 0;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-head .checkWork-head-row > div .ant-dropdown-link {
|
|
|
+ width: 100%;
|
|
|
+ display: block;
|
|
|
+ text-align: right;
|
|
|
+ color: #666666;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-body {
|
|
|
+ flex-grow: 1;
|
|
|
+ display: flex;
|
|
|
+ background: #f8f8f8;
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabs {
|
|
|
+ width: 26%;
|
|
|
+ padding: 1px 0;
|
|
|
+ overflow-y: scroll;
|
|
|
+ box-shadow: 1px 1px 3px #eee;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabs .tabs-items {
|
|
|
+ text-align: center;
|
|
|
+ padding: 8px 5px;
|
|
|
+ position: relative;
|
|
|
+ margin: 5px;
|
|
|
+ background: #fff;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabs .tabs-items .edit {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #ff0000;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabs .tabs-items .aicon {
|
|
|
+ color: #fff;
|
|
|
+ position: absolute;
|
|
|
+ font-size: 12px;
|
|
|
+ left: -5px;
|
|
|
+ top: -6px;
|
|
|
+ background: #ff0000;
|
|
|
+ padding: 3px;
|
|
|
+ border-radius: 100%;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabs .tabs-items.active {
|
|
|
+ background: #91D5FF;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons {
|
|
|
+ width: 74%;
|
|
|
+ padding: 5px;
|
|
|
+ overflow-y: scroll;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items {
|
|
|
+ background: #fff;
|
|
|
+ padding: 5px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ border-radius: 5px;
|
|
|
+ box-shadow: 1px 1px 3px #eee;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items .remarks {
|
|
|
+ padding: 5px;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items .photos {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items .photos span {
|
|
|
+ border: 1px solid #eee;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items .photos > div {
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div > div {
|
|
|
+ padding: 5px;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div > div:first-child {
|
|
|
+ flex-grow: 1;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div > div .anticon {
|
|
|
+ font-size: 30px;
|
|
|
+ color: #666;
|
|
|
+ margin-left: 15px;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div > div .choose-bsy {
|
|
|
+ color: #13C2C2;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div > div .choose-bhg {
|
|
|
+ color: #ff0000;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-body .checkWork-body-tabCons .tabCons-items > div > div .choose-hg {
|
|
|
+ color: #00be00;
|
|
|
+}
|
|
|
+.storeCheck .checkWork .checkWork-button > div {
|
|
|
+ padding: 10px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 18px;
|
|
|
+ background: #FAAD14;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.videoPlay {
|
|
|
+ position: relative;
|
|
|
+ height: 240px;
|
|
|
+}
|
|
|
+.videoPlay .control-yt, .videoPlay .control-yt-close {
|
|
|
+ position: absolute;
|
|
|
+ right: 15px;
|
|
|
+ top: 15px;
|
|
|
+ z-index: 100000;
|
|
|
+ width: 32px;
|
|
|
+ height: 32px;
|
|
|
+ background: url(../static/icons/kz-mini.png) no-repeat center center;
|
|
|
+ background-size: contain;
|
|
|
+}
|
|
|
+.videoPlay .control-yt-close {
|
|
|
+ background: url(../static/icons/close.png) no-repeat center center;
|
|
|
+ background-size: contain;
|
|
|
+}
|
|
|
+.videoPlay .ytBtns {
|
|
|
+ position: absolute;
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+ z-index: 10000;
|
|
|
+ opacity: 50%;
|
|
|
+}
|
|
|
+.videoPlay .yt-left {
|
|
|
+ left: 20%;
|
|
|
+ top: 100px;
|
|
|
+ background: url(../static/icons/left.png) no-repeat center center;
|
|
|
+ background-size: contain;
|
|
|
+}
|
|
|
+.videoPlay .yt-right {
|
|
|
+ right: 20%;
|
|
|
+ top: 100px;
|
|
|
+ background: url(../static/icons/right.png) no-repeat center center;
|
|
|
+ background-size: contain;
|
|
|
+}
|
|
|
+.videoPlay .yt-top {
|
|
|
+ left: 50%;
|
|
|
+ top: 20px;
|
|
|
+ margin-left: -20px;
|
|
|
+ background: url(../static/icons/up.png) no-repeat center center;
|
|
|
+ background-size: contain;
|
|
|
+}
|
|
|
+.videoPlay .yt-bottom {
|
|
|
+ left: 50%;
|
|
|
+ bottom: 20px;
|
|
|
+ margin-left: -20px;
|
|
|
+ background: url(../static/icons/down.png) no-repeat center center;
|
|
|
+ background-size: contain;
|
|
|
+}
|
|
|
+.videoPlay .prism-player .prism-controlbar {
|
|
|
+ background: rgba(0, 0, 0, 0.5);
|
|
|
+}
|
|
|
+
|
|
|
+.pzPopus .pz-pinglun {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+.pzPopus .pz-pinglun .remarks {
|
|
|
+ flex-grow: 1;
|
|
|
+ padding-right: 15px;
|
|
|
+}
|
|
|
+.pzPopus .pz-pinglun .icons {
|
|
|
+ border: 1px solid #aaa;
|
|
|
+ padding: 10px;
|
|
|
+ border-radius: 100%;
|
|
|
+ width: 60px;
|
|
|
+ height: 60px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+.pzPopus .pz-pinglun .icons .aicon {
|
|
|
+ font-size: 30px;
|
|
|
+ color: #999;
|
|
|
+}
|
|
|
+.pzPopus .imglist {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ padding: 30px 0 20px;
|
|
|
+}
|
|
|
+.pzPopus .imglist > div {
|
|
|
+ position: relative;
|
|
|
+ padding: 3px;
|
|
|
+ border: 1px solid #eee;
|
|
|
+ border-radius: 5px;
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+.pzPopus .imglist > div img {
|
|
|
+ width: 45px;
|
|
|
+ height: 45px;
|
|
|
+}
|
|
|
+.pzPopus .imglist > div .aicon {
|
|
|
+ color: #fff;
|
|
|
+ position: absolute;
|
|
|
+ font-size: 12px;
|
|
|
+ right: -6px;
|
|
|
+ top: -8px;
|
|
|
+ background: #FF0000;
|
|
|
+ padding: 2px;
|
|
|
+ border-radius: 100%;
|
|
|
+}
|
|
|
+.pzPopus .f-btns {
|
|
|
+ padding: 10px 0;
|
|
|
+}
|