From 8e694ce2c4c017f073a3aa0e9eab642f9cbcbcca Mon Sep 17 00:00:00 2001 From: X1627315083 <1627315083@qq.com> Date: Fri, 28 Jun 2024 17:34:28 +0800 Subject: [PATCH] fix --- .env.dev | 2 +- src/assets/style/style.css | 31 ++++++- src/assets/style/style.less | 34 ++++++- src/component/Administrator/allUser.vue | 1 - src/component/Detail/DesignDetailAlter.vue | 2 +- src/component/Detail/addDetails.vue | 6 +- src/component/Detail/habit.vue | 18 +--- src/component/HomePage/ColorboardUpload.vue | 13 ++- src/component/HomePage/Material.vue | 19 ++-- src/component/HomePage/PrintboardUpload.vue | 6 +- src/component/HomePage/SketchboardUpload.vue | 33 ++++++- src/component/HomePage/productImg.vue | 94 +++++++++++++++----- src/component/WorksPage/Falls.vue | 3 +- src/lang/cn.ts | 6 ++ src/lang/en.ts | 8 +- 15 files changed, 210 insertions(+), 66 deletions(-) diff --git a/.env.dev b/.env.dev index d5d9d7c0..7d4cc729 100644 --- a/.env.dev +++ b/.env.dev @@ -9,4 +9,4 @@ VUE_APP_BASE_URL = 'https://develop.api.aida.com.hk' # 佩佩 # VUE_APP_BASE_URL = 'http://192.168.1.7:5567' # 海波 -# VUE_APP_BASE_URL = 'http://192.168.1.9:5567' +VUE_APP_BASE_URL = 'http://192.168.1.9:5567' diff --git a/src/assets/style/style.css b/src/assets/style/style.css index 28be6b4d..709cb67f 100644 --- a/src/assets/style/style.css +++ b/src/assets/style/style.css @@ -79,6 +79,27 @@ li { margin-top: -0.4rem; border: solid 0.2rem #343579; } +.ant-slider:hover .ant-slider-track { + background-color: #e1e1e1; +} +.ant-slider:hover .ant-slider-handle { + box-shadow: rgba(41, 62, 141, 0.16) 0px 0 0 4px; +} +.ant-slider-track, +.ant-slider-rail { + height: calc(0.6rem*1.2); + background-color: #e1e1e1; + background-size: 100% 100%; + border-radius: calc(0.5rem*1.2); +} +.ant-slider .ant-slider-handle:not(.ant-tooltip-open), +.ant-slider-handle { + background-color: #2d2e76 !important; + border: none !important; +} +.ant-slider-handle:hover { + box-shadow: 0 0 0 5px rgba(45, 46, 118, 0.2); +} .cliAdmin_like { animation: adminLike 0.5s ease-in-out forwards; transform-origin: center; @@ -921,14 +942,22 @@ li { box-shadow: none !important; } .ant-switch { - min-width: 4.4rem; + min-width: 5.4rem; height: 2.2rem; line-height: 2.2rem; } .ant-switch .ant-switch-handle { + top: 50%; + transform: translateY(-50%); width: 1.8rem; height: 1.8rem; } +.ant-switch .ant-switch-inner { + margin: 0 1rem 0 3rem; +} +.ant-switch-checked .ant-switch-inner { + margin: 0 3rem 0 1rem; +} .ant-message { z-index: 1049 !important; top: 6rem; diff --git a/src/assets/style/style.less b/src/assets/style/style.less index 3ccc00af..84011c34 100644 --- a/src/assets/style/style.less +++ b/src/assets/style/style.less @@ -87,6 +87,30 @@ input:focus{ } } } +.ant-slider:hover{ + .ant-slider-track{ + background-color: #e1e1e1; + } + .ant-slider-handle{ + box-shadow: rgba(41,62,141,.16) 0px 0 0 4px; + } +} +.ant-slider-track, +.ant-slider-rail { + height: calc(.6rem*1.2); + background-color: #e1e1e1; + // background-image: url(@../../../../assets/images/homePage/slider.png); + background-size: 100% 100%; + border-radius: calc(0.5rem*1.2); +} +.ant-slider .ant-slider-handle:not(.ant-tooltip-open), +.ant-slider-handle { + background-color: #2d2e76 !important; + border: none !important; +} +.ant-slider-handle:hover { + box-shadow: 0 0 0 5px rgba(45, 46, 118, 0.2); +} .cliAdmin_like{ animation: adminLike .5s ease-in-out forwards; transform-origin: center; @@ -1043,13 +1067,21 @@ input:focus{ box-shadow: none !important; } .ant-switch{ - min-width: 4.4rem; + min-width: 5.4rem; height: 2.2rem; line-height: 2.2rem; .ant-switch-handle{ + top: 50%; + transform: translateY(-50%); width: 1.8rem; height: 1.8rem; } + .ant-switch-inner{ + margin: 0 1rem 0 3rem; + } +} +.ant-switch-checked .ant-switch-inner{ + margin: 0 3rem 0 1rem; } .ant-message{ z-index: 1049 !important; diff --git a/src/component/Administrator/allUser.vue b/src/component/Administrator/allUser.vue index 7a199021..aa7cd474 100644 --- a/src/component/Administrator/allUser.vue +++ b/src/component/Administrator/allUser.vue @@ -96,7 +96,6 @@ export default defineComponent({ align: "center", width: 50, ellipsis: true, - width: 50, dataIndex: "country", key: "country", }, diff --git a/src/component/Detail/DesignDetailAlter.vue b/src/component/Detail/DesignDetailAlter.vue index ebf8ebf2..fe7c4ec8 100644 --- a/src/component/Detail/DesignDetailAlter.vue +++ b/src/component/Detail/DesignDetailAlter.vue @@ -64,7 +64,7 @@ v-show="file?.status === 'done'" > - +
@@ -37,7 +37,7 @@
- submit + {{ $t('addDetails.submit') }}
@@ -260,7 +260,7 @@ export default defineComponent({ let setSubmit = ()=>{ var allObjects = canvas.getObjects(); if(allObjects.length == 0){ - return + return message.info(t('addDetails.jsContent1')) } var canvasDom = document.createElement("canvas"); let exportCanvas = new fabric.Canvas(canvasDom, { diff --git a/src/component/Detail/habit.vue b/src/component/Detail/habit.vue index ec6f6fc2..d4d3adf9 100644 --- a/src/component/Detail/habit.vue +++ b/src/component/Detail/habit.vue @@ -987,23 +987,7 @@ export default defineComponent({ } .habit_System_Designer { // margin-top: calc(8rem*1.2); - :deep(.ant-slider-track), - :deep(.ant-slider-rail) { - - height: calc(.6rem*1.2); - background-color: #e1e1e1; - // background-image: url(@../../../../assets/images/homePage/slider.png); - background-size: 100% 100%; - border-radius: calc(0.5rem*1.2); - } - :deep(.ant-slider .ant-slider-handle:not(.ant-tooltip-open)), - :deep(.ant-slider-handle) { - background-color: #2d2e76 !important; - border: none !important; - } - :deep(.ant-slider-handle:hover) { - box-shadow: 0 0 0 5px rgba(45, 46, 118, 0.2); - } + .habit_System_Designer_text_max { display: flex; diff --git a/src/component/HomePage/ColorboardUpload.vue b/src/component/HomePage/ColorboardUpload.vue index 03dc9a5b..ed9648ee 100644 --- a/src/component/HomePage/ColorboardUpload.vue +++ b/src/component/HomePage/ColorboardUpload.vue @@ -130,7 +130,10 @@
-
{{isSelectSuccessively?$t('ColorboardUpload.SelectSuccessively'):$t('ColorboardUpload.SelectSeparately')}}
+
+ {{$t('ColorboardUpload.SelectSuccessively')}} + +
@@ -1025,6 +1028,14 @@ export default defineComponent({ transform: translateX(-50%); bottom: 0; white-space: nowrap; + display: flex; + align-items: center; + height: 4rem; + font-weight: 600; + font-size: 1.8rem; + >span{ + margin-right: 1rem; + } } .color_setting_block{ margin: auto; diff --git a/src/component/HomePage/Material.vue b/src/component/HomePage/Material.vue index 6d5e9089..a966f40c 100644 --- a/src/component/HomePage/Material.vue +++ b/src/component/HomePage/Material.vue @@ -38,12 +38,12 @@
-
+
@@ -205,7 +205,7 @@ export default defineComponent({ if(newVal.findIndex((newValItem:any) =>newValItem.id == item.id) == -1){ this.imgList.forEach((i:any)=>{ if(i.id == item.id){ - i.checked = false + i.libraryChecked = false } }) } @@ -219,7 +219,7 @@ export default defineComponent({ if(newVal.findIndex((newValItem:any) =>newValItem.id == item.id) == -1){ this.imgList.forEach((i:any)=>{ if(i.id == item.id){ - i.checked = false + i.libraryChecked = false } }) } @@ -234,7 +234,7 @@ export default defineComponent({ if(newVal.findIndex((newValItem:any) =>newValItem.id == item.id) == -1){ this.imgList.forEach((i:any)=>{ if(i.id == item.id){ - i.checked = false + i.libraryChecked = false } }) } @@ -261,14 +261,14 @@ export default defineComponent({ setUseGenerate(arr:any){ let parent:any = this.$parent this.imgList.forEach((item:any) => { - item.checked = false + item.libraryChecked = false }); if(parent.isUseGenerate){ }else{ arr.forEach((item:any) => { this.imgList.forEach((imgListItem:any) => { if(item.id == imgListItem.id){ - imgListItem.checked = true + imgListItem.libraryChecked = true } }); }); @@ -281,9 +281,10 @@ export default defineComponent({ imgData.categoryValue = imgData.level2TypeEnum.name imgData.category = imgData.level2TypeEnum.value } + imgData.libraryChecked = true + imgData.like = true if(parent.isUseGenerate){ this.setUseGenerate([]) - imgData.checked = true let obj = { imgId : imgData.id, imgUr: imgData.imgUrl, @@ -370,7 +371,7 @@ export default defineComponent({ arr.forEach((v:any)=>{ if(item.id == v.id){ item.id_ = v.id_?v.id_:GO.id++ - item.checked = true + item.libraryChecked = true item.pin = v.pin } }) diff --git a/src/component/HomePage/PrintboardUpload.vue b/src/component/HomePage/PrintboardUpload.vue index b1b503b1..1d52999c 100644 --- a/src/component/HomePage/PrintboardUpload.vue +++ b/src/component/HomePage/PrintboardUpload.vue @@ -123,13 +123,13 @@ - +
diff --git a/src/component/HomePage/SketchboardUpload.vue b/src/component/HomePage/SketchboardUpload.vue index 8c5adc10..55f1ba4e 100644 --- a/src/component/HomePage/SketchboardUpload.vue +++ b/src/component/HomePage/SketchboardUpload.vue @@ -140,13 +140,13 @@ - +
@@ -462,6 +462,35 @@ export default defineComponent({ this.store.commit("setSketchboardFile", this.fileList); } }, + likeFile(item:any,str:string){ + if(str == 'like'){ + let data = { + generateDetailId:item.id, + level1Type:"Sketchboard", + level2Type: item.categoryValue?item.categoryValue:item.level2Type, + gender:this.workspace.sexEnum.value, + timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone + } + Https.axiosPost(Https.httpUrls.generateLike, data).then( + (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=>{ + }); + } + + }, recollection() { this.useGenerate = { imgId : '', diff --git a/src/component/HomePage/productImg.vue b/src/component/HomePage/productImg.vue index 18758172..70c3e3b4 100644 --- a/src/component/HomePage/productImg.vue +++ b/src/component/HomePage/productImg.vue @@ -48,6 +48,19 @@
+
+ {{$t('ProductImg.Similarity')}} +
+
+ + + +
{{$t('ProductImg.SelectCollection')}}
@@ -112,27 +125,34 @@ {{$t('Generate.Close')}}
-
{{$t('ProductImg.GenerateProduct')}}
- -
- +
+
-
- -
-
- -
    -
  • {{ menuItem.label }}
  • -
+
+ +
+ +
+
+ +
+
+ +
    +
  • {{ menuItem.label }}
  • +
+
+
+ +
{{$t('ProductImg.SelectedProduct')}} @@ -158,9 +178,7 @@
-
- -
+ @@ -206,6 +224,7 @@ export default defineComponent({ selectProductimgList:[], generateList:{}, likeList:[], + similarity:0, }) let productimgMenuList = ref([ { @@ -265,7 +284,6 @@ export default defineComponent({ } let cleardata = ()=>{ productImg.value = false - productImgData.isShowMark = false productImgData.likeList = [] productImgData.generateList = {} productimgMenu.value = productimgMenuList.value[0] @@ -369,7 +387,8 @@ export default defineComponent({ "isLike": 0, "taskId": "", "toProductImageRecordId": 0, - "url": "" + "url": "", + imageStrength:.3 } if(productImgData.fileList[productimgMenu.value.value]){ productImgData.fileList[productimgMenu.value.value].forEach((item:any)=>{ @@ -411,15 +430,23 @@ export default defineComponent({ if(productimgMenu.value.value == 'Relight'){ url = Https.httpUrls.relight } + productImgData.isShowMark = true Https.axiosPost(url, data).then( (rv) => { + productImgData.isShowMark = false let arr:any = [] + if(!productImgData.generateList[productimgMenu.value.value]){ + productImgData.generateList[productimgMenu.value.value] = [] + } rv.forEach((item:any)=>{ arr.push(item.taskId) }) + + productImgData.generateList[productimgMenu.value.value].push(...rv) setPrductimg(arr) } ).catch(res=>{ + productImgData.isShowMark = false productImgData.isProductimg = false clearInterval(remPrductimgTime) productImgData.remProductimg= false @@ -427,7 +454,6 @@ export default defineComponent({ } let generateProceedList:any = [] let setPrductimg = (dataList:any)=>{ - let data = dataList let dataNum = dataList.length let state = true @@ -447,10 +473,15 @@ export default defineComponent({ rv.forEach((element:any) => { if(element.status == 'Success'){ element.imgUrl = element.url - if(!productImgData.generateList[productimgMenu.value.value]){ - productImgData.generateList[productimgMenu.value.value] = [] - } - productImgData.generateList[productimgMenu.value.value].unshift(element) + // if(!productImgData.generateList[productimgMenu.value.value]){ + // productImgData.generateList[productimgMenu.value.value] = [] + // } + let index = productImgData.generateList[productimgMenu.value.value].findIndex((obj:any) => obj.taskId === element.taskId); + productImgData.generateList[productimgMenu.value.value][index] = element + // productImgData.generateList[productimgMenu.value.value].unshift(element) + }else if(element.status == 'Fail'){ + let index = productImgData.generateList[productimgMenu.value.value].findIndex((obj:any) => obj.taskId === element.taskId); + productImgData.generateList[productimgMenu.value.value].splice(index,1) } data = data.filter((item:any) => item !== element.taskId); }); @@ -522,9 +553,10 @@ export default defineComponent({ generalIsMenuShow = {} document.removeEventListener('click',removeMenuShow) } - let clearPrductimg = ()=>{ + let setSimilarity = ()=>{ } + //超分 let setTask = (data:any)=>{ emit('setTask',data) @@ -555,7 +587,7 @@ export default defineComponent({ setScaleImage, setMenu, setMenuShow, - clearPrductimg, + setSimilarity, setTask, }; }, @@ -655,6 +687,9 @@ export default defineComponent({ font-weight: 500; } } + &.productImg_content_item_title_similarity{ + // margin-bottom: 8rem; + } } .productImg_content_item_intro{ font-size: 1.4rem; @@ -765,12 +800,23 @@ export default defineComponent({ border-radius: 2rem; margin-bottom: 2%; padding: 1rem 1.5rem; + position: relative; + .mark_loading{ + position: absolute + } .productImg_right_item{ height: 100%; padding: 1rem 0; margin-right: 1rem; position: relative; background: #fff; + .productImg_right_item_imgBox{ + height: 100%; + .loadingImg{ + width: 14rem; + object-fit: contain; + } + } img{ height: 100%; } diff --git a/src/component/WorksPage/Falls.vue b/src/component/WorksPage/Falls.vue index d551c9b4..ff9b0b8c 100644 --- a/src/component/WorksPage/Falls.vue +++ b/src/component/WorksPage/Falls.vue @@ -28,8 +28,9 @@
+ @{{ item.userName }}
{{item.portfolioName}}
- {{item.portfolioDes}} +
diff --git a/src/lang/cn.ts b/src/lang/cn.ts index ea633650..51744d2d 100644 --- a/src/lang/cn.ts +++ b/src/lang/cn.ts @@ -147,6 +147,7 @@ export default { SelectCollection:'选择的系列', Upload:'上传', MagicTools:'魔法工具', + Similarity:'相似度', GenerateProduct:'生成的产品', SelectedProduct:'选择的产品', Export:'导出', @@ -433,6 +434,11 @@ export default { jsContent5:'Image must smaller than 5MB!', jsContent6:"找不到这个TCX的颜色", }, + addDetails:{ + AddDetails:'添加细节', + submit:'保存', + jsContent1:'请至少绘制一条线段', + }, DesignDetailEnd:{ NewApparel:'选择的服装', NewPrint:'选择的印花', diff --git a/src/lang/en.ts b/src/lang/en.ts index 3fd3a3ad..472c8911 100644 --- a/src/lang/en.ts +++ b/src/lang/en.ts @@ -146,6 +146,7 @@ export default { Finalize:'Finalize', SelectCollection:'Select Collection', Upload:'Upload', + Similarity:'Similarity', MagicTools:'Magic Tools', GenerateProduct:'Generate Product', SelectedProduct:'Selected Product', @@ -311,7 +312,7 @@ export default { RGBA:'RGBA', UploadImage:'Upload Image',//////////// ColorCode:'Color Code', - SelectSuccessively:'Select Successively', + SelectSuccessively:'Mutil', SelectSeparately:'Select Separately', ExtractColor:'Extract Color', Single:'Single', @@ -434,6 +435,11 @@ export default { jsContent5:'Image must smaller than 5MB!', jsContent6:"Can't find the TCX color", }, + addDetails:{ + AddDetails:'Add Details', + submit:'Submit', + jsContent1:'Please draw at least one line segment', + }, DesignDetailEnd:{ NewApparel:'New Apparel', NewPrint:'New Print',