开门红：微信头像生成页面样式调整 --提交人：阳华祥

src/views/ebiz/my/UserWxHead2.vue

@@ -11,11 +11,24 @@
       </template>
       <template v-slot:error>加载失败</template>
     </van-image>
-    <div class="flex justify-content-c bottom-btn">
+    <div class="flex justify-content-a  bottom-btn">
       <van-button
-        :disabled="downLoadFlag"
-        class="bottom50 left0"
-        style="width: 40%;border-radius: 6px;"
+        v-if="!clickUpLoadFlag"
+        class="bottom50"
+        style="width: 30%;border-radius: 6px;"
+        square
+        round
+        type="danger"
+        size="normal"
+        @click="clickUploadImg"
+        v-no-more-click="1000"
+      >
+        上传图片
+      </van-button>
+      <van-button
+        v-if="!downLoadFlag"
+        class="bottom50"
+        style="width: 30%;border-radius: 6px;"
         square
         round
         type="danger"
@@ -62,7 +75,8 @@ export default {
         type: 'align'
       },
       downLoadUrl: '',
-      downLoadFlag: true
+      downLoadFlag: true,
+      clickUpLoadFlag: true
     }
   },
   filters: {},
@@ -73,13 +87,13 @@ export default {
       forbidClick: true,
       loadingType: 'spinner'
     })
-    setTimeout(() => {
+    /*setTimeout(() => {
       // eslint-disable-next-line no-undef
       EWebBridge.webCallAppInJs('webview_right_button', {
         btns: [{ img: this.$assetsUrl + 'images/ebiz/more_check.png' }]
       })
       window.appCallBack = this.appCallBack //app回调
-    }, 1000)
+    }, 1000)*/
     await this.getWxHeadConfig()
     this.$toast.clear()
   },
@@ -108,6 +122,27 @@ export default {
           })
       }
     },
+    clickUploadImg() {
+      // eslint-disable-next-line no-undef
+      EWebBridge.webCallAppInJs('uploadImg', {
+        imgWidth: this.cutConfig.width,
+        imgHeight: this.cutConfig.height,
+        maxSize: this.cutConfig.size
+      })
+        .then(res => {
+          console.log(res)
+          // 截取后图片
+          // this.src = config.imgDomain + '/returnImageStream?a=b.jpg&imgPath=' + encodeURIComponent(JSON.parse(res).path)
+          // this.path = JSON.parse(res).path
+          // this.base64 = 'data:image/jpg;base64' + JSON.parse(res).base64
+          this.composeReqDTO.headPath = JSON.parse(res).path
+          // 生成合成图
+          this.composeWxHeadConfig()
+        })
+        .catch(() => {
+          return
+        })
+    },
     downLoadImages() {
       // eslint-disable-next-line no-undef
       EWebBridge.webCallAppInJs('download', {
@@ -130,6 +165,7 @@ export default {
           // 下载图片地址
           this.downLoadUrl = config.imgDomain + '/returnDirectStream?imgPath=' + encodeURIComponent(res.composePath)
           this.downLoadFlag = false
+          this.clickUpLoadFlag = true //隐藏上传
         } else {
           this.$toast(res.resultMessage)
         }
@@ -160,6 +196,7 @@ export default {
             that.composeReqDTO.backPath = res.content.backImgInfo[0].aesPath
           }
           that.showImgInfo.showFlag = '1'
+          that.clickUpLoadFlag = false // 显示上传按钮
         } else {
           that.$toast(res.resultMessage)
         }