合伙人规则页面

pages-mine/pages/partner/partner-home.vue

@@ -7,9 +7,9 @@
                 <text class="title">您好，合伙人</text>
                 <text class="subtitle">这里是合伙人数据中心</text>
             </view>
-            <navigator url="/pages-mine/pages/partner-rule" class="rule-btn">合伙人规则</navigator>
+            <navigator url="/pages-mine/pages/partner/partner-rule" class="rule-btn">合伙人规则</navigator>
         </view>
-        <view class="content" style="margin-top: -180rpx;">
+        <view class="content" style="margin-top: -180rpx">
             <!-- 收入统计 -->
             <view class="income-section">
                 <view class="section-header">
@@ -61,6 +61,24 @@
 
             <!-- 生成海报按钮 -->
             <button class="generate-poster" @click="generatePoster">生成专属二维码海报</button>
+
+            <!-- 添加海报弹窗 -->
+            <u-popup
+                v-model="showPoster"
+                mode="center"
+                border-radius="16"
+                :custom-style="posterStyle"
+            >
+                <view class="poster-container">
+                    <image
+                        class="poster-image"
+                        src="/pages-mine/static/poster.png"
+                        mode="aspectFit"
+                        @longpress="saveImage"
+                    ></image>
+                    <view class="poster-tip">长按图片保存至相册分享</view>
+                </view>
+            </u-popup>
         </view>
     </view>
 </template>
@@ -77,6 +95,10 @@ export default {
                 lastMontySettlement: 0,
                 waitAccount: 0,
             },
+            showPoster: false,
+            posterStyle: {
+                backgroundColor: 'transparent',
+            },
         };
     },
     onLoad() {
@@ -91,16 +113,53 @@ export default {
             });
         },
         generatePoster() {
-            // TODO: 实现生成海报功能
-            uni.showToast({
-                title: "正在生成海报...",
-                icon: "loading",
+            this.showPoster = true;
+        },
+        saveImage() {
+            uni.getSetting({
+                success: (res) => {
+                    if (!res.authSetting["scope.writePhotosAlbum"]) {
+                        uni.authorize({
+                            scope: "scope.writePhotosAlbum",
+                            success: () => {
+                                this.saveImageToAlbum();
+                            },
+                            fail: () => {
+                                uni.showToast({
+                                    title: "请授权保存图片到相册",
+                                    icon: "none",
+                                });
+                            },
+                        });
+                    } else {
+                        this.saveImageToAlbum();
+                    }
+                },
+            });
+        },
+        saveImageToAlbum() {
+            uni.saveImageToPhotosAlbum({
+                filePath: "/pages-mine/static/poster.png",
+                success: () => {
+                    uni.showToast({
+                        title: "保存成功",
+                        icon: "success",
+                    });
+                },
+                fail: () => {
+                    uni.showToast({
+                        title: "保存失败",
+                        icon: "none",
+                    });
+                },
             });
         },
     },
 };
 </script>
+<style>
 
+</style>
 <style lang="scss" scoped>
 .partner-home {
     min-height: 100vh;
@@ -243,5 +302,31 @@ export default {
         font-size: 28rpx;
         margin: 40rpx auto;
     }
+
+    .poster-container {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        .poster-image {
+            width: 490rpx;
+            height: 872rpx;
+        }
+
+        .poster-tip {
+            font-size: 32rpx;
+            color: #fff;
+            text-align: center;
+            background-color: #333;
+            text-justify: space-between;
+            width: 490rpx;
+            line-height: 54rpx;
+            position: relative;
+            top: -2rpx;
+        }
+    }
+    ::v-deep .u-mode-center-box { 
+        background-color: transparent !important;
+    }
 }
 </style>

pages-mine/pages/partner/partner-rule.vue

