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