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-12-19 17:59:00 +08:00
parent 82836a7b27
commit b095e54e53
10 changed files with 103 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/views/HomeView/HomeView.vue
View File

@@ -12,7 +12,7 @@
<div class="page_content_body">
<div class="home_page_body">
<div class="home_page_left" ref="hidden">
<div class="home_page_left_content" :class="{'active':domHidden}">
<div class="home_page_left_content" :class="{'active':(domHidden && isHaveReviewCollection)}">
<!-- 空状态 start-->
<div class="home_left_null" v-show="!isHaveReviewCollection">
<div>
@@ -77,7 +77,7 @@
<a-slider id="system_silder"
class="system_silder"
v-model:value="collValue"
@afterChange="setSystemDesigner"
@afterChange="setSystemDesigner(500)"
:tooltipVisible="false"
>
</a-slider>
@@ -234,7 +234,7 @@
</template>
<script lang="ts">
import { defineComponent, h, ref, computed, reactive, toRefs, inject,provide,nextTick,createVNode} from "vue";
import { defineComponent, h, ref, computed, reactive, toRefs, inject,provide,nextTick,createVNode,onBeforeUnmount} from "vue";
// import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
// import HeaderComponent from "@/component/HomePage/Header.vue";
import CollectionModal from "@/component/HomePage/collectionModal.vue";
@@ -259,6 +259,7 @@ import { useI18n } from "vue-i18n";
const FileSaver = require("file-saver");
export default defineComponent({
name: "homePage",
components: {
// HeaderComponent,
tesst,
@@ -276,6 +277,12 @@ export default defineComponent({
type:Boolean,
}
},
activated() {
console.log('Home component activated');
},
deactivated() {
console.log('Home component deactivated');
},
setup(props,{emit}) {
const store = useStore();
let likeDesignCollectionList: any = computed(() => {
@@ -355,14 +362,14 @@ export default defineComponent({
provide('portfolio',portfolio)
const collItemSize = reactive({
collValue:40,
collValue:JSON.parse(sessionStorage.getItem('collValue') as any) || 40,
collStyle:{
width:'24rem',
height:'37rem'
},
collTime:null as any,
})
const setSystemDesigner = ()=>{
const setSystemDesigner = (time:any)=>{
clearTimeout(collItemSize.collTime)
collItemSize.collTime = setTimeout(()=>{
let wScale = 60,hScale = 92.5
@@ -370,8 +377,9 @@ export default defineComponent({
let {width,height} = collItemSize.collStyle
collItemSize.collStyle.width = wScale * ((num<20?20:num) / 100) + 'rem'
collItemSize.collStyle.height = hScale * ((num<20?20:num) / 100) + 'rem'
},500)
},time)
}
setSystemDesigner(0)
return {
store,
likeDesignCollectionList,
@@ -417,7 +425,7 @@ export default defineComponent({
likeLoading: false, //喜欢防抖
dragIdx:0,
designRandom:'',
domHidden:false,
domHidden:JSON.parse(sessionStorage.getItem('domHidden') as any) || false,
getDesignTime:null as any,
};
@@ -434,8 +442,11 @@ export default defineComponent({
},
},
},
beforeUnmount(){
clearTimeout(this.getDesignTime);
sessionStorage.setItem('domHidden',JSON.stringify(this.domHidden))
sessionStorage.setItem('collValue',JSON.stringify(this.collValue))
},
async mounted() {
// if(JSON.parse( getCookie('isFirst') as any)){
@@ -688,6 +699,7 @@ export default defineComponent({
})
}
this.isShowMark = true
this.store.commit("setLikeDesignCollectionList", []);
Https.axiosPost(Https.httpUrls.designCollection, data)
.then((rv: any) => {
@@ -696,7 +708,7 @@ export default defineComponent({
objectSignList:data.requestIdList.join(),
requestId:rv
}
this.store.commit("setLikeDesignCollectionList", []);
this.store.commit("setDesignCollectionList",[]);
this.getDesignResult(value,'newDesign')
this.startDesignType = "design";
}
@@ -710,12 +722,35 @@ export default defineComponent({
getDesignResult(data:any,str:any){
this.showDesignMark = true
Https.axiosGet(Https.httpUrls.getDesignResult,{params:data})
.then((rv)=>{
.then(async (rv)=>{
if(rv.designCollectionItems){
this.store.commit("setDesignCollectionList",rv.designCollectionItems);
let arr:any = []
if(this.designCollectionList.length == 0){
arr.push(...rv.designCollectionItems)
}else{
arr = rv.designCollectionItems.filter((itemA:any) =>
!this.designCollectionList.some((itemB:any) => itemA.objectSign === itemB.objectSign)
);
}
for (let index = 0; index < arr.length; index++) {
const item = arr[index];
await new Promise((resolve, reject) => {
setTimeout(() => {
this.designCollectionList.push(item)
resolve('')
}, 200);
})
}
// this.designCollectionList.push(...result)
// // for (let index = 0; index < rv.designCollectionItems.length; index++) {
// }
}
if(rv.unfinishedList.length == 0){
this.showDesignMark = false
if(str == 'newDesign'){
if(rv.designCollectionItems){
@@ -730,6 +765,9 @@ export default defineComponent({
// this.designProgress = 0,
this.store.commit("setDesignId", rv.designId);
}
nextTick().then(()=>{
driverObj__.moveNext();
})
}else{
this.getDesignTime = setTimeout(()=>{
data.objectSignList = rv.unfinishedList.join()
@@ -764,6 +802,7 @@ export default defineComponent({
requestId:rv
}
this.getDesignResult(value,'resDesign')
this.store.commit("setDesignCollectionList",[]);
this.startDesignType = "resDesign";
this.isShowMark = false
}
@@ -1282,7 +1321,7 @@ export default defineComponent({
height: 100%;
width: 55rem;
overflow: hidden;
transition: all .3s;
// transition: all .3s;
padding-right: 1.2rem;
&.active{
padding-right: 0;