售后调试

.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

a.txt

@@ -1 +1,7 @@
-VUE_APP_API_BASE_URL = https://delivery.ixiaokejia.com
+VUE_APP_API_BASE_URL = https://delivery.ixiaokejia.com
+
+
+三方门店ID：5424_2705880
+门店名称：t_pK0XCn0TDQ
+商家端登录账号：M35PJ_2705880
+商家端登录密码：lqHtOkG3b3

src/common/store/common.js

@@ -9,8 +9,9 @@ const module = {
         curShop:{},
         tabIndex:0,
         editClassify:null,  // manage/classify-form 编辑时保存的临时数据
-        specData: null,   // manage/spec-edit 编辑时零时保存
-        skuItem: null,   // manage/spec-item-form 编辑时零时保存
+        specData: null,   // manage/spec-edit 编辑时临时保存
+        skuItem: null,   // manage/spec-item-form 编辑时临时保存
+        curOrder: null,   // index/refund 售后临时保存
     },
 
     // 同步方法

src/pages.json

@@ -46,6 +46,12 @@
                 "enablePullDownRefresh": true
             }
         },
+        {
+            "path": "pages/index/refund",
+            "style": {
+                "navigationBarTitleText": "部分退款"
+            }
+        },
         {
             "path": "pages/manage/index",
             "style": {

src/pages/index/index.vue

@@ -36,6 +36,55 @@
                                 v-for="(order, oindex) of orderList"
                                 :key="oindex"
                             >
+                                <div class="apply">
+                                    <div class="head">
+                                        <div class="tit">退款</div>
+                                    </div>
+                                    <section class="info-item">
+                                        <div class="coll">
+                                            <div class="coll-l coll-tit">
+                                                顾客申请部分退款
+                                            </div>
+                                            <div class="date coll-r">
+                                                11-24 10:43
+                                            </div>
+                                        </div>
+                                        <div class="coll">
+                                            <div class="coll-l">
+                                                金额：<span class="money-red">￥0.5</span>
+                                            </div>
+                                            <div class="date coll-r"></div>
+                                        </div>
+                                        <div class="coll">
+                                            <div class="coll-l">
+                                                商品：xxxx商品
+                                            </div>
+                                            <div class="good-r coll-r">
+                                                <span class="num">x1</span>
+                                                <span class="money">￥0.5</span>
+                                            </div>
+                                        </div>
+                                        <div class="coll">
+                                            <div class="coll-l">
+                                                商品：xxxx商品
+                                            </div>
+                                            <div class="good-r coll-r">
+                                                <span class="num">x1</span>
+                                                <span class="money">￥0.5</span>
+                                            </div>
+                                        </div>
+                                        <div class="coll">
+                                            <div class="coll-l">
+                                                理由：计划有变，不想要了计划有变，不想要了计划有变，不想要了计划有变，不想要了计划有变，不想要了计划有变，不想要了
+                                            </div>
+                                            <div class="coll-r"></div>
+                                        </div>
+                                    </section>
+                                    <div class="btns">
+                                        <span class="btn" @click="applyNo(order)">拒绝</span>
+                                        <span class="btn ok" @click="applyOk(order)">同意</span>
+                                    </div>
+                                </div>
                                 <div class="order__main">
                                     <div class="order__top">
                                         <div class="des">
@@ -143,32 +192,45 @@
                                 >
                                     备注：{{ order.orderInfo.description }}
                                 </div>
-
-                                <div class="view-detail">
+                                <div class="tools">
+                                    <div class="oper">
+                                        <span class="oper-btn">取消订单</span>
+                                        <span
+                                            class="oper-btn"
+                                            @click="refund(order)"
+                                            >部分退款</span
+                                        >
+                                    </div>
                                     <div
                                         class="view-btn"
                                         @click="orderClick(order)"
                                     >
                                         查看订单商品
                                     </div>
+                                </div>
+                                <div class="view-detail">
                                     <ul class="goods" v-if="order.viewDetail">
                                         <li
                                             v-for="good of order.orderItems"
-                                            :key="good.id"
+                                            :key="good.orderItem.id"
                                             class="goods__item"
                                         >
                                             <div class="goods__content">
                                                 <div class="goods__left">
                                                     <my-image
                                                         class="goods__img"
-                                                        :src="good.productImage"
+                                                        :src="
+                                                            good.orderItem
+                                                                .productImage
+                                                        "
                                                     ></my-image>
                                                     <div class="goods__info">
                                                         <div
                                                             class="goods__title"
                                                         >
                                                             {{
-                                                                good.productName ||
+                                                                good.orderItem
+                                                                    .productName ||
                                                                 ""
                                                             }}
                                                         </div>
@@ -176,7 +238,8 @@
                                                             class="goods__spec"
                                                         >
                                                             {{
-                                                                good.skuName ||
+                                                                good.orderItem
+                                                                    .skuName ||
                                                                 ""
                                                             }}
                                                         </div>
@@ -185,14 +248,15 @@
                                                 <div class="goods__right">
                                                     <div class="goods__price">
                                                         ¥{{
-                                                            good.price
+                                                            good.orderItem.price
                                                                 | minuteToRmb
                                                         }}
                                                     </div>
                                                     <div class="goods__num">
                                                         {{
                                                             "X" +
-                                                            (good.count || "0")
+                                                            (good.orderItem
+                                                                .count || "0")
                                                         }}
                                                     </div>
                                                 </div>
@@ -599,6 +663,29 @@ export default {
             });
         },
 
