generate交互方式和图片放大后的

This commit is contained in:
X1627315083
2024-04-26 15:27:01 +08:00
parent 9562ae4225
commit 1a2baf9278
16 changed files with 166 additions and 86 deletions

View File

@@ -219,7 +219,6 @@
</div>
<div v-show="isGenerate" class="generage_btn started_btn" @click.stop="getgenerate">
<i class="fi fi-br-loading"></i>
<!-- <div v-show="isGenerate"><a-spin size="large" /></div> -->
</div>
<span ref="inputShowText"></span>
</div>
@@ -285,7 +284,7 @@
</div>
<div class="content_body_table scroll_style">
<div class="content_img_item" v-for="(img,index) in generateList[selectCode]" :key="img.id">
<div class="content_img_item" v-for="(img,index) in generateList[selectCode]" :key="img.id" :class="[img.status != 'Success'?'hideEvents':'']">
<div :class="['content_img_item_block', selectImgList.indexOf(img.id) > -1 ? 'select_item_img' :'']">
<img v-show="img.status != 'Success'" :class="['content_img', ['Moodboard','Printboard'].indexOf(selectCode) > -1 ? 'board_content_img' :'']" src="@/assets/images/homePage/loading.gif" alt="">
<img v-show="img.status == 'Success'" :class="['content_img', ['Moodboard','Printboard'].indexOf(selectCode) > -1 ? 'board_content_img' :'']" :src="img.imgUrl">
@@ -1191,14 +1190,12 @@ export default defineComponent({
if(item.taskId == element.taskId && element.status == 'Success'){
element.imgUrl = element.url
this.generateList[this.selectCode][index] = element
if(element.category){
this.disignTypeList.forEach((itemCategory:any) => {
if(itemCategory.value == element.category){
element.categoryValue = itemCategory?.label
element.category = itemCategory?.value
}
});
}
this.disignTypeList.forEach((itemCategory:any) => {
if(itemCategory.value == element.category){
element.categoryValue = itemCategory?.label
element.category = itemCategory?.value
}
});
}
});
});
@@ -1648,23 +1645,7 @@ export default defineComponent({
}
.started_btn{
}
.fi-br-loading::before{
transition: all .5s;
display: inline-block;
animation: whirl 1s linear infinite;
}
@keyframes whirl {
0%{
transform: rotate(0deg);
}
50%{
transform: rotate(180deg);
}
100%{
transform: rotate(360deg);
}
}
.generage_btn{
margin: 0 3rem;
}

View File

@@ -236,6 +236,7 @@ import { isEmail } from "@/tool/util";
import { setCookie ,WriteCookie } from "@/tool/cookie";
import { message } from "ant-design-vue";
import VerificationCodeInput from "@/component/LoginPage/verificationCodeInput.vue";
import { useStore } from "vuex";
import { useI18n } from "vue-i18n";
import { setLang } from "@/tool/guide";
const md5 = require("md5");
@@ -246,8 +247,10 @@ export default defineComponent({
setup(){
let timer:any = 0;
const {locale} = useI18n()
const store = useStore();
return{
store,
timer,
locale
}
@@ -525,11 +528,8 @@ export default defineComponent({
this.getLang()
// this.$router.push("/home");
// console.log(window.location.search.substring(1));
if(window.location.search.substring(1) == 'oldHis'){
this.$router.push("/oldHistory");
}else{
this.$router.push("/home");
}
this.store.commit("clearAllData");
this.$router.push("/home");
},
//获取当前语言
getLang(){