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-06-26 17:26:31 +08:00
parent 15077d37ea
commit c661454590
43 changed files with 1494 additions and 271 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
src/component/HomePage/productImg.vue
View File

@@ -112,7 +112,7 @@
{{$t('Generate.Close')}}
</div>
</div>
<div class="input_clear started_btn">清空</div>
<!-- <div class="input_clear started_btn" @click="clearPrductimg">{{$t('ProductImg.Clear')}}</div> -->
</div>
</div>
<div class="productImg_right">
@@ -123,11 +123,14 @@
<div class="productImg_right_item_like">
<i class="fi fi-rr-heart" @click.stop="likeFile(item,'like',index)"></i>
</div>
<div class="productImg_right_item_scale">
<div class="productImg_right_item_scale iconLeft">
<i class="fi fi-bs-expand-arrows-alt" @click.stop="setScaleImage(generateList[productimgMenu.value],index)"></i>
</div>
<div class="productImg_right_item_menu iconLeft">
<i class="fi fi-rr-circle-ellipsis" @click.stop="setScaleImage(generateList[productimgMenu.value],index)"></i>
<i class="fi fi-rr-circle-ellipsis" @click.stop="setMenuShow(item)"></i>
<ul v-show="item.menuShow">
<li v-for="menuItem,index in productimgMenuList" v-show="index != 0" @click.stop="setMenu(menuItem,item)" :key="menuItem.value">{{ menuItem.label }}</li>
</ul>
</div>
</div>
</div>
@@ -136,15 +139,15 @@
<div class="button_second" @click="setExport">{{$t('ProductImg.Export')}}</div>
</div>
<div class="productImg_right_item_box generalScroll" v-mousewheel>
<div class="productImg_right_item" v-for="item,index in likeList[productimgMenu.value]" :key="item">
<div class="productImg_right_item" v-for="item,index in likeList" :key="item">
<img :src="item.url" alt="">
<div class="productImg_right_item_like iconLeft">
<div class="productImg_right_item_like">
<i class="fi fi-sr-heart" @click.stop="likeFile(item,'noLike',index)"></i>
</div>
<div class="productImg_right_item_scale iconLeft">
<i class="fi fi-bs-expand-arrows-alt" @click.stop="setScaleImage(likeList[productimgMenu.value],index)"></i>
<i class="fi fi-bs-expand-arrows-alt" @click.stop="setScaleImage(likeList,index)"></i>
</div>
<div class="productImg_right_item_menu">
<div class="productImg_right_item_menu iconLeft">
<i class="fi fi-rr-circle-ellipsis" @click.stop="setMenuShow(item)"></i>
<ul v-show="item.menuShow">
<li v-for="menuItem,index in productimgMenuList" v-show="index != 0" @click.stop="setMenu(menuItem,item)" :key="menuItem.value">{{ menuItem.label }}</li>
@@ -202,15 +205,15 @@ export default defineComponent({
isProductimg:false,//开始生成
selectProductimgList:[],
generateList:{},
likeList:{},
likeList:[],
})
let productimgMenuList = ref([
{
value:'ProductImage',
label:useI18n().t('ProductImg.ProductImage')
},{
value:'ProductImage1',
label:'123123'
value:'Relight',
label:useI18n().t('ProductImg.Relight')
}
])
let productimgMenu:any = ref(productimgMenuList.value[0])
@@ -242,7 +245,7 @@ export default defineComponent({
rv.forEach((item:any) => {
item.imgUrl = item.url
});
productImgData.likeList[productimgMenu.value.value] = rv
productImgData.likeList = rv
}
).catch(res=>{
});
@@ -263,7 +266,7 @@ export default defineComponent({
let cleardata = ()=>{
productImg.value = false
productImgData.isShowMark = false
productImgData.likeList = {}
productImgData.likeList = []
productImgData.generateList = {}
productimgMenu.value = productimgMenuList.value[0]
}
@@ -278,6 +281,9 @@ export default defineComponent({
file.id = res.data.id
file.isChecked = true
file.type = 'ProductElement'
if(productimgMenu.value.value == 'Relight'){
file.type = "ToProductImage"
}
productImgData.fileList[productimgMenu.value.value].filter((v: any) => v.status === "done");
}else{
bor = false
@@ -322,17 +328,14 @@ export default defineComponent({
Https.axiosPost(url, data).then(
(rv) => {
if(str == 'like'){
if(!productImgData.likeList[productimgMenu.value.value]){
productImgData.likeList[productimgMenu.value.value] = []
}
productImgData.likeList[productimgMenu.value.value].push(item)
productImgData.likeList.push(item)
productImgData.generateList[productimgMenu.value.value].splice(index,1)
}else{
if(!productImgData.generateList[productimgMenu.value.value]){
productImgData.generateList[productimgMenu.value.value] = []
}
productImgData.generateList[productimgMenu.value.value].push(item)
productImgData.likeList[productimgMenu.value.value].splice(index,1)
productImgData.likeList.splice(index,1)
}
}
@@ -341,11 +344,7 @@ export default defineComponent({
}
let setExport = ()=>{
let imgList:any = []
productimgMenuList.value.forEach((item:any)=>{
if(productImgData.likeList[item.value]){
imgList.push(...productImgData.likeList[item.value])
}
})
imgList = productImgData.likeList
let data = {
key:'FinalizeImage',
imgList:imgList,
@@ -386,6 +385,10 @@ export default defineComponent({
if(item.isChecked){
obj.elementId = item.designOutfitId
obj.elementType = 'DesignOutfit'
if(productimgMenu.value.value == 'Relight'){
obj.elementId = item.id
obj.elementType = 'ToProductImage'
}
selectArr.push(JSON.parse(JSON.stringify(obj)))
}
})
@@ -404,7 +407,11 @@ export default defineComponent({
remPrductimgTime = setTimeout(()=>{
productImgData.remProductimg = true
},10000)
Https.axiosPost(Https.httpUrls.toProduct, data).then(
let url = Https.httpUrls.toProduct
if(productimgMenu.value.value == 'Relight'){
url = Https.httpUrls.relight
}
Https.axiosPost(url, data).then(
(rv) => {
let arr:any = []
rv.forEach((item:any)=>{
@@ -424,10 +431,15 @@ export default defineComponent({
let data = dataList
let dataNum = dataList.length
let state = true
let url = Https.httpUrls.toProductImageResult
if(productimgMenu.value.value == 'Relight'){
url = Https.httpUrls.relightResult
}
prductimgTime = setInterval(()=>{
if(!state)return
state = false
Https.axiosPost(Https.httpUrls.toProductImageResult, data).then(
Https.axiosPost(url, data).then(
(rv) => {
state = true
if(productImgData.isProductimg){//防止取消后有正在执行的获取状态
@@ -499,6 +511,7 @@ export default defineComponent({
selectList.value[productimgMenu.value.value] = []
}
if(selectList.value[menuItem.value].indexOf(item) == -1){
item.isChecked = true
selectList.value[menuItem.value].push(item)
}
generalIsMenuShow.menuShow = false
@@ -507,6 +520,9 @@ export default defineComponent({
generalIsMenuShow.menuShow = false
generalIsMenuShow = {}
document.removeEventListener('click',removeMenuShow)
}
let clearPrductimg = ()=>{
}
//超分
let setTask = (data:any)=>{
@@ -538,6 +554,7 @@ export default defineComponent({
setScaleImage,
setMenu,
setMenuShow,
clearPrductimg,
setTask,
};
},
@@ -725,7 +742,7 @@ export default defineComponent({
justify-content: space-around;
.input_box{
flex: 0;
margin-left: auto;
}
.started_btn{
// width: 13rem;
@@ -760,9 +777,16 @@ export default defineComponent({
.productImg_right_item_like,.productImg_right_item_scale,.productImg_right_item_menu{
display: none;
position: absolute;
top: 1rem;
top: 2rem;
right: 2rem;
cursor: pointer;
width: 3rem;
height: 3rem;
background: #fff;
align-items: center;
justify-content: center;
border-radius: .5rem;
border: .1rem solid #ccc;
.fi-sr-heart{
color: red;
}
@@ -771,12 +795,15 @@ export default defineComponent({
ul{
top: 100%;
position: absolute;
width: 10rem;
width: 13rem;
left: 0;
text-align: center;
border-radius: calc(1rem*1.2);
overflow: hidden;
z-index: 3;
li{
background: #cccccc;
padding: .5rem 1rem;
}
li:hover{
// background: rgba(0,0,0,.4);
@@ -790,12 +817,12 @@ export default defineComponent({
right: auto;
}
.productImg_right_item_scale{
top: 4rem;
top: 6rem;
}
}
.productImg_right_item:hover{
.productImg_right_item_like,.productImg_right_item_scale,.productImg_right_item_menu{
display: block;
display: flex;
}
}
.productImg_right_item:last-child{