最近未消费

ghsApp/src/admin/custom/noExpend.vue

@@ -1,159 +1,225 @@
 <template>
-    <view class="app-content">
-        <view class="ex-page">
-            <view class="top-bar">
-                <view style="margin-left:50upx;display: flex;align-items: center;">
-                    最近<button class="admin-button-com blue mini-btn" @click="">{{recentDay}}天</button>未消费
-                </view>
+<view class="app-content">
+    <view class="ex-page">
+        <view class="top-bar">
+            <view style="margin-left:50upx;display: flex;align-items: center;">
+                最近<button class="admin-button-com blue mini-btn" @click="changeDay" style="margin:0 3upx 0 3upx;">{{recentDay}}天</button>未消费
             </view>
-            <view class="main-view">
-                <view class="space-view ex-table">
-                    <block>
-                        <t-table :headerBackgroundColor="'#F0F2F6'">
-                            <t-tr header><t-th>ID</t-th><t-th>客户名称</t-th><t-th>最后消费时间</t-th></t-tr>
-                                <block v-if="list.data && !$util.isEmpty(list.data)">
-                                    <view v-for="(item, index) in list.data" :key="index">
-                                        <t-tr>
-                                            <t-td><view style="color:#333333;font-size:28upx;">{{item.id}}</view></t-td>
-                                            <t-td><view style="color:#333333;font-size:28upx;">{{item.name}}</view></t-td>
-                                            <t-td><view style="color:#333333;font-size:28upx;">{{item.recentExpend?item.recentExpend.substr(5,11):''}}</view></t-td>
-                                        </t-tr>
-                                    </view>
-                                </block>
-                        </t-table>
-                    </block>
-                </view>
+        </view>
+        <view class="main-view">
+            <view class="space-view ex-table">
+                <block>
+                    <t-table :headerBackgroundColor="'#F0F2F6'">
+                        <t-tr header><t-th>ID</t-th><t-th>客户名称</t-th><t-th>最后消费日</t-th></t-tr>
+                            <block v-if="list.data && !$util.isEmpty(list.data)">
+                                <view v-for="(item, index) in list.data" :key="index" @click.stop="pageTo({url:'/pagesClient/member/detail?id='+item.id})">
+                                    <t-tr>
+                                        <t-td><view style="color:#333333;font-size:28upx;">{{item.id}}</view></t-td>
+                                        <t-td><view style="color:#333333;font-size:28upx;">{{item.name}}</view></t-td>
+                                        <t-td><view style="color:#333333;font-size:28upx;">{{item.recentExpend?item.recentExpend.substr(0,10):''}}</view></t-td>
+                                    </t-tr>
+                                </view>
+                            </block>
+                    </t-table>
+                </block>
             </view>
         </view>
     </view>
+
+    <modal-module :show="recentDayShow" @click="confirmDayFn" :maskClosable="true" title="天数" padding="30rpx 30rpx" >
+    <template v-slot:content>
+        <div class="app-modal-input-wrap">
+        <div class="inp-list-line">
+            <div class="line-input">
+            <input type="number" ref="input" style="width:61.8%;text-align:center;" @blur="recentBlur" :focus="recentFocus" v-model="recentUnDay" :adjust-position="false" class="inp-input" />
+            </div>
+        </div>
+        </div>
     </template>
