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

fix: moodboard generate不显示上传图片

Browse Source
This commit is contained in:
zhangyh
2025-10-02 11:45:00 +08:00
parent 627c535774
commit ee8c0fb355
1 changed files with 441 additions and 395 deletions
Download Patch File Download Diff File Expand all files Collapse all files

184
src/component/HomePage/Generate.vue
View File

@@ -1,11 +1,23 @@
<template>
<div class="generate">
<div class="generate_checkbox">
<generalMenu v-if="type_.type2 == 'Printboard' || type_.type2 == 'Sketchboard'" :dataList="printCatecoryList" @setprintModel="setCatecorySceneList" :item="scene" width="14rem" style="padding: 0;"></generalMenu>
<generalMenu v-if="(type_.type2 == 'Printboard' && scene.value == 'Pattern')" :dataList="printModelList" @setprintModel="setprintModel" :item="printModel"></generalMenu>
<generalMenu
v-if="type_.type2 == 'Printboard' || type_.type2 == 'Sketchboard'"
:dataList="printCatecoryList"
@setprintModel="setCatecorySceneList"
:item="scene"
width="14rem"
style="padding: 0"
></generalMenu>
<generalMenu
v-if="type_.type2 == 'Printboard' && scene.value == 'Pattern'"
:dataList="printModelList"
@setprintModel="setprintModel"
:item="printModel"
></generalMenu>
</div>
<div class="input_border">
<div class="input_box Guide_1_5" :class="[inputShow?'active':'',]">
<div class="input_box Guide_1_5" :class="[inputShow ? 'active' : '']">
<div class="input_box_btnBox" v-if="scene?.value != 'extract'">
<div class="upload_item" v-show="sketchboardList?.length != 0">
<div
@@ -14,10 +26,7 @@
:key="file"
:class="[driver__.driver ? 'showEvents' : '']"
>
<div
class="upload_file_item_content"
v-show="file?.status === 'uploading'"
>
<div class="upload_file_item_content" v-show="file?.status === 'uploading'">
<a-spin size="small" :indicator="indicator" tip="Uploading..." />
</div>
<div
@@ -25,14 +34,29 @@
v-show="file?.status === 'done' || file?.base64"
>
<img :src="file?.imgUrl" class="upload_img" />
<div class="delete_like_file_block" :class="[driver__.driver?'hideEvents':'']">
<span class="icon iconfont icon-shanchu operate_icon" @click.stop="deleteFile(index)"></span>
<div
class="delete_like_file_block"
:class="[driver__.driver ? 'hideEvents' : '']"
>
<span
class="icon iconfont icon-shanchu operate_icon"
@click.stop="deleteFile(index)"
></span>
</div>
</div>
</div>
</div>
<a-dropdown>
<i class="fi fi-br-upload" :class="{ Guide_1_2_6:type_.type2 == 'Printboard'}"></i>
<i
class="fi fi-br-upload"
:class="{ Guide_1_2_6: type_.type2 == 'Printboard' }"
v-show="
!isTextarea &&
upload.level1Type !== 'Moodboard' &&
scene?.value != 'Slogan' &&
scene?.value != 'Logo'
"
></i>
<template #overlay>
<a-menu>
<a-menu-item>
@@ -58,7 +82,9 @@
class="upload-icon icon"
style="font-size: 2rem"
/>
<div style="font-size: 1.2rem;">{{ $t('PrintboardUpload.Upload') }}</div>
<div style="font-size: 1.2rem">
{{ $t('PrintboardUpload.Upload') }}
</div>
</div>
</a-upload>
</a-menu-item>
@@ -66,7 +92,9 @@
<div class="drop-container" @click.stop="handleOpenLibrarySelect">
<i class="fi fi-rr-followcollection library-icon icon"></i>
<div style="font-size: 1.2rem;">{{ $t('PrintboardUpload.Library') }}</div>
<div style="font-size: 1.2rem">
{{ $t('PrintboardUpload.Library') }}
</div>
</div>
</a-menu-item>
</a-menu>
@@ -75,8 +103,12 @@
<textarea
class="textarea"
@input="ifMaximumLength"
:placeholder="(scene?.value == 'Slogan' && type_.type2 == 'Printboard')?isSloganHint:$t('Generate.inputContent1')"
:maxlength='inputShow?0:9999'
:placeholder="
scene?.value == 'Slogan' && type_.type2 == 'Printboard'
? isSloganHint
: $t('Generate.inputContent1')
"
:maxlength="inputShow ? 0 : 9999"
@keydown.enter.prevent="getgenerate()"
@click="inputFocus()"
v-model="searchPictureName"
@@ -356,7 +388,7 @@ export default defineComponent({
sketchCategory,
SelectImages
},
props: ["msg",'sketchCatecoryList','gender'],
props: ['msg', 'sketchCatecoryList', 'gender'],
emits: ['setLibrary'],
setup(props) {
// console.log(prop.msg);
@@ -375,7 +407,6 @@ export default defineComponent({
label: useI18n().t('Generate.Model1')
})
let printCatecoryList: any = computed(() => {
if (props.msg == 'Sketchboard') {
return store.state.UserHabit.SketchGenerateType
@@ -384,15 +415,11 @@ export default defineComponent({
}
})
let searchPictureName = ref("");
let searchPictureSeed:any = ref(0);
let store = useStore();
let fileList: any = ref([
]);
let scene = ref({
})
let searchPictureName = ref('')
let searchPictureSeed: any = ref(0)
let store = useStore()
let fileList: any = ref([])
let scene = ref({})
let sketchboardList: any = ref([])
const setCatecorySceneList = (data: any) => {
if (scene.value.value === data.value) return
@@ -412,7 +439,7 @@ export default defineComponent({
level1Type: props.msg,
ageGroup: workspace.ageGroup,
gender: props.gender,
timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone
})
let isGenerate = ref(false) //判断是否正在进行generate
let inputShow = ref(false) //表示是否出现红框
@@ -434,16 +461,18 @@ export default defineComponent({
{
title: '',
label: t('speedList.generateWx'),
value:'advanced',
},{
value: 'advanced'
},
{
title: '',
label: t('speedList.toproductFlus'),
value:'high',
},{
value: 'high'
},
{
title: '',
label: t('speedList.generateNormal'),
value:'normal',
},
value: 'normal'
}
// {
// title:'',
// label:t('speedList.generateFlux'),
@@ -454,15 +483,15 @@ export default defineComponent({
{
title: '',
label: t('speedList.generateFlux'),
value:'flux',
},
value: 'flux'
}
],
speedState: false,
speedData: {
title: '',
label: t('speedList.generateWx'),
value:'advanced',
},
value: 'advanced'
}
})
const openSpeed = () => {
if (speed.speedState) {
@@ -471,12 +500,13 @@ export default defineComponent({
instance.appContext.config.globalProperties.$dropdownEvents.closeAll()
speed.speedState = true
}
}
const removeOpenSpeed = () => {
speed.speedState = false
}
watch(()=>scene.value,(newVal,oldVal)=>{
watch(
() => scene.value,
(newVal, oldVal) => {
if (newVal.value == 'extract') {
speed.speedData = speed.extractList[0]
} else if (newVal.value == 'Logo' || newVal.value == 'Slogan') {
@@ -490,7 +520,8 @@ export default defineComponent({
// }
speed.speedData = speed.speedList[0]
}
})
}
)
const setSpeed = (item: any) => {
speed.speedData = item
}
@@ -513,7 +544,9 @@ export default defineComponent({
})
onUnmounted(() => {
instance.appContext.config.globalProperties.$dropdownEvents.offClose(removeOpenSpeed)
instance.appContext.config.globalProperties.$dropdownEvents.offClose(
removeOpenSpeed
)
})
return {
userDetail,
@@ -552,28 +585,28 @@ export default defineComponent({
setSpeed,
upload,
Https,
setCatecorySceneList,
};
setCatecorySceneList
}
},
data(prop) {
return {
indicator: h(LoadingOutlined, {
style: {
fontSize: "2.4rem",
fontSize: '2.4rem'
},
spin: true,
spin: true
}),
token: "",
uploadUrl: "",
token: '',
uploadUrl: '',
type_: {
type1: "generate",
type2: prop.msg,
type1: 'generate',
type2: prop.msg
},
isTextarea: false,
isInputFocus:false,
};
isInputFocus: false
}
},
mounted() {
@@ -583,10 +616,10 @@ export default defineComponent({
// item.id_ = GO.id++
// })
// this.store.commit("addGenerateFils", this.fileList);
this.token = getCookie("token") || "";
this.token = getCookie('token') || ''
let isTest: any = getCookie('isTest')
this.isTest = JSON.parse(isTest)
this.uploadUrl = getUploadUrl();
this.uploadUrl = getUploadUrl()
// if()
if (this.type_.type2 == 'Printboard') {
this.printModelList = [
@@ -595,30 +628,35 @@ export default defineComponent({
optype: false,
value: 'Painting Style',
label: useI18n().t('Generate.Model1')
},{
},
{
num: 2,
optype: false,
value: 'Illustration Style',
label: useI18n().t('Generate.Model2')
},{
},
{
num: 3,
optype: false,
value: 'Real Style',
label: useI18n().t('Generate.Model3')
},
}
]
} else if (this.type_.type2 == 'Sketchboard') {
this.printModelList = JSON.parse(JSON.stringify(this.store.state.UserHabit.SketchStyle))
let imgList = ['/image/sketch/sketch-thick.jpg','/image/sketch/sketch-medium.jpg','/image/sketch/sketch-fine.jpg']
this.printModelList = JSON.parse(
JSON.stringify(this.store.state.UserHabit.SketchStyle)
)
let imgList = [
'/image/sketch/sketch-thick.jpg',
'/image/sketch/sketch-medium.jpg',
'/image/sketch/sketch-fine.jpg'
]
this.printModelList.forEach((item: any, index: number) => {
item.img = imgList[index]
})
if (this.printModelList[3]) this.printModelList[3].img = -1
}
this.printModel = this.printModelList[0]
},
watch: {
driver__: {
@@ -628,16 +666,24 @@ export default defineComponent({
} else {
}
} else if (this.type_.type2 == 'Sketchboard') {
}
}
},
scene: {
handler(newVal, oldVal) {
if (this.type_.type2 == 'Printboard' && newVal.value == 'Slogan') {
let sloganType = [this.t('Generate.BlueYelStarryNight'),this.t('Generate.GreenCthulhu'),this.t('Generate.RedYelFireStyle'),this.t('Generate.CyberpunkStyle'),this.t('Generate.CitySkyline'),this.t('Generate.RedMaple'),this.t('Generate.GoldSunflower'),this.t('Generate.EmrldJungle'),this.t('Generate.PinkSakura')]
var randomNumber = Math.floor(Math.random() * sloganType.length);
let sloganType = [
this.t('Generate.BlueYelStarryNight'),
this.t('Generate.GreenCthulhu'),
this.t('Generate.RedYelFireStyle'),
this.t('Generate.CyberpunkStyle'),
this.t('Generate.CitySkyline'),
this.t('Generate.RedMaple'),
this.t('Generate.GoldSunflower'),
this.t('Generate.EmrldJungle'),
this.t('Generate.PinkSakura')
]
var randomNumber = Math.floor(Math.random() * sloganType.length)
this.isSloganHint = sloganType[randomNumber]
} else {
this.isSloganHint = ''
@@ -659,15 +705,15 @@ export default defineComponent({
computed: {
getSketchLabel(value: any) {
return (value: any) => {
let lable = "";
let lable = ''
for (let item of this.sketchCatecoryList) {
if (item.value === value) {
lable = item.label;
break;
lable = item.label
break
}
}
return lable;
};
return lable
}
}
},
methods: {