添加平台 群设置

releaselog.md

@@ -1,5 +1,8 @@
 
 
+# 0.5.2 (21.03.20 18:00) 
+### 添加平台  群设置
+
 # 0.5.1 (21.03.18 18:00) 
 ### 我的钱包
 

src/common/store/common.js

@@ -20,6 +20,8 @@ const module = {
         groupData:null, //assistant/setting/xxx 临时保存
         platformData:null,//assistant/setting2/xxx 临时保存
         withdrawalData:null,//wallet/detail/ 临时保存
+        welcomeData:null, // assistant/welcome-item 临时保存
+        welcomeItemData:null,// assistant/welcome-item 临时保存
         tabList:[{
             id: 1,
             name: "订单",

src/pages.json

@@ -483,6 +483,12 @@
             "style": {
                 "navigationBarTitleText": "添加平台"
             }
+        },
+        {
+            "path": "pages/assistant/welcome-item",
+            "style": {
+                "navigationBarTitleText": "群消息"
+            }
         }
     ]
 }

src/pages/assistant/set-welcome.vue

@@ -0,0 +1,324 @@
+<template>
+    <div class="page">
+        <div class="list-item" v-for="(item, index) of welcome" :key="index">
+            <div class="con">
+                <div class="l-con">
+                    <div class="index">第{{ index + 1 }}条：</div>
+                    <div class="type">{{ item.type | welcomeType }}</div>
+                </div>
+                <div class="r-con">
+                    <block v-if="item.type === 1">
+                        <div @click="viewImg(item.content)">
+                            <my-image
+                                class="main-img"
+                                :src="item.content"
+                            ></my-image>
+                        </div>
+                    </block>
+                    <block v-else>{{ item.content }}</block>
+                </div>
+            </div>
+            <div class="tool" @click="menu(item, index)">
+                <my-image class="menu" src="/static/icon/menu.png"></my-image>
+            </div>
+        </div>
+
+        <div class="btns">
+            <button type="button" class="btn" @click="add">
+                添加群欢迎消息
+            </button>
+        </div>
+    </div>
+</template>
+
+<script>
+import MyImage from "../../components/image/index";
+let welcomeType = {
+    0: "文字",
+    1: "图片",
+    2: "视频",
+    3: "网页链接",
+    4: "小程序",
+    5: "产品",
+    6: "优惠券",
+    7: "产品列表",
+    8: "首页",
+    9: "会员码",
+    10: "今日推荐",
+    11: "京东首页",
+    12: "京东秒杀",
+    13: "微信名片",
+    14: "平台店铺首页",
+    15: "平台产品页",
+    16: "平台优惠券",
+    17: "平台会员码",
+    18: "平台今日推荐",
+    19: "平台产品分类页",
+    999: "登录码",
+};
+export default {
+    name: "",
+    components: { MyImage },
+
+    // 数据
+    data() {
+        return {
+            groupData: {},
+            welcome: [],
+        };
+    },
+    filters: {
+        welcomeType(v) {
+            return welcomeType[v] || "";
+        },
+    },
+
+    onLoad(opts) {},
+    async onShow() {
+        this.getList();
+    },
+    // 函数
+    methods: {
+        getList() {
+            let gid = this.$store.state.common.groupData._id;
+            this.api
+                .get("/Group/GetGroup", { gid }, { pass: true })
+                .then((res) => {
+                    this.groupData = res.data;
+                    this.welcome = this.groupData.welcome || [];
+                });
+        },
+        menu(item, index) {
+            // "上移", "下移"
+            let arr = ["编辑", "删除"];
+            if (index !== 0) {
+                arr.push("上移");
+            }
+            if (index !== this.welcome.length - 1) {
+                arr.push("下移");
+            }
+            uni.showActionSheet({
+                itemList: arr,
+                success: (res) => {
+                    let tapIndex = res.tapIndex;
+                    switch (arr[tapIndex]) {
+                        case "编辑":
+                            this.edit(item, index);
+                            break;
+                        case "删除":
+                            this.remove(item, index);
+                            break;
+                        case "上移":
+                            this.up(item, index);
+                            break;
+                        case "下移":
+                            this.down(item, index);
+                            break;
+                    }
+                    console.log(res, item);
+                },
+            });
+        },
+        edit(v, index) {
+            this.$store.commit("common/update", {
+                welcomeData: this.welcome,
+                welcomeItemData: v,
+            });
+            this.router.push({
+                path: "/pages/assistant/welcome-item",
+                query: {
+                    type: index,
+                    gid: this.groupData._id,
+                    index
+                },
+            });
+        },
+        up(v, index) {
+            let arr = [...this.welcome];
+            arr.splice(index, 1);
+            arr.splice(index - 1, 0, v);
+            let data = {
+                id: this.groupData._id,
+                welcome: [...arr],
+            };
+            this.api
+                .post("/Group/SetWelcome", data, { pass: true })
+                .then((res) => {
+                    this.submitLoading = false;
+                    if (res.success) {
+                        this.fn.showToast("移动成功");
+                        this.welcome = arr;
+                    } else {
+                        this.fn.showModal({
+                            title: "移动失败",
+                            content: "错误信息:" + res.message,
+                            showCancel: false,
+                        });
+                    }
+                });
+        },
+        down(v, index) {
+            let arr = [...this.welcome];
+            arr.splice(index, 1);
+            arr.splice(index + 1, 0, v);
+
+            let data = {
+                id: this.groupData._id,
+                welcome: [...arr],
+            };
+            this.api
+                .post("/Group/SetWelcome", data, { pass: true })
+                .then((res) => {
+                    this.submitLoading = false;
+                    if (res.success) {
+                        this.fn.showToast("移动成功");
+                        this.welcome = arr;
+                    } else {
+                        this.fn.showModal({
+                            title: "移动失败",
+                            content: "错误信息:" + res.message,
+                            showCancel: false,
+                        });
+                    }
+                });
+        },
+
+        remove(v, index) {
+            this.welcome.splice(index, 1);
+            console.log(this.welcome, index);
+            let data = {
+                id: this.groupData._id,
+                welcome: this.welcome,
+            };
+            this.api
+                .post("/Group/SetWelcome", data, { pass: true })
+                .then((res) => {
+                    this.submitLoading = false;
+                    uni.hideLoading();
+                    if (res.success) {
+                        this.fn.showToast("删除成功");
+                    } else {
+                        this.fn.showModal({
+                            title: "删除失败",
+                            content: "错误信息:" + res.message,
+                            showCancel: false,
+                        });
+                    }
+                });
+        },
+        add() {
+            uni.showActionSheet({
+                //, , "小程序消息"
+                itemList: ["文字消息", "图片消息"],
+                success: (res) => {
+                    let index = res.tapIndex;
+
+                    this.$store.commit("common/update", {
+                        welcomeData: this.welcome,
+                    });
+                    this.router.push({
+                        path: "/pages/assistant/welcome-item",
+                        query: {
+                            type: index,
+                            gid: this.groupData._id,
+                        },
+                    });
+                },
+            });
+        },
+
+        viewImg(url) {
+            uni.previewImage({
+                urls: [url],
+            });
+        },
+    },
+
+    // 数据计算
+    computed: {
+        user() {
+            return this.$store.state.user.user;
+        },
+    },
+
+    // 数据监听
+    watch: {},
+};
+</script>
+
+<style lang="scss" scoped>
+.page {
+    padding-bottom: 4em;
+}
+.list-item {
+    padding: px(40);
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    background-color: #fff;
+    border-bottom: 1px solid #f1f1f1;
+    .menu {
+        width: px(60);
+        height: px(60);
+        flex-shrink: 0;
+        margin-left: px(40);
+        /deep/ img {
+            width: px(60);
+            height: px(60);
+        }
+    }
+    .con {
+        width: 100%;
+        display: flex;
+        align-items: flex-start;
+        justify-content: space-between;
+    }
+    .l-con {
+        width: px(220);
+        flex-shrink: 0;
+        margin-right: px(10);
+        .index {
+            font-size: px(44);
+        }
+        .type {
+            font-size: px(42);
+            margin-top: px(10);
+            color: #666;
+        }
+    }
+    .r-con {
+        width: 100%;
+        font-size: px(44);
+        line-height: 1.5;
+    }
+}
+.btns {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 100;
+    .btn {
+        background-color: rgb(0, 188, 38);
+        color: #fff;
+        border-radius: 0;
+        font-size: px(50);
+        border: none;
+        width: 100%;
+        & ~ .btn {
+            border-left: 1px solid #999;
+        }
+    }
+}
+.main-img {
+    width: px(200);
+    height: px(200);
+    /deep/ img {
+        width: px(200);
+        height: px(200);
+    }
+}
+</style>

