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

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

View File

@@ -78,46 +78,6 @@
v-show="file?.status === 'done'"
>
<img :src="file?.imgUrl" class="upload_img" />
<div v-if="type_.type2 == 'Sketchboard'" class="operate_file_block">
<div class="select_img_type">
<div
class="select_category"
@click.stop="showFileCategory(file)"
>
{{ file.categoryValue }}
<div
:class="[
'icon',
'iconfont',
'icon-xiala',
file.categoryShow
? 'icon_rotate'
: '',
]"
></div>
</div>
<div
class="category_list"
v-show="file.categoryShow"
>
<div
:class="[
'category_item',
file.category == cate.name
? 'select_category_item'
: '',
]"
v-for="(
cate, index
) in sketchCatecoryList"
:key="index"
@click.stop="selectFileCategory(file, cate)"
>
{{ cate.value }}
</div>
</div>
</div>
</div>
<div
class="delete_file_block"
:class="[driver__.driver?'hideEvents':'']"
@@ -742,23 +702,7 @@ export default defineComponent({
message.warning(res.errMsg);
}
},
showFileCategory(file: any) {
file.categoryShow = true;
document.addEventListener("click", this.hiddenFileCategory);
},
selectFileCategory(file: any, cate: any) {
file.categoryValue = cate?.value;
file.category = cate.name;
file.categoryShow = false
// this.store.commit("setSketchboardFile", this.sketchboardList);
},
hiddenFileCategory() {
for (let item of this.sketchboardList) {
item.categoryShow = false;
}
document.removeEventListener("click", this.hiddenFileCategory);
},
setSketchboardItem(item:any){
if(this.checkboxImage){
return