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

2023-11-6-1

Browse Source
This commit is contained in:
X1627315083
2023-11-06 15:19:52 +08:00
parent 19a163c674
commit 845da1b127
21 changed files with 262 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/HistoryPage.vue
View File

@@ -233,7 +233,7 @@ export default defineComponent({
height: 100%;
padding: 0 9rem;
overflow: hidden;
min-width: 1024px;
min-width: 1440px;
position: relative;
.page_content {
position: relative;

8
src/views/HomeView.vue
View File

@@ -994,7 +994,7 @@ export default defineComponent({
height: 100%;
padding: 0 9rem;
overflow: hidden;
min-width: 1024px;
min-width: 1440px;
position: relative;
// left: 50%;
// margin-left: -50%;
@@ -1304,7 +1304,7 @@ export default defineComponent({
.ant-modal-mask{
background: linear-gradient(45deg, #eee4f3, #f3f4e6);
min-width: 1024px;
min-width: 1440px;
border-radius: 1rem;
overflow: hidden;
height: calc(100% - 7rem);
@@ -1314,11 +1314,11 @@ export default defineComponent({
}
.ant-modal-centered{
top: 7rem;
min-width: 1024px;
min-width: 1440px;
// left: 50%;
// margin-left: -50%;
.ant-modal{
min-width: .65*1024px;
min-width: .65*1440px;
}

108
src/views/LibraryPage.vue
View File

@@ -90,13 +90,19 @@
<div class="content_search_block">
<input class="search_input" :placeholder="$t('LibraryPage.inputContent1')" v-model="searchPictureName" @keydown.enter="getLibraryList()">
<a-cascader
@click.stop="dropdownVisibleChange"
ref="cascader"
v-model:value="value"
style="width: 60%"
multiple
max-tag-count="responsive"
:options="options"
placeholder="Please select"
></a-cascader>
:show-search="{ filter }"
:open="labelOpen"
dropdownClassName="libraryPageCascader"
>
</a-cascader>
<!-- <div class="search_icon_block" @click="getLibraryList()"><span class="icon iconfont icon-sousuo"></span></div> -->
<div class="generage_btn search_icon_block" @click="getLibraryList()"><span class="icon iconfont icon-sousuo"></span></div>
@@ -280,7 +286,7 @@
v-model:visible="renameVisivle"
:footer="null"
title="Rename Pic"
width="56rem"
width="65%"
:maskClosable="false"
:centered="true"
@onCancel="closeRenameModal"
@@ -322,7 +328,7 @@ import { useStore } from "vuex";
import { Https } from "@/tool/https";
import { getCookie } from "@/tool/cookie";
import { useI18n } from "vue-i18n";
import type { ShowSearchType } from 'ant-design-vue/es/cascader';
export default defineComponent({
components: {
HeaderComponent,
@@ -409,7 +415,7 @@ export default defineComponent({
value: 'little',
children: [
{
label: 'Toy Fish',
label: `'Toy Fish'`,
value: 'fish',
},
{
@@ -425,6 +431,10 @@ export default defineComponent({
],
},
];
const filter: ShowSearchType['filter'] = (inputValue, path) => {
return path.some(option => option.label.toLowerCase().indexOf(inputValue.toLowerCase()) > -1);
};
let labelOpen = ref(false)
return {
menuList,
selectImgList,
@@ -457,7 +467,9 @@ export default defineComponent({
printModel,
value: ref<string[]>([]),
options,
filter,
t,
labelOpen,
}
},
data(this_) {
@@ -483,6 +495,7 @@ export default defineComponent({
this.getLibraryList()
this.getSex()
this.token = getCookie("token") || "";
},
methods:{
@@ -723,8 +736,6 @@ export default defineComponent({
customRequest(event:any){
console.log(222);
if(this.selectCode == "Models"){
return
}
@@ -951,27 +962,67 @@ export default defineComponent({
return
}
}
// this.isShowMark = true
// Https.axiosPost(Https.httpUrls.sketchAndPrintGenerate, data).then(
// (rv) => {
// if(rv){
// let arr
// rv.generatedCollectionItems.forEach((v:any,index:number)=>{
// arr = {
// id:v.generateItemId,
// imgUrl:v.generateItemUrl,
// }
// this.generateList.push(arr)
// console.log(this.generateList);
// })
// this.isShowMark = false
// }
// }
// ).catch(res=>{
// this.isShowMark = false
// });
this.isShowMark = true
Https.axiosPost(Https.httpUrls.sketchAndPrintGenerate, data).then(
(rv) => {
if(rv){
let arr
rv.generatedCollectionItems.forEach((v:any,index:number)=>{
arr = {
id:v.generateItemId,
imgUrl:v.generateItemUrl,
}
this.generateList.push(arr)
})
this.isShowMark = false
}
}
).catch(res=>{
this.isShowMark = false
});
},
dropdownVisibleChange(){
this.labelOpen = true
document.addEventListener('click',this.setClick)
nextTick().then(()=>{
let cascader = document.getElementsByClassName('libraryPageCascader')[0]
let cascaderChild = cascader.children[0].children[0]
console.log(cascader.children,cascaderChild);
cascader.addEventListener('click',(event)=>{
event.stopPropagation()
})
if(cascader.children[0].children[0].children.length > 1){
}else{
let button1:any = document.createElement("span")
button1.classList.add('started_btn','cascader_btn1')
let button2:any = document.createElement("span")
button2.classList.add('started_btn','cascader_btn2')
let divMax:any = document.createElement("div")
divMax.classList.add('cascader_btn_max')
button1.textContent = '新增'
button2.textContent = '删除'
button1.addEventListener('click',this.addLabel,false)
button2.addEventListener('click',this.removeLabel,false)
divMax.appendChild(button1)
divMax.appendChild(button2)
cascaderChild?.insertAdjacentElement("afterbegin", divMax);
}
})
},
setClick(){
this.labelOpen = false
document.removeEventListener('click',this.setClick)
},
removeClick(){
},
addLabel(){
this.labelOpen = false
},
removeLabel(){
this.labelOpen = false
}
}
})
</script>
@@ -981,7 +1032,7 @@ export default defineComponent({
overflow: hidden;
height: 100%;
padding: 0 9rem;
min-width: 1024px;
min-width: 1440px;
position: relative;
.page_content {
position: relative;
@@ -1109,7 +1160,7 @@ export default defineComponent({
.content_search_block{
display: flex;
align-items: center;
width: 75rem;
width: 75rem;
.search_input{
// width: 20.8rem;
// padding-left: 1.5rem;
@@ -1148,6 +1199,7 @@ export default defineComponent({
color: #FFFFFF;
}
}
}
.library_right_header{