xiaoe_mp_npm 0.1.2 → 0.1.5

package/src/AliveInvite/LiveRoomVertical/components/invite-poster/invite-poster.js

@@ -1,227 +1,227 @@
-// associate/alive_pusher/components/invite-poster2/invite-poster2.js
-// import { Current } from "@tarojs/taro";
-// let app = Current.app;
-// import EventBus from '../../../libs/alive_pusher/eventBus/EventBus';
-// import untils from '../../../libs/alive_pusher/user_acction';
-// import store from "@/store";
-// import { GET_ALIVE_INVITE_IMAGE, GET_SHORT_SHARE_URL } from "../../../libs/alive_pusher/constant/api/live";
-import { BASE_URL, ENV_NAME } from "../../../../common/libs/playerRequestUrl";
-// import Taro from '@tarojs/taro';
-// import api from '@/api/index';
-import {
-    getShareUrl
-} from "../../../../common/api/eLiveInvite";
-Component({
-    /**
-     * 组件的属性列表
-     */
-    properties: {
-        alive_id: {
-            type: String,
-            value: ""
-        },
-        alive_mode: {
-            type: Number,
-            value: 0
-        },
-        userId: {
-            type: String
-        },
-        appId: {
-            type: String
-        }
-    },
-
-    /**
-     * 组件的初始数据
-     */
-    data: {
-        user_handle: {
-            index: 1, //海报选择
-            pic_url: '', // 海报图片
-            base_pic_url: ''
-        },
-        poster_list: [
-            '/assets/alive_pusher/poster1.png',
-            '/assets/alive_pusher/poster2.png',
-            '/assets/alive_pusher/poster3.png',
-        ],
-    },
-    error_report_image: '', //数据上报图片url
-
-    /**
-     * 组件生命周期函数，在组件布局完成后执行，此时可以获取节点信息（使用 SelectorQuery ）
-     */
-    ready() {
-        // 海报相关 TODOlist FIXME 
-        // let picUrl = BASE_URL +
-        //     '_alive/client/get_alive_invite_image' + '?' +
-        //     `app_id=${this.properties.appId}&` +
-        //     `user_id=${this.properties.userId}&` +
-        //     `alive_id=${this.properties.alive_id}&` +
-        //     `wx_nickname=${store.state.GlobalModule.userInfo.nickname}&` +
-        //     `wx_avatar=${store.state.GlobalModule.userInfo.headimgurl}&` +
-        //     `token=${store.state.GlobalModule.baseInfo.token}&` +
-        //     'type='
-        // this.setData({
-        //     ['user_handle.base_pic_url']: picUrl,
-        //     ['user_handle.pic_url']: picUrl + '1'
-        // });
-        //TODO 上报数据
-        // this.reportData('click_inviteinalive');
-    },
-    /**
-     * 组件的方法列表
-     */
-    methods: {
-        // 图片加载完成
-        picShow() {
-            wx.hideLoading();
-            this.setData({
-                hasClick: false
-            });
-        },
-        // 图片加载失败
-        picError() {
-            wx.hideLoading();
-        },
-        //关闭直播邀请海报
-        closeInvite() {
-            this.setData({
-                error_report_image: '', //数据上报图片url: ''
-            }),
-                console.log('close====mo-0000-----')
-            this.triggerEvent("changeShowInvite", { showInvite: false });
-        },
-        //切换海报样式
-        switchIndex(e) {
-            if (Number(e.currentTarget.dataset['index']) + 1 == this.data.user_handle.index) {
-                return
-            } else {
-                this.setData({
-                    hasClick: false
-                })
-            }
-            if (this.data.hasClick) return;
-            this.setData({
-                hasClick: true
-            });
-            wx.showLoading({
-                title: '加载中', //提示的内容,
-                mask: true, //显示透明蒙层，防止触摸穿透
-            });
-            console.warn('base ====>', this.data)
-            let url = this.data.user_handle.base_pic_url + `${Number(e.currentTarget.dataset['index']) + 1}`;
-            this.setData({
-                ['user_handle.index']: Number(e.currentTarget.dataset['index']) + 1,
-                ['user_handle.pic_url']: url
-            });
-        },
-
-        // 保存到本地相册 TODO FIXME eventBus 的替代使用
-        // keepPic() {
-        //     let that = this;
-        //     EventBus.$on('cancelKeep', that, function (res) {
-        //         if (!res) {
-        //             wx.showToast({
-        //                 title: '请前往设置页面点击邀请好友开启授权', //提示的内容,
-        //                 icon: 'none', //图标,
-        //                 duration: 2000, //延迟时间
-        //             });
-        //         }
-        //     })
-        //     untils.keepImg(this.data.user_handle.pic_url);
-        // },
-        //数据上报 TODO FIXME 找到app的替代
-        // reportData(type) {
-        //     const params = {
-        //         app_id: app.networkData.SHOP_APP_ID,
-        //         user_id: app.networkData.B_USER_ID,
-        //     };
-        //     // TODO开发暂时屏蔽数据埋点
-        //     // app.mtj.trackEvent(type, params);
-        // },
-        // 复制直播间链接
-        handleCopyLink() {
-            // const LIVE_BASE_URL = `https://${this.properties.appId}.h5${ENV_NAME ? `.${ENV_NAME}` : '' }.xiaoeknow.com/v2/course/alive/`;
-            // const shareUrl = `${LIVE_BASE_URL}${this.properties.alive_id}?app_id=${this.properties.appId}&alive_mode=1&pro_id=&type=2&share_user_id=${this.properties.userId}`;
-            const LIVE_BASE_URL = `https://appmzd7lhrj6214.h5${ENV_NAME ? `.${ENV_NAME}` : '' }.xiaoeknow.com/v2/course/alive/`;
-            const shareUrl = `${LIVE_BASE_URL}l_61935f8260b219ba0025f301?app_id=appmzd7lhrj6214&alive_mode=1&pro_id=&type=2&share_user_id=u_6119db8f279b3_BLLGPeghc5`;
-
-            this.getClipboardData(shareUrl);
-        },
-        getClipboardData(shareUrl) {
-            const that = this;
-            // let params = {
-            //     alive_id: this.properties.alive_id,
-            //     alive_mode: 1,
-            //     app_id: this.properties.appId,
-            //     query: shareUrl
-            // }
-            let params = {
-                alive_id: "l_61935f8260b219ba0025f301",
-                alive_mode: 1,
-                app_id: "appmzd7lhrj6214",
-                query: shareUrl
-            }
-            getShareUrl(params).then((res) => {
-                console.log("debug 复制分享链接的url", res.data);
-                wx.setClipboardData({
-                    data: decodeURIComponent(res.data.data.url_link),
-                    success: res => {
-                        wx.getClipboardData({
-                            success(res) {
-                                console.log("debug share url", res.data);
-                                wx.showToast({
-                                    title: "复制链接成功",
-                                    icon: "success",
-                                    duration: 2000,
-                                });
-                                that.closeInvite();
-                            }
-                        })
-                    },
-                    fail: () => {
-                        wx.showToast({
-                            title: '复制失败',
-                            icon: 'none'
-                        })
-                    }
-                })
-            }, reason => {
-                wx.showToast({
-                  title: '复制失败',
-                  icon: 'none'
-                })
-                console.error(reason); // 出错了！
-            })
-
-        },
-        handleLoadImage() {
-            wx.hideLoading()
-        },
-        toShare() {
-            const LIVE_BASE_URL = `https://${this.properties.appId}.h5${ENV_NAME ? `.${ENV_NAME}` : '' }.xiaoeknow.com/v2/course/alive/`;
-            let shareUrl = `${LIVE_BASE_URL}${this.properties.alive_id}?app_id=${this.properties.appId}&alive_mode=1&pro_id=&type=2`
-            let that = this;
-            let webViewUrl = "/pages/webView/webView";
-            //TODO FIX ME TARO改为原生的分享
-            // Taro.Current.page.onShareAppMessage = function (res) {
-            //     // 跳转
-            //     let params = {
-            //         pageUrl: shareUrl,
-            //         alive_id: that.properties.alive_id,
-            //     };
-            //     let totalParams = encodeURIComponent(JSON.stringify(params));
-            //     return {
-            //         title: 'Custom Title',
-            //         path: `${webViewUrl}?params=${totalParams}`,
-            //         // imageUrl: that.detailMsg.img_url,
-            //     };
-            // };
-        },
-
-    }
-})
-
-
+// associate/alive_pusher/components/invite-poster2/invite-poster2.js
+// import { Current } from "@tarojs/taro";
+// let app = Current.app;
+// import EventBus from '../../../libs/alive_pusher/eventBus/EventBus';
+// import untils from '../../../libs/alive_pusher/user_acction';
+// import store from "@/store";
+// import { GET_ALIVE_INVITE_IMAGE, GET_SHORT_SHARE_URL } from "../../../libs/alive_pusher/constant/api/live";
+import { BASE_URL, ENV_NAME } from "../../../../common/libs/playerRequestUrl";
+// import Taro from '@tarojs/taro';
+// import api from '@/api/index';
+import {
+    getShareUrl
+} from "../../../../common/api/eLiveInvite";
+Component({
+    /**
+     * 组件的属性列表
+     */
+    properties: {
+        alive_id: {
+            type: String,
+            value: ""
+        },
+        alive_mode: {
+            type: Number,
+            value: 0
+        },
+        userId: {
+            type: String
+        },
+        appId: {
+            type: String
+        }
+    },
+
+    /**
+     * 组件的初始数据
+     */
+    data: {
+        user_handle: {
+            index: 1, //海报选择
+            pic_url: '', // 海报图片
+            base_pic_url: ''
+        },
+        poster_list: [
+            '/assets/alive_pusher/poster1.png',
+            '/assets/alive_pusher/poster2.png',
+            '/assets/alive_pusher/poster3.png',
+        ],
+    },
+    error_report_image: '', //数据上报图片url
+
+    /**
+     * 组件生命周期函数，在组件布局完成后执行，此时可以获取节点信息（使用 SelectorQuery ）
+     */
+    ready() {
+        // 海报相关 TODOlist FIXME 
+        // let picUrl = BASE_URL +
+        //     '_alive/client/get_alive_invite_image' + '?' +
+        //     `app_id=${this.properties.appId}&` +
+        //     `user_id=${this.properties.userId}&` +
+        //     `alive_id=${this.properties.alive_id}&` +
+        //     `wx_nickname=${store.state.GlobalModule.userInfo.nickname}&` +
+        //     `wx_avatar=${store.state.GlobalModule.userInfo.headimgurl}&` +
+        //     `token=${store.state.GlobalModule.baseInfo.token}&` +
+        //     'type='
+        // this.setData({
+        //     ['user_handle.base_pic_url']: picUrl,
+        //     ['user_handle.pic_url']: picUrl + '1'
+        // });
+        //TODO 上报数据
+        // this.reportData('click_inviteinalive');
+    },
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+        // 图片加载完成
+        picShow() {
+            wx.hideLoading();
+            this.setData({
+                hasClick: false
+            });
+        },
+        // 图片加载失败
+        picError() {
+            wx.hideLoading();
+        },
+        //关闭直播邀请海报
+        closeInvite() {
+            this.setData({
+                error_report_image: '', //数据上报图片url: ''
+            }),
+                console.log('close====mo-0000-----')
+            this.triggerEvent("changeShowInvite", { showInvite: false });
+        },
+        //切换海报样式
+        switchIndex(e) {
+            if (Number(e.currentTarget.dataset['index']) + 1 == this.data.user_handle.index) {
+                return
+            } else {
+                this.setData({
+                    hasClick: false
+                })
+            }
+            if (this.data.hasClick) return;
+            this.setData({
+                hasClick: true
+            });
+            wx.showLoading({
+                title: '加载中', //提示的内容,
+                mask: true, //显示透明蒙层，防止触摸穿透
+            });
+            console.warn('base ====>', this.data)
+            let url = this.data.user_handle.base_pic_url + `${Number(e.currentTarget.dataset['index']) + 1}`;
+            this.setData({
+                ['user_handle.index']: Number(e.currentTarget.dataset['index']) + 1,
+                ['user_handle.pic_url']: url
+            });
+        },
+
+        // 保存到本地相册 TODO FIXME eventBus 的替代使用
+        // keepPic() {
+        //     let that = this;
+        //     EventBus.$on('cancelKeep', that, function (res) {
+        //         if (!res) {
+        //             wx.showToast({
+        //                 title: '请前往设置页面点击邀请好友开启授权', //提示的内容,
+        //                 icon: 'none', //图标,
+        //                 duration: 2000, //延迟时间
+        //             });
+        //         }
+        //     })
+        //     untils.keepImg(this.data.user_handle.pic_url);
+        // },
+        //数据上报 TODO FIXME 找到app的替代
+        // reportData(type) {
+        //     const params = {
+        //         app_id: app.networkData.SHOP_APP_ID,
+        //         user_id: app.networkData.B_USER_ID,
+        //     };
+        //     // TODO开发暂时屏蔽数据埋点
+        //     // app.mtj.trackEvent(type, params);
+        // },
+        // 复制直播间链接
+        handleCopyLink() {
+            // const LIVE_BASE_URL = `https://${this.properties.appId}.h5${ENV_NAME ? `.${ENV_NAME}` : '' }.xiaoeknow.com/v2/course/alive/`;
+            // const shareUrl = `${LIVE_BASE_URL}${this.properties.alive_id}?app_id=${this.properties.appId}&alive_mode=1&pro_id=&type=2&share_user_id=${this.properties.userId}`;
+            const LIVE_BASE_URL = `https://appmzd7lhrj6214.h5${ENV_NAME ? `.${ENV_NAME}` : '' }.xiaoeknow.com/v2/course/alive/`;
+            const shareUrl = `${LIVE_BASE_URL}l_61935f8260b219ba0025f301?app_id=appmzd7lhrj6214&alive_mode=1&pro_id=&type=2&share_user_id=u_6119db8f279b3_BLLGPeghc5`;
+
+            this.getClipboardData(shareUrl);
+        },
+        getClipboardData(shareUrl) {
+            const that = this;
+            // let params = {
+            //     alive_id: this.properties.alive_id,
+            //     alive_mode: 1,
+            //     app_id: this.properties.appId,
+            //     query: shareUrl
+            // }
+            let params = {
+                alive_id: "l_61935f8260b219ba0025f301",
+                alive_mode: 1,
+                app_id: "appmzd7lhrj6214",
+                query: shareUrl
+            }
+            getShareUrl(params).then((res) => {
+                console.log("debug 复制分享链接的url", res.data);
+                wx.setClipboardData({
+                    data: decodeURIComponent(res.data.data.url_link),
+                    success: res => {
+                        wx.getClipboardData({
+                            success(res) {
+                                console.log("debug share url", res.data);
+                                wx.showToast({
+                                    title: "复制链接成功",
+                                    icon: "success",
+                                    duration: 2000,
+                                });
+                                that.closeInvite();
+                            }
+                        })
+                    },
+                    fail: () => {
+                        wx.showToast({
+                            title: '复制失败',
+                            icon: 'none'
+                        })
+                    }
+                })
+            }, reason => {
+                wx.showToast({
+                  title: '复制失败',
+                  icon: 'none'
+                })
+                console.error(reason); // 出错了！
+            })
+
+        },
+        handleLoadImage() {
+            wx.hideLoading()
+        },
+        toShare() {
+            const LIVE_BASE_URL = `https://${this.properties.appId}.h5${ENV_NAME ? `.${ENV_NAME}` : '' }.xiaoeknow.com/v2/course/alive/`;
+            let shareUrl = `${LIVE_BASE_URL}${this.properties.alive_id}?app_id=${this.properties.appId}&alive_mode=1&pro_id=&type=2`
+            let that = this;
+            let webViewUrl = "/pages/webView/webView";
+            //TODO FIX ME TARO改为原生的分享
+            // Taro.Current.page.onShareAppMessage = function (res) {
+            //     // 跳转
+            //     let params = {
+            //         pageUrl: shareUrl,
+            //         alive_id: that.properties.alive_id,
+            //     };
+            //     let totalParams = encodeURIComponent(JSON.stringify(params));
+            //     return {
+            //         title: 'Custom Title',
+            //         path: `${webViewUrl}?params=${totalParams}`,
+            //         // imageUrl: that.detailMsg.img_url,
+            //     };
+            // };
+        },
+
+    }
+})
+
+