-    <script>
-    import AppWrapperEmpty from "@/components/app-wrapper-empty";
-    import SelectList from "@/components/plugin/selectList";
-    import { list } from "@/mixins";
-    import ShopSelect from "@/components/module/shopSelect";
-    import DateSelect from "@/components/module/dateSelect";
-    import AppSearchModule from "@/components/module/app-search";
-    import { getList } from "@/api/member";
-    import {mapActions, mapGetters} from "vuex";
-    export default {
-        components: { SelectList, AppWrapperEmpty,ShopSelect,AppSearchModule,DateSelect },
-        mixins: [list],
-        computed: {
-            ...mapGetters(["getDictionariesInfo","getLoginInfo"])
+    </modal-module>
+
+</view>
+</template>
+<script>
+import AppWrapperEmpty from "@/components/app-wrapper-empty";
+import SelectList from "@/components/plugin/selectList";
+import { list } from "@/mixins";
+import ShopSelect from "@/components/module/shopSelect";
+import DateSelect from "@/components/module/dateSelect";
+import AppSearchModule from "@/components/module/app-search";
+import { getList } from "@/api/member";
+import {mapActions, mapGetters} from "vuex";
+import ModalModule from "@/components/plugin/modal"
+export default {
+    components: { 
+        SelectList, 
+        AppWrapperEmpty,
+        ShopSelect,
+        AppSearchModule,
+        DateSelect,
+        ModalModule
+    },
+    mixins: [list],
+    computed: {
+        ...mapGetters(["getDictionariesInfo","getLoginInfo"])
+    },
+    data() {
+        return {
+            recentDay:7,
+            recentUnDay:7,
+            recentDayShow:false,
+            recentFocus:false
+        };
+    },
+    onLoad() {
+        this.getCustomList()
+    },
+    onPullDownRefresh() {
+        this.resetList();
+        this.getCustomList()
+        uni.stopPullDownRefresh()
+    },
+    onReachBottom() {
+        if (!this.list.finished) {
+            if (this.list.totalPage != null && this.list.page > this.list.totalPage) {
+                this.list.finished = true
+                return;
+            }
+            this.getCustomList().then((res) => {
+                uni.stopPullDownRefresh();
+            }).catch(err => {
+                this.$msg('网络异常，重新加载');
+                this.resetList()
+                this.getCustomList()
+                uni.stopPullDownRefresh()
+            })
+        } else {
+            uni.stopPullDownRefresh();
+        }
+    },
+    methods: {
+        init() {
         },
-        data() {
-            return {
-                params:{
-                    searchTime:'',
-                    startTime: "",
-                    endTime: "",
-                },
-                profile:[],
-                searchText:'',
-                recentDay:7
-            };
+        changeDay(){
+            let that = this
+            that.recentDayShow = true
+            that.recentUnDay = ''
+            setTimeout(x => {
+                this.$nextTick(() => {
+                    that.recentFocus = true
+                })
+            }, 200)
         },
-        onLoad() {
-            this.getCustomList()
+        recentBlur() {
+            this.recentFocus = false
         },
-        methods: {
-            init() {
-            },
-            getCustomList() {
-                return getList({type:4, page: this.list.page,recentDay:this.recentDay}).then((res) => {
-                    this.completes(res);
-                    if (this.$util.isEmpty(res.data)){
-                        return false;
-                    }
-                })
-            },
+        getCustomList() {
+            return getList({type:4, page: this.list.page,recentDay:this.recentDay}).then((res) => {
+                this.completes(res);
+                if (this.$util.isEmpty(res.data)){
+                    return false;
+                }
+            })
+        },
+        confirmDayFn(val) {
+            let that=this;
+            if (val.index == 0) {
+                that.recentDayShow = false
+                that.recentFocus = false
+                return
+            }
+            this.recentDay = this.recentUnDay
+            this.resetList()
+            this.getCustomList()
+            this.recentDayShow = false
+            this.recentFocus = false
         }
-    };
-    </script>
-    <style lang="scss" scoped>
-    .ex-page {
-        background: white;
-        padding-top:20upx;
-        height: 100%;
+    }
+};
+</script>
+<style lang="scss" scoped>
+.ex-page {
+    background: white;
+    padding-top:20upx;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    .top-bar {
+        position: absolute;
+        left: 0;
+        top:30upx;
         display: flex;
-        flex-direction: column;
-        .top-bar {
-            position: absolute;
-            left: 0;
-            top:30upx;
-            display: flex;
-            width: 100%;
-            z-index: 20;
-            .bar{
-                width: 50%;
-                height: 100%;
-                text-align: center;
-                &:nth-child(1){
-                    border-right: 1upx solid #eeeeec;
-                }
+        width: 100%;
+        z-index: 20;
+        .bar{
+            width: 50%;
+            height: 100%;
+            text-align: center;
+            &:nth-child(1){
+                border-right: 1upx solid #eeeeec;
             }
         }
-        .main-view {
-            margin-top:70upx;
-            flex: 1;
-            background-color: #f9fbfc;
-            .space-view {
-                background-color: #fff;
-                .change-level{
-                    font-size:22upx;
-                    padding:10upx 15upx;
-                }
+    }
+    .main-view {
+        margin-top:70upx;
+        flex: 1;
+        background-color: #f9fbfc;
+        .space-view {
+            background-color: #fff;
+            .change-level{
+                font-size:22upx;
+                padding:10upx 15upx;
             }
-            .ex-info {
-                padding: 30upx;
-                .info-cell {
-                    display: flex;
-                    align-items: center;
-                    font-size: 28upx;
-                    &:not(:first-child) {
-                        margin-top: 20upx;
-                    }
-                    .cell-label {
-                        width: 110upx;
-                        color: #666666;
+        }
+        .ex-info {
+            padding: 30upx;
+            .info-cell {
+                display: flex;
+                align-items: center;
+                font-size: 28upx;
+                &:not(:first-child) {
+                    margin-top: 20upx;
+                }
+                .cell-label {
+                    width: 110upx;
+                    color: #666666;
+                }
+                .cell-value {
+                    margin-left: 40upx;
+                    color: #333;
+                    &.warning {
+                        color: #ffaf1d;
                     }
-                    .cell-value {
-                        margin-left: 40upx;
-                        color: #333;
-                        &.warning {
-                            color: #ffaf1d;
-                        }
-                        &.success {
-                            color: #27c325;
-                        }
+                    &.success {
+                        color: #27c325;
                     }
                 }
             }
-            .ex-table {
-                ::v-deep.icon-info {
-                    color: #333333;
-                }
+        }
+        .ex-table {
+            ::v-deep.icon-info {
+                color: #333333;
             }
         }
-        .bar-view {
+    }
+    .bar-view {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 0 30upx;
+        width: 100%;
+        height: 100upx;
+
+        box-shadow: 0upx -1upx 6upx 0upx rgba(4, 0, 0, 0.06);
+        .info-view {
+            font-size: 26upx;
+        }
+        .btn-view {
             display: flex;
-            justify-content: space-between;
-            align-items: center;
-            padding: 0 30upx;
-            width: 100%;
-            height: 100upx;
-    
-            box-shadow: 0upx -1upx 6upx 0upx rgba(4, 0, 0, 0.06);
-            .info-view {
-                font-size: 26upx;
-            }
-            .btn-view {
-                display: flex;
-                .admin-button-com {
-                    margin: 0 10upx;
-                }
+            .admin-button-com {
+                margin: 0 10upx;
             }
         }
     }
-    </style>
+}
+</style>

ghsApp/src/admin/home/apply.vue

@@ -45,11 +45,10 @@ export default {
                     ]
                 },
                 {
-                    title:'产品',
+                    title:'客户',
                     list:[
-                        {name: "产品列表",img: `${this.$constant.imgUrl}/ghs/home/hcgl.png`,url: "/admin/cp/list"},
-                        {name: "产品分类",img: `${this.$constant.imgUrl}/ghs/home/hcgl.png`,url: "/admin/cp/class"},
-                        {name: "已删除",img: `${this.$constant.imgUrl}/ghs/home/hcgl.png`,url: "/admin/cp/delList"},
+                        {name: "最近未消费",img: `${this.$constant.imgUrl}/ghs/home/kcyjs.png`,url: "/admin/custom/noExpend"},
+                        {name: "今天访客",img: `${this.$constant.imgUrl}/ghs/home/kcyjs.png`,url: "/admin/custom/visit"}
                     ]
                 },
                 {
@@ -71,10 +70,11 @@ export default {
                     ]
                 },
                 {
-                    title:'客户',
+                    title:'产品',
                     list:[
-                        {name: "最近未消费",img: `${this.$constant.imgUrl}/ghs/home/kcyjs.png`,url: "/admin/custom/noExpend"},
-                        {name: "今天访客",img: `${this.$constant.imgUrl}/ghs/home/kcyjs.png`,url: "/admin/custom/visit"}
+                        {name: "产品列表",img: `${this.$constant.imgUrl}/ghs/home/hcgl.png`,url: "/admin/cp/list"},
+                        {name: "产品分类",img: `${this.$constant.imgUrl}/ghs/home/hcgl.png`,url: "/admin/cp/class"},
+                        {name: "已删除",img: `${this.$constant.imgUrl}/ghs/home/hcgl.png`,url: "/admin/cp/delList"},
                     ]
                 },
                 {

ghsApp/src/pagesClient/member/detail.vue

@@ -293,8 +293,6 @@ export default {
   onLoad() {
     if(this.option.name && !this.$util.isEmpty(this.option.name)){
       uni.setNavigationBarTitle({title:this.option.name})
-    }else{
-      uni.setNavigationBarTitle({title:'修改地址'})
     }
   },
   onShow(){