pika_shangjia/pages/myMerchant/myMerchant.vue

<template>
	<view>
		<!-- 搜索 -->
		<view>
			<view class="search-box ddflex">
				<image class="search-icon" src="../../static/images/ssico.png"></image>
				<input class="fflex" confirm-type="search" @confirm="searchFn" placeholder="请输入门店名称或电话"/>
				<view class="search-btn" @click="searchFn">搜索</view>
			</view>
		</view>
		
		<view>
			<view class="sjyy-item" v-for="item,index in 10">
				<view class="ddflex">
					<view class="sjyy-header">
						<image src="../../static/pages/images/wdsj.png"></image>
					</view>
					<view class="fflex">
						<view class="sjyy-name ddflex">
							<view>白云科技门店</view>
							<!-- <view class="sjyy-name-label">我的门店</view> -->
						</view>
						<view class="sjyy-phone">顾勇(13815141671)</view>
					</view>
					<view>
						<image style="width: 48rpx;height: 48rpx;margin-left: 20rpx;" src="../../static/pages/images/call.png"></image>
					</view>
				</view>
				<view class="sjyy-data ddflex">
					<image style="width: 26rpx;height: 26rpx;margin-right: 10rpx;" src="../../static/pages/images/address-icon.png"></image>
					<view class="tover fflex" style="font-size: 24rpx;line-height: 36rpx;color: #A8A5A5;">朝阳区金台路道家园1号</view>
				</view>
				<view class="sjyy-data ddflex">
					<view class="sjyy-data-item fflex">
						<view class="sssb-data sssb-color">10242.00</view>
						<view class="sssb-label">累计收益</view>
					</view>
					<view class="sjyy-data-item fflex">
						<view class="sssb-data sssb-color">1915.00</view>
						<view class="sssb-label">今日收益</view>
					</view>
					<view class="sjyy-data-item fflex">
						<view class="sssb-data sssb-color">9154.00</view>
						<view class="sssb-label">本月收益</view>
					</view>
				</view>
				<view class="sjyy-data ddflex">
					<view class="sjyy-data-item fflex">
						<view class="sssb-data sssb-color">56</view>
						<view class="sssb-label">机柜数</view>
					</view>
					<view class="sjyy-data-item fflex">
						<view class="sssb-data sssb-color">50%</view>
						<view class="sssb-label">分润</view>
					</view>
					<view class="sjyy-data-item fflex" style="visibility: hidden;">
						<view class="sssb-data sssb-color">5</view>
						<view class="sssb-label">门店数</view>
					</view>
				</view>
				<view class="ddflex" style="justify-content: space-between;margin-top: 30rpx;">
					<view class="sjyy-btn" style="border: 2rpx solid #EB5C20;color: #EB5C20;" @click="jumpUrl()">查看订单</view>
					<view class="sjyy-btn" @click="jumpUrl()">查看设备</view>
					<view class="sjyy-btn" @click="jumpUrl('/pages/operationDataPersonal/operationDataPersonal')">运营情况</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	const app = getApp();
	const req = require("../../utils/request.js");

	export default {
		components: {},
		props: {},
		data() {
			return {
				groupList: [],
				page: 1,
				limit: 3,
				searchValue:'',
				isQuerying:false,//正在查询数据
			}
		},
		onLoad(options) {
			this.getDataList()
		},
		onShow() {
			
		},
		onReachBottom() {
			this.getDataList(true)
		},
		methods: {
			getDataList(isPage) {
				if(this.isQuerying) return
				else this.isQuerying = true
				if (!isPage) {
					this.page = 1
				}
				let queryParams = {
					page: this.page,
					limit: this.limit,
				}
				if(this.searchValue){
					queryParams.name=this.searchValue
				}
				req.getRequest(
					'/admin/v2/store/page',
					queryParams,
					data => {
						if (data != null && data.list.length > 0) {
							if (!isPage) {
								this.groupList = data.list
							} else {
								this.groupList = this.groupList.concat(data.list)
							}
							this.page++
						} else {
							if (!isPage)
								this.groupList = data.list
							else {}
						}
						uni.hideLoading()
						this.isQuerying = false
					}
				)
			},
			searchFn(){
				this.getDataList()
			}
		},
		mounted() {
			
		},
		onPageScroll: function(e) {
		}
	}
</script>

<style>
	@import "./myMerchant.css";
</style>