From 509f91ed6cae641c0c3d6219f00f34b07ec7902a Mon Sep 17 00:00:00 2001 From: X1627315083 <1627315083@qq.com> Date: Mon, 29 Jul 2024 17:30:24 +0800 Subject: [PATCH] =?UTF-8?q?=E7=AE=A1=E7=90=86=E5=91=98=E9=A1=B5=E9=9D=A2?= =?UTF-8?q?=E6=96=B0=E5=A2=9Ei=E6=9F=A5=E7=9C=8B=E8=B0=83=E6=9F=A5?= =?UTF-8?q?=E9=97=AE=E5=8D=B7=E4=BF=A1=E6=81=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .env.dev | 2 +- src/assets/style/style.css | 60 + src/assets/style/style.less | 3796 +++++++++-------- src/component/Administrator/questionnaire.vue | 197 + src/router/index.ts | 90 +- src/tool/https.js | 17 +- src/views/Administrator.vue | 101 +- src/views/feedbackSurvey.vue | 144 +- src/views/feedbackSurveyCN.vue | 3 +- 9 files changed, 2492 insertions(+), 1918 deletions(-) create mode 100644 src/component/Administrator/questionnaire.vue diff --git a/.env.dev b/.env.dev index 4b773b76..57d3c252 100644 --- a/.env.dev +++ b/.env.dev @@ -6,6 +6,6 @@ NODE_ENV = 'development' VUE_APP_BASE_URL = 'https://develop.api.aida.com.hk' VUE_APP_BASE_URL = 'https://api.aida.com.hk' # 佩佩 -# VUE_APP_BASE_URL = 'http://192.168.1.7:5567' +VUE_APP_BASE_URL = 'http://192.168.1.7:5567' # 海波 # VUE_APP_BASE_URL = 'http://192.168.1.9:5567' diff --git a/src/assets/style/style.css b/src/assets/style/style.css index 3fe58973..efdf43dc 100644 --- a/src/assets/style/style.css +++ b/src/assets/style/style.css @@ -480,6 +480,22 @@ li { width: 0.8rem; height: 0.8rem; } +.trial_page .ant-tooltip { + z-index: 1049 !important; +} +.trial_page .habit :deep(.ant-tooltip .ant-tooltip-inner), +.trial_page :deep(.ant-tooltip-arrow-content) { + background: #000 !important; +} +.trial_page .habit_mod { + background-color: #000 !important; + /* top: 0 !important; */ + /* left: 0 !important; */ +} +.trial_page .ant-tooltip .ant-tooltip-inner, +.trial_page .ant-tooltip-arrow-content { + background: #000 !important; +} .trial_page .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner { background-color: #767676; border-color: #d9d9d9 !important; @@ -1163,6 +1179,19 @@ li { border: none; background: transparent; } +.admin_page .admin_table_content .operate_list { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 1rem; +} +.admin_page .admin_table_content .operate_list .operate_item { + font-size: 1.4rem; + font-family: Roboto; + font-weight: 400; + color: #343579; + cursor: pointer; +} .admin_page .admin_table_content .ant-table-tbody > tr:hover > td { background: #ffffff3a; } @@ -1174,6 +1203,7 @@ li { align-items: center; justify-content: space-between; padding: 0 1rem; + justify-content: center; } .admin_page .admin_table_content .operate_list .operate_item { font-size: 1.4rem; @@ -1204,6 +1234,29 @@ li { border: solid 2px rgba(0, 0, 0, 0.55); color: #000000; } +.homeMain_heade .ant-badge { + width: auto; + height: auto; +} +.homeMain_heade sup.ant-scroll-number { + height: 2rem; + min-height: 2rem; + width: 2rem; + min-width: 2rem; + padding: 0; +} +.homeMain_heade sup.ant-scroll-number .ant-scroll-number-only { + width: 100%; + height: 100%; + font-size: 1.2rem; + display: flex; + align-items: center; + justify-content: center; +} +.homeMain_heade p.ant-scroll-number-only-unit { + line-height: 2rem; + height: 100%; +} .modal_title_text { font-size: var(--aida-fsize2); font-weight: 900; @@ -1216,6 +1269,13 @@ li { font-weight: 400; color: rgba(0, 0, 0, 0.45); } +.modal_title_text .modal_title_text_intro a { + color: #000; + font-weight: 900; +} +.modal_title_text .modal_title_text_intro a:hover { + text-decoration: underline; +} .modal_title_text .modal_title_text_assistant { font-size: var(--aida-fsize1-6); font-weight: 400; diff --git a/src/assets/style/style.less b/src/assets/style/style.less index ec60d4e7..efdf43dc 100644 --- a/src/assets/style/style.less +++ b/src/assets/style/style.less @@ -1,1954 +1,2016 @@ - -html,body,#app{ - margin: 0; - padding: 0; - height: 100%; - font-family: 'Roboto', sans-serif; - overflow: hidden; - // --antd-wave-shadow-color: #341e57; - --aida-fsize2: calc(2.2rem*1.2); - --aida-fsize1-8: calc(1.8rem*1.2); - --aida-fsize1-6: calc(1.6rem*1.2); - --aida-fsize1-4: calc(1.4rem*1.2); +html, +body, +#app { + margin: 0; + padding: 0; + height: 100%; + font-family: 'Roboto', sans-serif; + overflow: hidden; + --aida-fsize2: calc(2.2rem*1.2); + --aida-fsize1-8: calc(1.8rem*1.2); + --aida-fsize1-6: calc(1.6rem*1.2); + --aida-fsize1-4: calc(1.4rem*1.2); } -input{ - outline:none; - outline: none; - border: .1rem solid #dcdfe6; +input { + outline: none; + border: 0.1rem solid #dcdfe6; } @media (max-width: 768px) { - .mdhidden{ - display: none !important; - } + .mdhidden { + display: none !important; + } } -select{ - height: 2.5rem; - border: 0.2rem solid #c4c4c4 !important; - border-radius: 4px; /* 设置圆角半径 */ +select { + height: 2.5rem; + border: 0.2rem solid #c4c4c4 !important; + border-radius: 4px; + /* 设置圆角半径 */ } -select:focus-visible{ - border: 0.2rem solid #c4c4c4 !important; +select:focus-visible { + border: 0.2rem solid #c4c4c4 !important; } -ul,li{ - list-style: none; - padding: 0; +ul, +li { + list-style: none; + padding: 0; } -input:focus{ +.page_content { + max-width: 100%; + height: 100%; + margin: 0 auto; } -.page_content{ - // width: 1440px; - max-width: 100%; - height: 100%; - margin: 0 auto; +.button_first { + width: 11.85rem; + text-align: center; + height: 4rem; + line-height: 4rem; + font-size: 1.4rem; + font-weight: 400; + color: #000; + cursor: pointer; + border-radius: 1.5rem; + border: 2px solid; } -.button_first{ - width: 11.85rem; - text-align: center; - // background: #343579; - height: 4rem; - line-height: 4rem; - font-size: 1.4rem; - font-weight: 400; - color: #000; - cursor: pointer; - border-radius: 1.5rem; - border: 2px solid; +.button_second { + width: 14rem; + text-align: center; + height: 4rem; + line-height: 4rem; + font-size: 1.4rem; + font-weight: 400; + color: #000; + cursor: pointer; + border-radius: 1.5rem; + border: 2px solid; } -.button_second{ - width: 14rem; - text-align: center; - // background: #343579; - height: 4rem; - line-height: 4rem; - font-size: 1.4rem; - font-weight: 400; - color: #000; - cursor: pointer; - border-radius: 1.5rem; - border: 2px solid; -} - -.system_silder{ +.system_silder { width: 100%; - .ant-slider{ - margin: 0; - width: 12rem; - - - - .ant-slider-rail{ - height: 0.6rem; - border-radius: 0.3rem; - background: #F2F0FD; - } - .ant-slider-track{ - height: 0.6rem; - border-radius: 0.3rem; - background: #343579; - } - .ant-slider-handle{ - margin-top: -0.4rem; - border: solid 0.2rem #343579; - } - } } -.ant-slider:hover{ - .ant-slider-track{ - background-color: #e1e1e1; - } - .ant-slider-handle{ - box-shadow: rgba(41,62,141,.16) 0px 0 0 4px; - } +.system_silder .ant-slider { + margin: 0; + width: 12rem; +} +.system_silder .ant-slider .ant-slider-rail { + height: 0.6rem; + border-radius: 0.3rem; + background: #F2F0FD; +} +.system_silder .ant-slider .ant-slider-track { + height: 0.6rem; + border-radius: 0.3rem; + background: #343579; +} +.system_silder .ant-slider .ant-slider-handle { + margin-top: -0.4rem; + border: solid 0.2rem #343579; +} +.ant-slider:hover .ant-slider-track { + background-color: #e1e1e1; +} +.ant-slider:hover .ant-slider-handle { + box-shadow: rgba(41, 62, 141, 0.16) 0px 0 0 4px; } .ant-slider-track, .ant-slider-rail { - height: calc(.6rem*1.2); - background-color: #e1e1e1; - // background-image: url(@../../../../assets/images/homePage/slider.png); - background-size: 100% 100%; - border-radius: calc(0.5rem*1.2); + height: calc(0.6rem*1.2); + background-color: #e1e1e1; + background-size: 100% 100%; + border-radius: calc(0.5rem*1.2); } .ant-slider .ant-slider-handle:not(.ant-tooltip-open), .ant-slider-handle { - background-color: #2d2e76 !important; - border: none !important; - margin-top: -4px; + background-color: #2d2e76 !important; + border: none !important; + margin-top: -4px; } .ant-slider-handle:hover { - box-shadow: 0 0 0 5px rgba(45, 46, 118, 0.2); + box-shadow: 0 0 0 5px rgba(45, 46, 118, 0.2); } -.cliAdmin_like{ - animation: adminLike .5s ease-in-out forwards; - transform-origin: center; - @keyframes adminLike{ - 0% { - transform: scale(1); /*开始为原始大小*/ - } - 50% { - transform: scale(1.2); - } - } +.cliAdmin_like { + animation: adminLike 0.5s ease-in-out forwards; + transform-origin: center; } -[adminLike='true']{ - animation: adminLike .5s ease-in-out forwards; - transform-origin: center; - @keyframes adminLike{ - 0% { - transform: scale(1); /*开始为原始大小*/ - } - 50% { - transform: scale(1.2); - } - } -} -[adminSix='true']{ - animation: adminSix .5s ease-in-out; - transform-origin: 30% center; - @keyframes adminSix{ - 0% { - transform: rotate(0deg); - } - 50%{ - transform: rotate(-20deg); - } - } -} -.ant-tooltip{ - // top: 74px !important; - z-index: 2; - - .ant-tooltip-inner{ - background: #343579; - border-radius: 5px; - padding: 0.6rem 0.5rem; - } -} - -.select_block{ - height: 4rem; - .ant-select{ - height: 100%; - } - .ant-select:not(.ant-select-customize-input) .ant-select-selector{ - background: transparent; - height: 95%; - border: 0.1rem solid rgba(0,0,0,0) !important; - // border: 0.1rem solid #000 !important; - border-radius: 0; - box-shadow: none !important; - width: 15rem; - background: #FFFFFF; - border-radius: 1rem; - margin: 0 1rem; +@keyframes adminLike { + 0% { + transform: scale(1); + /*开始为原始大小*/ } - .ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-single .ant-select-selector .ant-select-selection-placeholder{ - line-height: 3.8rem; - color: #1A1A1A; - font-size: 1.3rem; - font-weight: bold; - } - .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{ - padding: 0 1rem; + 50% { + transform: scale(1.2); } } -//started公共按钮样式 -.started_btn{ - padding: 0 calc(1.8rem*1.2); - display: inline-block; - border-radius: calc(2rem*1.2); - font-size: calc(1.2rem*1.2); - color: #fff; - background-color: #39215b; - cursor: pointer; - height: 3.3rem; - line-height: 3.3rem; - zoom: 1; - white-space: nowrap; - .fi-br-loading::before{ - transition: all .5s; - display: inline-block; - animation: whirl 1s linear infinite; - - } - @keyframes whirl { - 0%{ - transform: rotate(0deg); - } - 50%{ - transform: rotate(180deg); - } - 100%{ - transform: rotate(360deg); - } - } +[adminLike='true'] { + animation: adminLike 0.5s ease-in-out forwards; + transform-origin: center; } - - - -.el-cascader{ - font-size: 1.2rem; - width: 100%; - height: 3rem; - --el-color-primary: #d9d9d9; - --el-cascader-tag-background:#e1d9ec; - .el-input{ - height: 100%; - .el-input__wrapper{ - .el-input__inner{ - height: 80% !important; - font-size: 1.2rem; - } - } - } -} -.el-popper{ - padding: .5rem 1.1rem; -} -.el-cascader__tags,.el-cascader__collapse-tag{ - --el-color-primary: #d9d9d9; - --el-cascader-tag-background:#e1d9ec; - --el-fill-color:#e1d9ec; - height: 100%; - width: 90% !important; - flex-wrap: nowrap; - overflow: hidden; - align-items: center; - .el-tag--light{ - margin: 0 0 0 .6rem; - padding-right: .5rem; - height: 80%; - --el-icon-size: 1.4rem; - display: flex; - .el-tag__content{ - font-size: 1.4rem; - color: #000; - - } - } - .el-cascader__search-input{ - height: 100%; - margin: 0 0 0 1.1rem; - } -} -.el-cascader__collapse-tag{ - margin-bottom: .5rem; - .el-cascader__collapse-tag{ - .el-tag--light{ - display: flex !important; - } - } -} -.hideEvents{ - pointer-events:none !important; - *{ - pointer-events:none !important; - } -} -.Guide_{ - pointer-events:auto !important; - overflow-y: initial !important; - &.showEvents{ - *{ - pointer-events:auto !important; - } - // .select_img_type{ - // overflow: initial !important; - // } - .hideEvents{ - pointer-events:none !important; - *{ - pointer-events:none !important; - } - } - } - - .Guide_active{ - box-shadow: 0px 0px 13px rgb(255, 95, 95); - animation: identifier 1s infinite linear; - display: block !important; - @keyframes identifier { - 0% { - box-shadow: none; - } - 50% { - box-shadow: 0px 0px 13px rgb(255, 95, 95); - } - 100% { - box-shadow: none; - } - } - } - .Guide_img{ - filter: drop-shadow(0px 0px 2px rgb(255, 95, 95))drop-shadow(0px 0px 1px rgb(255, 95, 95)); - animation: identifier_img 1s infinite linear; - display: block !important; - @keyframes identifier_img { - 0% { - filter: none; - } - 50% { - filter: drop-shadow(0px 0px 2px rgb(255, 95, 95))drop-shadow(0px 0px 1px rgb(255, 95, 95)); - } - 100% { - filter: none; - } - } - } -} - -:not(body):has(>.driver-active-element){ - overflow: initial !important; -} -//自定义关闭按钮 -.driver-close__{ - position: absolute; - top: 2rem; - right: 2rem; - z-index: 99999; - color: #fff; - font-size: 4rem; - width: 2rem; - height: 2rem; - border: .5rem solid; - display: flex; - align-items: center; - justify-content: center; - padding: 1.5rem; - border-radius: .5rem; - cursor: pointer; - pointer-events: auto !important; -} -.ant-drawer{ - z-index: 9999; -} -//爱心 -.delete_like_file_block{ - // display: none; - opacity: 0; - width: 3rem; - height: 3rem; - cursor: pointer; - background: rgba(0,0,0,0.6); - border-radius: calc(0.4rem*1.2); - position: absolute; - top: calc(0.9rem*1.2); - right: calc(0.9rem*1.2); - text-align: center; - line-height: 3rem; - left: auto; - &.left{ - left: calc(.9rem*1.2); - } - &.left1{ - left: calc(.9rem*1.2); - top: 5rem; - } - .icon-shanchu{ - font-size: calc(1.6rem*1.2); - color: #fff; - } - i,span{ - width: 100%; - display: flex; - height: 100%; - justify-content: center; - align-items: center; - } - i{ - font-size: calc(1.4rem); - color: #fff; - - &.fi-rr-heart{ - - } - &.fi-sr-heart{ - color: red; - } - } -} - -//design进度100 -.progress_mark{ - .mark_content{ - .ant-progress{ - .ant-progress-text{ - .anticon-check{ - color: #7a61dc; - } - } - } - } -} - - -.el-popper{ - .el-cascader-panel{ - --el-cascader-menu-selected-text-color: #000; - .el-scrollbar{ - min-width: 19rem; - max-width: 19rem; - .el-cascader-menu__wrap{ - height: 24.4rem; - .el-cascader-menu__list{ - .el-cascader-node{ - padding-right: 2rem; - padding: 0 3rem 0 2rem; - height: 3.4rem; - line-height: 3.4rem; - font-size: 1.4rem; - } - .el-checkbox{ - --el-checkbox-input-height: 1.4rem; - --el-checkbox-input-width: 1.4rem; - --el-checkbox-font-size: 1.4rem; - --el-checkbox-checked-bg-color:#767676; - --el-checkbox-checked-input-border-color:#767676; - --el-checkbox-input-border-color-hover: #dcdfe6; - .el-checkbox__input{ - .el-checkbox__inner::after{ - height: .7rem; - left: .4rem; - top: .1rem; - width: .3rem; - } - } - } - } - } - } - } -} - -.ant-select:not(.ant-select-disabled):hover .ant-select-selector{ - border: 1px solid #d9d9d9; -} -.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{ - box-shadow: 0 0 0 2px rgba(83, 83, 83, 0.3); - border: 1px solid #d9d9d9; -} -.ant-picker:hover, .ant-picker-focused{ - border: 1px solid #d9d9d9; -} -.ant-picker-focused{ - box-shadow: 0 0 0 2px rgba(83, 83, 83, 0.3); - border: 1px solid #d9d9d9; -} -.ant-picker-range .ant-picker-active-bar{ - background: #353535; -} -.trial_page{ - -//Library多级菜单 -.ant-select-allow-clear{ - // font-size: 1.2rem; - // height: 3rem; - height: 100%; - .ant-select-selector{ - height: 100%; - .ant-select-selection-overflow{ - height: 100%; - .ant-select-selection-overflow-item{ - height: 80%; - .ant-select-selection-item{ - align-items: center; - height: 100%; - margin: 0; - margin-right: .4rem; - background-color: #e1d9ec; - .ant-select-selection-item-content{ - height: 100%; - line-height: 1.7; - } - .ant-select-selection-item-remove{ - height: 100%; - font-size: 1rem; - display: flex; - align-items: center; - } - } - } - } - } - .ant-select-selector::after{ - line-height: 1; - } -} - -.ant-select-dropdown{ - font-size: 1.4rem; - .ant-cascader-menu-item{ - padding: .5rem 1.2rem; - line-height: 2.2rem; - .ant-cascader-checkbox{ - font-size: 1.4rem; - :hover .ant-cascader-checkbox-inner{ - border: 1px solid #d9d9d9; - } - .ant-cascader-checkbox-inner{ - width: 1.6rem; - height: 1.6rem; - } - .ant-cascader-checkbox-inner::after{ - width: .8rem; - height: .8rem; - } - } - } - -} -.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner{ - background-color: #767676; - border-color: #d9d9d9 !important; -} -.ant-cascader-checkbox-checked::after{ - border-color: #d9d9d9 ; -} -.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-inner, .ant-cascader-checkbox:hover .ant-cascader-checkbox-inner, .ant-cascader-checkbox-input:focus + .ant-cascader-checkbox-inner{ - border-color: #d9d9d9 ; -} -.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner::after{ - background-color: #767676; -} -//禁止选中状态 -.ant-checkbox-wrapper-disabled{ - .ant-checkbox-disabled{ - .ant-checkbox-inner{ - background-color: #d9d9d9; - } - .ant-checkbox-inner::after{ - border-color: #eeeeee ; - } - } -} -} -.ant-modal-mask{ - background: linear-gradient(45deg, #eee4f3, #f3f4e6); - // min-width: 1440px; - border-radius: 1rem; - overflow: hidden; - // height: 100%; - height: calc(100% - 7rem); - bottom: 0; - top: auto; - margin: 0 9rem; - // z-index: 10001; -} - -//弹窗公共样式 -.ant-modal{ - box-shadow: 0px 0px 6px rgba(0, 0, 0, .2); - &.ant-modal-confirm{ - &.ant-modal-confirm-confirm{ - // top: 50%; - // transform: translateY(-50%); - } - } -} -.ant-modal-confirm-confirm{ - .ant-modal-content{ - border-radius: 1rem; - .ant-modal-body{ - .ant-modal-confirm-btns{ - width: 100%; - display: flex; - justify-content: center; - .ant-btn-primary{ - color: #fff; - margin-left: 10rem; - } - } - } - } -} -.modal_component{ - - &.ant-modal{ - top: 0; +@keyframes adminLike { + 0% { + transform: scale(1); + /*开始为原始大小*/ } - .ant-modal-content{ - overflow: hidden; - .ant-modal-header{ - padding: 2.4rem 2.6rem; - background: #F7F7F7; - - .ant-modal-title{ - font-size: 1.8rem; - line-height: 1.8rem; - color: #030303; - } - } - - .ant-modal-body{ - padding: 0; - } + 50% { + transform: scale(1.2); } } -.ant-drawer-content-wrapper{//抽屉 - width: 50rem !important; +[adminSix='true'] { + animation: adminSix 0.5s ease-in-out; + transform-origin: 30% center; } -.generalModel_page {//常用查询列表样式 - width: 100%; - height: 100%; - padding: 9rem; - overflow: hidden; - // min-width: 1440px; - position: relative; - display: flex; - flex-direction: column; - .generalModel_table_search { - display: flex; - margin-top: 2rem; - padding: 2rem 3.5rem 5rem 2.8rem; - background: #fff; - display: flex; - justify-content: flex-start; - align-items: center; - - .generalModel_search{ - width: auto; - .generalModel_search_item{ - background: #343579; - border-color: #343579; - height: 4rem; - padding: .64rem 1.5rem; - font-size: 1.6rem; - border-radius: 2px; - display: inline-block; - color: #fff; - cursor: pointer; - } - } - .generalModel_state { - position: relative; - display: flex; - align-items: center; - width: auto; - flex-wrap: wrap; - .generalModel_state_item{ - display: flex; - align-items: center; - margin-right: 5rem; - >span{ - font-size: 2rem; - font-weight: 400; - color: #030303; - margin-right: 15px; - flex-shrink: 0; - display: block; - min-width: 5rem; - text-align: left; - } - .ant-picker-range{ - height: 5rem; - } - .ant-select-lg{ - font-size: 14px; - .ant-select-selector{ - height: 5rem; - .ant-select-selection-item{ - line-height: 5rem; - } - input{ - line-height: 5rem; - height: 5rem; - } - } - } - } - .generalModel_current{ - background: #fff; - width: 100%; - display: flex; - align-items: center; - justify-content: space-between; - } - .header_user_content { - position: absolute; - border: 2px solid; - border-radius: 1rem; - overflow: hidden; - top: 0; - transform: translateY(6rem); - z-index: 2; - display: none; - margin-left: -2rem; - .username{ - padding: 0 2rem; - color: #000; - } - .username:hover{ - background: #e1e1e1; - } - &.active{ - display: block; - } - } - } - } +@keyframes adminSix { + 0% { + transform: rotate(0deg); + } + 50% { + transform: rotate(-20deg); + } } - -.generalModel{//自带关闭的页面 - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - -khtml-user-select: none; - user-select: none; - position: relative; - border-radius: 1rem; - overflow: hidden; - .ant-modal-body { - padding: 0; - // height: calc(65vh - 6.4rem); - height: calc(65rem*1.2); - // background-color: #181818; - padding: calc(4rem*1.2) calc(5rem*1.2); - } - .ant-modal-btn{ - - } - .fi-rr-down-to-line,.fi-rr-arrow-small-right,.fi-rr-arrow-small-left{ - font-size: 2rem; - } - .collection_title{ - position: absolute; - top: calc(4rem*1.2); - display: flex; - font-size: var(--aida-fsize2); - font-weight: 900; - color: rgba(0,0,0,.65); - align-items: center; - .collection_title_text{ - margin-right: calc(4rem*1.2); - } - .collection_title_text_intro{ - font-size: calc(1.2rem*1.2); - font-weight: 400; - color: rgba(0,0,0,.45); - } - } - .generalModel_btn { - .generalModel_closeIcon{ - position: absolute; - top: calc(2rem*1.2); - right: calc(2rem*1.2); - cursor: pointer; - width: calc(4rem*1.2); - height: calc(4rem*1.2); - display: flex; - align-items: center; - justify-content: center; - &.left{ - left: calc(2rem*1.2); - } - .fi-rr-cross-small::before{ - padding: calc(.2rem*1.2); - border-radius: 5px; - border: solid 2px rgba(0, 0, 0, 0.22); - transition: .3s all; - color: rgba(0, 0, 0, 0.7); - } - &.generalModel_closeIcon:hover .fi-rr-cross-small::before{ - border: solid 2px rgba(0, 0, 0, 5); - color: rgba(0, 0, 0, 1); - } - .fi-rr-down-to-line{ - transition: .3s all; - color: rgba(0, 0, 0, .5); - } - .fi-rr-down-to-line:hover{ - color: rgba(0, 0, 0, 1); - } - } - } +.ant-tooltip { + z-index: 2; } -.generalModel_table_content {//通用有数据列表的model - width: 100%; - // height: 100%; - height: 100%; - flex: 1; - padding-bottom: 3rem; - background: #fff; - border-radius: 2rem; - overflow: hidden; - .ant-table { - background: transparent; - } - - .ant-table-body { - overflow-y: auto !important; - -ms-overflow-style: none; - overflow: -moz-scrollbars-none; - - &::-webkit-scrollbar { - width: 0 !important; - } - } - .ant-table-thead > tr > th { - background: #ffffff00; - border-bottom: none; - backdrop-filter: blur(1rem); - } - - .ant-table-tbody > tr > td { - border: none; - background: transparent; - // color: #fff; - img{ - max-width: 100%; - max-height: 10rem; - object-fit: contain; - } - } - .ant-table-tbody > tr { - &:hover > td { - background: #ffffff3a; - } - } - .ant-table-pagination-right { - padding-right: 3.5rem; - } - .operate_list { - display: flex; - align-items: center; - justify-content: space-between; - padding: 0 1rem; - justify-content: center; - .operate_item { - font-size: 1.4rem; - font-family: Roboto; - font-weight: 400; - color: #343579; - cursor: pointer; - } - } +.ant-tooltip .ant-tooltip-inner { + background: #343579; + border-radius: 5px; + padding: 0.6rem 0.5rem; } -.generalModelOperate{//常用model样式 - display: flex; - flex-direction: column; - border-right: 1px solid #e5e5e5; - position: relative; - .ant-modal-content { - border-radius: calc(1rem * 1.2); - overflow: hidden; - .ant-modal-header { - background-color: #fff; - border-bottom: none; - } - .ant-modal-body { - display: flex; - flex-direction: column; - padding: calc(5rem * 1.2) calc(5rem * 1.2) !important; - // height: calc(65vh - 6.4rem); - background: #f9fafb; - } - //进度完成字体颜色 - .ant-progress-circle.ant-progress-status-success .ant-progress-text { - color: #000; - } - .ant-progress-circle .ant-progress-text { - color: rgba(0, 0, 0, 0.55); - font-size: calc(1.6rem * 1.2); - } - } - .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{ - border-color: #d9d9d9; - box-shadow: none; - } - .ant-select:hover .ant-select-selector{ - border-color: #d9d9d9; - } - .generalModelOperate_title { - font-size: var(--aida-fsize2); - font-weight: 900; - color: rgba(0, 0, 0, 0.65); - } - .generalModelOperate_closeIcon { - top: calc(2rem * 1.2); - right: calc(2rem * 1.2); - cursor: pointer; - width: calc(4rem * 1.2); - height: calc(4rem * 1.2); - display: flex; - align-items: center; - justify-content: center; - position: absolute; - .fi-rr-cross-small::before { - padding: calc(0.2rem * 1.2); - border-radius: 5px; - border: solid 2px rgba(0, 0, 0, 0.25); - transition: 1s all; - color: rgba(0, 0, 0, 0.55); - } - &.generalModelOperate_closeIcon:hover .fi-rr-cross-small::before { - border: solid 2px rgba(0, 0, 0, 0.55); - color: rgba(0, 0, 0, 1); - } - } - .generalModelOperate_endBtn{ - display: flex; - justify-content: center; - >div{ - height: 3.2rem; - padding: 4px 1.5rem; - font-size: 1.4rem; - transition: all .3s; - border: 1px solid; - cursor: pointer; - } - .generalModelOperate_btn_cancel{ - border-color: #d9d9d9; - - } - .generalModelOperate_btn_cancel:hover{ - color: #39215b; - border-color: #39215b; - } - - .generalModelOperate_btn_ok{ - margin-left: 10rem; - background: #39215b; - border-color: #39215b; - color: #fff; - } - .generalModelOperate_btn_ok:hover{ - border-color: #543087; - background: #543087; - } - } +.select_block { + height: 4rem; } -.ant-modal-body{ - font-size: 1.4rem; +.select_block .ant-select { + height: 100%; } -//衣服类型下拉菜单 -.operate_file_block{ - width: 100%; - height: 3rem; - font-size: 1.6rem; - color: #FFFFFF; - position: absolute; - left: 0; - bottom: 0; - - .select_img_type{ - height: 100%; - line-height: 3rem; - text-align: center; - background: rgba(0,0,0,0.6); - position: relative; - overflow: initial !important; - .select_category{ - display: flex; - align-items: center; - justify-content: center; - - .icon-xiala{ - margin-left: 0.8rem; - } - } - - .icon_rotate{ - -moz-transform:rotate(180deg); - -webkit-transform:rotate(180deg); - transform: rotate(180deg); - animation-direction: 0.5s; - } - - .category_list{ - position: absolute; - width: 100%; - cursor: pointer; - position: absolute; - // top: 3.1rem; - margin-top: .2rem; - left: 0; - // background: rgba(0,0,0,0.4); - background-color: rgb(177 177 177); - border: 1px solid #343579; - border-radius: 0.8rem; - // overflow: hidden; - z-index: 3; - height: 9rem; - overflow-x: hidden; - &.category_list::-webkit-scrollbar{display: none;} - - .category_item{ - text-align: left; - font-size: 1.4rem; - padding: 1rem 1.5rem; - line-height: 1.6rem; - font-weight: 600; - color: #595959; - - &.select_category_item{ - background: linear-gradient(-137deg, #eeefdb, #e7dbed); - } - - &:hover{ - background: linear-gradient(-137deg, #eeefdb, #e7dbed); - } - } - } - } +.select_block .ant-select:not(.ant-select-customize-input) .ant-select-selector { + background: transparent; + height: 95%; + border: 0.1rem solid rgba(0, 0, 0, 0) !important; + border-radius: 0; + box-shadow: none !important; + width: 15rem; + background: #FFFFFF; + border-radius: 1rem; + margin: 0 1rem; } -.driver-overlay, .driver-active * { - pointer-events: none; +.select_block .ant-select-single .ant-select-selector .ant-select-selection-item, +.select_block .ant-select-single .ant-select-selector .ant-select-selection-placeholder { + line-height: 3.8rem; + color: #1A1A1A; + font-size: 1.3rem; + font-weight: bold; } -.printboard_upload_modal, .sketchboard_upload_modal .switch_type_list{ - &.showEvents{ - *{ - pointer-events: auto; - } - } +.select_block .ant-select-single:not(.ant-select-customize-input) .ant-select-selector { + padding: 0 1rem; } - -// .ant-modal-wrap{ -// z-index: 10001 ; -// } -// .driver-overlay-animated{ -// z-index: 10002 !important; -// } -// .ant-select-dropdown{ -// z-index: 10001; -// } - -.ant-message-info .anticon{ - // color: #b2b2b2; +.started_btn { + padding: 0 calc(1.8rem*1.2); + display: inline-block; + border-radius: calc(2rem*1.2); + font-size: calc(1.2rem*1.2); + color: #fff; + background-color: #39215b; + cursor: pointer; + height: 3.3rem; + line-height: 3.3rem; + zoom: 1; + white-space: nowrap; +} +.started_btn .fi-br-loading::before { + transition: all 0.5s; + display: inline-block; + animation: whirl 1s linear infinite; +} +@keyframes whirl { + 0% { + transform: rotate(0deg); + } + 50% { + transform: rotate(180deg); + } + 100% { + transform: rotate(360deg); + } +} +.el-cascader { + font-size: 1.2rem; + width: 100%; + height: 3rem; + --el-color-primary: #d9d9d9; + --el-cascader-tag-background: #e1d9ec; +} +.el-cascader .el-input { + height: 100%; +} +.el-cascader .el-input .el-input__wrapper .el-input__inner { + height: 80% !important; + font-size: 1.2rem; +} +.el-popper { + padding: 0.5rem 1.1rem; +} +.el-cascader__tags, +.el-cascader__collapse-tag { + --el-color-primary: #d9d9d9; + --el-cascader-tag-background: #e1d9ec; + --el-fill-color: #e1d9ec; + height: 100%; + width: 90% !important; + flex-wrap: nowrap; + overflow: hidden; + align-items: center; +} +.el-cascader__tags .el-tag--light, +.el-cascader__collapse-tag .el-tag--light { + margin: 0 0 0 0.6rem; + padding-right: 0.5rem; + height: 80%; + --el-icon-size: 1.4rem; + display: flex; +} +.el-cascader__tags .el-tag--light .el-tag__content, +.el-cascader__collapse-tag .el-tag--light .el-tag__content { + font-size: 1.4rem; + color: #000; +} +.el-cascader__tags .el-cascader__search-input, +.el-cascader__collapse-tag .el-cascader__search-input { + height: 100%; + margin: 0 0 0 1.1rem; +} +.el-cascader__collapse-tag { + margin-bottom: 0.5rem; +} +.el-cascader__collapse-tag .el-cascader__collapse-tag .el-tag--light { + display: flex !important; +} +.hideEvents { + pointer-events: none !important; +} +.hideEvents * { + pointer-events: none !important; +} +.Guide_ { + pointer-events: auto !important; + overflow-y: initial !important; +} +.Guide_.showEvents * { + pointer-events: auto !important; +} +.Guide_.showEvents .hideEvents { + pointer-events: none !important; +} +.Guide_.showEvents .hideEvents * { + pointer-events: none !important; +} +.Guide_ .Guide_active { + box-shadow: 0px 0px 13px #ff5f5f; + animation: identifier 1s infinite linear; + display: block !important; +} +@keyframes identifier { + 0% { + box-shadow: none; + } + 50% { + box-shadow: 0px 0px 13px #ff5f5f; + } + 100% { + box-shadow: none; + } +} +.Guide_ .Guide_img { + filter: drop-shadow(0px 0px 2px #ff5f5f) drop-shadow(0px 0px 1px #ff5f5f); + animation: identifier_img 1s infinite linear; + display: block !important; +} +@keyframes identifier_img { + 0% { + filter: none; + } + 50% { + filter: drop-shadow(0px 0px 2px #ff5f5f) drop-shadow(0px 0px 1px #ff5f5f); + } + 100% { + filter: none; + } +} +:not(body):has(>.driver-active-element) { + overflow: initial !important; +} +.driver-close__ { + position: absolute; + top: 2rem; + right: 2rem; + z-index: 99999; + color: #fff; + font-size: 4rem; + width: 2rem; + height: 2rem; + border: 0.5rem solid; + display: flex; + align-items: center; + justify-content: center; + padding: 1.5rem; + border-radius: 0.5rem; + cursor: pointer; + pointer-events: auto !important; +} +.ant-drawer { + z-index: 9999; +} +.delete_like_file_block { + opacity: 0; + width: 3rem; + height: 3rem; + cursor: pointer; + background: rgba(0, 0, 0, 0.6); + border-radius: calc(0.4rem*1.2); + position: absolute; + top: calc(0.9rem*1.2); + right: calc(0.9rem*1.2); + text-align: center; + line-height: 3rem; + left: auto; +} +.delete_like_file_block.left { + left: calc(0.9rem*1.2); +} +.delete_like_file_block.left1 { + left: calc(0.9rem*1.2); + top: 5rem; +} +.delete_like_file_block .icon-shanchu { + font-size: calc(1.6rem*1.2); + color: #fff; +} +.delete_like_file_block i, +.delete_like_file_block span { + width: 100%; + display: flex; + height: 100%; + justify-content: center; + align-items: center; +} +.delete_like_file_block i { + font-size: calc(1.4rem); + color: #fff; +} +.delete_like_file_block i.fi-sr-heart { + color: red; +} +.progress_mark .mark_content .ant-progress .ant-progress-text .anticon-check { + color: #7a61dc; +} +.el-popper .el-cascader-panel { + --el-cascader-menu-selected-text-color: #000; +} +.el-popper .el-cascader-panel .el-scrollbar { + min-width: 19rem; + max-width: 19rem; +} +.el-popper .el-cascader-panel .el-scrollbar .el-cascader-menu__wrap { + height: 24.4rem; +} +.el-popper .el-cascader-panel .el-scrollbar .el-cascader-menu__wrap .el-cascader-menu__list .el-cascader-node { + padding-right: 2rem; + padding: 0 3rem 0 2rem; + height: 3.4rem; + line-height: 3.4rem; + font-size: 1.4rem; +} +.el-popper .el-cascader-panel .el-scrollbar .el-cascader-menu__wrap .el-cascader-menu__list .el-checkbox { + --el-checkbox-input-height: 1.4rem; + --el-checkbox-input-width: 1.4rem; + --el-checkbox-font-size: 1.4rem; + --el-checkbox-checked-bg-color: #767676; + --el-checkbox-checked-input-border-color: #767676; + --el-checkbox-input-border-color-hover: #dcdfe6; +} +.el-popper .el-cascader-panel .el-scrollbar .el-cascader-menu__wrap .el-cascader-menu__list .el-checkbox .el-checkbox__input .el-checkbox__inner::after { + height: 0.7rem; + left: 0.4rem; + top: 0.1rem; + width: 0.3rem; +} +.ant-select:not(.ant-select-disabled):hover .ant-select-selector { + border: 1px solid #d9d9d9; +} +.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector { + box-shadow: 0 0 0 2px rgba(83, 83, 83, 0.3); + border: 1px solid #d9d9d9; +} +.ant-picker:hover, +.ant-picker-focused { + border: 1px solid #d9d9d9; +} +.ant-picker-focused { + box-shadow: 0 0 0 2px rgba(83, 83, 83, 0.3); + border: 1px solid #d9d9d9; +} +.ant-picker-range .ant-picker-active-bar { + background: #353535; +} +.trial_page .ant-select-allow-clear { + height: 100%; +} +.trial_page .ant-select-allow-clear .ant-select-selector { + height: 100%; +} +.trial_page .ant-select-allow-clear .ant-select-selector .ant-select-selection-overflow { + height: 100%; +} +.trial_page .ant-select-allow-clear .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item { + height: 80%; +} +.trial_page .ant-select-allow-clear .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item { + align-items: center; + height: 100%; + margin: 0; + margin-right: 0.4rem; + background-color: #e1d9ec; +} +.trial_page .ant-select-allow-clear .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item .ant-select-selection-item-content { + height: 100%; + line-height: 1.7; +} +.trial_page .ant-select-allow-clear .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item .ant-select-selection-item-remove { + height: 100%; + font-size: 1rem; + display: flex; + align-items: center; +} +.trial_page .ant-select-allow-clear .ant-select-selector::after { + line-height: 1; +} +.trial_page .ant-select-dropdown { + font-size: 1.4rem; +} +.trial_page .ant-select-dropdown .ant-cascader-menu-item { + padding: 0.5rem 1.2rem; + line-height: 2.2rem; +} +.trial_page .ant-select-dropdown .ant-cascader-menu-item .ant-cascader-checkbox { + font-size: 1.4rem; +} +.trial_page .ant-select-dropdown .ant-cascader-menu-item .ant-cascader-checkbox :hover .ant-cascader-checkbox-inner { + border: 1px solid #d9d9d9; +} +.trial_page .ant-select-dropdown .ant-cascader-menu-item .ant-cascader-checkbox .ant-cascader-checkbox-inner { + width: 1.6rem; + height: 1.6rem; +} +.trial_page .ant-select-dropdown .ant-cascader-menu-item .ant-cascader-checkbox .ant-cascader-checkbox-inner::after { + width: 0.8rem; + height: 0.8rem; +} +.trial_page .ant-tooltip { + z-index: 1049 !important; +} +.trial_page .habit :deep(.ant-tooltip .ant-tooltip-inner), +.trial_page :deep(.ant-tooltip-arrow-content) { + background: #000 !important; +} +.trial_page .habit_mod { + background-color: #000 !important; + /* top: 0 !important; */ + /* left: 0 !important; */ +} +.trial_page .ant-tooltip .ant-tooltip-inner, +.trial_page .ant-tooltip-arrow-content { + background: #000 !important; +} +.trial_page .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner { + background-color: #767676; + border-color: #d9d9d9 !important; +} +.trial_page .ant-cascader-checkbox-checked::after { + border-color: #d9d9d9; +} +.trial_page .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-inner, +.trial_page .ant-cascader-checkbox:hover .ant-cascader-checkbox-inner, +.trial_page .ant-cascader-checkbox-input:focus + .ant-cascader-checkbox-inner { + border-color: #d9d9d9; +} +.trial_page .ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner::after { + background-color: #767676; +} +.trial_page .ant-checkbox-wrapper-disabled .ant-checkbox-disabled .ant-checkbox-inner { + background-color: #d9d9d9; +} +.trial_page .ant-checkbox-wrapper-disabled .ant-checkbox-disabled .ant-checkbox-inner::after { + border-color: #eeeeee; +} +.ant-modal-mask { + background: linear-gradient(45deg, #eee4f3, #f3f4e6); + border-radius: 1rem; + overflow: hidden; + height: calc(100% - 7rem); + bottom: 0; + top: auto; + margin: 0 9rem; +} +.ant-modal { + box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); +} +.ant-modal-confirm-confirm .ant-modal-content { + border-radius: 1rem; +} +.ant-modal-confirm-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-btns { + width: 100%; + display: flex; + justify-content: center; +} +.ant-modal-confirm-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-btns .ant-btn-primary { + color: #fff; + margin-left: 10rem; +} +.modal_component.ant-modal { + top: 0; +} +.modal_component .ant-modal-content { + overflow: hidden; +} +.modal_component .ant-modal-content .ant-modal-header { + padding: 2.4rem 2.6rem; + background: #F7F7F7; +} +.modal_component .ant-modal-content .ant-modal-header .ant-modal-title { + font-size: 1.8rem; + line-height: 1.8rem; + color: #030303; +} +.modal_component .ant-modal-content .ant-modal-body { + padding: 0; +} +.ant-drawer-content-wrapper { + width: 50rem !important; +} +.generalModel_page { + width: 100%; + height: 100%; + padding: 9rem; + overflow: hidden; + position: relative; + display: flex; + flex-direction: column; +} +.generalModel_page .generalModel_table_search { + margin-top: 2rem; + padding: 2rem 3.5rem 5rem 2.8rem; + background: #fff; + display: flex; + justify-content: flex-start; + align-items: center; +} +.generalModel_page .generalModel_table_search .generalModel_search { + width: auto; +} +.generalModel_page .generalModel_table_search .generalModel_search .generalModel_search_item { + background: #343579; + border-color: #343579; + height: 4rem; + padding: 0.64rem 1.5rem; + font-size: 1.6rem; + border-radius: 2px; + display: inline-block; + color: #fff; + cursor: pointer; +} +.generalModel_page .generalModel_table_search .generalModel_state { + position: relative; + display: flex; + align-items: center; + width: auto; + flex-wrap: wrap; +} +.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item { + display: flex; + align-items: center; + margin-right: 5rem; +} +.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item > span { + font-size: 2rem; + font-weight: 400; + color: #030303; + margin-right: 15px; + flex-shrink: 0; + display: block; + min-width: 5rem; + text-align: left; +} +.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item .ant-picker-range { + height: 5rem; +} +.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item .ant-select-lg { + font-size: 14px; +} +.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item .ant-select-lg .ant-select-selector { + height: 5rem; +} +.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item .ant-select-lg .ant-select-selector .ant-select-selection-item { + line-height: 5rem; +} +.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item .ant-select-lg .ant-select-selector input { + line-height: 5rem; + height: 5rem; +} +.generalModel_page .generalModel_table_search .generalModel_state .generalModel_current { + background: #fff; + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; +} +.generalModel_page .generalModel_table_search .generalModel_state .header_user_content { + position: absolute; + border: 2px solid; + border-radius: 1rem; + overflow: hidden; + top: 0; + transform: translateY(6rem); + z-index: 2; + display: none; + margin-left: -2rem; +} +.generalModel_page .generalModel_table_search .generalModel_state .header_user_content .username { + padding: 0 2rem; + color: #000; +} +.generalModel_page .generalModel_table_search .generalModel_state .header_user_content .username:hover { + background: #e1e1e1; +} +.generalModel_page .generalModel_table_search .generalModel_state .header_user_content.active { + display: block; +} +.generalModel { + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + -khtml-user-select: none; + user-select: none; + position: relative; + border-radius: 1rem; + overflow: hidden; +} +.generalModel .ant-modal-body { + padding: 0; + height: calc(65rem*1.2); + padding: calc(4rem*1.2) calc(5rem*1.2); +} +.generalModel .fi-rr-down-to-line, +.generalModel .fi-rr-arrow-small-right, +.generalModel .fi-rr-arrow-small-left { + font-size: 2rem; +} +.generalModel .collection_title { + position: absolute; + top: calc(4rem*1.2); + display: flex; + font-size: var(--aida-fsize2); + font-weight: 900; + color: rgba(0, 0, 0, 0.65); + align-items: center; +} +.generalModel .collection_title .collection_title_text { + margin-right: calc(4rem*1.2); +} +.generalModel .collection_title .collection_title_text_intro { + font-size: calc(1.2rem*1.2); + font-weight: 400; + color: rgba(0, 0, 0, 0.45); +} +.generalModel .generalModel_btn .generalModel_closeIcon { + position: absolute; + top: calc(2rem*1.2); + right: calc(2rem*1.2); + cursor: pointer; + width: calc(4rem*1.2); + height: calc(4rem*1.2); + display: flex; + align-items: center; + justify-content: center; +} +.generalModel .generalModel_btn .generalModel_closeIcon.left { + left: calc(2rem*1.2); +} +.generalModel .generalModel_btn .generalModel_closeIcon .fi-rr-cross-small::before { + padding: calc(0.2rem*1.2); + border-radius: 5px; + border: solid 2px rgba(0, 0, 0, 0.22); + transition: 0.3s all; + color: rgba(0, 0, 0, 0.7); +} +.generalModel .generalModel_btn .generalModel_closeIcon.generalModel_closeIcon:hover .fi-rr-cross-small::before { + border: solid 2px #000000; + color: #000000; +} +.generalModel .generalModel_btn .generalModel_closeIcon .fi-rr-down-to-line { + transition: 0.3s all; + color: rgba(0, 0, 0, 0.5); +} +.generalModel .generalModel_btn .generalModel_closeIcon .fi-rr-down-to-line:hover { + color: #000000; +} +.generalModel_table_content { + width: 100%; + height: 100%; + flex: 1; + padding-bottom: 3rem; + background: #fff; + border-radius: 2rem; + overflow: hidden; +} +.generalModel_table_content .ant-table { + background: transparent; +} +.generalModel_table_content .ant-table-body { + overflow-y: auto !important; + -ms-overflow-style: none; + overflow: -moz-scrollbars-none; +} +.generalModel_table_content .ant-table-body::-webkit-scrollbar { + width: 0 !important; +} +.generalModel_table_content .ant-table-thead > tr > th { + background: #ffffff00; + border-bottom: none; + backdrop-filter: blur(1rem); +} +.generalModel_table_content .ant-table-tbody > tr > td { + border: none; + background: transparent; +} +.generalModel_table_content .ant-table-tbody > tr > td img { + max-width: 100%; + max-height: 10rem; + object-fit: contain; +} +.generalModel_table_content .ant-table-tbody > tr:hover > td { + background: #ffffff3a; +} +.generalModel_table_content .ant-table-pagination-right { + padding-right: 3.5rem; +} +.generalModel_table_content .operate_list { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 1rem; + justify-content: center; +} +.generalModel_table_content .operate_list .operate_item { + font-size: 1.4rem; + font-family: Roboto; + font-weight: 400; + color: #343579; + cursor: pointer; +} +.generalModelOperate { + display: flex; + flex-direction: column; + border-right: 1px solid #e5e5e5; + position: relative; +} +.generalModelOperate .ant-modal-content { + border-radius: calc(1rem * 1.2); + overflow: hidden; +} +.generalModelOperate .ant-modal-content .ant-modal-header { + background-color: #fff; + border-bottom: none; +} +.generalModelOperate .ant-modal-content .ant-modal-body { + display: flex; + flex-direction: column; + padding: calc(5rem * 1.2) calc(5rem * 1.2) !important; + background: #f9fafb; +} +.generalModelOperate .ant-modal-content .ant-progress-circle.ant-progress-status-success .ant-progress-text { + color: #000; +} +.generalModelOperate .ant-modal-content .ant-progress-circle .ant-progress-text { + color: rgba(0, 0, 0, 0.55); + font-size: calc(1.6rem * 1.2); +} +.generalModelOperate .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector { + border-color: #d9d9d9; + box-shadow: none; +} +.generalModelOperate .ant-select:hover .ant-select-selector { + border-color: #d9d9d9; +} +.generalModelOperate .generalModelOperate_title { + font-size: var(--aida-fsize2); + font-weight: 900; + color: rgba(0, 0, 0, 0.65); +} +.generalModelOperate .generalModelOperate_closeIcon { + top: calc(2rem * 1.2); + right: calc(2rem * 1.2); + cursor: pointer; + width: calc(4rem * 1.2); + height: calc(4rem * 1.2); + display: flex; + align-items: center; + justify-content: center; + position: absolute; +} +.generalModelOperate .generalModelOperate_closeIcon .fi-rr-cross-small::before { + padding: calc(0.2rem * 1.2); + border-radius: 5px; + border: solid 2px rgba(0, 0, 0, 0.25); + transition: 1s all; + color: rgba(0, 0, 0, 0.55); +} +.generalModelOperate .generalModelOperate_closeIcon.generalModelOperate_closeIcon:hover .fi-rr-cross-small::before { + border: solid 2px rgba(0, 0, 0, 0.55); + color: #000000; +} +.generalModelOperate .generalModelOperate_endBtn { + display: flex; + justify-content: center; +} +.generalModelOperate .generalModelOperate_endBtn > div { + height: 3.2rem; + padding: 4px 1.5rem; + font-size: 1.4rem; + transition: all 0.3s; + border: 1px solid; + cursor: pointer; +} +.generalModelOperate .generalModelOperate_endBtn .generalModelOperate_btn_cancel { + border-color: #d9d9d9; +} +.generalModelOperate .generalModelOperate_endBtn .generalModelOperate_btn_cancel:hover { + color: #39215b; + border-color: #39215b; +} +.generalModelOperate .generalModelOperate_endBtn .generalModelOperate_btn_ok { + margin-left: 10rem; + background: #39215b; + border-color: #39215b; + color: #fff; +} +.generalModelOperate .generalModelOperate_endBtn .generalModelOperate_btn_ok:hover { + border-color: #543087; + background: #543087; +} +.ant-modal-body { + font-size: 1.4rem; +} +.operate_file_block { + width: 100%; + height: 3rem; + font-size: 1.6rem; + color: #FFFFFF; + position: absolute; + left: 0; + bottom: 0; +} +.operate_file_block .select_img_type { + height: 100%; + line-height: 3rem; + text-align: center; + background: rgba(0, 0, 0, 0.6); + position: relative; + overflow: initial !important; +} +.operate_file_block .select_img_type .select_category { + display: flex; + align-items: center; + justify-content: center; +} +.operate_file_block .select_img_type .select_category .icon-xiala { + margin-left: 0.8rem; +} +.operate_file_block .select_img_type .icon_rotate { + -moz-transform: rotate(180deg); + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + animation-direction: 0.5s; +} +.operate_file_block .select_img_type .category_list { + width: 100%; + cursor: pointer; + position: absolute; + margin-top: 0.2rem; + left: 0; + background-color: #b1b1b1; + border: 1px solid #343579; + border-radius: 0.8rem; + z-index: 3; + height: 9rem; + overflow-x: hidden; +} +.operate_file_block .select_img_type .category_list.category_list::-webkit-scrollbar { + display: none; +} +.operate_file_block .select_img_type .category_list .category_item { + text-align: left; + font-size: 1.4rem; + padding: 1rem 1.5rem; + line-height: 1.6rem; + font-weight: 600; + color: #595959; +} +.operate_file_block .select_img_type .category_list .category_item.select_category_item { + background: linear-gradient(-137deg, #eeefdb, #e7dbed); +} +.operate_file_block .select_img_type .category_list .category_item:hover { + background: linear-gradient(-137deg, #eeefdb, #e7dbed); +} +.driver-overlay, +.driver-active * { + pointer-events: none; +} +.printboard_upload_modal.showEvents *, +.sketchboard_upload_modal .switch_type_list.showEvents * { + pointer-events: auto; } .ant-btn:hover, .ant-btn:focus, .ant-btn:active, .ant-btn::after { - color: #000; - border-color: #000 !important; - box-shadow: none !important; + color: #000; + border-color: #000 !important; + box-shadow: none !important; } .ant-switch-checked { - background-color: #000; - .ant-switch-handle{ - left: calc(100% - 1.8rem - .2rem); - top: .3rem; - } + background-color: #000; } -[ant-click-animating-without-extra-node='true']::after, .ant-click-animating-node{ - box-shadow: none !important; +.ant-switch-checked .ant-switch-handle { + left: calc(100% - 1.8rem - 0.2rem); + top: 0.3rem; } -.ant-switch{ - min-width: 5.4rem; - height: 2.2rem; - line-height: 2.2rem; - .ant-switch-handle{ - top: 50%; - transform: translateY(-50%); - width: 1.8rem; - height: 1.8rem; - } - .ant-switch-inner{ - margin: 0 1rem 0 3rem; - } +[ant-click-animating-without-extra-node='true']::after, +.ant-click-animating-node { + box-shadow: none !important; } -.ant-switch-checked .ant-switch-inner{ - margin: 0 3rem 0 1rem; +.ant-switch { + min-width: 5.4rem; + height: 2.2rem; + line-height: 2.2rem; } -.ant-message{ - z-index: 1049 !important; - top: 6rem; +.ant-switch .ant-switch-handle { + top: 50%; + transform: translateY(-50%); + width: 1.8rem; + height: 1.8rem; } -.ant-modal-confirm-btns{ - .ant-btn:hover{ - color: #39215b !important; - border-color: #39215b !important; - } - .ant-btn-primary{ - background: #39215b !important; - border-color: #39215b !important; - } - .ant-btn-primary:hover{ - color: #fff !important; - border-color: #543087 !important; - background: #543087 !important; - } +.ant-switch .ant-switch-inner { + margin: 0 1rem 0 3rem; } -//loding样式 -.ant-spin-dot-item{ - background-color: #543087; +.ant-switch-checked .ant-switch-inner { + margin: 0 3rem 0 1rem; } -.ant-spin{ - color: #000; +.ant-message { + z-index: 1049 !important; + top: 6rem; } -.pin_block{ - text-align: center; - margin-top:.5rem; - .ant-checkbox-wrapper{ - height: 2.2rem; - align-items: center; - >span{ - height: 100%; - } - >span{ - font-size: 1.4rem; - line-height: 2.3rem; - .ant-checkbox-input::after{ - height: auto; - } - &.ant-checkbox-checked::after{ - border: 1px solid rgba(0,0,0,0); - } - } - - } +.ant-modal-confirm-btns .ant-btn:hover { + color: #39215b !important; + border-color: #39215b !important; } -.ant-checkbox-inner{ - width: 1.6rem; - height: 1.6rem; +.ant-modal-confirm-btns .ant-btn-primary { + background: #39215b !important; + border-color: #39215b !important; } -.ant-checkbox-inner::after{ - width: .571428571rem; - height: .914285714rem; +.ant-modal-confirm-btns .ant-btn-primary:hover { + color: #fff !important; + border-color: #543087 !important; + background: #543087 !important; } -.ant-checkbox-wrapper{ - font-size: 1.4rem; - span{ - font-size: 1.4rem; - } +.ant-spin-dot-item { + background-color: #543087; } -.ant-checkbox-checked::after{ - border: 1px solid rgba(0,0,0,.65); +.ant-spin { + color: #000; } -.ant-select-multiple .ant-select-selection-search{ - height: 100%; +.pin_block { + text-align: center; + margin-top: 0.5rem; } -.ant-select-multiple .ant-select-selection-search-input{ - height: 100%; +.pin_block .ant-checkbox-wrapper { + height: 2.2rem; + align-items: center; } -.ant-checkbox-checked .ant-checkbox-inner{ - background-color: #767676; - border-color: #d9d9d9 !important; +.pin_block .ant-checkbox-wrapper > span { + height: 100%; } -.ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner{ - border-color: #d9d9d9 !important; +.pin_block .ant-checkbox-wrapper > span { + font-size: 1.4rem; + line-height: 2.3rem; } -.libraryPageCascader{ - border-radius: 1rem; - .cascader_btn_max{ - height: 4.5rem; - width: 100%; - border-bottom: 1px solid rgb(225 225 225); - display: flex; - align-items: center; - .cascader_btn1{ - margin: 0 1rem; - } - } - .ant-cascader-menu{ - margin-top: 4rem; - } +.pin_block .ant-checkbox-wrapper > span .ant-checkbox-input::after { + height: auto; +} +.pin_block .ant-checkbox-wrapper > span.ant-checkbox-checked::after { + border: 1px solid rgba(0, 0, 0, 0); +} +.ant-checkbox-inner { + width: 1.6rem; + height: 1.6rem; +} +.ant-checkbox-inner::after { + width: 0.57142857rem; + height: 0.91428571rem; +} +.ant-checkbox-wrapper { + font-size: 1.4rem; +} +.ant-checkbox-wrapper span { + font-size: 1.4rem; +} +.ant-checkbox-checked::after { + border: 1px solid rgba(0, 0, 0, 0.65); +} +.ant-select-multiple .ant-select-selection-search { + height: 100%; +} +.ant-select-multiple .ant-select-selection-search-input { + height: 100%; +} +.ant-checkbox-checked .ant-checkbox-inner { + background-color: #767676; + border-color: #d9d9d9 !important; +} +.ant-checkbox-wrapper:hover .ant-checkbox-inner, +.ant-checkbox:hover .ant-checkbox-inner, +.ant-checkbox-input:focus + .ant-checkbox-inner { + border-color: #d9d9d9 !important; +} +.libraryPageCascader { + border-radius: 1rem; +} +.libraryPageCascader .cascader_btn_max { + height: 4.5rem; + width: 100%; + border-bottom: 1px solid #e1e1e1; + display: flex; + align-items: center; +} +.libraryPageCascader .cascader_btn_max .cascader_btn1 { + margin: 0 1rem; +} +.libraryPageCascader .ant-cascader-menu { + margin-top: 4rem; } -//管理员页面的查询 .admin_page { - width: 100%; - height: 100%; - overflow: hidden; - // min-width: 1440px; - position: relative; - display: flex; - flex-direction: column; - .admin_table_search { - display: flex; - margin-top: 2rem; - padding: 2rem 3.5rem 5rem 2.8rem; - background: #fff; - display: flex; - justify-content: space-between; - .admin_search{ - width: 40%; - .admin_search_item{ - background: #343579; - border-color: #343579; - height: 4rem; - padding: .64rem 1.5rem; - font-size: 1.6rem; - border-radius: 2px; - display: inline-block; - color: #fff; - cursor: pointer; - } - } - .admin_state { - position: relative; - cursor: pointer; - width: 60%; - .admin_state_item{ - margin-right: 2rem; - margin-bottom: 2rem; - display: flex; - align-items: center; - >span{ - font-size: 1.6rem; - font-weight: 400; - color: #030303; - margin-right: 15px; - flex-shrink: 0; - display: block; - min-width: 13rem; - text-align: right; - } - } - .admin_current{ - background: #fff; - width: 100%; - display: flex; - align-items: center; - justify-content: space-between; - } - .header_user_content { - position: absolute; - border: 2px solid; - border-radius: 1rem; - overflow: hidden; - top: 0; - transform: translateY(6rem); - z-index: 2; - display: none; - margin-left: -2rem; - .username{ - padding: 0 2rem; - color: #000; - } - .username:hover{ - background: #e1e1e1; - } - &.active{ - display: block; - } - } - } - } - - .admin_table_content { - margin-top: 2.6rem; - width: 100%; - height: calc(100% - 13.7rem); - padding-bottom: 3rem; - background: #fff; - border-radius: 2rem; - overflow: hidden; - .ant-table { - background: transparent; - } - - .ant-table-body { - overflow-y: auto !important; - -ms-overflow-style: none; - overflow: -moz-scrollbars-none; - - &::-webkit-scrollbar { - width: 0 !important; - } - } - .ant-table-thead > tr > th { - background: #ffffff00; - border-bottom: none; - backdrop-filter: blur(1rem); - } - - .ant-table-tbody > tr > td { - border: none; - background: transparent; - // color: #fff; - } - .ant-table-tbody > tr { - &:hover > td { - background: #ffffff3a; - } - } - .ant-table-pagination-right { - padding-right: 3.5rem; - } - .operate_list { - display: flex; - align-items: center; - justify-content: space-between; - padding: 0 1rem; - - .operate_item { - font-size: 1.4rem; - font-family: Roboto; - font-weight: 400; - color: #343579; - cursor: pointer; - } - } - } + width: 100%; + height: 100%; + overflow: hidden; + position: relative; + display: flex; + flex-direction: column; } -.closeIcon{ - position: absolute; - top: calc(2rem*1.2); - right: calc(2rem*1.2); - cursor: pointer; - width: calc(4rem*1.2); - height: calc(4rem*1.2); - display: flex; - align-items: center; - justify-content: center; - - .fi-rr-cross-small::before{ - padding: calc(.2rem*1.2); - border-radius: 5px; - border: solid 2px rgba(0, 0, 0, 0.25); - transition: 1s all; - color: rgba(0, 0, 0, 0.55); - } - &.collection_closeIcon:hover .fi-rr-cross-small::before{ - border: solid 2px rgba(0, 0, 0, 0.55); - color: rgba(0, 0, 0, 1); - } +.admin_page .admin_table_search { + margin-top: 2rem; + padding: 2rem 3.5rem 5rem 2.8rem; + background: #fff; + display: flex; + justify-content: space-between; } -.modal_title_text{ - font-size: var(--aida-fsize2); - font-weight: 900; - color: rgba(0,0,0,.65); - align-items: center; - margin-bottom: calc(2rem*1.2); - .modal_title_text_intro{ - font-size: var(--aida-fsize1-4); - font-weight: 400; - color: rgba(0,0,0,.45); - } - .modal_title_text_assistant{ - font-size: var(--aida-fsize1-6); - font-weight: 400; - color: rgba(0,0,0,1); - } +.admin_page .admin_table_search .admin_search { + width: 40%; } -//collection 弹窗 -.collection_modal,.generalModel_modal,.payOrder_modal,.design_detail_modal_component,.designOpenrtion_modal,.library_page,.Export,.productImg_modal{ - - .ant-modal-body{ - overflow-y: hidden; - } - - .ant-upload.ant-upload-select-picture-card{ - background: #FFFFFF; - width: calc(6rem*1.2); - height: calc(6rem*1.2); - border: calc(0.3rem*1.2) solid #ededed; - border-radius: calc(1rem*1.2); - margin: 0; - .upload_tip_block{ - .icon-jiahao{ - font-size: calc(3.2rem*1.2); - color: #B7B7B7; - } - } - - .ant-upload-text{ - font-size: calc(1.6rem*1.2); - color: #B7B7B7; - } - } - .ant-upload-list-picture-card-container{ - display: none !important; - } - .ant-upload-picture-card-wrapper{ - width: auto; - vertical-align: top; - } +.admin_page .admin_table_search .admin_search .admin_search_item { + background: #343579; + border-color: #343579; + height: 4rem; + padding: 0.64rem 1.5rem; + font-size: 1.6rem; + border-radius: 2px; + display: inline-block; + color: #fff; + cursor: pointer; } -//desing 关闭按钮 -.designOpenrtion_modal,.designOpenrtionMobile_modal,.design_detail_modal_component,.designElements_modal,.designElementsMobile_modal{ - .design_closeIcon{ - top: 2rem; - right: 2rem; - cursor: pointer; - width: 4rem; - height: 4rem; - display: flex; - align-items: center; - justify-content: center; - position: absolute; - .fi-rr-cross-small::before{ - padding: .2rem; - border-radius: 5px; - border: solid 2px rgba(0, 0, 0, 0.25); - transition: 1s all; - color: rgba(0, 0, 0, 0.55); - } - &.collection_closeIcon:hover .fi-rr-cross-small::before{ - border: solid 2px rgba(0, 0, 0, 0.55); - color: rgba(0, 0, 0, 1); - } - } +.admin_page .admin_table_search .admin_state { + position: relative; + cursor: pointer; + width: 60%; } -.design_detail_modal_component,.designOpenrtion_modal,.designElements_modal,.UpgradePlan_modal,.refund_reason,.Export,.designOpenrtionMobile_modal,.designElementsMobile_modal{ - .ant-upload-list-picture-card-container{ - display: none !important; - } - .ant-upload-picture-card-wrapper{ - width: auto; - vertical-align: top; - } - .subitOkPreviewBtn{ - background-color: #38205b; - color: #fff; - cursor: pointer; - left: 50%; - position: absolute; - transform: translateX(-50%); - padding: .5rem 2rem; - border-radius: 2rem; - font-size: 1.2rem; - display: inline-block; - } +.admin_page .admin_table_search .admin_state .admin_state_item { + margin-right: 2rem; + margin-bottom: 2rem; + display: flex; + align-items: center; } - -.ant-upload{ - font-size: 1.4rem; +.admin_page .admin_table_search .admin_state .admin_state_item > span { + font-size: 1.6rem; + font-weight: 400; + color: #030303; + margin-right: 15px; + flex-shrink: 0; + display: block; + min-width: 13rem; + text-align: right; } -i{ - font-size: 1.4rem; +.admin_page .admin_table_search .admin_state .admin_current { + background: #fff; + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; } -.models_placement_component{ - .ant-modal-close-x{ - width: 100%; - height: 100%; - } +.admin_page .admin_table_search .admin_state .header_user_content { + position: absolute; + border: 2px solid; + border-radius: 1rem; + overflow: hidden; + top: 0; + transform: translateY(6rem); + z-index: 2; + display: none; + margin-left: -2rem; } -//设置选中样式 -.selectActive{ - opacity: .5; - transform: scale(.9); +.admin_page .admin_table_search .admin_state .header_user_content .username { + padding: 0 2rem; + color: #000; +} +.admin_page .admin_table_search .admin_state .header_user_content .username:hover { + background: #e1e1e1; +} +.admin_page .admin_table_search .admin_state .header_user_content.active { + display: block; +} +.admin_page .admin_table_content { + margin-top: 2.6rem; + width: 100%; + height: calc(100% - 13.7rem); + padding-bottom: 3rem; + background: #fff; + border-radius: 2rem; + overflow: hidden; +} +.admin_page .admin_table_content .ant-table { + background: transparent; +} +.admin_page .admin_table_content .ant-table-body { + overflow-y: auto !important; + -ms-overflow-style: none; + overflow: -moz-scrollbars-none; +} +.admin_page .admin_table_content .ant-table-body::-webkit-scrollbar { + width: 0 !important; +} +.admin_page .admin_table_content .ant-table-thead > tr > th { + background: #ffffff00; + border-bottom: none; + backdrop-filter: blur(1rem); +} +.admin_page .admin_table_content .ant-table-tbody > tr > td { + border: none; + background: transparent; +} +.admin_page .admin_table_content .operate_list { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 1rem; +} +.admin_page .admin_table_content .operate_list .operate_item { + font-size: 1.4rem; + font-family: Roboto; + font-weight: 400; + color: #343579; + cursor: pointer; +} +.admin_page .admin_table_content .ant-table-tbody > tr:hover > td { + background: #ffffff3a; +} +.admin_page .admin_table_content .ant-table-pagination-right { + padding-right: 3.5rem; +} +.admin_page .admin_table_content .operate_list { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 1rem; + justify-content: center; +} +.admin_page .admin_table_content .operate_list .operate_item { + font-size: 1.4rem; + font-family: Roboto; + font-weight: 400; + color: #343579; + cursor: pointer; +} +.closeIcon { + position: absolute; + top: calc(2rem*1.2); + right: calc(2rem*1.2); + cursor: pointer; + width: calc(4rem*1.2); + height: calc(4rem*1.2); + display: flex; + align-items: center; + justify-content: center; +} +.closeIcon .fi-rr-cross-small::before { + padding: calc(0.2rem*1.2); + border-radius: 5px; + border: solid 2px rgba(0, 0, 0, 0.25); + transition: 1s all; + color: rgba(0, 0, 0, 0.55); +} +.closeIcon.collection_closeIcon:hover .fi-rr-cross-small::before { + border: solid 2px rgba(0, 0, 0, 0.55); + color: #000000; +} +.homeMain_heade .ant-badge { + width: auto; + height: auto; +} +.homeMain_heade sup.ant-scroll-number { + height: 2rem; + min-height: 2rem; + width: 2rem; + min-width: 2rem; + padding: 0; +} +.homeMain_heade sup.ant-scroll-number .ant-scroll-number-only { + width: 100%; + height: 100%; + font-size: 1.2rem; + display: flex; + align-items: center; + justify-content: center; +} +.homeMain_heade p.ant-scroll-number-only-unit { + line-height: 2rem; + height: 100%; +} +.modal_title_text { + font-size: var(--aida-fsize2); + font-weight: 900; + color: rgba(0, 0, 0, 0.65); + align-items: center; + margin-bottom: calc(2rem*1.2); +} +.modal_title_text .modal_title_text_intro { + font-size: var(--aida-fsize1-4); + font-weight: 400; + color: rgba(0, 0, 0, 0.45); +} +.modal_title_text .modal_title_text_intro a { + color: #000; + font-weight: 900; +} +.modal_title_text .modal_title_text_intro a:hover { + text-decoration: underline; +} +.modal_title_text .modal_title_text_assistant { + font-size: var(--aida-fsize1-6); + font-weight: 400; + color: #000000; +} +.collection_modal .ant-modal-body, +.generalModel_modal .ant-modal-body, +.payOrder_modal .ant-modal-body, +.design_detail_modal_component .ant-modal-body, +.designOpenrtion_modal .ant-modal-body, +.library_page .ant-modal-body, +.Export .ant-modal-body, +.productImg_modal .ant-modal-body { + overflow-y: hidden; +} +.collection_modal .ant-upload.ant-upload-select-picture-card, +.generalModel_modal .ant-upload.ant-upload-select-picture-card, +.payOrder_modal .ant-upload.ant-upload-select-picture-card, +.design_detail_modal_component .ant-upload.ant-upload-select-picture-card, +.designOpenrtion_modal .ant-upload.ant-upload-select-picture-card, +.library_page .ant-upload.ant-upload-select-picture-card, +.Export .ant-upload.ant-upload-select-picture-card, +.productImg_modal .ant-upload.ant-upload-select-picture-card { + background: #FFFFFF; + width: calc(6rem*1.2); + height: calc(6rem*1.2); + border: calc(0.3rem*1.2) solid #ededed; + border-radius: calc(1rem*1.2); + margin: 0; +} +.collection_modal .ant-upload.ant-upload-select-picture-card .upload_tip_block .icon-jiahao, +.generalModel_modal .ant-upload.ant-upload-select-picture-card .upload_tip_block .icon-jiahao, +.payOrder_modal .ant-upload.ant-upload-select-picture-card .upload_tip_block .icon-jiahao, +.design_detail_modal_component .ant-upload.ant-upload-select-picture-card .upload_tip_block .icon-jiahao, +.designOpenrtion_modal .ant-upload.ant-upload-select-picture-card .upload_tip_block .icon-jiahao, +.library_page .ant-upload.ant-upload-select-picture-card .upload_tip_block .icon-jiahao, +.Export .ant-upload.ant-upload-select-picture-card .upload_tip_block .icon-jiahao, +.productImg_modal .ant-upload.ant-upload-select-picture-card .upload_tip_block .icon-jiahao { + font-size: calc(3.2rem*1.2); + color: #B7B7B7; +} +.collection_modal .ant-upload.ant-upload-select-picture-card .ant-upload-text, +.generalModel_modal .ant-upload.ant-upload-select-picture-card .ant-upload-text, +.payOrder_modal .ant-upload.ant-upload-select-picture-card .ant-upload-text, +.design_detail_modal_component .ant-upload.ant-upload-select-picture-card .ant-upload-text, +.designOpenrtion_modal .ant-upload.ant-upload-select-picture-card .ant-upload-text, +.library_page .ant-upload.ant-upload-select-picture-card .ant-upload-text, +.Export .ant-upload.ant-upload-select-picture-card .ant-upload-text, +.productImg_modal .ant-upload.ant-upload-select-picture-card .ant-upload-text { + font-size: calc(1.6rem*1.2); + color: #B7B7B7; +} +.collection_modal .ant-upload-list-picture-card-container, +.generalModel_modal .ant-upload-list-picture-card-container, +.payOrder_modal .ant-upload-list-picture-card-container, +.design_detail_modal_component .ant-upload-list-picture-card-container, +.designOpenrtion_modal .ant-upload-list-picture-card-container, +.library_page .ant-upload-list-picture-card-container, +.Export .ant-upload-list-picture-card-container, +.productImg_modal .ant-upload-list-picture-card-container { + display: none !important; +} +.collection_modal .ant-upload-picture-card-wrapper, +.generalModel_modal .ant-upload-picture-card-wrapper, +.payOrder_modal .ant-upload-picture-card-wrapper, +.design_detail_modal_component .ant-upload-picture-card-wrapper, +.designOpenrtion_modal .ant-upload-picture-card-wrapper, +.library_page .ant-upload-picture-card-wrapper, +.Export .ant-upload-picture-card-wrapper, +.productImg_modal .ant-upload-picture-card-wrapper { + width: auto; + vertical-align: top; +} +.designOpenrtion_modal .design_closeIcon, +.designOpenrtionMobile_modal .design_closeIcon, +.design_detail_modal_component .design_closeIcon, +.designElements_modal .design_closeIcon, +.designElementsMobile_modal .design_closeIcon { + top: 2rem; + right: 2rem; + cursor: pointer; + width: 4rem; + height: 4rem; + display: flex; + align-items: center; + justify-content: center; + position: absolute; +} +.designOpenrtion_modal .design_closeIcon .fi-rr-cross-small::before, +.designOpenrtionMobile_modal .design_closeIcon .fi-rr-cross-small::before, +.design_detail_modal_component .design_closeIcon .fi-rr-cross-small::before, +.designElements_modal .design_closeIcon .fi-rr-cross-small::before, +.designElementsMobile_modal .design_closeIcon .fi-rr-cross-small::before { + padding: 0.2rem; + border-radius: 5px; + border: solid 2px rgba(0, 0, 0, 0.25); + transition: 1s all; + color: rgba(0, 0, 0, 0.55); +} +.designOpenrtion_modal .design_closeIcon.collection_closeIcon:hover .fi-rr-cross-small::before, +.designOpenrtionMobile_modal .design_closeIcon.collection_closeIcon:hover .fi-rr-cross-small::before, +.design_detail_modal_component .design_closeIcon.collection_closeIcon:hover .fi-rr-cross-small::before, +.designElements_modal .design_closeIcon.collection_closeIcon:hover .fi-rr-cross-small::before, +.designElementsMobile_modal .design_closeIcon.collection_closeIcon:hover .fi-rr-cross-small::before { + border: solid 2px rgba(0, 0, 0, 0.55); + color: #000000; +} +.design_detail_modal_component .ant-upload-list-picture-card-container, +.designOpenrtion_modal .ant-upload-list-picture-card-container, +.designElements_modal .ant-upload-list-picture-card-container, +.UpgradePlan_modal .ant-upload-list-picture-card-container, +.refund_reason .ant-upload-list-picture-card-container, +.Export .ant-upload-list-picture-card-container, +.designOpenrtionMobile_modal .ant-upload-list-picture-card-container, +.designElementsMobile_modal .ant-upload-list-picture-card-container { + display: none !important; +} +.design_detail_modal_component .ant-upload-picture-card-wrapper, +.designOpenrtion_modal .ant-upload-picture-card-wrapper, +.designElements_modal .ant-upload-picture-card-wrapper, +.UpgradePlan_modal .ant-upload-picture-card-wrapper, +.refund_reason .ant-upload-picture-card-wrapper, +.Export .ant-upload-picture-card-wrapper, +.designOpenrtionMobile_modal .ant-upload-picture-card-wrapper, +.designElementsMobile_modal .ant-upload-picture-card-wrapper { + width: auto; + vertical-align: top; +} +.design_detail_modal_component .subitOkPreviewBtn, +.designOpenrtion_modal .subitOkPreviewBtn, +.designElements_modal .subitOkPreviewBtn, +.UpgradePlan_modal .subitOkPreviewBtn, +.refund_reason .subitOkPreviewBtn, +.Export .subitOkPreviewBtn, +.designOpenrtionMobile_modal .subitOkPreviewBtn, +.designElementsMobile_modal .subitOkPreviewBtn { + background-color: #38205b; + color: #fff; + cursor: pointer; + left: 50%; + position: absolute; + transform: translateX(-50%); + padding: 0.5rem 2rem; + border-radius: 2rem; + font-size: 1.2rem; + display: inline-block; +} +.ant-upload { + font-size: 1.4rem; +} +i { + font-size: 1.4rem; +} +.models_placement_component .ant-modal-close-x { + width: 100%; + height: 100%; +} +.selectActive { + opacity: 0.5; + transform: scale(0.9); } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } -textarea:focus{ - outline: none; /* 清除默认焦点样式 */ +textarea:focus { + outline: none; + /* 清除默认焦点样式 */ } -//设计input和上传按钮样式 -.collection_modal_body,.design_detail_modal_component,.library_page,.productImg_modal{ - .input_border{ - z-index: 2; - display: flex; - align-items: center; - position: sticky; - padding-bottom: calc(2rem*1.2); - background: #fff; - top: 0; - flex-wrap: wrap; - --width:70%; - .input_box{ - position: relative; - z-index: 2; - flex: 1; - display: flex; - align-items: center; - flex-wrap: wrap; - .inputShowText{ - width: 100%; - display: none; - } - &.active{ - .input_box_btnBox,textarea{ - // color: rgb(255, 0, .7); - border: 1px solid rgb(255, 0, .7); - box-shadow: 0px 0px 3px 1px rgba(255, 0, 0, 0.2); - } - span{ - opacity: 1; - display: block; - color: rgba(255, 0, .7); - } - } - } - .search_keyword{ - height: 0; - flex-basis: 100%; - .search_keyword_center{ - justify-content: space-between; - display: flex; - width: var(--width); - background-color: #fff; - padding: 1rem 2rem; - border-radius: 0 0 .4rem .4rem; - border-top: solid 0 #f1f1f1; - border-right: solid 1px#f1f1f1; - border-left: solid 1px#f1f1f1; - border-bottom: solid 1px#f1f1f1; - max-height: 30rem; - overflow-y: scroll; - .search_keyword_center_left{ - display: flex; - overflow: hidden; - // width: 90%; - flex: 1; - flex-wrap: wrap; - } - .search_keyword_center_item{ - border-radius: .4rem; - border: solid 1px #39215b; - background-color: #8156bd; - margin-right: 1rem; - margin-bottom: 1rem; - padding: .5rem 1rem; - color: #fff; - font-weight: 600; - font-size: 1.2rem; - cursor: pointer; - } - .search_keyword_center_item:last-child{ - margin-right: 0; - } - } - } - .input_box_btnBox{ - border: calc(0.1rem*1.2) solid #F1F1F1; - width: var(--width); - display: flex; - float: left; - .ant-spin-text{ - font-size: 1.2rem; - } - .search_seed{ - padding: 0; - width: 4rem; - text-align: center; - font-size: 1.2rem; - border-right: calc(0.1rem* 1.2) solid #F1F1F1; - } - } - .upload_item{ - .upload_file_item{ - width: 8rem; - height: 8rem; - } - } - input{ - width: 100%; - border-radius: calc(.5rem*1.2); - border: 1px solid rgba(0,0,0,.15); - padding-left: calc(1.5rem*1.2); - border: calc(0.1rem*1.2) solid #ffffff00; - // border: calc(0.1rem*1.2) solid #F1F1F1; - font-size: calc(1.6rem*1.2); - font-weight: 400; - &input:-moz-placeholder{ - color: rgba(0,0,0,.15); - } - - &input:-ms-input-placeholder { - color: rgba(0,0,0,.15); - } - - &input::-webkit-input-placeholder { - color: rgba(0,0,0,.15); - } - &.forbidden{ - cursor: no-drop; - } - } - .input_box_btnBox_upImg{ - height: 100%; - } - .fi{ - margin-right:1rem; - display: flex; - cursor: pointer; - transition: all .3s; - position: relative; - z-index: 4; - width: 4rem; - align-items: center; - background-color: #fff; - justify-content: center; - &.fi-br-loading{ - height: 100%; - background-color: rgba(0, 0, 0, 0); - } - &.active{ - transform: rotate(180deg); - } - &.forbidden{ - cursor: no-drop; - } - } - .search_upImg{ - width: 4rem; - height: 100%; - position: absolute; - opacity: 0; - font-size: 1.2rem; - span{ - position: absolute; - width: 100%; - } - .ant-upload-select-picture-card{ - width: 100%; - height: 100%; - display: block !important; - } - } - .search_textarea{ - z-index:3; - height: auto; - position: absolute; - left: 0; - font-size: calc(1.6rem*1.2); - // width: 30rem; - width: var(--width); - border-radius: 4px; - height: 20rem; - top: 0rem; - border: 1px solid #dcdfe6; - } - - // span{ - // // bottom: -2rem; - // left: 0; - // // zoom: .8; - // top: 0; - // font-size: 1.2rem; - // color: red; - // width: 100%; - // } - .generage_btn{ - // margin: 0 auto; - margin-left: 2rem; - } - } - - .upload_item{ - display: flex; - flex-wrap: wrap; - .upload_file_item { - margin: 0 calc(2rem*1.2) calc(2rem*1.2) 0; - display: inline-block; - // width: calc(16.5rem*1.2); - // height: calc(16.5rem*1.2); - width: calc(10rem*1.2); - height: calc(10rem*1.2); - border: 1px solid #f5f5f5; - vertical-align: top; - position: relative; - cursor: pointer; - - &.active { - opacity: 0.5; - // border: 2px solid; - border-radius: calc(1rem*1.2); - transform: scale(0.9); - .delete_file_block{ - pointer-events:none; - } - .operate_file_block{ - pointer-events:none; - } - img { - } - } - &.upload_component { - border: none; - display: flex; - align-items: center; - justify-content: center; - } - :deep(.ant-upload-picture-card-wrapper) { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - } - :deep(.ant-upload-select-picture-card) { - width: calc(6rem*1.2); - height: calc(6rem*1.2); - border: calc(0.3rem*1.2) solid #ededed; - border-radius: calc(1rem*1.2); - margin: 0; - } - .upload_file_item_content { - display: flex; - align-items: center; - justify-content: center; - height: 100%; - width: 100%; - position: relative; - &:hover div { - opacity: 1; - } - &:hover .delete_file_block { - display: block; - } - - .upload_img { - display: block; - height: 100%; - width: auto; - max-width: 100%; - object-fit: cover; - } - .delete_file_block { - display: none; - width: 100%; - cursor: pointer; - height: calc(3rem*1.2); - background: rgba(0, 0, 0, 0.2); - font-size: calc(1.6rem*1.2); - color: #ffffff; - line-height: calc(3rem*1.2); - text-align: center; - position: absolute; - left: 0; - bottom: 0; - &.rightTop { - width: calc(3.2rem*1.2); - height: calc(3.2rem*1.2); - background: rgba(0, 0, 0, 0.6); - border-radius: calc(0.4rem*1.2); - position: absolute; - top: calc(0.9rem*1.2); - right: calc(0.9rem*1.2); - text-align: center; - line-height: calc(3.2rem*1.2); - left: auto; - .icon-shanchu { - font-size: calc(1.6rem*1.2); - color: #fff; - } - } - } - } - - .upload_img_icon { - width: calc(4.6rem*1.2); - } - } - .upload_file_item:last-child{ - margin: 0; - } - } +.collection_modal_body .input_border, +.design_detail_modal_component .input_border, +.library_page .input_border, +.productImg_modal .input_border { + z-index: 2; + display: flex; + align-items: center; + position: sticky; + padding-bottom: calc(2rem*1.2); + background: #fff; + top: 0; + flex-wrap: wrap; + --width: 70%; } -.generalModel_modal{//公共弹窗 - // max-width: 1200px ; - // max-width: 1150px ; - .ant-modal-content { - border-radius: calc(1rem * 1.2); - overflow: hidden; - .ant-modal-header { - background-color: #fff; - border-bottom: none; - } - .ant-modal-body { - // height: calc(65vh - 6.4rem); - height: calc(65rem * 1.2); - } - //进度完成字体颜色 - - .ant-progress-circle.ant-progress-status-success .ant-progress-text { - color: #000; - } - .ant-progress-circle .ant-progress-text { - color: rgba(0, 0, 0, 0.55); - font-size: calc(1.6rem * 1.2); - } - } +.collection_modal_body .input_border .input_box, +.design_detail_modal_component .input_border .input_box, +.library_page .input_border .input_box, +.productImg_modal .input_border .input_box { + position: relative; + z-index: 2; + flex: 1; + display: flex; + align-items: center; + flex-wrap: wrap; } -.hideChecked{ - user-select: none; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; +.collection_modal_body .input_border .input_box .inputShowText, +.design_detail_modal_component .input_border .input_box .inputShowText, +.library_page .input_border .input_box .inputShowText, +.productImg_modal .input_border .input_box .inputShowText { + width: 100%; + display: none; } -//剪裁弹窗 -.cut_pricture_modal{ - .ant-modal-content{ - border-radius: 1rem; - } - .ant-modal-body{ - height: calc(65rem*1.2); - padding: 8rem 5rem !important; - overflow-y: hidden; - } +.collection_modal_body .input_border .input_box.active .input_box_btnBox, +.design_detail_modal_component .input_border .input_box.active .input_box_btnBox, +.library_page .input_border .input_box.active .input_box_btnBox, +.productImg_modal .input_border .input_box.active .input_box_btnBox, +.collection_modal_body .input_border .input_box.active textarea, +.design_detail_modal_component .input_border .input_box.active textarea, +.library_page .input_border .input_box.active textarea, +.productImg_modal .input_border .input_box.active textarea { + border: 1px solid #ff0001; + box-shadow: 0px 0px 3px 1px rgba(255, 0, 0, 0.2); } -.generalScroll{ - &.generalScroll::-webkit-scrollbar { - width: calc(1rem*1.2); - height: calc(1rem*1.2); - transition: all .3s; - } - /* 进度 */ - &.generalScroll::-webkit-scrollbar-thumb { - border-radius: calc(1rem*1.2); - background: rgba(238, 238, 244, 0); - } - /* 轨道 */ - &.generalScroll::-webkit-scrollbar-track { - border-radius: calc(1rem*1.2); - background: rgba(238, 238, 244, 0); - } - &.generalScroll:hover { - // overflow-x: scroll; - &.generalScroll::-webkit-scrollbar-thumb { - background: #543087; - } - /* 轨道 */ - &.generalScroll::-webkit-scrollbar-track { - background: rgba(84, 48, 135,.2); - } - } +.collection_modal_body .input_border .input_box.active span, +.design_detail_modal_component .input_border .input_box.active span, +.library_page .input_border .input_box.active span, +.productImg_modal .input_border .input_box.active span { + opacity: 1; + display: block; + color: rgba(255, 0, 0.7); } -.scroll_style{ - &::-webkit-scrollbar-button:single-button { - // background-color: #ffffff; - display: block; - border-style: solid; - height: 1.3rem; - width: 1.4rem; - } - &::-webkit-scrollbar-button:single-button:vertical:decrement { - border-width: 0 0.8rem 0.8rem 0.8rem; - border-color: transparent transparent #555555 transparent; - } - - &::-webkit-scrollbar-button:single-button:vertical:decrement:hover { - border-color: transparent transparent #777777 transparent; - } - &::-webkit-scrollbar-button:single-button:vertical:increment { - border-width: 0.8rem 0.8rem 0 0.8rem; - border-color: #555555 transparent transparent transparent; - } - - &::-webkit-scrollbar-button:vertical:single-button:increment:hover { - border-color: #777777 transparent transparent transparent; - } - &::-webkit-scrollbar { - /*滚动条整体样式*/ - width: 1.4rem; /*高宽分别对应横竖滚动条的尺寸*/ - } - &::-webkit-scrollbar-thumb { - /*滚动条里面小方块*/ - background: #c2c2c2; - opacity: 0.8; - border-radius: 0.7rem; - } - &::-webkit-scrollbar-track { - // background: #ffffff; - } +.collection_modal_body .input_border .search_keyword, +.design_detail_modal_component .input_border .search_keyword, +.library_page .input_border .search_keyword, +.productImg_modal .input_border .search_keyword { + height: 0; + flex-basis: 100%; } - -//蒙层样式 -.mark_loading{ - position: fixed; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.4); - left: 0; - top: 0; - z-index: 99999; - display: flex; - align-items: center; - justify-content: center; - color: #fff; - flex-direction: column; - &.bgFFF{ - background: rgba(255,255,255, 1); - color: #000; - } - .mark_loading_text{ - text-align: center; - font-size: 1.2rem; - position: absolute; - bottom: 2%; - right: 2%; - div{ - margin-top: 10px; - span{ - // font-size: 1.8rem; - margin: 0 5px; - color: red; - - } - } - - } - .mark_loading_title{ - font-size: 3rem; - // text-decoration: underline; - font-weight: 600; - margin-bottom: 2rem; - // color: #fff; - } - .mark_loading_intro{ - color: rgba(0, 0, 0, 0.6); - font-size: 1.4rem; - margin-bottom: 2rem; - text-align: center; - width: 80%; - } - .mark_loading_title_box{ - display: flex; - } - - .mark_loading_btn,.mark_loading_btn2{ - // border: #000; - // color: #fff; - display: flex; - margin-top: 10px; - text-align: center; - border: 2px solid; - padding: 0 20px; - border-radius: 10px; - cursor: pointer; - padding: .3rem 4rem; - background: #39215b; - color: #fff; - border: none; - margin: 0 2rem; - align-items: center; - } - .mark_loading_btn2{ - border: 2px solid #000; - color: #000; - background: rgba(0,0,0,0); - } +.collection_modal_body .input_border .search_keyword .search_keyword_center, +.design_detail_modal_component .input_border .search_keyword .search_keyword_center, +.library_page .input_border .search_keyword .search_keyword_center, +.productImg_modal .input_border .search_keyword .search_keyword_center { + justify-content: space-between; + display: flex; + width: var(--width); + background-color: #fff; + padding: 1rem 2rem; + border-radius: 0 0 0.4rem 0.4rem; + border-top: solid 0 #f1f1f1; + border-right: solid 1px #f1f1f1; + border-left: solid 1px #f1f1f1; + border-bottom: solid 1px #f1f1f1; + max-height: 30rem; + overflow-y: scroll; +} +.collection_modal_body .input_border .search_keyword .search_keyword_center .search_keyword_center_left, +.design_detail_modal_component .input_border .search_keyword .search_keyword_center .search_keyword_center_left, +.library_page .input_border .search_keyword .search_keyword_center .search_keyword_center_left, +.productImg_modal .input_border .search_keyword .search_keyword_center .search_keyword_center_left { + display: flex; + overflow: hidden; + flex: 1; + flex-wrap: wrap; +} +.collection_modal_body .input_border .search_keyword .search_keyword_center .search_keyword_center_item, +.design_detail_modal_component .input_border .search_keyword .search_keyword_center .search_keyword_center_item, +.library_page .input_border .search_keyword .search_keyword_center .search_keyword_center_item, +.productImg_modal .input_border .search_keyword .search_keyword_center .search_keyword_center_item { + border-radius: 0.4rem; + border: solid 1px #39215b; + background-color: #8156bd; + margin-right: 1rem; + margin-bottom: 1rem; + padding: 0.5rem 1rem; + color: #fff; + font-weight: 600; + font-size: 1.2rem; + cursor: pointer; +} +.collection_modal_body .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child, +.design_detail_modal_component .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child, +.library_page .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child, +.productImg_modal .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child { + margin-right: 0; +} +.collection_modal_body .input_border .input_box_btnBox, +.design_detail_modal_component .input_border .input_box_btnBox, +.library_page .input_border .input_box_btnBox, +.productImg_modal .input_border .input_box_btnBox { + border: calc(0.1rem*1.2) solid #F1F1F1; + width: var(--width); + display: flex; + float: left; +} +.collection_modal_body .input_border .input_box_btnBox .ant-spin-text, +.design_detail_modal_component .input_border .input_box_btnBox .ant-spin-text, +.library_page .input_border .input_box_btnBox .ant-spin-text, +.productImg_modal .input_border .input_box_btnBox .ant-spin-text { + font-size: 1.2rem; +} +.collection_modal_body .input_border .input_box_btnBox .search_seed, +.design_detail_modal_component .input_border .input_box_btnBox .search_seed, +.library_page .input_border .input_box_btnBox .search_seed, +.productImg_modal .input_border .input_box_btnBox .search_seed { + padding: 0; + width: 4rem; + text-align: center; + font-size: 1.2rem; + border-right: calc(0.1rem*1.2) solid #F1F1F1; +} +.collection_modal_body .input_border .upload_item .upload_file_item, +.design_detail_modal_component .input_border .upload_item .upload_file_item, +.library_page .input_border .upload_item .upload_file_item, +.productImg_modal .input_border .upload_item .upload_file_item { + width: 8rem; + height: 8rem; +} +.collection_modal_body .input_border input, +.design_detail_modal_component .input_border input, +.library_page .input_border input, +.productImg_modal .input_border input { + width: 100%; + border-radius: calc(0.5rem*1.2); + border: 1px solid rgba(0, 0, 0, 0.15); + padding-left: calc(1.5rem*1.2); + border: calc(0.1rem*1.2) solid #ffffff00; + font-size: calc(1.6rem*1.2); + font-weight: 400; +} +.collection_modal_body .input_border inputinput:-moz-placeholder, +.design_detail_modal_component .input_border inputinput:-moz-placeholder, +.library_page .input_border inputinput:-moz-placeholder, +.productImg_modal .input_border inputinput:-moz-placeholder { + color: rgba(0, 0, 0, 0.15); +} +.collection_modal_body .input_border inputinput:-ms-input-placeholder, +.design_detail_modal_component .input_border inputinput:-ms-input-placeholder, +.library_page .input_border inputinput:-ms-input-placeholder, +.productImg_modal .input_border inputinput:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.15); +} +.collection_modal_body .input_border inputinput::-webkit-input-placeholder, +.design_detail_modal_component .input_border inputinput::-webkit-input-placeholder, +.library_page .input_border inputinput::-webkit-input-placeholder, +.productImg_modal .input_border inputinput::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.15); +} +.collection_modal_body .input_border input.forbidden, +.design_detail_modal_component .input_border input.forbidden, +.library_page .input_border input.forbidden, +.productImg_modal .input_border input.forbidden { + cursor: no-drop; +} +.collection_modal_body .input_border .input_box_btnBox_upImg, +.design_detail_modal_component .input_border .input_box_btnBox_upImg, +.library_page .input_border .input_box_btnBox_upImg, +.productImg_modal .input_border .input_box_btnBox_upImg { + height: 100%; +} +.collection_modal_body .input_border .fi, +.design_detail_modal_component .input_border .fi, +.library_page .input_border .fi, +.productImg_modal .input_border .fi { + margin-right: 1rem; + display: flex; + cursor: pointer; + transition: all 0.3s; + position: relative; + z-index: 4; + width: 4rem; + align-items: center; + background-color: #fff; + justify-content: center; +} +.collection_modal_body .input_border .fi.fi-br-loading, +.design_detail_modal_component .input_border .fi.fi-br-loading, +.library_page .input_border .fi.fi-br-loading, +.productImg_modal .input_border .fi.fi-br-loading { + height: 100%; + background-color: rgba(0, 0, 0, 0); +} +.collection_modal_body .input_border .fi.active, +.design_detail_modal_component .input_border .fi.active, +.library_page .input_border .fi.active, +.productImg_modal .input_border .fi.active { + transform: rotate(180deg); +} +.collection_modal_body .input_border .fi.forbidden, +.design_detail_modal_component .input_border .fi.forbidden, +.library_page .input_border .fi.forbidden, +.productImg_modal .input_border .fi.forbidden { + cursor: no-drop; +} +.collection_modal_body .input_border .search_upImg, +.design_detail_modal_component .input_border .search_upImg, +.library_page .input_border .search_upImg, +.productImg_modal .input_border .search_upImg { + width: 4rem; + height: 100%; + position: absolute; + opacity: 0; + font-size: 1.2rem; +} +.collection_modal_body .input_border .search_upImg span, +.design_detail_modal_component .input_border .search_upImg span, +.library_page .input_border .search_upImg span, +.productImg_modal .input_border .search_upImg span { + position: absolute; + width: 100%; +} +.collection_modal_body .input_border .search_upImg .ant-upload-select-picture-card, +.design_detail_modal_component .input_border .search_upImg .ant-upload-select-picture-card, +.library_page .input_border .search_upImg .ant-upload-select-picture-card, +.productImg_modal .input_border .search_upImg .ant-upload-select-picture-card { + width: 100%; + height: 100%; + display: block !important; +} +.collection_modal_body .input_border .search_textarea, +.design_detail_modal_component .input_border .search_textarea, +.library_page .input_border .search_textarea, +.productImg_modal .input_border .search_textarea { + z-index: 3; + height: auto; + position: absolute; + left: 0; + font-size: calc(1.6rem*1.2); + width: var(--width); + border-radius: 4px; + height: 20rem; + top: 0rem; + border: 1px solid #dcdfe6; +} +.collection_modal_body .input_border .generage_btn, +.design_detail_modal_component .input_border .generage_btn, +.library_page .input_border .generage_btn, +.productImg_modal .input_border .generage_btn { + margin-left: 2rem; +} +.collection_modal_body .upload_item, +.design_detail_modal_component .upload_item, +.library_page .upload_item, +.productImg_modal .upload_item { + display: flex; + flex-wrap: wrap; +} +.collection_modal_body .upload_item .upload_file_item, +.design_detail_modal_component .upload_item .upload_file_item, +.library_page .upload_item .upload_file_item, +.productImg_modal .upload_item .upload_file_item { + margin: 0 calc(2rem*1.2) calc(2rem*1.2) 0; + display: inline-block; + width: calc(10rem*1.2); + height: calc(10rem*1.2); + border: 1px solid #f5f5f5; + vertical-align: top; + position: relative; + cursor: pointer; +} +.collection_modal_body .upload_item .upload_file_item.active, +.design_detail_modal_component .upload_item .upload_file_item.active, +.library_page .upload_item .upload_file_item.active, +.productImg_modal .upload_item .upload_file_item.active { + opacity: 0.5; + border-radius: calc(1rem*1.2); + transform: scale(0.9); +} +.collection_modal_body .upload_item .upload_file_item.active .delete_file_block, +.design_detail_modal_component .upload_item .upload_file_item.active .delete_file_block, +.library_page .upload_item .upload_file_item.active .delete_file_block, +.productImg_modal .upload_item .upload_file_item.active .delete_file_block { + pointer-events: none; +} +.collection_modal_body .upload_item .upload_file_item.active .operate_file_block, +.design_detail_modal_component .upload_item .upload_file_item.active .operate_file_block, +.library_page .upload_item .upload_file_item.active .operate_file_block, +.productImg_modal .upload_item .upload_file_item.active .operate_file_block { + pointer-events: none; +} +.collection_modal_body .upload_item .upload_file_item.upload_component, +.design_detail_modal_component .upload_item .upload_file_item.upload_component, +.library_page .upload_item .upload_file_item.upload_component, +.productImg_modal .upload_item .upload_file_item.upload_component { + border: none; + display: flex; + align-items: center; + justify-content: center; +} +.collection_modal_body .upload_item .upload_file_item :deep(.ant-upload-picture-card-wrapper), +.design_detail_modal_component .upload_item .upload_file_item :deep(.ant-upload-picture-card-wrapper), +.library_page .upload_item .upload_file_item :deep(.ant-upload-picture-card-wrapper), +.productImg_modal .upload_item .upload_file_item :deep(.ant-upload-picture-card-wrapper) { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} +.collection_modal_body .upload_item .upload_file_item :deep(.ant-upload-select-picture-card), +.design_detail_modal_component .upload_item .upload_file_item :deep(.ant-upload-select-picture-card), +.library_page .upload_item .upload_file_item :deep(.ant-upload-select-picture-card), +.productImg_modal .upload_item .upload_file_item :deep(.ant-upload-select-picture-card) { + width: calc(6rem*1.2); + height: calc(6rem*1.2); + border: calc(0.3rem*1.2) solid #ededed; + border-radius: calc(1rem*1.2); + margin: 0; +} +.collection_modal_body .upload_item .upload_file_item .upload_file_item_content, +.design_detail_modal_component .upload_item .upload_file_item .upload_file_item_content, +.library_page .upload_item .upload_file_item .upload_file_item_content, +.productImg_modal .upload_item .upload_file_item .upload_file_item_content { + display: flex; + align-items: center; + justify-content: center; + height: 100%; + width: 100%; + position: relative; +} +.collection_modal_body .upload_item .upload_file_item .upload_file_item_content:hover div, +.design_detail_modal_component .upload_item .upload_file_item .upload_file_item_content:hover div, +.library_page .upload_item .upload_file_item .upload_file_item_content:hover div, +.productImg_modal .upload_item .upload_file_item .upload_file_item_content:hover div { + opacity: 1; +} +.collection_modal_body .upload_item .upload_file_item .upload_file_item_content:hover .delete_file_block, +.design_detail_modal_component .upload_item .upload_file_item .upload_file_item_content:hover .delete_file_block, +.library_page .upload_item .upload_file_item .upload_file_item_content:hover .delete_file_block, +.productImg_modal .upload_item .upload_file_item .upload_file_item_content:hover .delete_file_block { + display: block; +} +.collection_modal_body .upload_item .upload_file_item .upload_file_item_content .upload_img, +.design_detail_modal_component .upload_item .upload_file_item .upload_file_item_content .upload_img, +.library_page .upload_item .upload_file_item .upload_file_item_content .upload_img, +.productImg_modal .upload_item .upload_file_item .upload_file_item_content .upload_img { + display: block; + height: 100%; + width: auto; + max-width: 100%; + object-fit: cover; +} +.collection_modal_body .upload_item .upload_file_item .upload_file_item_content .delete_file_block, +.design_detail_modal_component .upload_item .upload_file_item .upload_file_item_content .delete_file_block, +.library_page .upload_item .upload_file_item .upload_file_item_content .delete_file_block, +.productImg_modal .upload_item .upload_file_item .upload_file_item_content .delete_file_block { + display: none; + width: 100%; + cursor: pointer; + height: calc(3rem*1.2); + background: rgba(0, 0, 0, 0.2); + font-size: calc(1.6rem*1.2); + color: #ffffff; + line-height: calc(3rem*1.2); + text-align: center; + position: absolute; + left: 0; + bottom: 0; +} +.collection_modal_body .upload_item .upload_file_item .upload_file_item_content .delete_file_block.rightTop, +.design_detail_modal_component .upload_item .upload_file_item .upload_file_item_content .delete_file_block.rightTop, +.library_page .upload_item .upload_file_item .upload_file_item_content .delete_file_block.rightTop, +.productImg_modal .upload_item .upload_file_item .upload_file_item_content .delete_file_block.rightTop { + width: calc(3.2rem*1.2); + height: calc(3.2rem*1.2); + background: rgba(0, 0, 0, 0.6); + border-radius: calc(0.4rem*1.2); + position: absolute; + top: calc(0.9rem*1.2); + right: calc(0.9rem*1.2); + text-align: center; + line-height: calc(3.2rem*1.2); + left: auto; +} +.collection_modal_body .upload_item .upload_file_item .upload_file_item_content .delete_file_block.rightTop .icon-shanchu, +.design_detail_modal_component .upload_item .upload_file_item .upload_file_item_content .delete_file_block.rightTop .icon-shanchu, +.library_page .upload_item .upload_file_item .upload_file_item_content .delete_file_block.rightTop .icon-shanchu, +.productImg_modal .upload_item .upload_file_item .upload_file_item_content .delete_file_block.rightTop .icon-shanchu { + font-size: calc(1.6rem*1.2); + color: #fff; +} +.collection_modal_body .upload_item .upload_file_item .upload_img_icon, +.design_detail_modal_component .upload_item .upload_file_item .upload_img_icon, +.library_page .upload_item .upload_file_item .upload_img_icon, +.productImg_modal .upload_item .upload_file_item .upload_img_icon { + width: calc(4.6rem*1.2); +} +.collection_modal_body .upload_item .upload_file_item:last-child, +.design_detail_modal_component .upload_item .upload_file_item:last-child, +.library_page .upload_item .upload_file_item:last-child, +.productImg_modal .upload_item .upload_file_item:last-child { + margin: 0; +} +.generalModel_modal .ant-modal-content { + border-radius: calc(1rem * 1.2); + overflow: hidden; +} +.generalModel_modal .ant-modal-content .ant-modal-header { + background-color: #fff; + border-bottom: none; +} +.generalModel_modal .ant-modal-content .ant-modal-body { + height: calc(65rem * 1.2); +} +.generalModel_modal .ant-modal-content .ant-progress-circle.ant-progress-status-success .ant-progress-text { + color: #000; +} +.generalModel_modal .ant-modal-content .ant-progress-circle .ant-progress-text { + color: rgba(0, 0, 0, 0.55); + font-size: calc(1.6rem * 1.2); +} +.hideChecked { + user-select: none; + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; +} +.cut_pricture_modal .ant-modal-content { + border-radius: 1rem; +} +.cut_pricture_modal .ant-modal-body { + height: calc(65rem*1.2); + padding: 8rem 5rem !important; + overflow-y: hidden; +} +.generalScroll { + /* 进度 */ + /* 轨道 */ +} +.generalScroll.generalScroll::-webkit-scrollbar { + width: calc(1rem*1.2); + height: calc(1rem*1.2); + transition: all 0.3s; +} +.generalScroll.generalScroll::-webkit-scrollbar-thumb { + border-radius: calc(1rem*1.2); + background: rgba(238, 238, 244, 0); +} +.generalScroll.generalScroll::-webkit-scrollbar-track { + border-radius: calc(1rem*1.2); + background: rgba(238, 238, 244, 0); +} +.generalScroll.generalScroll:hover { + /* 轨道 */ +} +.generalScroll.generalScroll:hover.generalScroll::-webkit-scrollbar-thumb { + background: #543087; +} +.generalScroll.generalScroll:hover.generalScroll::-webkit-scrollbar-track { + background: rgba(84, 48, 135, 0.2); +} +.scroll_style::-webkit-scrollbar-button:single-button { + display: block; + border-style: solid; + height: 1.3rem; + width: 1.4rem; +} +.scroll_style::-webkit-scrollbar-button:single-button:vertical:decrement { + border-width: 0 0.8rem 0.8rem 0.8rem; + border-color: transparent transparent #555555 transparent; +} +.scroll_style::-webkit-scrollbar-button:single-button:vertical:decrement:hover { + border-color: transparent transparent #777777 transparent; +} +.scroll_style::-webkit-scrollbar-button:single-button:vertical:increment { + border-width: 0.8rem 0.8rem 0 0.8rem; + border-color: #555555 transparent transparent transparent; +} +.scroll_style::-webkit-scrollbar-button:vertical:single-button:increment:hover { + border-color: #777777 transparent transparent transparent; +} +.scroll_style::-webkit-scrollbar { + /*滚动条整体样式*/ + width: 1.4rem; + /*高宽分别对应横竖滚动条的尺寸*/ +} +.scroll_style::-webkit-scrollbar-thumb { + /*滚动条里面小方块*/ + background: #c2c2c2; + opacity: 0.8; + border-radius: 0.7rem; +} +.mark_loading { + position: fixed; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.4); + left: 0; + top: 0; + z-index: 99999; + display: flex; + align-items: center; + justify-content: center; + color: #fff; + flex-direction: column; +} +.mark_loading.bgFFF { + background: #ffffff; + color: #000; +} +.mark_loading .mark_loading_text { + text-align: center; + font-size: 1.2rem; + position: absolute; + bottom: 2%; + right: 2%; +} +.mark_loading .mark_loading_text div { + margin-top: 10px; +} +.mark_loading .mark_loading_text div span { + margin: 0 5px; + color: red; +} +.mark_loading .mark_loading_title { + font-size: 3rem; + font-weight: 600; + margin-bottom: 2rem; +} +.mark_loading .mark_loading_intro { + color: rgba(0, 0, 0, 0.6); + font-size: 1.4rem; + margin-bottom: 2rem; + text-align: center; + width: 80%; +} +.mark_loading .mark_loading_title_box { + display: flex; +} +.mark_loading .mark_loading_btn, +.mark_loading .mark_loading_btn2 { + display: flex; + margin-top: 10px; + text-align: center; + border: 2px solid; + padding: 0 20px; + border-radius: 10px; + cursor: pointer; + padding: 0.3rem 4rem; + background: #39215b; + color: #fff; + border: none; + margin: 0 2rem; + align-items: center; +} +.mark_loading .mark_loading_btn2 { + border: 2px solid #000; + color: #000; + background: rgba(0, 0, 0, 0); } diff --git a/src/component/Administrator/questionnaire.vue b/src/component/Administrator/questionnaire.vue new file mode 100644 index 00000000..4d32a0a9 --- /dev/null +++ b/src/component/Administrator/questionnaire.vue @@ -0,0 +1,197 @@ + + + diff --git a/src/router/index.ts b/src/router/index.ts index b4e238d5..ad08b5f6 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -2,18 +2,17 @@ import { createRouter, createWebHistory, RouteRecordRaw, createWebHashHistory } import { defineAsyncComponent } from 'vue' import store from "@/store" import { getCookie, setCookie } from "@/tool/cookie"; -const _import = (path: string) => defineAsyncComponent(() => import(`../views/${path}.vue`)); -const _import_component = (path : string) => defineAsyncComponent(() => import(`../component/${path}`)); -const _import_custom = (path : string) => defineAsyncComponent(() => import(`../views/${path}`)); - +const _import = (path: string) => () => import(`../views/${path}.vue`); +const _import_component = (path : string) => () => import(`../component/${path}`); +const _import_custom = (path : string) => () => import(`../views/${path}`); +// defineAsyncComponent(import(`../views/${path}.vue`)) const routes: Array = [ { path: "/", // redirect重定向 - // redirect: "/login" + redirect: "/Square" // redirect: "/upgrade" - name: "HomeRecommend", - component: _import('HomeRecommend'), + }, { path: '/login', @@ -39,18 +38,16 @@ const routes: Array = [ path: '/home', name: 'home', component: _import('HomeMain'), - meta:{keepAlive:true}, children:[ { path: "", - name:'""', - redirect: "home/homePage" + name:'HomeChil', + redirect: "/home/homePage" }, { path:'homePage', name:'homePage', component: _import_custom('HomeView/HomeView.vue'), - meta:{keepAlive:true}, },{ path:'library', name:'library', @@ -63,7 +60,41 @@ const routes: Array = [ path:'works', name:'works', component: _import_custom('HomeView/Works.vue'), + },{ + path:'events', + name:'events', + component: _import_custom('HomeView/Events.vue'), + },{ + path:'eventsDetail', + name:'eventsDetail', + component: _import_component('Events/eventsDetail.vue'), + } + ] + }, + { + path: '/Square', + name: "HomeRecommend", + component: _import('HomeRecommend'), + children:[ + { + path: "", + name:'SquareChil', + redirect: "/Square/works" }, + { + path:'works', + name:'SquareWorks', + component: _import_custom('HomeView/Works.vue'), + },{ + path:'events', + name:'SquareEvents', + component: _import_custom('HomeView/Events.vue'), + + },{ + path:'eventsDetail', + name:'SquareEventsDetail', + component: _import_component('Events/eventsDetail.vue'), + } ] }, { @@ -86,6 +117,11 @@ const routes: Array = [ name: 'administrator', component: _import('Administrator'), children:[ + { + path: "", + name:'adminChil', + redirect: "/administrator/allUser" + }, { path:'allUser', name:'allUser', @@ -100,6 +136,10 @@ const routes: Array = [ path:'trialApproval', name:'trialApproval', component: _import_component('Administrator/trialApproval.vue'), + },{ + path:'questionnaire', + name:'questionnaire', + component: _import_component('Administrator/questionnaire.vue'), }, ] }, @@ -183,7 +223,9 @@ router.beforeEach((to, from, next) => { let isMurmur = JSON.parse(getIsMurmur) let routeList = ['/testClickData','/trialApproval']//指定页面需要指定id才能进入 let userIdList = [88,6,46,31,73,83,87,4] - let isSystemUserRouteList = ['/login','/']//指定页面 + let isSystemUserRouteList = ['/login','/Square']//游客用户只能进入这两个页面 + let upgradeList = ['/feedbackSurvey','/feedbackSurveyCN']//指定页面系统维护也可以访问 + let systemUser = state.UserHabit.systemUser const routeExists = router.getRoutes().some(({ name }) =>{ @@ -193,25 +235,35 @@ router.beforeEach((to, from, next) => { return false } }); - if(systemUser.value == 0){ - if(isSystemUserRouteList.indexOf(to.path) > -1){ + if(upgradeList.indexOf(to.path) > -1){//指定页面任何用户都可以进入 + next(); + return + } + if(systemUser.value == 0){//游客用户只能进入这两个页面 + let sSystemUser = false + for (let index = 0; index < isSystemUserRouteList.length; index++) { + if(to.path.indexOf(isSystemUserRouteList[index]) > -1){ + sSystemUser = true + break + } + } + if(sSystemUser){ next(); }else{ - next('/'); + next('/Square'); } return } - if (routeExists) { + if (routeExists) {//检测档期那页面是否存在 if (isMurmur && murmurStr && token) { const toName = to.name === 'login'; if (toName) { - next({ name: '/homePage' }); + next({ name: '/home' });//机房用户 } else { next(); } } else { - if (routeList.indexOf(to.path) > -1 ) { - + if (routeList.indexOf(to.path) > -1 ) {//指定也买你必须指定用户可以进入 if(userIdList.indexOf(userInfo.userId) > -1){ next(); }else{ diff --git a/src/tool/https.js b/src/tool/https.js index d3f44d3e..574e6c99 100644 --- a/src/tool/https.js +++ b/src/tool/https.js @@ -90,7 +90,17 @@ axios.interceptors.response.use((res) =>{ if(error?.response?.status === 401 && router.currentRoute._value.name != 'setIdentification'){//如果是记录浏览器页面就不跳转login if(!isLoginTime){ isLoginTime = true - router.replace('/') + let isSystemUserRouteList = ['/Square']//如果是这两个页面就无需跳转未登录页 + let sSystemUser = false + for (let index = 0; index < isSystemUserRouteList.length; index++) { + if(router.currentRoute.value.path.indexOf(isSystemUserRouteList[index]) > -1){ + sSystemUser = true + break + } + } + if(!sSystemUser){ + router.replace('/') + } message.warning('Please login and try again~') clonAllCookie() store.commit('clearSystemUser') @@ -223,10 +233,13 @@ export const Https = { trialOrderApproval:`/api/account/trialOrderApproval`,//通过审批 trialOrderRefuse:`/api/account/trialOrderRefuse`,//拒绝审批 + //管理员接口 //查询所有试用用户 inquiryGetTrial:`/api/inquiry/getTrial`,//拒绝审批 //查询某个时间内design点击次数 getDesignStatistic:`/api/inquiry/getDesignStatistic`,//拒绝审批 + getAllQuestionnaire:`/api/inquiry/getAllQuestionnaire`,//拒绝审批 + getTasksList:`/api/tasks/getList`,//获取w为执行完的所有任务 getTasksHistory:`/api/tasks/getAllTask`,//获取所有任务列表 @@ -262,6 +275,8 @@ export const Https = { exportSave:`/api/history/exportSave`,//保存画布 exportSearch:`/api/history/exportSearch`,//保存画布 + //活动 + activity:`/api/account/activity`, //调查问卷 diff --git a/src/views/Administrator.vue b/src/views/Administrator.vue index b4064d6b..6b17a177 100644 --- a/src/views/Administrator.vue +++ b/src/views/Administrator.vue @@ -1,6 +1,12 @@