调整部分bug
This commit is contained in:
@@ -38,6 +38,28 @@
|
||||
<div class="text">{{ selectObject?.styleName?selectObject?.styleName:'All' }}</div>
|
||||
<div class="gallery_btn" style="line-height: 5rem;" @click="setStyle">{{ $t('Habit.Select') }}</div>
|
||||
</div>
|
||||
<div class="style marginBottom brand">
|
||||
<div class="text">Bran DNA</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>
|
||||
<div class="systemDesigner marginBottom" v-if="selectObject.userBrandDna">
|
||||
<a-slider class="system_silder"
|
||||
v-model:value="selectObject.brandPercentage"
|
||||
:tip-formatter="formatterBrandDNA"
|
||||
:tooltipVisible="false"
|
||||
>
|
||||
</a-slider>
|
||||
<div class="text">
|
||||
<div class="left">
|
||||
Bran DNA<span>({{systemBrandDNA.system}}%)</span>
|
||||
</div>
|
||||
<div class="right">
|
||||
System<span>({{systemBrandDNA.brandDNA}}%)</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="systemDesigner marginBottom" v-if="show.systemDesigner">
|
||||
<a-slider class="system_silder"
|
||||
v-model:value="selectObject.systemDesignerPercentage"
|
||||
@@ -66,6 +88,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<habitSetStyle ref="habitSetStyle" @setWorkspaceStyle="setWorkspaceStyle" :mannequinStyle="mannequinStyle"></habitSetStyle>
|
||||
<setBrandDNA ref="brandDNA" @setWorkspaceBrandDNA="setWorkspaceBrandDNA"></setBrandDNA>
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts">
|
||||
@@ -75,7 +98,8 @@ import { useStore } from "vuex";
|
||||
import { useI18n } from 'vue-i18n'
|
||||
// import workspace from './model/workspace.vue'
|
||||
import router from '@/router';
|
||||
import habitSetStyle from "@/component/Detail/habitSetStyle.vue";
|
||||
import habitSetStyle from "@/component/modules/habitSetStyle.vue";
|
||||
import setBrandDNA from "@/component/modules/setBrandDNA.vue";
|
||||
import generalMenu from "@/component/HomePage/generalMenu.vue";
|
||||
import { Https } from '@/tool/https';
|
||||
import { position } from 'html2canvas/dist/types/css/property-descriptors/position';
|
||||
@@ -84,7 +108,7 @@ import { message } from 'ant-design-vue';
|
||||
import {projectList} from '@/tool/listData'
|
||||
export default defineComponent({
|
||||
components:{
|
||||
habitSetStyle,generalMenu
|
||||
habitSetStyle,generalMenu,setBrandDNA
|
||||
},
|
||||
props:{
|
||||
workflowType:{
|
||||
@@ -126,6 +150,10 @@ export default defineComponent({
|
||||
system:0,
|
||||
designer:0,
|
||||
},
|
||||
systemBrandDNA:{
|
||||
system:0,
|
||||
brandDNA:0,
|
||||
},
|
||||
setIsShowMark:inject('setIsShowMark') as any,
|
||||
})
|
||||
// watch(()=>data.selectObject_,(newVal)=>{
|
||||
@@ -136,16 +164,25 @@ export default defineComponent({
|
||||
}
|
||||
const dataDom = reactive({
|
||||
habitSetStyle:null as any,
|
||||
brandDNA:null as any,
|
||||
})
|
||||
const setStyle = ()=>{
|
||||
dataDom.habitSetStyle.init(data.selectObject);
|
||||
}
|
||||
const setBrandDNA = ()=>{
|
||||
dataDom.brandDNA.init(data.selectObject);
|
||||
}
|
||||
const setWorkspaceStyle = (value:any)=>{
|
||||
data.selectObject.styleName = value.name
|
||||
data.selectObject.style = value.value
|
||||
data.selectObject.styleId = value.id
|
||||
// store.commit('setProbject',data)
|
||||
}
|
||||
const setWorkspaceBrandDNA = (value:any)=>{
|
||||
data.selectObject.userBrandDnaName = value.name
|
||||
data.selectObject.userBrandDna = value.id
|
||||
data.selectObject.userBrandDnaImg = value.img
|
||||
}
|
||||
const setprintModel = (value:any)=>{
|
||||
data.selectObject.position = value
|
||||
}
|
||||
@@ -155,6 +192,12 @@ export default defineComponent({
|
||||
let num = Math.abs((value-50)*2)
|
||||
return `${num}%`;
|
||||
}
|
||||
const formatterBrandDNA = (value: number)=>{
|
||||
data.systemBrandDNA.system = 100 - value
|
||||
data.systemBrandDNA.brandDNA = value
|
||||
let num = Math.abs((value-50)*2)
|
||||
return `${num}%`;
|
||||
}
|
||||
const complete = ()=>{
|
||||
if(!data.selectObject.name){
|
||||
message.info(t('PrintboardUpload.jsContent7'))
|
||||
@@ -171,11 +214,13 @@ export default defineComponent({
|
||||
systemDesignerPercentage:data.show.systemDesigner?data.selectObject.systemDesignerPercentage:null,
|
||||
position:data.show.position?data.selectObject.position.value:'Overall',
|
||||
ageGroup:data.show.style?data.selectObject.ageGroup:null,
|
||||
userBrandDna:data.selectObject.userBrandDna,
|
||||
brandPercentage:data.selectObject.brandPercentage,
|
||||
// position:data.selectObject,
|
||||
} as any,
|
||||
|
||||
}
|
||||
Https.axiosPost(Https.httpUrls.saveOrUpdate,value).then((rv)=>{
|
||||
Https.axiosPost(Https.httpUrls.projectSaveOrUpdate,value).then((rv)=>{
|
||||
if(rv){
|
||||
data.selectObject.id = rv.id
|
||||
let model:any = {}
|
||||
@@ -208,32 +253,13 @@ export default defineComponent({
|
||||
|
||||
}
|
||||
onMounted(()=>{
|
||||
store.commit('createProbject')
|
||||
data.selectObject = JSON.parse(JSON.stringify(data.selectObject_))
|
||||
// data.show.gender = (props.workflowType == 'seriesDesign' || props.workflowType == 'singleProductDesign' || props.workflowType == 'printingDesign3D')
|
||||
// data.show.style = (props.workflowType == 'seriesDesign' || props.workflowType == 'singleProductDesign')
|
||||
// data.show.age = (props.workflowType == 'seriesDesign' || props.workflowType == 'singleProductDesign' || props.workflowType == 'sketchDesign')
|
||||
// data.show.systemDesigner = (props.workflowType == 'seriesDesign' || props.workflowType == 'singleProductDesign')
|
||||
// data.show.position = (props.workflowType == 'singleProductDesign')
|
||||
|
||||
if(!data.mannequinStyle){
|
||||
data.setIsShowMark(true)
|
||||
Https.axiosPost(Https.httpUrls.getStyleList, {}).then(
|
||||
(rv) => {
|
||||
data.setIsShowMark(false)
|
||||
rv.forEach((item:any) => {
|
||||
let name = item.value
|
||||
item.value = item.name
|
||||
item.name = name
|
||||
});
|
||||
data.selectObject.style = rv[0].value
|
||||
data.selectObject.styleName = rv[0].name
|
||||
data.selectObject.styleId = rv[0].id
|
||||
store.commit('setMannequinStyle',rv)
|
||||
}
|
||||
).catch(res=>{
|
||||
data.setIsShowMark(false)
|
||||
});
|
||||
}
|
||||
data.selectObject.style = store.state.UserHabit.mannequinStyle[0].value
|
||||
data.selectObject.styleName = store.state.UserHabit.mannequinStyle[0].name
|
||||
data.selectObject.styleId = store.state.UserHabit.mannequinStyle[0].id
|
||||
})
|
||||
onBeforeUnmount(()=>{
|
||||
})
|
||||
watch(()=>data.selectObject.sex,(newVal)=>{
|
||||
if(newVal == 'Male'){
|
||||
@@ -249,9 +275,12 @@ export default defineComponent({
|
||||
...toRefs(data),
|
||||
init,
|
||||
setStyle,
|
||||
setBrandDNA,
|
||||
setWorkspaceStyle,
|
||||
setWorkspaceBrandDNA,
|
||||
setprintModel,
|
||||
formatter,
|
||||
formatterBrandDNA,
|
||||
complete,
|
||||
openSetData,
|
||||
}
|
||||
@@ -275,7 +304,6 @@ export default defineComponent({
|
||||
font-weight: 600;
|
||||
font-size: 1.8rem;
|
||||
padding: 1.2rem;
|
||||
border-radius: 2.4rem;
|
||||
> .workspaceBox{
|
||||
width: 55rem;
|
||||
padding: 0 5rem;
|
||||
@@ -289,6 +317,15 @@ export default defineComponent({
|
||||
margin-bottom: 3rem;
|
||||
// width: 44%;
|
||||
}
|
||||
> .brand{
|
||||
> .text{
|
||||
> img{
|
||||
width: 10rem;
|
||||
height: 6rem;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
}
|
||||
> .title{
|
||||
font-size: 2.7rem;
|
||||
> span{
|
||||
@@ -342,6 +379,7 @@ export default defineComponent({
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .style{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
Reference in New Issue
Block a user