|
|
@@ -0,0 +1,266 @@
|
|
|
+<template>
|
|
|
+<view class="app-content">
|
|
|
+ <view class="ex-page">
|
|
|
+ <view class="input-wrap_box">
|
|
|
+ <view>
|
|
|
+ <AppSearchModule placeholder="输入英文字母搜索" @input="searchFn"/>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="top-bar">
|
|
|
+ <DateSelect class="bar" top="0" @selectDateFn="selectDateFn" />
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="main-view">
|
|
|
+ <view class="space-view ex-table">
|
|
|
+ <block>
|
|
|
+ <t-table :headerBackgroundColor="'#F0F2F6'">
|
|
|
+
|
|
|
+ <t-tr header><t-th>客户</t-th><t-th>等级</t-th><t-th>数量</t-th><t-th>金额</t-th><t-th>操作</t-th></t-tr>
|
|
|
+
|
|
|
+ <view v-for="(item, index) in profile" :key="index">
|
|
|
+ <t-tr>
|
|
|
+ <t-td><view>{{item.customName}}</view></t-td>
|
|
|
+ <t-td><view>{{item.levelName}}</view></t-td>
|
|
|
+ <t-td><view>{{parseFloat(item.num)}}</view></t-td>
|
|
|
+ <t-td><view>{{parseFloat(item.amount)}}</view></t-td>
|
|
|
+ <t-td>
|
|
|
+ <button class="admin-button-com mini blue change-level" @click="updateLevel(item)">调等级</button>
|
|
|
+ </t-td>
|
|
|
+ </t-tr>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </t-table>
|
|
|
+ </block>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+ </view>
|
|
|
+</view>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import AppWrapperEmpty from "@/components/app-wrapper-empty";
|
|
|
+import SelectList from "@/components/plugin/selectList";
|
|
|
+import { getStatKhCgProfile } from "@/api/statistics/index";
|
|
|
+import { changeLevel } from "@/api/custom";
|
|
|
+import { list } from "@/mixins";
|
|
|
+import ShopSelect from "@/components/module/shopSelect";
|
|
|
+import DateSelect from "@/components/module/dateSelect";
|
|
|
+import AppSearchModule from "@/components/module/app-search";
|
|
|
+import {mapActions, mapGetters} from "vuex";
|
|
|
+export default {
|
|
|
+ components: { SelectList, AppWrapperEmpty,ShopSelect,AppSearchModule,DateSelect },
|
|
|
+ mixins: [list],
|
|
|
+ computed: { ...mapGetters(["getDictionariesInfo","getLoginInfo"]) },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ isShow:false,
|
|
|
+ customizationTime:[],
|
|
|
+ shopId:'',
|
|
|
+ itemId:'',
|
|
|
+ nowTime: "",
|
|
|
+ showTimeDropdown: false,
|
|
|
+ nowShop: "",
|
|
|
+ showShopDropdown: false,
|
|
|
+ columns: [
|
|
|
+ {
|
|
|
+ name: "姓名",
|
|
|
+ dataIndex: "name",
|
|
|
+ color: "info"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "开单额",
|
|
|
+ dataIndex: "amount",
|
|
|
+ color: "info",
|
|
|
+ width: 120,
|
|
|
+ align: "center"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "开单数",
|
|
|
+ dataIndex: "num",
|
|
|
+ color: "info",
|
|
|
+ align: "center"
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ dataList: [],
|
|
|
+ params:{
|
|
|
+ itemId: '',
|
|
|
+ searchTime:'',
|
|
|
+ startTime: "",
|
|
|
+ endTime: "",
|
|
|
+ shopId: "",
|
|
|
+ },
|
|
|
+ profile:[],
|
|
|
+ storageData:[],
|
|
|
+ searchContent:'',
|
|
|
+ };
|
|
|
+ },
|
|
|
+ onPullDownRefresh() {
|
|
|
+ this.resetList();
|
|
|
+ this.getList().then(res => {
|
|
|
+ uni.stopPullDownRefresh();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ onLoad(e) {
|
|
|
+ this.itemId = e.id;
|
|
|
+ this.params.itemId = e.id;
|
|
|
+ this.shopId = this.getLoginInfo.shopId;
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ ...mapActions(['setUserShopAll']),
|
|
|
+ searchFn(e){
|
|
|
+ this.searchContent = e;
|
|
|
+ this.filterStat()
|
|
|
+ },
|
|
|
+ filterStat(){
|
|
|
+ let that = this
|
|
|
+ if(this.searchContent.length > 0){
|
|
|
+ that.profile = [];
|
|
|
+ that.storageData.forEach(obj => {
|
|
|
+ let hasName = obj.name && obj.name.indexOf(this.searchContent) >= 0;
|
|
|
+ let elePy = (obj.py && obj.py.toLocaleUpperCase()) || "";
|
|
|
+ let hasPy = elePy.indexOf(this.searchContent.toLocaleUpperCase()) >= 0;
|
|
|
+ if (hasName || hasPy) {
|
|
|
+ that.profile.push(obj)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }else{
|
|
|
+ that.profile = that.storageData
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //选择分店
|
|
|
+ selectShopFn(val){
|
|
|
+ this.params.shopId = val.id;
|
|
|
+ this.init();
|
|
|
+ },
|
|
|
+ //选择时间
|
|
|
+ selectDateFn(val) {
|
|
|
+ this.params = {...this.params,...val}
|
|
|
+ this.init();
|
|
|
+ },
|
|
|
+ async init() {
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ getList() {
|
|
|
+ let that = this
|
|
|
+ uni.showLoading()
|
|
|
+ getStatKhCgProfile(this.params).then(res => {
|
|
|
+ uni.hideLoading()
|
|
|
+ if (!this.$util.isEmpty(res.data.list)) {
|
|
|
+ that.storageData = res.data.list
|
|
|
+ that.filterStat()
|
|
|
+ }else{
|
|
|
+ that.storageData=[]
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ updateLevel(item){
|
|
|
+ let customId = item.customId
|
|
|
+ let self = this
|
|
|
+ let levelList = ['散客', '普店', '银店', '金店']
|
|
|
+ uni.showActionSheet({
|
|
|
+ itemList: levelList,
|
|
|
+ success: function (respond) {
|
|
|
+ let currentIndex = respond.tapIndex
|
|
|
+ changeLevel({customId:customId,level:currentIndex}).then(res => {
|
|
|
+ if(res.code == 1) {
|
|
|
+ item.levelName = res.data.levelName
|
|
|
+ self.$msg(res.msg)
|
|
|
+ }
|
|
|
+ }).catch(err => {
|
|
|
+ console.log('err', err)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+};
|
|
|
+</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:116upx;
|
|
|
+ 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: 80upx;
|
|
|
+ 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 {
|
|
|
+ /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>
|