|
|
@@ -0,0 +1,159 @@
|
|
|
+<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>
|
|
|
+ <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>
|
|
|
+ </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";
|
|
|
+ export default {
|
|
|
+ components: { SelectList, AppWrapperEmpty,ShopSelect,AppSearchModule,DateSelect },
|
|
|
+ mixins: [list],
|
|
|
+ computed: {
|
|
|
+ ...mapGetters(["getDictionariesInfo","getLoginInfo"])
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ params:{
|
|
|
+ searchTime:'',
|
|
|
+ startTime: "",
|
|
|
+ endTime: "",
|
|
|
+ },
|
|
|
+ profile:[],
|
|
|
+ searchText:'',
|
|
|
+ recentDay:7
|
|
|
+ };
|
|
|
+ },
|
|
|
+ onLoad() {
|
|
|
+ this.getCustomList()
|
|
|
+ },
|
|
|
+ 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;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ }
|
|
|
+ };
|
|
|
+ </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;
|
|
|
+ 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;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .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;
|
|
|
+ }
|
|
|
+ &.success {
|
|
|
+ color: #27c325;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .ex-table {
|
|
|
+ ::v-deep.icon-info {
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .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;
|
|
|
+ .admin-button-com {
|
|
|
+ margin: 0 10upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ </style>
|
