更改人物动漫化

app_list.json

@@ -1,7 +1,7 @@
 {
   "taroConfig": {
     "version": "1.3.3",
-    "desc": "添加广告"
+    "desc": "更改人物动漫化"
   },
   "app_list": [
     {
@@ -9,6 +9,24 @@
       "description": "AI绘画练习生",
       "appid": "wxcf756553cfb65cb8",
       "path_name": "project.config.json"
+    },
+    {
+      "projectname": "AI绘画实用工具",
+      "description": "AI绘画实用工具",
+      "appid": "tt93fde5400cc2d78401",
+      "path_name": "project.tt.json"
+    },
+    {
+      "projectname": "AI绘画练习生",
+      "description": "AI绘画练习生",
+      "appid": "tt8534f3891a0bf12e01",
+      "path_name": "project.tt.json"
+    },
+    {
+      "projectname": "AI绘画未来派",
+      "description": "AI绘画未来派",
+      "appid": "tta3fed5433cc1e78401",
+      "path_name": "project.tt.json"
     }
   ]
 }

config/index.js

@@ -8,7 +8,7 @@ const CIPluginOpt = {
   },
   // 字节跳动小程序
   tt: {
-    email: "lh243434798981008@163.com",
+    email: "func@fys1001.onexmail.com",
     password: "lihai1243434798"
   },
 }

package.json

@@ -58,7 +58,8 @@
         "postcss": "^8.2.1",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
-        "taro-cropper": "^1.2.3"
+        "taro-cropper": "^1.2.3",
+        "tt-ide-cli": "^0.1.15"
     },
     "devDependencies": {
         "@babel/core": "^7.8.0",
@@ -81,6 +82,6 @@
     },
     "taroConfig": {
         "version": "1.3.3",
-        "desc": "添加广告"
+        "desc": "更改人物动漫化"
     }
-}
+}

private/private.wxcf756553cfb65cb8.key

@@ -0,0 +1,27 @@
+-----BEGIN RSA PRIVATE KEY-----
+MIIEpAIBAAKCAQEAtiXHmMyLeuv8l313XejSM01sTFJVU6clTXVA1qrCXjIway1z
+nnLW5P4get8lb2Uixojsot6Xy+b9Q+A95eCiuTDbTRtwonnP1pgxlzblkYjouGxg
+FNJ9ZkSTBBb4hF4Faskr3GglVt+4fLaxN2ey40op2okZ7FNRy8RT0hwpK1Aunf3n
+C4U+ChmSwbBT90CybPVjvcfeYbf4p25/BWa8yVogHnbzk4FhOSRYkuBhceZcjUlX
+6yBV3OzejtxGqy8aCD7JLOrmUeBF7wvKeapv9hvvGlZ5p4/BY9HAYf+iHGPh781/
+Vvww3sz6CGCz7tRjJ9YLWfzgsMydE6xJUxz0KQIDAQABAoIBAAEiSxPQci3ZukDX
+Lx8OjAB1wu7WtGFI8RqCWFz9wygC9/oy1j1uSZgzXNBnAzymTIkf4RlCeX9zeLAr
+fTcpJtowS603NoRMbdbQK77dQKCfUZOUWSTICq/QTXoBCpsIWtBHYFaG73SS//sG
+yCOoKZzwoUITCG5INoImPr9YHYl/e5bpKDZQ/E03md1+jyNCKOsS7TxK/5m/lXqM
+2hy6afFCaZgbFMf1i/8A5baXDSmLysTZNBw8zjeRw97h7vcsnbtpyHk1beVE3Zc6
+mbaytpcdT0BX6wLHDrpIvDvpiTwHnR19ay71oKGZweLxtFBgwjLpOe70jbe4sRVq
+5ImL1AECgYEA7ytsnPhoNkMQgbAH/suB1mZQHnGC1Kotx+BzQZoJsQYKXK2ujhIT
+1NCl25IFFWSiUWRvbRnctz9iRf4cgQr6/tKeKd3O5SxH53bb14VhYEjmP2lcQHEP
+eMSJJa+L9CYJG5MyCU7zt7LW4EG+5Q0EoEv1AewNmQeQ0XmqPM7fvFECgYEAwvce
+Y4DLEvHDXi+CSf3BQidezVEkejCFp+ioADFO0j4RvNdC0gd/JSkwPBHyCmwKHtYL
+gwLitPfnz1/uTHXMorhxAdLvY9iRjhix3g+gGJGqKaJwluTjuzs6eanP0qB9MZdA
+r4UDteQwJeJ/IuirAc+w0hmM+a9AT0w4Cbs5vFkCgYEAqOtDj+4GNGTTcLUyQGvd
+bN7gMVA8dhUntma5IJk5xRSeFuz4PxFXflRLADQ2cPCdj9zesfC1KZuTvhmGakGm
+GnoJCUrGiKfotPsGtEZZCxcRv7GbXUw9AC/XKY29zBddEWO50Ec57QFbsBHfUIkM
+PmbHSa89v1pPlxNWABKghLECgYBEhs1UlgFKsFVF9pbp4NoboXDt45ZZqFJiGSFr
+p+kXdp+Pa23eGqpy6k483uXfCehovD0hmFMM3pHIzuQYVdNOYlu+E2D3DDjk5AMo
+lP9lg1V2+tRuBReSSJgeCTS1yJkYZBxlVPBf70uJFVowb+0jXte8kSR+4j1NYfHU
+Yc1CSQKBgQCtJidMaU0+iN56nuGtOIgV/UwhhZ/v1d1ylJUcwYhB3BCCgq8oi6Rs
+ucFkuPlAcOodDaSj+jysSgh7mMYoBTfYPhWvehalw2yWKe9HuwcscVlw2nrx3uaR
+VSCO4/R1/rJ1oHcXvMdusqPH66iwkT2PPvg+NNlDpXnOu1LSyHwEIw==
+-----END RSA PRIVATE KEY-----

project.tt.json

@@ -1,10 +1,12 @@
 {
     "miniprogramRoot": "./",
-    "projectname": "AI绘画练习生",
-    "appid": "tt8534f3891a0bf12e01",
+    "projectname": "AI绘画未来派",
+    "appid": "tta3fed5433cc1e78401",
     "setting": {
+        "urlCheck": true,
         "es6": false,
+        "postcss": false,
         "minified": false
     },
-    "description": "AI绘画练习生"
+    "description": "AI绘画未来派"
 }

src/app.config.js

