Initial commit: 积分兑换电商平台多商户版 MER-2.2

Made-with: Cursor
2026-03-08 20:07:52 +08:00
commit de02c8a3e1
4954 changed files with 703009 additions and 0 deletions
--- a/mer_uniapp/pages/merchant/components/classify/index.vue
+++ b/mer_uniapp/pages/merchant/components/classify/index.vue
@@ -0,0 +1,138 @@
+<template>
+	<!-- 分类 -->
+	<view>
+		<view class="category">
+			<view v-for="item in category" :key="item.id" class="section">
+				<view class="head" @click="goCategoryGoods(item)">
+					<view class="title">{{ item.name }}</view>
+					<view class="iconfont icon-ic_rightarrow"></view>
+				</view>
+				<view v-if="item.childList" class="body">
+					<view v-for="value in item.childList" :key="value.id" class="item" @click="goCategoryGoods(value)">
+						{{ value.name }}</view>
+				</view>
+			</view>
+		</view>
+		<view :hidden="!categoryLoading" class="acea-row row-center-wrapper loadingicon">
+			<text class="iconfont icon-jiazai loading"></text>
+		</view>
+		<emptyPage v-if="category.length == 0 && !categoryLoading" mTop="35%" title="暂无商品分类~"
+			:imgSrc="urlDomain+'crmebimage/presets/noSearch.png'"></emptyPage>
+	</view>
+</template>
+
+<script>
+	import {
+		getMerCategoryApi
+	} from '@/api/merchant.js';
+	import emptyPage from '@/components/emptyPage.vue'
+	export default {
+		components: {
+			emptyPage
+		},
+		props: {
+			merId: { // 商户id
+				type: Number,
+				default: 0
+			},
+		},
+		data() {
+			return {
+				category: [],
+				categoryLoading: false,
+				urlDomain: this.$Cache.get("imgHost"),
+			}
+		},
+		mounted() {
+			this.getMerCategory()
+		},
+		methods: {
+			goCategoryGoods(item) {
+				uni.navigateTo({
+					url: '/pages/goods/goods_list/index?merId=' + this.merId + '&cid=' +
+						item.id
+				})
+			},
+			getMerCategory() {
+				this.categoryLoading = true
+				getMerCategoryApi(this.merId).then(res => {
+					this.category = res.data
+					this.categoryLoading = false
+				}).catch(err => {
+					return this.$util.Tips({
+						title: err
+					});
+					this.categoryLoading = false
+				});
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.category {
+		padding: 20rpx 24rpx 0 24rpx;
+
+		.section {
+			border-radius: 24rpx;
+			margin-bottom: 20rpx;
+			background-color: #FFFFFF;
+
+			.head {
+				position: relative;
+				display: flex;
+				align-items: center;
+				height: 90rpx;
+				padding-right: 20rpx;
+				padding-left: 36rpx;
+				font-weight: bold;
+				color: #282828;
+
+				&::before {
+					content: " ";
+					position: absolute;
+					top: 50%;
+					left: 20rpx;
+					width: 6rpx;
+					height: 24rpx;
+					@include main_bg_color(theme);
+					transform: translateY(-50%);
+				}
+
+				.title {
+					flex: 1;
+					min-width: 0;
+					overflow: hidden;
+					white-space: nowrap;
+					text-overflow: ellipsis;
+					font-size: 30rpx;
+				}
+			}
+
+			.body {
+				display: flex;
+				flex-wrap: wrap;
+				justify-content: space-between;
+				align-items: center;
+				padding: 9rpx 24rpx 0;
+
+				.item {
+					width: 314rpx;
+					height: 84rpx;
+					padding-right: 30rpx;
+					padding-left: 30rpx;
+					border-radius: 16rpx;
+					background-color: #F5F5F5;
+					margin-bottom: 24rpx;
+					overflow: hidden;
+					white-space: nowrap;
+					text-overflow: ellipsis;
+					font-weight: 500;
+					font-size: 26rpx;
+					line-height: 84rpx;
+					color: #282828;
+				}
+			}
+		}
+	}
+</style>