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

布局修改 部分bug修复

Browse Source
This commit is contained in:
X1627315083
2025-08-22 10:27:48 +08:00
parent 141821a843
commit 594bf5ce0a
275 changed files with 5675 additions and 13049 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,9 @@
<template>
<div class="workspace">
<div class="workspaceBox">
<div class="title marginBottom">
<div class="titleText">{{$t('Habit.generationSetting')}}</div>
</div>
<div class="projectName marginBottom" v-if="show.title">
<div class="text">{{$t('Habit.ProjectName')}}: <span style="color: red;">*</span></div>
<div class="input">
@@ -35,18 +38,19 @@
</div>
<div class="style marginBottom" v-if="show.style">
<div class="text">{{$t('Habit.Style')}}：</div>
<div class="text">{{ selectObject?.styleName?selectObject?.styleName:'All' }}</div>
<div class="gallery_btn" style="line-height: 5rem;" @click="setStyle">{{ $t('Habit.Select') }}</div>
<div class="center">{{ selectObject?.styleName?selectObject?.styleName:'All' }}</div>
<div class="gallery_btn" @click="setStyle">{{ $t('Habit.Select') }}</div>
</div>
<div class="style marginBottom brand">
<div class="style brand marginBottom">
<div class="text">{{$t('Habit.Brand')}}:</div>
<div class="text"><img v-show="selectObject.userBrandDna" :src="selectObject.userBrandDnaImg"></div>
<!-- <div class="text"><img v-show="selectObject.userBrandDna" :src="selectObject.userBrandDnaImg">{{ selectObject.userBrandDnaName }}</div> -->
<div class="gallery_btn" style="line-height: 5rem;" @click="setBrandDNA">{{ $t('Habit.Select') }}</div>
<div class="gallery_btn" @click="setBrandDNA">{{ $t('Habit.Select') }}</div>
</div>
<div class="brandImg" v-if="selectObject.userBrandDna"><img :src="selectObject.userBrandDnaImg"></div>
<div class="brandDNAStrenght marginBottom" v-if="selectObject.userBrandDna">
<div class="text">
{{$t('Habit.BrandStrength')}}:
<div class="text" style="font-size: 1.6rem;">
{{$t('Habit.BrandStrength')}}: ({{ `${selectObject.brandPercentage || 0}%` }})
</div>
<a-slider class="system_silder"
v-model:value="selectObject.brandPercentage"
@@ -54,14 +58,23 @@
>
</a-slider>
</div>
<div class="position marginBottom" v-show="show.position" v-if="httpWorkflowType == 'SINGLE_DESIGN'">
<div class="text">
{{$t('Habit.Category')}}:
</div>
<generalMenu style="width:100%;" :ulStyle="{background: '#fff'}" :selectWidth="'100%'" :dataList="selectObject.positionList" @setprintModel="setprintModel" :item="selectObject.position"></generalMenu>
</div>
<div class="systemDesigner marginBottom" v-if="show.systemDesigner">
<div class="text" style="margin-bottom: 1rem;">
{{$t('Habit.GenerationParameters')}}:
</div>
<a-slider class="system_silder"
v-model:value="selectObject.systemDesignerPercentage"
:tip-formatter="formatter"
:tooltipVisible="false"
>
</a-slider>
<div class="text">
<div class="text" style="margin-top: 1rem; font-size: 1.6rem;">
<div class="left">
{{ $t('Habit.System') }}<span>({{systemDesigner.designer}}%)</span>
</div>
@@ -71,14 +84,8 @@
</div>
</div>
</div>
<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">
{{$t('Habit.Category')}}:
</div>
<generalMenu style="width:80%" :ulStyle="{background: '#fff'}" :selectWidth="'100%'" :dataList="selectObject.positionList" @setprintModel="setprintModel" :item="selectObject.position"></generalMenu>
</div>
<div class="complete">
<div class="gallery_btn" @click="complete">{{$t('HomeView.Start')}}</div>
<div class="gallery_btn" style="padding: 0rem 2.2rem; line-height: 4.5rem;font-weight: 500;" @click="complete">{{$t('HomeView.Start')}}</div>
</div>
</div>
<habitSetStyle ref="habitSetStyle" @setWorkspaceStyle="setWorkspaceStyle" :mannequinStyle="mannequinStyle"></habitSetStyle>
@@ -263,7 +270,9 @@ export default defineComponent({
}
onMounted(()=>{
store.commit('createProbject')
if(props.status != 'edit'){
store.commit('createProbject')
}
data.selectObject = JSON.parse(JSON.stringify(data.selectObject_))
data.selectObject.style = store.state.UserHabit?.mannequinStyle?.[0]?.value
data.selectObject.styleName = store.state.UserHabit?.mannequinStyle?.[0]?.name
@@ -315,17 +324,37 @@ export default defineComponent({
font-size: 1.8rem;
padding: 1.2rem;
> .workspaceBox{
width: 55rem;
width: 52rem;
height: 100%;
padding: 0 5rem;
width: 100%;
// width: 100%;
padding: 0;
overflow-y: auto;
display: flex;
flex-direction: column;
// display: flex;
// flex-wrap: wrap;
// justify-content: space-between;
// align-content: flex-start;
> div{
// padding: 0 5rem;
}
> .title{
display: flex;
font-weight: 500;
align-items: flex-end;
// height: 2.4rem;
> div{
font-size: 2.4rem;
margin-right: 1.2rem;
}
> span{
font-size: 1.4rem;
color: #999999;
}
}
> .marginBottom{
margin-bottom: 3rem;
margin-bottom: 2rem;
// width: 44%;
}
> .brand{
@@ -337,6 +366,16 @@ export default defineComponent({
}
}
}
> .brandImg{
width: 10rem;
height: 10rem;
margin: 1rem 0;
> img{
width: 100%;
height: 100%;
object-fit: contain;
}
}
> .title{
font-size: 2.7rem;
> span{
@@ -346,17 +385,17 @@ export default defineComponent({
}
> .projectName{
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
> .text{
margin-right: 1rem;
margin-bottom: 1rem;
}
> .input{
// flex: 1;
width: 80%;
padding: 1rem 2rem;
width: 100%;
padding: calc(1.7rem - 2px * 2) 2.7rem;
// padding: 2rem 2.7rem;
font-size: 1.6rem;
font-size: 1.8rem;
border-radius: 1.6rem;
border: 2px solid #D0D0D0;
display: flex;
@@ -372,20 +411,29 @@ export default defineComponent({
}
}
}
.text{
font-size: 1.8rem;
font-weight: 500;
}
> .gender{
display: flex;
align-items: center;
> .text{
width: 8rem;
// width: 8rem;
}
> .radio{
display: flex;
margin-left: 4.5rem;
margin-left: 4.2rem;
> label{
display: flex;
margin-right: 4rem;
>input{
margin-right: 1.5rem;
transform: scale(1.2);
}
> span{
font-weight: 500;
font-size: 1.6rem;
}
}
}
@@ -395,6 +443,22 @@ export default defineComponent({
display: flex;
align-items: center;
justify-content: space-between;
.gallery_btn{
line-height: 3.6rem;
font-size: 1.4rem;
font-weight: 500;
border-radius: .8rem;
}
> .center{
margin-right: auto;
margin-left: 3rem;
min-width: 10rem;
font-size: 1.4rem;
border-radius: .8rem;
line-height: 3.6rem;
background-color: #ebebeb;
text-align: center;
}
}
> .systemDesigner{
> .text{
@@ -416,12 +480,16 @@ export default defineComponent({
}
}
> .position{
display: flex;
flex-direction: column;
> .text{
margin-right: 1rem;
margin-bottom: 1rem;
}
:deep(.generalMenu_printModel){
position: relative;
margin: 0;
height: 6rem;
font-weight: 500;
> div,> ul{
width: 100%;
border-radius: 1.6rem;
@@ -431,6 +499,7 @@ export default defineComponent({
}
> .complete{
width: 100%;
margin-top: auto;
text-align: right;
> div{
}