src/pages/assistant/welcome-item.vue

@@ -0,0 +1,373 @@
+<template>
+    <div class="page" :class="{ 'page--iphoneX': iphoneX }">
+        <div class="form-card" v-if="type === '0'">
+            <section class="form-item">
+                <div class="label">
+                    <span class="required">*</span>
+                    消息内容：
+                </div>
+                <div class="box">
+                    <div class="con">
+                        <textarea
+                            v-model="content"
+                            :maxlength="1048"
+                            :auto-height="true"
+                        ></textarea>
+                    </div>
+                </div>
+            </section>
+        </div>
+        <div class="form-card" v-if="type === '1'">
+            <section class="form-item">
+                <div class="label">
+                    <span class="required">*</span>
+                    消息内容：
+                </div>
+                <div class="box">
+                    <div class="con">
+                        <easy-upload
+                            :types="'image'"
+                            v-model="mainImage"
+                            :uploadCount="1"
+                            @change="mainImgChange"
+                        ></easy-upload>
+                    </div>
+                </div>
+            </section>
+        </div>
+        <div class="btn" @click="saveOk">保存</div>
+    </div>
+</template>
+
+<script>
+import MyImage from "../../components/image/index";
+import easyUpload from "../../components/easy-upload/easy-upload";
+
+export default {
+    name: "",
+    components: { MyImage, easyUpload },
+    // 数据
+    data() {
+        return {
+            type: "0", // 0文字  1图片 2小程序
+            gid: "", // 群id
+            welcome: [],
+            content: "",
+            submitLoading: false,
+            mainImage: [],
+            welcomeItem: null,
+            itemIndex: null,
+        };
+    },
+
+    onLoad(opts) {
+        this.welcome = this.$store.state.common.welcomeData;
+        this.gid = opts.gid;
+        if (opts.index) {
+            this.welcomeItem = this.$store.state.common.welcomeItemData;
+            this.type = String(this.welcomeItem.type);
+            this.content = this.welcomeItem.content;
+            if (this.type === "1") {
+                setTimeout(() => {
+                    this.mainImage = [this.content];
+                });
+            }
+            this.itemIndex = opts.index;
+        } else {
+            this.type = opts.type;
+        }
+    },
+
+    onShow() {},
+
+    // 函数
+    methods: {
+        mainImgChange(e) {
+            this.content = e[0] || "";
+        },
+        saveOk() {
+            if (this.submitLoading) {
+                return;
+            }
+            if (!this.content) {
+                return this.fn.showToast("请填写内容");
+            }
+            uni.showLoading({
+                title: "提交中...",
+                mask: true,
+            });
+            let data = {
+                id: this.gid,
+                welcome: [...this.welcome],
+            };
+            if (this.welcomeItem) {
+                let itemIndex = Number(this.itemIndex);
+
+                data.welcome.splice(itemIndex, 1, {
+                    ...this.welcomeItem,
+                    content: this.content,
+                });
+            } else {
+                if (this.type === "0") {
+                    // 文字消息
+                    data.welcome.push({
+                        type: 0,
+                        content: this.content,
+                        amount: 1,
+                    });
+                } else if (this.type === "1") {
+                    // 文字消息
+                    data.welcome.push({
+                        type: 1,
+                        content: this.content,
+                        amount: 1,
+                    });
+                }
+            }
+
+            this.submitLoading = true;
+            this.api
+                .post("/Group/SetWelcome", data, { pass: true })
+                .then((res) => {
+                    this.submitLoading = false;
+                    uni.hideLoading();
+                    if (res.success) {
+                        this.fn.showToast("修改成功");
+                        this.router.back();
+                    } else {
+                        this.fn.showModal({
+                            title: "修改失败",
+                            content: "错误信息:" + res.message,
+                            showCancel: false,
+                        });
+                    }
+                });
+        },
+    },
+
+    // 数据计算
+    computed: {},
+
+    // 数据监听
+    watch: {},
+};
+</script>
+
+
+<style lang="scss" scoped>
+.page {
+    padding-bottom: px(120);
+    min-height: 100vh;
+}
+.page--iphoneX {
+    padding-bottom: px(150);
+    .btn {
+        padding-bottom: px(30);
+        background-color: rgb(0, 188, 38);
+    }
+}
+.form-card {
+    background-color: #fff;
+    padding: 0 px(30);
+    & ~ .form-card {
+        margin-top: px(25);
+    }
+    .head {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        height: px(140);
+        background-color: #fbfbfb;
+        border-bottom: 1px solid #f1f1f1;
+        border-top: 1px solid #f1f1f1;
+        font-size: px(44);
+    }
+}
+.form-item {
+    display: flex;
+    min-height: px(140);
+    padding: px(30) 0;
+    box-sizing: border-box;
+    align-items: center;
+    font-size: px(44);
+    &.dis-item {
+        color: #999;
+        background: #f9f9f9;
+    }
+    & ~ .form-item {
+        border-top: 1px solid #f1f1f1;
+    }
+    .label {
+        width: px(240);
+        flex-shrink: 0;
+        color: #999;
+        margin-right: px(10);
+    }
+    .box {
+        width: 100%;
+        position: relative;
+        input {
+            width: 100%;
+        }
+    }
+    .tool {
+        flex-shrink: 0;
+        color: #999;
+        margin-left: px(10);
+    }
+    .tip {
+        font-size: px(36);
+        color: #e6a23c;
+        margin-top: px(5);
+    }
+    textarea,
+    input {
+        max-width: 100%;
+        width: 100%;
+    }
+}
+.list {
+    // min-height: 100vh;
+    // background-color: #fff;
+    // border-bottom: 1px solid #f1f1f1;
+    li {
+        padding: px(0) px(35);
+        height: px(140);
+        line-height: px(140);
+        font-size: px(44);
+        border-top: 1px solid #f1f1f1;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+    .tools {
+        display: flex;
+        align-items: center;
+        flex-shrink: 0;
+        span {
+            display: inline-block;
+            border: 1px solid #f1f1f1;
+            font-size: px(36);
+            height: px(80);
+            width: px(120);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            & ~ span {
+                margin-left: px(30);
+            }
+        }
+        .remove {
+            color: #f00;
+        }
+    }
+}
+.btn {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    height: px(120);
+    background-color: rgb(0, 188, 38);
+    color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 100;
+}
+.add-btn {
+    height: px(120);
+    color: #333;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: px(50) px(35) 0;
+    border: 1px solid #ccc;
+    border-radius: px(10);
+}
+.code-tool {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    .scan-img {
+        flex-shrink: 0;
+        width: px(80);
+        height: px(80);
+        /deep/ img {
+            width: px(80);
+            height: px(80);
+        }
+    }
+    .generate {
+        color: #0097d1;
+        margin-right: px(30);
+        flex-shrink: 0;
+    }
+}
+.required {
+    color: #f00;
+    font-size: px(44);
+    &.hide {
+        visibility: hidden;
+    }
+}
+.inp-dis {
+    color: #999;
+}
+
+.img-card {
+    padding-top: px(30);
+    padding-bottom: px(30);
+}
+.form-img-item {
+    .tit {
+        padding: px(30);
+        font-size: px(44);
+    }
+}
+
+.spec-list {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    li {
+        width: 33.333333%;
+        font-size: px(40);
+        height: px(100);
+        border: 1px solid #f1f1f1;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #999;
+        & ~ li {
+            // border-left: none;
+        }
+        &.on {
+            color: rgb(0, 188, 38);
+            border-color: rgb(0, 188, 38);
+        }
+    }
+}
+.mo-date {
+    margin-top: px(20);
+    border-bottom: 1px solid #f1f1f1;
+    background: #fbfbfb;
+    font-size: px(40);
+    padding: px(10);
+}
+.n-date-box {
+    margin-top: px(20);
+    font-size: px(40);
+}
+.n-date {
+    border-bottom: 1px solid #f1f1f1;
+    background: #fbfbfb;
+    padding: 0 px(20);
+    display: inline-block;
+    width: px(200);
+    font-size: px(44);
+    vertical-align: bottom;
+}
+</style>

src/pages/manage/index.vue

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