@@ -0,0 +1,83 @@
+<template>
+    <view class="partner-container">
+        <!-- 自定义导航栏 -->
+        <u-navbar
+            :is-back="true"
+            title="合伙人"
+            back-icon-color="#ffffff"
+            title-color="#ffffff"
+            :background="{ background: '#38C148' }"
+        >
+        </u-navbar>
+
+        <!-- 内容区域 -->
+        <view class="content-wrap">
+            <u-parse :content="content"></u-parse>
+        </view>
+
+        <!-- 底部按钮 -->
+        <view class="bottom-btn-wrap" @click="applyPartner" v-if="baseInfo.status !== 1">
+            <image
+                src="/pages-mine/static/partner-rule.png"
+                mode="aspectFit"
+                style="width: 100%; height: 120rpx"
+            ></image>
+        </view>
+    </view>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            content: "", // 富文本内容
+            baseInfo: "",
+        };
+    },
+    onLoad() {
+        this.getPartnerInfo();
+    },
+    methods: {
+        async getPartnerInfo() {
+            try {
+                const res = await uni.$u.http.get("/token/getUserPartnerInfo");
+                if (res.code === 200) {
+                    this.baseInfo = res.data;
+                    this.content = res.data.content;
+                }
+            } catch (e) {
+                console.error(e);
+            }
+        },
+        //跳转至合伙人申请页面
+        applyPartner() {
+            uni.navigateTo({
+                url: "/pages-mine/pages/partner/partner-apply",
+            });
+        },
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.partner-container {
+    min-height: 100vh;
+    background-color: #ffffff;
+
+    .content-wrap {
+        padding: 20rpx;
+        margin-bottom: 120rpx;
+    }
+
+    // .bottom-btn-wrap {
+    //     position: fixed;
+    //     bottom: 0;
+    //     left: 0;
+    //     right: 0;
+    //     background-color: #ffffff;
+    //     display: flex;
+    //     justify-content: center;
+    //     box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
+    // }
+}
+</style>

pages-mine/pages/partner/partner.vue

@@ -1,5 +0,0 @@
-<template>
-    <div>
-        合伙人计划
-    </div>
-</template>

pages.json

@@ -239,8 +239,9 @@
                     }
                 },
                 {
-                    "path": "pages/partner/partner",
+                    "path": "pages/partner/partner-rule",
                     "style": {
+                        "navigationStyle": "custom",
                         "navigationBarTitleText": "合伙人计划"
                     }
                 },

pages/mine/index.vue

@@ -135,7 +135,7 @@ export default {
                 { name: "联系客服", icon: "t6.png", path: "/pages/tools/service" },
                 { name: "意见反馈", icon: "t7.png", path: "/pages-mine/pages/feedback" },
                 { name: "到货提醒", icon: "t8.png", path: "/pages/tools/arrival-notice" },
-                { name: "合伙人计划", icon: "t9.png", path: "/pages-mine/pages/partner/partner-apply" },
+                { name: "合伙人计划", icon: "t9.png", path: "/pages-mine/pages/partner/partner-rule" },
                 { name: "买卖答疑", icon: "t10.png", path: "/pages/tools/faq" },
                 { name: "关于书嗨", icon: "t11.png", path: "/pages/tools/about" },
                 { name: "我的余额", icon: "t12.png", path: "/pages-mine/pages/wallet" },
@@ -169,9 +169,14 @@ export default {
                     title: "开发中...",
                     icon: "none",
                 });
-            uni.navigateTo({
-                url: path,
-            });
+
+            if (path == "/pages-mine/pages/partner/partner-rule") {
+                this.getPartnerStatus();
+            } else {
+                uni.navigateTo({
+                    url: path,
+                });
+            }
         },
         //获取用户信息
         getUserInfo() {
@@ -188,18 +193,24 @@ export default {
         },
         //获取合伙人状态
         getPartnerStatus() {
+            let item = this.tools.find((item) => item.name == "合伙人计划");
             uni.$u.get("/token/getUserPartnerInfo").then((res) => {
                 if (res.code == 200) {
                     let { status } = res.data;
-                    let item = this.tools.find((item) => item.name == "合伙人计划");
                     if (status == -1) {
-                        item.path = "/pages-mine/pages/partner/partner-apply";
+                        item.path = "/pages-mine/pages/partner/partner-rule";
                     } else if (status == 1) {
                         item.path = "/pages-mine/pages/partner/partner-home";
                     } else {
                         item.path = "/pages-mine/pages/partner/partner-status";
                     }
+                } else {
+                    item.path = "/pages-mine/pages/partner/partner-status";
                 }
+
+                uni.navigateTo({
+                    url: item.path,
+                });
             });
         },
     },

static/css/common.scss

@@ -462,4 +462,4 @@ button {
             border: 2rpx solid #38C148;
         }
     }
-}
+}