商品管理

src/pages/index/register.vue

@@ -373,9 +373,9 @@ export default {
             if (!this.form.teamNum) {
                 return this.fn.showToast(`请输入团长号`);
             }
-            let reg = /^9\d{9}$/;
+            let reg = /^\d{10}$/;
             if (!reg.test(this.form.teamNum)) {
-                return this.fn.showToast("团长号为9开头的10位数字");
+                return this.fn.showToast("团长号为10位数字");
             }
             uni.showLoading({
                 title: "提交中",

src/pages/manage/good-list.vue

@@ -1309,11 +1309,6 @@ export default {
             }
         },
 
-        closeSearchVal() {
-            this.searchVal = "";
-            this.getGoodsList();
-        },
-
         shareEnd() {
             this.shareRootLoading = false;
             if (this.shareLoadList.length > 0) {
@@ -1325,6 +1320,11 @@ export default {
             }
         },
 
+        closeSearchVal() {
+            this.searchVal = "";
+            this.getGoodsList();
+        },
+
         openMore(item) {
             let arr = [];
             if (item.status === 0) {

src/pages/youxuan/brand.vue

@@ -396,29 +396,30 @@ export default {
 
         // 推送
         pushGive(item,type) {
-            let sendData = {
-                pid: item.aid,
-                aid: item.aid,
-                // storeId: item.storeId,
-                platform:1000
-            };
-            if (type === "text") {
-                sendData.sendTxt = false;
-                sendData.sendVideo = false;
-                sendData.sendImg = 0;
-            } else {
-                // sendData.sendTxt = true;
-                // sendData.sendVideo = true;
-                // sendData.sendImg = 3;
-            }
-
-            this.api
-                .get(this.otherUrl + "Home/sendproduct", sendData, {
-                    pass: true,
-                })
-                .then((res) => {
-                    this.fn.showToast(res.message);
-                });
+            this.fn.showToast('暂无法使用');
+            // let sendData = {
+            //     pid: item.aid,
+            //     aid: item.aid,
+            //     // storeId: item.storeId,
+            //     platform:1000
+            // };
+            // if (type === "text") {
+            //     sendData.sendTxt = false;
+            //     sendData.sendVideo = false;
+            //     sendData.sendImg = 0;
+            // } else {
+            //     // sendData.sendTxt = true;
+            //     // sendData.sendVideo = true;
+            //     // sendData.sendImg = 3;
+            // }
+
+            // this.api
+            //     .get(this.otherUrl + "Home/sendproduct", sendData, {
+            //         pass: true,
+            //     })
+            //     .then((res) => {
+            //         this.fn.showToast(res.message);
+            //     });
         },
 
 
@@ -780,7 +781,7 @@ page {
         max-height: px(88);
         line-height: px(44);
         margin-top: px(30);
-        font-size: px(38);
+        font-size: px(40 );
         color: #333;
     }
 
@@ -788,7 +789,7 @@ page {
         // margin-top: px(30);
     }
     &__sale {
-        font-size: px(34);
+        font-size: px(36);
         line-height: px(40);
         color: #999;
         margin-top: px(20);
@@ -802,6 +803,7 @@ page {
         }
         &.black {
             color: #666;
+            margin-top: px(30);
         }
     }
 

src/pages/youxuan/good.vue

@@ -39,7 +39,7 @@
                                         <div class="tags">
                                             <span
                                                 >{{
-                                                    item.onlineProductCount
+                                                    activity.onlineProductCount
                                                 }}款</span
                                             >
                                             <span>正品保障</span>
@@ -51,10 +51,16 @@
                                     </div>
                                 </div>
                                 <div class="des">
-                                    发货：{{ activity.deliveryDesc }}
+                                    <span>说明：</span>
+                                    {{ activity.description }}
                                 </div>
                                 <div class="des">
-                                    服务：退换无忧，支持7天无理由退换
+                                    <span>发货：</span
+                                    >{{ activity.deliveryDesc }}
+                                </div>
+                                <div class="des">
+                                    <span>服务：</span>
+                                    退换无忧，支持7天无理由退换
                                 </div>
                                 <div class="a-btns">
                                     <span @click="setActivityTop(activity)">
@@ -167,8 +173,12 @@
                                     </div>
 
                                     <div class="btns">
-                                        <div class="btn" @click="share(item)">
-                                            海报
+                                        <div class="btn" @click="sharePoster(item)">
+                                            {{
+                                                item.shareLoading
+                                                    ? "生成中"
+                                                    : "海报"
+                                            }}
                                         </div>
                                         <div
                                             class="btn"
@@ -215,6 +225,29 @@
                 </div>
             </div>
         </div>
+
+        <div
+            class="canvas"
+            v-show="canvasShow"
+            @touchmove.stop=""
+            @click="closeCanvas"
+        >
+            <div class="canvas__content">
+                <div class="canvas__close">
+                    <img
+                        class="canvas__img"
+                        src="/static/live/close.png"
+                        alt=""
+                    />
+                </div>
+                <canvas
+                    class="canvas__box"
+                    canvas-id="canvas"
+                    :disable-scroll="true"
+                    @click.stop="viewImg()"
+                ></canvas>
+            </div>
+        </div>
     </div>
 </template>
 
@@ -235,6 +268,12 @@ export default {
             shopId: "",
             searchVal: "",
             otherUrl: "https://bot.ixiaokejia.com/",
+
+            // 分享
+            canvasShow: false,
+            shareGood: {},
+            shareRootLoading: false,
+            shareLoadList: [],
         };
     },
     filters: {
@@ -334,8 +373,13 @@ export default {
             }
             sendData = this.pushSort(sendData);
 
+            uni.showLoading({
+                title: "加载中...",
+            });
             this.api.get("/Yx/GetProductList", sendData).then((res) => {
-                this.goodList = res.data;
+                uni.hideLoading();
+                // this.goodList = res.data;
+                this.goodList = res.data.item2;
                 if (!res.data.length) {
                     this.dataEnd = true;
                 }
@@ -480,30 +524,9 @@ export default {
         },
 
         // 推送
-        pushGive(item,type) {
-            let sendData = {
-                pid: item.aid,
-                aid: item.aid,
-                // storeId: item.storeId,
-                platform:1000
-            };
-            if (type === "text") {
-                sendData.sendTxt = false;
-                sendData.sendVideo = false;
-                sendData.sendImg = 0;
-            } else {
-                // sendData.sendTxt = true;
-                // sendData.sendVideo = true;
-                // sendData.sendImg = 3;
-            }
-
-            this.api
-                .get(this.otherUrl + "Home/sendproduct", sendData, {
-                    pass: true,
-                })
-                .then((res) => {
-                    this.fn.showToast(res.message);
-                });
+        pushGive(item, type) {
+            this.fn.showToast("暂无法使用");
+            //
         },
 
         // 分享
@@ -519,11 +542,11 @@ export default {
         },
 
         // 推荐商品
-        pushProduct(item,type) {
+        pushProduct(item, type) {
             let sendData = {
                 pid: item.id,
                 // storeId: item.storeId,
-                platform:1000
+                platform: 1000,
             };
             if (type === "text") {
                 sendData.sendTxt = false;
@@ -567,23 +590,580 @@ export default {
             this.fn.showActionSheet(arr).then((res) => {
                 switch (arr[res]) {
                     case "置顶":
-                        // this.edit(val);
-                        breathisk;
+                        this.setProductTop(val, true);
+                        break;
                     case "取消置顶":
-                        // .remove(val, false);
+                        this.setProductTop(val, false);
                         break;
                 }
             });
         },
 
+        // 商品置顶
+        setProductTop(val, isUp) {
+            if (isUp) {
+                // 置顶
+                this.api
+                    .get("/Yx/SetProductTop", {
+                        pid: val.id,
+                    })
+                    .then((res) => {
+                        if (res.success) {
+                            val.top = 0;
+                            this.$forceUpdate();
+                            this.fn.showToast("置顶成功");
+                        } else {
+                            this.fn.showModal({
+                                title: "设置失败",
+                                content: res.message,
+                                showCancel: false,
+                            });
+                        }
+                    });
+            } else {
+                // 取消置顶
+                this.api
+                    .get("/Yx/CancelProductTop", {
+                        pid: val.id,
+                    })
+                    .then((res) => {
+                        if (res.success) {
+                            val.top = 1;
+                            this.$forceUpdate();
+                            this.fn.showToast("取消成功");
+                        } else {
+                            this.fn.showModal({
+                                title: "设置失败",
+                                content: res.message,
+                                showCancel: false,
+                            });
+                        }
+                    });
+            }
+        },
+
         // 去详情
         goDetail(val) {
             this.router.push({
-                path:'/pages/youxuan/good-detail',
-                query:{
-                    id:val.id
+                path: "/pages/youxuan/good-detail",
+                query: {
+                    id: val.id,
+                },
+            });
+        },
+
+        shareLoading(id, status) {
+            for (let item of this.goodList) {
+                if (item.id === id) {
+                    item.shareLoading = status;
+                }
+            }
+            this.goodList = [...this.goodList];
+        },
+
+        // 分享
+        sharePoster(val) {
+            if (val.shareLoading) {
+                return;
+            }
+            if (this.shareRootLoading) {
+                this.shareLoadList.push(val);
+            }
+            this.shareRootLoading = true;
+            const self = this;
+            this.shareLoading(val.id, true);
+            // uni.showLoading({
+            //     title: "加载中...",
+            //     mask:true
+            // });
+            this.api.get("/Yx/GetProduct", { id: val.id }).then((res) => {
+                this.shareGood = JSON.parse(res.data);
+                // uni.hideLoading();
+                // self.$refs.share.open("", "", "", () => {
+                //     self.canvasShow = false;
+                // });
+                this.saveImage("single");
+            });
+        },
+        // 获取换算成画布使用的像素
+        getPx(size) {
+            let windowWidth = uni.getSystemInfoSync().windowWidth || 414;
+            let multiple = (windowWidth / 1080) * (920 / 670);
+            size = size * multiple;
+
+            return Number(size.toFixed(2));
+        },
+        // 创建分享图
+        creationShare() {
+            const self = this;
+            const ctx = uni.createCanvasContext("canvas", self);
+
+            // uni.showLoading({
+            //     title: "正在生成海报",
+            //     mask:true
+            // });
+            return new Promise((resolve) => {
+                self.router.getScene(self.$mp.query).then((res) => {
+                    Promise.all([
+                        uni.getImageInfo({
+                            src:
+                                this.user.appLogo ||
+                                self.config.imageResourceUrl +
+                                    "images/common/avatar.png",
+                        }),
+                        uni.getImageInfo({
+                            src: self.shareGood.pictureUrls[0],
+                        }),
+                        // 获取小程序吗
+                        self.api
+                            .get("/Share/GetQRCode", {
+                                path: "pages/recommend/detail",
+                                paremeters: JSON.stringify({
+                                    goodsId: self.shareGood.pid,
+                                    shopId:this.shopId
+                                }),
+                            })
+                            .then((res) => {
+                                return uni.getImageInfo({
+                                    src: res.data,
+                                });
+                            }),
+                    ]).then((res) => {
+                        // 背景
+                        ctx.setFillStyle("#fff");
+                        ctx.fillRect(0, 0, self.getPx(670), self.getPx(1080));
+
+                        // 头像
+                        if (res[0][1].path) {
+                            let avatarurl_width = self.getPx(70);
+                            let avatarurl_heigth = self.getPx(70);
+                            let avatarurl_x = self.getPx(30);
+                            let avatarurl_y = self.getPx(40);
+                            ctx.save();
+                            ctx.beginPath();
+                            ctx.arc(
+                                avatarurl_width / 2 + avatarurl_x,
+                                avatarurl_heigth / 2 + avatarurl_y,
+                                avatarurl_width / 2,
+                                0,
+                                Math.PI * 2,
+                                true
+                            );
+                            ctx.clip();
+                            ctx.drawImage(
+                                res[0][1].path,
+                                avatarurl_x,
+                                avatarurl_y,
+                                avatarurl_width,
+                                avatarurl_heigth
+                            );
+                            ctx.restore();
+                        }
+
+                        // 昵称
+                        ctx.setFontSize(self.getPx(28));
+                        ctx.setFillStyle("#333");
+                        ctx.fillText(
+                            self.user.appName,
+                            self.getPx(115),
+                            self.getPx(90)
+                        );
+                        ctx.stroke();
+
+                        // 商品图片
+                        ctx.drawImage(
+                            res[1][1].path,
+                            self.getPx(0),
+                            self.getPx(145),
+                            self.getPx(670),
+                            self.getPx(670)
+                        );
+
+                        // 商品标题，第一行
+                        let goodsName = self.shareGood.name;
+
+                        if (goodsName.length > 12) {
+                            goodsName = goodsName.substr(0, 12);
+                        }
+                        ctx.setFontSize(self.getPx(28));
+                        ctx.setFillStyle("#333");
+                        ctx.fillText(
+                            goodsName,
+                            self.getPx(50),
+                            self.getPx(880)
+                        );
+                        ctx.stroke();
+
+                        // 商品标题，第二行
+                        let goodsName2 = self.shareGood.name;
+                        if (goodsName2.length > 12) {
+                            goodsName2 = goodsName2.substr(12, 10) + "...";
+
+                            ctx.setFontSize(self.getPx(28));
+                            ctx.setFillStyle("#333");
+                            ctx.fillText(
+                                goodsName2,
+                                self.getPx(50),
+                                self.getPx(920)
+                            );
+                            ctx.stroke();
+                        }
+
+                        // 商品描述，第一行
+                        let descName =
+                            self.shareGood.description || "";
+
+                        if (descName.length > 14) {
+                            descName = descName.substr(0, 14);
+                        }
+                        ctx.setFontSize(self.getPx(24));
+                        ctx.setFillStyle("#666");
+                        ctx.fillText(descName, self.getPx(50), self.getPx(965));
+                        ctx.stroke();
+
+                        // 商品描述，第二行
+                        let descName2 =
+                            self.shareGood.description || "";
+                        if (descName2.length > 14) {
+                            descName2 = descName2.substr(14, 14) + "...";
+
+                            ctx.setFontSize(self.getPx(24));
+                            ctx.setFillStyle("#666");
+                            ctx.fillText(
+                                descName2,
+                                self.getPx(50),
+                                self.getPx(995)
+                            );
+                            ctx.stroke();
+                        }
+
+                        // 商品价格符号
+                        ctx.setFontSize(self.getPx(20));
+                        ctx.setFillStyle("#f8662a");
+                        ctx.fillText("¥", self.getPx(50), self.getPx(1050));
+                        ctx.stroke();
+
+                        // 商品价格
+                        ctx.setFontSize(self.getPx(40));
+                        ctx.setFillStyle("#f8662a");
+                        ctx.fillText(
+                            self.shareGood.agentFee / 100,
+                            self.getPx(65),
+                            self.getPx(1050)
+                        );
+                        ctx.stroke();
+
+                        // 小程序吗
+                        ctx.drawImage(
+                            res[2][1].path,
+                            self.getPx(460),
+                            self.getPx(850),
+                            self.getPx(170),
+                            self.getPx(170)
+                        );
+
+                        // 长按扫码购买
+                        ctx.setFontSize(self.getPx(24));
+                        ctx.setFillStyle("#999");
+                        ctx.fillText(
+                            "长按扫码购买",
+                            self.getPx(470),
+                            self.getPx(1050)
+                        );
+                        ctx.stroke();
+
+                        ctx.draw();
+
+                        self.canvasShow = true;
+                        // uni.hideLoading();
+                        setTimeout(() => {
+                            // 生成临时路径
+                            uni.canvasToTempFilePath({
+                                canvasId: "canvas",
+                                fileType: "jpg",
+                                success: function (res) {
+                                    self.canvasShow = false;
+                                    self.canvasImgPath = [res.tempFilePath];
+                                    resolve(res.tempFilePath);
+                                },
+                            });
+                        }, 100);
+                    });
+                });
+            });
+        },
+        viewImg() {
+            let self = this;
+            //查看图片
+            uni.previewImage({
+                urls: self.canvasImgPath,
+                longPressActions: true,
+            });
+        },
+
+        // 关闭海报
+        closeCanvas() {
+            const self = this;
+
+            self.canvasShow = false;
+        },
+        // 创建多张分享图
+        creationShares(url) {
+            const self = this;
+            const ctx = uni.createCanvasContext("canvas", self);
+
+            return new Promise((resolve) => {
+                self.router.getScene(self.$mp.query).then((res) => {
+                    Promise.all([
+                        uni.getImageInfo({
+                            src:
+                                this.user.avatar ||
+                                self.config.imageResourceUrl +
+                                    "images/common/avatar.png",
+                        }),
+                        uni.getImageInfo({
+                            src: url,
+                        }),
+                        uni.getImageInfo({
+                            src:
+                                self.config.imageResourceUrl +
+                                "resource/share/recognition.jpg",
+                        }),
+                        // 获取小程序吗
+                        self.api
+                            .get("/Share/GetQRCode", {
+                                path: "pages/goods/detail",
+                                paremeters: JSON.stringify({
+                                    goodsId: self.shareGood.pid,
+                                    shopId:this.shopId
+                                }),
+                            })
+                            .then((res) => {
+                                return uni.getImageInfo({
+                                    src: res.data,
+                                });
+                            }),
+                    ]).then((res) => {
+                        // 背景
+                        ctx.setFillStyle("#fff");
+                        ctx.fillRect(0, 0, self.getPx(670), self.getPx(1080));
+
+                        // 头像
+                        if (res[0][1].path) {
+                            let avatarurl_width = self.getPx(70);
+                            let avatarurl_heigth = self.getPx(70);
+                            let avatarurl_x = self.getPx(30);
+                            let avatarurl_y = self.getPx(40);
+                            ctx.save();
+                            ctx.beginPath();
+                            ctx.arc(
+                                avatarurl_width / 2 + avatarurl_x,
+                                avatarurl_heigth / 2 + avatarurl_y,
+                                avatarurl_width / 2,
+                                0,
+                                Math.PI * 2,
+                                true
+                            );
+                            ctx.clip();
+                            ctx.drawImage(
+                                res[0][1].path,
+                                avatarurl_x,
+                                avatarurl_y,
+                                avatarurl_width,
+                                avatarurl_heigth
+                            );
+                            ctx.restore();
+                        }
+
+                        // 昵称
+                        ctx.setFontSize(self.getPx(28));
+                        ctx.setFillStyle("#333");
+                        ctx.fillText(
+                            self.user.nickName + "分享一件好物给你~",
+                            self.getPx(115),
+                            self.getPx(90)
+                        );
+                        ctx.stroke();
+
+                        // 商品图片
+                        ctx.drawImage(
+                            res[1][1].path,
+                            self.getPx(0),
+                            self.getPx(145),
+                            self.getPx(670),
+                            self.getPx(670)
+                        );
+
+                        // 底部图片
+                        ctx.drawImage(
+                            res[2][1].path,
+                            self.getPx(30),
+                            self.getPx(880),
+                            self.getPx(400),
+                            self.getPx(120)
+                        );
+
+                        // 小程序吗
+                        ctx.drawImage(
+                            res[3][1].path,
+                            self.getPx(460),
+                            self.getPx(850),
+                            self.getPx(170),
+                            self.getPx(170)
+                        );
+
+                        // 长按扫码购买
+                        ctx.setFontSize(self.getPx(24));
+                        ctx.setFillStyle("#999");
+                        ctx.fillText(
+                            "长按扫码购买",
+                            self.getPx(470),
+                            self.getPx(1050)
+                        );
+                        ctx.stroke();
+
+                        ctx.draw();
+
+                        self.canvasShow = true;
+                        uni.hideLoading();
+                        setTimeout(() => {
+                            // 生成临时路径
+                            uni.canvasToTempFilePath({
+                                canvasId: "canvas",
+                                fileType: "jpg",
+                                success: function (res) {
+                                    resolve(res.tempFilePath);
+                                },
+                            });
+                        }, 100);
+                    });
+                });
+            });
+        },
+        // 保存图片到相册
+        async saveImage(type) {
+            const self = this;
+            const good = this.shareGood;
+            if (type === "single" && !self.canvasHandleStatus) {
+                // 分享图
+                self.canvasHandleStatus = true;
+                // 获取用户设置
+                uni.getSetting({
+                    success(res) {
+                        if (
+                            res.authSetting["scope.writePhotosAlbum"] === false
+                        ) {
+                            //用户拒绝权限打开设置界面
+                            self.fn
+                                .showModal({
+                                    title: "图片保存失败",
+                                    content:
+                                        "需要你打开允许使用“相册”权限，才能成功保存图片",
+                                    confirmText: "去设置",
+                                })
+                                .then((res) => {
+                                    if (res.confirm) {
+                                        self.canvasHandleStatus = false;
+                                        self.shareEnd();
+                                        self.fn.openSetting();
+                                    } else {
+                                        self.shareLoading(
+                                            good.pid,
+                                            false
+                                        );
+                                    }
+                                });
+                        } else {
+                            // 生成分享图
+                            self.creationShare().then((res) => {
+                                // 保存分享图到相册
+                                uni.saveImageToPhotosAlbum({
+                                    filePath: res,
+                                    success: function () {
+                                        self.shareLoading(
+                                            good.pid,
+                                            false
+                                        );
+                                        self.shareEnd();
+                                        self.fn.showToast("海报保存成功");
+                                    },
+                                    complete: function () {
+                                        // self.shareLoading(
+                                        //     good.baseInfo.id,
+                                        //     false
+                                        // );
+                                        self.canvasHandleStatus = false;
+                                        // self.shareEnd();
+                                    },
+                                });
+                            });
+                        }
+                    },
+                });
+            } else {
+                // 素材图
+                let setting = await uni.getSetting();
+
+                if (
+                    setting[1].authSetting["scope.writePhotosAlbum"] === false
+                ) {
+                    //用户拒绝权限打开设置界面
+                    self.fn
+                        .showModal({
+                            title: "图片保存失败",
+                            content:
+                                "需要你打开允许使用“相册”权限，才能成功保存图片",
+                            confirmText: "去设置",
+                        })
+                        .then((res) => {
+                            if (res.confirm) {
+                                self.fn.openSetting();
+                            }
+                        });
+                } else if (!self.canvasHandleStatus) {
+                    let imageList = self.shareGood.images;
+                    let num = imageList.length;
+
+                    self.canvasHandleStatus = true;
+                    uni.showLoading({
+                        title: "正在生成海报",
+                    });
+
+                    for (let i = 0; i < num; i++) {
+                        let url = await self.creationShares(imageList[i]);
+
+                        // 保存分享图到相册
+                        uni.saveImageToPhotosAlbum({
+                            filePath: url,
+                            complete: function () {
+                                if (i + 1 === num) {
+                                    self.canvasHandleStatus = false;
+                                    self.canvasShow = false;
+                                    self.fn.showModal({
+                                        title:
+                                            "已经保存" +
+                                            num +
+                                            "张商品素材图到手机相册可在相册直接查看",
+                                        showCancel: false,
+                                        confirmText: "我知道了",
+                                    });
+                                }
+                            },
+                        });
+                    }
                 }
-            })
+            }
+        },
+
+        shareEnd() {
+            this.shareRootLoading = false;
+            if (this.shareLoadList.length > 0) {
+                let val = this.shareLoadList[0];
+                this.shareLoadList.splice(0, 1);
+                this.shareLoadList = [...this.shareLoadList];
+                val.shareLoading = false;
+                this.sharePoster(val);
+            }
         },
     },