diff --git a/.env.dev b/.env.dev index 6289e460..9355c106 100644 --- a/.env.dev +++ b/.env.dev @@ -5,9 +5,8 @@ NODE_ENV = 'development' # VUE_APP_BASE_URL = 'http://18.167.251.121:10086' VUE_APP_BASE_URL = 'https://develop.api.aida.com.hk' # VUE_APP_BASE_URL = 'https://www.api.aida.com.hk' -# 佩佩 -VUE_APP_BASE_URL = 'http://192.168.1.4:5567' +# 徐佩 +# VUE_APP_BASE_URL = 'http://192.168.1.4:5567' # 海波 -# VUE_APP_BASE_URL = 'http://18.167.251.121:15567' -# VUE_APP_BASE_URL = 'http://192.168.1.6:5567' +# VUE_APP_BASE_URL = 'http://192.168.1.9:5567' diff --git a/public/image/events/Fashion-Award-2024.png b/public/image/events/Fashion-Award-2024.png new file mode 100644 index 00000000..3834d5b4 Binary files /dev/null and b/public/image/events/Fashion-Award-2024.png differ diff --git a/src/assets/images/loginPage/gmailIcon.svg b/src/assets/images/loginPage/gmailIcon.svg new file mode 100644 index 00000000..d482078a --- /dev/null +++ b/src/assets/images/loginPage/gmailIcon.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/src/assets/json/events.json b/src/assets/json/events.json index d5f97050..b3231f11 100644 --- a/src/assets/json/events.json +++ b/src/assets/json/events.json @@ -4,7 +4,11 @@ "id": 1, "title":"Just post your design work, you could have the chance to come to Hong Kong and interact with industry leaders face-to-face!", "imgUrl": "/image/events/workshop-En.jpg" - } + },{ + "id": 2, + "title":"AiDA X SFT AI Fashion Award 2024", + "imgUrl": "/image/events/Fashion-Award-2024.png" + } ], "eventsItem":[ { @@ -64,6 +68,26 @@ ] } ] - } + }, + { + "id":2, + "title":"AiDA X SFT AI Fashion Award 2024", + "imgUrl": "/image/events/Fashion-Award-2024.png", + "textList":[ + { + "paragraph":[ + { + "text":"With the aim of inspiring students to innovate in fashion design using AI, Code-Create and The Hong Kong Polytechnic University School of Fashion and Textiles (SFT) have jointly launched the 'AiDA X SFT AI Fashion Award 2024'. This competition provides students with valuable practical AiDA experience, laying the foundation for the future fashion design industry and positioning them as pioneers in AI fashion." + } + ] + },{ + "paragraph":[ + { + "text":"The competition is open to all SFT students, with the winners having the chance to win cash prizes (up to 20,000 HKD), internship opportunity at BESFXXK (will work with the renowned designer, Mr Jae Hyuk Lim, for the BESFXXK collection, that will be featured at NY Fashion Week and Paris Fashion Week) and more surprises! Scan the QR code to learn more." + } + ] + } + ] + } ] } \ No newline at end of file diff --git a/src/assets/json/events_cn.json b/src/assets/json/events_cn.json index de68ff11..ce253a69 100644 --- a/src/assets/json/events_cn.json +++ b/src/assets/json/events_cn.json @@ -4,6 +4,10 @@ "id": 1, "title":"什么?只要发布设计作品就有机会来香港与大佬面对面交流?!", "imgUrl": "/image/events/workshop-Cn.jpg" + },{ + "id": 2, + "title":"AiDA X SFT AI时尚设计比赛2024", + "imgUrl": "/image/events/Fashion-Award-2024.png" } ], "eventsItem":[ @@ -64,6 +68,26 @@ ] } ] + }, + { + "id":2, + "title":"AiDA X SFT AI时尚设计比赛2024", + "imgUrl": "/image/events/Fashion-Award-2024.png", + "textList":[ + { + "paragraph":[ + { + "text":"秉承着激发学生使用AI进行时尚设计的创新能力的初衷,Code-Create和香港理工大学时装及纺织学院(SFT)共同举办了“AiDA X SFT AI时尚设计比赛2024”让学生们在比赛中获得宝贵的AiDA实践经验,为未来的时尚设计行业打下了坚实的基础,成为时尚界的AI先锋。" + } + ] + },{ + "paragraph":[ + { + "text":" 此次比赛面向全体SFT 学生,最终获奖者将赢取丰厚奖金(最高可达2万港币),获得在BESFXXK的实习机会(将与著名设计师Lim Jae Hyuk先生合作设计BESFXXK 系列,该系列将在纽约时装周和巴黎时装周上展出)及更多惊喜哦!扫描二维码获取更多比赛信息。" + } + ] + } + ] } ] } \ No newline at end of file diff --git a/src/assets/style/style.css b/src/assets/style/style.css index 909de66a..efad4e9c 100644 --- a/src/assets/style/style.css +++ b/src/assets/style/style.css @@ -215,6 +215,7 @@ li { border: 2px solid #000; cursor: pointer; box-sizing: border-box; + white-space: nowrap; } .gallery_btn.gallery_btn_radius { border-radius: 1.4rem; @@ -716,19 +717,32 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte color: #fff; cursor: pointer; } -.generalModel_page .generalModel_table_search .generalModel_state { +.generalModel_state { position: relative; display: flex; align-items: center; width: auto; flex-wrap: wrap; } -.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item { +.generalModel_state .generalModel_state_item { display: flex; align-items: center; margin-right: 5rem; } -.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item > span { +.generalModel_state .generalModel_state_item > input { + height: 2.5rem !important; + border-radius: 4rem; + padding: 2rem !important; + box-sizing: content-box; + background-color: #f3f3f3; + width: calc(100% - 4rem); + font-size: 1.8rem; + transition: all 0.3s; +} +.generalModel_state .generalModel_state_item > input:hover { + border: 1px solid; +} +.generalModel_state .generalModel_state_item > span { font-size: 2rem; font-weight: 400; color: #030303; @@ -738,31 +752,35 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte min-width: 5rem; text-align: left; } -.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item .ant-picker-range, -.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item .ant-select-selector { - height: 2.5rem; +.generalModel_state .generalModel_state_item .ant-picker-range, +.generalModel_state .generalModel_state_item .ant-select-selector, +.generalModel_state .generalModel_state_item .range_picker { + height: 2.5rem !important; border-radius: 4rem; - padding: 2rem; + padding: 2rem !important; box-sizing: content-box; background-color: #f3f3f3; width: calc(100% - 4rem); } -.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item .ant-select-lg { - font-size: 14px; +.generalModel_state .generalModel_state_item .ant-picker-input > input { + font-size: 1.8rem; } -.generalModel_page .generalModel_table_search .generalModel_state .generalModel_state_item .ant-select-lg .ant-select-selector .ant-select-selection-item { +.generalModel_state .generalModel_state_item .ant-select-lg { + font-size: 1.8rem; +} +.generalModel_state .generalModel_state_item .ant-select-lg .ant-select-selector .ant-select-selection-item { height: 100%; display: flex; align-items: center; } -.generalModel_page .generalModel_table_search .generalModel_state .generalModel_current { +.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 { +.generalModel_state .header_user_content { position: absolute; border: 2px solid; border-radius: 1rem; @@ -773,14 +791,14 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte display: none; margin-left: -2rem; } -.generalModel_page .generalModel_table_search .generalModel_state .header_user_content .username { +.generalModel_state .header_user_content .username { padding: 0 2rem; color: #000; } -.generalModel_page .generalModel_table_search .generalModel_state .header_user_content .username:hover { +.generalModel_state .header_user_content .username:hover { background: #e1e1e1; } -.generalModel_page .generalModel_table_search .generalModel_state .header_user_content.active { +.generalModel_state .header_user_content.active { display: block; } .generalModel { @@ -1057,7 +1075,7 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte top: 6rem; } .ant-modal-confirm-btns .ant-btn:hover { - color: #39215b !important; + color: #fff !important; border-color: #39215b !important; } .ant-modal-confirm-btns .ant-btn-primary { @@ -1288,7 +1306,7 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte .admin_page .admin_table_search .admin_state .header_user_content.active { display: block; } -.admin_page .admin_table_content { +.admin_table_content { margin-top: 2.6rem; width: 100%; height: calc(100% - 13.7rem); @@ -1297,65 +1315,65 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte border-radius: 2rem; overflow: hidden; } -.admin_page .admin_table_content .ant-table { +.admin_table_content .ant-table { background: transparent; } -.admin_page .admin_table_content .ant-table-body { +.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 { +.admin_table_content .ant-table-body::-webkit-scrollbar { width: 0 !important; } -.admin_page .admin_table_content .ant-table-body::-webkit-scrollbar-horizontal { +.admin_table_content .ant-table-body::-webkit-scrollbar-horizontal { height: 2px !important; width: 2px !important; } -.admin_page .admin_table_content .ant-table-body::-webkit-scrollbar-thumb:horizontal { +.admin_table_content .ant-table-body::-webkit-scrollbar-thumb:horizontal { background-color: #8a8a8a; /* 水平滚动条手柄颜色 */ border-radius: 5px; } -.admin_page .admin_table_content .ant-table-body::-webkit-scrollbar-track:horizontal { +.admin_table_content .ant-table-body::-webkit-scrollbar-track:horizontal { background-color: #f1f1f1; /* 水平滚动条轨道颜色 */ } -.admin_page .admin_table_content .ant-table-thead > tr > th { +.admin_table_content .ant-table-thead > tr > th { background: #ffffff; border-bottom: none; } -.admin_page .admin_table_content .ant-table-tbody > tr > td { +.admin_table_content .ant-table-tbody > tr > td { border: none; background: #fff; } -.admin_page .admin_table_content .operate_list { +.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 { +.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 { +.admin_table_content .ant-table-tbody > tr:hover > td { background: #cacaca; } -.admin_page .admin_table_content .ant-table-pagination-right { +.admin_table_content .ant-table-pagination-right { padding-right: 3.5rem; } -.admin_page .admin_table_content .operate_list { +.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 { +.admin_table_content .operate_list .operate_item { font-size: 1.4rem; font-family: Roboto; font-weight: 400; @@ -1878,6 +1896,71 @@ textarea:focus { top: 0rem; border: 1px solid #dcdfe6; } +.collection_modal_body .input_border .generage_btn_box, +.design_detail_modal_component .input_border .generage_btn_box, +.library_page .input_border .generage_btn_box, +.productImg_modal .input_border .generage_btn_box, +.accountEdit_page .input_border .generage_btn_box, +.generalMenu_printModel_upload .input_border .generage_btn_box { + position: relative; + display: flex; + align-items: center; +} +.collection_modal_body .input_border .generage_btn_box .icon-xiala, +.design_detail_modal_component .input_border .generage_btn_box .icon-xiala, +.library_page .input_border .generage_btn_box .icon-xiala, +.productImg_modal .input_border .generage_btn_box .icon-xiala, +.accountEdit_page .input_border .generage_btn_box .icon-xiala, +.generalMenu_printModel_upload .input_border .generage_btn_box .icon-xiala { + margin-left: 1rem; + transition: all 0.3s; + cursor: pointer; +} +.collection_modal_body .input_border .generage_btn_box .icon-xiala.active, +.design_detail_modal_component .input_border .generage_btn_box .icon-xiala.active, +.library_page .input_border .generage_btn_box .icon-xiala.active, +.productImg_modal .input_border .generage_btn_box .icon-xiala.active, +.accountEdit_page .input_border .generage_btn_box .icon-xiala.active, +.generalMenu_printModel_upload .input_border .generage_btn_box .icon-xiala.active { + transform: rotate(180deg); +} +.collection_modal_body .input_border .generage_btn_box .content, +.design_detail_modal_component .input_border .generage_btn_box .content, +.library_page .input_border .generage_btn_box .content, +.productImg_modal .input_border .generage_btn_box .content, +.accountEdit_page .input_border .generage_btn_box .content, +.generalMenu_printModel_upload .input_border .generage_btn_box .content { + position: absolute; + top: 100%; + width: calc(100% - 2rem); + left: 2rem; + text-align: center; + border-radius: calc(1rem*1.2); + overflow: hidden; + z-index: 3; + margin-top: 0.2rem; +} +.collection_modal_body .input_border .generage_btn_box .content > div, +.design_detail_modal_component .input_border .generage_btn_box .content > div, +.library_page .input_border .generage_btn_box .content > div, +.productImg_modal .input_border .generage_btn_box .content > div, +.accountEdit_page .input_border .generage_btn_box .content > div, +.generalMenu_printModel_upload .input_border .generage_btn_box .content > div { + background: #cccccc; + line-height: 2; + cursor: pointer; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.collection_modal_body .input_border .generage_btn_box .content > div:hover, +.design_detail_modal_component .input_border .generage_btn_box .content > div:hover, +.library_page .input_border .generage_btn_box .content > div:hover, +.productImg_modal .input_border .generage_btn_box .content > div:hover, +.accountEdit_page .input_border .generage_btn_box .content > div:hover, +.generalMenu_printModel_upload .input_border .generage_btn_box .content > div:hover { + background: #999999; +} .collection_modal_body .input_border .generage_btn, .design_detail_modal_component .input_border .generage_btn, .library_page .input_border .generage_btn, @@ -1885,6 +1968,7 @@ textarea:focus { .accountEdit_page .input_border .generage_btn, .generalMenu_printModel_upload .input_border .generage_btn { margin-left: 2rem; + display: flex; } .hideChecked { user-select: none; diff --git a/src/assets/style/style.less b/src/assets/style/style.less index 832b83d8..e2fefa50 100644 --- a/src/assets/style/style.less +++ b/src/assets/style/style.less @@ -220,6 +220,7 @@ input:focus{ border: 2px solid #000; cursor: pointer; box-sizing: border-box; + white-space: nowrap; &.gallery_btn_radius{ border-radius: 1.4rem; } @@ -780,77 +781,95 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte 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,.ant-select-selector{ - height: 2.5rem; - border-radius: 4rem; - padding: 2rem; - box-sizing: content-box; - background-color: #f3f3f3; - width: calc(100% - 4rem); - } - .ant-select-lg{ - font-size: 14px; - .ant-select-selector{ - .ant-select-selection-item{ - height: 100%; - display: flex; - align-items: center; - } - } - } - } - .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; + + } +} +.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; + >input{ + height: 2.5rem !important; + border-radius: 4rem; + padding: 2rem !important; + box-sizing: content-box; + background-color: #f3f3f3; + width: calc(100% - 4rem); + font-size: 1.8rem; + transition: all .3s; + } + >input:hover{ + border: 1px solid; + } + >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,.ant-select-selector,.range_picker{ + height: 2.5rem !important; + border-radius: 4rem; + padding: 2rem !important; + box-sizing: content-box; + background-color: #f3f3f3; + width: calc(100% - 4rem); + } + .ant-picker-input > input{ + font-size: 1.8rem; + } + .ant-select-lg{ + font-size: 1.8rem; + .ant-select-selector{ + .ant-select-selection-item{ + height: 100%; + display: flex; + align-items: center; } } } } -} - + .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; + } + } +} + + .generalModel{//自带关闭的页面 -moz-user-select: none; -webkit-user-select: none; @@ -1158,7 +1177,7 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte } .ant-modal-confirm-btns{ .ant-btn:hover{ - color: #39215b !important; + color: #fff !important; border-color: #39215b !important; } .ant-btn-primary{ @@ -1403,88 +1422,88 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte } } } +} +.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; + } - .admin_table_content { - margin-top: 2.6rem; - width: 100%; - height: calc(100% - 13.7rem); - padding-bottom: 3rem; + .ant-table-body { + overflow-y: auto !important; + -ms-overflow-style: none; + overflow: -moz-scrollbars-none; + &::-webkit-scrollbar { + width: 0 !important; + } + &::-webkit-scrollbar-horizontal { + height: 2px !important; + width: 2px !important; + } + &::-webkit-scrollbar-thumb:horizontal { + background-color: #8a8a8a; /* 水平滚动条手柄颜色 */ + border-radius: 5px; + } + + &::-webkit-scrollbar-track:horizontal { + background-color: #f1f1f1; /* 水平滚动条轨道颜色 */ + } + } + .ant-table-thead > tr > th { + background: #ffffff; + border-bottom: none; + // backdrop-filter: blur(1rem); + } + + .ant-table-tbody > tr > td { + border: none; background: #fff; - border-radius: 2rem; - overflow: hidden; - .ant-table { - background: transparent; - } + // color: #fff; + } + .operate_list{ + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 1rem; - .ant-table-body { - overflow-y: auto !important; - -ms-overflow-style: none; - overflow: -moz-scrollbars-none; - &::-webkit-scrollbar { - width: 0 !important; - } - &::-webkit-scrollbar-horizontal { - height: 2px !important; - width: 2px !important; - } - &::-webkit-scrollbar-thumb:horizontal { - background-color: #8a8a8a; /* 水平滚动条手柄颜色 */ - border-radius: 5px; - } - - &::-webkit-scrollbar-track:horizontal { - background-color: #f1f1f1; /* 水平滚动条轨道颜色 */ - } + .operate_item{ + font-size: 1.4rem; + font-family: Roboto; + font-weight: 400; + color: #343579; + cursor: pointer; } - .ant-table-thead > tr > th { - background: #ffffff; - border-bottom: none; - // backdrop-filter: blur(1rem); + } + .ant-table-tbody > tr { + &:hover > td { + background: rgb(202, 202, 202) } - - .ant-table-tbody > tr > td { - border: none; - background: #fff; - // color: #fff; - } - .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; - } - } - .ant-table-tbody > tr { - &:hover > td { - background: rgb(202, 202, 202) - } - } - .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-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; } } } + .homeMain_heade,.account_message{ .ant-badge{ width: auto; @@ -1889,9 +1908,45 @@ textarea:focus{ // color: red; // width: 100%; // } + .generage_btn_box{ + position: relative; + display: flex; + align-items: center; + .icon-xiala{ + margin-left: 1rem; + transition: all .3s; + cursor: pointer; + &.active{ + transform: rotate(180deg); + } + } + .content{ + position: absolute; + top: 100%; + width: calc(100% - 2rem); + left: 2rem; + text-align: center; + border-radius: calc(1rem* 1.2); + overflow: hidden; + z-index: 3; + margin-top: .2rem; + >div{ + background: #cccccc; + line-height: 2; + cursor: pointer; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + >div:hover{ + background: #999999; + } + } + } .generage_btn{ // margin: 0 auto; margin-left: 2rem; + display: flex; } } diff --git a/src/component/Account/account.vue b/src/component/Account/account.vue index 21f6a292..83686146 100644 --- a/src/component/Account/account.vue +++ b/src/component/Account/account.vue @@ -7,19 +7,19 @@
- +
- {{$t('account.Follow')}}:{{ userInfo?.followeeCount }} + {{$t('account.Follow')}}:{{ userDetail.followeeCount }}
- {{$t('account.Fans')}}:{{ userInfo?.followerCount }} + {{$t('account.Fans')}}:{{ userDetail.followerCount }}
@@ -54,7 +54,6 @@ import { Https } from "@/tool/https"; import { Modal,message } from 'ant-design-vue'; import { useRouter,useRoute } from 'vue-router' import { useStore } from "vuex"; -import { setCookie, getCookie, WriteCookie } from "@/tool/cookie"; import { useI18n } from 'vue-i18n' export default defineComponent({ components:{ @@ -63,14 +62,9 @@ export default defineComponent({ const {t} = useI18n() const store = useStore(); - let userInfo:any= computed(()=>{ - return store.state.UserHabit.userInfo + let userDetail= computed(()=>{ + return store.state.UserHabit.userDetail }) - let cookieUserInfo = ref(null) - if(getCookie('userInfo')){ - let userInfo:any = getCookie('userInfo') - cookieUserInfo.value = JSON.parse(userInfo) - } let accountHomeData = reactive({ rootSubmenuKeys:[ { @@ -96,8 +90,7 @@ export default defineComponent({ router.push({path:event.item.route}) } return{ - userInfo, - cookieUserInfo, + userDetail, ...toRefs(accountHomeData), router, handleClick, diff --git a/src/component/Account/accountFollowFans.vue b/src/component/Account/accountFollowFans.vue index f4d09157..25b63584 100644 --- a/src/component/Account/accountFollowFans.vue +++ b/src/component/Account/accountFollowFans.vue @@ -43,7 +43,6 @@ import { Https } from "@/tool/https"; import { useRouter,useRoute } from 'vue-router' import { Modal,message } from 'ant-design-vue'; import { useStore } from "vuex"; -import { setCookie, getCookie, WriteCookie } from "@/tool/cookie"; import follow from '@/component/Account/followFans/follow.vue' import fans from '@/component/Account/followFans/fans.vue' import { useI18n } from 'vue-i18n' @@ -70,9 +69,6 @@ export default defineComponent({ ], activeKey: '', }) - let userInfo= computed(()=>{ - return store.state.UserHabit.userInfo - }) let domRefs:any = reactive({ follow:ref(null), fans:ref(null), @@ -108,7 +104,6 @@ export default defineComponent({ return{ ...toRefs(accountMessage), ...toRefs(domRefs), - userInfo, messageSystem, setReadStatus, changeTabs, diff --git a/src/component/Account/accountMessage.vue b/src/component/Account/accountMessage.vue index a3f807c4..d737651b 100644 --- a/src/component/Account/accountMessage.vue +++ b/src/component/Account/accountMessage.vue @@ -39,7 +39,6 @@ import { Https } from "@/tool/https"; import { useRouter,useRoute } from 'vue-router' import { Modal,message } from 'ant-design-vue'; import { useStore } from "vuex"; -import { setCookie, getCookie, WriteCookie } from "@/tool/cookie"; import system from '@/component/Account/message/system.vue' import privateChat from '@/component/Account/message/privateChat.vue' import newFollow from '@/component/Account/message/newFollow.vue' diff --git a/src/component/Account/followFans/fans.vue b/src/component/Account/followFans/fans.vue index a5c03d05..2fd56d47 100644 --- a/src/component/Account/followFans/fans.vue +++ b/src/component/Account/followFans/fans.vue @@ -39,10 +39,7 @@ import { defineComponent,computed,ref,reactive,nextTick,toRefs,createVNode, onMounted} from 'vue' import { Https } from "@/tool/https"; import { useRouter,useRoute } from 'vue-router' -import { Modal,message } from 'ant-design-vue'; import { useStore } from "vuex"; -import { setCookie, getCookie, WriteCookie } from "@/tool/cookie"; -import { useI18n } from 'vue-i18n' export default defineComponent({ components:{ }, diff --git a/src/component/Account/followFans/follow.vue b/src/component/Account/followFans/follow.vue index 5277d011..4d5944a0 100644 --- a/src/component/Account/followFans/follow.vue +++ b/src/component/Account/followFans/follow.vue @@ -46,10 +46,7 @@ import { defineComponent,computed,ref,reactive,nextTick,toRefs,createVNode, onMounted} from 'vue' import { Https } from "@/tool/https"; import { useRouter,useRoute } from 'vue-router' -import { Modal,message } from 'ant-design-vue'; import { useStore } from "vuex"; -import { setCookie, getCookie, WriteCookie } from "@/tool/cookie"; -import { useI18n } from 'vue-i18n' export default defineComponent({ components:{ }, diff --git a/src/component/Account/frontPage.vue b/src/component/Account/frontPage.vue index d3e4fdad..3fb8084e 100644 --- a/src/component/Account/frontPage.vue +++ b/src/component/Account/frontPage.vue @@ -20,7 +20,6 @@ import { Https } from "@/tool/https"; import { useRouter,useRoute } from 'vue-router' import { Modal,message } from 'ant-design-vue'; import { useStore } from "vuex"; -import { setCookie, getCookie, WriteCookie } from "@/tool/cookie"; import myInformation from '@/component/Account/frontPage/mylnformation.vue'; import bind from '@/component/Account/frontPage/bindPage.vue'; import cancelRenewal from '@/component/Account/frontPage/cancelRenewal.vue'; @@ -33,7 +32,8 @@ export default defineComponent({ }, setup() { const {t} = useI18n() - const router = useRouter() + const route = useRoute(); + const router = useRouter(); const store = useStore(); let accountfrontPage = reactive({ frontPageList:[ @@ -47,8 +47,8 @@ export default defineComponent({ title:t('account.cancel'), key:'cancelRenewal', } - ], + loadingShow:false, activeKey: '', }) let domRefs:any = reactive({ @@ -77,49 +77,35 @@ export default defineComponent({ reject(err) }) }) - } - let setAllfrontPage = ()=>{ - return new Promise((resolve,reject)=>{ - let data = { - type:accountfrontPage.activeKey - } - Https.axiosPost(Https.httpUrls.oneClickRead,'',{params:data}).then((rv)=>{ - resolve(rv) - }).catch((err)=>{ - reject(err - ) - }) - }) - } - let getHistory = (data:any)=>{ - return new Promise((resolve,reject)=>{ - data.type = accountfrontPage.activeKey - let url = Https.httpUrls.getHistoryNotification - // if(data.type == 'follow'){ - // url = Https.httpUrls.porfolioGetFollowerList - // } - Https.axiosPost(url,data).then((rv)=>{ - if(rv){ - // domRefs[data.type][0].setfrontPageList(rv,data) - resolve(rv) - } - }).catch((err)=>{ - reject(err) - }) - }) + const wechatLogin = (value:any)=> { + let data = { + code : value.code + } + accountfrontPage.loadingShow = true + Https.axiosGet(Https.httpUrls.bindWeChat, {params:data}) + .then((rv) => { + accountfrontPage.loadingShow = false + console.log(rv); + + router.push({ query: {} }); + }) + .catch((res) => {accountfrontPage.loadingShow = false}); } onMounted(()=>{ let key = accountfrontPage.frontPageList[0].key accountfrontPage.activeKey = key + const data = route.query + if(data?.state == 'weiXin'){ + accountfrontPage.activeKey = 'bind' + wechatLogin(data) + } }) return{ ...toRefs(accountfrontPage), ...toRefs(domRefs), setReadStatus, changeTabs, - setAllfrontPage, - getHistory, } }, data(){ diff --git a/src/component/Account/frontPage/bindPage.vue b/src/component/Account/frontPage/bindPage.vue index 75b3a5b7..5f936a2c 100644 --- a/src/component/Account/frontPage/bindPage.vue +++ b/src/component/Account/frontPage/bindPage.vue @@ -5,43 +5,148 @@
Bind Wechat
- -
Unbound
+ + +
{{ userDetail.accountExtendList?.WeChat?userDetail.accountExtendList?.WeChat.name:'Unbound' }}
- + +
- +
+
Bind Gmail
+
+
+ + +
{{ userDetail.accountExtendList?.Google?userDetail.accountExtendList?.Google.name:'Unbound' }}
+
+
+ + +
+
+
+ +
+
+ +
+ - \ No newline at end of file diff --git a/src/component/Administrator/affiliate/itemAffiliateDetail.vue b/src/component/Administrator/affiliate/itemAffiliateDetail.vue new file mode 100644 index 00000000..e6d9dcaa --- /dev/null +++ b/src/component/Administrator/affiliate/itemAffiliateDetail.vue @@ -0,0 +1,228 @@ + + + \ No newline at end of file diff --git a/src/component/Administrator/allUser.vue b/src/component/Administrator/allUser.vue index 4c7c520c..dd06e151 100644 --- a/src/component/Administrator/allUser.vue +++ b/src/component/Administrator/allUser.vue @@ -88,7 +88,7 @@ class="admin_state_list_item" @click="lastGeTrialList('year')" > - Last year + Nearly a year
Search
-
Last year
+
Nearly a year
Last month
Last week
diff --git a/src/component/Administrator/recentActiveUser.vue b/src/component/Administrator/recentActiveUser.vue index b4687e9f..a966b01f 100644 --- a/src/component/Administrator/recentActiveUser.vue +++ b/src/component/Administrator/recentActiveUser.vue @@ -28,7 +28,7 @@
Search
-
Last year
+
Nearly a year
Last month
Last week
diff --git a/src/component/Administrator/recentActiveUserChart.vue b/src/component/Administrator/recentActiveUserChart.vue index 1ad7890d..1e51d5c9 100644 --- a/src/component/Administrator/recentActiveUserChart.vue +++ b/src/component/Administrator/recentActiveUserChart.vue @@ -29,7 +29,7 @@
Search
-
Last year
+
Nearly a year
Last month
Last week
diff --git a/src/component/Administrator/recentNewUser.vue b/src/component/Administrator/recentNewUser.vue index 5ffeb3c8..dc8ba4b8 100644 --- a/src/component/Administrator/recentNewUser.vue +++ b/src/component/Administrator/recentNewUser.vue @@ -32,7 +32,7 @@
Search
-
Last year
+
Nearly a year
Last month
Last week
diff --git a/src/component/Administrator/recentNewUserChart.vue b/src/component/Administrator/recentNewUserChart.vue index 9138ff1d..d29c6d9e 100644 --- a/src/component/Administrator/recentNewUserChart.vue +++ b/src/component/Administrator/recentNewUserChart.vue @@ -32,7 +32,7 @@
Search
-
Last year
+
Nearly a year
Last month
Last week
diff --git a/src/component/Administrator/trialAllUser.vue b/src/component/Administrator/trialAllUser.vue index 1148a6c3..af72598b 100644 --- a/src/component/Administrator/trialAllUser.vue +++ b/src/component/Administrator/trialAllUser.vue @@ -63,7 +63,7 @@
Search
-
Last year
+
Nearly a year
Last month
Last week
diff --git a/src/component/Administrator/trialApproval.vue b/src/component/Administrator/trialApproval.vue index efaa0d22..40d5887e 100644 --- a/src/component/Administrator/trialApproval.vue +++ b/src/component/Administrator/trialApproval.vue @@ -41,7 +41,7 @@
agree
@@ -67,7 +67,6 @@ + + \ No newline at end of file diff --git a/src/component/mainPage/signUp/index.vue b/src/component/mainPage/signUp/index.vue index ee25aea2..91b000c9 100644 --- a/src/component/mainPage/signUp/index.vue +++ b/src/component/mainPage/signUp/index.vue @@ -5,7 +5,7 @@ < BACK
Choose your subscription plan
-
LEARN MORE ALL OUR PRODUCT FEATURES
+
LEARN MORE ALL OUR PRODUCT FEATURES