diff --git a/public/js/fabric.brushes.js b/public/js/fabric.brushes.js index 534cf09b..0701ce65 100644 --- a/public/js/fabric.brushes.js +++ b/public/js/fabric.brushes.js @@ -794,7 +794,6 @@ fabric.PenBrush = fabric.util.createClass(fabric.BaseBrush, { var randomNum = Math.random() * (0.6 - 0.2) + 0.2; var color = this.color.replace(/1(?=\))/, randomNum); this.canvas.contextTop.strokeStyle = color; - console.log(color); lineWidthDiff = (this._lineWidth - 1) * i; diff --git a/src/assets/style/style.css b/src/assets/style/style.css index 273b3a49..f92844d2 100644 --- a/src/assets/style/style.css +++ b/src/assets/style/style.css @@ -111,6 +111,22 @@ li { line-height: 3.3rem; zoom: 1; } +.started_btn .fi-br-loading::before { + transition: all 0.5s; + display: inline-block; + animation: whirl 1s linear infinite; +} +@keyframes whirl { + 0% { + transform: rotate(0deg); + } + 50% { + transform: rotate(180deg); + } + 100% { + transform: rotate(360deg); + } +} .el-cascader { font-size: 1.2rem; width: 100%; @@ -842,7 +858,7 @@ li { border-radius: 1rem; } .libraryPageCascader .cascader_btn_max { - height: 4rem; + height: 4.5rem; width: 100%; border-bottom: 1px solid #e1e1e1; display: flex; @@ -850,7 +866,6 @@ li { } .libraryPageCascader .cascader_btn_max .cascader_btn1 { margin: 0 1rem; - line-height: 1.5rem; } .libraryPageCascader .ant-cascader-menu { margin-top: 4rem; diff --git a/src/assets/style/style.less b/src/assets/style/style.less index bbdca80b..b068a827 100644 --- a/src/assets/style/style.less +++ b/src/assets/style/style.less @@ -125,6 +125,23 @@ input:focus{ height: 3.3rem; line-height: 3.3rem; zoom: 1; + .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); + } + } } @@ -188,7 +205,6 @@ input:focus{ pointer-events:none !important; } } - .Guide_{ pointer-events:auto !important; overflow-y: initial !important; @@ -968,14 +984,13 @@ input:focus{ .libraryPageCascader{ border-radius: 1rem; .cascader_btn_max{ - height: 4rem; + height: 4.5rem; width: 100%; border-bottom: 1px solid rgb(225 225 225); display: flex; align-items: center; .cascader_btn1{ margin: 0 1rem; - line-height: 1.5rem; } } .ant-cascader-menu{ diff --git a/src/component/Detail/setDesignItem.vue b/src/component/Detail/setDesignItem.vue index a581a989..08889e5f 100644 --- a/src/component/Detail/setDesignItem.vue +++ b/src/component/Detail/setDesignItem.vue @@ -474,6 +474,7 @@ export default defineComponent({ this.setRevocation(designItemDetail,data) } ).catch(res=>{ + this.$parent.loadingShow = false }); }, }, diff --git a/src/component/Detail/setDesignItem2.vue b/src/component/Detail/setDesignItem2.vue index 2a93b55d..18c4fe2c 100644 --- a/src/component/Detail/setDesignItem2.vue +++ b/src/component/Detail/setDesignItem2.vue @@ -245,7 +245,6 @@ export default defineComponent({ designShowIndex.value = index } let setpitch = (item,index)=>{ - console.log(123); canvas.discardActiveObject(); // this.designItemDetail.clothes.forEach((item)=>{ // item.clothesOpen = false diff --git a/src/component/Detail/setDesignItemMobile.vue b/src/component/Detail/setDesignItemMobile.vue index ee49c1ef..5a7f53ad 100644 --- a/src/component/Detail/setDesignItemMobile.vue +++ b/src/component/Detail/setDesignItemMobile.vue @@ -440,6 +440,8 @@ export default defineComponent({ this.setRevocation(designItemDetail,data) } ).catch(res=>{ + this.$parent.loadingShow = false + }); }, }, diff --git a/src/component/HomePage/ExportNewCoolection.vue b/src/component/HomePage/ExportNewCoolection.vue index da53201c..bcbc15be 100644 --- a/src/component/HomePage/ExportNewCoolection.vue +++ b/src/component/HomePage/ExportNewCoolection.vue @@ -122,8 +122,6 @@ export default defineComponent({ }, methods: { dragstart (e:any, index:any) { - console.log(12312312312312); - this.dragIdx = index }, dragDrop (e:any, index:any) { diff --git a/src/component/HomePage/Generate.vue b/src/component/HomePage/Generate.vue index 69efc86d..383cc38b 100644 --- a/src/component/HomePage/Generate.vue +++ b/src/component/HomePage/Generate.vue @@ -53,7 +53,13 @@ v-model="searchPictureName" @keydown.enter="getgenerate()" /> -
{{ $t('Generate.Generate') }}
+ +
+ {{ $t('Generate.Generate') }} +
+
+ +
@@ -122,7 +128,7 @@ v-for="(item, index) in fileList" :key="item.imgUrl" @click="generageAdd(item)" - :class="[item?.checked?'active':'']" + :class="[item.status != 'Success'?'hideEvents':'',item?.checked?'active':'']" > @@ -213,6 +219,7 @@ export default defineComponent({ let workspace:any = ref({}) let loadingShow = ref(false) + let isGenerate = ref(false)//判断是否正在进行generate let inputShow = ref(false)//表示是否出现红框 let inputTime = ref() let driver__:any = inject('driver__') @@ -246,6 +253,7 @@ export default defineComponent({ checkboxImage, printModel, loadingShow, + isGenerate, // printBoards, moodboarList, // sketchCatecoryList, @@ -476,7 +484,7 @@ export default defineComponent({ // ); // return // } - if(this.loadingShow){ + if(this.isGenerate){ return } // if(!this.searchPictureName){ @@ -512,7 +520,7 @@ export default defineComponent({ isTestUser:this.driver__.driver?false:this.isTest, gender:'', } - this.loadingShow = true + this.isGenerate = true Https.axiosPost(Https.httpUrls.generatePrepare, data).then( (rv) => { if(data.isTestUser){ @@ -520,7 +528,7 @@ export default defineComponent({ message.warning(this.t('Generate.jsContent8',{num:rv.leftUsageCount,str:this.t('collectionModal.Moodboard')})); }else if(rv.leftUsageCount == 0){ message.warning(this.t('Generate.jsContent9',{str:this.t('collectionModal.Moodboard')})); - this.loadingShow = false + this.isGenerate = false return } } @@ -536,7 +544,7 @@ export default defineComponent({ },10000) } ).catch(res=>{ - this.loadingShow = false + this.isGenerate = false }); // Https.axiosPost(Https.httpUrls.sketchAndPrintGenerate, data).then( // (rv) => { @@ -570,7 +578,7 @@ export default defineComponent({ Https.axiosPost(Https.httpUrls.generateResult, data).then( (rv) => { - if(this.loadingShow){//防止取消后有正在执行的获取状态 + if(this.isGenerate){//防止取消后有正在执行的获取状态 let arr:any = [] arr = rv.filter((item:any)=>item.status != 'Success' && item.status != 'Fail' && item.status != 'Invalid') rv.forEach((element:any) => { @@ -595,7 +603,7 @@ export default defineComponent({ this.fileList = this.fileList.filter((item:any)=>item.status == 'Success') clearInterval(this.generateTime) clearInterval(this.remGenerateTime) - this.loadingShow = false + this.isGenerate = false this.remGenerate = false } } @@ -604,7 +612,7 @@ export default defineComponent({ this.fileList = this.fileList.filter((item:any)=>item.status == 'Success') clearInterval(this.generateTime) clearInterval(this.remGenerateTime) - this.loadingShow = false + this.isGenerate = false }); },1000) }, @@ -612,7 +620,7 @@ export default defineComponent({ let arr = this.fileList.filter((item:any)=>item.status != 'Success') //取消操作 this.fileList = this.fileList.filter((item:any)=>item.status == 'Success') - this.loadingShow = false + this.isGenerate = false clearInterval(this.generateTime) if(arr){ let str = arr.map((obj:any) => obj.taskId).join(','); @@ -921,10 +929,12 @@ export default defineComponent({ color: red; } } + } &:hover .delete_like_file_block{ display: block; } + } .upload_item { .upload_file_item { @@ -948,6 +958,7 @@ export default defineComponent({ cursor:not-allowed; } } + .upload_file_item_content { display: flex; align-items: center; diff --git a/src/component/HomePage/PrintboardUpload.vue b/src/component/HomePage/PrintboardUpload.vue index 0b0e212d..a5a6699b 100644 --- a/src/component/HomePage/PrintboardUpload.vue +++ b/src/component/HomePage/PrintboardUpload.vue @@ -106,7 +106,13 @@
-
{{ $t('PrintboardUpload.Generate') }}
+ +
+ {{ $t('PrintboardUpload.Generate') }} +
+
+ +
-->