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

封装设置衣服类型的下拉菜单

Browse Source
This commit is contained in:
X1627315083
2024-04-25 14:39:28 +08:00
parent d66a07785a
commit 4cfd33bcc7
8 changed files with 284 additions and 556 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/views/HomeView/library.vue
View File

@@ -53,7 +53,7 @@
</a-select>
<a-select
ref="select"
v-show="selectCode == 'Sketchboard'"
v-show="selectCode == 'Sketchboard' && uploadGenerate != 'Generate'"
v-model:value="designType.value"
:options="disignTypeList"
@change="handleChange"
@@ -240,6 +240,7 @@
</div>
<div class="upload_file_item_content" @click.stop="setSketchboardItem(file)" v-show="file?.status === 'done'">
<img :src="file?.imgUrl" class="upload_img" />
<div class="delete_file_block rightTop" @click.stop="deleteFile(index)" >
<span class="icon iconfont icon-shanchu"></span>
</div>
@@ -281,7 +282,7 @@
<div :class="['content_img_item_block', selectImgList.indexOf(img.id) > -1 ? 'select_item_img' :'']">
<img v-show="img.status != 'Success'" :class="['content_img', ['Moodboard','Printboard'].indexOf(selectCode) > -1 ? 'board_content_img' :'']" src="@/assets/images/homePage/loading.gif" alt="">
<img v-show="img.status == 'Success'" :class="['content_img', ['Moodboard','Printboard'].indexOf(selectCode) > -1 ? 'board_content_img' :'']" :src="img.imgUrl">
<div class="img_item_hover">
<div class="img_operate_content">
<div class="img_operate_block">
@@ -295,6 +296,7 @@
</div>
</div>
</div>
<sketchCategory v-show="selectCode == 'Sketchboard'" :disignTypeList="disignTypeList" :generateList="generateList" :item="img"></sketchCategory>
</div>
<div class="content_img_name"></div>
</div>
@@ -345,6 +347,7 @@ import { useStore } from "vuex";
import { Https } from "@/tool/https";
import { getCookie } from "@/tool/cookie";
import scaleImage from "@/component/HomePage/scaleImage.vue";
import sketchCategory from "@/component/HomePage/sketchCategory.vue";
import { useI18n } from "vue-i18n";
import { ElCascader } from 'element-plus'
import { remove } from "jszip";
@@ -358,6 +361,7 @@ export default defineComponent({
// RobotAssist,
ElCascader,
scaleImage,
sketchCategory,
},
setup() {
@@ -566,6 +570,7 @@ export default defineComponent({
arr.push({
value:item.name,
label:item.value,
name:item.value
})
});
this.designType = arr[0]
@@ -575,7 +580,7 @@ export default defineComponent({
})
},
likeFile(item:any,str:string){
let designType = this.selectCode == 'Sketchboard' || this.selectCode == 'MarketingSketch' ? this.designType.value : ''
let designType = this.selectCode == 'Sketchboard' || this.selectCode == 'MarketingSketch' ? item.category : ''
if(str == 'like'){
let data = {
@@ -1170,13 +1175,19 @@ export default defineComponent({
if(this.isShowMark){//防止取消后有正在执行的获取状态
let arr:any = []
arr = rv.filter((item:any)=>item.status != 'Success' && item.status != 'Fail' && item.status != 'Invalid')
console.log(arr);
rv.forEach((element:any) => {
this.generateList.forEach((item:any,index:any) => {
if(item.taskId == element.taskId && element.status == 'Success'){
element.imgUrl = element.url
this.generateList[index] = element
if(element.category){
this.disignTypeList.forEach((itemCategory:any) => {
if(itemCategory.value == element.category){
element.categoryValue = itemCategory?.label
element.category = itemCategory?.value
}
});
}
}
});
});
@@ -1683,6 +1694,7 @@ export default defineComponent({
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
span{
font-size: 1.4rem;
}
@@ -1693,7 +1705,14 @@ export default defineComponent({
}
}
.upload_item:hover{
.upload_file_item{
.delete_file_block{
opacity: 1;
}
}
}
}
}