package/src/AliveInvite/LiveRoomVertical/components/invite-poster/invite-poster.json

@@ -1,4 +1,4 @@
-{
-  "component": true,
-  "usingComponents": {}
+{
+  "component": true,
+  "usingComponents": {}
 }

package/src/AliveInvite/LiveRoomVertical/components/invite-poster/invite-poster.wxml

@@ -1,64 +1,64 @@
-<!--associate/alive_pusher/components/invite-poster2/invite-poster2.wxml-->
-<view class="poster">
-	<view class="mask-layer" bindtap="closeInvite"></view>
-	<view class="poster-wrap">
-		<view class="poster-header">
-			<view class="header-text">分享给</view>
-			<view bindtap="closeInvite" class="close-icon-view">
-				<image src="../../../images/liveClose.png" class="poster-header_icon" catchtap="closeInvite"/>
-			</view>
-		</view>
-		<!-- <view class="poster-content" hidden="{{true}}">
-			<image src="{{user_handle.pic_url}}" class="poster-content_image" bindload="handleLoadImage" binderror="picError"/>
-		</view>
-		<view class="poster-list" hidden="{{true}}">
-			<scroll-view scroll-x="{{true}}" bindscroll="scroll" class="scroll-view">
-				<image class="poster-item {{user_handle.index===index+1?'active-poster':''}}" wx:for="{{poster_list}}" src="{{item}}" catchtap="switchIndex" data-index="{{index}}"/>
-			</scroll-view>
-			<view class="poster-list_mask"></view>
-		</view> -->
-		<view class="poster-bottom" >
-			<view class="bottom-item">
-        <button open-type="share" class="share-btn">
-          <image src="../../../images/wechat.png" class="bottom-item_img"/>
-        </button>
-				<view class="bottom-item-text">分享给好友</view>
-			</view>
-			<view class="bottom-item" catchtap="handleCopyLink">
-				<image src="../../../images/copylink.png" class="bottom-item_img"/>
-				<view class="bottom-item-text" catchtap="handleCopyLink">复制链接</view>
-			</view>
-		</view>
-    <!-- <view class="cancel-btn" catchtap="closeInvite">取消</view>
-    <view class="blank-view"></view> -->
-	</view>
-	<!-- <view class="poster-top">
-		<view class="poster-pic">
-			<image class="poster_image" src="{{user_handle.pic_url}}" bindload="picShow" binderror="picError"></image>
-		</view>
-		<view class="poster-pic_icon" catchtap="closeInvite">
-			<image class="poster-pic_image" src="/assets/alive_pusher/close.png"></image>
-		</view>
-	</view>
-	<view class="poster-bottom">
-		<view class="poster_tips">保存邀请海报发送给好友</view>
-		<view class="poster-container">
-			<view class="poster_keep" catchtap="keepPic">
-				<image class="poster_keep-image" src="/assets/alive_pusher/download.png"></image>
-				<view class="poster_keep-text">保存到相册</view>
-			</view>
-			<view class="poster-list">
-				<view class="poster-item {{user_handle.index==1?'indexset':''}}" catchtap="switchIndex" data-index="1">
-					<image class="poster_image" src="/assets/alive_pusher/poster1.png"></image>
-				</view>
-				<view class="poster-item {{user_handle.index==2?'indexset':''}}" catchtap="switchIndex" data-index="2">
-					<image class="poster_image" src="/assets/alive_pusher/poster2.png"></image>
-				</view>
-				<view class="poster-item {{user_handle.index==3?'indexset':''}}" catchtap="switchIndex" data-index="3">
-					<image class="poster_image" src="/assets/alive_pusher/poster3.png"></image>
-				</view>
-			</view>
-		</view>
-	</view> -->
-</view>
-
+<!--associate/alive_pusher/components/invite-poster2/invite-poster2.wxml-->
+<view class="poster">
+	<view class="mask-layer" bindtap="closeInvite"></view>
+	<view class="poster-wrap">
+		<view class="poster-header">
+			<view class="header-text">分享给</view>
+			<view bindtap="closeInvite" class="close-icon-view">
+				<image src="../../../images/liveClose.png" class="poster-header_icon" catchtap="closeInvite"/>
+			</view>
+		</view>
+		<!-- <view class="poster-content" hidden="{{true}}">
+			<image src="{{user_handle.pic_url}}" class="poster-content_image" bindload="handleLoadImage" binderror="picError"/>
+		</view>
+		<view class="poster-list" hidden="{{true}}">
+			<scroll-view scroll-x="{{true}}" bindscroll="scroll" class="scroll-view">
+				<image class="poster-item {{user_handle.index===index+1?'active-poster':''}}" wx:for="{{poster_list}}" src="{{item}}" catchtap="switchIndex" data-index="{{index}}"/>
+			</scroll-view>
+			<view class="poster-list_mask"></view>
+		</view> -->
+		<view class="poster-bottom" >
+			<view class="bottom-item">
+        <button open-type="share" class="share-btn">
+          <image src="../../../images/wechat.png" class="bottom-item_img"/>
+        </button>
+				<view class="bottom-item-text">分享给好友</view>
+			</view>
+			<view class="bottom-item" catchtap="handleCopyLink">
+				<image src="../../../images/copylink.png" class="bottom-item_img"/>
+				<view class="bottom-item-text" catchtap="handleCopyLink">复制链接</view>
+			</view>
+		</view>
+    <!-- <view class="cancel-btn" catchtap="closeInvite">取消</view>
+    <view class="blank-view"></view> -->
+	</view>
+	<!-- <view class="poster-top">
+		<view class="poster-pic">
+			<image class="poster_image" src="{{user_handle.pic_url}}" bindload="picShow" binderror="picError"></image>
+		</view>
+		<view class="poster-pic_icon" catchtap="closeInvite">
+			<image class="poster-pic_image" src="/assets/alive_pusher/close.png"></image>
+		</view>
+	</view>
+	<view class="poster-bottom">
+		<view class="poster_tips">保存邀请海报发送给好友</view>
+		<view class="poster-container">
+			<view class="poster_keep" catchtap="keepPic">
+				<image class="poster_keep-image" src="/assets/alive_pusher/download.png"></image>
+				<view class="poster_keep-text">保存到相册</view>
+			</view>
+			<view class="poster-list">
+				<view class="poster-item {{user_handle.index==1?'indexset':''}}" catchtap="switchIndex" data-index="1">
+					<image class="poster_image" src="/assets/alive_pusher/poster1.png"></image>
+				</view>
+				<view class="poster-item {{user_handle.index==2?'indexset':''}}" catchtap="switchIndex" data-index="2">
+					<image class="poster_image" src="/assets/alive_pusher/poster2.png"></image>
+				</view>
+				<view class="poster-item {{user_handle.index==3?'indexset':''}}" catchtap="switchIndex" data-index="3">
+					<image class="poster_image" src="/assets/alive_pusher/poster3.png"></image>
+				</view>
+			</view>
+		</view>
+	</view> -->
+</view>
+