aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
X1627315083
2024-01-05 16:49:49 +08:00
parent 184b95239a
commit 000f3995a0
8 changed files with 282 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/component/HomePage/Generate.vue
View File

@@ -319,7 +319,7 @@ export default defineComponent({
// this.store.commit("addGenerateFils", this.fileList);
this.token = getCookie("token") || "";
let isTest:any = getCookie('isTest')
this.isTest =JSON.parse(isTest)|| ''
this.isTest =JSON.parse(isTest)
this.uploadUrl = getUploadUrl();
this.workspaceCom = computed(()=>{
return this.store?.state?.Workspace?.workspace

2
src/component/HomePage/Header.vue
View File

@@ -226,7 +226,7 @@ export default defineComponent({
},
mounted() {
let isTest = getCookie('isTest')
this.isTest =JSON.parse(isTest)|| ''
this.isTest =JSON.parse(isTest)
this.userInfo = JSON.parse(getCookie("userInfo"));
if (!this.userInfo) {

2
src/component/HomePage/PrintboardUpload.vue
View File

@@ -248,7 +248,7 @@ export default defineComponent({
mounted(){
this.token = getCookie('token') || ''
let isTest:any = getCookie('isTest')
this.isTest =JSON.parse(isTest)|| ''
this.isTest =JSON.parse(isTest)
this.uploadUrl = getUploadUrl()
if(this.driver__.driver){
this.captionGeneration = 'Exit sign, door, sunset, ocean, surreal'

2
src/component/HomePage/RobotAssist.vue
View File

@@ -165,7 +165,7 @@ export default defineComponent({
this.textScroll()
let userInfo:any = getCookie("userInfo")
let isTest:any = getCookie('isTest')
this.isTest =JSON.parse(isTest)|| ''
this.isTest =JSON.parse(isTest)
this.userInfo = JSON.parse(userInfo);
if (sessionStorage.getItem("record") == null) {
this.record = []

203
src/component/HomePage/affiche.vue Normal file
View File

@@ -0,0 +1,203 @@
<template>
<a-modal
class="affiche_modal"
v-model:visible="affiche"
:footer="null"
width="25%"
:maskClosable="false"
:centered="true"
:closable="false"
:mask="afficheMask"
:keyboard="false"
:destroyOnClose="true"
>
<div class="affiche_bg"></div>
<div class="affiche_btn">
<div class="collection_closeIcon" @click.stop="cancelDsign()">
<i class="fi fi-rr-cross-small"></i>
</div>
</div>
<div class="affiche_content">
<div class="affiche_content_title">{{ afficheTitle }}</div>
<div class="affiche_content_str" id="afficheStr">由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户由于您是使用用户A</div>
<div class="affiche_content_btn started_btn" @click.stop="cancelDsign()">OK</div>
</div>
</a-modal>
</template>
<script lang="ts">
import { defineComponent, h, ref ,computed,reactive, nextTick} from "vue";
// import { Https } from "@/tool/https";
// import { getCookie } from "@/tool/cookie";
// import domTurnImg from '@/tool/domTurnImg'
export default defineComponent({
setup() {
let affiche: any = ref(false);
let afficheMask:any = ref(false)
let afficheTitle:any = ref('')
let afficheStr:any = ref('')
return {
affiche,
afficheMask,
afficheTitle,
afficheStr,
};
},
data() {
return {
// moodTemplateId: "", //模板id
};
},
mounted() {
},
methods: {
init(text:any){
this.affiche = true
this.afficheTitle = text.title
console.log(text.str);
nextTick().then(()=>{
let afficheStr:any = document.getElementById('afficheStr')
console.log(afficheStr);
afficheStr.innerHTML = text.str
})
// let afficheList = this.store.state.UploadFilesModule.moodboard
},
cancelDsign(){
this.affiche = false
},
},
});
</script>
<style lang="less">
.affiche_modal {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
user-select: none;
position: relative;
border-radius: 1rem;
overflow: hidden;
background: none;
box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.38);
.ant-modal-content{
background: none;
}
.affiche_bg{
backdrop-filter: blur(3rem);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ant-modal-body {
padding: 0;
// height: calc(65vh - 6.4rem);
height: 65rem;
// background-color: #181818;
display: flex;
flex-direction: column;
}
.ant-modal-btn{
}
.affiche_btn {
.collection_closeIcon{
z-index: 3;
position: absolute;
top: 2rem;
right: 2rem;
cursor: pointer;
width: 4rem;
height: 4rem;
display: flex;
align-items: center;
justify-content: center;
.fi-rr-cross-small::before{
padding: .2rem;
border-radius: 5px;
border: solid 2px rgba(0, 0, 0, 0.22);
transition: .3s all;
color: rgba(0, 0, 0, 0.7);
}
&.collection_closeIcon:hover .fi-rr-cross-small::before{
border: solid 2px rgba(0, 0, 0, 5);
color: rgba(0, 0, 0, 1);
}
.fi-rr-down-to-line{
transition: .3s all;
color: rgba(0, 0, 0, .5);
}
.fi-rr-down-to-line:hover{
color: rgba(0, 0, 0, 1);
}
}
}
.affiche_content{
display: flex;
justify-content: center;
width: 100%;
height: 100%;
padding: 0 4rem;
// height: calc(100%-4rem);
position: absolute;
z-index: 2;
flex-direction: column;
align-items: center;
.affiche_content_title{
margin-top: 5rem;
font-size: 3rem;
font-weight: 600;
}
.affiche_content_str{
min-height: 50%;
flex: 1;
font-size: 2rem;
text-indent: 2em;
overflow-y: auto;
margin: 2rem 0;
width: 100%;
text-align: left;
&.affiche_content_str::-webkit-scrollbar {
/* 竖轴的宽度 */
width: 1rem;
/* 横轴的高度 */
height: 1rem;
transition: all .3s;
}
/* 进度 */
&.affiche_content_str::-webkit-scrollbar-thumb {
border-radius: 1rem;
background: rgba(238, 238, 244, 0);
}
/* 轨道 */
&.affiche_content_str::-webkit-scrollbar-track {
border-radius: 1rem;
background: rgba(238, 238, 244, 0);
}
&.affiche_content_str:hover {
// overflow-x: scroll;
&.affiche_content_str::-webkit-scrollbar-thumb {
background: #543087;
}
/* 轨道 */
&.affiche_content_str::-webkit-scrollbar-track {
background: rgba(84, 48, 135,.2);
}
}
}
.affiche_content_btn{
font-size: 2rem;
margin-bottom: 4rem;
}
}
}
</style>

6
src/tool/guide.js
View File

@@ -216,7 +216,7 @@ const openGuide = () =>{
let isBeginnerNum = JSON.parse(getCookie('isBeginnerNum')?getCookie('isBeginnerNum'):'0')
let data
// console.log(isBeginner);
if(isBeginner && isTest){
if(isBeginner && !isTest){
if(isBeginnerNum){
driverObj__.drive(isBeginnerNum);
}else{
@@ -240,7 +240,9 @@ const openGuide = () =>{
// index:driverIndex__,
// driver:true,
// }
store = useStore()
if(!store){
store = useStore()
}
// driverObj__.moveTo(18);
store?.commit("setGuide", data);
// driverObj__.moveNext();

96
src/views/HomeView.vue
View File

@@ -206,6 +206,7 @@
</div>
</div>
<!-- design collection的进度蒙层 end-->
<affiche ref="affiche"></affiche>
<RobotAssist></RobotAssist>
</div>
@@ -213,15 +214,17 @@
</template>
<script lang="ts">
import { defineComponent, h, ref, computed ,inject,provide,nextTick} from "vue";
import { defineComponent, h, ref, computed ,inject,provide,nextTick,createVNode} from "vue";
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
import HeaderComponent from "@/component/HomePage/Header.vue";
import CollectionModal from "@/component/HomePage/collectionModal.vue";
import NewCollectionReview from "@/component/HomePage/NewCollectionReview.vue";
import ExportNewCoolection from "@/component/HomePage/ExportNewCoolection.vue";
import affiche from "@/component/HomePage/affiche.vue";
import DesignDetail from "@/component/Detail/DesignDetail.vue";
import RobotAssist from "@/component/HomePage/RobotAssist.vue";
import html2canvas from "html2canvas";
import { message } from "ant-design-vue";
import { message,Modal } from "ant-design-vue";
import { useStore } from "vuex";
import { Https } from "@/tool/https";
import { rgbToHsv, dataURLtoBlob } from "@/tool/util";
@@ -241,6 +244,7 @@ export default defineComponent({
NewCollectionReview,
DesignDetail,
ExportNewCoolection,
affiche,
RobotAssist,
draggable
},
@@ -369,32 +373,68 @@ export default defineComponent({
// if(JSON.parse( getCookie('isFirst') as any)){
openGuide()
// }
let test:any = getCookie('isTest')
let isTest =JSON.parse(test)
let userInfo:any = getCookie("userInfo")
this.userInfo = JSON.parse(userInfo);
this.store.dispatch('get_clothingType')
//判断账号剩余时间是否太短
// await new Promise(async (resolve) => {
// await Https.axiosPost(Https.httpUrls.getExpiredTime,{}).then((rv: any) => {
// if (rv) {
// let dateNow = Date.now()
// let date:any = new Date(dateNow)
// let rvDate:any = new Date(rv);
// let diffInMilliseconds = Math.abs(date - rvDate); // 获取时间差的毫秒数
// let days = Math.floor(diffInMilliseconds / (24 * 60 * 60 * 1000)); // 计算天数
// let hours = Math.floor((diffInMilliseconds % (24 * 60 * 60 * 1000)) / (60 * 60 * 1000)); // 计算小时数
// let minutes = Math.floor((diffInMilliseconds % (60 * 60 * 1000)) / (60 * 1000)); // 计算分钟数
// // console.log(`${days}天 ${hours}时 ${minutes}分`);
// // if(30>Number(days)){
// // }
// }else{
// openGuide()
// }
// resolve('')
// })
let isModalOne = JSON.parse(sessionStorage.getItem("oppositeRevocation") as any)
// let text = {
// title:'Test',
// str:'<a href="#">#</a>123123123123123123123',
// }
// this.affiche(text)
// })
// if(!isTest && !isModalOne?.afficheOne){//判断是否是试用用户
// await new Promise(async (resolve) => {
// await Https.axiosPost(Https.httpUrls.getExpiredTime,{}).then((rv: any) => {
// console.log(1);
// if (rv) {
// let dateNow = Date.now()
// let date:any = new Date(dateNow)
// let rvDate:any = new Date(rv);
// let diffInMilliseconds = Math.abs(date - rvDate); // 获取时间差的毫秒数
// let days = Math.floor(diffInMilliseconds / (24 * 60 * 60 * 1000)); // 计算天数
// let hours = Math.floor((diffInMilliseconds % (24 * 60 * 60 * 1000)) / (60 * 60 * 1000)); // 计算小时数
// let minutes = Math.floor((diffInMilliseconds % (60 * 60 * 1000)) / (60 * 1000)); // 计算分钟数
// // console.log(`${days}天 ${hours}时 ${minutes}分`);
// // this.affiche('')
// if(30>Number(days)){
// let _this = this
// Modal.confirm({
// title: this.t('DesignPrintOperation.jsContent1'),
// icon: createVNode(ExclamationCircleOutlined),
// okText: 'Yes',
// cancelText: 'No',
// mask:false,
// centered:true,
// onOk() {
// openGuide()
// },
// onCancel(){
// openGuide()
// }
// });
// isModalOne = {
// afficheOne:true,
// testOne:false,
// }
// sessionStorage.setItem('isTimeOne', JSON.stringify(isModalOne));
// }
// }else{
// openGuide()
// }
// resolve('')
// })
// })
// }else if(!isModalOne?.testOne && isTest){
// isModalOne = {
// afficheOne:false,
// testOne:true,
// }
// sessionStorage.setItem('isTimeOne', JSON.stringify(isModalOne));
// }
// console.log(this.store.state.UserHabit);
let noRefresh = this.$route.params.noRefresh; //判断是否主动刷新还是路由跳转过来的 true 路由跳转过来的
@@ -445,10 +485,14 @@ export default defineComponent({
}
},
methods: {
addTeam (team:any) {
this.likeDesignCollectionList.push(team)
// addTeam (team:any) {
// this.likeDesignCollectionList.push(team)
// },
affiche(text:any){
let affiche:any = this.$refs.affiche
affiche.init(text)
// affiche.afficheMask = true
},
dragstart (e:any, index:any) {
this.dragIdx = index
},

2
src/views/LibraryPage.vue
View File

@@ -602,7 +602,7 @@ export default defineComponent({
async mounted(){
let userInfo:any = getCookie("userInfo")
let isTest:any = getCookie('isTest')
this.isTest =JSON.parse(isTest)|| ''
this.isTest =JSON.parse(isTest)
this.userInfo = JSON.parse(userInfo);
this.uploadUrl = getUploadUrl()
this.getLibraryList()