From 82cd8e592a5cad720f727688de9465d31cfaa217 Mon Sep 17 00:00:00 2001
From: zxl <763096477@qq.com>
Date: 星期一, 09 六月 2025 11:16:26 +0800
Subject: [PATCH] 客户管理 小程序页面
---
pages.json | 7 ++-
pages/customerManager/customerManager.vue | 68 +++++++++++++++++++++++++++++++++-
2 files changed, 70 insertions(+), 5 deletions(-)
diff --git a/pages.json b/pages.json
index 569ee1b..ec6de87 100644
--- a/pages.json
+++ b/pages.json
@@ -257,7 +257,10 @@
"u-input": "view",
"u-popup": "view",
"u-search": "view",
- "u-loading": "view"
+ "u-loading": "view",
+ "u-checkbox": "view",
+ "u-checkbox-group": "view",
+ "u-navbar": "view"
}
}
},
@@ -281,8 +284,6 @@
}
}
}
-
-
],
"subPackages": [{
"root": "uview-components", // 蹇呴』涓巔reloadRule涓殑鍚嶇О瀹屽叏涓�鑷�
diff --git a/pages/customerManager/customerManager.vue b/pages/customerManager/customerManager.vue
index 8183fd0..f2e7aa5 100644
--- a/pages/customerManager/customerManager.vue
+++ b/pages/customerManager/customerManager.vue
@@ -1,11 +1,69 @@
<template>
- <view>
+ <view >
+ <!-- 鍐呭鍖哄煙 -->
+ <scroll-view scroll-y style="height: 100vh;" @scrolltolower="loadMore" class="user-list"
+ :lower-threshold="100"
+ >
+ <view >
+ <view class="user-item" v-for="(user, index) in userList" :key="user.id" >
+
+ <view class="user-info">
+ <text class="realName">{{ user.realName }}</text>
+ <text class="mobile">{{ user.mobile }}</text>
+ </view>
+ <!-- 鎿嶄綔鎸夐挳鍖哄煙 -->
+ <view class="action-buttons">
+ <u-button type="primary" size="mini" @click.stop="restPassword(user.memberId)" class="edit-btn">閲嶇疆瀵嗙爜</u-button>
+ <u-button type="primary" size="mini" @click.stop="navigateToDetail(user.id)" class="edit-btn">淇敼</u-button>
+ <u-button type="error" size="mini" @click.stop="deleteUser(user.id)"
+ class="delete-btn">鍒犻櫎</u-button>
+ </view>
+
+ </view>
+ </view>
+
+ <!-- 鏀硅繘鐨勫姞杞芥洿澶氭彁绀� -->
+ <view >
+ <u-loadmore class="load-more"
+ v-if="mockData.length > 0"
+ :status="loading ? 'loading' : noMore ? 'nomore' : 'loadmore'"
+ :load-text="{
+ loadmore: '涓婃媺鍔犺浇鏇村',
+ loading: '姝ｅ湪鍔犺浇',
+ nomore: '娌℃湁鏇村浜�'
+ }"
+ />
+ </view>
+ <view style="height:150rpx">
+
+ </view>
+ </scroll-view>
+
+
</view>
</template>
<script>
+ import UIcon from '@/uview-components/uview-ui/components/u-icon/u-icon.vue';
+ import UButton from '@/uview-components/uview-ui/components/u-button/u-button.vue';
+ import UForm from '@/uview-components/uview-ui/components/u-form/u-form.vue';
+ import UFormItem from '@/uview-components/uview-ui/components/u-form-item/u-form-item.vue';
+ import UInput from '@/uview-components/uview-ui/components/u-input/u-input.vue';
+ import USearch from '@/uview-components/uview-ui/components/u-search/u-search.vue';
+ import UPopup from '@/uview-components/uview-ui/components/u-popup/u-popup.vue';
+ import ULoading from '@/uview-components/uview-ui/components/u-loading/u-loading.vue'
export default {
+ components: {
+ UIcon,
+ UButton,
+ UForm,
+ UFormItem,
+ UInput,
+ USearch,
+ UPopup,
+ ULoading
+ },
data() {
return {
@@ -18,5 +76,11 @@
</script>
<style>
-
+.load-more {
+ padding: 20rpx 0;
+ text-align: center;
+ color: #999;
+ font-size: 26rpx;
+ background-color: #f7f8fa;
+ }
</style>
--
Gitblit v1.8.0