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

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;
}
}
}