修复sketchboard问题
This commit is contained in:
X1627315083
@@ -117,6 +117,7 @@
|
||||
</div>
|
||||
<div
|
||||
class="delete_file_block"
|
||||
:class="[driver__.driver?'hideEvents':'']"
|
||||
@click.stop="deleteFile(index)"
|
||||
>
|
||||
<span class="icon iconfont icon-shanchu"></span>
|
||||
@@ -168,7 +169,7 @@
|
||||
<i v-else class="fi fi-sr-heart" @click.stop="likeFile(item,'noLike')"></i>
|
||||
</div>
|
||||
<div class="delete_like_file_block left" :class="[driver__.driver?'hideEvents':'']">
|
||||
<i class="fi fi-bs-expand-arrows-alt" @click.stop="scaleImage()"></i>
|
||||
<i class="fi fi-bs-expand-arrows-alt" @click.stop="scaleImage(index)"></i>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -235,6 +236,7 @@ export default defineComponent({
|
||||
let printModel = ref({
|
||||
num:'',
|
||||
optype:false,
|
||||
value:'Painting Style',
|
||||
name:useI18n().t('Generate.Model'+1)
|
||||
})
|
||||
let printBoards:any = computed(()=>{return store.state.UploadFilesModule.printboard})
|
||||
@@ -425,15 +427,18 @@ export default defineComponent({
|
||||
document.removeEventListener('click',this.removePrintModel)
|
||||
},
|
||||
setprintModel(num:any){
|
||||
let arr = ["Painting Style","Illustration Style","Real Style"]
|
||||
if(num == 4){
|
||||
this.printModel = {
|
||||
num : 'Generate',
|
||||
optype:false,
|
||||
value:'',
|
||||
name:this.t('Generate.Generate')
|
||||
}
|
||||
}else{
|
||||
this.printModel = {
|
||||
num : num,
|
||||
value:arr[num-1],
|
||||
optype:false,
|
||||
name:this.t('Generate.Model'+num)
|
||||
}
|
||||
@@ -535,13 +540,23 @@ export default defineComponent({
|
||||
if (file.status === "done") {
|
||||
let res = JSON.parse(file.xhr.response);
|
||||
if(res.errCode == 0){
|
||||
let category:any={
|
||||
value:'',
|
||||
name:'',
|
||||
}
|
||||
this.sketchCatecoryList.forEach((item:any) => {
|
||||
if(item.name == res.data.level2Type){
|
||||
category.value = item?.value
|
||||
category.name = item?.name
|
||||
}
|
||||
});
|
||||
file.id = res.data.id;
|
||||
file.imgUrl = res.data.url;
|
||||
file.resData = res.data;
|
||||
file.type_ = "upload";
|
||||
file.id_ = GO.id++;
|
||||
file.category = this.sketchCatecoryList?.[0]?.name;
|
||||
file.categoryValue = this.sketchCatecoryList?.[0]?.value;
|
||||
file.categoryValue = category?.value;
|
||||
file.category = category?.name;
|
||||
let fileList = this.sketchboardList.filter(
|
||||
(v: any) => v.status === "done"
|
||||
);
|
||||
@@ -671,9 +686,9 @@ export default defineComponent({
|
||||
}
|
||||
|
||||
},
|
||||
scaleImage(){
|
||||
scaleImage(index:any){
|
||||
let scaleImage:any = this.$refs.scaleImage
|
||||
scaleImage.init(this.fileList)
|
||||
scaleImage.init(this.fileList,index)
|
||||
},
|
||||
closeModal() {
|
||||
// this.myMaterialModalShow = false
|
||||
|
||||
@@ -118,7 +118,7 @@
|
||||
<i v-else class="fi fi-sr-heart" @click.stop="likeFile(item,'noLike')"></i>
|
||||
</div>
|
||||
<div class="delete_like_file_block left" :class="[driver__.driver?'hideEvents':'']">
|
||||
<i class="fi fi-bs-expand-arrows-alt" @click.stop="scaleImage()"></i>
|
||||
<i class="fi fi-bs-expand-arrows-alt" @click.stop="scaleImage(index)"></i>
|
||||
</div>
|
||||
<div class="pin_block">
|
||||
<a-checkbox v-model:checked="item.pin">{{ $t('PrintboardUpload.PIN') }}</a-checkbox>
|
||||
@@ -576,9 +576,9 @@ export default defineComponent({
|
||||
collectionElementId:generage?.collectionElementid,
|
||||
level1Type:generage.upload.level1Type,
|
||||
level2Type:'',
|
||||
text:this.captionGeneration,
|
||||
text:`${generage.printModel.value},${this.captionGeneration}`,
|
||||
timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone,
|
||||
version:generage.printModel.num?generage.printModel.num:1,//为1就是Print
|
||||
version:1,//为1就是Print
|
||||
gender:'',
|
||||
}
|
||||
if(generateType == 'image'){
|
||||
@@ -743,9 +743,9 @@ export default defineComponent({
|
||||
})
|
||||
|
||||
},
|
||||
scaleImage(){
|
||||
scaleImage(index:any){
|
||||
let scaleImage:any = this.$refs.scaleImage
|
||||
scaleImage.init(this.generateList)
|
||||
scaleImage.init(this.generateList,index)
|
||||
},
|
||||
generageAdd(item:any){
|
||||
item.type_ = {
|
||||
|
||||
@@ -28,7 +28,7 @@
|
||||
<i v-else class="fi fi-sr-heart" @click.stop="likeFile(imgItem,imgIndex,index)"></i>
|
||||
</div>
|
||||
<div class="delete_like_file_block left" :class="[driver__.driver?'hideEvents':'']">
|
||||
<i class="fi fi-bs-expand-arrows-alt" @click.stop="scaleImage(item.img)"></i>
|
||||
<i class="fi fi-bs-expand-arrows-alt" @click.stop="scaleImage(item.img,index)"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -231,12 +231,12 @@ export default defineComponent({
|
||||
}
|
||||
})
|
||||
},
|
||||
scaleImage(img:any){
|
||||
scaleImage(img:any,index:any){
|
||||
let scaleImage:any = this.$refs.scaleImage
|
||||
img.forEach((item:any) => {
|
||||
item.imgUrl = item.presignedUrl
|
||||
});
|
||||
scaleImage.init(img)
|
||||
scaleImage.init(img,index)
|
||||
scaleImage.scaleImageMask = true
|
||||
},
|
||||
robotmax(){//点击内容就设置为true显示 重置定时器
|
||||
|
||||
@@ -240,7 +240,7 @@
|
||||
<i v-else class="fi fi-sr-heart" @click.stop="likeFile(item,'noLike')"></i>
|
||||
</div>
|
||||
<div class="delete_like_file_block left" :class="[driver__.driver?'hideEvents':'']">
|
||||
<i class="fi fi-bs-expand-arrows-alt" @click.stop="scaleImage()"></i>
|
||||
<i class="fi fi-bs-expand-arrows-alt" @click.stop="scaleImage(index)"></i>
|
||||
</div>
|
||||
<div class="pin_block">
|
||||
<a-checkbox v-model:checked="item.pin">{{ $t('SketchboardUpload.PIN') }}</a-checkbox>
|
||||
@@ -434,9 +434,9 @@ export default defineComponent({
|
||||
})
|
||||
}
|
||||
},
|
||||
scaleImage(){
|
||||
scaleImage(index:any){
|
||||
let scaleImage:any = this.$refs.scaleImage
|
||||
scaleImage.init(this.generateList)
|
||||
scaleImage.init(this.generateList,index)
|
||||
},
|
||||
getgenerateCheckbox(value:any){
|
||||
this.generateCheckbox = value
|
||||
@@ -447,12 +447,22 @@ export default defineComponent({
|
||||
if (file.status === "done") {
|
||||
let res = JSON.parse(file.xhr.response);
|
||||
if(res.errCode == 0){
|
||||
let category:any={
|
||||
value:'',
|
||||
name:'',
|
||||
}
|
||||
this.sketchCatecoryList.forEach((item:any) => {
|
||||
if(item.name == res.data.level2Type){
|
||||
category.value = item?.value
|
||||
category.name = item?.name
|
||||
}
|
||||
});
|
||||
file.imgUrl = res.data.url;
|
||||
file.resData = res.data;
|
||||
// file.pin = false;
|
||||
//category用来数据处理
|
||||
file.categoryValue = this.sketchCatecoryList?.[0]?.value;
|
||||
file.category = this.sketchCatecoryList?.[0]?.name;
|
||||
file.categoryValue = category?.value;
|
||||
file.category = category?.name;
|
||||
file.categoryShow = false;
|
||||
file.id_ = GO.id++
|
||||
file.id = res.data.id
|
||||
|
||||
@@ -26,8 +26,10 @@
|
||||
<div class="nav_left">
|
||||
<i class="fi fi-rr-arrow-small-left" @click="lastStep()"></i>
|
||||
</div>
|
||||
<div class="nav_list">
|
||||
<img v-for="item,index in scaleImageList" @click="setScaleImageIndex(index)" :class="{active:index == scaleImageIndex}" :src="item?.imgUrl" :key="item.id">
|
||||
<div class="nav_list" v-mousewheel>
|
||||
<div class="nav_centent">
|
||||
<img v-for="item,index in scaleImageList" @click="setScaleImageIndex(index)" :class="{active:index == scaleImageIndex}" :src="item?.imgUrl" :key="item.id">
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav_right">
|
||||
<i class="fi fi-rr-arrow-small-right" @click.stop="nextStep()"></i>
|
||||
@@ -84,13 +86,28 @@ export default defineComponent({
|
||||
|
||||
};
|
||||
},
|
||||
|
||||
directives:{
|
||||
mousewheel:{
|
||||
mounted (el) {
|
||||
el.addEventListener('wheel',(e:WheelEvent)=>{
|
||||
let num = 0
|
||||
if(e.deltaY > 0){
|
||||
num = 25
|
||||
}else{
|
||||
num = -25
|
||||
}
|
||||
el.scrollBy(num, 0);
|
||||
})
|
||||
}
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
},
|
||||
methods: {
|
||||
init(list:any){
|
||||
init(list:any,index:any){
|
||||
this.scaleImage = true
|
||||
this.scaleImageList = list
|
||||
this.scaleImageIndex = index
|
||||
// let scaleImageList = this.store.state.UploadFilesModule.moodboard
|
||||
},
|
||||
cancelDsign(){
|
||||
@@ -208,6 +225,15 @@ export default defineComponent({
|
||||
}
|
||||
.nav_list{
|
||||
margin: 0 2rem;
|
||||
max-width: 60rem;
|
||||
overflow-y: hidden;
|
||||
&.nav_list::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
.nav_centent{
|
||||
width: auto;
|
||||
display: flex;
|
||||
}
|
||||
img{
|
||||
max-width: 5rem;
|
||||
max-height: 5rem;
|
||||
@@ -218,8 +244,9 @@ export default defineComponent({
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
padding: .1rem;
|
||||
flex-shrink: 0;
|
||||
&.active{
|
||||
border: 1px solid #aaaaaa;
|
||||
border: 2px solid #aaaaaa;
|
||||
}
|
||||
}
|
||||
img:nth-child(1){
|
||||
|
||||
Reference in New Issue
Block a user