17 Commits

Author SHA1 Message Date
李志鹏
3ed5a37e5b 1 2026-05-15 16:25:08 +08:00
李志鹏
5546c71ec0 线稿图手动排序后更新bug 2026-05-15 15:01:17 +08:00
李志鹏
8a7776a4b6 去掉管理员界面的allUser编辑userName 2026-05-15 10:15:18 +08:00
X1627315083@163.com
a1281c8e3f fix 2026-05-14 18:06:01 +08:00
X1627315083@163.com
9a40e69081 fix 2026-05-14 09:27:06 +08:00
X1627315083@163.com
e27b43dc67 管理员页面增加globalAward流量页面 2026-05-13 17:29:05 +08:00
X1627315083@163.com
b6a55a8124 调整选择风格布局 2026-05-12 17:18:16 +08:00
6cace08a51 style: 去除底边距 2026-04-28 17:11:19 +08:00
6207095221 feat: 管理员页面 2026-04-28 17:11:10 +08:00
李志鹏
7bb38bf2e5 处理Safari 不支持requestIdleCallback方法 2026-04-24 17:11:48 +08:00
X1627315083@163.com
743fc762d6 fix 2026-04-23 16:57:03 +08:00
7297e4e7a4 bugfix 2026-04-23 14:08:59 +08:00
3bff1ebb66 feat: 工具函数 2026-04-23 14:05:00 +08:00
0d1656ee0a style: 字体间距 2026-04-23 13:56:54 +08:00
7d0873d874 style: 调整活动页样式 2026-04-23 13:56:47 +08:00
82941bca7c feat: 活动页 2026-04-23 11:22:21 +08:00
949ff9292d feat: 活动页面文案 2026-04-23 11:10:02 +08:00
23 changed files with 2341 additions and 1674 deletions

View File

