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
2025-05-21 20:05:08 +08:00
parent 2487e3dbbc
commit 7ba4c70baf
8 changed files with 333 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/component/home/newProject/index.vue
View File

@@ -27,7 +27,7 @@
<span class="icon iconfont icon-shanchu" @click="deleteFile(item,index)"></span>
</div>
</div>
<i class="fi fi-br-upload">
<i class="fi fi-rs-paperclip-vertical">
<input type="file" @change="handleFileUpload($event)">
</i>
</div>
@@ -39,13 +39,12 @@
</div>
</div>
</div>
<div v-show="chatOrSetting != 'chat'">
<div v-show="chatOrSetting != 'chat'" class="workspaceBox">
<workspace @setProject="setProject" :httpWorkflowType="selectFlow.value"></workspace>
</div>
<div class="hint" v-show="chatOrSetting == 'chat'">
<div class="item" v-for="item in hintList" @click="addChatContent(item)">{{ item }}</div>
</div>
{{ text }}
</div>
</div>
<div class="mark_loading" v-show="loadingShow">
@@ -54,7 +53,7 @@
</div>
</template>
<script lang="ts">
import { defineComponent,computed,ref,provide,nextTick,createVNode,toRefs, reactive} from 'vue'
import { defineComponent,computed,ref,provide,nextTick,createVNode,toRefs, reactive, onMounted} from 'vue'
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
import { Https } from "@/tool/https";
import { useStore } from "vuex";
@@ -69,7 +68,7 @@ export default defineComponent({
},
props:{
},
emits:[],
emits:['newProject'],
setup(props,{emit}) {
const store = useStore();
const data = reactive({
@@ -78,16 +77,14 @@ export default defineComponent({
title:'Series Design',
value:'SERIES_DESIGN',
describe:[
'12312312',
'12312312',
'Series Design focuses on the coordinated design of multi-category clothing, ideal for creating a unified fashion collection. You can use the Moodboard, Printboard, Colorboard, Sketchboard, and Mannequin sections in the Design Assests panel to organize your inspiration and design complementary clothing combinations. Finally, refine your designs in the Draft and Collection panels using tools like To Product Image, Relight, and Transfer Pose, then export to the Canvas to showcase your complete series design.',
]
},
{
title:'Single Design',
value:'SINGLE_DESIGN',
describe:[
'12312312',
'12312312',
'Single Design centers on the independent design of a single clothing category, such as a T-shirt, dress, or jacket, without considering coordination with other items. Use the Moodboard, Printboard, Colorboard, and Sketchboard in the Design Assests panel to gather inspiration and focus on crafting a unique piece. Once completed, optimize your design in the Draft and Collection panels with tools like To Product Image, Relight, and Transfer Pose, then export to the Canvas to display your individual creation.',
]
},
],
@@ -95,8 +92,7 @@ export default defineComponent({
title:'Series Design',
value:'SERIES_DESIGN',
describe:[
'12312312',
'12312312',
'Series Design focuses on the coordinated design of multi-category clothing, ideal for creating a unified fashion collection. You can use the Moodboard, Printboard, Colorboard, Sketchboard, and Mannequin sections in the Design Assests panel to organize your inspiration and design complementary clothing combinations. Finally, refine your designs in the Draft and Collection panels using tools like To Product Image, Relight, and Transfer Pose, then export to the Canvas to showcase your complete series design.',
]
},
chatContent:'',
@@ -140,7 +136,7 @@ export default defineComponent({
Https.axiosGet(Https.httpUrls.chatCreateProject, {params:{prompt:data.chatContent,process:data.selectFlow.value,fileUrl:fileUrl,imageUrlList}}).then((rv)=>{
if(rv){
data.loadingShow = false
router.push(`home?history=${rv}`)
emit('newProject',rv)
}
}).catch(()=>{
data.loadingShow = false
@@ -213,6 +209,9 @@ export default defineComponent({
const setProject = (item:any)=>{
router.push(`home?history=${item.id}`)
}
onMounted(()=>{
store.commit('createProbject')
})
return{
...toRefs(dataDom),
...toRefs(data),
@@ -252,6 +251,11 @@ export default defineComponent({
font-weight: 600;
text-align: center;
}
> .workspaceBox{
:deep(.workspace){
border: 1px solid #0000001a;
}
}
> .selectFlow{
margin-top: 4.8rem;
width: 100%;
@@ -288,7 +292,7 @@ export default defineComponent({
margin: 0;
color: #71717a;
font-weight: 400;
font-size: 1.2rem;
}
}
}

160
src/component/home/newProject/setting.vue Normal file
View File

@@ -0,0 +1,160 @@
<template>
<div class="projectSettingModal" ref="projectSettingModal"></div>
<a-modal
class="projectSetting generalModel"
v-model:visible="habitSetStyle"
:footer="null"
width="50%"
:get-container="() => $refs.projectSettingModal"
:maskClosable="false"
:centered="true"
:closable="false"
:mask="true"
:keyboard="false"
:destroyOnClose="true"
:zIndex="1000"
>
<div class="generalModel_btn">
<div class="generalModel_closeIcon" @click.stop="cleardata()">
<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="23" cy="23" r="23" fill="white" fill-opacity="0.3"/>
<rect x="32.5063" y="12" width="3" height="29" rx="1.5" transform="rotate(45 32.5063 12)" fill="white"/>
<rect x="34.6274" y="32.5059" width="3" height="29" rx="1.5" transform="rotate(135 34.6274 32.5059)" fill="white"/>
</svg>
</div>
</div>
<div class="designOpenrtion_content">
<div class="modal_title_text">
<div>Setting</div>
</div>
<div class="workspaceBox">
<workspace ref="workspace" @setProject="setProject" :httpWorkflowType="projectData.process"></workspace>
</div>
</div>
<div class="mark_loading" v-show="isShowMark">
<a-spin size="large" />
</div>
</a-modal>
</template>
<script lang="ts">
import { defineComponent,computed,ref,provide,nextTick,createVNode,toRefs, reactive} from 'vue'
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
import { Https } from "@/tool/https";
import { useStore } from "vuex";
import { useI18n } from 'vue-i18n'
import workspace from './workspace.vue'
import { init } from 'echarts/core';
export default defineComponent({
components:{
workspace,
},
props:{
},
emits:['getHistory'],
setup(props,{emit}) {
const store = useStore();
const data = reactive({
habitSetStyle:false,
isShowMark:false,
projectData:{} as any,
})
const dataDom = reactive({
workspace:null as any,
})
const setIsShowMark = (boolean:boolean)=>{
data.isShowMark = boolean
}
const init = (value:any)=>{
console.log(value)
data.projectData = value
data.habitSetStyle = true
getHistory(value.id)
}
provide('setIsShowMark',setIsShowMark)
let cleardata = ()=>{
data.habitSetStyle = false
}
const getHistory = (id:any)=>{
let value = {
id,
}
if(!id)return
Https.axiosPost(Https.httpUrls.selectHistoryProject,value).then((rv: any) => {
setProjectData(rv)
}).catch((res)=>{
data.isShowMark = false
})
}
const setProjectData = (rv:any)=>{
let storeData = {
name:rv.name,
id:rv.id,
type:rv.process == 'SERIES_DESIGN'?'seriesDesign':'singleProductDesign',
httpType:rv.process,//项目类型
ageGroup:rv.workspaceVO.ageGroup,
style:rv.workspaceVO.style,
styleId:rv.workspaceVO.styleId,
styleName:rv.workspaceVO.styleName,
sex:rv.workspaceVO.sex,
systemDesignerPercentage:rv.workspaceVO.systemDesignerPercentage,
position:{
label:rv.workspaceVO.positionEnum.value,
value:rv.workspaceVO.positionEnum.name
},
positionList:[],
publishData:{
id:rv.portfolioDTO.id?rv.portfolioDTO.id:'',
portfolioDes:rv.portfolioDTO.portfolioDes?rv.portfolioDTO.portfolioDes:'',
portfolioName:rv.portfolioDTO.portfolioName?rv.portfolioDTO.portfolioName:'',
tagsDTO:rv.portfolioDTO.tagsDTO?rv.portfolioDTO.tagsDTO:[],
},
model:{}
}
let model:any = {}
let position = []
if(storeData.sex == "Female"){
model = {
id:rv.workspaceVO.mannequinFemaleId,
type:rv.workspaceVO.mannequinFemaleType,
url:rv.workspaceVO.femalePresignedUrl,
}
position = store.state.UserHabit.FemalePosition
}else{
model = {
id:rv.workspaceVO.mannequinMaleId,
type:rv.workspaceVO.mannequinMaleType,
url:rv.workspaceVO.malePresignedUrl,
}
position = store.state.UserHabit.MalePosition
}
storeData.model = model
storeData.positionList = position
dataDom.workspace.init(storeData)
}
const setProject = ()=>{
cleardata()
emit('getHistory')
}
return{
...toRefs(dataDom),
...toRefs(data),
cleardata,
init,
setProject,
}
},
provide() {
return {
}
},
})
</script>
<style lang="less" scoped>
.projectSettingModal{
:deep(.designOpenrtion_content){
display: flex;
flex-direction: column;
}
}
</style>

13
src/component/home/newProject/workspace.vue
View File

@@ -55,7 +55,7 @@
</div>
</div>
</div>
<div class="position marginBottom" style="display: flex; align-items: center;justify-content: space-between;" v-show="show.position">
<div class="position marginBottom" style="display: flex; align-items: center;justify-content: space-between;" v-show="show.position" v-if="httpWorkflowType == 'SINGLE_DESIGN'">
<div class="text">
Category:
</div>
@@ -128,9 +128,12 @@ export default defineComponent({
},
setIsShowMark:inject('setIsShowMark') as any,
})
watch(()=>data.selectObject_,(newVal)=>{
data.selectObject = JSON.parse(JSON.stringify(newVal))
})
// watch(()=>data.selectObject_,(newVal)=>{
// data.selectObject = JSON.parse(JSON.stringify(newVal))
// })
const init = (storeData:any)=>{
data.selectObject = JSON.parse(JSON.stringify(storeData))
}
const dataDom = reactive({
habitSetStyle:null as any,
})
@@ -244,6 +247,7 @@ export default defineComponent({
projectList,
...toRefs(dataDom),
...toRefs(data),
init,
setStyle,
setWorkspaceStyle,
setprintModel,
@@ -270,7 +274,6 @@ export default defineComponent({
align-items: center;
font-weight: 600;
font-size: 1.8rem;
border: 1px solid #0000001a;
padding: 1.2rem;
border-radius: 2.4rem;
> .workspaceBox{