front-end/ghsApp/src/pagesInvite/inviteGhsShop.vue

<template>
  <view class="app-content">
    <view class="img_box">
      <image :src="imgUrl" class="img_url"></image>
    </view>
    <view style="margin:50upx 0 0 32upx;font-size:30upx;">保存图片，并分享给您要邀请的人识别注册。</view>
    <div class="confirm-btn">
      <button class="admin-button-com big blue" @click="downloadImg">保存图片</button>
    </div>
    <!-- #ifdef MP-WEIXIN -->
    <div class="confirm-btn1">
      <button class="admin-button-com big default" @click="goToMallPt()">直接打开</button>
    </div>
    <!-- #endif -->
  </view>
</template>
<script>
import { applyInviteGhsPoster } from '@/api/apply/index'
import { getWeixinId } from "@/api/invite/index";
import { mapGetters } from "vuex";
export default {
  data() {
    return {
      imgUrl: '',
      getappIdList: {}
    }
  },
  computed: {
    ...mapGetters({ loginInfo: "getLoginInfo" })
  },
  methods: {
    init() {
      this.getImg()
      getWeixinId().then(res => {
        this.getappIdList = res.data
      });
    },
    downloadImg() {
      uni.downloadFile({
        url: this.imgUrl,
        success: (res) => {
          console.log(res)
          uni.saveImageToPhotosAlbum({
            filePath: res.tempFilePath,
            success: function() {
              uni.showToast({
                title: '保存成功',
                icon: 'none'
              });
            },
            fail: (res) => {
              // this.$msg('保存失败')
              uni.showToast({
                title: '保存失败',
                icon: 'none'
              });
            }
          })
        },
      })
    },
    getImg() {
      applyInviteGhsPoster().then(res => {
        console.log(res)
        this.imgUrl = res.data.imgUrl
      }).catch(err => {})
    },
    goToMallPt () {

      //查看分享的路径，不要删除 shish 20210517
			console.log('pagesClient/official/index?ghsShopAdminId='+this.loginInfo.shopAdminId)

      this.pageTo({url: `/pagesClient/official/index?ghsShopAdminId=${this.loginInfo.shopAdminId}`})

    },
  }
}
</script>

<style lang="scss" scoped>
.app-content{
  overflow: hidden;
}
.img_box{
  height: 450upx;
  box-sizing: border-box;
  &>.img_url{
    height: 450upx;
    width: 450upx;
    margin: 100upx auto;
  }
}
// 按钮
.confirm-btn {
  width: calc(100% - 60upx);
  margin: 50upx 30upx 20upx;
  .admin-button-com {
    width: 100%;
  }
}
// 按钮
.confirm-btn1 {
  width: calc(100% - 60upx);
  margin: 50upx 30upx 20upx;
  .admin-button-com {
    width: 100%;
  }
}
</style>