提现流程（暂时隐藏）

src/pages.json

@@ -496,6 +496,25 @@
             "style": {
                 "navigationBarTitleText": "群消息"
             }
+        },
+        {
+            "path": "pages/wallet/withdrawal-list",
+            "style": {
+                "navigationBarTitleText": "提现列表",
+                "enablePullDownRefresh": true
+            }
+        },
+        {
+            "path": "pages/wallet/withdrawal-detail",
+            "style": {
+                "navigationBarTitleText": "提现详情"
+            }
+        },
+        {
+            "path": "pages/youxuan/index",
+            "style": {
+                "navigationBarTitleText": "优选管理"
+            }
         }
     ]
 }

src/pages/manage/index.vue

@@ -38,6 +38,13 @@
                     <my-image class="img" :src="item.icon"></my-image>
                     <span class="text">{{ item.name }}</span>
                 </li>
+                <li class="item" @click="jump('/pages/youxuan/index')">
+                    <my-image
+                        class="img"
+                        src="/static/icon/money.png"
+                    ></my-image>
+                    <span class="text">优选管理</span>
+                </li>
                 <!-- <block v-if="storeStatus === 0 || storeStatus === 1">
                         <li
                             class="item"
@@ -50,19 +57,13 @@
                             <span class="text">店铺设置</span>
                         </li>
                     </block>
+                  
                     <li class="item" @click="jump('/pages/wallet/index')">
                         <my-image
                             class="img"
                             src="/static/icon/money.png"
                         ></my-image>
                         <span class="text">我的钱包</span>
-                    </li> -->
-                    <!-- <li class="item" @click="jump('/pages/wallet/index')">
-                        <my-image
-                            class="img"
-                            src="/static/icon/money.png"
-                        ></my-image>
-                        <span class="text">我的钱包</span>
                     </li>  -->
                 <li class="item" @click="jump('/pages/manage/user/index')">
                     <my-image

src/pages/wallet/index.vue

@@ -70,7 +70,16 @@
             </button>
         </div>
         <div class="card record">
-            <h1 class="tit">提现记录</h1>
+            <h1 class="tit">
+                提现记录
+                <!-- <span class="more" @click="jump('/pages/wallet/withdrawal-list')">
+                    查看更多
+                    <my-image
+                        class="arrow"
+                        src="/static/common/arrows_left.png"
+                    ></my-image>
+                </span> -->
+            </h1>
             <ul class="table">
                 <li class="row">
                     <div class="item">申请时间</div>
@@ -78,7 +87,7 @@
                     <div class="item">金额</div>
                     <div class="item">状态</div>
                 </li>
-                <li class="row" v-for="item of withdrawalList" :key="item.id">
+                <li class="row" v-for="item of withdrawalList" :key="item.id" >
                     <div class="item">
                         {{ item.applyTime | dateFormat("yyyy/MM/dd") }}
                     </div>
@@ -129,8 +138,8 @@ export default {
             loading: false,
             showErr: false,
             errStr: "",
-            deviceName:'',
-            deviceInfo:''
+            deviceName: "",
+            deviceInfo: "",
         };
     },
     filters: {
@@ -154,11 +163,11 @@ export default {
         },
     },
     onLoad() {
-    let self = this;
+        let self = this;
         uni.getSystemInfo({
             success: function (res) {
-               self.deviceName = res.brand;
-               self.deviceInfo = res.model;
+                self.deviceName = res.brand;
+                self.deviceInfo = res.model;
             },
         });
     },
