修改海报分享

src/App.vue

@@ -20,7 +20,6 @@ export default {
 
 
         let user = this.$store.state.user.user;
-        console.log(user);
 
         // 判断用户是否验证团长号
         // if (user.roleId && user.bundleId !== 0) {

src/pages.json

@@ -563,7 +563,7 @@
         {
             "path": "pages/bd/nav",
             "style": {
-                "navigationBarTitleText": "bd管理"
+                "navigationBarTitleText": "BD管理"
             }
         },
         {

src/pages/bd/nav.vue

@@ -46,6 +46,40 @@
                 ></canvas>
             </div>
         </div>
+
+        <div class="c-share" v-if="show" @click="close">
+            <div class="c-share__content" @click.stop="">
+                <div class="qr-img">
+                    <div class="qr-name">{{ user.userName }}的邀请码</div>
+                    <img :src="canvasImgPath" mode="widthFix" alt="" />
+                </div>
+                <div class="c-share__division">邀请好友一起推广</div>
+                <ul class="c-list">
+                    <li class="c-list__item">
+                        <button class="button" open-type="share">
+                            <div class="c-list__content">
+                                <img
+                                    class="c-list__icon"
+                                    src="/static/share/icon_2.jpg"
+                                    alt=""
+                                />
+                                <div class="c-list__text">发送给微信好友</div>
+                            </div>
+                        </button>
+                    </li>
+                    <li class="c-list__item" @click="saveQrCode()">
+                        <div class="c-list__content">
+                            <img
+                                class="c-list__icon"
+                                src="/static/share/icon_3.jpg"
+                                alt=""
+                            />
+                            <div class="c-list__text">保存图片到相册</div>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        </div>
     </div>
 </template>
 
@@ -60,7 +94,14 @@ export default {
         return {
             curShop: {},
             canvasShow: false,
+            show: false,
             canvasImgPath: "",
+            share: {
+                title: "手机管理端",
+                path: "/pages/index/register",
+                imageUrl:
+                    "https://oss.ixiaokejia.com/images/common/share_login.jpg",
+            },
         };
     },
 
@@ -80,8 +121,8 @@ export default {
             });
         },
         qrCode() {
-            if(!this.user.inviteCode){
-                return this.fn.showToast('当前账号无邀请码');
+            if (!this.user.inviteCode) {
+                return this.fn.showToast("当前账号无邀请码");
             }
             uni.showLoading({
                 title: "加载中...",
@@ -113,9 +154,6 @@ export default {
                     ctx.drawImage(resList[0][1].path, 0, 0, 350, 350);
                 }
 
-
-
-
                 ctx.stroke();
 
                 ctx.draw();
@@ -129,19 +167,19 @@ export default {
                             self.canvasShow = false;
                             uni.hideLoading();
                             self.canvasImgPath = res.tempFilePath;
-                            uni.previewImage({
-                                urls: [self.canvasImgPath],
-                                longPressActions: true,
-                            });
+                            // uni.previewImage({
+                            //     urls: [self.canvasImgPath],
+                            //     longPressActions: true,
+                            // });
                             // 保存到相册
-                            uni.saveImageToPhotosAlbum({
-                                filePath: self.canvasImgPath,
-                                success: function () {
-                                    self.fn.showToast("海报保存成功");
-                                },
-                                complete: function () {
-                                },
-                            });
+                            // uni.saveImageToPhotosAlbum({
+                            //     filePath: self.canvasImgPath,
+                            //     success: function () {
+                            //         self.fn.showToast("海报保存成功");
+                            //     },
+                            //     complete: function () {},
+                            // });
+                            self.open();
                         },
                     });
                 }, 100);
@@ -161,6 +199,31 @@ export default {
                 longPressActions: true,
             });
         },
+        // 打开
+        open() {
+            const self = this;
+
+            self.show = true;
+        },
+
+        // 关闭
+        close() {
+            const self = this;
+
+            self.show = false;
+        },
+
+        // 分享处理
+        saveQrCode() {
+            const self = this;
+            uni.saveImageToPhotosAlbum({
+                filePath: self.canvasImgPath,
+                success: function () {
+                    self.fn.showToast("保存成功");
+                },
+                complete: function () {},
+            });
+        },
     },
 
     // 数据计算
@@ -268,4 +331,134 @@ export default {
         background-color: #fff;
     }
 }
