diff --git a/src/assets/style/style.css b/src/assets/style/style.css index efdf43dc..889c3a88 100644 --- a/src/assets/style/style.css +++ b/src/assets/style/style.css @@ -424,6 +424,9 @@ li { box-shadow: 0 0 0 2px rgba(83, 83, 83, 0.3); border: 1px solid #d9d9d9; } +.ant-picker-suffix { + display: flex; +} .ant-picker-range .ant-picker-active-bar { background: #353535; } @@ -1080,17 +1083,32 @@ li { display: flex; flex-direction: column; } -.admin_page .admin_table_search { - margin-top: 2rem; - padding: 2rem 3.5rem 5rem 2.8rem; - background: #fff; +.admin_page .admin_state_item { + margin-right: 2rem; + margin-bottom: 2rem; display: flex; - justify-content: space-between; + align-items: center; } -.admin_page .admin_table_search .admin_search { - width: 40%; +.admin_page .admin_state_item > span:nth-child(1) { + font-size: 1.6rem; + font-weight: 400; + color: #030303; + margin-right: 15px; + flex-shrink: 0; + display: block; + width: 100px; + text-align: right; } -.admin_page .admin_table_search .admin_search .admin_search_item { +.admin_page .admin_state_item > input { + padding: 4px 11px 4px; + line-height: 1.5715; + font-size: 14px; +} +.admin_page .admin_state_item .active { + cursor: no-drop; + background-color: #f5f5f5; +} +.admin_page .admin_search_item { background: #343579; border-color: #343579; height: 4rem; @@ -1100,27 +1118,48 @@ li { display: inline-block; color: #fff; cursor: pointer; + margin: 0 2rem 2rem 0; +} +.admin_page .admin_search_item:last-child { + margin: 0; +} +.admin_page .admin_table_search { + flex-wrap: wrap; + margin-top: 2rem; + padding: 2rem 3.5rem 5rem 2.8rem; + background: #fff; + display: flex; + justify-content: space-between; +} +.admin_page .admin_table_search .admin_search { + width: 20%; +} +.admin_page .admin_table_search .admin_state_list { + display: flex; + flex-wrap: wrap; + align-items: flex-start; + width: 100%; + margin-top: 2rem; +} +.admin_page .admin_table_search .admin_state_list .admin_state_list_item { + cursor: pointer; + width: auto; + border-radius: 1rem; + padding: 1rem 2rem; + border: 1px solid #b6b6b6; + background: #39215b; + color: #fff; + margin: 0 2rem 2rem 0; + font-size: 1.8rem; + font-weight: 600; +} +.admin_page .admin_table_search .admin_state_list .admin_state_list_item:last-child { + margin: 0; } .admin_page .admin_table_search .admin_state { position: relative; cursor: pointer; - width: 60%; -} -.admin_page .admin_table_search .admin_state .admin_state_item { - margin-right: 2rem; - margin-bottom: 2rem; - display: flex; - align-items: center; -} -.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; + width: 80%; } .admin_page .admin_table_search .admin_state .admin_current { background: #fff; @@ -1171,13 +1210,12 @@ li { width: 0 !important; } .admin_page .admin_table_content .ant-table-thead > tr > th { - background: #ffffff00; + background: #ffffff; border-bottom: none; - backdrop-filter: blur(1rem); } .admin_page .admin_table_content .ant-table-tbody > tr > td { border: none; - background: transparent; + background: #fff; } .admin_page .admin_table_content .operate_list { display: flex; @@ -1193,7 +1231,7 @@ li { cursor: pointer; } .admin_page .admin_table_content .ant-table-tbody > tr:hover > td { - background: #ffffff3a; + background: #cacaca; } .admin_page .admin_table_content .ant-table-pagination-right { padding-right: 3.5rem; @@ -1449,7 +1487,8 @@ textarea:focus { .collection_modal_body .input_border, .design_detail_modal_component .input_border, .library_page .input_border, -.productImg_modal .input_border { +.productImg_modal .input_border, +.accountEdit_page .input_border { z-index: 2; display: flex; align-items: center; @@ -1463,7 +1502,8 @@ textarea:focus { .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 { +.productImg_modal .input_border .input_box, +.accountEdit_page .input_border .input_box { position: relative; z-index: 2; flex: 1; @@ -1474,7 +1514,8 @@ textarea:focus { .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 { +.productImg_modal .input_border .input_box .inputShowText, +.accountEdit_page .input_border .input_box .inputShowText { width: 100%; display: none; } @@ -1482,17 +1523,20 @@ textarea:focus { .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, +.accountEdit_page .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 { +.productImg_modal .input_border .input_box.active textarea, +.accountEdit_page .input_border .input_box.active textarea { border: 1px solid #ff0001; box-shadow: 0px 0px 3px 1px rgba(255, 0, 0, 0.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 { +.productImg_modal .input_border .input_box.active span, +.accountEdit_page .input_border .input_box.active span { opacity: 1; display: block; color: rgba(255, 0, 0.7); @@ -1500,14 +1544,16 @@ textarea:focus { .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 { +.productImg_modal .input_border .search_keyword, +.accountEdit_page .input_border .search_keyword { height: 0; flex-basis: 100%; } .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 { +.productImg_modal .input_border .search_keyword .search_keyword_center, +.accountEdit_page .input_border .search_keyword .search_keyword_center { justify-content: space-between; display: flex; width: var(--width); @@ -1524,7 +1570,8 @@ textarea:focus { .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 { +.productImg_modal .input_border .search_keyword .search_keyword_center .search_keyword_center_left, +.accountEdit_page .input_border .search_keyword .search_keyword_center .search_keyword_center_left { display: flex; overflow: hidden; flex: 1; @@ -1533,7 +1580,8 @@ textarea:focus { .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 { +.productImg_modal .input_border .search_keyword .search_keyword_center .search_keyword_center_item, +.accountEdit_page .input_border .search_keyword .search_keyword_center .search_keyword_center_item { border-radius: 0.4rem; border: solid 1px #39215b; background-color: #8156bd; @@ -1548,13 +1596,15 @@ textarea:focus { .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 { +.productImg_modal .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child, +.accountEdit_page .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 { +.productImg_modal .input_border .input_box_btnBox, +.accountEdit_page .input_border .input_box_btnBox { border: calc(0.1rem*1.2) solid #F1F1F1; width: var(--width); display: flex; @@ -1563,13 +1613,15 @@ textarea:focus { .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 { +.productImg_modal .input_border .input_box_btnBox .ant-spin-text, +.accountEdit_page .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 { +.productImg_modal .input_border .input_box_btnBox .search_seed, +.accountEdit_page .input_border .input_box_btnBox .search_seed { padding: 0; width: 4rem; text-align: center; @@ -1579,14 +1631,16 @@ textarea:focus { .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 { +.productImg_modal .input_border .upload_item .upload_file_item, +.accountEdit_page .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 { +.productImg_modal .input_border input, +.accountEdit_page .input_border input { width: 100%; border-radius: calc(0.5rem*1.2); border: 1px solid rgba(0, 0, 0, 0.15); @@ -1598,37 +1652,43 @@ textarea:focus { .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 { +.productImg_modal .input_border inputinput:-moz-placeholder, +.accountEdit_page .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 { +.productImg_modal .input_border inputinput:-ms-input-placeholder, +.accountEdit_page .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 { +.productImg_modal .input_border inputinput::-webkit-input-placeholder, +.accountEdit_page .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 { +.productImg_modal .input_border input.forbidden, +.accountEdit_page .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 { +.productImg_modal .input_border .input_box_btnBox_upImg, +.accountEdit_page .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 { +.productImg_modal .input_border .fi, +.accountEdit_page .input_border .fi { margin-right: 1rem; display: flex; cursor: pointer; @@ -1643,26 +1703,30 @@ textarea:focus { .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 { +.productImg_modal .input_border .fi.fi-br-loading, +.accountEdit_page .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 { +.productImg_modal .input_border .fi.active, +.accountEdit_page .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 { +.productImg_modal .input_border .fi.forbidden, +.accountEdit_page .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 { +.productImg_modal .input_border .search_upImg, +.accountEdit_page .input_border .search_upImg { width: 4rem; height: 100%; position: absolute; @@ -1672,14 +1736,16 @@ textarea:focus { .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 { +.productImg_modal .input_border .search_upImg span, +.accountEdit_page .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 { +.productImg_modal .input_border .search_upImg .ant-upload-select-picture-card, +.accountEdit_page .input_border .search_upImg .ant-upload-select-picture-card { width: 100%; height: 100%; display: block !important; @@ -1687,7 +1753,8 @@ textarea:focus { .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 { +.productImg_modal .input_border .search_textarea, +.accountEdit_page .input_border .search_textarea { z-index: 3; height: auto; position: absolute; @@ -1702,20 +1769,23 @@ textarea:focus { .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 { +.productImg_modal .input_border .generage_btn, +.accountEdit_page .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 { +.productImg_modal .upload_item, +.accountEdit_page .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 { +.productImg_modal .upload_item .upload_file_item, +.accountEdit_page .upload_item .upload_file_item { margin: 0 calc(2rem*1.2) calc(2rem*1.2) 0; display: inline-block; width: calc(10rem*1.2); @@ -1728,7 +1798,8 @@ textarea:focus { .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 { +.productImg_modal .upload_item .upload_file_item.active, +.accountEdit_page .upload_item .upload_file_item.active { opacity: 0.5; border-radius: calc(1rem*1.2); transform: scale(0.9); @@ -1736,19 +1807,22 @@ textarea:focus { .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 { +.productImg_modal .upload_item .upload_file_item.active .delete_file_block, +.accountEdit_page .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 { +.productImg_modal .upload_item .upload_file_item.active .operate_file_block, +.accountEdit_page .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 { +.productImg_modal .upload_item .upload_file_item.upload_component, +.accountEdit_page .upload_item .upload_file_item.upload_component { border: none; display: flex; align-items: center; @@ -1757,8 +1831,10 @@ textarea:focus { .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) { +.productImg_modal .upload_item .upload_file_item :deep(.ant-upload-picture-card-wrapper), +.accountEdit_page .upload_item .upload_file_item :deep(.ant-upload-picture-card-wrapper) { position: absolute; + width: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); @@ -1766,7 +1842,8 @@ textarea:focus { .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) { +.productImg_modal .upload_item .upload_file_item :deep(.ant-upload-select-picture-card), +.accountEdit_page .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; @@ -1776,7 +1853,8 @@ textarea:focus { .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 { +.productImg_modal .upload_item .upload_file_item .upload_file_item_content, +.accountEdit_page .upload_item .upload_file_item .upload_file_item_content { display: flex; align-items: center; justify-content: center; @@ -1787,19 +1865,22 @@ textarea:focus { .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 { +.productImg_modal .upload_item .upload_file_item .upload_file_item_content:hover div, +.accountEdit_page .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 { +.productImg_modal .upload_item .upload_file_item .upload_file_item_content:hover .delete_file_block, +.accountEdit_page .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 { +.productImg_modal .upload_item .upload_file_item .upload_file_item_content .upload_img, +.accountEdit_page .upload_item .upload_file_item .upload_file_item_content .upload_img { display: block; height: 100%; width: auto; @@ -1809,7 +1890,8 @@ textarea:focus { .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 { +.productImg_modal .upload_item .upload_file_item .upload_file_item_content .delete_file_block, +.accountEdit_page .upload_item .upload_file_item .upload_file_item_content .delete_file_block { display: none; width: 100%; cursor: pointer; @@ -1826,7 +1908,8 @@ textarea:focus { .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 { +.productImg_modal .upload_item .upload_file_item .upload_file_item_content .delete_file_block.rightTop, +.accountEdit_page .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); @@ -1841,20 +1924,23 @@ textarea:focus { .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 { +.productImg_modal .upload_item .upload_file_item .upload_file_item_content .delete_file_block.rightTop .icon-shanchu, +.accountEdit_page .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 { +.productImg_modal .upload_item .upload_file_item .upload_img_icon, +.accountEdit_page .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 { +.productImg_modal .upload_item .upload_file_item:last-child, +.accountEdit_page .upload_item .upload_file_item:last-child { margin: 0; } .generalModel_modal .ant-modal-content { diff --git a/src/assets/style/style.less b/src/assets/style/style.less index 1a8ffd38..12b60c28 100644 --- a/src/assets/style/style.less +++ b/src/assets/style/style.less @@ -473,6 +473,9 @@ input:focus{ box-shadow: 0 0 0 2px rgba(83, 83, 83, 0.3); border: 1px solid #d9d9d9; } +.ant-picker-suffix{ + display: flex; +} .ant-picker-range .ant-picker-active-bar{ background: #353535; } @@ -1208,47 +1211,87 @@ input:focus{ position: relative; display: flex; flex-direction: column; + .admin_state_item{ + margin-right: 2rem; + margin-bottom: 2rem; + display: flex; + align-items: center; + >span:nth-child(1){ + font-size: 1.6rem; + font-weight: 400; + color: #030303; + margin-right: 15px; + flex-shrink: 0; + display: block; + // min-width: 20%; + width: 100px; + text-align: right; + } + >input{ + padding: 4px 11px 4px; + line-height: 1.5715; + font-size: 14px; + } + .active{ + cursor: no-drop; + background-color: #f5f5f5; + } + } + .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; + margin: 0 2rem 2rem 0; + } + .admin_search_item:last-child{ + margin: 0; + } .admin_table_search { display: flex; + flex-wrap: wrap; 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; + width: 20%; + + } + .admin_state_list{ + display: flex; + flex-wrap: wrap; + align-items: flex-start; + width: 100%; + margin-top: 2rem; + .admin_state_list_item{ cursor: pointer; + width: auto; + border-radius: 1rem; + padding: 1rem 2rem; + border: 1px solid #b6b6b6; + background: #39215b; + color: #fff; + margin: 0 2rem 2rem 0; + font-size: 1.8rem; + font-weight: 600; + } + .admin_state_list_item:last-child{ + margin: 0; } } .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; - } - } + width: 80%; + + .admin_current{ background: #fff; width: 100%; @@ -1302,14 +1345,14 @@ input:focus{ } } .ant-table-thead > tr > th { - background: #ffffff00; + background: #ffffff; border-bottom: none; - backdrop-filter: blur(1rem); + // backdrop-filter: blur(1rem); } .ant-table-tbody > tr > td { border: none; - background: transparent; + background: #fff; // color: #fff; } .operate_list{ @@ -1328,7 +1371,7 @@ input:focus{ } .ant-table-tbody > tr { &:hover > td { - background: #ffffff3a; + background: rgb(202, 202, 202) } } .ant-table-pagination-right { @@ -1530,7 +1573,7 @@ textarea:focus{ outline: none; /* 清除默认焦点样式 */ } //设计input和上传按钮样式 -.collection_modal_body,.design_detail_modal_component,.library_page,.productImg_modal{ +.collection_modal_body,.design_detail_modal_component,.library_page,.productImg_modal,.accountEdit_page{ .input_border{ z-index: 2; display: flex; @@ -1758,6 +1801,7 @@ textarea:focus{ } :deep(.ant-upload-picture-card-wrapper) { position: absolute; + width: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); diff --git a/src/component/Account/account.vue b/src/component/Account/account.vue new file mode 100644 index 00000000..5f725bd6 --- /dev/null +++ b/src/component/Account/account.vue @@ -0,0 +1,148 @@ + + + diff --git a/src/component/Account/accountEdit.vue b/src/component/Account/accountEdit.vue new file mode 100644 index 00000000..bdef2fe5 --- /dev/null +++ b/src/component/Account/accountEdit.vue @@ -0,0 +1,203 @@ + + + diff --git a/src/component/Account/accountFollowFans.vue b/src/component/Account/accountFollowFans.vue new file mode 100644 index 00000000..3e0d01be --- /dev/null +++ b/src/component/Account/accountFollowFans.vue @@ -0,0 +1,84 @@ + + + diff --git a/src/component/Account/accountHome.vue b/src/component/Account/accountHome.vue new file mode 100644 index 00000000..2c1fadbb --- /dev/null +++ b/src/component/Account/accountHome.vue @@ -0,0 +1,213 @@ + + + diff --git a/src/component/Account/accountMessage.vue b/src/component/Account/accountMessage.vue new file mode 100644 index 00000000..dd2129dd --- /dev/null +++ b/src/component/Account/accountMessage.vue @@ -0,0 +1,107 @@ + + + diff --git a/src/component/Account/message/newFollow.vue b/src/component/Account/message/newFollow.vue new file mode 100644 index 00000000..56ff03b1 --- /dev/null +++ b/src/component/Account/message/newFollow.vue @@ -0,0 +1,104 @@ + + + diff --git a/src/component/Account/message/privateChat.vue b/src/component/Account/message/privateChat.vue new file mode 100644 index 00000000..ac7e55f6 --- /dev/null +++ b/src/component/Account/message/privateChat.vue @@ -0,0 +1,438 @@ + + + diff --git a/src/component/Account/message/system.vue b/src/component/Account/message/system.vue new file mode 100644 index 00000000..56ff03b1 --- /dev/null +++ b/src/component/Account/message/system.vue @@ -0,0 +1,104 @@ + + + diff --git a/src/component/Administrator/TestClickData.vue b/src/component/Administrator/TestClickData.vue index 9bf32723..02ad7abf 100644 --- a/src/component/Administrator/TestClickData.vue +++ b/src/component/Administrator/TestClickData.vue @@ -4,8 +4,9 @@
- State Time: + Start Date: - End Time: - + Start Time: +
@@ -177,24 +178,6 @@ export default defineComponent({ ]; }); - let state:any = ref([ - { - name:'all', - value:'', - }, - { - name:'unprocessed', - value:0, - }, - { - name:'pending', - value:1, - }, - { - name:'rejected', - value:2, - }, - ]) let dataList: any = ref([]); let status: any = ref(0); return { @@ -204,7 +187,6 @@ export default defineComponent({ dataList, renameData, status, - state, }; }, data() { diff --git a/src/component/Administrator/administratorEcharts copy.vue b/src/component/Administrator/administratorEcharts copy.vue deleted file mode 100644 index f8c494a8..00000000 --- a/src/component/Administrator/administratorEcharts copy.vue +++ /dev/null @@ -1,173 +0,0 @@ - - - diff --git a/src/component/Administrator/allUser.vue b/src/component/Administrator/allUser.vue index f6e72a7b..9063c2f2 100644 --- a/src/component/Administrator/allUser.vue +++ b/src/component/Administrator/allUser.vue @@ -1,159 +1,510 @@ \ No newline at end of file + + \ No newline at end of file diff --git a/src/component/Administrator/allUserPoerations.vue b/src/component/Administrator/allUserPoerations.vue new file mode 100644 index 00000000..1f49e3e6 --- /dev/null +++ b/src/component/Administrator/allUserPoerations.vue @@ -0,0 +1,302 @@ + + + + \ No newline at end of file diff --git a/src/component/Administrator/recentActiveChart.vue b/src/component/Administrator/recentActiveChart.vue new file mode 100644 index 00000000..ee3e140e --- /dev/null +++ b/src/component/Administrator/recentActiveChart.vue @@ -0,0 +1,228 @@ + + diff --git a/src/component/Administrator/recentActiveUser.vue b/src/component/Administrator/recentActiveUser.vue new file mode 100644 index 00000000..1c1c7b3d --- /dev/null +++ b/src/component/Administrator/recentActiveUser.vue @@ -0,0 +1,303 @@ + + diff --git a/src/component/Administrator/recentActiveUserChart.vue b/src/component/Administrator/recentActiveUserChart.vue new file mode 100644 index 00000000..46349765 --- /dev/null +++ b/src/component/Administrator/recentActiveUserChart.vue @@ -0,0 +1,196 @@ + + diff --git a/src/component/Administrator/recentNewUser.vue b/src/component/Administrator/recentNewUser.vue new file mode 100644 index 00000000..49cc2578 --- /dev/null +++ b/src/component/Administrator/recentNewUser.vue @@ -0,0 +1,321 @@ + + diff --git a/src/component/Administrator/recentNewUserChart.vue b/src/component/Administrator/recentNewUserChart.vue new file mode 100644 index 00000000..25f872fb --- /dev/null +++ b/src/component/Administrator/recentNewUserChart.vue @@ -0,0 +1,224 @@ + + diff --git a/src/component/Administrator/trialAllUser.vue b/src/component/Administrator/trialAllUser.vue new file mode 100644 index 00000000..94c4deba --- /dev/null +++ b/src/component/Administrator/trialAllUser.vue @@ -0,0 +1,242 @@ + + \ No newline at end of file diff --git a/src/component/Administrator/trialApproval.vue b/src/component/Administrator/trialApproval.vue index 3fda9309..efaa0d22 100644 --- a/src/component/Administrator/trialApproval.vue +++ b/src/component/Administrator/trialApproval.vue @@ -140,7 +140,7 @@ export default defineComponent({ key: "surname", }, { - title: 'Name', + title: 'User Name', align: "center", ellipsis: true, @@ -293,3 +293,8 @@ export default defineComponent({ }, }); + \ No newline at end of file diff --git a/src/component/Administrator/trialUserConversionRateChart.vue b/src/component/Administrator/trialUserConversionRateChart.vue new file mode 100644 index 00000000..88a99a3a --- /dev/null +++ b/src/component/Administrator/trialUserConversionRateChart.vue @@ -0,0 +1,149 @@ + + diff --git a/src/component/Administrator/trialUserCountry.vue b/src/component/Administrator/trialUserCountry.vue new file mode 100644 index 00000000..183f35ea --- /dev/null +++ b/src/component/Administrator/trialUserCountry.vue @@ -0,0 +1,152 @@ + + diff --git a/src/component/HomePage/Cropper.vue b/src/component/HomePage/Cropper.vue index 9d7fe1e5..7e779199 100644 --- a/src/component/HomePage/Cropper.vue +++ b/src/component/HomePage/Cropper.vue @@ -29,8 +29,9 @@ :outputSize="option.size" :outputType="option.outputType" :auto-crop="option.autoCrop" + :fixedBox="isRound" :auto-crop-width="option.autoCropWidth" - :auto-crop-height="option.autoCropHeight" + :auto-crop-height="option.autoCropWidth" :center-box="option.centerBox" :can-move="option.canMove" :can-move-box="option.canMoveBox" @real-time="realTime" @@ -51,8 +52,8 @@
-
-
+
+
@@ -76,17 +77,14 @@ import { VueCropper } from "vue-cropper"; // import { openGuide,driverObj__ } from "@/tool/guide"; import {base64toFile} from '@/tool/util' export default defineComponent({ - props:['cropperFileData','isUpload'], + props:['cropperFileData','isUpload','isRound'], components:{ VueCropper, }, setup(){ - let driver__:any = inject('driver__') - return { - driver__ - } + }, - data(){ + data(prop){ return { cutPicuterModal:false, option: { @@ -97,16 +95,19 @@ export default defineComponent({ outputType: 'png', autoCrop: true, // 只有自动截图开启 宽度高度才生效 - autoCropWidth: 360, - autoCropHeight: 360, + autoCropWidth: prop.isRound?100:360, + autoCropHeight: prop.isRound?100:360, max: 99999, centerBox:true, canMove:true, canMoveBox:true, + fixedBox:false, }, previews:{}, } }, + mounted(){ + }, methods:{ rotateLeft() { @@ -350,6 +351,10 @@ export default defineComponent({ background: rgba(91,94,105,0.8); box-shadow: 0 calc(0.2rem*1.2) calc(0.5rem*1.2) 0 rgba(216,213,239,0.3); border-radius: calc(1rem*1.2); + &.active{ + border-radius: 50%; + overflow: hidden + } } .cut_picture_review_block_sec{ diff --git a/src/component/HomePage/Generate.vue b/src/component/HomePage/Generate.vue index 4ec4236c..3071cd00 100644 --- a/src/component/HomePage/Generate.vue +++ b/src/component/HomePage/Generate.vue @@ -335,7 +335,7 @@ export default defineComponent({ }, workspaceCom(newVal,oldVal){ this.workspace = newVal - this.upload.gender = newVal?.sexEnum?.name + this.upload.gender = newVal?.sexEnum?.value }, scene:{ handler(newVal,oldVal){ @@ -785,7 +785,7 @@ export default defineComponent({ }, }); - \ No newline at end of file diff --git a/src/router/index.ts b/src/router/index.ts index ad08b5f6..a5877ff6 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -68,6 +68,37 @@ const routes: Array = [ path:'eventsDetail', name:'eventsDetail', component: _import_component('Events/eventsDetail.vue'), + },{ + path:'account', + name:'account', + component: _import_component('Account/account.vue'), + children:[ + { + path: "", + name:'accountChil', + redirect: "/home/account/accountHome" + }, + { + path:'accountHome', + name:'accountHome', + component: _import_component('Account/accountHome.vue'), + }, + { + path:'accountEdit', + name:'accountEdit', + component: _import_component('Account/accountEdit.vue'), + }, + { + path:'accountMessage', + name:'accountMessage', + component: _import_component('Account/accountMessage.vue'), + }, + { + path:'accountFollowFans', + name:'accountFollowFans', + component: _import_component('Account/accountFollowFans.vue'), + } + ] } ] }, @@ -140,6 +171,38 @@ const routes: Array = [ path:'questionnaire', name:'questionnaire', component: _import_component('Administrator/questionnaire.vue'), + },{ + path:'recentActiveChart', + name:'recentActiveChart', + component: _import_component('Administrator/recentActiveChart.vue'), + },{ + path:'recentActiveUser', + name:'recentActiveUser', + component: _import_component('Administrator/recentActiveUser.vue'), + },{ + path:'recentActiveUserChart', + name:'recentActiveUserChart', + component: _import_component('Administrator/recentActiveUserChart.vue'), + },{ + path:'recentNewUser', + name:'recentNewUser', + component: _import_component('Administrator/recentNewUser.vue'), + },{ + path:'recentNewUserChart', + name:'recentNewUserChart', + component: _import_component('Administrator/recentNewUserChart.vue'), + },{ + path:'trialUserCountry', + name:'trialUserCountry', + component: _import_component('Administrator/trialUserCountry.vue'), + },{ + path:'trialUserConversionRateChart', + name:'trialUserConversionRateChart', + component: _import_component('Administrator/trialUserConversionRateChart.vue'), + },{ + path:'trialAllUser', + name:'trialAllUser', + component: _import_component('Administrator/trialAllUser.vue'), }, ] }, diff --git a/src/tool/country.js b/src/tool/country.js new file mode 100644 index 00000000..0816fe40 --- /dev/null +++ b/src/tool/country.js @@ -0,0 +1,663 @@ +let country = [ + { + label: "Albania", + value: "Albania" + }, + { + label: "Algeria", + value: "Algeria" + }, + { + label: "Andorra", + value: "Andorra" + }, + { + label: "Angola", + value: "Angola" + }, + { + label: "Antigua and Barbuda", + value: "Antigua and Barbuda" + }, + { + label: "Argentina", + value: "Argentina" + }, + { + label: "Armenia", + value: "Armenia" + }, + { + label: "Australia", + value: "Australia" + }, + { + label: "Austria", + value: "Austria" + }, + { + label: "Azerbaijan", + value: "Azerbaijan" + }, + { + label: "Bahamas", + value: "Bahamas" + }, + { + label: "Bangladesh", + value: "Bangladesh" + }, + { + label: "Barbados", + value: "Barbados" + }, + { + label: "Belgium", + value: "Belgium" + }, + { + label: "Belize", + value: "Belize" + }, + { + label: "Benin", + value: "Benin" + }, + { + label: "Bhutan", + value: "Bhutan" + }, + { + label: "Bolivia", + value: "Bolivia" + }, + { + label: "Bosnia and Herzegovina", + value: "Bosnia and Herzegovina" + }, + { + label: "Botswana", + value: "Botswana" + }, + { + label: "Brazil", + value: "Brazil" + }, + { + label: "Brunei", + value: "Brunei" + }, + { + label: "Bulgaria", + value: "Bulgaria" + }, + { + label: "Burkina Faso", + value: "Burkina Faso" + }, + { + label: "Cabo Verde", + value: "Cabo Verde" + }, + { + label: "Canada", + value: "Canada" + }, + { + label: "China", + value: "China" + }, + { + label: "Chile", + value: "Chile" + }, + { + label: "Colombia", + value: "Colombia" + }, + { + label: "Comoros", + value: "Comoros" + }, + { + label: "Congo", + value: "Congo" + }, + { + label: "Costa Rica", + value: "Costa Rica" + }, + { + label: "Côte d'Ivoire", + value: "Côte d'Ivoire" + }, + { + label: "Croatia", + value: "Croatia" + }, + { + label: "Cyprus", + value: "Cyprus" + }, + { + label: "Czech Republic", + value: "Czech Republic" + }, + { + label: "Denmark", + value: "Denmark" + }, + { + label: "Djibouti", + value: "Djibouti" + }, + { + label: "Dominica", + value: "Dominica" + }, + { + label: "Dominican Republic", + value: "Dominican Republic" + }, + { + label: "Ecuador", + value: "Ecuador" + }, + { + label: "El Salvador", + value: "El Salvador" + }, + { + label: "Estonia", + value: "Estonia" + }, + { + label: "Fiji", + value: "Fiji" + }, + { + label: "Finland", + value: "Finland" + }, + { + label: "France", + value: "France" + }, + { + label: "Gabon", + value: "Gabon" + }, + { + label: "Gambia", + value: "Gambia" + }, + { + label: "Georgia", + value: "Georgia" + }, + { + label: "Germany", + value: "Germany" + }, + { + label: "Ghana", + value: "Ghana" + }, + { + label: "Greece", + value: "Greece" + }, + { + label: "Grenada", + value: "Grenada" + }, + { + label: "Guatemala", + value: "Guatemala" + }, + { + label: "Guinea", + value: "Guinea" + }, + { + label: "Guinea-Bissau", + value: "Guinea-Bissau" + }, + { + label: "Guyana", + value: "Guyana" + }, + { + label: "Haiti", + value: "Haiti" + }, + { + label: "Holy See", + value: "Holy See" + }, + { + label: "Honduras", + value: "Honduras" + }, + { + label: "Hong Kong, China", + value: "Hong Kong, China" + }, + { + label: "Hungary", + value: "Hungary" + }, + { + label: "Iceland", + value: "Iceland" + }, + { + label: "India", + value: "India" + }, + { + label: "Indonesia", + value: "Indonesia" + }, + { + label: "Iraq", + value: "Iraq" + }, + { + label: "Ireland", + value: "Ireland" + }, + { + label: "Israel", + value: "Israel" + }, + { + label: "Italy", + value: "Italy" + }, + { + label: "Jamaica", + value: "Jamaica" + }, + { + label: "Japan", + value: "Japan" + }, + { + label: "Jordan", + value: "Jordan" + }, + { + label: "Kazakhstan", + value: "Kazakhstan" + }, + { + label: "Kenya", + value: "Kenya" + }, + { + label: "Kiribati", + value: "Kiribati" + }, + { + label: "Kuwait", + value: "Kuwait" + }, + { + label: "Kyrgyzstan", + value: "Kyrgyzstan" + }, + { + label: "Latvia", + value: "Latvia" + }, + { + label: "Lebanon", + value: "Lebanon" + }, + { + label: "Lesotho", + value: "Lesotho" + }, + { + label: "Liberia", + value: "Liberia" + }, + { + label: "Liechtenstein", + value: "Liechtenstein" + }, + { + label: "Lithuania", + value: "Lithuania" + }, + { + label: "Luxembourg", + value: "Luxembourg" + }, + { + label: "Madagascar", + value: "Madagascar" + }, + { + label: "Malawi", + value: "Malawi" + }, + { + label: "Malaysia", + value: "Malaysia" + }, + { + label: "Maldives", + value: "Maldives" + }, + { + label: "Mali", + value: "Mali" + }, + { + label: "Malta", + value: "Malta" + }, + { + label: "Marshall Islands", + value: "Marshall Islands" + }, + { + label: "Mauritania", + value: "Mauritania" + }, + { + label: "Mauritius", + value: "Mauritius" + }, + { + label: "Mexico", + value: "Mexico" + }, + { + label: "Micronesia", + value: "Micronesia" + }, + { + label: "Moldova", + value: "Moldova" + }, + { + label: "Monaco", + value: "Monaco" + }, + { + label: "Mongolia", + value: "Mongolia" + }, + { + label: "Montenegro", + value: "Montenegro" + }, + { + label: "Morocco", + value: "Morocco" + }, + { + label: "Mozambique", + value: "Mozambique" + }, + { + label: "Myanmar", + value: "Myanmar" + }, + { + label: "Namibia", + value: "Namibia" + }, + { + label: "Nauru", + value: "Nauru" + }, + { + label: "Nepal", + value: "Nepal" + }, + { + label: "Netherlands", + value: "Netherlands" + }, + { + label: "New Zealand", + value: "New Zealand" + }, + { + label: "Nicaragua", + value: "Nicaragua" + }, + { + label: "Niger", + value: "Niger" + }, + { + label: "Nigeria", + value: "Nigeria" + }, + { + label: "North Macedonia", + value: "North Macedonia" + }, + { + label: "Norway", + value: "Norway" + }, + { + label: "Oman", + value: "Oman" + }, + { + label: "Pakistan", + value: "Pakistan" + }, + { + label: "Palau", + value: "Palau" + }, + { + label: "Palestine", + value: "Palestine" + }, + { + label: "Panama", + value: "Panama" + }, + { + label: "Papua New Guinea", + value: "Papua New Guinea" + }, + { + label: "Paraguay", + value: "Paraguay" + }, + { + label: "Peru", + value: "Peru" + }, + { + label: "Philippines", + value: "Philippines" + }, + { + label: "Poland", + value: "Poland" + }, + { + label: "Portugal", + value: "Portugal" + }, + { + label: "Qatar", + value: "Qatar" + }, + { + label: "Romania", + value: "Romania" + }, + { + label: "Rwanda", + value: "Rwanda" + }, + { + label: "Saint Kitts and Nevis", + value: "Saint Kitts and Nevis" + }, + { + label: "Saint Lucia", + value: "Saint Lucia" + }, + { + label: "Saint Vincent and the Grenadines", + value: "Saint Vincent and the Grenadines" + }, + { + label: "Samoa", + value: "Samoa" + }, + { + label: "San Marino", + value: "San Marino" + }, + { + label: "Sao Tome and Principe", + value: "Sao Tome and Principe" + }, + { + label: "Senegal", + value: "Senegal" + }, + { + label: "Serbia", + value: "Serbia" + }, + { + label: "Seychelles", + value: "Seychelles" + }, + { + label: "Sierra Leone", + value: "Sierra Leone" + }, + { + label: "Singapore", + value: "Singapore" + }, + { + label: "Slovakia", + value: "Slovakia" + }, + { + label: "Slovenia", + value: "Slovenia" + }, + { + label: "Solomon Islands", + value: "Solomon Islands" + }, + { + label: "South Africa", + value: "South Africa" + }, + { + label: "South Korea", + value: "South Korea" + }, + { + label: "Spain", + value: "Spain" + }, + { + label: "Sri Lanka", + value: "Sri Lanka" + }, + { + label: "Suriname", + value: "Suriname" + }, + { + label: "Sweden", + value: "Sweden" + }, + { + label: "Switzerland", + value: "Switzerland" + }, + { + label: "Taiwan, China", + value: "Taiwan, China" + }, + { + label: "Tanzania", + value: "Tanzania" + }, + { + label: "Thailand", + value: "Thailand" + }, + { + label: "Timor-Leste", + value: "Timor-Leste" + }, + { + label: "Togo", + value: "Togo" + }, + { + label: "Tonga", + value: "Tonga" + }, + { + label: "Trinidad and Tobago", + value: "Trinidad and Tobago" + }, + { + label: "Tunisia", + value: "Tunisia" + }, + { + label: "Turkey", + value: "Turkey" + }, + { + label: "Tuvalu", + value: "Tuvalu" + }, + { + label: "Uganda", + value: "Uganda" + }, + { + label: "Ukraine", + value: "Ukraine" + }, + { + label: "United Arab Emirates", + value: "United Arab Emirates" + }, + { + label: "United Kingdom", + value: "United Kingdom" + }, + { + label: "United States of America", + value: "United States of America" + }, + { + label: "Uruguay", + value: "Uruguay" + }, + { + label: "Vanuatu", + value: "Vanuatu" + }, + { + label: "Zambia", + value: "Zambia" + } +] +export {country} \ No newline at end of file diff --git a/src/tool/flexible.js b/src/tool/flexible.js index 6ef0545a..72dd33e3 100644 --- a/src/tool/flexible.js +++ b/src/tool/flexible.js @@ -10,7 +10,7 @@ let flexible = (designWidth, maxWidth,minWidth) =>{ if(width/height>1.98) width = height * 1.98; width > maxWidth && (width = maxWidth); width < minWidth && (width = minWidth); - var rem = width * 10 / designWidth; + var rem = Math.round(width * 10 / designWidth); docEl.style.fontSize = rem+'px' remStyle.innerHTML = 'html{font-size:' + rem + 'px;}'; } diff --git a/src/tool/https.js b/src/tool/https.js index 574e6c99..b7c6d270 100644 --- a/src/tool/https.js +++ b/src/tool/https.js @@ -235,12 +235,23 @@ export const Https = { //管理员接口 //查询所有试用用户 - inquiryGetTrial:`/api/inquiry/getTrial`,//拒绝审批 + inquiryGetTrial:`/api/inquiry/getTrial`,//查询所有试用用户 + getUserInfo:`/api/inquiry/getUserInfo`,//查询所有用户 //查询某个时间内design点击次数 getDesignStatistic:`/api/inquiry/getDesignStatistic`,//拒绝审批 getAllQuestionnaire:`/api/inquiry/getAllQuestionnaire`,//拒绝审批 - - + getActiveUserFunc:`/api/inquiry/getActiveUserFunc`,//获取各模块功能 + recentActiveUser:`/api/inquiry/recentActiveUser`,//获取近期活跃用户 + recentActiveUserChart:`/api/inquiry/recentActiveUserChart`,//获取近期活跃用户图表数据 + recentNewUser:`/api/inquiry/recentNewUser`,//获取近期新增用户 + recentNewUserChart:`/api/inquiry/recentNewUserChart`,//获取新增用户图表 + trialUserCountry:`/api/inquiry/trialUserCountry`,//试用用户国家-城市分布 + conversionRate:`/api/inquiry/conversionRate`,//试用用户国家-城市分布 + getAllUserId:`/api/inquiry/getAllUserId`,//获取所有用户id和Name + adminAddUser:`/api/inquiry/addUser`,//添加用户 + modifyUser:`/api/inquiry/modifyUser`,//修改用户 + + getTasksList:`/api/tasks/getList`,//获取w为执行完的所有任务 getTasksHistory:`/api/tasks/getAllTask`,//获取所有任务列表 prepareForSR:`/api/python/prepareForSR`,//超分 diff --git a/src/views/Administrator.vue b/src/views/Administrator.vue index 6b17a177..5fa08fa7 100644 --- a/src/views/Administrator.vue +++ b/src/views/Administrator.vue @@ -18,21 +18,21 @@ @click="handleClick" > -
+
- {{menu.name}} + {{menu.name}} - +
- {{child.name}} + {{child.name}}
@@ -75,6 +75,7 @@ import { useStore } from "vuex"; import { useRouter,useRoute } from 'vue-router' import GO from "@/tool/GO"; import { getCookie } from "@/tool/cookie"; +import { country } from "@/tool/country"; import { getUploadUrl } from "@/tool/util"; // import { forEach } from "jszip"; import scaleImage from "@/component/HomePage/scaleImage.vue"; @@ -92,7 +93,7 @@ export default defineComponent({ const route:any = useRoute() const state:any = reactive({ rootSubmenuKeys: [{ - name:'Trial User', + name:'All User', route:'/administrator/allUser', icon:'yonghu', expandIcon:'icon-xiala', @@ -123,16 +124,75 @@ export default defineComponent({ key:'sub2', isShow:true, },{ - name:'Trial User Approval', - route:'/administrator/trialApproval', + name:'Trial User', icon:'usetime', - key:'sub3', expandIcon:'icon-xiala', + key:'sub3', isShow:true, + children:[ + { + name:'Trial All User', + route:'/administrator/trialAllUser', + icon:'usetime', + key:'sub3-1', + isShow:true, + },{ + name:'Trial User Approval', + route:'/administrator/trialApproval', + icon:'usetime', + key:'sub3-2', + isShow:true, + },{ + name:'Trial User CHART', + route:'/administrator/trialUserCountry', + icon:'', + key:'sub3-3', + isShow:true, + },{ + name:'Conversion Rate', + route:'/administrator/trialUserConversionRateChart', + icon:'', + key:'sub3-4', + isShow:true, + }, + ] + },{ + name:'Function Use CHART', + route:'/administrator/recentActiveChart', + icon:'usetime', + key:'sub4', + isShow:true, + },{ + name:'Active User', + icon:'usetime', + route:'/administrator/recentActiveUser', + key:'sub5', + isShow:true, + },{ + name:'New User', + icon:'usetime', + expandIcon:'icon-xiala', + key:'sub6', + isShow:true, + children:[ + { + name:'New User List', + route:'/administrator/recentNewUser', + icon:'', + key:'sub6-1', + isShow:true, + },{ + name:'New User CHART', + route:'/administrator/recentNewUserChart', + icon:'', + key:'sub6-2', + isShow:true, + }, + ] },{ name:'Events', icon:'usetime', - key:'sub4', + key:'sub9', expandIcon:'icon-xiala', isShow:true, children: [ @@ -140,7 +200,7 @@ export default defineComponent({ name:'Questionnaire Survey', route:'/administrator/questionnaire', icon:'', - key:'sub4-1', + key:'sub9-1', isShow:true, }, // { @@ -200,6 +260,14 @@ export default defineComponent({ } } }); + //储存所有用户id和name + Https.axiosGet(Https.httpUrls.getAllUserId,).then((rv: any) => { + if (rv) { + sessionStorage.setItem('allUserList',JSON.stringify(rv)); + } + }) + let allCountry = country + sessionStorage.setItem('allCountry',JSON.stringify(allCountry)); // state.nowPageName = state.rootSubmenuKeys[0].name // router.push(state.rootSubmenuKeys[0].route) @@ -268,6 +336,7 @@ export default defineComponent({ } } .administrator_page_left{ + width: 20%; padding-top: 20px; .modal_title_text{ // font-size: var(--aida-fsize1-8); @@ -276,11 +345,15 @@ export default defineComponent({ } .ant-menu-dark.menu_list_content{ padding-left: 1.8rem; - width: 30rem; - height: calc(100% - 59px); + // width: 30rem; + width: 100%; + height: calc(100% - 16rem); background: #FFFFFF; flex-shrink: 0; - + overflow-y: auto; + &::-webkit-scrollbar{ + width: 0; + } .menu_icon{ font-size: 2.4rem; color: #808185; @@ -331,6 +404,7 @@ export default defineComponent({ } .administrator_page_right{ flex: 1; + width: 80%; .administrator_page_right_header{ display: flex; justify-content: space-between; diff --git a/src/views/HomeMain.vue b/src/views/HomeMain.vue index 8d739546..32db65c9 100644 --- a/src/views/HomeMain.vue +++ b/src/views/HomeMain.vue @@ -3,18 +3,20 @@
-
+
{{$t('Header.hello')}}@{{ $t('isTest.userName') }}
{{$t('Header.hello')}}@{{ userInfo?.userName }}
-
+
+ +
123
关注
-
+
321
粉丝
@@ -23,7 +25,7 @@ 作品数
-
+
个人中心
@@ -318,6 +320,9 @@ export default defineComponent({ }, 500); }) heradeRight.addEventListener('mouseleave',(event)=>{ + if(overTime){ + clearTimeout(overTime) + } if(!state)return clearTimeout(outTime) outTime = setTimeout(() => { @@ -522,8 +527,11 @@ export default defineComponent({ let taskPage = this.$refs.TaskPage taskPage.init(data) }, + openAccount(){ + this.$router.push("/home/account") + }, openMessage(){ - + this.$router.push("/home/account/accountMessage") }, }, }); @@ -626,6 +634,8 @@ export default defineComponent({ display: flex; flex-direction: column; align-items: center; + } + .attention_item_active{ cursor: pointer; } .attention_item_active:hover{ @@ -634,9 +644,6 @@ export default defineComponent({ color: #39215b; } } - .attention_item:last-child{ - cursor: auto; - } span{ font-size: 1.4rem; color: #949eae;