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

commit

Browse Source
This commit is contained in:
WangXiaoDong
2023-09-25 10:09:00 +08:00
parent 173f35042d
commit d9868d5cf0
37 changed files with 1618 additions and 1146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -31,6 +31,13 @@
<span>Text-Image</span>
</label>
</div>
<div v-if="type_.type2 == 'Printboard'" class="printModel">
<div @click="printModel.optype = !printModel.optype">{{ printModel.num }}</div>
<ul v-show="printModel.optype">
<li class="printModel_item" @click="setPrintModel(1)">1</li>
<li class="printModel_item" @click="setPrintModel(2)">2</li>
</ul>
</div>
</div>
<div v-else class="input_box">
<input
@@ -150,13 +157,15 @@
<img v-lazy="item.imgUrl" alt="" />
<div
class="delete_like_file_block"
@click.stop="likeFile(item)"
>
<i v-if="item" class="fi fi-rr-heart"></i>
<i v-else class="fi fi-sr-heart"></i>
<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>
</div>
<div class="mark_loading" v-show="loadingShow">
<a-spin size="large" />
</div>
</div>
</template>
<script lang="ts">
@@ -168,6 +177,7 @@ import { useStore } from "vuex";
import GO from "@/tool/GO";
import { getCookie } from "@/tool/cookie";
import { getUploadUrl } from "@/tool/util";
import { forEach } from "jszip";
export default defineComponent({
props: ["msg"],
setup() {
@@ -200,26 +210,17 @@ export default defineComponent({
let designType: any = ref(null);
let store = useStore();
let fileList: any = ref([
{
imgUrl: "https://illlustrations.co/static/32913fde3ee589609d98f16c51fcffa6/ee604/day8-printer.png",
id_: 1,
},
{
imgUrl: "https://illlustrations.co/static/3edf742257c1d1460eb2e2f998a1df96/ee604/day4-polariod.png",
id_: 2,
},
{
imgUrl: "https://illlustrations.co/static/475732e63175f7dc3bf93c84af8b3d11/ee604/day6-open-vault.png",
id_: 3,
},
{
imgUrl: "https://illlustrations.co/static/ca430674ef56f1a3a91f705670fd8512/ee604/day17-walkie-talkie.png",
id_: 4,
},
]);
let sketchboardList:any = ref([])
let collectionElementid = ref()
let level2Type = ref('')
let printModel = ref({
num:1,
optype:false,
})
let loadingShow = ref(false)
return {
imgList,
selectImgList,
@@ -239,6 +240,8 @@ export default defineComponent({
collectionElementid,
level2Type,
checkboxImage,
printModel,
loadingShow,
};
},
data(prop) {
@@ -325,11 +328,11 @@ export default defineComponent({
file.type === "image/jpg" ||
file.type === "image/bmp";
if (!isJpgOrPng) {
message.error("You can only upload Image file!");
message.warning("You can only upload Image file!");
}
const isLt2M = file.size / 1024 / 1024 < 2;
if (!isLt2M) {
message.error("Image must smaller than 5MB!");
message.warning("Image must smaller than 2MB!");
}
return (isJpgOrPng && isLt2M) || Upload.LIST_IGNORE;
},
@@ -349,26 +352,48 @@ export default defineComponent({
}
})
},
setPrintModel(num:any){
this.printModel = {
num : num,
optype:false,
}
},
getgenerate(){
if(!this.searchPictureName){
message.warning(
"Please enter content"
);
return
}
let data = {
generateType:'',
generateType:'text',
designType:'',
collectionElementId:'',
level1Type:this.upload.level1Type,
level2Type:'',
text:this.searchPictureName,
timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone,
version:1,//为1就是Print
version:this.printModel.num,//为1就是Print
}
this.loadingShow = true
Https.axiosPost(Https.httpUrls.sketchAndPrintGenerate, data).then(
(rv) => {
// if(rv){
// }
console.log(rv);
if(rv){
this.fileList = []
let arr
rv.generatedCollectionItems.forEach((v:any,index:number)=>{
arr = {
id:rv.generatedCollectionItems[index].generateItemId,
imgUrl:rv.generatedCollectionItems[index].generateItemUrl
}
this.fileList.push(arr)
this.loadingShow = false
})
}
}
).catch(res=>{
this.loadingShow = false
});
},
fileUploadChange(data: any) {
@@ -386,7 +411,7 @@ export default defineComponent({
);
let arr = this.store.state.UploadFilesModule.sketchboard;
if (arr.length >= 8) {
message.error("You can select up to 8 images");
message.warning("You can select up to 8 images");
} else {
this.sketchboardList = fileList
}
@@ -454,7 +479,36 @@ export default defineComponent({
this.store.commit("setSketchboardFile", this.sketchboardList);
}
},
likeFile(item:any){
likeFile(item:any,str:string){
if(str == 'like'){
let data = {
generateDetailId:item.id,
level1Type:"Moodboard",
level2Type: '',
timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone
}
Https.axiosPost(Https.httpUrls.generateLike, data).then(
(rv) => {
console.log(rv);
item.like = true
}
).catch(res=>{
});
}else{
let data = {
generateDetailId:item.id,
timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone
}
Https.axiosGet(Https.httpUrls.generateDislike, {params:data}).then(
(rv) => {
item.like = false
}
).catch(res=>{
});
}
},
closeModal() {
@@ -480,7 +534,7 @@ export default defineComponent({
&.generate::-webkit-scrollbar {
display: none;
}
.generate_checkbox,
.generage_input {
display: flex;
@@ -503,12 +557,38 @@ export default defineComponent({
padding-left: 1.5rem;
}
span {
font-size: 12px;
font-size: 1.2rem;
font-weight: 500;
}
}
}
}
.printModel{
>div{
width: 5rem;
display: flex;
justify-content: center;
border-radius: 1rem;
margin: 0;
border: 2px solid;
cursor: pointer;
}
ul{
position: absolute;
width: 5rem;
text-align: center;
margin-top: .3rem;
border-radius: 1rem;
overflow: hidden;
li{
background: rgba(0,0,0,.2);
cursor: pointer;
&.printModel_item:hover{
background: rgba(0,0,0,.4);
}
}
}
}
.generage_input {
}
.generage_img {
@@ -570,6 +650,9 @@ export default defineComponent({
.delete_file_block{
pointer-events:none;
}
.operate_file_block{
pointer-events:none;
}
img {
}
}
@@ -716,7 +799,7 @@ export default defineComponent({
box-sizing: border-box;
.material_content_top_title {
font-size: 20px;
font-size: 2rem;
color: #030303;
}