@@ -16,7 +16,7 @@ export default defineAppConfig({
         "pages/wallet/index",
         "pages/shareCnt/index",
         "pages/upload/index",//图片裁剪页面
-        "pages/darwDetail/index",
+        "pages/darwDetailIndex/index",//图片作品页面
         "pages/communityDetail/index",
         "pages/earnPoints/index",
       ]
@@ -25,9 +25,11 @@ export default defineAppConfig({
       root: "moduleB",
       name: "分包B",
       pages: [
-        "pages/works/index",//我的作品
+        "pages/imageWorks/index",//图画作品
         "pages/like/index",//我的喜欢
         "pages/comic/index",//人物动漫画
+        "pages/comicDetail/index",//人物动漫画详情页
+        "pages/poetry/index",//诗词绘画
         "pages/faceChanging/index",//AI换脸
         "pages/point/index",//新手指引
         "pages/real/index",//资讯

src/app.js

@@ -9,13 +9,13 @@ class App extends Component {
   componentDidMount () { }
 
   componentDidShow () {
+  
+  }
+  onLaunch () {
     console.log('app启动');
     if (!Taro.getStorageSync('session_key')) {
       tool.toLogin();
     }
-  }
-  onLaunch () {
-
     // 保持屏幕常亮
     Taro.setKeepScreenOn({
       keepScreenOn: true

src/common/tool.js

@@ -1,8 +1,8 @@
 import Taro from '@tarojs/taro'
 import * as api from '../service/index'
 const tool = {
-  shareTitle:'一款属于自己的AI绘画小程序，快来创作属于自己的独家作品吧。',
-  shareImg:'http://video-img.fyshark.com/1680599995457%E5%88%86%E4%BA%AB%E5%9B%BE%20200-200.png',
+  shareTitle: '一款属于自己的AI绘画小程序，快来创作属于自己的独家作品吧。',
+  shareImg: 'http://video-img.fyshark.com/1680599995457%E5%88%86%E4%BA%AB%E5%9B%BE%20200-200.png',
   //去登录
   toLogin: function (rescallback = () => { }) {
     Taro.login({
@@ -10,6 +10,7 @@ const tool = {
         let params = {
           code: res.code,
         }
+        console.log(res.code,'res.code');
         if (res.code) {
           api.login(params).then(item => {
             Taro.setStorage({
@@ -43,6 +44,7 @@ const tool = {
         }
       }
     })
+    console.log(is_ios, 'is_ios');
     return is_ios;
   },
   //判断是否为安卓
@@ -79,6 +81,27 @@ const tool = {
       return value.slice(0, lmit) + '...'
     }
     return value
-  }
+  },
+
+  //简化版js节流，默认2s内只能点击一次
+  throttle: function (fn, wait = 2000) {
+    let timer = null;
+    let lastTime = 0;
+
+    return function (...args) {
+      const now = +new Date();
+
+      if (now - lastTime > wait) {
+        lastTime = now;
+        fn.apply(this, args);
+      } else {
+        clearTimeout(timer);
+        timer = setTimeout(() => {
+          lastTime = now;
+          fn.apply(this, args);
+        }, wait - (now - lastTime));
+      }
+    };
+  },
 }
 export default tool

src/moduleA/pages/communityDetail/index.jsx

@@ -37,9 +37,13 @@ export default class Task extends Component {
     })
   }
   onShareAppMessage = (res) => {
+    let path = `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`
+    if (process.env.TARO_ENV == 'tt') {
+      path = `/pages/index/index?c=channel_name&s=douyinguazai`
+    }
     let shareData = {
       title: tool.shareTitle,
-      path: `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`,
+      path: path,
       imageUrl: tool.shareImg
     }
     return shareData;
@@ -351,7 +355,7 @@ export default class Task extends Component {
     })
   }
   copyPromptAI () {
-    Taro.reLaunch({
+    Taro.navigateTo({
       url: `/moduleB/pages/faceChanging/index?img=${this.state.img_info.img}`
     })
   }

src/moduleA/pages/darwDetail/index.jsx

@@ -31,6 +31,8 @@ export default class Task extends Component {
     jumpurl: '',//广告id
     task_id: 0,//任务id
     repeat: 0,//广告次数
+    dy_ad: {
+    },//抖音广告id
   }
 
   componentDidShow () {
@@ -60,9 +62,13 @@ export default class Task extends Component {
     })
   }
   onShareAppMessage = (res) => {
+    let path = `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`
+    if (process.env.TARO_ENV == 'tt') {
+      path = `/pages/index/index?c=channel_name&s=douyinguazai`
+    }
     let shareData = {
       title: tool.shareTitle,
-      path: `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`,
+      path: path,
       imageUrl: tool.shareImg
     }
     return shareData;
@@ -119,6 +125,7 @@ export default class Task extends Component {
         console.log(draw_infos, 'draw_infos');
         if (res.data.draw_status != 2 && res.data.que_cnt > 1) {
           this.state.interval = setInterval(() => {
+            clearInterval(this.state.interval)
             this.getDrawTaskStatus()
           }, 1000 * 30)
         } else if (res.data.draw_status != 2 && res.data.que_cnt <= 1) {
@@ -143,6 +150,7 @@ export default class Task extends Component {
           que_cnt: res.data.que_cnt,
           draw_infos: draw_infos,
           current: _current,
+          dy_ad: res.data.dy_ad,
           model_info: res.data.model_info,
           style_info: res.data.style_info
         })
@@ -150,17 +158,6 @@ export default class Task extends Component {
     })
   }
   download () {
-    // Taro.downloadFile({
-    //   url: this.state.draw_infos[0].img, //仅为示例，并非真实的资源
-    //   success: function (res) {
-    //     // 只要服务器有响应数据，就会把响应内容写入文件并进入 success 回调，业务需要自行判断是否下载到了想要的内容
-    //     if (res.statusCode === 200) {
-    //       Taro.playVoice({
-    //         filePath: res.tempFilePath
-    //       })
-    //     }
-    //   }
-    // })
     this.downImg()
   }
   // 鉴权操作 判断是否有保存到相册的权限
@@ -227,7 +224,7 @@ export default class Task extends Component {
     })
   }
   copyPromptAI () {
-    Taro.reLaunch({
+    Taro.navigateTo({
       url: `/moduleB/pages/faceChanging/index?img=${this.state.draw_infos[this.state.current].img}`
     })
   }
@@ -325,32 +322,6 @@ export default class Task extends Component {
           zIndex: 12,
         },
       ],
-      // texts: [
-      //   {
-      //     x: 170,
-      //     y: 314 * sizeList[1] / sizeList[0] + 69 + 34,
-      //     text: '长按扫码',
-      //     fontSize: 16,
-      //     color: '#333333',
-      //     opacity: 1,
-      //     baseLine: 'middle',
-      //     lineHeight: 22,
-      //     textAlign: 'right',
-      //     zIndex: 10,
-      //   },
-      //   {
-      //     x: 91,
-      //     y: 314 * sizeList[1] / sizeList[0] + 69 + 56,
-      //     text: '体验AI人工智能绘画',
-      //     fontSize: 16,
-      //     color: '#333333',
-      //     opacity: 1,
-      //     baseLine: 'middle',
-      //     lineHeight: 22,
-      //     textAlign: 'right',
-      //     zIndex: 10,
-      //   },
-      // ],
     }
     console.log('回执');
     this.setState({
@@ -433,14 +404,56 @@ export default class Task extends Component {
       });
     }
   }
-  //激励广告
   playVideo () {
-    let lastTime = this.state.lastTime;
-    let now = new Date().getTime();
-    if (now - lastTime < 2000) return
-    this.setState({
-      lastTime: now
+    if (process.env.TARO_ENV == 'tt') {
+      this.playVideoTT()
+    } else {
+      this.playVideoWeapp()
+    }
+  }
+  //抖音激励广告
+  playVideoTT () {
+    let that = this
+    Taro.showLoading({
+      title: '加载中...',
     })
+    const videoAd = tt.createRewardedVideoAd({ adUnitId: this.state.jumpurl });
+    videoAd.show()
+    videoAd.onError((err) => {
+      Taro.hideLoading()
+      switch (err.errCode) {
+        case 1004:
+          // 无合适的广告
+          break;
+        default:
+        // 更多请参考错误码文档
+      }
+    });
+    // 监听视频播放完成
+    videoAd.onClose((data) => {
+      Taro.hideLoading()
+      if (data.isEnded) {
+        api.finishTask({ task_id: that.state.task_id }).then(res => {
+          if (res.code == 200) {
+            that.getCoinTaskAd()
+            Taro.showToast({
+              title: '点券+4',
+              icon: 'none',
+              duration: 2000
+            })
+          }
+        })
+      } else {
+        Taro.showToast({
+          title: '领取点券失败',
+          icon: 'none',
+          duration: 2000
+        })
+      }
+    });
+  }
+  //激励广告
+  playVideoWeapp () {
     // 在页面中定义激励视频广告
     let adUnitId = this.state.jumpurl
     // 在页面中定义激励视频广告
@@ -513,6 +526,15 @@ export default class Task extends Component {
     })
     console.log(e, 'eeee');
   }
+  bindload (e) {
+    console.log(e, 'bindload');
+  }
+  binderror (e) {
+    console.log(e, 'binderror');
+  }
+  bindclose (e) {
+    console.log(e, 'bindclose');
+  }
 
 
   render () {
@@ -541,8 +563,8 @@ export default class Task extends Component {
                       预计等待{Math.ceil((this.state.que_cnt - 1) * 0.2 + 1)}分钟...
                     </View>
                     {
-                      this.state.repeat <= 10 && process.env.TARO_ENV != 'tt' &&
-                      <View className='tips-right' onClick={e => (this.playVideo())}>
+                      this.state.repeat <= 10 && this.state.jumpurl.length > 0 &&
+                      < View className='tips-right' onClick={e => (tool.throttle(this.playVideo(), 2000))}>
                         点击观看广告领取积分
                       </View>
                     }
@@ -552,6 +574,21 @@ export default class Task extends Component {
             ))
           }
         </Swiper>
+        {
+          process.env.TARO_ENV == 'tt' && this.state.dy_ad.status && this.state.dy_ad.status == 1 &&
+          <View className='ad-video'>
+            <ad
+              unit-id={this.state.dy_ad.ad_id}
+              ad-intervals="30"
+              bindload={e => (this.bindload(e))}
+              binderror={e => (this.binderror(e))}
+              bindclose={e => (this.bindclose(e))}
+              fixed="{{fixed}}"
+              type="{{type}}"
+              scale="{{scale}}"
+            />
+          </View>
+        }
         <View className='content'>
           <View className='draw-title'>绘画描述</View>
           <View className='draw-text'>
@@ -619,12 +656,8 @@ export default class Task extends Component {
           this.state.draw_status == 2 &&
           <View className='func'>
             <View className='func-list'>
-              {/* <View className='func-info'>
-              <Image className='func-image' src='https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1678952380367.png'></Image>
-              <View>发布</View>
-            </View> */}
               {
-                this.state.qrCodeImg.length > 0 &&
+                this.state.qrCodeImg.length > 0 && process.env.TARO_ENV != 'tt' &&
                 <View className='func-info' onClick={e => (this.openFill())}>
                   <Image className='func-image' src='https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1678952396973.png'></Image>
                   <View>分享</View>
@@ -645,7 +678,7 @@ export default class Task extends Component {
             onCreateFail={e => (this.onCreateFail(e))} // 绘制失败回调
           />
         }
-      </View>
+      </View >
     )
   }
 }

src/moduleA/pages/darwDetail/index.less

@@ -7,6 +7,11 @@
     width: 750px;
     height: 750px;
     position: relative;
+    .ad-video{
+      margin-top: 10px;
+      width: 100%;
+      height: 800px;
+    }
 
     .banner-tips {
       font-family: PingFangSC-Regular;
@@ -33,7 +38,7 @@
 
       .banner-image {
         width: 100%;
-        min-height: 800px;
+        height: 800px;
       }
     }
   }

src/moduleA/pages/earnPoints/index.jsx

@@ -16,22 +16,33 @@ export default class Task extends Component {
     isIos: false,
     lastTime: 0,
   }
-
+  componentDidMount() {
+    this.finishTask = tool.throttle(this.finishTask.bind(this), 2000);
+  }
   componentWillMount () {
-    if (tool.notAndroid()) {
-      this.setState({
-        isIos: true
-      })
-    }
+    let that = this
+    Taro.getSystemInfo({
+      success: function (res) {
+        if (res.platform != "android") {
+          that.setState({
+            isIos: true
+          })
+        }
+      }
+    })
     this.getCoinTaskList()
     this.getShopList()
     this.getUserInfo()
-   
+
   }
   onShareAppMessage = (res) => {
+    let path = `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`
+    if (process.env.TARO_ENV == 'tt') {
+      path = `/pages/index/index?c=channel_name&s=douyinguazai`
+    }
     let shareData = {
       title: tool.shareTitle,
-      path: `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`,
+      path: path,
       imageUrl: tool.shareImg
     }
     return shareData;
@@ -65,11 +76,15 @@ export default class Task extends Component {
       }
     })
   }
-  finishTask (item, index) {
+  finishTask (item,index) {
     if (item.status != 0) return
     if (item.btn_title == '观看') {
       console.log('观看');
-      this.playVideo(item)
+      if (process.env.TARO_ENV == 'tt') {
+        this.playVideoTT(item)
+      } else {
+        this.playVideo(item)
+      }
       return
     }
     if (item.btn_title == '去点赞') {
@@ -91,15 +106,48 @@ export default class Task extends Component {
       }
     })
   }
-  //激励广告
+  //抖音激励广告
+  playVideoTT (item) {
+    let that = this
+    tt.showLoading();
+    const videoAd = tt.createRewardedVideoAd({ adUnitId: item.jumpurl });
+    videoAd.show()
+    videoAd.onError((err) => {
+      tt.hideLoading();
+      switch (err.errCode) {
+        case 1004:
+          // 无合适的广告
+          break;
+        default:
+        // 更多请参考错误码文档
+      }
+    });
+    // 监听视频播放完成
+    videoAd.onClose((data) => {
+      tt.hideLoading();
+      if (data.isEnded) {
+        api.finishTask({ task_id: item.id }).then(res => {
+          if (res.code == 200) {
+            that.getUserInfo()
+            that.getCoinTaskList()
+            Taro.showToast({
+              title: '领取点券成功',
+              icon: 'none',
+              duration: 2000
+            })
+          }
+        })
+      } else {
+        Taro.showToast({
+          title: '领取点券失败',
+          icon: 'none',
+          duration: 2000
+        })
+      }
+    });
+  }
+  //微信激励广告
   playVideo (item) {
-    let lastTime = this.state.lastTime;
-    let now = new Date().getTime();
-    if (now - lastTime < 2000) return
-    console.log(item, 'itehndodjd');
-    this.setState({
-      lastTime: now
-    })
     // 在页面中定义激励视频广告
     let adUnitId = item.jumpurl
     // 在页面中定义激励视频广告
@@ -171,39 +219,70 @@ export default class Task extends Component {
   //充值
   toOrder (item, index) {
     let that = this
-    Taro.getSystemInfo({
-      success: function (res) {
-        Taro.showLoading({
-          title: '加载中...',
-        })
-        api.createOrder({ shop_id: item.id }).then(res => {
-          if (res.code == 200) {
-            Taro.hideLoading()
-            Taro.requestPayment({
-              timeStamp: res.data.timeStamp,
-              nonceStr: res.data.nonceStr,
-              package: res.data.package,
-              signType: res.data.signType,
-              paySign: res.data.paySign,
-              success: function (res) {
-                // console.log(res);
-                //添加2s延迟在刷新数据
+    if (process.env.TARO_ENV === 'tt') {
+      Taro.showLoading({
+        title: '加载中...',
+      })
+      api.ttCreateOrder({ pay_info_id: item.id }).then(res => {
+        if (res.code == 200) {
+          Taro.hideLoading()
+          tt.pay({
+            orderInfo: {
+              order_id: res.data.order_id,
+              order_token: res.data.order_token
+            },
+            service: 5,
+            success (item) {
+              if (item.code == 0) {
+                that.getUserInfo()
                 setTimeout(() => {
                   that.getUserInfo()
                 }, 2000);
-              },
-              fail: function (err) {
-                try {
-                  const res = Taro.getSystemInfoSync()
-                  console.log(res, 'iphone=====');
-                } catch (e) {
-                }
+                // 支付成功处理逻辑，只有res.code=0时，才表示支付成功
+                // 但是最终状态要以商户后端结果为准
               }
-            })
-          }
-        })
-      }
-    })
+            },
+            fail (item) {
+              // 调起收银台失败处理逻辑
+            },
+          });
+        }
+      })
+    } else if (process.env.TARO_ENV === 'weapp') {
+      Taro.getSystemInfo({
+        success: function (res) {
+          Taro.showLoading({
+            title: '加载中...',
+          })
+          api.createOrder({ shop_id: item.id }).then(res => {
+            if (res.code == 200) {
+              Taro.hideLoading()
+              Taro.requestPayment({
+                timeStamp: res.data.timeStamp,
+                nonceStr: res.data.nonceStr,
+                package: res.data.package,
+                signType: res.data.signType,
+                paySign: res.data.paySign,
+                success: function (res) {
+                  // console.log(res);
+                  //添加2s延迟在刷新数据
+                  setTimeout(() => {
+                    that.getUserInfo()
+                  }, 2000);
+                },
+                fail: function (err) {
+                  try {
+                    const res = Taro.getSystemInfoSync()
+                    console.log(res, 'iphone=====');
+                  } catch (e) {
+                  }
+                }
+              })
+            }
+          })
+        }
+      })
+    }
 
   }
   //会员充值
@@ -247,7 +326,6 @@ export default class Task extends Component {
     })
 
   }
-  componentDidMount () { }
   //页面销毁之前调用
   componentWillUnmount () {
     //避免服务器攻击
@@ -274,7 +352,11 @@ export default class Task extends Component {
                   <View className='register-title'><Image className='register-icon' src={item.img} ></Image> {item.title}</View>
                   <View className='register-tips'>{item.sub_title}</View>
                 </View>
-                <View className='register-right' style={item.status == 0 ? '' : 'background-image: linear-gradient(-45deg, #0c1419 0%, #3b3d3e 100%);opacity: 0.5;'} onClick={e => (this.finishTask(item, index))}>{item.btn_title}</View>
+                <View className='register-right'
+                  style={item.status == 0 ? '' : 'background-image: linear-gradient(-45deg, #0c1419 0%, #3b3d3e 100%);opacity: 0.5;'}
+                  onClick={e => (this.finishTask(item,index))}>
+                  {item.btn_title}
+                </View>
               </View>
             ))
           }
@@ -283,14 +365,14 @@ export default class Task extends Component {
             this.state.userInfo.p_user_id == 1 &&
             <View className='register'>
               <View className='register-left'>
-                <View className='register-title'><Image className='register-icon' src='http://video-img.fyshark.com/1680060033169%E5%88%86%E9%94%80.png' ></Image> 分销明细</View>
+                <View className='register-title'><Image className='register-icon' src='http://video-img.fyshark.com/1680060033169%E5%88%86%E9%94%80.png'></Image> 分销明细</View>
                 {/* <View className='register-tips'>{item.sub_title}</View> */}
               </View>
               <View className='register-right' onClick={e => (this.toShareCnt())}>查看</View>
             </View>
           }
           {
-            !this.state.isIos &&process.env.TARO_ENV!='tt'&&
+            !this.state.isIos &&
             < View >
               <View className='contact-title'>
                 点券充值
@@ -335,7 +417,7 @@ export default class Task extends Component {
             </View>
           }
           {
-            this.state.isIos &&process.env.TARO_ENV!='tt'&&
+            this.state.isIos &&
             <View className='ios-tips'>
               ios暂不支持充值
             </View>

src/moduleA/pages/invite/index.jsx

@@ -37,9 +37,13 @@ export default class Task extends Component {
     })
   }
   onShareAppMessage = (res) => {
+    let path = `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`
+    if (process.env.TARO_ENV == 'tt') {
+      path = `/pages/index/index?c=channel_name&s=douyinguazai`
+    }
     let shareData = {
       title: tool.shareTitle,
-      path: `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`,
+      path: path,
       imageUrl: tool.shareImg
     }
     return shareData;

src/moduleA/pages/shareCnt/index.jsx

@@ -34,9 +34,13 @@ export default class Mine extends Component {
     })
   }
   onShareAppMessage = (res) => {
+    let path = `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`
+    if (process.env.TARO_ENV == 'tt') {
+      path = `/pages/index/index?c=channel_name&s=douyinguazai`
+    }
     let shareData = {
       title: tool.shareTitle,
-      path: `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`,
+      path: path,
       imageUrl: tool.shareImg
     }
     return shareData;

src/moduleA/pages/upload/index.jsx

@@ -57,9 +57,13 @@ export default class Mine extends Component {
     })
   }
   onShareAppMessage = (res) => {
+    let path = `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`
+    if (process.env.TARO_ENV == 'tt') {
+      path = `/pages/index/index?c=channel_name&s=douyinguazai`
+    }
     let shareData = {
       title: tool.shareTitle,
-      path: `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`,
+      path: path,
       imageUrl: tool.shareImg
     }
     return shareData;

src/moduleA/pages/wallet/index.jsx

@@ -32,9 +32,13 @@ export default class Mine extends Component {
     })
   }
   onShareAppMessage = (res) => {
+    let path = `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`
+    if (process.env.TARO_ENV == 'tt') {
+      path = `/pages/index/index?c=channel_name&s=douyinguazai`
+    }
     let shareData = {
       title: tool.shareTitle,
-      path: `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`,
+      path: path,
       imageUrl: tool.shareImg
     }
     return shareData;
@@ -50,7 +54,7 @@ export default class Mine extends Component {
   }
   toBuyPage (e) {
     Taro.navigateTo({
-      url: `/pages/earnPoints/index`
+      url: `/moduleA/pages/earnPoints/index`
     })
   }
 

src/moduleB/pages/comic/index.jsx

@@ -7,19 +7,28 @@ import './index.less'
 
 export default class collection extends Component {
   state = {
-    consultImg: 'http://video-img.fyshark.com/1680144082044%E7%BC%96%E7%BB%84.png',
+    consultImg: 'http://video-img.fyshark.com/1681721632520%E4%B8%8A.png',
     sizeIndex: 0,
-    mass:0,
-    isImage: false
+    mass: 0,
+    modelIndex: 0,
+    isImage: false,
+    creatInfo: {},
+    isOpen: false,
+    jumpurl: '',//广告id
+    task_id: 0,//任务id
+    repeat: 0,//广告次数
+    drawTaskId:0,//任务id
   }
 
   componentWillMount () {
+    this.getDrawGcImgIndex()
+    this.getCoinTaskAd()
   }
   componentDidShow () {
     //接收裁剪图片
     let pages = Taro.getCurrentPages();
     let currentPage = pages[pages.length - 1]; // 获取当前页面
-    console.log(currentPage,'currentPage');
+    console.log(currentPage, 'currentPage');
     if (process.env.TARO_ENV == 'weapp') {
       if (currentPage.__data__.consultImg) { // 获取值
         this.setState({
@@ -27,6 +36,7 @@ export default class collection extends Component {
           sizeIndex: currentPage.__data__.sizeIndex,
           isImage: true
         })
+        currentPage.__data__.consultImg = ''
       }
     } else if (process.env.TARO_ENV == 'tt') {
       if (currentPage.data.consultImg) { // 获取值
@@ -35,14 +45,51 @@ export default class collection extends Component {
           sizeIndex: currentPage.data.sizeIndex,
           isImage: true
         })
+        currentPage.data.consultImg = ''
       }
     }
   }
+  getCoinTaskAd () {
+    api.getCoinTaskAd().then(res => {
+      if (res.code == 200) {
+        this.setState({
+          jumpurl: res.data[0].jumpurl,//广告id
+          task_id: res.data[0].id,//任务id
+          repeat: res.data[0].repeat
+        })
+      }
+    })
+  }
+  getDrawGcImgIndex () {
+    api.getDrawGcImgIndex().then(res => {
+      if (res.code == 200) {
+        this.setState({
+          creatInfo: res.data
+        })
+      }
+    })
+  }
+  changeOpen () {
+    this.setState({
+      isOpen: !this.state.isOpen
+    })
+  }
+  updateButton () {
+    if (!this.state.isImage) {
+      this.upLode()
+    } else if (this.state.creatInfo.wallet_status == 0) {
+      this.playVideoGeneratePictures()
+    } else {
+      this.generatePictures()
+    }
+  }
+  //上传图片
   upLode () {
     let that = this
     Taro.chooseMedia({
       count: 1, // 默认
       sizeType: ['compressed'], // 可以指定是原图还是压缩图，默认二者都有
+      mediaType:['image'],
       sourceType: ['album', 'camera'],
       success: function (res) {
         console.log(res, 'res');
@@ -61,71 +108,245 @@ export default class collection extends Component {
       }
     })
   }
+  //画图
   generatePictures () {
     if (!this.state.isImage) {
       Taro.showToast({ title: '请先上传图片', icon: 'none' })
       return
     }
-    api.drawGcImg({ img_url: this.state.consultImg,img_type:this.state.mass }).then(res => {
+    api.drawGcImg({ img_url: this.state.consultImg, style_id: this.state.creatInfo.models[this.state.modelIndex].id }).then(res => {
       if (res.code == 200) {
         Taro.navigateTo({
-          url: `/moduleA/pages/darwDetail/index?task_id=${res.data.task_id}`
+          url: `/moduleB/pages/comicDetail/index?task_id=${res.data.task_id}`
         })
-      }else {
+      } else {
         Taro.hideLoading()
-        if (res.code == 4001) {
-          Taro.showModal({
-            title: '您的余额不足',
-            content: '是否前往获取点券？',
-            success: function (res) {
-              if (res.confirm) {
-                Taro.navigateTo({
-                  url: `/moduleA/pages/earnPoints/index`
-                })
-              } else if (res.cancel) {
-                console.log('用户点击取消')
-              }
-            }
+        Taro.showToast({ icon: 'none', title: res.msg })
+      }
+    })
+  }
+  //看广告画图
+  playVideoGeneratePictures () {
+    if (!this.state.isImage) {
+      Taro.showToast({ title: '请先上传图片', icon: 'none' })
+      return
+    }
+    api.drawGcImg({ img_url: this.state.consultImg, style_id: this.state.creatInfo.models[this.state.modelIndex].id }).then(res => {
+      if (res.code == 200) {
+        this.setState({
+          drawTaskId:res.data.task_id
+        },()=>{
+          this.playVideo()
+        })
+       
+      } else {
+        Taro.hideLoading()
+        Taro.showToast({ icon: 'none', title: res.msg })
+      }
+    })
+  }
+
+  //观看广告
+  playVideo () {
+    if (process.env.TARO_ENV == 'tt') {
+      this.playVideoTT()
+    } else {
+      this.playVideoWeapp()
+    }
+  }
+  //抖音激励广告
+  playVideoTT () {
+    let that = this
+    Taro.showLoading({
+      title: '加载中...',
+    })
+    const videoAd = tt.createRewardedVideoAd({ adUnitId: this.state.jumpurl });
+    videoAd.show()
+    videoAd.onError((err) => {
+      Taro.hideLoading()
+      switch (err.errCode) {
+        case 1004:
+          // 无合适的广告
+          break;
+        default:
+        // 更多请参考错误码文档
+      }
+    });
+    // 监听视频播放完成
+    videoAd.onClose((data) => {
+      Taro.hideLoading()
+      if (data.isEnded) {
+        Taro.navigateTo({
+          url: `/moduleB/pages/comicDetail/index?task_id=${that.drawTaskId}`
+        })
+      } else {
+       
+      }
+    });
+  }
+  //激励广告
+  playVideoWeapp () {
+    // 在页面中定义激励视频广告
+    let adUnitId = this.state.jumpurl
+    // 在页面中定义激励视频广告
+    let videoAd = null
+    let that = this
+    console.log(videoAd, 'videoAd');
+    // 在页面onLoad回调事件中创建激励视频广告实例
+    if (wx.createRewardedVideoAd) {
+      videoAd = wx.createRewardedVideoAd({
+        adUnitId: adUnitId
+      })
+      videoAd.onLoad(() => { })
+      videoAd.onError((err) => { })
+      try {
+        if (videoAd.closeHandler) {
+          videoAd.offClose(videoAd.closeHandler);
+          console.log("videoAd.offClose卸载成功");
+        }
+      } catch (e) {
+        console.log("videoAd.offClose 卸载失败");
+        console.error(e);
+      }
+      videoAd.closeHandler = function (res) {
+        // 用户点击了【关闭广告】按钮
+        if (res && res.isEnded || res === undefined) {
+          // 正常播放结束，可以下发游戏奖励
+          Taro.navigateTo({
+            url: `/moduleB/pages/comicDetail/index?task_id=${that.drawTaskId}`
           })
         } else {
-          Taro.showToast({ icon: 'none', title: res.msg })
+          //提前关闭小程序
         }
-      }
+      };
+      videoAd.onClose(videoAd.closeHandler);
+    }
+
+    // 用户触发广告后，显示激励视频广告
+    if (videoAd) {
+      videoAd.show().catch(() => {
+        // 失败重试
+        videoAd.load()
+          .then(() => videoAd.show())
+          .catch(err => {
+            Taro.showToast({
+              title: '暂无广告',
+              icon: 'none',
+              duration: 2000
+            })
+            console.log('激励视频 广告显示失败')
+          })
+      })
+    }
+
+  }
+  deleteImg () {
+    this.setState({
+      consultImg: 'http://video-img.fyshark.com/1681721632520%E4%B8%8A.png',
+      isImage: false,
     })
   }
+  onShareAppMessage = (res) => {
+    let path = `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`
+    if (process.env.TARO_ENV == 'tt') {
+      path = `/pages/index/index?c=channel_name&s=douyinguazai`
+    }
+    let shareData = {
+      title: tool.shareTitle,
+      path: path,
+      imageUrl: tool.shareImg
+    }
+    return shareData;
+  }
   changeMass (e) {
     this.setState({
       mass: e
     })
   }
+  selectModel (item, index) {
+    this.setState({
+      modelIndex: index,
+    })
+  }
 
   render () {
     return (
       <View className='mine'>
-        <View className='title'>人物动漫化</View>
-        <View className='content' onClick={e => (this.upLode())}>
-          <Image className='content-img'
-            mode='aspectFit'
-            src={this.state.consultImg}
-          ></Image>
-          {
-            !this.state.isImage &&
-            <View className='add-content'>
-              <Image className='add-img' src='http://video-img.fyshark.com/1680144257329%2B.png'></Image>
-              <View className='add-tips'>上传图片</View>
-            </View>
-          }
+        <View className='banner'>
+          <View className='banner-content'>
+
+            <Image className='content-img'
+              mode='aspectFit'
+              src={this.state.consultImg}
+            ></Image>
+            {
+              this.state.isImage &&
+              <Image className='delete' src='http://video-img.fyshark.com/1680147210173guanbi.png' onClick={e => (this.deleteImg())}></Image>
+            }
+          </View>
+          <View className='banner-tips'>绝美的动漫头像，上传图片一件生成</View>
+
         </View>
-        <View className='img-tips'>绝美的动漫头像，上传图片一件生成</View>
-        <View className='draw-title'>图片质量</View>
-          <View className='draw-mass'>
-            <View className='mass-same' style={this.state.mass == 0 ? 'border: 2px solid #0F84EC;' : ''} onClick={e => (this.changeMass(0))}>普通</View>
-            <View className='mass-high' style={this.state.mass == 1 ? 'border: 2px solid #0F84EC;' : ''} onClick={e => (this.changeMass(1))}>高清</View>
+        {
+          this.state.creatInfo.models &&
+          <View className='model-list'>
+            {
+
+              !this.state.isOpen ?
+                this.state.creatInfo.models.slice(0, 6).map((item, index) => (
+                  <View className='model-info'
+                    style={`background:url(${item.img});background-size: 100% 100%;`}
+                    key={index}
+                    onClick={e => (this.selectModel(item, index))}>
+                    <View className='model-info-bottom'>
+                      {item.name}
+                    </View>
+                    {
+                      this.state.modelIndex == index &&
+                      <View className='moonlight'>
+                        {item.name}
+                      </View>
+                    }
+                  </View>
+                )) :
+                this.state.creatInfo.models.map((item, index) => (
+                  <View className='model-info'
+                    style={`background:url(${item.img});background-size: 100% 100%;`}
+                    key={index}
+                    onClick={e => (this.selectModel(item, index))}>
+                    <View className='model-info-bottom'>
+                      {item.name}
+                    </View>
+                    {
+                      this.state.modelIndex == index &&
+                      <View className='moonlight'>
+                        {item.name}
+                      </View>
+                    }
+                  </View>
+                ))
+            }
+          </View>
+        }
+        {
+          this.state.creatInfo.models && this.state.creatInfo.models.length > 6 &&
+          <View className='isOpen'>
+            <View className='open-content' onClick={e => (this.changeOpen())}>
+              <View className='open-title'>{!this.state.isOpen ? '展开' : '收起'}</View>
+              <Image className='open-img' src={!this.state.isOpen ? 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1678935050487.png' : 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1678935114571.png'}></Image>
+            </View>
+          </View>
+        }
+        <View className='update' onClick={e => (tool.throttle(this.updateButton()), 2000)}>
+          <View className='update-button'>
+            <Image className='update-img' src={!this.state.isImage ? 'http://video-img.fyshark.com/1681719589061%E7%BB%98%E7%94%BB%402x.png' : 'http://video-img.fyshark.com/1681719637510%E5%9B%BE%E7%89%87%402x.png'}></Image>
+            {!this.state.isImage ? '上传图片' : this.state.creatInfo.wallet_status == 0 ? '点击绘制 (当前点券不足，看广告绘制图片）' : '点击绘制 (当前点券充足，前往绘制吧）'}
           </View>
-        
-        <View className='generate-pictures' onClick={e => (this.generatePictures(e))} >
-          生成图片（消耗{2*(this.state.mass+1)}点券）
         </View>
+        <View className='tip-img'>
+          <Image className='ps-image' src='http://video-img.fyshark.com/1681720619915%E4%B8%8B%E5%9B%BE.png'></Image>
+        </View>
+
       </View>
     )
   }

src/moduleB/pages/comic/index.less

@@ -1,106 +1,160 @@
 .mine {
-  padding: 48px 32px;
+  padding: 48px 20px;
   min-height: 100vh;
   background-color: #041129;
 
-  .title {
-    margin-top: 48px;
-    font-family: PingFangSC-Regular;
-    font-size: 32px;
-    color: #FFFFFF;
-  }
 
-  .content {
+  .banner {
     position: relative;
     margin-top: 20px;
-
-    .add-content {
-      position: absolute;
+    .banner-content{
+      position: relative;
       left: 50%;
-      top: 50%;
-      transform: translate(-50%,-50%);
-      // display: flex;
-      // justify-content: center;
-
-      .add-img {
-        position: relative;
-        left: 50%;
-        transform: translateX(-50%);
-        width: 80px;
-        height: 80px;
+      transform: translateX(-50%);
+      width: 312px;
+      height: 312px;
+      .content-img {
+        width: 100%;
+        height: 100%;
       }
-
-      .add-tips {
-        margin-top: 12px;
-        font-family: PingFangSC-Regular;
-        font-size: 28px;
-        color: #FFFFFF;
-        text-align: center;
+      .delete{
+        position: absolute;
+        right: -20px;
+        top: -20px;
+        width: 40px;
+        height: 40px;
       }
     }
 
-    .content-img {
-      width: 100%;
-      max-height: 760px;
-    }
-  }
 
-  .generate-pictures {
-    width: 382px;
-    height: 96px;
-    border-radius: 96px;
-    line-height: 96px;
-    text-align: center;
-    position: fixed;
-    bottom: 40px;
-    left: 50%;
-    z-index: 100;
-    transform: translateX(-50%);
-    background-image: linear-gradient(-49deg, #5D81FF 0%, #0F84EC 100%);
-    font-family: PingFangSC-Regular;
-    font-size: 28px;
-    color: #FFFFFF;
+    .banner-tips {
+      margin-top: 20px;
+      text-align: center;
+      font-size: 28px;
+      font-family: PingFang SC;
+      font-weight: bold;
+      color: #FDFDFD;
+      line-height: 40px;
+    }
   }
 
-  .img-tips {
-    margin-top: 20px;
-    font-family: PingFangSC-Regular;
-    font-size: 24px;
-    color: #FFFFFF;
-  }
-  .draw-title {
-    margin-top: 48px;
-    font-family: PingFangSC-Regular;
-    font-size: 32px;
-    color: #FFFFFF;
-  }
-  .draw-mass {
+  .model-list {
     margin-top: 20px;
     display: flex;
-    font-family: PingFangSC-Regular;
-    font-size: 28px;
-    color: rgba(255, 255, 255, .5);
+    flex-wrap: wrap;
 
-    .mass-same {
-      width: 150px;
+    .model-info {
+      position: relative;
+      background-size: 100% 100%;
+      margin-bottom: 16px;
+      width: 220px;
+      margin-left: 14px;
+      height: 220px;
+      display: block;
+      -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
       box-sizing: border-box;
-      height: 80px;
-      line-height: 80px;
-      text-align: center;
+
       background-color: rgba(255, 255, 255, .05);
       border-radius: 16px;
+
+      .model-info-bottom {
+        position: absolute;
+        z-index: 1;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        font-size: 32px;
+        background-color: rgba(0, 0, 0, 0.4);
+        ;
+        color: #FFFFFF;
+        text-align: center;
+      }
+
+      .moonlight {
+        position: absolute;
+        top: 0;
+        left: 0;
+        z-index: 2;
+        width: 100%;
+        height: 100%;
+        background: rgba(0, 0, 0, 0.6);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        font-size: 28px;
+        font-family: PingFang SC;
+        font-weight: bold;
+        color: #FFFFFF;
+      }
     }
+  }
+
+  .isOpen {
+    display: flex;
+    justify-content: center;
 
-    .mass-high {
-      width: 150px;
+    .open-content {
+      width: 174px;
       height: 80px;
-      box-sizing: border-box;
-      line-height: 80px;
-      text-align: center;
       background-color: rgba(255, 255, 255, .05);
       border-radius: 16px;
-      margin-left: 24px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+
+      .open-title {
+        font-family: PingFangSC-Regular;
+        font-size: 32px;
+        color: #0F84EC;
+        letter-spacing: 0;
+        text-align: center;
+      }
+
+      .open-img {
+        width: 40px;
+        height: 40px;
+        margin-left: 5px;
+        display: block;
+      }
     }
   }
 
+  .update {
+    margin-top: 40px;
+
+    .update-button {
+      background: linear-gradient(90deg, #038EFF, #3342FF);
+      border-radius: 46px;
+      width: 100%;
+      height: 94px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 28px;
+      font-family: PingFang SC;
+      font-weight: bold;
+      color: #FDFDFD;
+
+      .update-img {
+        width: 52px;
+        height: 52px;
+        display: block;
+      }
+    }
+  }
+
+  .tip-img {
+    margin-top: 54px;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+
+    .ps-image {
+      width: 566px;
+      height: 194px;
+    }
+  }
+
+
 }

src/moduleB/pages/comicDetail/index.config.js

@@ -0,0 +1,5 @@
+export default definePageConfig({
+  navigationBarTitleText: '人物动漫化详情',
+  enableShareAppMessage: true,
+  enableShareTimeline: true ,
+})

src/moduleB/pages/comicDetail/index.jsx

@@ -0,0 +1,378 @@
+import { Component } from 'react'
+import { View, Text, Button, Image, ScrollView, Input } from '@tarojs/components'
+import * as api from '../../../service/index'
+import tool from '../../../common/tool'
+import Taro, { getCurrentInstance } from '@tarojs/taro'
+import './index.less'
+
+export default class collection extends Component {
+  $instance = getCurrentInstance()
+  state = {
+    jumpurl: '',//广告id
+    task_id: 0,//任务id
+    repeat: 0,//广告次数
+    current: 0,
+    interval: null,
+    draw_status: 0,
+    draw_infos: [],
+    que_cnt: 0,
+    default_img: '',
+    interval: null,
+    wallet_balance: 0,//用户当前余额
+  }
+
+  componentWillMount () {
+    let routers = this.$instance.router.params
+    this.getCoinTaskAd()
+    api.unlockGcImg({ task_id: routers.task_id }).then(res => {
+      if (res.code == 200) {
+        this.getDrawTaskStatus(routers.task_id)
+      }
+    })
+  }
+  componentDidShow () {
+
+  }
+  //页面销毁之前调用
+  componentWillUnmount () {
+    //避免服务器攻击
+    clearInterval(this.state.interval)
+  }
+  getCoinTaskAd () {
+    api.getCoinTaskAd().then(res => {
+      if (res.code == 200) {
+        this.setState({
+          jumpurl: res.data[0].jumpurl,//广告id
+          task_id: res.data[0].id,//任务id
+          repeat: res.data[0].repeat
+        })
+      }
+    })
+  }
+  //解锁成功
+  unlockGcImg (item, index) {
+    api.unlockGcImg({ task_id: item.task_id }).then(res => {
+      if (res.code == 200) {
+        this.setState({
+          current: index
+        })
+        this.getDrawTaskStatus(item.task_id)
+      }
+    })
+  }
+
+  selectedLabel (item, index) {
+    let that = this
+    console.log(item, 'itemitem');
+    if (item.unlock_status == 0) {
+      Taro.showModal({
+        title: '提示',
+        content: '是否观看广告解锁？',
+        success: function (res) {
+          if (res.confirm) {
+            if (item.status == 4) {
+              that.generatePictures(item, index)
+            }
+            that.playVideo(item, index)
+          } else if (res.cancel) {
+            console.log('用户点击取消')
+          }
+        }
+      })
+    } else {
+      this.setState({
+        current: index
+      })
+    }
+
+  }
+  //观看广告
+  playVideo (item, index) {
+    if (process.env.TARO_ENV == 'tt') {
+      this.playVideoTT(item, index)
+    } else {
+      this.playVideoWeapp(item, index)
+    }
+  }
+  //抖音激励广告
+  playVideoTT (item, index) {
+    let that = this
+    Taro.showLoading({
+      title: '加载中...',
+    })
+    const videoAd = tt.createRewardedVideoAd({ adUnitId: this.state.jumpurl });
+    videoAd.show()
+    videoAd.onError((err) => {
+      Taro.hideLoading()
+      switch (err.errCode) {
+        case 1004:
+          // 无合适的广告
+          break;
+        default:
+        // 更多请参考错误码文档
+      }
+    });
+    // 监听视频播放完成
+    videoAd.onClose((data) => {
+      Taro.hideLoading()
+      if (data.isEnded) {
+        Taro.showToast({
+          title: '解锁成功',
+          icon: 'none',
+          duration: 2000
+        })
+        that.unlockGcImg(item, index)
+        that.getDrawTaskStatus(item.task_id)
+      } else {
+        that.getDrawTaskStatus(item.task_id)
+        Taro.showToast({
+          title: '解锁失败',
+          icon: 'none',
+          duration: 2000
+        })
+      }
+    });
+  }
+  //激励广告
+  playVideoWeapp (item, index) {
+    console.log(item, 'guanggao');
+    // 在页面中定义激励视频广告
+    let adUnitId = this.state.jumpurl
+    // 在页面中定义激励视频广告
+    let videoAd = null
+    let that = this
+    // 在页面onLoad回调事件中创建激励视频广告实例
+    if (wx.createRewardedVideoAd) {
+      videoAd = wx.createRewardedVideoAd({
+        adUnitId: adUnitId
+      })
+      videoAd.onLoad(() => {
+      })
+      videoAd.onError((err) => { })
+      try {
+        if (videoAd.closeHandler) {
+          videoAd.offClose(videoAd.closeHandler);
+          console.log("videoAd.offClose卸载成功");
+        }
+      } catch (e) {
+        console.log("videoAd.offClose 卸载失败");
+        console.error(e);
+      }
+      videoAd.closeHandler = function (res) {
+        Taro.hideLoading()
+        // 用户点击了【关闭广告】按钮
+        if (res && res.isEnded || res === undefined) {
+          // 正常播放结束，可以下发游戏奖励
+          Taro.showToast({
+            title: '解锁成功',
+            icon: 'none',
+            duration: 2000
+          })
+          console.log(item, '关闭');
+          that.unlockGcImg(item, index)
+        } else {
+          console.log(item, '关闭1');
+          //提前关闭小程序
+          that.getDrawTaskStatus(item.task_id)
+          Taro.showToast({
+            title: '解锁失败',
+            icon: 'none',
+            duration: 2000
+          })
+        }
+      };
+      videoAd.onClose(videoAd.closeHandler);
+
+    }
+
+    // 用户触发广告后，显示激励视频广告
+    if (videoAd) {
+      videoAd.show().catch(() => {
+        // 失败重试
+        videoAd.load()
+          .then(() => videoAd.show())
+          .catch(err => {
+            Taro.showToast({
+              title: '暂无广告',
+              icon: 'none',
+              duration: 2000
+            })
+            console.log('激励视频 广告显示失败')
+          })
+      })
+    }
+
+  }
+  //画画
+  generatePictures (item, index) {
+    console.log(item, '画画');
+    api.drawGcImgTask({ task_id: item.task_id }).then(res => {
+      if (res.code == 200) {
+        this.getDrawTaskStatus(item.task_id)
+      }
+    })
+  }
+  getDrawTaskStatus (task_id) {
+    api.getDrawTaskStatusGc({ task_id: task_id }).then(res => {
+      //定时器不要轻易改，避免造成服务器攻击
+      if (res.code == 200) {
+        let draw_infos = res.data.draw_infos
+        // if (res.data.draw_status != 2) {
+        //   let params = {}
+        //   params['img'] = res.data.default_img
+        //   params['id'] = -1
+        //   draw_infos.push(params)
+        // }
+        console.log(draw_infos, 'draw_infos');
+        if (res.data.draw_status != 2 && res.data.que_cnt > 1) {
+          this.state.interval = setInterval(() => {
+            clearInterval(this.state.interval)
+            this.getDrawTaskStatus(task_id)
+          }, 1000 * 10)
+        } else if (res.data.draw_status != 2 && res.data.que_cnt <= 1) {
+          clearInterval(this.state.interval)
+          this.state.interval = setInterval(() => {
+            this.getDrawTaskStatus(task_id)
+          }, 1000 * 5)
+        } else {
+          clearInterval(this.state.interval)
+        }
+        this.setState({
+          draw_status: res.data.draw_status,
+          que_cnt: res.data.que_cnt,
+          draw_infos: draw_infos,
+          wallet_balance: res.data.wallet_balance
+        })
+      }
+    })
+  }
+
+  download () {
+    this.downImg()
+  }
+  // 鉴权操作 判断是否有保存到相册的权限
+  // 有就直接下载 没有就弹窗提示给权限
+  downImg () {
+    Taro.getSetting({
+      success: res => {
+        if (!res.authSetting['scope.writePhotosAlbum']) {
+          Taro.authorize({
+            scope: 'scope.writePhotosAlbum',
+            success: () => {
+              this.doSaveImg()
+            },
+            fail: () => {
+              this.openConfirm()
+            }
+          })
+        } else {
+          this.doSaveImg()
+        }
+      }
+    })
+  }
+  // 生成临时路径 保存图片到手机
+  doSaveImg () {
+    Taro.downloadFile({
+      url: this.state.draw_infos[this.state.current].img,
+      success: res => {
+        Taro.saveImageToPhotosAlbum({
+          filePath: res.tempFilePath,
+          success: () => {
+            Taro.showToast({ title: '已保存到相册', icon: 'success' })
+          },
+          fail: () => {
+            Taro.showToast({ title: '保存失败', icon: 'none' })
+          }
+        })
+      }
+    })
+  }
+  // 权限弹窗
+  openConfirm () {
+    Taro.showModal({
+      content: '检测到您没有打开小程序相册权限，是否取设置打开？',
+      showCancel: true,
+      success: res => {
+        if (res.confirm) {
+          // 打开权限
+          Taro.openSetting({
+            success: res => {
+              this.doSaveImg()
+            }
+          })
+        }
+      }
+    })
+  }
+  toIndex () {
+    Taro.reLaunch({
+      url: `/pages/index/index`
+    })
+  }
+  previewImage () {
+    Taro.previewImage({
+      current: this.state.draw_infos[this.state.current].img, // 当前显示图片的http链接  
+      urls: [`${this.state.draw_infos[this.state.current].img}`] // 需要预览的图片http链接列表  
+    })
+  }
+
+
+  render () {
+    return (
+      <View className='mine'>
+        {
+          this.state.draw_infos.length > 0 &&
+          <View className='banner'>
+            <View className='banner-content'>
+              <Image className='content-img'
+                mode='aspectFit'
+                onClick={e => (this.previewImage())}
+                src={this.state.draw_infos[this.state.current].img}
+              ></Image>
+              {
+                this.state.draw_infos[this.state.current].id == -1 &&
+                <View className='content-wait'>
+                  <View className='wait-date'>预计等待{Math.ceil((this.state.que_cnt - 1) * 0.2 + 1)}分钟...</View>
+                  <View className='wait-middle'>{this.state.draw_status == 0 ? '等待中' : this.state.draw_status == 1 ? '正在绘画...' : '已完成'}</View>
+                  <View className='wait-bottom'>
+                    <View className='wait-num'>当前点券余额：{this.state.wallet_balance}</View>
+                    <View className='wait-get-num' onClick={e => (tool.throttle(this.playVideo()), 2000)}>点击观看广告领取更多点券</View>
+                  </View>
+                </View>
+              }
+
+            </View>
+          </View>
+        }
+        <ScrollView
+          className='recharge'
+          scrollX
+        >
+          {
+            this.state.draw_infos.map((item, index) => (
+              <View className='recharge-info'
+                key={index}
+                onClick={e => (this.selectedLabel(item, index))}>
+                <Image className='recharge-image' mode='aspectFit' src={item.img}></Image>
+                {
+                  item.unlock_status == 0 &&
+                  <View className='lock'>
+                    <View className='lock-content'>
+                      <Image className='lock-img' src='http://video-img.fyshark.com/1681733630830%E8%A7%A3%E9%94%81%402x.png'></Image>
+                      <View className='lock-title'>解锁</View>
+                    </View>
+                  </View>
+                }
+              </View>
+            ))
+          }
+        </ScrollView>
+        <View className='control'>
+          <View className='download' onClick={e => (this.download())}>保存图片</View>
+          <View className='toIndex' onClick={e => (this.toIndex())}>前往探索更多玩法</View>
+        </View>
+      </View>
+    )
+  }
+}

src/moduleB/pages/comicDetail/index.less

@@ -0,0 +1,168 @@
+.mine {
+  padding: 48px 40px;
+  min-height: 100vh;
+  background-color: #041129;
+
+
+  .banner {
+    position: relative;
+    margin-top: 20px;
+    border-radius: 20px;
+
+    .banner-content {
+      position: relative;
+      border-radius: 20px;
+      left: 50%;
+      transform: translateX(-50%);
+      width: 500px;
+      height: 890px;
+    }
+
+    .content-img {
+      background-color: #545353;
+      border-radius: 20px;
+      width: 100%;
+      height: 100%;
+    }
+
+    .content-wait {
+      border-radius: 20px;
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: rgba(0, 0, 0, 0.6);
+
+      .wait-date {
+        margin-top: 12px;
+        margin-left: 16px;
+        font-size: 36px;
+        font-family: PingFang SC;
+        font-weight: bold;
+        color: #FFFFFF;
+      }
+
+      .wait-middle {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        font-size: 40px;
+        font-family: PingFang SC;
+        font-weight: 800;
+        color: #FFFFFF;
+      }
+
+      .wait-bottom {
+        width: 100%;
+        position: absolute;
+        bottom: 40px;
+        left: 0;
+        font-size: 40px;
+        font-family: PingFang SC;
+        font-weight: 500;
+        color: #FFFFFF;
+
+        .wait-num {
+          text-align: center;
+        }
+
+        .wait-get-num {
+          text-align: center;
+          margin-top: 16px;
+          text-decoration: underline
+        }
+      }
+    }
+
+  }
+
+  .recharge {
+    margin-top: 30px;
+    width: 100%;
+    white-space: nowrap;
+
+    .recharge-info {
+      position: relative;
+      border-radius: 10px;
+      margin-right: 20px;
+      display: inline-block;
+
+      .recharge-image {
+        width: 130px;
+        height: 230px;
+        display: block;
+        background-color: #545353;
+        border-radius: 10px;
+      }
+
+      .lock {
+        border-radius: 10px;
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background: rgba(0, 0, 0, 0.6);
+
+
+        .lock-content {
+          position: relative;
+          top: 50%;
+          transform: translateY(-50%);
+
+          .lock-img {
+            position: relative;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 36px;
+            display: block;
+            height: 36px;
+          }
+
+          .lock-title {
+            text-align: center;
+            margin-top: 10px;
+            font-size: 26px;
+            font-family: PingFang SC;
+            font-weight: 500;
+            color: #FFFFFF;
+          }
+        }
+      }
+    }
+
+  }
+
+  .control {
+    width: 100%;
+    margin-top: 100px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    font-size: 28px;
+    font-family: PingFang SC;
+    font-weight: 500;
+    color: #FFFFFF;
+
+    .download {
+      width: 260px;
+      height: 80px;
+      line-height: 80px;
+      text-align: center;
+      background: linear-gradient(90deg, #038EFF, #3342FF);
+      border-radius: 14px;
+    }
+
+    .toIndex {
+      width: 260px;
+      height: 80px;
+      line-height: 80px;
+      text-align: center;
+      background: linear-gradient(90deg, #038EFF, #3342FF);
+      border-radius: 14px;
+    }
+  }
+
+}

src/moduleB/pages/faceChanging/index.jsx

@@ -28,22 +28,43 @@ export default class collection extends Component {
         isModelImage: true,
       })
     }
+
   }
   componentDidShow () {
+    this.getImage()
+  }
+  onShareAppMessage = (res) => {
+    let path = `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`
+    if (process.env.TARO_ENV == 'tt') {
+      path = `/pages/index/index?c=channel_name&s=douyinguazai`
+    }
+    let shareData = {
+      title: tool.shareTitle,
+      path: path,
+      imageUrl: tool.shareImg
+    }
+    return shareData;
+  }
+  getImage () {
     //接收裁剪图片
     let pages = Taro.getCurrentPages();
     let currentPage = pages[pages.length - 1]; // 获取当前页面
+    console.log(currentPage, 'currentPage');
     if (process.env.TARO_ENV == 'weapp') {
       if (currentPage.__data__.consultImg) { // 获取值
         if (this.state.type == 'demol') {
           this.setState({
             consultImg: currentPage.__data__.consultImg,
             isModelImage: true
+          }, () => {
+            currentPage.__data__.consultImg = ''
           })
         } else {
           this.setState({
             consultImgOther: currentPage.__data__.consultImg,
             isUserImage: true
+          }, () => {
+            currentPage.__data__.consultImg = ''
           })
         }
 
@@ -54,11 +75,15 @@ export default class collection extends Component {
           this.setState({
             consultImg: currentPage.data.consultImg,
             isModelImage: true
+          }, () => {
+            currentPage.data.consultImg = ''
           })
         } else {
           this.setState({
             consultImgOther: currentPage.data.consultImg,
             isUserImage: true
+          }, () => {
+            currentPage.data.consultImg = ''
           })
         }
       }
@@ -72,12 +97,13 @@ export default class collection extends Component {
     if (type == 'demol') {
       this.setState({
         isRsoutImage: false,
-        isChangeButton:false
+        isChangeButton: false
       })
     }
     Taro.chooseMedia({
       count: 1, // 默认
       sizeType: ['compressed'], // 可以指定是原图还是压缩图，默认二者都有
+      mediaType:['image'],
       sourceType: ['album', 'camera'],
       success: function (res) {
         console.log(res, 'res');
@@ -112,8 +138,8 @@ export default class collection extends Component {
     Taro.showLoading({
       title: '加载中...',
     })
-    let params = { 
-      image_template: this.state.consultImg, 
+    let params = {
+      image_template: this.state.consultImg,
       image_target: this.state.consultImgOther,
     }
     api.aiFaceMege(params).then(res => {
@@ -123,7 +149,7 @@ export default class collection extends Component {
         this.setState({
           resultImage: `data:image/png;base64,${res.data.imgdata}`,
           isRsoutImage: true,
-          isChangeButton:true
+          isChangeButton: true
         })
       } else {
         Taro.hideLoading()
@@ -166,12 +192,12 @@ export default class collection extends Component {
   }
   onTouchStart () {
     this.setState({
-      isRsoutImage:false
+      isRsoutImage: false
     })
   }
   onTouchEnd () {
     this.setState({
-      isRsoutImage:true
+      isRsoutImage: true
     })
   }
 
@@ -182,6 +208,10 @@ export default class collection extends Component {
           <Image className='demo-img' mode='aspectFit' onClick={e => (this.previewImage())} src={this.state.isRsoutImage ? this.state.resultImage : this.state.consultImg}></Image>
           <View className='update' onClick={e => (this.upLode('demol'))}>
             <Image className='updata-img' src='http://video-img.fyshark.com/1680849432427%E4%B8%8A%E4%BC%A0%E5%9B%BE%E7%89%87.png'></Image>
+            {
+              !this.state.isModelImage &&
+              <View className='from'></View>
+            }
             <View className='updata-title'>上传模板图</View>
           </View>
           {
@@ -197,6 +227,10 @@ export default class collection extends Component {
           <Image className='demo-img' mode='aspectFit' onClick={e => (this.previewUserImage())} src={this.state.consultImgOther}></Image>
           <View className='update' onClick={e => (this.upLode('user'))}>
             <Image className='updata-img' src='http://video-img.fyshark.com/1680849432427%E4%B8%8A%E4%BC%A0%E5%9B%BE%E7%89%87.png'></Image>
+            {
+              !this.state.isUserImage &&
+              <View className='from'></View>
+            }
             <View className='updata-title'>上传人脸图</View>
           </View>
         </View>

src/moduleB/pages/faceChanging/index.less

@@ -15,7 +15,18 @@
       border-top-right-radius: 30px;
       width: 100%;
       background-color: #4a4a4c;
-      min-height: 500px;
+      height: 500px;
+    }
+    .from{
+      border-top-left-radius: 30px;
+      border-top-right-radius: 30px;
+      position: absolute;
+      width: 100%;
+      background-color: #010101;
+      opacity: 0.5;
+      height: 500px;
+      top: 0;
+      left: 0;
     }
 
     .update {

src/moduleB/pages/works/index.config.js

@@ -1,5 +1,5 @@
 export default definePageConfig({
-  navigationBarTitleText: '我的作品',
+  navigationBarTitleText: '绘画作品',
   enableShareAppMessage: true,
   enableShareTimeline: true ,
 })

src/moduleB/pages/works/index.jsx

@@ -116,7 +116,7 @@ export default class Task extends Component {
 
     } else {
         Taro.navigateTo({
-          url: `/moduleA/pages/darwDetail/index?task_id=${item.task_id}&img_id=${item.id}`
+          url: `/moduleA/pages/darwDetailIndex/index?task_id=${item.task_id}&img_id=${item.id}`
         })
       
     }
@@ -209,9 +209,13 @@ export default class Task extends Component {
     })
   }
   onShareAppMessage = (res) => {
+    let path = `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`
+    if (process.env.TARO_ENV == 'tt') {
+      path = `/pages/index/index?c=channel_name&s=douyinguazai`
+    }
     let shareData = {
       title: tool.shareTitle,
-      path: `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`,
+      path: path,
       imageUrl: tool.shareImg
     }
     return shareData;

src/moduleB/pages/like/index.jsx

@@ -124,14 +124,17 @@ export default class Task extends Component {
     })
   }
   onShareAppMessage = (res) => {
+    let path = `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`
+    if (process.env.TARO_ENV == 'tt') {
+      path = `/pages/index/index?c=channel_name&s=douyinguazai`
+    }
     let shareData = {
       title: tool.shareTitle,
-      path: `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`,
+      path: path,
       imageUrl: tool.shareImg
     }
     return shareData;
   }
-
   render () {
     return (
       <View className='mine'>

src/moduleB/pages/poetry/index.config.js

@@ -0,0 +1,5 @@
+export default definePageConfig({
+  navigationBarTitleText: '诗词绘画',
+  enableShareAppMessage: true,
+  enableShareTimeline: true ,
+})

src/moduleB/pages/poetry/index.jsx

@@ -0,0 +1,817 @@
+import { Component } from 'react'
+import { View, Text, Button, Image, Swiper, SwiperItem, scrollView, Input, Textarea } from '@tarojs/components'
+import * as api from '../../../service/index'
+import tool from '../../../common/tool'
+import TaroCanvasDrawer from '../../../component/taro-plugin-canvas';
+import Taro, { getCurrentInstance } from '@tarojs/taro'
+import './index.less'
+
+export default class collection extends Component {
+  $instance = getCurrentInstance()
+  state = {
+    // consultImg: 'https://video-h5.fyshark.com/1680752646217.png',
+    value: '牛渚江头夜色寒，渡口月华如钩弯。孤帆远影千里外，独钓寂寥万重山。',//绘画描述
+    changeValue: '',//转义文本
+    imageList: [
+
+    ],//作品列表
+    tmplIds: [],//订阅列表
+    qrCodeImg: '',
+    img_size: '1:1',
+    // 绘图配置文件
+    config: null,
+    interval: null,//画画轮训
+    intervalText: null,//诗词转义轮训
+    // 绘制的图片
+    shareImage: null,
+    // TaroCanvasDrawer 组件状态
+    canvasStatus: false,
+    isFill: false,//是否画海报
+    current: 0,//当前选择的作品
+    draw_status: 2,//2:已完成
+    lastTime: 0,
+    jumpurl: '',//广告id
+    que_cnt: 0,
+    task_id: 0,
+    repeat: 0,//广告次数
+  }
+
+  componentWillMount () {
+    setTimeout(() => {
+      this.getWxCodeImg()
+    }, 1000)
+
+  }
+  componentDidShow () {
+    this.getWxTemplate()
+    this.getCoinTaskAd()
+  }
+  getCoinTaskAd () {
+    api.getCoinTaskAd().then(res => {
+      if (res.code == 200) {
+        this.setState({
+          jumpurl: res.data[0].jumpurl,//广告id
+          task_id: res.data[0].id,//任务id
+          repeat: res.data[0].repeat
+        })
+      }
+    })
+  }
+  getWxCodeImg () {
+    api.getWxCodeImg({ code_from: 'bill' }).then(res => {
+      this.dataURLtoFile(res.data)
+    })
+  }
+  //base64转本地路径
+  dataURLtoFile (dataurl) {
+    let that = this
+    /// 获取到base64Data
+    var base64Data = dataurl;
+    /// 通过微信小程序自带方法将base64转为二进制去除特殊符号，再转回base64
+    base64Data = Taro.arrayBufferToBase64(Taro.base64ToArrayBuffer(base64Data));
+    /// 拼接请求头，data格式可以为image/png或者image/jpeg等，看需求
+    const base64ImgUrl = "data:image/png;base64," + base64Data;
+
+    const base64ImgData = base64ImgUrl.replace(/^data:image\/\w+;base64,/, '');
+    const buffer = new ArrayBuffer(base64ImgData.length);
+    const view = new Uint8Array(buffer);
+    for (let i = 0; i < base64ImgData.length; i++) {
+      view[i] = base64ImgData.charCodeAt(i);
+    }
+    const fileStream = Taro.base64ToArrayBuffer(base64ImgData);
+    const filePath = Taro.env.USER_DATA_PATH + '/test.png';
+    Taro.getFileSystemManager().writeFile({
+      filePath: filePath,
+      data: fileStream,
+      encoding: 'binary',
+      success: function (res) {
+        console.log('writeFile success:', res, filePath);
+        that.setState({
+          qrCodeImg: filePath
+        }, () => {
+        })
+      },
+      fail: function (res) {
+        console.log('保存失败')
+      }
+    })
+    /// 刷新数据
+    return base64ImgUrl;
+  }
+
+  playVideoAll () {
+    // let lastTime = this.state.lastTime;
+    // let now = new Date().getTime();
+    // if (now - lastTime < 2000) return
+    // this.setState({
+    //   lastTime: now
+    // })
+    let params = {
+      jumpurl: this.state.jumpurl,
+      id: this.state.task_id
+    }
+    if (process.env.TARO_ENV == 'tt') {
+      this.playVideoTT(params)
+    } else {
+      this.playVideo(params)
+    }
+  }
+  //抖音激励广告
+  playVideoTT (item) {
+    const videoAd = tt.createRewardedVideoAd({ adUnitId: item.jumpurl });
+    videoAd.show()
+    videoAd.onError((err) => {
+      switch (err.errCode) {
+        case 1004:
+          // 无合适的广告
+          break;
+        default:
+        // 更多请参考错误码文档
+      }
+    });
+    // 监听视频播放完成
+    videoAd.onClose((data) => {
+      if (data.isEnded) {
+        api.finishTask({ task_id: item.id }).then(res => {
+          if (res.code == 200) {
+            that.getUserInfo()
+            that.getCoinTaskList()
+            Taro.showToast({
+              title: '领取点券成功',
+              icon: 'none',
+              duration: 2000
+            })
+          }
+        })
+      } else {
+        Taro.showToast({
+          title: '领取点券失败',
+          icon: 'none',
+          duration: 2000
+        })
+      }
+    });
+  }
+  //微信激励广告
+  playVideo (item) {
+
+    // 在页面中定义激励视频广告
+    let adUnitId = item.jumpurl
+    // 在页面中定义激励视频广告
+    let videoAd = null
+    let that = this
+    console.log(videoAd, 'videoAd');
+    // 在页面onLoad回调事件中创建激励视频广告实例
+    if (wx.createRewardedVideoAd) {
+      videoAd = wx.createRewardedVideoAd({
+        adUnitId: adUnitId
+      })
+      videoAd.onLoad(() => { })
+      videoAd.onError((err) => { })
+      try {
+        if (videoAd.closeHandler) {
+          videoAd.offClose(videoAd.closeHandler);
+          console.log("videoAd.offClose卸载成功");
+        }
+      } catch (e) {
+        console.log("videoAd.offClose 卸载失败");
+        console.error(e);
+      }
+      videoAd.closeHandler = function (res) {
+        // 用户点击了【关闭广告】按钮
+        if (res && res.isEnded || res === undefined) {
+          // 正常播放结束，可以下发游戏奖励
+          api.finishTask({ task_id: item.id }).then(res => {
+            if (res.code == 200) {
+              that.getUserInfo()
+              that.getCoinTaskList()
+              Taro.showToast({
+                title: '领取点券成功',
+                icon: 'none',
+                duration: 2000
+              })
+            }
+          })
+        } else {
+          //提前关闭小程序
+        }
+      };
+      videoAd.onClose(videoAd.closeHandler);
+
+    }
+
+    // 用户触发广告后，显示激励视频广告
+    if (videoAd) {
+      videoAd.show().catch(() => {
+        // 失败重试
+        videoAd.load()
+          .then(() => videoAd.show())
+          .catch(err => {
+            Taro.showToast({
+              title: '暂无广告',
+              icon: 'none',
+              duration: 2000
+            })
+            console.log('激励视频 广告显示失败')
+          })
+      })
+    }
+
+  }
+  download () {
+    Taro.showLoading({
+      title: '加载中...'
+    })
+    this.downImg()
+  }
+  // 鉴权操作 判断是否有保存到相册的权限
+  // 有就直接下载 没有就弹窗提示给权限
+  downImg () {
+    Taro.getSetting({
+      success: res => {
+        if (!res.authSetting['scope.writePhotosAlbum']) {
+          Taro.authorize({
+            scope: 'scope.writePhotosAlbum',
+            success: () => {
+              this.doSaveImg()
+            },
+            fail: () => {
+              this.openConfirm()
+            }
+          })
+        } else {
+          this.doSaveImg()
+        }
+      }
+    })
+  }
+  // 生成临时路径 保存图片到手机
+  doSaveImg () {
+    Taro.hideLoading();
+    Taro.downloadFile({
+      url: this.state.imageList[this.state.current].img,
+      success: res => {
+        Taro.saveImageToPhotosAlbum({
+          filePath: res.tempFilePath,
+          success: () => {
+            Taro.showToast({ title: '已保存到相册', icon: 'success' })
+          },
+          fail: () => {
+            Taro.showToast({ title: '保存失败', icon: 'none' })
+          }
+        })
+      }
+    })
+  }
+  // 权限弹窗
+  openConfirm () {
+    Taro.hideLoading();
+    Taro.showModal({
+      content: '检测到您没有打开小程序相册权限，是否取设置打开？',
+      showCancel: true,
+      success: res => {
+        if (res.confirm) {
+          // 打开权限
+          Taro.openSetting({
+            success: res => {
+              this.doSaveImg()
+            }
+          })
+        }
+      }
+    })
+  }
+  // 调用绘画 => canvasStatus 置为true、同时设置config
+  canvasDrawFunc () {
+    let sizeList = this.state.img_size.split(":")
+    console.log(sizeList, 375 * sizeList[1] / sizeList[0]);
+    let rssConfig = {
+      width: 345,
+      height: 314 * sizeList[1] / sizeList[0] + 69 + 112,
+      backgroundColor: 'rgba(255,255,255,0.1)',
+      debug: false,
+      pixelRatio: 3,
+      blocks: [
+        {
+          x: 0,
+          y: 0,
+          width: 345,
+          height: 314 * sizeList[1] / sizeList[0] + 69 + 112,
+          paddingLeft: 0,
+          paddingRight: 0,
+          borderWidth: 0,
+          // borderColor: '#ccc',
+          backgroundColor: '#FFFFFF',
+          borderRadius: 0,
+          zIndex: 1,
+        },
+      ],
+
+      images: [
+        {
+          url: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1679561342726.png',
+          width: 154,
+          height: 21,
+          x: 16,
+          y: 19,
+          borderRadius: 12,
+          zIndex: 8,
+        },
+        {
+          url: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1679561346368.png',
+          width: 65,
+          height: 4,
+          x: 261,
+          y: 28,
+          borderRadius: 12,
+          zIndex: 8,
+        },
+        {
+          url: this.state.imageList[this.state.current].img,
+          width: 314,
+          height: 314 * sizeList[1] / sizeList[0],
+          x: 16,
+          y: 69,
+          borderRadius: 12,
+          zIndex: 11,
+        },
+        {
+          url: this.state.qrCodeImg,
+          width: 72,
+          height: 72,
+          x: 258,
+          y: 314 * sizeList[1] / sizeList[0] + 69 + 20,
+          borderRadius: 12,
+          zIndex: 12,
+        },
+      ],
+      texts: [
+        {
+          x: 20,
+          y: 314 * sizeList[1] / sizeList[0] + 69 + 35,
+          text: this.state.value,
+          fontSize: 14,
+          color: '#000',
+          opacity: 1,
+          fontFamily: 'PingFang SC',
+          baseLine: 'middle',
+          lineHeight: 22,
+          lineNum: 3,
+          textAlign: 'left',
+          width: 200,
+          zIndex: 999,
+        },
+      ]
+    }
+    console.log('回执');
+    this.setState({
+      config: rssConfig,
+    }, () => {
+      this.setState({
+        isFill: true
+      })
+    })
+    Taro.showLoading({
+      title: '加载中...'
+    })
+  }
+
+  // 绘制成功回调函数 （必须实现）=> 接收绘制结果、重置 TaroCanvasDrawer 状态
+  onCreateSuccess = (result) => {
+    console.log('成功', result);
+    const { tempFilePath, errMsg } = result;
+    Taro.hideLoading();
+
+    if (errMsg === 'canvasToTempFilePath:ok') {
+      this.setState({
+        shareImage: tempFilePath,
+        // 重置 TaroCanvasDrawer 状态，方便下一次调用
+        isFill: false,
+        config: {}
+      }, () => {
+        Taro.showShareImageMenu({
+          path: tempFilePath
+        })
+      })
+      //画图成功之后打开分享
+      //  Taro.downloadFile({
+      //   url: tempFilePath,
+      //   success: (res) => {
+      //     console.log('打开分享');
+      //     Taro.showShareImageMenu({
+      //       path: res.tempFilePath
+      //     })
+      //   }
+      // })
+    } else {
+      // 重置 TaroCanvasDrawer 状态，方便下一次调用
+      this.setState({
+        isFill: false,
+        config: {}
+      })
+      Taro.showToast({ icon: 'none', title: errMsg || '出现错误' });
+      console.log(errMsg);
+    }
+    // 预览
+    // Taro.previewImage({
+    //   current: tempFilePath,
+    //   urls: [tempFilePath]
+    // })
+  }
+
+  // 绘制失败回调函数 （必须实现）=> 接收绘制错误信息、重置 TaroCanvasDrawer 状态
+  onCreateFail = (error) => {
+    console.log('失败');
+    Taro.hideLoading();
+    // 重置 TaroCanvasDrawer 状态，方便下一次调用
+    this.setState({
+      isFill: false,
+      config: {}
+    })
+    console.log(error);
+  }
+  openFill () {
+    this.canvasDrawFunc()
+  }
+
+  getRadomPrompt () {
+    api.getRadomPoetry().then(res => {
+      if (res.code == 200) {
+        this.setState({
+          value: res.data.prompt,
+        })
+        document.getElementById('textarea-num').innerHTML = res.data.prompt.length + "/1000";
+      }
+    })
+  }
+  deleteDrawText () {
+    setTimeout(() => {
+      this.setState({
+        value: ''
+      })
+      document.getElementById('textarea-num').innerHTML = 0 + "/1000";
+    }, 200)
+  }
+  onInput (e) {
+    var num = e.detail.cursor;
+    document.getElementById('textarea-num').innerHTML = num + "/1000";
+  }
+  onChangeInput (e) {
+    // var num = e.detail.cursor;
+    // document.getElementById('textarea-change-num').innerHTML = num + "/1000";
+  }
+  onBlur (e) {
+    console.log('onBlur');
+    this.setState({
+      value: e.detail.value
+    })
+  }
+  onChangeBlur (e) {
+    this.setState({
+      changeValue: e.detail.value
+    })
+  }
+  selectModel (item, index) {
+    this.setState({
+      current: index
+    })
+  }
+  getWxTemplate () {
+    api.getWxTemplate().then(res => {
+      let tmplIds = []
+      res.data.forEach(item => {
+        tmplIds.push(item.template_id)
+      })
+      this.setState({
+        tmplIds: tmplIds
+      })
+    })
+  }
+  //订阅
+  subscribe (task_id) {
+    let that = this
+    console.log('订阅', this.state.tmplIds);
+    Taro.requestSubscribeMessage({
+      tmplIds: this.state.tmplIds,
+      success: function (item) {
+        console.log('订阅成功');
+        if (item.errMsg === 'requestSubscribeMessage:ok') {
+          let keys = Object.keys(item);
+          let tempids = [];
+
+          keys.forEach(element => {
+            if (item[element] == "accept") {
+              tempids.push(element)
+            }
+          });
+          console.log(tempids, 'tempidstempids');
+          let pramas = {
+            task_id: task_id,
+            template_ids: tempids
+          }
+          api.subscribeTemplate(pramas)
+        }
+        Taro.showToast({
+          title: '已订阅',
+          icon: 'none',
+          duration: 2000
+        })
+      },
+
+      complete: function (res) {
+      },
+
+      fail: function (res) {
+      }
+
+    })
+  }
+  aiPoetryDraw () {
+    console.log('画画');
+    Taro.showLoading({
+      title: '加载中...'
+    })
+
+    if (this.state.draw_status != 2) {
+      Taro.hideLoading()
+      Taro.showToast({
+        title: `正在绘画中请稍后...`,
+        icon: 'none',
+      });
+      return
+    }
+    let that = this
+    setTimeout(() => {
+      console.log('画画2');
+      this.setState({
+        draw_status: 0
+      }, () => {
+        api.aiPoetryDraw({ prompt: this.state.value }).then(res => {
+          if (res.code == 200) {
+            if (process.env.TARO_ENV == 'weapp') {
+              this.subscribe(res.data.task_id)
+            }
+            this.getDrawTaskStatus(res.data.task_id)
+            this.getDrawPromptText(res.data.task_id)
+          } else {
+            Taro.hideLoading()
+            if (res.code == 4001) {
+              that.setState({
+                draw_status: 2
+              })
+              Taro.showModal({
+                title: '您的余额不足',
+                content: '是否前往获取点券？',
+                success: function (res) {
+                  if (res.confirm) {
+                    Taro.navigateTo({
+                      url: `/moduleA/pages/earnPoints/index`
+                    })
+                  } else if (res.cancel) {
+
+                    console.log('用户点击取消')
+                  }
+                },
+              })
+            } if (res.code == 4002) {
+              that.setState({
+                draw_status: 2
+              })
+              Taro.showModal({
+                title: '提示',
+                content: res.msg,
+                success: function (item) {
+                  if (item.confirm) {
+                    if (process.env.TARO_ENV != 'weapp') {
+                      that.playVideoTT(res.data)
+                    } else {
+                      that.playVideo(res.data)
+                    }
+                  } else if (item.cancel) {
+                    console.log('用户点击取消')
+                  }
+                }
+              })
+
+            } else {
+              Taro.showToast({ icon: 'none', title: res.msg })
+            }
+          }
+
+        })
+      })
+
+    }, 1000)
+  }
+  getDrawPromptText (task_id) {
+    console.log('1111');
+    api.getDrawPromptText({ task_id: task_id }).then(res => {
+      if (res.code == 200) {
+        if (res.data.status == 3) {
+          this.state.intervalText = setInterval(() => {
+            clearInterval(this.state.intervalText)
+            this.getDrawPromptText(task_id)
+          }, 500 * 1)
+          this.setState({
+            changeValue: res.data.prompt,
+          })
+          // document.getElementById('textarea-change-num').innerHTML = res.data.prompt.length + "/1000";
+        } else {
+          this.setState({
+            changeValue: res.data.prompt,
+          })
+          // document.getElementById('textarea-change-num').innerHTML = res.data.prompt.length + "/1000";
+          clearInterval(this.state.intervalText)
+        }
+      }
+    })
+  }
+  getDrawTaskStatus (task_id) {
+    api.getDrawTaskStatus({ task_id: task_id }).then(res => {
+      Taro.hideLoading();
+      //定时器不要轻易改，避免造成服务器攻击
+      if (res.code == 200) {
+        let draw_infos = res.data.draw_infos
+        if (res.data.draw_status != 2) {
+          let params = {}
+          params['img'] = res.data.default_img
+          params['id'] = -1
+          draw_infos.push(params)
+        }
+        if (res.data.draw_status != 2 && res.data.que_cnt > 1) {
+          this.state.interval = setInterval(() => {
+            clearInterval(this.state.interval)
+            this.getDrawTaskStatus(task_id)
+          }, 1000 * 30)
+        } else if (res.data.draw_status != 2 && res.data.que_cnt <= 1) {
+          clearInterval(this.state.interval)
+          this.state.interval = setInterval(() => {
+            this.getDrawTaskStatus(task_id)
+          }, 1000 * 5)
+        } else {
+          clearInterval(this.state.interval)
+        }
+        this.setState({
+          imageList: draw_infos,
+          draw_status: res.data.draw_status,
+          que_cnt: res.data.que_cnt,
+          img_size: res.data.draw_data.img_size
+        })
+
+      }
+    })
+  }
+  onShareAppMessage = (res) => {
+    let path = `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`
+    if (process.env.TARO_ENV == 'tt') {
+      path = `/pages/index/index?c=channel_name&s=douyinguazai`
+    }
+    let shareData = {
+      title: tool.shareTitle,
+      path: path,
+      imageUrl: tool.shareImg
+    }
+    return shareData;
+  }
+  changeCurrent (e) {
+    this.setState({
+      current: e.detail.current
+    })
+    console.log(e, 'eeee');
+  }
+  selectModel (item, index) {
+    this.setState({
+      current: index
+    })
+  }
+
+  componentWillUnmount () {
+    //避免服务器攻击
+    clearInterval(this.state.interval)
+    clearInterval(this.state.intervalText)
+  }
+  render () {
+    return (
+      <View className='mine'>
+        <View className='draw-content'>
+          <View className='draw-title'>绘画描述</View>
+          <View className='draw-text'>
+            <View className='draw-content-func'>
+              <View className='recommend'>
+                <View className='recommend-text' onClick={e => (this.getRadomPrompt())}>使用推荐诗词</View>
+                <Image className='recommend-img' src='http://video-img.fyshark.com/1681193671211redo%402x.png'></Image>
+              </View>
+              <View className='delete-draw-text' onClick={e => (this.deleteDrawText())}>清空</View>
+            </View>
+            <Textarea
+              value={this.state.value}
+              className='draw-taxtarea'
+              placeholder='| 请输入相关描述，也可以输入关键词～'
+              showCount
+              onInput={e => (this.onInput(e))}
+              onBlur={e => (this.onBlur(e))}
+              maxlength='1000' />
+            <View className='textarea-num' id='textarea-num'>{this.state.value.length}/1000</View>
+            <View className='generate'>
+              <View className='generate-button' onClick={e => (this.aiPoetryDraw())}>生成图片（消耗8点券）</View>
+            </View>
+          </View>
+          {
+            this.state.imageList.length > 0 &&
+            <View>
+              <View className='draw-title'>作品展示</View>
+              <View className='result-content'>
+                <View className='draw-text'>
+                  <Textarea
+                    value={this.state.changeValue}
+                    className='draw-taxtarea'
+                    placeholder='诗词解读中...'
+                    showCount
+                    disabled
+                    onInput={e => (this.onChangeInput(e))}
+                    onBlur={e => (this.onChangeBlur(e))}
+                    maxlength='1000' />
+                  {/* <View className='textarea-change-num' id='textarea-change-num'>{this.state.changeValue.length}/1000</View> */}
+                </View>
+                <View className='banner-content'>
+                  <Swiper
+                    className='banner'
+                    indicatorColor='#121D34'
+                    indicatorActiveColor='#0F84EC'
+                    circular
+                    current={this.state.current}
+                    adjustHeight='first'
+                    onChange={e => (this.changeCurrent(e))}
+                  >
+                    {
+                      this.state.imageList.map((item, index) => (
+                        <SwiperItem key={index}>
+                          <View className='banner-info'>
+                            <Image className='banner-image' mode='aspectFit' src={item.img} onClick={e => (this.previewImage(item, index))}></Image>
+                          </View>
+                          {
+                            this.state.draw_status != 2 && item.id == -1 &&
+                            <View className='banner-tips'>
+                              <View className='tips-left'>
+                                预计等待{Math.ceil((this.state.que_cnt - 1) * 0.2 + 1)}分钟...
+                              </View>
+                              {
+                                this.state.repeat <= 10 && this.state.jumpurl.length > 0 &&
+                                <View className='tips-right' onClick={e => (tool.throttle(this.playVideoAll(), 2000))}>
+                                  点击观看广告领取积分
+                                </View>
+                              }
+                            </View>
+                          }
+                        </SwiperItem>
+                      ))
+                    }
+                  </Swiper>
+                  <View className='banner-indicatorDots'>
+                    {
+                      this.state.imageList.map((item, index) => (
+                        <View className='indicatorDots-info'
+                          key={index}
+                          style={this.state.current == index ? ' border: 2px solid #0F84EC;' : 'border: 2px solid rgba(2, 2, 2, 0.75);'}
+                          onClick={e => (this.selectModel(item, index))}
+                        >
+                          <Image className='indicatorDots-img' src={item.img}></Image>
+                        </View>
+                      ))
+                    }
+                  </View>
+                </View>
+                {
+                  this.state.draw_status == 2 &&
+                  < View className='func'>
+                    <View className='func-list'>
+                      {
+                        this.state.qrCodeImg.length > 0 && process.env.TARO_ENV != 'tt' &&
+                        <View className='func-info' onClick={e => (this.openFill())}>
+                          <Image className='func-image' src='https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1678952396973.png'></Image>
+                          <View>分享</View>
+                        </View>
+                      }
+                      <View className='func-info' onClick={e => (this.download())}>
+                        <Image className='func-image' src='https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1678952411029.png'></Image>
+                        <View>下载</View>
+                      </View>
+                    </View>
+                  </View>
+                }
+              </View>
+            </View>
+          }
+        </View>
+        {
+          this.state.isFill &&
+          <TaroCanvasDrawer
+            config={this.state.config} // 绘制配置
+            onCreateSuccess={e => (this.onCreateSuccess(e))} // 绘制成功回调
+            onCreateFail={e => (this.onCreateFail(e))} // 绘制失败回调
+          />
+        }
+      </View >
+    )
+  }
+}

src/moduleB/pages/poetry/index.less

@@ -0,0 +1,218 @@
+.mine {
+  min-height: 100vh;
+  background-color: #041129;
+
+  .draw-content {
+    padding: 48px 30px;
+
+    .draw-title {
+      margin-top: 48px;
+      font-family: PingFangSC-Regular;
+      font-size: 28px;
+      color: #FFFFFF;
+    }
+
+
+    .draw-text {
+      margin-top: 30px;
+      position: relative;
+
+      .draw-content-func {
+        display: flex;
+        position: absolute;
+        right: 0;
+        top: -84px;
+      }
+
+      .delete-draw-text {
+        padding: 0 20px;
+        height: 64px;
+        line-height: 64px;
+        font-family: PingFangSC-Regular;
+        font-size: 24px;
+        letter-spacing: 0;
+        text-align: center;
+        background-color: rgba(255, 255, 255, .05);
+        color: rgba(255, 255, 255, .5);
+      }
+
+      .recommend {
+        margin-right: 20px;
+        width: 222px;
+        height: 64px;
+        display: flex;
+        align-items: center;
+        border-radius: 16px;
+        justify-content: center;
+        background-color: rgba(255, 255, 255, .05);
+        color: rgba(255, 255, 255, .5);
+
+        .recommend-img {
+          margin-left: 10px;
+          width: 32px;
+          height: 32px;
+          display: block;
+        }
+
+        .recommend-text {
+          font-family: PingFangSC-Regular;
+          font-size: 24px;
+          letter-spacing: 0;
+          text-align: center;
+        }
+      }
+
+      .draw-taxtarea {
+        width: 642px;
+        background-color: rgba(255, 255, 255, .05);
+        font-size: 28px;
+        color: rgba(255, 255, 255, .5);
+        height: 150px;
+        padding: 24rpx 24rpx 44rpx 24rpx;
+      }
+
+      .textarea-num {
+        margin-top: -50px;
+        margin-right: 20px;
+        text-align: end;
+        color: rgba(255, 255, 255, .5);
+      }
+
+      .generate {
+        margin-top: 40px;
+        display: flex;
+        justify-content: flex-end;
+      }
+
+      .generate-button {
+        padding: 20px 40px;
+        border-radius: 96px;
+        text-align: center;
+        position: relative;
+        right: 0;
+        z-index: 100;
+        background-image: linear-gradient(-49deg, #5D81FF 0%, #0F84EC 100%);
+        font-family: PingFangSC-Regular;
+        font-size: 28px;
+        color: #FFFFFF;
+      }
+    }
+
+
+  }
+
+  .result-content {
+    // margin-top: 40px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+
+    .content-info {
+      width: 330px;
+      margin-bottom: 20px;
+      -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+      box-sizing: border-box;
+
+      .info-img {
+        width: 100%;
+        display: block;
+      }
+    }
+  }
+
+  .func {
+    width: 100%;
+    margin-top: 76px;
+
+    .func-list {
+      padding: 0 30px;
+      display: flex;
+      justify-content: space-evenly;
+    }
+
+    .func-info {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 218px;
+      height: 80px;
+      border-radius: 8px;
+      border: 2px solid rgba(16, 133, 237, 1);
+      font-family: PingFangSC-Regular;
+      font-size: 32px;
+      color: #38ADF4;
+      letter-spacing: 0;
+      text-align: center;
+
+      .func-image {
+        margin-right: 22px;
+        width: 48px;
+        height: 48px;
+      }
+    }
+  }
+
+  .banner-content {
+    margin-top: 40px;
+    width: 100%;
+    position: relative;
+  }
+
+  .banner {
+    width: 100%;
+    min-height: 420px;
+    position: relative;
+
+    .banner-tips {
+      font-family: PingFangSC-Regular;
+      font-size: 32px;
+      color: rgba(255, 255, 255, .75);
+
+      .tips-left {
+        position: absolute;
+        top: 50px;
+        left: 10px;
+      }
+
+      .tips-right {
+        position: absolute;
+        top: 50px;
+        right: 10px;
+        text-decoration: underline
+      }
+    }
+
+    .banner-info {
+      background-color: #535353;
+      
+      width: 100%;
+      height: 390px;
+      .banner-image {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+
+  .banner-indicatorDots {
+    margin-top: 10px;
+    display: flex;
+    justify-content: center;
+
+    .indicatorDots-info {
+      -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+      box-sizing: border-box;
+      margin-left: 10px;
+      width: 100px;
+      height: 57px;
+
+      .indicatorDots-img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+
+}

src/moduleB/pages/point/index.jsx

@@ -14,9 +14,13 @@ export default class Task extends Component {
   }
  
   onShareAppMessage = (res) => {
+    let path = `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`
+    if (process.env.TARO_ENV == 'tt') {
+      path = `/pages/index/index?c=channel_name&s=douyinguazai`
+    }
     let shareData = {
       title: tool.shareTitle,
-      path: `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`,
+      path: path,
       imageUrl: tool.shareImg
     }
     return shareData;

src/moduleB/pages/real/index.jsx

@@ -61,9 +61,13 @@ export default class Task extends Component {
     })
   }
   onShareAppMessage = (res) => {
+    let path = `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`
+    if (process.env.TARO_ENV == 'tt') {
+      path = `/pages/index/index?c=channel_name&s=douyinguazai`
+    }
     let shareData = {
       title: tool.shareTitle,
-      path: `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`,
+      path: path,
       imageUrl: tool.shareImg
     }
     return shareData;

src/moduleB/pages/realDetail/index.jsx

@@ -29,9 +29,13 @@ export default class Task extends Component {
   }
 
   onShareAppMessage = (res) => {
+    let path = `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`
+    if (process.env.TARO_ENV == 'tt') {
+      path = `/pages/index/index?c=channel_name&s=douyinguazai`
+    }
     let shareData = {
       title: tool.shareTitle,
-      path: `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`,
+      path: path,
       imageUrl: tool.shareImg
     }
     return shareData;

src/pages/activity/index.jsx

@@ -53,9 +53,13 @@ export default class collection extends Component {
     })
   }
   onShareAppMessage = (res) => {
+    let path = `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`
+    if (process.env.TARO_ENV == 'tt') {
+      path = `/pages/index/index?c=channel_name&s=douyinguazai`
+    }
     let shareData = {
       title: tool.shareTitle,
-      path: `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`,
+      path: path,
       imageUrl: tool.shareImg
     }
     return shareData;

src/pages/collection/index.jsx

@@ -17,10 +17,10 @@ export default class collection extends Component {
   }
 
   componentWillMount () {
-    // this.setInit(1, 'hot')
+    this.setInit(1, 'hot')
   }
   componentDidShow(){
-    this.setInit(1, 'hot')
+    // this.setInit(1, 'hot')
   }
   setInit (page, type) {
     this.setState({

src/pages/index/index.jsx

@@ -1,5 +1,5 @@
 import { Component } from 'react'
-import { View, Text, Button, Image, ScrollView, Input, Textarea, Slider, Block } from '@tarojs/components'
+import { View, Text, Button, Image, Swiper, SwiperItem, ScrollView, Input, Textarea, Slider, Block } from '@tarojs/components'
 import Taro, { getCurrentInstance } from '@tarojs/taro'
 import tool from '../../common/tool'
 import { AtFloatLayout } from 'taro-ui'
@@ -14,6 +14,8 @@ export default class Mine extends Component {
     models: [],//模板
     imgSize: [],//图片尺寸
     sampling: [],//采样方式
+    draw_infos: [
+    ],//banner
     samplingIndex: 0,//当前选择的采样方式
     loraIndex: 0,//当前选择的风格
     sizeIndex: 0,//当前选择的尺寸
@@ -29,19 +31,20 @@ export default class Mine extends Component {
     tagsIndex: 0,//当前选择的主标签
     isTags: false,//是否打开标签弹窗
     consultImg: '',//参考图
+    lastTime: 0
   }
 
   componentDidShow () {
     //接收裁剪图片
     let pages = Taro.getCurrentPages();
     let currentPage = pages[pages.length - 1]; // 获取当前页面
-    console.log(currentPage, 'currentPage');
     if (process.env.TARO_ENV == 'weapp') {
       if (currentPage.__data__.consultImg) { // 获取值
         this.setState({
           consultImg: currentPage.__data__.consultImg,
           sizeIndex: currentPage.__data__.sizeIndex
         })
+        currentPage.__data__.consultImg = ''
       }
     } else if (process.env.TARO_ENV == 'tt') {
       if (currentPage.data.consultImg) { // 获取值
@@ -49,6 +52,7 @@ export default class Mine extends Component {
           consultImg: currentPage.data.consultImg,
           sizeIndex: currentPage.data.sizeIndex
         })
+        currentPage.data.consultImg = ''
       }
     }
     this.getDrawIndex()
@@ -77,9 +81,13 @@ export default class Mine extends Component {
   }
 
   onShareAppMessage = (res) => {
+    let path = `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`
+    if (process.env.TARO_ENV == 'tt') {
+      path = `/pages/index/index?c=channel_name&s=douyinguazai`
+    }
     let shareData = {
       title: tool.shareTitle,
-      path: `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`,
+      path: path,
       imageUrl: tool.shareImg
     }
     return shareData;
@@ -94,7 +102,8 @@ export default class Mine extends Component {
         this.setState({
           models: res.data.models,
           imgSize: res.data.img_size,
-          sampling: res.data.Sampler
+          sampling: res.data.Sampler,
+          draw_infos: res.data.banner_info
         }, () => {
           let routers = this.$instance.router.params
           console.log(routers, 'rou');
@@ -171,6 +180,7 @@ export default class Mine extends Component {
       this.setState({
         value: ''
       })
+      document.getElementById('textarea-num').innerHTML = 0 + "/1000";
     }, 200)
   }
   deleteNegativeValue () {
@@ -178,6 +188,7 @@ export default class Mine extends Component {
       this.setState({
         negativeValue: ''
       })
+      document.getElementById('negative_prompt').innerHTML = 0 + "/1000";
     }, 200)
   }
   onInput (e) {
@@ -300,6 +311,7 @@ export default class Mine extends Component {
   }
   //生成图片
   generatePictures () {
+    let that = this
     Taro.showLoading({
       title: '加载中',
     })
@@ -335,9 +347,10 @@ export default class Mine extends Component {
           this.subscribe(res.data.task_id)
         }
         Taro.navigateTo({
-          url: `/moduleA/pages/darwDetail/index?task_id=${res.data.task_id}`
+          url: `/moduleA/pages/darwDetailIndex/index?task_id=${res.data.task_id}`
         })
       } else {
+        console.log('11111111111');
         Taro.hideLoading()
         if (res.code == 4001) {
           Taro.showModal({
@@ -353,6 +366,23 @@ export default class Mine extends Component {
               }
             }
           })
+        } if (res.code == 4002) {
+          Taro.showModal({
+            title: '提示',
+            content: res.msg,
+            success: function (item) {
+              if (item.confirm) {
+                if (process.env.TARO_ENV != 'weapp') {
+                  that.playVideoTT(res.data)
+                } else {
+                  that.playVideo(res.data)
+                }
+              } else if (item.cancel) {
+                console.log('用户点击取消')
+              }
+            }
+          })
+
         } else {
           Taro.showToast({ icon: 'none', title: res.msg })
         }
@@ -360,6 +390,126 @@ export default class Mine extends Component {
     })
     // }, 1000)
   }
+  //抖音激励广告
+  playVideoTT (item) {
+    let lastTime = this.state.lastTime;
+    let now = new Date().getTime();
+    if (now - lastTime < 2000) return
+    console.log(item, 'itehndodjd');
+    this.setState({
+      lastTime: now
+    })
+    Taro.showLoading({
+      title: '加载中...'
+    })
+    const videoAd = tt.createRewardedVideoAd({ adUnitId: item.jumpurl });
+    videoAd.show()
+    videoAd.onError((err) => {
+      Taro.hideLoading();
+      switch (err.errCode) {
+        case 1004:
+          // 无合适的广告
+          break;
+        default:
+        // 更多请参考错误码文档
+      }
+    });
+    // 监听视频播放完成
+    videoAd.onClose((data) => {
+      Taro.hideLoading();
+      if (data.isEnded) {
+        api.finishTask({ task_id: item.id }).then(res => {
+          if (res.code == 200) {
+            that.getUserInfo()
+            that.getCoinTaskList()
+            Taro.showToast({
+              title: '领取点券成功',
+              icon: 'none',
+              duration: 2000
+            })
+          }
+        })
+      } else {
+        Taro.showToast({
+          title: '领取点券失败',
+          icon: 'none',
+          duration: 2000
+        })
+      }
+    });
+  }
+  //微信激励广告
+  playVideo (item) {
+    let lastTime = this.state.lastTime;
+    let now = new Date().getTime();
+    if (now - lastTime < 2000) return
+    console.log(item, 'itehndodjd');
+    this.setState({
+      lastTime: now
+    })
+    // 在页面中定义激励视频广告
+    let adUnitId = item.jumpurl
+    // 在页面中定义激励视频广告
+    let videoAd = null
+    let that = this
+    console.log(videoAd, 'videoAd');
+    // 在页面onLoad回调事件中创建激励视频广告实例
+    if (wx.createRewardedVideoAd) {
+      videoAd = wx.createRewardedVideoAd({
+        adUnitId: adUnitId
+      })
+      videoAd.onLoad(() => { })
+      videoAd.onError((err) => { })
+      try {
+        if (videoAd.closeHandler) {
+          videoAd.offClose(videoAd.closeHandler);
+          console.log("videoAd.offClose卸载成功");
+        }
+      } catch (e) {
+        console.log("videoAd.offClose 卸载失败");
+        console.error(e);
+      }
+      videoAd.closeHandler = function (res) {
+        // 用户点击了【关闭广告】按钮
+        if (res && res.isEnded || res === undefined) {
+          // 正常播放结束，可以下发游戏奖励
+          api.finishTask({ task_id: item.id }).then(res => {
+            if (res.code == 200) {
+              that.getUserInfo()
+              that.getCoinTaskList()
+              Taro.showToast({
+                title: '领取点券成功',
+                icon: 'none',
+                duration: 2000
+              })
+            }
+          })
+        } else {
+          //提前关闭小程序
+        }
+      };
+      videoAd.onClose(videoAd.closeHandler);
+
+    }
+
+    // 用户触发广告后，显示激励视频广告
+    if (videoAd) {
+      videoAd.show().catch(() => {
+        // 失败重试
+        videoAd.load()
+          .then(() => videoAd.show())
+          .catch(err => {
+            Taro.showToast({
+              title: '暂无广告',
+              icon: 'none',
+              duration: 2000
+            })
+            console.log('激励视频 广告显示失败')
+          })
+      })
+    }
+
+  }
   toChat (e) {
   }
   //选择标签
@@ -417,6 +567,7 @@ export default class Mine extends Component {
     Taro.chooseMedia({
       count: 1, // 默认9
       sizeType: ['compressed'], // 可以指定是原图还是压缩图，默认二者都有
+      mediaType:['image'],
       sourceType: ['album', 'camera'],
       success: function (res) {
         console.log(res, 'res');
@@ -437,18 +588,38 @@ export default class Mine extends Component {
       consultImg: ''
     })
   }
-  toRealDetail () {
+  toRealDetail (item, index) {
     Taro.navigateTo({
-      url: `/moduleB/pages/realDetail/index?task_id=${23}`
+      url: item.jpath
     })
   }
 
   render () {
     return (
       <View className='mine'>
-        <View className='banner'>
-          <Image className='banner-image' onClick={e => (this.toRealDetail())} mode='aspectFit' src='http://video-img.fyshark.com/1680600043693banner-02.png'></Image>
-        </View>
+        {
+          this.state.draw_infos.length > 0 &&
+          <Swiper
+            className='banner'
+            indicatorColor='#121D34'
+            indicatorActiveColor='#0F84EC'
+            circular
+            autoplay
+            interval='3000'
+            adjustHeight='first'
+            indicatorDots
+          >
+            {
+              this.state.draw_infos.map((item, index) => (
+                <SwiperItem key={index}>
+                  <View className='banner-info'>
+                    <Image className='banner-image' src={item.img} onClick={e => (this.toRealDetail(item, index))}></Image>
+                  </View>
+                </SwiperItem>
+              ))
+            }
+          </Swiper>
+        }
         <View className='draw-content'>
           <View className='draw-title'>绘画描述</View>
           <View className='draw-text'>

src/pages/index/index.less

@@ -2,8 +2,14 @@
   min-height: 100vh;
   background-color: #041129;
 .banner{
-  .banner-image{
+  height: 362px;
+  .banner-info{
     width: 100%;
+    height: 100%;
+    .banner-image{
+      width: 100%;
+      height: 100%;
+    }
   }
 }
   .draw-content {
@@ -435,7 +441,6 @@
       }
       .delete{
         position: absolute;
-        position: absolute;
         right: -20px;
         top: -20px;
         width: 40px;

src/pages/mine/index.jsx

@@ -13,12 +13,17 @@ export default class Mine extends Component {
   }
 
   componentDidShow () {
+    console.log('111');
     this.getUserInfo()
   }
   onShareAppMessage = (res) => {
+    let path = `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`
+    if (process.env.TARO_ENV == 'tt') {
+      path = `/pages/index/index?c=channel_name&s=douyinguazai`
+    }
     let shareData = {
       title: tool.shareTitle,
-      path: `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`,
+      path: path,
       imageUrl: tool.shareImg
     }
     return shareData;
@@ -47,7 +52,7 @@ export default class Mine extends Component {
     switch (index) {
       case 0:
         Taro.navigateTo({
-          url: `/moduleB/pages/works/index`
+          url: `/moduleB/pages/imageWorks/index`
         })
         break;
       case 1:
@@ -102,7 +107,7 @@ export default class Mine extends Component {
         <View className='work-list'>
           <View className='work-info' onClick={e => (this.toDetail(0))}>
             <Image className='work-img' src='http://video-img.fyshark.com/1680506115183icon-%E6%88%91%E7%9A%84%E4%BD%9C%E5%93%81.png'></Image>
-            <View className='work-title'>我的作品</View>
+            <View className='work-title'>绘画作品</View>
           </View>
           <View className='work-info' onClick={e => (this.toDetail(1))}>
             <Image className='work-img' src='http://video-img.fyshark.com/1680506124768icon-%E9%82%80%E8%AF%B7%E5%A5%BD%E5%8F%8B.png'></Image>

src/service/index.js

@@ -107,13 +107,20 @@ export const getShopList = data =>
     method: 'POST',
     data,
   });
-//获取商品列表
+//创建微信订单
 export const createOrder = data =>
   Request({
     url: '/api/wx_create_order',
     method: 'POST',
     data,
   });
+//创建抖音订单
+export const ttCreateOrder = data =>
+  Request({
+    url: '/api/pay/tt_create_order',
+    method: 'POST',
+    data,
+  });
 //删除作品
 export const userDelImg = data =>
   Request({
@@ -207,6 +214,56 @@ export const aiFaceMege = data =>
     method: 'POST',
     data,
   });
+//诗文成画
+export const aiPoetryDraw = data =>
+  Request({
+    url: '/api/ai_poetry_draw',
+    method: 'POST',
+    data,
+  });
+//诗文推荐词
+export const getRadomPoetry = data =>
+  Request({
+    url: '/api/get_radom_poetry',
+    method: 'POST',
+    data,
+  });
+//诗文推荐词转义
+export const getDrawPromptText = data =>
+  Request({
+    url: '/api/get_draw_prompt_text',
+    method: 'POST',
+    data,
+  });
+//人物动漫化
+export const getDrawGcImgIndex = data =>
+  Request({
+    url: '/api/get_draw_gc_img_index',
+    method: 'POST',
+    data,
+  });
+//人物动漫化详情
+export const getDrawTaskStatusGc = data =>
+  Request({
+    url: '/api/get_draw_task_status_gc',
+    method: 'POST',
+    data,
+  });
+  //人物动漫化解锁
+export const unlockGcImg = data =>
+Request({
+  url: '/api/unlock_gc_img',
+  method: 'POST',
+  data,
+});
+  //人物动漫化解锁
+  export const drawGcImgTask = data =>
+  Request({
+    url: '/api/draw_gc_img_task',
+    method: 'POST',
+    data,
+  });
+