generate交互方式和图片放大后的
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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(){
|
||||
|
||||
Reference in New Issue
Block a user