@@ -9,6 +9,11 @@
"id": 2, "id": 2,
"title": "AiDA X SFT AI Fashion Award 2024", "title": "AiDA X SFT AI Fashion Award 2024",
"imgUrl": "/image/events/Fashion-Award-2024.png" "imgUrl": "/image/events/Fashion-Award-2024.png"
},
{
"id": 3,
"title": "AiDA Global Design Awards 2026",
"imgUrl": "/image/events/award-poster.gif"
} }
], ],
"eventsItem": [ "eventsItem": [
@@ -16,18 +21,19 @@
"id": 3, "id": 3,
"title": "AiDA Global Design Awards 2026", "title": "AiDA Global Design Awards 2026",
"imgUrl": "/image/events/award-poster.gif", "imgUrl": "/image/events/award-poster.gif",
"tips": "For inquiries: awards2026@code-create.com.hk",
"textList": [ "textList": [
{ {
"paragraph": [ "paragraph": [
{ {
"text": "Click the “View Details” button for more information and to join the competition! The AiDA Global Design Award 2026 is an international design competition hosted by CodeCreate, a globally leading AI fashion solutions provider, celebrating the future of creativity powered by artificial intelligence. Open to designers from Hong Kong, China, Singapore, South Korea, and beyond, the competition brings together global talent, empowering AI as a creative partner—pushing fashion beyond traditional boundaries and unlocking new possibilities where technology amplifies human imagination." "text": "Click the “View Details” button for more information and to join the competition! The AiDA Global Design Award 2026 is an international design competition hosted by CodeCreate, a globally leading AI fashion solutions provider, celebrating the future of creativity powered by artificial intelligence. Open to designers worldwide the competition brings together global talent, empowering AI as a creative partner—pushing fashion beyond traditional boundaries and unlocking new possibilities where technology amplifies human imagination."
} }
] ]
}, },
{ {
"paragraph": [ "paragraph": [
{ {
"text": "Participants have the opportunity to compete for cash prizes totaling up to US$9,000, gain global media exposure showcased by top international platforms, and connect with designers and industry leaders worldwide. Finalists will also attend an exclusive award ceremony in Hong Kong, with travel support provided, allowing them to showcase their talent, network with professionals, and celebrate their achievements on an international stage." "text": "Participants have the opportunity to compete for cash prizes totaling up to US$9,000, gain global media exposure showcased by top international platforms, and connect with designers and industry leaders worldwide. Finalists will also attend an exclusive award ceremony in Hong Kong, with travel allowance, allowing them to showcase their talent, network with professionals, and celebrate their achievements on an international stage."
} }
] ]
} }

View File

@@ -9,6 +9,11 @@
"id": 2, "id": 2,
"title": "AiDA X SFT AI时尚设计比赛2024", "title": "AiDA X SFT AI时尚设计比赛2024",
"imgUrl": "/image/events/Fashion-Award-2024.png" "imgUrl": "/image/events/Fashion-Award-2024.png"
},
{
"id": 3,
"title": "AiDA全球设计奖 2026",
"imgUrl": "/image/events/award-poster-zh.gif"
} }
], ],
"eventsItem": [ "eventsItem": [
@@ -16,18 +21,19 @@
"id": 3, "id": 3,
"title": "AiDA全球设计奖 2026", "title": "AiDA全球设计奖 2026",
"imgUrl": "/image/events/award-poster-zh.gif", "imgUrl": "/image/events/award-poster-zh.gif",
"tips": "如有疑问请联系awards2026@code-create.com.hk",
"textList": [ "textList": [
{ {
"paragraph": [ "paragraph": [
{ {
"text": "秉承推动 AI 赋能创意设计的初衷CodeCreate 举办了「AiDA 全球设计大奖 2026」面向来自香港、中国、新加坡、韩国及全球的设计师,鼓励大家探索 AI 与时尚设计的无限可能,突破传统界限,释放科技与想象力的创新潜能。点击“查看详情”按钮获取更多比赛信息,抓住成为 AI 时尚先锋的机会吧!" "text": "秉承推动 AI 赋能创意设计的初衷CodeCreate 举办了「AiDA 全球设计大奖 2026」面向来全球的设计师鼓励大家探索 AI 与时尚设计的无限可能,突破传统界限,释放科技与想象力的创新潜能。点击“查看详情”按钮获取更多比赛信息,抓住成为 AI 时尚先锋的机会吧!"
} }
] ]
}, },
{ {
"paragraph": [ "paragraph": [
{ {
"text": "参赛者将有机会赢取总奖金 9,000 美元,作品还将获得国际媒体展示机会,并与全球设计师和行业领袖建立联系。入围决赛者将受邀参加在香港举办的 专属颁奖典礼,主办方提供差旅支持,让设计师在国际舞台展示才华、拓展人脉,并共同庆祝创意成果。" "text": "参赛者将有机会赢取总奖金 9,000 美元,作品还将获得国际媒体展示机会,并与全球设计师和行业领袖建立联系。入围决赛者将受邀参加在香港举办的 专属颁奖典礼,主办方提供差旅津贴,让设计师在国际舞台展示才华、拓展人脉,并共同庆祝创意成果。"
} }
] ]
} }

View File

@@ -2,21 +2,36 @@
<div class="account_systemMessage"> <div class="account_systemMessage">
<div class="account_generalMessage_title modal_title_text"> <div class="account_generalMessage_title modal_title_text">
<!-- <span>系统消息</span> --> <!-- <span>系统消息</span> -->
<div class="account_generalMessage_title_setting" @click="allRead">{{$t('account.AllRead')}}</div> <div class="account_generalMessage_title_setting" @click="allRead">
{{ $t("account.AllRead") }}
</div> </div>
<div class="account_generalMessage_item modal_title_text" v-for="item in dataList" :key="item.id" @click="setRead(item)"> </div>
<div
class="account_generalMessage_item modal_title_text"
v-for="item in dataList"
:key="item.id"
@click="setRead(item)"
>
<a-badge :dot="item.isRead == 0"></a-badge> <a-badge :dot="item.isRead == 0"></a-badge>
<div class="account_generalMessage_item_title"> <div class="account_generalMessage_item_title">
<div class="account_generalMessage_item_title_text" :title="item.content">{{ item.content.title }}</div> <div class="account_generalMessage_item_title_text" :title="item.content">
{{ item.content.title }}
</div>
<div class="modal_title_text_intro">{{ item.createTime }}</div> <div class="modal_title_text_intro">{{ item.createTime }}</div>
</div> </div>
<div class="modal_title_text_intro"> <div class="modal_title_text_intro">
{{ item.content.content }} {{ item.content.content }}
<span v-if="item.content.link" class="account_generalMessage_item_link">{{ item.content.link }}</span> <span v-if="item.content.link" class="account_generalMessage_item_link">{{
item.content.link
}}</span>
</div> </div>
</div> </div>
<div class="account_generalMessage_item modal_title_text" style="display:flex;justify-content: center;" v-if="dataList.length == 0 && isNoData"> <div
{{$t('account.dataNull')}} class="account_generalMessage_item modal_title_text"
style="display: flex; justify-content: center"
v-if="dataList.length == 0 && isNoData"
>
{{ $t("account.dataNull") }}
</div> </div>
<div class="page_loading_box" v-show="!isNoData"> <div class="page_loading_box" v-show="!isNoData">
<span class="page_loading" ref="loadingDom" v-show="!isShowMark"></span> <span class="page_loading" ref="loadingDom" v-show="!isShowMark"></span>
@@ -27,117 +42,135 @@
</div> </div>
</template> </template>
<script lang="ts"> <script lang="ts">
import { defineComponent,computed,ref,reactive,nextTick,toRefs,createVNode, onMounted} from 'vue' import {
import { Https } from "@/tool/https"; defineComponent,
import { useRouter,useRoute } from 'vue-router' computed,
import { useStore } from "vuex"; ref,
import { useI18n } from 'vue-i18n' reactive,
nextTick,
toRefs,
createVNode,
onMounted
} from "vue"
import { Https } from "@/tool/https"
import { useRouter, useRoute } from "vue-router"
import { useStore } from "vuex"
import { useI18n } from "vue-i18n"
import { isValidUrl } from "@/tool/util"
export default defineComponent({ export default defineComponent({
components:{ components: {},
},
// emits:['putListData'], // emits:['putListData'],
props:['setReadStatus','setAllmessage','getHistory'], props: ["setReadStatus", "setAllmessage", "getHistory"],
setup(prop,{emit}) { setup(prop, { emit }) {
const router = useRouter() const router = useRouter()
const store = useStore(); const store = useStore()
let accountMessage = reactive({ let accountMessage = reactive({
dataList: [], dataList: [],
page:1, page: 1,
size:10, size: 10,
isNoData: false, isNoData: false,
isShowMark: false, isShowMark: false
}) })
let loadingDom:any = ref(null) let loadingDom: any = ref(null)
let setmessageList = ()=>{ let setmessageList = () => {
accountMessage.isShowMark = true accountMessage.isShowMark = true
let data = { let data = {
page: accountMessage.page, page: accountMessage.page,
size: accountMessage.size, size: accountMessage.size
} }
prop.getHistory(data).then((rv:any)=>{ prop.getHistory(data)
.then((rv: any) => {
accountMessage.isShowMark = false accountMessage.isShowMark = false
if(rv.content.length == 0) { if (rv.content.length == 0) {
accountMessage.isNoData = true accountMessage.isNoData = true
}else{ } else {
rv.content.forEach((item:any) => { rv.content.forEach((item: any) => {
item.content = JSON.parse(item.content) item.content = JSON.parse(item.content)
}); })
accountMessage.dataList.push(...rv.content) accountMessage.dataList.push(...rv.content)
} }
}).catch(() => { })
.catch(() => {
accountMessage.isShowMark = false accountMessage.isShowMark = false
accountMessage.isNoData = true accountMessage.isNoData = true
}) })
} }
let setRead = (item:any)=>{ let setRead = (item: any) => {
prop.setReadStatus(item).then((rv:any)=>{ let content = item.content.content
item.isRead = 1 if (isValidUrl(content)) {
}).catch((err:any)=>{ if (import.meta.env.VITE_APP_BASE_URL === "https://develop.api.aida.com.hk") {
}) content += "&env=dev"
} }
let allRead = ()=>{ window.open(content, "_blank")
// emit('setAllmessage') }
prop.setAllmessage().then(()=>{
accountMessage.dataList.forEach((item:any)=>{ prop.setReadStatus(item)
.then((rv: any) => {
item.isRead = 1 item.isRead = 1
}) })
}).catch((err:any)=>{ .catch((err: any) => {})
}
let allRead = () => {
// emit('setAllmessage')
prop.setAllmessage()
.then(() => {
accountMessage.dataList.forEach((item: any) => {
item.isRead = 1
}) })
})
.catch((err: any) => {})
} }
// provide('exhibitionList',exhibitionList) // provide('exhibitionList',exhibitionList)
onMounted (()=>{ onMounted(() => {
accountMessage.isNoData = false accountMessage.isNoData = false
accountMessage.page = 0 accountMessage.page = 0
let imgParent:any = document.querySelector('.account_systemMessage .page_loading') let imgParent: any = document.querySelector(".account_systemMessage .page_loading")
new IntersectionObserver( new IntersectionObserver(
(entries, observer) => { (entries, observer) => {
// 如果不是相交,则直接返回 // 如果不是相交,则直接返回
// console.log(entries[0]); // console.log(entries[0]);
if (!entries[0].intersectionRatio) return; if (!entries[0].intersectionRatio) return
accountMessage.page+=1 accountMessage.page += 1
setmessageList() setmessageList()
}, }
// { root:worksPage } // { root:worksPage }
).observe(loadingDom.value); ).observe(loadingDom.value)
}) })
return{ return {
...toRefs(accountMessage), ...toRefs(accountMessage),
setmessageList, setmessageList,
setRead, setRead,
allRead, allRead,
loadingDom, loadingDom
} }
}, },
data(){ data() {
return{ return {}
} }
},
}) })
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.account_systemMessage{ .account_systemMessage {
width: 100%; width: 100%;
.account_generalMessage_item{ .account_generalMessage_item {
font-size: var(--aida-fsize1-6); font-size: var(--aida-fsize1-6);
.account_generalMessage_item_title{ .account_generalMessage_item_title {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 2rem; margin-bottom: 2rem;
.account_generalMessage_item_title_text{ .account_generalMessage_item_title_text {
max-width: 80%; max-width: 80%;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.modal_title_text_intro{ .modal_title_text_intro {
margin-left: 4rem; margin-left: 4rem;
} }
} }
} }
.modal_title_text_intro{ .modal_title_text_intro {
word-break: break-word; word-break: break-word;
white-space: pre-wrap; white-space: pre-wrap;
font-family: Arial, sans-serif; font-family: Arial, sans-serif;

View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="admin_page"> <div class="admin_page">
<div class="admin_table_search" :style="{height:isAwayOrUnfold?'7rem':''}"> <div class="admin_table_search" :style="{ height: isAwayOrUnfold ? '7rem' : '' }">
<div class="admin_state"> <div class="admin_state">
<div class="admin_state_item"> <div class="admin_state_item">
<span>Create Time:</span> <span>Create Time:</span>
@@ -8,16 +8,11 @@
style="width: 250px" style="width: 250px"
class="range_picker" class="range_picker"
v-model:value="rangePickerValue" v-model:value="rangePickerValue"
:placeholder="[ :placeholder="[$t('HistoryPage.StartDate'), $t('HistoryPage.EndDate')]"
$t('HistoryPage.StartDate'),
$t('HistoryPage.EndDate'),
]"
valueFormat="YYYY-MM-DD" valueFormat="YYYY-MM-DD"
> >
<template #suffixIcon> <template #suffixIcon>
<span <span class="icon iconfont range_picker_icon icon-rili"></span>
class="icon iconfont range_picker_icon icon-rili"
></span>
</template> </template>
</a-range-picker> </a-range-picker>
</div> </div>
@@ -63,38 +58,50 @@
show-search show-search
></a-select> ></a-select>
</div> </div>
<div class="admin_state_item">
<span>Orgnization:</span>
<a-select
v-model:value="organizationId"
placeholder="Select the organization"
allow-clear
style="width: 250px"
@popupScroll="handleOrganizationScroll"
>
<a-select-option
v-for="item in organizationOptions"
:key="item.id"
:value="item.id"
>
{{ item.name }}
</a-select-option>
</a-select>
</div>
</div> </div>
<div class="admin_search"> <div class="admin_search">
<div class="admin_search_item" @click="searchHistoryList" :style="{height:isAwayOrUnfold?'4rem':''}"> <div
class="admin_search_item"
@click="searchHistoryList"
:style="{ height: isAwayOrUnfold ? '4rem' : '' }"
>
Search Search
</div> </div>
<div class="admin_search_item" @click="addhHistoryList"> <div class="admin_search_item" @click="addhHistoryList">Add</div>
Add
</div>
</div> </div>
<div class="admin_state_list"> <div class="admin_state_list">
<div <div class="admin_state_list_item" @click="lastGeTrialList('year')">
class="admin_state_list_item"
@click="lastGeTrialList('year')"
>
Nearly a year Nearly a year
</div> </div>
<div <div class="admin_state_list_item" @click="lastGeTrialList('month')">
class="admin_state_list_item"
@click="lastGeTrialList('month')"
>
Last month Last month
</div> </div>
<div <div class="admin_state_list_item" @click="lastGeTrialList('week')">Last week</div>
class="admin_state_list_item"
@click="lastGeTrialList('week')"
>
Last week
</div> </div>
</div> </div>
</div> <div class="awayOrUnfold" :class="{ active: isAwayOrUnfold }">
<div class="awayOrUnfold" :class="{active:isAwayOrUnfold}"> <span
<span class="icon iconfont menu_icon icon-xiala" @click="()=>isAwayOrUnfold = !isAwayOrUnfold"></span> class="icon iconfont menu_icon icon-xiala"
@click="() => (isAwayOrUnfold = !isAwayOrUnfold)"
></span>
</div> </div>
<div class="admin_table_content" ref="historyTable"> <div class="admin_table_content" ref="historyTable">
<a-table <a-table
@@ -104,24 +111,19 @@
:data-source="dataList" :data-source="dataList"
:scroll="{ y: historyTableHeight }" :scroll="{ y: historyTableHeight }"
@change="changePage" @change="changePage"
:showSorterTooltip='false' :showSorterTooltip="false"
:pagination="{ :pagination="{
showSizeChanger: true, showSizeChanger: true,
current: currentPage, current: currentPage,
pageSize: pageSize, pageSize: pageSize,
total: total, total: total,
showQuickJumper: true, showQuickJumper: true,
bordered: false, bordered: false
}" }"
> >
<template #bodyCell="{ column, text, record, index }"> <template #bodyCell="{ column, text, record, index }">
<div class="operate_list" v-if="column?.Operations"> <div class="operate_list" v-if="column?.Operations">
<div <div class="operate_item" @click="setAagree(record)">Edit</div>
class="operate_item"
@click="setAagree(record)"
>
Edit
</div>
<!-- <div <!-- <div
class="operate_item" class="operate_item"
@click="deleteGroup(record, index)" @click="deleteGroup(record, index)"
@@ -132,34 +134,29 @@
</template> </template>
</a-table> </a-table>
</div> </div>
<allUserPoerationsVue ref="allUserPoerationsVue" @searchHistoryList="searchHistoryList"></allUserPoerationsVue> <allUserPoerationsVue
ref="allUserPoerationsVue"
@searchHistoryList="searchHistoryList"
/>
</div> </div>
</template> </template>
<script lang="ts"> <script lang="ts">
import { import { defineComponent, ref, createVNode, computed, reactive, toRefs, onMounted } from "vue"
defineComponent, import { formatTime } from "@/tool/util"
ref, import { useStore } from "vuex"
createVNode, import { Https } from "@/tool/https"
computed, import allUserPoerationsVue from "./allUserPoerations.vue"
reactive, import SelectUser from "@/component/common/SelectUser.vue"
toRefs,
onMounted,
} from "vue";
import { formatTime } from "@/tool/util";
import { useStore } from "vuex";
import { Https } from "@/tool/https";
import allUserPoerationsVue from "./allUserPoerations.vue";
import SelectUser from '@/component/common/SelectUser.vue'
export default defineComponent({ export default defineComponent({
components: {allUserPoerationsVue,SelectUser}, components: { allUserPoerationsVue, SelectUser },
setup() { setup() {
const store:any = useStore() const store: any = useStore()
let filter: any = reactive({ let filter: any = reactive({
dataList: [], dataList: [],
tableLoading: false, tableLoading: false,
allCountry:[], allCountry: [],
isAwayOrUnfold:false isAwayOrUnfold: false
}); })
let filterData: any = reactive({ let filterData: any = reactive({
rangePickerValue: [], rangePickerValue: [],
currentPage: 1, currentPage: 1,
@@ -172,40 +169,41 @@ export default defineComponent({
occupation: "", occupation: "",
systemUser: "", systemUser: "",
order: "", //'Ascending 升序 Descending 降序' order: "", //'Ascending 升序 Descending 降序'
orderBy:'', orderBy: "",
userName: "", userName: "",
}); organizationId: null
})
let state: any = ref([ let state: any = ref([
{ {
label: "all", label: "all",
value: "", value: ""
}, },
{ {
label:'visitor', label: "visitor",
value:'0', value: "0"
}, },
{ {
label:'yearly', label: "yearly",
value:'1', value: "1"
}, },
{ {
label:'monthly', label: "monthly",
value:'2', value: "2"
}, },
{ {
label:'trial', label: "trial",
value:'3', value: "3"
}, },
{ {
label: "userInEvent", label: "userInEvent",
value: "4", value: "4"
}, },
{ {
label: "Edu Admin", label: "Edu Admin",
value: "7", value: "7"
}, }
]); ])
let renameData: any = ref({}); //修改名字选中的数据 let renameData: any = ref({}) //修改名字选中的数据
const columns: any = computed(() => { const columns: any = computed(() => {
return [ return [
{ {
@@ -213,25 +211,25 @@ export default defineComponent({
align: "center", align: "center",
dataIndex: "id", dataIndex: "id",
key: "id", key: "id",
width:100, width: 100,
fixed: "left", fixed: "left",
sorter: true, sorter: true
}, },
{ {
title: "Email", title: "Email",
align: "center", align: "center",
dataIndex: "userEmail", dataIndex: "userEmail",
key: "userEmail", key: "userEmail",
width:200, width: 200,
ellipsis:true ellipsis: true
}, },
{ {
title: "User Name", title: "User Name",
align: "center", align: "center",
dataIndex: "userName", dataIndex: "userName",
key: "userName", key: "userName",
width:150, width: 150,
ellipsis:true ellipsis: true
// customRender: (record: any) => { // customRender: (record: any) => {
// let time = formatTime( // let time = formatTime(
// record.text / 1000, // record.text / 1000,
@@ -245,77 +243,77 @@ export default defineComponent({
align: "center", align: "center",
dataIndex: "language", dataIndex: "language",
key: "language", key: "language",
width:100, width: 100,
ellipsis:true, ellipsis: true
}, },
{ {
title: "Valid Start Time", title: "Valid Start Time",
align: "center", align: "center",
dataIndex: "validStartTime", dataIndex: "validStartTime",
key: "validstartTime", key: "validstartTime",
width:200, width: 200,
ellipsis:true, ellipsis: true,
customRender: (record: any) => { customRender: (record: any) => {
let time = '' let time = ""
if(record.text){ if (record.text) {
time = formatTime(record.text / 1000, 'YYYY-MM-DD hh:mm:ss') time = formatTime(record.text / 1000, "YYYY-MM-DD hh:mm:ss")
} }
return time return time
}, }
}, },
{ {
title: "Valid End Time", title: "Valid End Time",
align: "center", align: "center",
dataIndex: "validEndTime", dataIndex: "validEndTime",
key: "validendTime", key: "validendTime",
width:200, width: 200,
ellipsis:true, ellipsis: true,
customRender: (record: any) => { customRender: (record: any) => {
let time = '' let time = ""
if(record.text){ if (record.text) {
time = formatTime(record.text / 1000, 'YYYY-MM-DD hh:mm:ss') time = formatTime(record.text / 1000, "YYYY-MM-DD hh:mm:ss")
} }
return time return time
}, }
}, },
{ {
title: "Country or Region", title: "Country or Region",
align: "center", align: "center",
dataIndex: "country", dataIndex: "country",
key: "country", key: "country",
width:200, width: 200
}, },
{ {
title: "Create Date", title: "Create Date",
align: "center", align: "center",
dataIndex: "createDate", dataIndex: "createDate",
key: "createDate", key: "createDate",
width:200, width: 200,
sorter: true, sorter: true
}, },
{ {
title: "Is Beginner", title: "Is Beginner",
align: "center", align: "center",
dataIndex: "isBeginner", dataIndex: "isBeginner",
key: "isBeginner", key: "isBeginner",
width:80, width: 80,
ellipsis:true, ellipsis: true,
customRender: (record: any) => { customRender: (record: any) => {
let str; let str
if (record.value == 1) { if (record.value == 1) {
str = "Yes"; str = "Yes"
} else { } else {
str = "No"; str = "No"
}
return str
} }
return str;
},
}, },
{ {
title: 'Machine Room Ip', title: "Machine Room Ip",
align: "center", align: "center",
dataIndex: "browserIdentifiers", dataIndex: "browserIdentifiers",
key: "browserIdentifiers", key: "browserIdentifiers",
width:200, width: 200
}, },
{ {
title: "Credits", title: "Credits",
@@ -326,11 +324,11 @@ export default defineComponent({
// resizable: true, // resizable: true,
dataIndex: "credits", dataIndex: "credits",
key: "credits", key: "credits",
width:100, width: 100,
sorter: true, sorter: true
}, },
{ {
title: 'User Type', title: "User Type",
align: "center", align: "center",
// width: 150, // width: 150,
// minWidth: 100, // minWidth: 100,
@@ -338,84 +336,84 @@ export default defineComponent({
// resizable: true, // resizable: true,
dataIndex: "systemUser", dataIndex: "systemUser",
key: "systemUser", key: "systemUser",
width:100, width: 100,
customRender: (record: any) => { customRender: (record: any) => {
let str; let str
if (record.value == 0) { if (record.value == 0) {
str = "visitor"; str = "visitor"
} else if (record.value == 1) { } else if (record.value == 1) {
str = "yearly"; str = "yearly"
} else if (record.value == 2) { } else if (record.value == 2) {
str = "monthly"; str = "monthly"
} else if (record.value == 3) { } else if (record.value == 3) {
str = "trial"; str = "trial"
} else if (record.value == 4) { } else if (record.value == 4) {
str = "userInEvent"; str = "userInEvent"
} else if (record.value == 7) { } else if (record.value == 7) {
str = "Edu Admin"; str = "Edu Admin"
}
return str
} }
return str;
},
}, },
{ {
title: "Operations", title: "Operations",
key: "operation", key: "operation",
width:120, width: 120,
align: "center", align: "center",
fixed: "right", fixed: "right",
// slots:{customRender:'action'} // slots:{customRender:'action'}
Operations: true, Operations: true
}, }
]; ]
}); })
//改变页码 //改变页码
let changePage = (e: any, filters:any, sorter:any) => { let changePage = (e: any, filters: any, sorter: any) => {
filterData.currentPage = e.current; filterData.currentPage = e.current
filterData.pageSize = e.pageSize; filterData.pageSize = e.pageSize
if(sorter.order){ if (sorter.order) {
if(sorter.columnKey == 'id'){ if (sorter.columnKey == "id") {
filterData.orderBy = 'id' filterData.orderBy = "id"
}else if(sorter.columnKey == "createDate"){ } else if (sorter.columnKey == "createDate") {
filterData.orderBy = 'time' filterData.orderBy = "time"
}else if(sorter.columnKey == "credits"){ } else if (sorter.columnKey == "credits") {
filterData.orderBy = 'credits' filterData.orderBy = "credits"
} }
} }
if(sorter.order){ if (sorter.order) {
filterData.order = sorter.order == "descend" ? "Descending" : "Ascending"; filterData.order = sorter.order == "descend" ? "Descending" : "Ascending"
}else{ } else {
filterData.order = '' filterData.order = ""
}
gettrialList()
} }
gettrialList();
};
//查询列表 //查询列表
let searchHistoryList = () => { let searchHistoryList = () => {
filterData.currentPage = 1; filterData.currentPage = 1
gettrialList(); gettrialList()
}; }
let clearHistoryList = () => { let clearHistoryList = () => {
filterData.rangePickerValue = [], ;((filterData.rangePickerValue = []),
filterData.currentPage = 1, (filterData.currentPage = 1),
filterData.pageSize = 10, (filterData.pageSize = 10),
filterData.total = 0, (filterData.total = 0),
filterData.country = "", (filterData.country = ""),
filterData.email = "", (filterData.email = ""),
filterData.userType = "", (filterData.userType = ""),
filterData.ids = [], (filterData.ids = []),
filterData.occupation = "", (filterData.occupation = ""),
filterData.order = "", //'Ascending 升序 Descending 降序' (filterData.order = ""), //'Ascending 升序 Descending 降序'
filterData.orderBy = "", //'Ascending 升序 Descending 降序' (filterData.orderBy = ""), //'Ascending 升序 Descending 降序'
filterData.systemUser = "", (filterData.systemUser = ""),
filterData.userName = ""; (filterData.userName = ""))
}; }
let setHistoryListData = () => { let setHistoryListData = () => {
let startDate: any = filterData.rangePickerValue?.[0] let startDate: any = filterData.rangePickerValue?.[0]
? filterData.rangePickerValue[0] + " " + "00:00:00" ? filterData.rangePickerValue[0] + " " + "00:00:00"
: ""; : ""
let endDate: any = filterData.rangePickerValue?.[1] let endDate: any = filterData.rangePickerValue?.[1]
? filterData.rangePickerValue[1] + " " + "23:59:59" ? filterData.rangePickerValue[1] + " " + "23:59:59"
: ""; : ""
let data = { let data = {
endTime: endDate, endTime: endDate,
startTime: startDate, startTime: startDate,
@@ -430,63 +428,118 @@ export default defineComponent({
order: filterData.order, order: filterData.order,
orderBy: filterData.orderBy, orderBy: filterData.orderBy,
userName: filterData.userName, userName: filterData.userName,
}; organizationId: filterData.organizationId
return data; }
}; return data
}
//获取列表 //获取列表
let gettrialList = () => { let gettrialList = () => {
filter.tableLoading = true; filter.tableLoading = true
let data = setHistoryListData(); let data = setHistoryListData()
Https.axiosPost(Https.httpUrls.getUserInfo, data).then( Https.axiosPost(Https.httpUrls.getUserInfo, data).then((rv: any) => {
(rv: any) => {
if (rv) { if (rv) {
// this.dataList = rv // this.dataList = rv
filter.dataList = rv.records; filter.dataList = rv.records
filterData.total = rv.total; filterData.total = rv.total
filter.tableLoading = false; filter.tableLoading = false
// this.workspaceItem.position = this.singleTypeList[0].label // this.workspaceItem.position = this.singleTypeList[0].label
} }
})
} }
);
};
let lastGeTrialList = (str: string) => { let lastGeTrialList = (str: string) => {
clearHistoryList(); clearHistoryList()
let currentDate = new Date(); let currentDate = new Date()
let currentTimestamp = Math.floor(currentDate.getTime() / 1000); let currentTimestamp = Math.floor(currentDate.getTime() / 1000)
// 计算30天前的时间戳 // 计算30天前的时间戳
let thirtyDaysAgoTimestamp; let thirtyDaysAgoTimestamp
if (str == "year") { if (str == "year") {
thirtyDaysAgoTimestamp = currentTimestamp - 360 * 24 * 60 * 60; thirtyDaysAgoTimestamp = currentTimestamp - 360 * 24 * 60 * 60
} else if (str == "month") { } else if (str == "month") {
thirtyDaysAgoTimestamp = currentTimestamp - 30 * 24 * 60 * 60; thirtyDaysAgoTimestamp = currentTimestamp - 30 * 24 * 60 * 60
} else if (str == "week") { } else if (str == "week") {
thirtyDaysAgoTimestamp = currentTimestamp - 7 * 24 * 60 * 60; thirtyDaysAgoTimestamp = currentTimestamp - 7 * 24 * 60 * 60
}
filterData.rangePickerValue[0] = formatTime(thirtyDaysAgoTimestamp, "YYYY-MM-DD")
gettrialList()
} }
filterData.rangePickerValue[0] = formatTime(
thirtyDaysAgoTimestamp,
"YYYY-MM-DD"
);
gettrialList();
};
let filterOption = (input: any, option: any) => { let filterOption = (input: any, option: any) => {
// 使用 option.label 进行搜索 // 使用 option.label 进行搜索
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0; return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
}; }
let addhHistoryList = () => { let addhHistoryList = () => {
allUserPoerationsVue.value.init('Add','') allUserPoerationsVue.value.init("Add", "")
}; }
let allUserPoerationsVue = ref() let allUserPoerationsVue = ref()
let setAagree = (data:any) =>{ let setAagree = (data: any) => {
allUserPoerationsVue.value.init('Edit',data) allUserPoerationsVue.value.init("Edit", data)
} }
const organizationOptions = ref([])
const organizationParams = reactive({
page: 1,
size: 10,
total: 0
})
const organizationLoading = ref(false)
const getOrganizationList = async (isLoadMore = false) => {
console.log("111111")
if (organizationLoading.value) return
if (isLoadMore) {
const loaded = organizationParams.page * organizationParams.size
if (organizationParams.total && loaded >= organizationParams.total) return
organizationParams.page += 1
} else {
organizationParams.page = 1
organizationOptions.value = []
}
organizationLoading.value = true
try {
const { total, ...requestParams } = organizationParams
const rv: any = await Https.axiosPost(
Https.httpUrls.queryOrganization,
requestParams
)
if (rv) {
const newRecords = rv.records || []
// 遍历新数据,如果已存在则覆盖,不存在则追加
newRecords.forEach((newOrg: any) => {
const newOrgId = String(newOrg.id)
const existingIndex = organizationOptions.value.findIndex(
(org: any) => String(org.id) === newOrgId
)
if (existingIndex !== -1) {
// 如果已存在,用新数据覆盖旧项
organizationOptions.value[existingIndex] = newOrg
} else {
// 如果不存在,追加到末尾
organizationOptions.value.push(newOrg)
}
})
organizationParams.total = rv.total || 0
}
} finally {
organizationLoading.value = false
}
}
const handleOrganizationScroll = (e: any) => {
const target = e?.target
if (!target) return
const nearBottom = target.scrollTop + target.clientHeight >= target.scrollHeight - 20
if (nearBottom) {
getOrganizationList(true)
}
}
onMounted(() => { onMounted(() => {
let allCountry: any = sessionStorage.getItem("allCountry"); let allCountry: any = sessionStorage.getItem("allCountry")
if (allCountry) { if (allCountry) {
filter.allCountry = JSON.parse(allCountry); filter.allCountry = JSON.parse(allCountry)
} }
gettrialList(); gettrialList()
}); getOrganizationList()
})
return { return {
...toRefs(filter), ...toRefs(filter),
...toRefs(filterData), ...toRefs(filterData),
@@ -501,29 +554,32 @@ export default defineComponent({
filterOption, filterOption,
allUserPoerationsVue, allUserPoerationsVue,
setAagree, setAagree,
}; handleOrganizationScroll,
getOrganizationList,
organizationOptions,
organizationParams
}
}, },
data() { data() {
return { return {
historyTableHeight: 0, historyTableHeight: 0,
handleResizeColumn: (w: any, col: any) => { handleResizeColumn: (w: any, col: any) => {
col.width = w; col.width = w
}, }
}; }
}, },
mounted() { mounted() {
let historyTable: any = this.$refs.historyTable; let historyTable: any = this.$refs.historyTable
this.historyTableHeight = historyTable.clientHeight - 200; this.historyTableHeight = historyTable.clientHeight - 200
}, },
methods: {}, methods: {}
}); })
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.admin_page .admin_table_search .admin_state { .admin_page .admin_table_search .admin_state {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
.admin_page{ .admin_page {
} }
</style> </style>

View File

@@ -321,6 +321,7 @@ export default defineComponent({
data = setEditData() data = setEditData()
if (!data.userName || !data.userEmail || !data.validEndTime || !data.systemUser) if (!data.userName || !data.userEmail || !data.validEndTime || !data.systemUser)
return message.warning('Please check the input box marked with *') return message.warning('Please check the input box marked with *')
delete data.userName
Https.axiosPost(Https.httpUrls.modifyUser, {}, { params: data }).then(rv => { Https.axiosPost(Https.httpUrls.modifyUser, {}, { params: data }).then(rv => {
if (rv) { if (rv) {
cancelDsign() cancelDsign()

View File

@@ -0,0 +1,99 @@
<template>
<div class="admin_page globalAwardPopularity" ref="adminPage">
<div class="admin_table_search">
<div class="admin_state">
<div class="admin_state_item">
<span>Current Time:</span>
<span>{{ currentTimeStr }}</span>
</div>
<div class="admin_state_item">
<span>Raw Visi Count:</span>
<span>{{ rawVisitCount }}</span>
</div>
<div class="admin_state_item">
<span>Unique Visit Count:</span>
<span>{{ uniqueVisitCount }}</span>
</div>
</div>
<div class="admin_search">
<div class="admin_search_item" @click="getGlobalAwardPopularity">
<i class="fi fi-br-refresh"></i>
</div>
</div>
</div>
<!-- <div class="admin_table_content" ref="questionnaireTable">
</div> -->
</div>
</template>
<script lang="ts">
import { defineComponent, ref, createVNode,toRefs, computed,reactive, onMounted, nextTick } from "vue";
import { Https } from "@/tool/https";
import type { TableColumnsType } from 'ant-design-vue';
export default defineComponent({
components: {},
setup() {
const currentTime = ref(new Date())
const currentTimeStr = computed(()=>{
return currentTime.value.toLocaleString()
})
const rawVisitCount = ref(0)
const uniqueVisitCount = ref(0)
const getGlobalAwardPopularity = () => {
Https.axiosGet(Https.httpUrls.getGlobalAwardPopularity,).then((rv)=>{
currentTime.value = new Date()
rawVisitCount.value = rv.rawVisitCount
uniqueVisitCount.value = rv.uniqueVisitCount
})
}
onMounted(()=>{
getGlobalAwardPopularity()
})
return {
currentTimeStr,
getGlobalAwardPopularity,
rawVisitCount,
uniqueVisitCount,
};
},
data() {
return {
};
},
mounted() {
},
methods: {},
});
</script>
<style lang="less" scoped>
.admin_page.globalAwardPopularity{
.admin_table_search{
// flex: 1;
width: min-content;
justify-content: flex-start;
border-radius: 2rem;
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
margin-left: 2rem;
flex-wrap: nowrap;
gap: 3rem;
}
.admin_state{
flex-direction: column;
width: auto;
cursor: auto;
.admin_state_item{
> span{
font-size: 2rem;
}
}
}
.admin_search{
i{
display: flex;
}
}
}
</style>

File diff suppressed because it is too large Load Diff

View File

@@ -409,7 +409,7 @@ export class BrushIndicator {
// this.show(e.e); // this.show(e.e);
this._mouseEnterHandler && this._mouseEnterHandler(e) this._mouseEnterHandler && this._mouseEnterHandler(e)
} else { } else {
// requestIdleCallback(() => { // setTimeout(() => {
// this.updatePosition(e.e); // this.updatePosition(e.e);
// }); // });

View File

@@ -133,11 +133,12 @@ export class RedGreenModeManager {
this.canvas.on("mouse:up", (event) => { this.canvas.on("mouse:up", (event) => {
// 可以在这里添加更多逻辑,比如生成图片或更新状态 // 可以在这里添加更多逻辑,比如生成图片或更新状态
nextTick(() => { nextTick(() => {
requestIdleCallback(async () => { setTimeout(async () => {
if (!this.isInitialized) { if (!this.isInitialized) {
console.warn("红绿图模式未初始化,无法处理鼠标事件"); console.warn("红绿图模式未初始化,无法处理鼠标事件");
return; return;
} }
console.log("鼠标抬起事件触发", this.onImageGenerated);
if (this.onImageGenerated) { if (this.onImageGenerated) {
const imageData = await this.canvasManager.exportImage({ const imageData = await this.canvasManager.exportImage({
restoreOpacityInRedGreen: true, // 恢复红绿图模式下的透明度 restoreOpacityInRedGreen: true, // 恢复红绿图模式下的透明度

View File

@@ -37,7 +37,6 @@ export class ThumbnailManager {
// 延迟执行避免阻塞UI // 延迟执行避免阻塞UI
fabricObjects.length > 0 && fabricObjects.length > 0 &&
requestIdleCallback(() => {
setTimeout(async () => { setTimeout(async () => {
const base64 = await this._generateLayerThumbnailNow(fabricObjects, layer); const base64 = await this._generateLayerThumbnailNow(fabricObjects, layer);
// this.layerThumbnails.set(layerId, base64); // this.layerThumbnails.set(layerId, base64);
@@ -55,7 +54,6 @@ export class ThumbnailManager {
console.error("生成图层缩略图时出错:", error); console.error("生成图层缩略图时出错:", error);
} }
}); });
});
} }
/** /**
@@ -65,7 +63,7 @@ export class ThumbnailManager {
generateAllLayerThumbnails(layers) { generateAllLayerThumbnails(layers) {
if (!layers || !Array.isArray(layers)) return; if (!layers || !Array.isArray(layers)) return;
requestIdleCallback(() => { setTimeout(() => {
setTimeout(() => { setTimeout(() => {
layers.forEach((layer) => { layers.forEach((layer) => {
if (layer && layer.id) { if (layer && layer.id) {

View File

@@ -155,7 +155,7 @@ export class LiquifyRealTimeUpdater {
// 使用requestAnimationFrame进行批量渲染优化 // 使用requestAnimationFrame进行批量渲染优化
// if (!this.renderingScheduled && !this.config.skipRenderDuringDrag) { // if (!this.renderingScheduled && !this.config.skipRenderDuringDrag) {
// this.renderingScheduled = true; // this.renderingScheduled = true;
// requestIdleCallback(() => { // setTimeout(() => {
// this.canvas.renderAll(); // this.canvas.renderAll();
// this.renderingScheduled = false; // this.renderingScheduled = false;
// }); // });

View File

@@ -331,7 +331,6 @@ export default defineComponent({
store.commit('DesignDetail/setCurrentDetailType',str) store.commit('DesignDetail/setCurrentDetailType',str)
} }
const setClothes = async (list:any,str:string)=>{ const setClothes = async (list:any,str:string)=>{
console.log(JSON.parse(JSON.stringify(list)))
let clothesList:any = [] let clothesList:any = []
if(detailData.isEditPattern.value == 'editSketch')await detailDom.canvasBox.submitBase64Data().then((rv)=>{ if(detailData.isEditPattern.value == 'editSketch')await detailDom.canvasBox.submitBase64Data().then((rv)=>{
detailData.selectDetail.sketchString = rv detailData.selectDetail.sketchString = rv
@@ -369,7 +368,6 @@ export default defineComponent({
// }else if(isCurrent){ // }else if(isCurrent){
// } // }
console.log(JSON.parse(JSON.stringify(detailData.selectDetail.color)),'=====')
color = list[i].color?.rgba?.r != null?`${list[i].color.rgba.r} ${list[i].color.rgba.g} ${list[i].color.rgba.b}`:'' color = list[i].color?.rgba?.r != null?`${list[i].color.rgba.r} ${list[i].color.rgba.g} ${list[i].color.rgba.b}`:''
gradient = list[i].gradient gradient = list[i].gradient
if((detailData.currentDetailType == 'sketch' && newData?.sketch) || detailData.isEditPattern.value == 'editSketch'){ if((detailData.currentDetailType == 'sketch' && newData?.sketch) || detailData.isEditPattern.value == 'editSketch'){
@@ -565,11 +563,14 @@ export default defineComponent({
} }
}else{ }else{
//走画布合成图片并且直接分割 //走画布合成图片并且直接分割
if(detailData.isEditPattern.value !== 'canvasEditor' && detailData.isEditPattern.value !== 'redGreenExample'){
if(detailData.isEditPattern.value !== 'canvasEditor'){ if(detailData.isEditPattern.value !== 'canvasEditor'){
if(detailDom.detailRight?.privewDetail)await (detailDom.detailRight as any).privewDetail() if(detailDom.detailRight?.privewDetail)await (detailDom.detailRight as any).privewDetail()
}
let otherData = await updateOtherLayers('single') let otherData = await updateOtherLayers('single')
await detailDom.canvasBox.updateOtherLayers(otherData) await detailDom.canvasBox.updateOtherLayers(otherData)
} }
await detailDom.canvasBox.privewDetail() await detailDom.canvasBox.privewDetail()
await upDateFrontBackSketch() await upDateFrontBackSketch()
await uploadSelectDetail() await uploadSelectDetail()
@@ -625,7 +626,7 @@ export default defineComponent({
if(detailData.isEditPattern.value && detailData.isEditPattern.value == str){ if(detailData.isEditPattern.value && detailData.isEditPattern.value == str){
// await detailDom.canvasBox.saveCanvas() // await detailDom.canvasBox.saveCanvas()
await (detailDom.canvasBox as any).privewDetail() await (detailDom.canvasBox as any).privewDetail()
if(detailData.isEditPattern.value == 'canvasEditor')await uploadSelectDetail() if(detailData.isEditPattern.value == 'canvasEditor' || detailData.isEditPattern.value == 'redGreenExample')await uploadSelectDetail()
detailData.isEditPattern.value = '' detailData.isEditPattern.value = ''
}else{ }else{
// if(detailData.isEditPattern.value && (str == 'canvasEditor' || str == 'redGreenExample')){ // if(detailData.isEditPattern.value && (str == 'canvasEditor' || str == 'redGreenExample')){
@@ -780,8 +781,7 @@ export default defineComponent({
color.gradient = canvasColor.gradient color.gradient = canvasColor.gradient
} }
} }
if(detailData.isEditPattern.value == 'canvasEditor' || detailData.isEditPattern.value == 'redGreenExample'){
if(detailData.isEditPattern.value == 'canvasEditor'){
delete detailData.selectDetail.newDetail delete detailData.selectDetail.newDetail
detailData.selectDetail.trims.prints = allInfo.trims || [] detailData.selectDetail.trims.prints = allInfo.trims || []
detailData.selectDetail.printObject.prints = allInfo.prints || [] detailData.selectDetail.printObject.prints = allInfo.prints || []
@@ -804,7 +804,6 @@ export default defineComponent({
if(detailData.currentDetailType == 'color'){ if(detailData.currentDetailType == 'color'){
detailData.detailLeftColorKey++ detailData.detailLeftColorKey++
} }
} }
const canvasReload = async ()=>{ const canvasReload = async ()=>{
if(detailData.isEditPattern.value){ if(detailData.isEditPattern.value){

View File

@@ -124,7 +124,11 @@ export default defineComponent({
const handleResize = ()=>{ const handleResize = ()=>{
clearTimeout(time) clearTimeout(time)
time = setTimeout(()=>{ time = setTimeout(()=>{
store.commit('DesignDetail/setDesignDetail',getDetailListData.designDetail) let data = {
...getDetailListData.designDetail,
fromType:'resize',
}
store.commit('DesignDetail/setDesignDetail',data)
getDetailListDom.position?.updataPosition?.() getDetailListDom.position?.updataPosition?.()
getDetailListDom.modelNav?.setItemPosition?.() getDetailListDom.modelNav?.setItemPosition?.()
getDetailListDom.position?.updateRect?.() getDetailListDom.position?.updateRect?.()

View File

@@ -189,11 +189,11 @@ export default defineComponent({
} }
return { scaleX, scaleY, rotate }; return { scaleX, scaleY, rotate };
} }
const initMoveableForSelected = () => { const initMoveableForSelected = async (isDestroy:boolean = false) => {
// 销毁旧的实例 // 销毁旧的实例
if(selectItem.imgDomIndex == -1)return if(selectItem.imgDomIndex == -1)return
if (moveableInstance.value) { if (moveableInstance?.value?.destroy && !isDestroy) {
moveableInstance.value.destroy(); moveableInstance?.value?.destroy();
} }
const selectedEl = elementRefs.value[selectItem.imgDomIndex]; const selectedEl = elementRefs.value[selectItem.imgDomIndex];
@@ -509,7 +509,7 @@ export default defineComponent({
watch(()=>detailData.frontBack.front.length,(newValue,oldValue)=>{ watch(()=>detailData.frontBack.front.length,(newValue,oldValue)=>{
if(selectItem.selectDetail?.id)selectItem.imgDomIndex = detailData.frontBack.front.findIndex((item:any)=>item.id == selectItem.selectDetail?.id) if(selectItem.selectDetail?.id)selectItem.imgDomIndex = detailData.frontBack.front.findIndex((item:any)=>item.id == selectItem.selectDetail?.id)
setTimeout(()=>{ setTimeout(()=>{
initMoveableForSelected() initMoveableForSelected(oldValue == 0)
},100) },100)
}) })
const setRevocation = async ()=>{ const setRevocation = async ()=>{

View File

@@ -21,7 +21,11 @@
{{ $t("event.detail") }} {{ $t("event.detail") }}
</div> </div>
</div> </div>
<div class="modal_title_text content" v-for="item in eventsDetail.textList"> <div
class="modal_title_text content"
v-for="item in eventsDetail.textList"
:class="{ award: eventsDetail.id === 3 }"
>
<div class="eventsDetail_content_right_btn_box"> <div class="eventsDetail_content_right_btn_box">
<div <div
class="eventsDetail_content_right_btn" class="eventsDetail_content_right_btn"
@@ -43,6 +47,7 @@
v-detailText="introItem.text" v-detailText="introItem.text"
></div> ></div>
</div> </div>
<div class="tips" v-if="eventsDetail.tips">{{ eventsDetail.tips }}</div>
</div> </div>
</div> </div>
</div> </div>
@@ -120,8 +125,13 @@ export default defineComponent({
}) })
} }
const openDetail = () => { const openDetail = () => {
let language = locale.value === "ENGLISH" ? "en" : "zh" let language = locale.value === "ENGLISH" ? "en" : "cn"
let url = `https://aida-global-design-awards.com.hk/${language}` let url = `https://aida-global-design-awards.com.hk/${language}`
// 如果是dev环境把域名换成http://192.168.31.198
if (import.meta.env.VITE_APP_BASE_URL === "https://develop.api.aida.com.hk") {
url += "?env=dev"
}
window.open(url, "_blank") window.open(url, "_blank")
// router.push("/award/index") // router.push("/award/index")
@@ -233,7 +243,7 @@ export default defineComponent({
} }
.eventsDetail_content_right { .eventsDetail_content_right {
.modal_title_text { .modal_title_text {
letter-spacing: 0.4rem; letter-spacing: 0.3rem;
font-weight: 600; font-weight: 600;
&-header { &-header {
display: flex; display: flex;
@@ -265,18 +275,21 @@ export default defineComponent({
.eventsDetail_content_right_btn_box { .eventsDetail_content_right_btn_box {
display: flex; display: flex;
justify-content: space-evenly; justify-content: space-evenly;
.eventsDetail_content_right_btn { // .eventsDetail_content_right_btn {
// }
} }
} }
} // .modal_title_text:last-child {
.modal_title_text:last-child { // }
}
.modal_title_text:last-child::after { .modal_title_text:last-child::after {
content: ""; content: "";
display: block; display: block;
border-top: 3px solid; border-top: 3px solid;
height: 6rem; height: 6rem;
} }
.modal_title_text.award:last-child:after {
display: none;
}
} }
} }
} }
@@ -293,4 +306,13 @@ export default defineComponent({
white-space: nowrap; white-space: nowrap;
cursor: pointer; cursor: pointer;
} }
.tips{
color: rgba(0, 0, 0, 0.45);
font-size: var(--aida-fsize1-4);
font-weight: 400;
letter-spacing: 0.3rem;
}
.modal_title_text.content.award{
line-height: 1.3;
}
</style> </style>

View File

@@ -734,6 +734,8 @@ export default defineComponent({
let maxImg = 8 let maxImg = 8
if (this.type_.type2 == 'Sketchboard') { if (this.type_.type2 == 'Sketchboard') {
maxImg = 20 maxImg = 20
}else if(this.type_.type2 == 'Printboard'){
maxImg = 16
} }
let parent: any = this.$parent let parent: any = this.$parent
if (parent.isUseGenerate) { if (parent.isUseGenerate) {

View File

@@ -745,6 +745,12 @@ export default defineComponent({
"userLikeId": likeItem.id "userLikeId": likeItem.id
} }
arrData.push(obj) arrData.push(obj)
designData.selectLikeDesign.forEach((v:any)=>{
if(v.id === likeItem.id){
v.oldSort = v.sort
v.sort = likeItem.sort
}
})
}) })
let data = { let data = {
"userLikeGroupId": userGroupId.value, "userLikeGroupId": userGroupId.value,
@@ -1304,9 +1310,9 @@ export default defineComponent({
}) })
return return
} }
const parents = designData.selectLikeDesign.filter((item:any) => item.resultType === 'Design'); const parents = designData.selectLikeDesign.filter((item:any) => item.resultType === 'Design').filter((item:any) => likeDesignCollectionList.value.some((v:any) => (v.id === item.id)));
parents.map((parent:any) => { parents.map((parent:any) => {
parent.sort = parent.oldSort||parent.sort parent.sort = likeDesignCollectionList.value.find((v:any) => v.id === parent.id)?.sort || parent.oldSort||parent.sort
delete parent.oldSort delete parent.oldSort
return { return {
...parent, ...parent,
@@ -1533,7 +1539,7 @@ export default defineComponent({
this.observerData.time = setTimeout(()=>{ this.observerData.time = setTimeout(()=>{
this.setSystemDesigner(0) this.setSystemDesigner(0)
this.setDesignItemStyle() // this.setDesignItemStyle()
},100) },100)
// const { width } = entry.contentRect; // const { width } = entry.contentRect;
} }
@@ -1931,6 +1937,7 @@ export default defineComponent({
this.disLikeLoading = true; this.disLikeLoading = true;
Https.axiosPost(Https.httpUrls.designDislike, data) Https.axiosPost(Https.httpUrls.designDislike, data)
.then((rv: any) => { .then((rv: any) => {
console.log(rv)
if (rv) { if (rv) {
this.recycleDomHidden = true this.recycleDomHidden = true
this.store.commit("addDesignCollectionList", [design]); this.store.commit("addDesignCollectionList", [design]);

View File

@@ -258,6 +258,7 @@ methods: {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
text-align: center;
} }
} }
.content_bottom_item:nth-child(4n){ .content_bottom_item:nth-child(4n){

View File

@@ -337,6 +337,13 @@ const routes: Array<RouteRecordRaw> = [
meta: { enter: 3 }, meta: { enter: 3 },
component: () => component: () =>
import("@/component/Administrator/SE/getGenerateFrequency/index.vue"), import("@/component/Administrator/SE/getGenerateFrequency/index.vue"),
},
{
path: "globalAwardPopularity",
name: "globalAwardPopularity",
meta: { enter: 3 },
component: () =>
import("@/component/Administrator/globalAwardPopularity.vue"),
}, },
], ],
}, },

View File

@@ -87,8 +87,10 @@ const DesignDetail : Module<DesignDetail,RootState> = {
left:0, left:0,
top:0, top:0,
} }
if(data?.fromType !== 'resize'){
v.maskMinioUrl = v.layersObject?.[0]?.maskMinioUrl v.maskMinioUrl = v.layersObject?.[0]?.maskMinioUrl
v.maskUrl = v.layersObject?.[0]?.maskUrl v.maskUrl = v.layersObject?.[0]?.maskUrl
}
v.layersObject[i].designOpenrtionBtn = false v.layersObject[i].designOpenrtionBtn = false
if(v.layersObject[i].imageCategory.indexOf("back") == -1){ if(v.layersObject[i].imageCategory.indexOf("back") == -1){
front[index] = v.layersObject[i] front[index] = v.layersObject[i]

View File

@@ -198,6 +198,13 @@ const all = (t)=>{
route: '/administrator/subscriptionPlan', route: '/administrator/subscriptionPlan',
key: 'sub14', key: 'sub14',
isShow: true isShow: true
},
{
name: 'Global Award Popularity',
icon: 'usetime',
route: '/administrator/globalAwardPopularity',
key: 'sub15',
isShow: true
} }
] ]
} }

View File

@@ -346,6 +346,7 @@ export const Https = {
switchSubscribePlan: '/api/subscription_plan/switchSubscriptionPlan', // 切换管理员订阅计划 switchSubscribePlan: '/api/subscription_plan/switchSubscriptionPlan', // 切换管理员订阅计划
switchSubAccountSubscribePlan: switchSubAccountSubscribePlan:
'/api/subscription_plan/switchSubAccSubscriptionPlan', // 切换子账号订阅计划 '/api/subscription_plan/switchSubAccSubscriptionPlan', // 切换子账号订阅计划
getGlobalAwardPopularity: '/api/global-award/page/visit/count', // 获取global award流量
//云生成 //云生成
designCloud: `/api/design/designCloud`, //创建云生成 designCloud: `/api/design/designCloud`, //创建云生成

View File

@@ -672,6 +672,17 @@ function sketchToMask(sketchImage) {
img.src = sketchImage; img.src = sketchImage;
}); });
} }
function isValidUrl(string) {
try {
const url = new URL(string)
// 通常我们只需要 http 或 https 协议
return url.protocol === "http:" || url.protocol === "https:"
} catch (err) {
return false
}
}
export { export {
isEmail, isEmail,
getUploadUrl, getUploadUrl,
@@ -695,5 +706,6 @@ export {
calculateGradientCoordinate, calculateGradientCoordinate,
segmentImage, segmentImage,
UrlToFile, UrlToFile,
sketchToMask sketchToMask,
isValidUrl
} }