优惠券列表

.env

@@ -7,13 +7,13 @@ NODE_ENV = 'production'
 VUE_APP_ENV = develop
 
 # 接口请求基地址
-VUE_APP_API_BASE_URL = https://delivery.ixiaokejia.com
+VUE_APP_API_BASE_URL = http://localhost:8076
 
 # 接口请求基地址
 VUE_APP_WEBSOCKET_BASE_URL = 
 
 # 图片基地址
-VUE_APP_IMAGE_BASE_URL = https://delivery.ixiaokejia.com
+VUE_APP_IMAGE_BASE_URL = http://localhost:8076
 VUE_APP_IMAGE_RESOURCE_URL = https://oss.ixiaokejia.com
 
 # 微信小程序appId

.env.develop

@@ -7,13 +7,13 @@ NODE_ENV = 'production'
 VUE_APP_ENV = production
 
 # 接口请求基地址
-VUE_APP_API_BASE_URL = https://delivery.ixiaokejia.com
+VUE_APP_API_BASE_URL = http://localhost:8076
 
 # 接口请求基地址
 VUE_APP_WEBSOCKET_BASE_URL = 
 
 # 图片基地址
-VUE_APP_IMAGE_BASE_URL = https://delivery.ixiaokejia.com
+VUE_APP_IMAGE_BASE_URL = http://localhost:8076
 VUE_APP_IMAGE_RESOURCE_URL = https://oss.ixiaokejia.com
 
 # 微信小程序appId

.env.production

@@ -7,13 +7,13 @@ NODE_ENV = 'production'
 VUE_APP_ENV = production
 
 # 接口请求基地址
-VUE_APP_API_BASE_URL = https://delivery.ixiaokejia.com
+VUE_APP_API_BASE_URL = http://localhost:8076
 
 # 接口请求基地址
 VUE_APP_WEBSOCKET_BASE_URL = 
 
 # 图片基地址
-VUE_APP_IMAGE_BASE_URL = https://delivery.ixiaokejia.com
+VUE_APP_IMAGE_BASE_URL = http://localhost:8076
 VUE_APP_IMAGE_RESOURCE_URL = https://oss.ixiaokejia.com
 
 # 微信小程序appId

src/common/api/index.js

@@ -62,6 +62,37 @@ export default {
         })
     },
 