+.c-share {
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 995;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.4);
+    .qr-img {
+        margin-bottom: px(60);
+        background-color: #fff;
+        padding-top: px(80);
+        img {
+            width: 60%;
+            height: auto;
+            display: block;
+            margin: 0 auto;
+        }
+    }
+    .qr-name {
+        font-size: px(48);
+        text-align: center;
+        margin-bottom: px(60);
+    }
+    &__content {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        z-index: 100;
+        width: 100%;
+        background-color: #fff;
+        border-radius: px(16) px(16) 0 0;
+    }
+
+    &__box {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+
+    &__top {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: px(230);
+        height: px(230);
+        margin-top: px(-115);
+        border-radius: 50%;
+        background-color: #ef4a37;
+    }
+
+    &__icon {
+        width: px(137);
+        height: px(134);
+    }
+
+    &__title {
+        margin-top: px(80);
+        font-size: px(42);
+        color: #333;
+    }
+
+    &__price {
+        margin-top: px(70);
+    }
+
+    &__division {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-top: px(60);
+        font-size: px(34);
+        color: #999;
+
+        &:before,
+        &:after {
+            content: "";
+            display: block;
+            width: px(350);
+            height: px(3);
+            background-color: #e7e7e7;
+        }
+    }
+}
+
+.c-price {
+    display: flex;
+    align-items: baseline;
+
+    &__sign {
+        font-size: px(26);
+        color: #f8662a;
+    }
+
+    &__text {
+        font-size: px(54);
+        color: #f8662a;
+    }
+}
+
+.c-list {
+    display: flex;
+    justify-content: space-around;
+    height: px(345);
+    padding-top: px(70);
+
+    &__item {
+        flex: 1;
+    }
+
+    &__content {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+
+    &__icon {
+        width: px(100);
+        height: px(100);
+        margin-bottom: px(20);
+    }
+
+    &__text {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        font-size: px(32);
+        color: #999;
+    }
+}
 </style>

src/pages/manage/index.vue

@@ -91,7 +91,7 @@
 
         <!-- <button class="btn" @click="layout">退出登录</button> -->
 
-        <div class="ver">0.5.47</div>
+        <div class="ver">0.5.48</div>
         <wyg-bottom-tab
             ref="tabbar"
             :tabIndex="2"

src/pages/youxuan/order/detail.vue

@@ -76,7 +76,7 @@
                     <div class="key">合计：</div>
                     <div class="value red">￥{{ data.amount / 100 }}</div>
                 </li>
-                <li v-if="dataType === 8">
+                <li >
                     <div class="key">团长佣金：</div>
                     <div class="value blod">
                         ￥{{ data.commission / 100 }}（佣金）-￥{{
@@ -87,7 +87,7 @@
                 <li v-if="dataType === 9">
                     <div class="key">佣金返还：</div>
                     <div class="value blod">
-                        -￥{{ data.estimateComission / 100 }}
+                        -￥{{ data.estimateComission / 100 }}（已退还）
                     </div>
                 </li>
                 <li v-if="dataType === 10">
@@ -101,7 +101,7 @@
                 <li v-if="dataType === 11">
                     <div class="key">BD佣金返还：</div>
                     <div class="value blod">
-                        -￥{{ (data.commission * 0.2) | minuteToRmb }}
+                        -￥{{ (data.commission * 0.2) | minuteToRmb }}（已退还）
                     </div>
                 </li>
                 <li v-if="dataType === 12">
@@ -115,7 +115,7 @@
                 <li v-if="dataType === 11">
                     <div class="key">BDM佣金返还：</div>
                     <div class="value blod">
-                        -￥{{ (data.commission * 0.05) | minuteToRmb }}
+                        -￥{{ (data.commission * 0.05) | minuteToRmb }}（已退还）
                     </div>
                 </li>
             </ul>
@@ -129,10 +129,10 @@
                     </div>
                 </li> -->
                 <li v-for="item of data.logs" :key="item.time">
-                    <div class="key">{{ item.title }}：</div>
                     <div class="value">
-                        {{ item.time | dateFormat("yyyy-MM-dd hh:mm") }}
+                        {{ item.time | dateFormat("yy-MM-dd hh:mm") }}：
                     </div>
+                    <div class="key">{{ item.title }}</div>
                 </li>
             </ul>
         </section>
@@ -344,6 +344,7 @@ export default {
     }
     .key {
         color: #666;
+        margin-left: px(20);
     }
     .red {
         color: #ff4b26;
@@ -353,7 +354,7 @@ export default {
     }
     .value {
         flex-shrink: 0;
-        margin-left: px(20);
+        margin-top: px(8);
     }
 }
 .blod {