This commit is contained in:
X1627315083
2023-12-15 11:10:32 +08:00
parent a917bf66d2
commit a5317551f7
13 changed files with 139 additions and 53 deletions

View File

@@ -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;

View File

@@ -658,7 +658,6 @@ export default defineComponent({
},
scaleImage(){
let scaleImage:any = this.$refs.scaleImage
scaleImage.init(this.fileList)
},
closeModal() {

View File

@@ -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;

View File

@@ -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()
},

View File

@@ -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;

View File

@@ -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;