<template>
    <view style="width: 100%;margin-top: 100rpx;text-align: center;" v-if="isLogin">
        <image :src="imgUrl" alt="" style="width: 400rpx;height: 400rpx;"/>
        <view @click="downloadCode" style="margin: 20rpx auto;background-color:#409EFF;width: 300rpx;color: #fff;padding: 20rpx;border-radius: 100rpx;">保存小程序推广码</view>
    </view>
    <JxEmpty v-else title="您还未登录" ></JxEmpty>
</template>

<script lang="ts" setup>
import login from '@/api/https/login'
import JxEmpty from '@/components/jx-empty/jx-empty.vue'
import { store } from '@/store'
import toast from '@/utils/toast'
import { errToast, modal } from '@/utils/uniApi'
import { onShow } from '@dcloudio/uni-app'
import { computed, ref } from 'vue'
import useGlobalFunc from '@/composables/useGlobalFunc'

const {
  saveImageToAlbum, // 预览图片
} = useGlobalFunc()

const imgUrl = ref('')

onShow(async () => {
    try {
    //   this.showLoad()
      await reqGetWxcode()
    } catch (e) {
    //   errToast(e)
    } finally {
    //   this.hideLoad()
    }
})
const isLogin = computed(() => {
  return store.getters['serveInfo/isLogin']
})
async function reqGetWxcode(){
    try {
      let mobile = uni.getStorageSync('mobile')
      if(!mobile) return
        let str = {scene:'promote=' + mobile,
          // page:'pages/index/index'
         }
        console.log('打印参数信息',mobile)
        let res = await login.getTiktokOrWxCode(str)

        console.log('获取推荐码信息',res)
        if(res.code ==  0){
            // #ifdef MP-WEIXIN
            imgUrl.value = res.data.qrCode
            // #endif
        }

            
        console.log(res,'111111111111111111',imgUrl.value)
        // #ifdef MP-TOUTIAO
        // imgUrl.value = res.tiktok
        // #endif

      } catch (e) {
        throw e
      }
}

/**
 * 保存小程序推广码
 */
async function downloadCode(){
   console.log('保存推广码-------',imgUrl.value)
    // const [err, res] = await uni.downloadFile({ url: imgUrl.value })
    // uni.downloadFile({ 
    //   url: imgUrl.value,
    //   complete(res){
    //     console.log('下载图片成功的方法',res)
    //     if(res.statusCode == 200){
    //         uni.saveImageToPhotosAlbum({
    //           filePath: res.tempFilePath,
    //           complete(r) {
    //             console.log('1111111111,保存商品图片',r)
    //               if (r.errMsg === 'saveImageToPhotosAlbum:ok') {
    //                   toast('保存成功')
    //               } else {
    //                   toast('保存失败')
    //               }
    //           }
    //       })
    //     }

    //   }
    // })
    saveImageToAlbum(imgUrl.value)
}

// // 保存网络图片到相册（正式版可用）
// async function saveImageToAlbum(imgUrl:string) {
//   try {
//     // 1. 申请相册权限
//     const authRes = await uni.authorize({
//       scope: 'scope.writePhotosAlbum'
//     }).catch(() => null);

//     if (!authRes) {
//       uni.showModal({
//         title: '权限提示',
//         content: '需要相册权限才能保存图片，请在设置中开启',
//         success(res) {
//           if (res.confirm) uni.openSetting();
//         }
//       });
//       return;
//     }

//     // 2. 先下载到本地临时路径（关键！不能直接传url）
//     const downRes = await uni.downloadFile({
//       url: imgUrl
//     });

//     if (downRes.statusCode !== 200) {
//       uni.showToast({ title: '图片下载失败', icon: 'none' });
//       return;
//     }

//     // 3. 保存到相册
//     await uni.saveImageToPhotosAlbum({
//       filePath: downRes.tempFilePath
//     });

//     uni.showToast({ title: '保存成功' });
//   } catch (err) {
//     console.error('保存失败：', err);
//     uni.showToast({ title: '保存失败', icon: 'none' });
//   }
// }
</script>