fix
This commit is contained in:
@@ -781,6 +781,16 @@ export default defineComponent({
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
.vc-chrome-fields:nth-child(2){
|
||||
>:last-of-type {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.vc-chrome-fields:nth-child(3){
|
||||
>:last-of-type {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.vc-chrome-controls{
|
||||
align-items: center;
|
||||
|
||||
@@ -658,7 +658,6 @@ export default defineComponent({
|
||||
},
|
||||
scaleImage(){
|
||||
let scaleImage:any = this.$refs.scaleImage
|
||||
|
||||
scaleImage.init(this.fileList)
|
||||
},
|
||||
closeModal() {
|
||||
|
||||
@@ -117,6 +117,9 @@
|
||||
<i v-if="!item.like" class="fi fi-rr-heart" @click.stop="likeFile(item,'like')"></i>
|
||||
<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>
|
||||
</div>
|
||||
<div class="pin_block">
|
||||
<a-checkbox v-model:checked="item.pin">{{ $t('PrintboardUpload.PIN') }}</a-checkbox>
|
||||
</div>
|
||||
@@ -128,7 +131,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<scaleImage ref="scaleImage"></scaleImage>
|
||||
<Cropper ref="Cropper" @handleCropperSuccess="handleCropperSuccess" @closeCropper="deletUploadFile()" :cropperFileData="cropperFileData" :isUpload="isUpload"></Cropper>
|
||||
</div>
|
||||
</template>
|
||||
@@ -146,12 +149,14 @@ import Generate from "@/component/HomePage/Generate.vue";
|
||||
import GO from "@/tool/GO";
|
||||
import { useI18n } from 'vue-i18n';
|
||||
import { openGuide,driverObj__ } from "@/tool/guide";
|
||||
import scaleImage from "@/component/HomePage/scaleImage.vue";
|
||||
|
||||
export default defineComponent({
|
||||
components:{
|
||||
Cropper,
|
||||
Material,
|
||||
Generate
|
||||
Generate,
|
||||
scaleImage,
|
||||
},
|
||||
setup(){
|
||||
let store:any =useStore()
|
||||
@@ -164,7 +169,8 @@ export default defineComponent({
|
||||
})
|
||||
let openClick: any = ref(1);
|
||||
let generateCheckbox:any = ref()
|
||||
let generateList:any = ref([])
|
||||
let generateList:any = ref([
|
||||
])
|
||||
let loadingShow = ref(false)
|
||||
let inputShow = ref(false)
|
||||
let inputTime = ref()
|
||||
@@ -601,6 +607,9 @@ export default defineComponent({
|
||||
return
|
||||
}
|
||||
}
|
||||
if(generateType == 'image'){
|
||||
data.text = ''
|
||||
}
|
||||
this.loadingShow = true
|
||||
Https.axiosPost(Https.httpUrls.sketchAndPrintGenerate, data).then(
|
||||
(rv) => {
|
||||
@@ -712,7 +721,10 @@ export default defineComponent({
|
||||
})
|
||||
|
||||
},
|
||||
|
||||
scaleImage(){
|
||||
let scaleImage:any = this.$refs.scaleImage
|
||||
scaleImage.init(this.generateList)
|
||||
},
|
||||
generageAdd(item:any){
|
||||
item.type_ = {
|
||||
type1: "generate",
|
||||
@@ -912,6 +924,9 @@ export default defineComponent({
|
||||
text-align: center;
|
||||
line-height: 3.2rem;
|
||||
left: auto;
|
||||
&.left{
|
||||
left: .9rem;
|
||||
}
|
||||
.icon-shanchu{
|
||||
font-size: 1.6rem;
|
||||
color: #fff;
|
||||
|
||||
@@ -27,6 +27,9 @@
|
||||
<i v-if="imgItem.id == null" class="fi fi-rr-heart" @click.stop="likeFile(imgItem,imgIndex,index)"></i>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -46,11 +49,13 @@
|
||||
<div class="robot_btn">
|
||||
<i class="fi fi-ss-paper-plane-top" @click="roborSend"></i>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="robot_img">
|
||||
<img src="@/assets/images/homePage/robot.png" @click="robotBtn">
|
||||
</div>
|
||||
</div>
|
||||
<scaleImage ref="scaleImage"></scaleImage>
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts">
|
||||
@@ -61,11 +66,13 @@ import { getCookie,setCookie } from "@/tool/cookie";
|
||||
import { useStore } from "vuex";
|
||||
import { message } from "ant-design-vue";
|
||||
import { openGuide,driverObj__,setDestroy } from "@/tool/guide";
|
||||
import scaleImage from "@/component/HomePage/scaleImage.vue";
|
||||
import { useI18n } from "vue-i18n";
|
||||
export default defineComponent({
|
||||
components: {
|
||||
DownOutlined,
|
||||
UserOutlined,
|
||||
scaleImage,
|
||||
},
|
||||
setup() {
|
||||
const robotDom = ref<HTMLElement | null>(null);
|
||||
@@ -224,6 +231,14 @@ export default defineComponent({
|
||||
}
|
||||
})
|
||||
},
|
||||
scaleImage(img){
|
||||
let scaleImage:any = this.$refs.scaleImage
|
||||
img.forEach((item:any) => {
|
||||
item.imgUrl = item.presignedUrl
|
||||
});
|
||||
scaleImage.init(img)
|
||||
scaleImage.scaleImageMask = true
|
||||
},
|
||||
robotmax(){//点击内容就设置为true显示 重置定时器
|
||||
this.createTimer()
|
||||
},
|
||||
|
||||
@@ -239,6 +239,9 @@
|
||||
<i v-if="!item.like" class="fi fi-rr-heart" @click.stop="likeFile(item,'like')"></i>
|
||||
<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>
|
||||
</div>
|
||||
<div class="pin_block">
|
||||
<a-checkbox v-model:checked="item.pin">{{ $t('SketchboardUpload.PIN') }}</a-checkbox>
|
||||
</div>
|
||||
@@ -249,6 +252,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<scaleImage ref="scaleImage"></scaleImage>
|
||||
|
||||
<!-- <layout ref="layout" :moodb_className="moodb_className" :flex_direction="flex_direction" @setmoodbClass="setmoodbClass"></layout> -->
|
||||
|
||||
@@ -265,16 +269,17 @@ import { useStore } from "vuex";
|
||||
import { message, Upload } from "ant-design-vue";
|
||||
import Material from "@/component/HomePage/Material.vue";
|
||||
import Generate from "@/component/HomePage/Generate.vue";
|
||||
import scaleImage from "@/component/HomePage/scaleImage.vue";
|
||||
import { Https } from "@/tool/https";
|
||||
import { openGuide,driverObj__ } from "@/tool/guide";
|
||||
import { useI18n } from "vue-i18n";
|
||||
export default defineComponent({
|
||||
components: { Material, Generate },
|
||||
components: { Material, Generate,scaleImage },
|
||||
setup() {
|
||||
let fileList: any = ref([]);
|
||||
let fileList: any = ref([
|
||||
]);
|
||||
let openClick: any = ref(1);
|
||||
let generateList:any = ref([
|
||||
|
||||
])
|
||||
let store:any =useStore()
|
||||
|
||||
@@ -429,6 +434,10 @@ export default defineComponent({
|
||||
})
|
||||
}
|
||||
},
|
||||
scaleImage(){
|
||||
let scaleImage:any = this.$refs.scaleImage
|
||||
scaleImage.init(this.generateList)
|
||||
},
|
||||
getgenerateCheckbox(value:any){
|
||||
this.generateCheckbox = value
|
||||
},
|
||||
@@ -700,6 +709,9 @@ export default defineComponent({
|
||||
return
|
||||
}
|
||||
}
|
||||
if(generateType == 'image'){
|
||||
data.text = ''
|
||||
}
|
||||
this.loadingShow = true
|
||||
Https.axiosPost(Https.httpUrls.sketchAndPrintGenerate, data).then(
|
||||
(rv) => {
|
||||
@@ -917,6 +929,9 @@ export default defineComponent({
|
||||
text-align: center;
|
||||
line-height: 3.2rem;
|
||||
left: auto;
|
||||
&.left{
|
||||
left: .9rem;
|
||||
}
|
||||
.icon-shanchu{
|
||||
font-size: 1.6rem;
|
||||
color: #fff;
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
:maskClosable="false"
|
||||
:centered="true"
|
||||
:closable="false"
|
||||
:mask="false"
|
||||
:mask="scaleImageMask"
|
||||
:keyboard="false"
|
||||
:destroyOnClose="true"
|
||||
>
|
||||
@@ -66,6 +66,7 @@ export default defineComponent({
|
||||
let scaleImageList:any = ref([
|
||||
|
||||
])
|
||||
let scaleImageMask:any = ref(false)
|
||||
let scaleImageIndex:any = ref(0)
|
||||
return {
|
||||
scaleImage,
|
||||
@@ -73,6 +74,7 @@ export default defineComponent({
|
||||
visible,
|
||||
setVisible,
|
||||
scaleImageList,
|
||||
scaleImageMask,
|
||||
scaleImageIndex,
|
||||
};
|
||||
},
|
||||
@@ -89,6 +91,8 @@ export default defineComponent({
|
||||
init(list:any){
|
||||
this.scaleImage = true
|
||||
this.scaleImageList = list
|
||||
console.log(list);
|
||||
|
||||
// let scaleImageList = this.store.state.UploadFilesModule.moodboard
|
||||
},
|
||||
cancelDsign(){
|
||||
@@ -177,7 +181,7 @@ export default defineComponent({
|
||||
.scaleImage_content{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
height: 75%;
|
||||
margin-top: 5rem;
|
||||
img{
|
||||
width: auto;
|
||||
|
||||
Reference in New Issue
Block a user