+        // 部分退款
+        refund(val) {
+            this.$store.commit("common/update", {
+                curOrder: val,
+            });
+            this.router.push({
+                path: "/pages/index/refund",
+                query: {
+                    id: val.orderInfo.id,
+                },
+            });
+        },
+
+        // 拒绝退款
+        applyNo(val){
+
+        },
+
+        // 同意退款
+        applyOk(val){
+
+        },
+
         goShopSelect() {
             this.router.push("/pages/index/select");
         },
@@ -987,8 +1074,24 @@ page {
 }
 .view-detail {
     padding: px(20) px(40) px(50);
+}
+.tools {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: px(0) px(40);
+    .oper-btn {
+        display: inline-block;
+        text-align: center;
+        line-height: px(66);
+        padding: 0 px(20);
+        font-size: px(38);
+        height: px(66);
+        border-radius: px(33);
+        border: 1px solid #f1f1f1;
+        margin-right: px(20);
+    }
     .view-btn {
-        display: block;
         text-align: right;
         font-size: px(38);
         color: #3582fb;
@@ -1101,4 +1204,66 @@ page {
     font-weight: 500;
     color: #333;
 }
+.apply {
+    padding: px(40);
+    border-bottom: 1px dashed #f1f1f1;
+    background-color: #f6f6f6;
+    .head {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding-bottom: px(10);
+        .tit {
+            font-size: px(50);
+        }
+    }
+    .info-item {
+        border-bottom: 1px solid #e9e9e9;
+        padding: px(15) 0;
+        .coll {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            color: #666;
+            font-size: px(40);
+            padding: px(0) px(30);
+            margin-top: px(20);
+        }
+        .coll-tit{
+            color: #333;
+            font-size: px(44);
+        }
+        .good-r{
+            .money{
+                display: inline-flex;
+                width: px(200);
+                justify-content: flex-end;
+            }
+        }
+    }
+    .btns{
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-top: px(30);
+        .btn{
+            width: 45%;
+            height: px(100);
+            border:1px solid #cacaca;
+            border-radius: px(50);
+            font-size: px(44);
+            text-align: center;
+            line-height: px(100);
+            background-color: #fff;
+        }
+        .ok{
+            background-color: #ff4b26;
+            border-color: #ff4b26;
+            color: #fff;
+        }
+    }
+}
+.money-red{
+    color: #ff475f;
+}
 </style>

src/pages/index/refund.vue

@@ -0,0 +1,267 @@
+<template>
+    <div class="page" :class="{ 'page--iphoneX': iphoneX }">
+        <div class="tips">温馨提示：请优先联系用户协商处理</div>
+        <div class="black-tit">请选择退款商品</div>
+        <div v-if="orderData">
+            <checkbox-group class="item-list" @change="itemChange">
+                <label
+                    class="item"
+                    v-for="(item, index) of orderData.orderItems"
+                    :key="index"
+                >
+                    <div class="check">
+                        <checkbox class="checkbox" :value="item.orderItem.id" />
+                    </div>
+                    <div class="info">
+                        <my-image
+                            :src="item.orderItem.productImage"
+                            class="img"
+                        ></my-image>
+                        <div class="data">
+                            <div class="tit">
+                                {{ item.orderItem.productName }}
+                            </div>
+                            <div class="des">
+                                <span class="price"
+                                    >￥{{
+                                        item.orderItem.price | minuteToRmb
+                                    }}</span
+                                >
+                                <span class="num"
+                                    >x {{ item.orderItem.count }}</span
+                                >
+                            </div>
+                        </div>
+                    </div>
+                </label>
+            </checkbox-group>
+        </div>
+        <div class="refund-info">
+            <div class="head">
+                <div class="tit">退款金额</div>
+                <div class="money">￥0</div>
+            </div>
+            <!-- <div class="des">
+                备注：
+            </div> -->
+        </div>
+        <div class="black-tit">请选择退款原因</div>
+        <radio-group @change="radioChange" class="info-list">
+            <label class="item" v-for="item of radioList" :key="item.key">
+                <div class="radio">
+                    <radio class="radio-inp" :value="item.value" />
+                </div>
+                <div class="info">{{ item.key }}</div>
+            </label>
+        </radio-group>
+        <div class="btn-box">
+            <span class="btn" @click="submit">确定</span>
+        </div>
+    </div>
+</template>
+
+<script>
+import MyImage from "../../components/image/index";
+
+export default {
+    name: "",
+    components: { MyImage },
+
+    // 数据
+    data() {
+        return {
+            orderData: null,
+            radioList: [
+                { key: "商品已售完", value: "商品已售完" },
+                { key: "店铺太忙", value: "店铺太忙" },
+                { key: "其他", value: "其他" },
+            ],
+            curReason: "",
+            curGoodItemIds: [],
+        };
+    },
+
+    onLoad() {
+        let curOrder = this.$store.state.common.curOrder;
+        this.orderData = curOrder;
+        console.log(curOrder);
+        this.$store.commit("common/update", {
+            curOrder: null,
+        });
+        if (!curOrder) {
+            this.router.back();
+        }
+    },
+    async onShow() {},
+    // 函数
+    methods: {
+        radioChange(e) {
+            this.curReason = e.detail.value;
+        },
+        itemChange(e) {
+            this.curGoodItemIds = e.detail.value;
+        },
+
+        submit() {
+            if (this.curGoodItemIds.length === 0) {
+                return this.fn.showToast("请选择退货项");
+            }
+            if (this.curGoodItemIds.length === this.orderData.orderItems.length) {
+                return this.fn.showToast("全部退款请选择取消订单");
+            }
+            if (!this.curReason) {
+                return this.fn.showToast("请选择退货原因");
+            }
+            let sendData = {
+                orderItemIds:this.curGoodItemIds,
+                reason:this.curReason,
+                remark:this.curReason,
+            }
+            this.api.post('/order/PartialRefundApply',sendData).then(res=>{
+
+            })
+        },
+    },
+
+    // 数据计算
+    computed: {
+        user() {
+            return this.$store.state.user.user;
+        },
+    },
+
+    // 数据监听
+    watch: {},
+};
+</script>
+
+<style lang="scss" scoped>
+.page {
+    padding-bottom: px(180);
+}
+.tips {
+    background-color: #fef9f3;
+    font-size: px(40);
+    padding: 0 px(40);
+    height: px(100);
+    line-height: px(100);
+    color: #ec883d;
+}
+.black-tit {
+    padding: px(50) px(40) px(30);
+    background-color: #f1f0f5;
+    font-size: px(42);
+}
+.btn-box {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 100;
+    background-color: #fff;
+    padding: px(40);
+    .btn {
+        display: block;
+        width: 100%;
+        height: px(110);
+        border-radius: px(10);
+        color: #fff;
+        text-align: center;
+        line-height: px(110);
+        background-color: rgb(0, 188, 38);
+    }
+}
+.item-list {
+    padding: px(20) px(40);
+    .item {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: px(40) 0;
+        border-bottom: 1px solid #f1f1f1;
+    }
+    .check {
+        width: px(100);
+        flex-shrink: 0;
+        margin-right: px(20);
+    }
+    .checkbox {
+        transform: scale(0.8);
+    }
+    .info {
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+        align-items: stretch;
+    }
+    .img {
+        width: px(180);
+        height: px(180);
+        flex-shrink: 0;
+        margin-right: px(20);
+        /deep/ img {
+            width: px(180);
+            height: px(180);
+            background: #f1f1f1;
+        }
+    }
+    .data {
+        width: 100%;
+    }
+    .tit {
+        font-size: px(44);
+        @include omits(2);
+    }
+    .des {
+        margin-top: px(20);
+    }
+    .price {
+        font-size: px(40);
+        color: #ff475f;
+    }
+    .num {
+        font-size: px(36);
+        color: #666;
+        margin-left: px(30);
+    }
+}
+.refund-info {
+    padding: px(50) px(40) px(30);
+    .head {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+    .tit {
+        font-size: px(44);
+        font-weight: 700;
+        color: #666;
+    }
+    .money {
+        font-size: px(48);
+        color: #ff475f;
+        font-weight: 700;
+    }
+}
+.info-list {
+    background-color: #fff;
+    .item {
+        padding: px(30) px(40);
+        border-bottom: 1px solid #f1f1f1;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+    .radio {
+        width: px(100);
+        flex-shrink: 0;
+        .radio-inp {
+            transform: scale(0.8);
+        }
+    }
+    .info {
+        width: 100%;
+        font-size: px(44);
+    }
+}
+</style>

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

@@ -565,6 +565,7 @@ export default {
             curSpecIndex: 0, // 当前编辑specData
             skuTableData: [], // sku表格数据  详情见initSkuTable
             skuAttrs: {}, // sku后台保存用
+            submitLoading:false,
         };
     },
     onLoad() {
@@ -905,6 +906,9 @@ export default {
 
         // 保存
         save(type) {
+            if(this.submitLoading){
+                return;
+            }
             let requiredFile1 = [
                 {
                     key: "storeId",
@@ -1060,8 +1064,9 @@ export default {
                     Number(sendData.baseInfo.tagPrice) * 100
                 );
             }
-
+            this.submitLoading = true;
             this.api.post("/product/SaveEdit", sendData).then((res) => {
+                this.submitLoading = false;
                 if (res.success) {
                     if (type === "next") {
                         this.fn.showToast("保存成功");

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

@@ -565,6 +565,7 @@ export default {
             curSpecIndex: 0, // 当前编辑specData
             skuTableData: [], // sku表格数据  详情见initSkuTable
             skuAttrs: {}, // sku后台保存用
+            submitLoading:false,
         };
     },
     onLoad(opts) {
@@ -1028,6 +1029,9 @@ export default {
 
         // 保存
         save(type) {
+            if(this.submitLoading){
+                return;
+            }
             let requiredFile1 = [
                 {
                     key: "storeId",
@@ -1181,7 +1185,9 @@ export default {
                     Number(sendData.baseInfo.tagPrice) * 100
                 );
             }
+            this.submitLoading = true;
             this.api.post("/product/SaveEdit", sendData).then((res) => {
+                this.submitLoading = false;
                 if (res.success) {
                     if (type === "next") {
                     } else {