+    /**
+     * post请求
+     * @param url
+     * @param data
+     * @param config
+     * @returns {Promise<any>}
+     */
+    put(url, data = {query: ''}, config = {}) {
+        if (data.query) {
+            url = url + '?' + qs.stringify(data)
+            delete data.query
+        }
+
+        return new Promise((resolve, reject) => {
+            ajax.put(url, {
+                // preview: Number(store.state.common.preview),
+                ...data,
+            }, {
+                isJson: true,
+                ...config,
+            }).then(res => {
+                if (res.code === '0' || config.pass === true) {
+                    resolve(res)
+                } else {
+                    plugin.showToast(res.message)
+                    reject(res)
+                }
+            })
+        })
+    },
+
     /**
      * delete请求
      * @param data

src/common/store/common.js

@@ -13,6 +13,7 @@ const module = {
         skuItem: null,   // manage/spec-item-form 编辑时临时保存
         curOrder: null,   // index/refund 售后临时保存
         disparityData:null, // index/disparity 售后临时保存
+        couponData:null, // manage/coupon/form 优惠券临时保存
     },
 
     // 同步方法

src/pages.json

@@ -148,6 +148,25 @@
                 "navigationBarTitleText": "访客数据分析"
             }
         },
+        {
+            "path": "pages/manage/coupon/form",
+            "style": {
+                "navigationBarTitleText": "新增优惠券"
+            }
+        },
+        {
+            "path": "pages/manage/coupon/form2",
+            "style": {
+                "navigationBarTitleText": "新增优惠券"
+            }
+        },
+        {
+            "path": "pages/manage/coupon/list",
+            "style": {
+                "navigationBarTitleText": "优惠券列表",
+                "enablePullDownRefresh": true
+            }
+        },
         {
             "path": "pages/pic/pic",
             "style": {

src/pages/manage/add-good-form.vue

@@ -1119,8 +1119,14 @@ export default {
                 );
             }
             this.submitLoading = true;
+            
+            uni.showLoading({
+                title: "提交中...",
+                mask:true
+            });
             this.api.post("/product/SaveEdit", sendData,{pass:true}).then((res) => {
                 this.submitLoading = false;
+                uni.hideLoading();
                 if (res.success) {
                     if (type === "next") {
                         this.fn.showToast("保存成功");

src/pages/manage/coupon/form.vue

@@ -0,0 +1,623 @@
+<template>
+    <div class="page" :class="{ 'page--iphoneX': iphoneX }">
+        <div class="form-card">
+            <section class="form-item">
+                <div class="label">
+                    <span class="required">*</span>
+                    活动名称：
+                </div>
+                <div class="box">
+                    <input
+                        type="text"
+                        class="inp-dis"
+                        v-model="form.activityName"
+                    />
+                </div>
+            </section>
+
+            <section class="form-item">
+                <div class="label">
+                    <span class="required hide">*</span>
+                    活动备注：
+                </div>
+                <div class="box">
+                    <input type="digit" v-model="form.activityRemark" />
+                </div>
+                <div class="tool">
+                    <!-- <span class="">元</span> -->
+                </div>
+            </section>
+            <section class="form-item">
+                <div class="label">
+                    <span class="required">*</span>
+                    开始时间：
+                </div>
+                <div class="box">
+                    <picker
+                        mode="date"
+                        @change="pickerDateChange('startReceiveTime', $event)"
+                        :end="pickerDateRange.endReceiveTime"
+                    >
+                        <input
+                            type="digit"
+                            v-model="form.startReceiveTime"
+                            :disabled="true"
+                        />
+                    </picker>
+                </div>
+                <div class="tool">
+                    <!-- <span class="">元</span> -->
+                </div>
+            </section>
+            <section class="form-item">
+                <div class="label">
+                    <span class="required">*</span>
+                    结束时间：
+                </div>
+                <div class="box">
+                    <picker
+                        mode="date"
+                        @change="pickerDateChange('endReceiveTime', $event)"
+                        :start="pickerDateRange.startReceiveTime"
+                    >
+                        <input
+                            type="digit"
+                            v-model="form.endReceiveTime"
+                            :disabled="true"
+                        />
+                    </picker>
+                </div>
+                <div class="tool">
+                    <!-- <span class="">元</span> -->
+                </div>
+            </section>
+
+            <section class="form-item" stype>
+                <div class="label">
+                    <span class="required hide">*</span>
+                    用券时间：
+                </div>
+                <div class="box">
+                    <ul class="spec-list">
+                        <li
+                            :class="{ on: form.couponTime === 0 }"
+                            @click="couponTimeClick(0)"
+                        >
+                            同步发券
+                        </li>
+                        <li
+                            :class="{ on: form.couponTime === 1 }"
+                            @click="couponTimeClick(1)"
+                        >
+                            自定义
+                        </li>
+                        <li
+                            :class="{ on: form.couponTime === 2 }"
+                            @click="couponTimeClick(2)"
+                        >
+                            n天内有效
+                        </li>
+                    </ul>
+                    <!-- 自定义时间 -->
+                    <black v-if="form.couponTime === 1">
+                        <div class="mo-date">
+                            <picker mode="date">
+                                <input
+                                    type="digit"
+                                    v-model="form.startUseTime"
+                                    :disabled="true"
+                                    @change="
+                                        pickerDateChange('startUseTime', $event)
+                                    "
+                                    :start="pickerDateRange.endUseTime"
+                                    placeholder="劵生效时间"
+                                />
+                            </picker>
+                        </div>
+                        <div class="mo-date">
+                            <picker mode="date">
+                                <input
+                                    type="digit"
+                                    v-model="form.endUseTime"
+                                    :disabled="true"
+                                    @change="
+                                        pickerDateChange('endUseTime', $event)
+                                    "
+                                    :start="pickerDateRange.startUseTime"
+                                    placeholder="券结束日期"
+                                />
+                            </picker>
+                        </div>
+                    </black>
+                    <!-- 多少天内有效 -->
+                    <div v-if="form.couponTime === 2" class="n-date-box">
+                        领取成功后
+                        <div class="n-date">
+                            <input
+                                type="digit"
+                                v-model="form.expiredDays"
+                                placeholder=""
+                            />
+                        </div>
+                        天有效
+                    </div>
+                </div>
+            </section>
+
+            <!-- <section class="form-item">
+                <div class="label">
+                    <span class="required hide hide">*</span>
+                    成本：
+                </div>
+                <div class="box">
+                    <input type="digit" v-model="form.cost" />
+                </div>
+            </section> -->
+            <section class="form-item">
+                <div class="label">
+                    <span class="required hide">*</span>
+                    发放方式：
+                </div>
+                <div class="box">
+                    <picker
+                        :mode="'selector'"
+                        :range="opts.grantMethod"
+                        :range-key="'key'"
+                        @change="pickerChange('grantMethod', $event)"
+                    >
+                        <input
+                            type="text"
+                            :disabled="true"
+                            :value="pickerView('grantMethod', form.grantMethod)"
+                            placeholder="请选择"
+                        />
+                    </picker>
+                </div>
+                <div class="tool"></div>
+            </section>
+            <section class="form-item">
+                <div class="label">
+                    <span class="required hide">*</span>
+                    重复领取：
+                </div>
+                <div class="box">
+                    <picker
+                        :mode="'selector'"
+                        :range="opts.repeatClaim"
+                        :range-key="'key'"
+                        @change="pickerChange('repeatClaim', $event)"
+                    >
+                        <input
+                            type="text"
+                            :disabled="true"
+                            :value="pickerView('repeatClaim', form.repeatClaim)"
+                            placeholder="请选择"
+                        />
+                    </picker>
+                </div>
+                <div class="tool"></div>
+            </section>
+            <section class="form-item">
+                <div class="label">
+                    <span class="required hide">*</span>
+                    活动范围：
+                </div>
+                <div class="box">
+                    <picker
+                        :mode="'selector'"
+                        :range="opts.isCurrency"
+                        :range-key="'key'"
+                        @change="pickerChange('isCurrency', $event)"
+                    >
+                        <input
+                            type="text"
+                            :disabled="true"
+                            :value="pickerView('isCurrency', form.isCurrency)"
+                            placeholder="请选择"
+                        />
+                    </picker>
+                </div>
+            </section>
+            <section class="form-item">
+                <div class="label">
+                    <span class="required hide">*</span>
+                    面向人群：
+                </div>
+                <div class="box">
+                    <picker
+                        :mode="'selector'"
+                        :range="opts.facingForCrowd"
+                        :range-key="'key'"
+                        @change="pickerChange('facingForCrowd', $event)"
+                    >
+                        <input
+                            type="text"
+                            :disabled="true"
+                            :value="
+                                pickerView(
+                                    'facingForCrowd',
+                                    form.facingForCrowd
+                                )
+                            "
+                            placeholder="请选择"
+                        />
+                    </picker>
+                </div>
+            </section>
+            <section class="form-item">
+                <div class="label">
+                    <span class="required hide">*</span>
+                    支持赠送：
+                </div>
+                <div class="box">
+                    <picker
+                        :mode="'selector'"
+                        :range="opts.giveToFriends"
+                        :range-key="'key'"
+                        @change="pickerChange('giveToFriends', $event)"
+                    >
+                        <input
+                            type="text"
+                            :disabled="true"
+                            :value="
+                                pickerView('giveToFriends', form.giveToFriends)
+                            "
+                            placeholder="请选择"
+                        />
+                    </picker>
+                </div>
+            </section>
+        </div>
+        <div class="btn" @click="saveOk">下一步</div>
+    </div>
+</template>
+
+<script>
+import MyImage from "../../../components/image/index";
+
+export default {
+    name: "",
+    components: { MyImage },
+    // 数据
+    data() {
+        return {
+            form: {
+                activityName: "",
+                activityRemark: "",
+                startReceiveTime: "",
+                endReceiveTime: "",
+                couponTime: 0, //用券时间 0-同步发券时间，1-自定义时间，2-领取成功后多少天内有效
+                startUseTime: "", // -自定义时间使用
+                endUseTime: "", // -自定义时间使用
+                expiredDays: 0, // 领取成功后多少天内有效使用
+                grantMethod: 0,
+                repeatClaim: true,
+                isCurrency: true,
+                facingForCrowd: 0,
+                giveToFriends: true,
+            },
+            pickerDateRange: {
+                startReceiveTime: "",
+                endReceiveTime: "",
+                startUseTime: "",
+                endUseTime: "",
+            },
+            opts: {
+                grantMethod: [
+                    { key: "公开发放", value: 0 },
+                    { key: "自行发放", value: 1 },
+                ],
+                repeatClaim: [
+                    { key: "可以", value: true },
+                    { key: "不可以", value: false },
+                ],
+                isCurrency: [
+                    { key: "全店商品", value: true },
+                    { key: "部分商品", value: false },
+                ],
+                facingForCrowd: [
+                    { key: "所有用户", value: 0 },
+                    { key: "所有会员", value: 2 },
+                    { key: "新人专享", value: 3 },
+                ],
+                giveToFriends: [
+                    { key: "支持", value: true },
+                    { key: "不支持", value: false },
+                ],
+            },
+        };
+    },
+
+    onLoad() {},
+
+    onShow() {},
+
+    // 函数
+    methods: {
+        couponTimeClick(v) {
+            this.form.couponTime = v;
+            switch (v) {
+                case 0:
+                    this.startUseTime = "";
+                    this.endUseTime = "";
+                    this.expiredDays = "";
+                    break;
+                case 1:
+                    this.expiredDays = "";
+                    break;
+                case 2:
+                    this.startUseTime = "";
+                    this.endUseTime = "";
+                    break;
+            }
+        },
+
+        pickerChange(name, e) {
+            let index = e.detail.value;
+            this.form[name] = this.opts[name][index].value;
+        },
+        pickerDateChange(name, e) {
+            console.log(e);
+            this.form[name] = e.detail.value + " 00:00:00";
+            this.pickerDateRange[name] = e.detail.value;
+        },
+        pickerView(name, v) {
+            for (let item of this.opts[name]) {
+                if (item.value === v) {
+                    return item.key;
+                }
+            }
+        },
+
+        saveOk() {
+            if (!this.form.activityName) {
+                return this.fn.showToast("请输入活动名称");
+            }
+            if (!this.form.startReceiveTime) {
+                return this.fn.showToast("请选择开始时间");
+            }
+            if (!this.form.endReceiveTime) {
+                return this.fn.showToast("请选择结束时间");
+            }
+
+            let data = { ...this.form };
+            switch (this.form.couponTime) {
+                case 0:
+                    delete data.startUseTime;
+                    delete data.endUseTime;
+                    delete data.expiredDays;
+                    break;
+                case 1:
+                    delete data.expiredDays;
+                    break;
+                case 2:
+                    delete data.startUseTime;
+                    delete data.endUseTime;
+                    break;
+            }
+            this.$store.commit("common/update", {
+                couponData: data,
+            });
+            this.router.push({
+                path: "/pages/manage/coupon/form2",
+            });
+        },
+    },
+
+    // 数据计算
+    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);
+    & ~ .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);
+    }
+    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/coupon/form2.vue

@@ -0,0 +1,354 @@
+<template>
+    <div class="page" :class="{ 'page--iphoneX': iphoneX }">
+        <div class="form-card">
+            <section class="form-item">
+                <div class="label">
+                    <span class="required hide">*</span>
+                    满减券
+                </div>
+                <div class="box">
+                    <!-- <input type="text" class="inp-dis" v-model="form.key" /> -->
+                </div>
+            </section>
+
+            <section class="form-item">
+                <div class="label">
+                    <span class="required hide">*</span>
+                    无门槛：
+                </div>
+                <div class="box">
+                    <switch
+                        :checked="form.noThreshold"
+                        @change="noThresholdChange"
+                    ></switch>
+                </div>
+                <div class="tool"></div>
+            </section>
+
+            <section class="form-item" v-if="form.noThreshold === false">
+                <div class="label">
+                    <span class="required hide">*</span>
+                    满：
+                </div>
+                <div class="box">
+                    <input type="digit" v-model="form.minimumAmount" />
+                </div>
+                <div class="tool">
+                    <span class="">元</span>
+                </div>
+            </section>
+
+            <section class="form-item">
+                <div class="label">
+                    <span class="required hide">*</span>
+                    减：
+                </div>
+                <div class="box">
+                    <input type="digit" v-model="form.value" />
+                </div>
+                <div class="tool">
+                    <span class="">元</span>
+                </div>
+            </section>
+
+            <section class="form-item">
+                <div class="label">
+                    <span class="required hide">*</span>
+                    发行数量：
+                </div>
+                <div class="box">
+                    <input type="digit" v-model="form.total" />
+                </div>
+                <div class="tool">
+                    <span class="">张</span>
+                </div>
+            </section>
+        </div>
+        <div class="btn" @click="saveOk">提交</div>
+    </div>
+</template>
+
+<script>
+import MyImage from "../../../components/image/index";
+
+export default {
+    name: "",
+    components: { MyImage },
+    // 数据
+    data() {
+        return {
+            couponData: {},
+            form: {
+                type: 0,
+                noThreshold: false,
+                minimumAmount: null,
+                value: null,
+                total: null,
+            },
+        };
+    },
+
+    onLoad() {},
+
+    onShow() {
+        if (this.$store.state.common.couponData) {
+            this.couponData = { ...this.$store.state.common.couponData };
+
+            this.$store.commit("common/update", {
+                couponData: null,
+            });
+        } else {
+            this.router.back();
+        }
+    },
+
+    // 函数
+    methods: {
+        noThresholdChange(e) {
+            this.form.noThreshold = e.detail.value;
+            if (this.form.noThreshold) {
+                this.minimumAmount = null;
+            }
+        },
+        saveOk() {
+            if (this.submitLoading) {
+                return;
+            }
+            if (this.form.noThreshold === true) {
+                if (!this.form.value) {
+                    return this.fn.showToast("请输入优惠金额");
+                }
+            } else {
+                if (!this.form.minimumAmount) {
+                    return this.fn.showToast("请输入门槛金额");
+                }
+                if (!this.form.value) {
+                    return this.fn.showToast("请输入优惠金额");
+                }
+                if (
+                    Number(this.form.minimumAmount) <= Number(this.form.value)
+                ) {
+                    return this.fn.showToast("优惠金额必须小于门槛金额");
+                }
+            }
+            if (!this.form.minimumAmount) {
+                return this.fn.showToast("请输入门槛金额");
+            }
+            if (!this.form.value) {
+                return this.fn.showToast("请输入优惠金额");
+            }
+            if (Number(this.form.minimumAmount) <= Number(this.form.value)) {
+                return this.fn.showToast("优惠金额必须小于门槛金额");
+            }
+            if (!this.form.total) {
+                return this.fn.showToast("请输入发行数量");
+            }
+            let sendData = {
+                ...this.couponData,
+                ...this.form,
+            };
+            if (this.form.noThreshold === true) {
+                delete sendData.minimumAmount;
+            } else {
+                sendData.minimumAmount = parseInt(sendData.minimumAmount * 100);
+                sendData.value = parseInt(sendData.value * 100);
+                sendData.total = parseInt(sendData.total);
+            }
+
+            this.submitLoading = true;
+            uni.showLoading({
+                title: "提交中...",
+                mask: true,
+            });
+            console.log(sendData);
+            this.api
+                .put("/Coupon/AddCoupon", sendData, { pass: true })
+                .then((res) => {
+                    this.submitLoading = false;
+                    uni.hideLoading();
+                    if (res.success) {
+                        this.fn.showToast("保存成功");
+                        this.router.go(2);
+                    } else {
+                        this.fn.showModal({
+                            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);
+    & ~ .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);
+    }
+    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);
+    }
+}
+</style>

src/pages/manage/coupon/list.vue

@@ -0,0 +1,279 @@
+<template>
+    <div class="page">
+        <!-- data-list -->
+        <div class="btn" @click="jump('/pages/manage/coupon/form')">
+            新增优惠券
+        </div>
+        <div class="data-list">
+            <div class="filter">
+                <!-- <div >时间选择</div> -->
+                <ul class="date-list">
+                    <li @click="tabClick(0)" :class="{ on: activeTab === 0 }">
+                        全店优惠券
+                    </li>
+                    <li @click="tabClick(1)" :class="{ on: activeTab === 1 }">
+                        部分优惠券
+                    </li>
+                </ul>
+                <ul class="date-list chart-view">
+                    <li
+                        :class="{ on: activestatus === 1 }"
+                        @click="statusClick(1)"
+                    >
+                        进行中
+                    </li>
+                    <li
+                        :class="{ on: activestatus === 0 }"
+                        @click="statusClick(0)"
+                    >
+                        未开始
+                    </li>
+                    <li
+                        :class="{ on: activestatus === 2 }"
+                        @click="statusClick(2)"
+                    >
+                        已结束
+                    </li>
+                </ul>
+            </div>
+            <ul class="coupon-list">
+                <li class="item" v-for="item of dataList" :key="item.id">
+                    <div class="val name">
+                        活动名称：{{ item.activityName }}
+                    </div>
+                    <div class="val">
+                        <span class="k">优惠内容：</span> {{ item.name }}
+                    </div>
+                    <div class="val">
+                        <span class="k">有效期：</span>
+                        {{ item.startReceiveTime }}——{{ item.endReceiveTime }}
+                    </div>
+                    <div class="con">
+                        <div class="val">
+                            <span class="k">发放形式：</span
+                            >{{ item.grantMethod ? "自行发放" : "公开发放" }}
+                        </div>
+                        <div class="val">
+                            <span class="k">面向人群：</span
+                            >{{ item.facingForCrowd | facingForCrowdFilter }}
+                        </div>
+                        <div class="val">
+                            <span class="k">总数量：</span>{{ item.stock }}
+                        </div>
+                        <div class="val">
+                            <span class="k">已发放：</span
+                            >{{ item.total - item.stock }}
+                        </div>
+                        <div class="val">
+                            <span class="k">已使用：</span>{{ item.usedCount }}
+                        </div>
+                        <div class="val">
+                            <span class="k">是否有门槛：</span
+                            >{{ item.noThreshold ? "无" : "有" }}
+                        </div>
+                    </div>
+                </li>
+            </ul>
+            <div class="empty-text" v-if="dataList.length === 0">无数据</div>
+        </div>
+    </div>
+</template>
+
+<script>
+import MyImage from "../../../components/image/index";
+
+export default {
+    name: "",
+    components: { MyImage },
+    filters: {
+        facingForCrowdFilter(v) {
+            switch (v) {
+                case 0:
+                    return "所有用户";
+                case 2:
+                    return "所有会员";
+                case 3:
+                    return "新人专享";
+
+                default:
+                    return "";
+            }
+        },
+    },
+    // 数据
+    data() {
+        return {
+            activeTab: 0,
+            activestatus: 1,
+            pageIndex: 1,
+            dataList: [],
+            dataEnd: false,
+        };
+    },
+
+    onLoad() {},
+    async onShow() {
+        this.getList();
+    },
+    onPullDownRefresh() {
+        this.getListMore();
+    },
+    // 函数
+    methods: {
+        tabClick(v) {
+            this.activeTab = v;
+            this.getList();
+        },
+        statusClick(v) {
+            this.activestatus = v;
+            this.getList();
+        },
+
+        getList() {
+            this.pageIndex = 1;
+            this.dataEnd = false;
+            let sendData = {
+                storeId: this.user.storeId,
+                type: this.activeTab,
+                status: this.activestatus,
+                pageIndex: this.pageIndex,
+                pageSize: 20,
+            };
+            uni.showLoading({
+                title: "加载中...",
+            });
+            this.api.get("/Coupon/GetList", sendData).then((res) => {
+                uni.hideLoading();
+                this.dataList = res.data.data;
+            });
+        },
+
+        getListMore() {
+            if (this.dataEnd) {
+                return;
+            }
+            this.pageIndex++;
+            let sendData = {
+                storeId: this.user.storeId,
+                type: this.activeTab,
+                status: this.activestatus,
+                pageIndex: this.pageIndex,
+                pageSize: 20,
+            };
+            this.api.get("/Coupon/GetList", sendData).then((res) => {
+                uni.hideLoading();
+                this.dataList = [...this.dataList, ...res.data.data];
+                if (res.data.data.length === 0) {
+                    this.dataEnd = true;
+                }
+            });
+        },
+    },
+
+    // 数据计算
+    computed: {
+        user() {
+            return this.$store.state.user.user;
+        },
+    },
+
+    // 数据监听
+    watch: {},
+};
+</script>
+
+<style lang="scss" scoped>
+.page {
+    padding-bottom: px(50);
+}
+.data-list {
+    background-color: #fff;
+}
+.filter {
+    padding: px(30);
+    .date-list {
+        display: flex;
+        justify-content: space-between;
+        font-size: px(44);
+        text-align: center;
+        li {
+            border: 1px solid #f1f1f1;
+            padding: px(20) 0;
+            width: 50%;
+            flex-shrink: 0;
+            &:first-child {
+                border-radius: px(20) 0 0 px(20);
+            }
+            &:last-child {
+                border-radius: 0 px(20) px(20) 0;
+            }
+            &.on {
+                border-color: rgb(0, 188, 38);
+                color: rgb(0, 188, 38);
+            }
+        }
+    }
+
+    .chart-view {
+        width: 100%;
+        margin: px(30) auto 0;
+        border-radius: px(10);
+        li {
+            width: 33.333333%;
+            &:first-child {
+                border-radius: px(20) 0 0 px(20);
+            }
+            &:last-child {
+                border-radius: 0 px(20) px(20) 0;
+            }
+        }
+    }
+}
+.empty-text {
+    text-align: center;
+    padding: px(30);
+    font-size: px(44);
+    color: #999;
+}
+.link {
+    color: #4395ff;
+}
+.coupon-list {
+    .item {
+        padding: px(35);
+        border-bottom: 1px solid #f1f1f1;
+    }
+    .val {
+        font-size: px(40);
+        padding: px(5);
+    }
+    .con {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        .val {
+            width: 50%;
+        }
+    }
+    .k {
+        color: #999;
+    }
+    .name {
+        font-size: px(44);
+        font-weight: 700;
+        padding-bottom: px(10);
+    }
+}
+.btn {
+    margin: px(20) px(35);
+    border-radius: px(20);
+    height: px(120);
+    background-color: #fff;
+    border: 1px solid #f1f1f1;
+    color: #333;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 100;
+}
+</style>

src/pages/manage/edit-good-form.vue

@@ -1248,10 +1248,15 @@ export default {
                 );
             }
             this.submitLoading = true;
+            uni.showLoading({
+                title: "提交中...",
+                mask:true
+            });
             this.api
                 .post("/product/SaveEdit", sendData, { pass: true })
                 .then((res) => {
                     this.submitLoading = false;
+                uni.hideLoading();
                     if (res.success) {
                         if (type === "next") {
                         } else {

src/pages/manage/index.vue

@@ -51,6 +51,13 @@
                 ></my-image>
                 <span class="text">数据统计</span>
             </li>
+            <li class="item" @click="jump('/pages/manage/coupon/list')">
+                <my-image
+                    class="img"
+                    src="/static/icon/coupon.png"
+                ></my-image>
+                <span class="text">优惠券</span>
+            </li>
         </ul>
 
         <button class="btn" @click="layout">退出登录</button>