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

修复ipad图层编辑

Browse Source
This commit is contained in:
X1627315083
2023-12-01 15:02:37 +08:00
parent dcfd96516b
commit 0c9e153157
24 changed files with 130 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/component/HomePage/ColorboardUpload.vue
View File

@@ -4,8 +4,8 @@
<div class="modal_text">
<div>{{ $t('ColorboardUpload.Thumbnail') }}</div>
</div>
<div class="modal_img Guide_1_11_1" :class="[driver__.driver?'showEvents':'']">
<div class="modal_img_item" v-for="color,index in colorList" :key="color" >
<div class="modal_img">
<div class="modal_img_item" v-for="color,index in colorList" :class="[ index == 1?'Guide_1_11_1':'',driver__.driver?'showEvents':'']" :key="color" >
<div @click="selectColorItem(index,color)" :class="['upload_color',selectIndex === index ? 'select_upload_color' : '',]" :style="{background:`rgba(${color?.r},${color?.g},${color?.b},${color?.a})`}">
</div>
</div>
@@ -85,7 +85,7 @@
</a-upload>
</div>
<div class="upload_color Guide_1_11">
<div v-for="color,index in selectColorList" :key="color" @click="setUplpadColor(color)" class="upload_color_item">
<div v-for="color,index in selectColorList" :key="color" @click="setUplpadColor(color)" class="upload_color_item" :class="[ index == 1?'Guide_1_11_2':'']">
<div class="upload_color_item_bg" :style="{'background-color':`rgba(${color.rgba.r},${color.rgba.g},${color.rgba.b},${color.rgba.a})`}">
</div>
<!-- <div class="upload_color_item_text">{{ pantongNameList[index] }}</div> -->
@@ -120,7 +120,7 @@
import { Chrome,Slider,Sketch,Material,Compact,Swatches,} from '@ans1998/vue3-color'
import { Https } from "@/tool/https";
import GO from "@/tool/GO";
import { defineComponent, h,ref,inject } from 'vue'
import { defineComponent, h,ref,inject, nextTick } from 'vue'
import { LoadingOutlined } from '@ant-design/icons-vue';
import {getCookie} from '@/tool/cookie'
import {getUploadUrl,rgbToHsv} from '@/tool/util'
@@ -155,12 +155,22 @@ export default defineComponent({
}
},
watch:{
selectColor(newVal,oldVal){
this.colorList[this.selectIndex] = newVal.rgba
let colorList =this.colorList.filter((v) => v && Object.keys(v).length)
this.setColorboardList(colorList)
// this.clearSelectColor()
}
// selectColor(newVal,oldVal){
// console.log(this.selectIndex);
// this.colorList[this.selectIndex] = newVal.rgba
// let colorList =this.colorList.filter((v) => v && Object.keys(v).length)
// this.setColorboardList(colorList)
// // this.clearSelectColor()
// },
selectColor:{
handler(newVal,oldVal){
this.colorList[this.selectIndex] = newVal.rgba
let colorList =this.colorList.filter((v) => v && Object.keys(v).length)
this.setColorboardList(colorList)
// this.clearSelectColor()
},
immediate: true
},
},
computed:{
getSelectRGB(selectColor){
@@ -400,10 +410,14 @@ export default defineComponent({
return hex;
},
setUplpadColor(color){
this.selectColor = color
if(this.driver__.driver){
driverObj__.moveNext()
}
this.selectColor = ''
nextTick().then(()=>{
this.selectColor = color
if(this.driver__.driver){
driverObj__.moveNext()
}
})
},
beforeUpload(file){
const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/jpg' || file.type === 'image/bmp';

17
src/component/HomePage/Generate.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="generate Guide_1_6">
<div class="generate">
<div v-if="type_.type2 == 'Sketchboard'|| type_.type2 == 'Printboard'" class="generate_checkbox">
<div>
<label>
@@ -53,7 +53,7 @@
<span>{{ $t('Generate.maximumLength') }}</span>
</div>
<div v-if="type_.type2 == 'Sketchboard' || type_.type2 == 'Printboard'" class="generage_img">
<div v-if="type_.type2 == 'Sketchboard' || type_.type2 == 'Printboard'" class="generage_img Guide_1_6">
<div class="upload_item">
<div
class="upload_file_item"
@@ -151,7 +151,7 @@
</div>
</div>
</div>
<div v-else class="generage_img">
<div v-else class="generage_img Guide_1_6">
<div
class="generage_img_item"
v-for="(item, index) in fileList"
@@ -316,7 +316,6 @@ export default defineComponent({
this.isTest =JSON.parse(isTest)|| ''
this.uploadUrl = getUploadUrl();
this.workspace = this.store.state.Workspace.workspace
},
computed: {
getSketchLabel(value: any) {
@@ -339,7 +338,7 @@ export default defineComponent({
this.store.commit("addGenerateMaterialFils", data);
// console.log(this.fileList);
let moodboard = this.store.state.UploadFilesModule.moodboard
if(moodboard.length >= 2 && this.driver__.driver){
if(moodboard.length >= 3 && this.driver__.driver){
driverObj__.moveNext()
}
},
@@ -454,9 +453,11 @@ export default defineComponent({
this.fileList.push(arr)
this.loadingShow = false
})
if(this.driver__.driver){
driverObj__.moveTo(3)
}
nextTick().then(()=>{
if(this.driver__.driver){
driverObj__.moveTo(3)
}
})
// if(){
// // driverObj__.moveNext()
// }

2
src/component/HomePage/MoodboardUpload.vue
View File

@@ -312,7 +312,7 @@ export default defineComponent({
}
let Generate:any = this.$refs.Generate
if(this.driver__.driver){
Generate.searchPictureName = 'Purple'
Generate.searchPictureName = 'Exit sign, door, sunset, ocean, surreal'
}else{
Generate.searchPictureName = ''
}

36
src/component/HomePage/SketchboardUpload.vue
View File

@@ -46,7 +46,7 @@
v-show="file?.status === 'done'"
>
<img :src="file?.imgUrl" class="upload_img" />
<div class="operate_file_block">
<div class="operate_file_block Guide_1_13" :class="[driver__.driver?'showEvents':'']">
<div class="select_img_type">
<div
class="select_category"
@@ -65,7 +65,7 @@
></div>
</div>
<div
class="category_list"
class="category_list Guide_1_14"
v-show="file.categoryShow"
>
<div
@@ -252,7 +252,7 @@
</div>
</template>
<script lang="ts">
import { defineComponent, h, ref ,computed,inject } from "vue";
import { defineComponent, h, ref ,computed,inject, nextTick } from "vue";
import { LoadingOutlined } from "@ant-design/icons-vue";
import { getCookie } from "@/tool/cookie";
import { getUploadUrl } from "@/tool/util";
@@ -347,7 +347,19 @@ export default defineComponent({
sketchboardList:{
handler(newVal:any,oldVal:any){
if(newVal.length>=2 && this.driver__.driver&& newVal.length!=oldVal.length){
driverObj__.moveTo(14)
if(this.driver__.driver){
// driverObj__.moveTo(17)
}
}
}
},
driver__:{
handler(newVal,oldVal){
if(newVal.index >= 14 && newVal.index <= 15){
if(this.driver__.driver){
// driverObj__.moveTo(15)
}
}else{
}
}
}
@@ -374,7 +386,7 @@ export default defineComponent({
},
getPosition(){
let params
if(this.workspace.sexEnum.name == 'Female'){
if(this.workspace?.sexEnum?.name == 'Female'){
params = 'FemalePosition'
}else{
params = 'MalePosition'
@@ -409,6 +421,12 @@ export default defineComponent({
(v: any) => v.status === "done"
);
this.store.commit("setSketchboardFile", fileList);
nextTick().then(()=>{
if(this.driver__.driver){
driverObj__.moveTo(14)
}
})
} else if (file.status === "error") {
let index = -1;
this.fileList.forEach((ele: any, index1: any) => {
@@ -442,6 +460,14 @@ export default defineComponent({
showFileCategory(file: any) {
file.categoryShow = true;
console.log(12312312);
nextTick().then(()=>{
if(this.driver__.driver){
driverObj__.moveNext()
}
})
document.addEventListener("click", this.hiddenFileCategory);
},

3
src/component/HomePage/layoutMobile.vue
View File

@@ -224,7 +224,6 @@ export default defineComponent({
compile:{
mounted (el,compile) {
el.addEventListener('touchstart',(e:any)=>{
console.log(e);
e.stopPropagation()
let elParent = el.parentNode.parentNode
el.parentElement.parentNode.parentNode.children.forEach((v:any) => {
@@ -257,8 +256,6 @@ export default defineComponent({
}
let mouse = true
let touchmove = function(e:any){
console.log(123);
if(mouse){
if(compile.value == 'left'){
elParent.style.width = parent + gpsXY - e.targetTouches[0].clientX + 'px'