@@ -208,8 +217,8 @@ export default {
             let data = {
                 amount: this.formVal * 100,
                 // remark: value,
-                deviceInfo:this.deviceInfo,
-                deviceName:this.deviceName
+                deviceInfo: this.deviceInfo,
+                deviceName: this.deviceName,
             };
             this.api
                 .post("/User/Withdrawal", data, { pass: true })
@@ -278,6 +287,25 @@ export default {
         font-size: px(44);
         font-weight: bold;
         padding-bottom: px(20);
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+    }
+    .more {
+        color: #409eff;
+        font-size: px(40);
+        display: flex;
+        align-items: center;
+        font-weight: normal;
+        .arrow {
+            width: px(30);
+            height: px(30);
+            transform: rotate(180deg);
+            /deep/ img {
+                width: px(30);
+                height: px(30);
+            }
+        }
     }
 }
 .info {

src/pages/wallet/withdrawal-detail.vue

@@ -0,0 +1,145 @@
+<template>
+    <div class="page">
+        <div class="card">
+            <!-- <uni-steps :options="data" direction="column" :active="2"></uni-steps> -->
+            <ul class="list">
+                <li>
+                    <span class="key">账单类型：</span>
+                    <span class="value">{{ data.type | type }}</span>
+                </li>
+                <li>
+                    <span class="key">账单金额：</span>
+                    <span class="value">{{ data.amount / 100 }}</span>
+                </li>
+                <li>
+                    <span class="key">创建时间：</span>
+                    <span class="value">{{ data.createdTime || "" }}</span>
+                </li>
+                <li>
+                    <span class="key">备注：</span>
+                    <span class="value remark">{{ data.remark || "" }}</span>
+                </li>
+                <li>
+                    <span class="key">状态：</span>
+                    <span class="value">{{ data.status || "" }}</span>
+                </li>
+                <li>
+                    <span class="key">结算时间：</span>
+                    <span class="value">{{ data.settlementTime || "" }}</span>
+                </li>
+            </ul>
+        </div>
+    </div>
+</template>
+
+<script>
+import MyImage from "../../components/image/index";
+import uSteps from "../../components/uni-steps/uni-steps";
+
+export default {
+    name: "",
+    components: { MyImage, uSteps },
+    filters: {
+        status(v) {
+            let obj = {
+                0: "审核中",
+                1: "待打款",
+                2: "已完成",
+                3: "未通过",
+                4: "打款失败",
+            };
+            let str = obj[v];
+            return str || "";
+        },
+        type(v) {
+            let obj = {
+                1: "充值",
+                2: "消费",
+                3: "退款",
+                4: "收益",
+                5: "收益返还",
+                6: "提现",
+            };
+            let str = obj[v];
+            return str || "";
+        },
+    },
+    // 数据
+    data() {
+        return {
+            data: {},
+            id: "",
+        };
+    },
+    onLoad(opts) {
+        this.id = opts.id;
+        this.getDetail();
+    },
+    async onShow() {},
+
+    // 函数
+    methods: {
+        getDetail() {
+            uni.showLoading({
+                title: "加载中...",
+            });
+            this.api
+                .get("/User/GetWithdrawalDetail", { id: this.id })
+                .then((res) => {
+                    uni.hideLoading();
+                    this.data = res.data;
+                });
+        },
+    },
+
+    // 数据计算
+    computed: {
+        user() {
+            return this.$store.state.user.user;
+        },
+    },
+
+    // 数据监听
+    watch: {},
+};
+</script>
+
+
+<style lang="scss" scoped>
+.page {
+    height: 100vh;
+    background-color: #fff;
+}
+.card {
+    // margin: px(40) px(40);
+    // border: 1px solid #efefef;
+    padding: px(40);
+    // background-color: #fff;
+    .tit {
+        font-size: px(44);
+        font-weight: bold;
+        padding-bottom: px(20);
+    }
+}
+
+.card /deep/ uni-steps {
+    .uni-steps__column-text {
+        padding: px(40) 0;
+    }
+}
+.list {
+    border-bottom: 1px solid #f1f1f1;
+    li {
+        height: px(120);
+        line-height: 1.5;
+        display: flex;
+        align-items: center;
+        border-top: 1px solid #f1f1f1;
+        .key {
+            width: px(220);
+            color: #666;
+            flex-shrink: 0;
+        }
+    }
+}
+</style>

src/pages/wallet/withdrawal-list.vue

@@ -0,0 +1,160 @@
+<template>
+    <div class="page">
+        <ul class="list">
+            <li class="item" v-for="item of withdrawalList" :key="item.id" @click="goDetail(item)">
+                <div class="name">
+                    {{ item.applyTime | dateFormat("yyyy/MM/dd") }}
+                    <span class="status">{{ item.status | status }}</span>
+                </div>
+                <div class="right">
+                    ￥{{ item.amount / 100 }}
+                    <my-image
+                        class="arrow"
+                        src="/static/common/arrows_left.png"
+                    ></my-image>
+                </div>
+            </li>
+        </ul>
+    </div>
+</template>
+
+<script>
+import MyImage from "../../components/image/index";
+
+export default {
+    name: "",
+    components: { MyImage },
+    // 数据
+    data() {
+        return {
+            pageIndex: 1,
+            withdrawalList: [],
+        };
+    },
+    filters: {
+        status(v) {
+            let obj = {
+                0: "审核中",
+                1: "待打款",
+                2: "已完成",
+                3: "未通过",
+                4: "打款失败",
+            };
+            let str = obj[v];
+            return str || "";
+        },
+        method(v) {
+            let obj = {
+                1: "微信",
+                2: "银行卡",
+            };
+            return obj[v] || "";
+        },
+    },
+    onLoad() {
+        this.getList();
+    },
+    async onShow() {},
+    onPullDownRefresh() {
+        this.getList(true);
+    },
+    onReachBottom() {
+        this.getMoreList();
+    },
+    // 函数
+    methods: {
+        getList(isPull) {
+            this.pageIndex = 1;
+            uni.showLoading({
+                title: "加载中...",
+            });
+            this.loading = true;
+            this.api
+                .get("/User/GetWithdrawalList", {
+                    pageIndex: this.pageIndex++,
+                })
+                .then((res) => {
+                    if (isPull) {
+                        uni.stopPullDownRefresh();
+                    }
+                    uni.hideLoading();
+                    this.withdrawalList = res.data.data;
+                });
+        },
+        getMoreList() {
+            this.api
+                .get("/User/GetWithdrawalList", {
+                    pageIndex: this.pageIndex,
+                })
+                .then((res) => {
+                    if (res.data.data.length) {
+                        this.pageIndex++;
+                    }
+                    this.withdrawalList = [
+                        ...this.withdrawalList,
+                        ...res.data.data,
+                    ];
+                });
+        },
+
+        goDetail(val) {
+            this.router.push({
+                path: "/pages/wallet/withdrawal-detail",
+                query: {
+                    id: val.id,
+                },
+            });
+        },
+    },
+
+    // 数据计算
+    computed: {
+        user() {
+            return this.$store.state.user.user;
+        },
+    },
+
+    // 数据监听
+    watch: {},
+};
+</script>
+
+
+<style lang="scss" scoped>
+.page {
+    min-height: 100vh;
+    background-color: #fff;
+}
+.list {
+    border-top: 1px solid #f1f1f1;
+    .item {
+        height: px(120);
+        padding: 0 px(35);
+        font-size: px(44);
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        border-bottom: 1px solid #f1f1f1;
+    }
+    .arrow {
+        width: px(40);
+        height: px(40);
+        flex-shrink: 0;
+        transform: rotate(180deg);
+        margin-left: px(30);
+        /deep/ img {
+            width: px(40);
+            height: px(40);
+        }
+    }
+    .right {
+        display: flex;
+        align-items: center;
+        font-size: px(44);
+        color: #666;
+    }
+    .status {
+        margin-left: px(30);
+    }
+}
+</style>

src/pages/youxuan/index.vue

@@ -0,0 +1,86 @@
+<template>
+    <div class="page">
+        <ul class="list">
+            <li class="item" @click="jump('/pages/manage/shop/set-shop')">
+                <div class="name">分类管理</div>
+                <my-image
+                    class="arrow"
+                    src="/static/common/arrows_left.png"
+                ></my-image>
+            </li>
+            <li class="item" @click="jump('/pages/manage/shop/delivery')">
+                <div class="name">品牌管理</div>
+                <my-image
+                    class="arrow"
+                    src="/static/common/arrows_left.png"
+                ></my-image>
+            </li>
+            <li class="item" @click="jump('/pages/manage/shop/points')">
+                <div class="name">分类管理</div>
+                <my-image
+                    class="arrow"
+                    src="/static/common/arrows_left.png"
+                ></my-image>
+            </li>
+        </ul>
+    </div>
+</template>
+
+<script>
+import MyImage from "../../components/image/index";
+export default {
+    name: "",
+    components: { MyImage },
+
+    // 数据
+    data() {
+        return {
+            curShop: {},
+        };
+    },
+
+    onLoad() {},
+    async onShow() {},
+    // 函数
+    methods: {},
+
+    // 数据计算
+    computed: {
+        user() {
+            return this.$store.state.user.user;
+        },
+    },
+
+    // 数据监听
+    watch: {},
+};
+</script>
+
+<style lang="scss" scoped>
+.page {
+    min-height: 100vh;
+    background-color: #fff;
+}
+.list {
+    border-top: 1px solid #f1f1f1;
+    .item {
+        height: px(120);
+        padding: 0 px(35);
+        font-size: px(44);
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        border-bottom: 1px solid #f1f1f1;
+    }
+    .arrow {
+        width: px(40);
+        height: px(40);
+        flex-shrink: 0;
+        transform: rotate(180deg);
+        /deep/ img {
+            width: px(40);
+            height: px(40);
+        }
+    }
+}
+</style>