From 9f29e72035fdde4ecf3a1d53c9e984bdf333d587 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9B=B9=E8=BE=89?= <814457906@qq.com>
Date: Sun, 29 Jan 2023 10:42:34 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/ProductList/ProductList.js        |  12 +-
 api/shopping/shopping.js              |   4 +-
 pages.json                            |  11 +-
 pages/ProductList/ProductList.vue     |  68 +++++++++--
 pages/information/information.scss    |   3 +
 pages/information/information.vue     |   7 --
 pages/m-city/m-city.vue               |   2 +
 pages/modifyAddress/modifyAddress.vue |  62 +++++-----
 pages/toptabbar/toptabbar.vue         | 168 ++++++++++++++++++++++++++
 static/fenlei.png                     | Bin 0 -> 2460 bytes
 10 files changed, 288 insertions(+), 49 deletions(-)
 create mode 100644 pages/toptabbar/toptabbar.vue
 create mode 100644 static/fenlei.png

diff --git a/api/ProductList/ProductList.js b/api/ProductList/ProductList.js
index b750720..13c6ea1 100644
--- a/api/ProductList/ProductList.js
+++ b/api/ProductList/ProductList.js
@@ -1,8 +1,16 @@
 import request from "../request.js"
 
-export function goodsList(pageSize,pageNum,goodsCategoryId,goodsName) {
+export function goodsList(pageSize, pageNum, goodsCategoryId, goodsName) {
 	return request({
 		url: `/nurseApplet/nursingStationGoods/goodsList?pageSize=${pageSize}&pageNum=${pageNum}&goodsCategoryId=${goodsCategoryId}&goodsName=${goodsName}`,
 		method: 'GET'
 	})
-}
\ No newline at end of file
+}
+
+//查询商品分类二级分类上边列表  小程序
+export function getGoodsCategoryNameList(goodsCategoryId) {
+	return request({
+		url: `/nurseApplet/nursingStationGoods/getGoodsCategoryNameList?goodsCategoryId=${goodsCategoryId}`,
+		method: 'GET'
+	})
+}
diff --git a/api/shopping/shopping.js b/api/shopping/shopping.js
index 6202c1f..4f273ad 100644
--- a/api/shopping/shopping.js
+++ b/api/shopping/shopping.js
@@ -1,8 +1,8 @@
 import request from "../request.js"
 
-export function goodsCategoryList(pageSize,pageNum) {
+export function goodsCategoryList(pageSize, pageNum) {
 	return request({
-		url: `/nurseApplet/nursingStationGoods/goodsCategoryList?pageSize=${pageSize}&pageNum=${pageNum}`,
+		url: `/nurseApplet/nursingStationGoods/goodsCategoryList?pageSize=${pageSize}&pageNum=${pageNum}&categoryLevel=${1}`,
 		method: 'GET'
 	})
 }
diff --git a/pages.json b/pages.json
index c43abb9..3b0b8b2 100644
--- a/pages.json
+++ b/pages.json
@@ -332,7 +332,16 @@
 				"navigationBarBackgroundColor": "#ffffff"
 			}
 		}
-	],
+	    ,{
+            "path" : "pages/toptabbar/toptabbar",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+    ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "",
diff --git a/pages/ProductList/ProductList.vue b/pages/ProductList/ProductList.vue
index 11d2acd..c9bd2e5 100644
--- a/pages/ProductList/ProductList.vue
+++ b/pages/ProductList/ProductList.vue
@@ -1,5 +1,8 @@
 <template>
 	<view class="app">
+		<top-tabbar :tabIndex="tabIndex" :tabBars="GoodsCategorychildrenlist" @toggleToptab="toggleTab"
+			selectedBottomColor="#30c58d" selectedTextColor="#343434" textColor="#7d7e80" bgColor="#ffffff">
+		</top-tabbar>
 		<view class="inputs">
 			<i class="icon"></i>
 			<input v-model="goodsName" type="text" name="" id="" class="input" placeholder="请输入商品名称">
@@ -31,12 +34,19 @@
 
 <script>
 	import {
-		goodsList
+		goodsList,
+		getGoodsCategoryNameList
 	} from '@/api/ProductList/ProductList.js';
 	import baseurl from '@/api/baseurl.js'
+	import topTabbar from '../toptabbar/toptabbar.vue'
 	export default {
+		components: {
+			topTabbar
+		},
 		data() {
 			return {
+				//将选中标签的索引绑定为tabIndex，以便后续的调用
+				tabIndex: 0,
 				baseurl: '',
 				title: '医路优品', //导航栏标题
 				pageNum: 1,
@@ -45,6 +55,8 @@
 				goodsList: [], //商品列表list
 				total: 0, //list总长度
 				goodsName: '',
+				GoodsCategorychildrenlist: [], //子分类list
+				GoodsCategorychildrenid: null,
 			};
 		},
 		watch: { //监听
@@ -60,14 +72,12 @@
 			var that = this
 			try {
 				const value = uni.getStorageSync('openid');
+				const value3 = uni.getStorageSync('Refresh');
 				if (value) {} else {
 					uni.navigateTo({
 						url: '/pages/login/login'
 					})
 				}
-			} catch (e) {}
-			try {
-				const value3 = uni.getStorageSync('Refresh');
 				if (value3) {
 					that.goodsListinfo();
 				}
@@ -78,10 +88,52 @@
 				this.title = options.title //导航栏标题
 			}
 			this.goodsCategoryId = options.goodsCategoryId //请求id
+			this.GoodsCategorychildrenid = options.goodsCategoryId //请求id
 			this.baseurl = baseurl;
 			this.goodsListinfo()
+			this.GoodsCategorychildren(this.goodsCategoryId);
 		},
 		methods: {
+			//点击导航栏标签改变当前索引
+			toggleTab(index) {
+				if (index == 1111111111111) {} else if (index == 0) {
+					this.GoodsCategorychildrenid = this.goodsCategoryId
+					this.tabIndex = index
+					this.pageNum = 1
+					goodsList(this.pageSize, this.pageNum, this.goodsCategoryId, this.goodsName).then(
+						res => {
+							if (res.code == 200) {
+								this.goodsList = res.rows
+								this.total = res.total
+							}
+							uni.removeStorageSync('Refresh');
+						})
+				} else {
+					this.GoodsCategorychildrenid = this.GoodsCategorychildrenlist[index].id
+					this.tabIndex = index
+					this.pageNum = 1
+					goodsList(this.pageSize, this.pageNum, this.GoodsCategorychildrenid, this.goodsName).then(
+						res => {
+							if (res.code == 200) {
+								this.goodsList = res.rows
+								this.total = res.total
+							}
+							uni.removeStorageSync('Refresh');
+						})
+				}
+			},
+			//根据父级分类id获取子分类
+			GoodsCategorychildren(value) {
+				getGoodsCategoryNameList(value).then(res => {
+					this.GoodsCategorychildrenlist = [{
+						goodsCategoryName: '全部',
+						id: 99999999999999999,
+					}]
+					res.data.forEach(e => {
+						this.GoodsCategorychildrenlist.push(e)
+					})
+				})
+			},
 			// 查询商品列表
 			goodsListinfo() {
 				this.pageNum = 1;
@@ -110,7 +162,7 @@
 		onReachBottom() { //下滑加载
 			if (this.goodsList.length >= this.total) {} else {
 				this.pageNum++;
-				goodsList(this.pageSize, this.pageNum, this.goodsCategoryId, this.goodsName).then(res => {
+				goodsList(this.pageSize, this.pageNum, this.GoodsCategorychildrenid, this.goodsName).then(res => {
 					if (res.code == 200) {
 						res.rows.forEach(e => {
 							this.goodsList.push(e)
@@ -121,7 +173,7 @@
 		},
 		onPullDownRefresh() { //下拉刷新
 			this.pageNum = 1;
-			goodsList(this.pageSize, this.pageNum, this.goodsCategoryId, this.goodsName).then(res => {
+			goodsList(this.pageSize, this.pageNum, this.GoodsCategorychildrenid, this.goodsName).then(res => {
 				this.goodsList = res.rows
 				this.total = res.total
 			})
@@ -229,7 +281,7 @@
 
 				.text {
 					font-size: 24rpx;
-					padding: 0  15rpx;
+					padding: 0 15rpx;
 					// text-overflow: ellipsis;
 					// overflow: hidden;
 					// white-space: nowrap;
@@ -251,7 +303,7 @@
 				}
 
 				image {
-					border-radius: 25rpx 25rpx 0 0 ;
+					border-radius: 25rpx 25rpx 0 0;
 					width: 100%;
 					height: 340rpx;
 				}
diff --git a/pages/information/information.scss b/pages/information/information.scss
index c4e1254..1672bec 100644
--- a/pages/information/information.scss
+++ b/pages/information/information.scss
@@ -176,6 +176,9 @@
 					display: inline-block;
 					height: 120rpx;
 					line-height: 120rpx;
+					white-space: nowrap;
+					  text-overflow: ellipsis;
+					  overflow: hidden;
 				}
 				
 				span {
diff --git a/pages/information/information.vue b/pages/information/information.vue
index e08bf61..194dff1 100644
--- a/pages/information/information.vue
+++ b/pages/information/information.vue
@@ -28,11 +28,8 @@
 				<view class="address" style="">
 					{{query.locationName}}
 				</view>
-				<!-- <u-input type="text" placeholder='' /> -->
 			</view>
 		</view>
-		<!-- <u-select v-model="areashow" mode="mutil-column-auto" label-name='areaName' value-name='areaCode'
-			:list="arealist" @confirm="areaconfirm"></u-select> -->
 		<view class="">
 			<m-city style='z-index: 10076;' :provinceData="list" headTitle="地区选择" ref="cityPicker"
 				@funcValue="getpickerParentValue" pickerSize="4">
@@ -322,10 +319,6 @@
 				}
 			})
 		},
-		onUnload() {
-			// 页面卸载时设置插件选点数据为null，防止再次进入页面，geLocation返回的是上次选点结果
-			// chooseLocation.setLocation(null);
-		},
 	}
 </script>
 <style lang="scss">
diff --git a/pages/m-city/m-city.vue b/pages/m-city/m-city.vue
index bc150b5..d90248a 100644
--- a/pages/m-city/m-city.vue
+++ b/pages/m-city/m-city.vue
@@ -91,6 +91,8 @@
 				var list = null
 				if (this.tabbars[this.tabbars.length - 1].localName == '请选择') {
 					list = this.tabbars.filter(e => e.localName != '请选择')
+				} else {
+					list = this.tabbars
 				}
 				this.$emit("funcValue", list);
 				this.hide();
diff --git a/pages/modifyAddress/modifyAddress.vue b/pages/modifyAddress/modifyAddress.vue
index 4df23fa..b853ad0 100644
--- a/pages/modifyAddress/modifyAddress.vue
+++ b/pages/modifyAddress/modifyAddress.vue
@@ -167,25 +167,33 @@
 			// 三级地址联动回调
 			getpickerParentValue(e) {
 				this.addresslength = e
-				if (e) {
-					if (e.length == 4) {
-						this.infolist.address = e[0].localName + '-' + e[1].localName + '-' + e[2].localName + '-' + e[3]
-							.localName
-						this.infolist.areaCode = e[3].id
-					} else if (e.length == 3) {
-						this.infolist.address = e[0].localName + '-' + e[1].localName + '-' + e[2].localName
-						this.infolist.areaCode = e[2].id
-					} else if (e.length == 2) {
-						this.infolist.address = e[0].localName + '-' + e[1].localName
-						this.infolist.areaCode = e[1].id
-					} else if (e.length == 1) {
-						this.infolist.address = e[0].localName
-						this.infolist.areaCode = e[0].id
-					} else {
-						this.infolist.address = ''
-						this.infolist.areaCode = ''
-					}
+				this.infolist.address = ''
+				this.infolist.areaCode = ''
+				if (e && e.length >= 1) {
+					e.forEach(el => {
+						this.infolist.address = this.infolist.address + el.localName
+					})
+					this.infolist.areaCode = e[e.length - 1].id
 				}
+				// if (e) {
+				// 	if (e.length == 4) {
+				// 		this.infolist.address = e[0].localName + '-' + e[1].localName + '-' + e[2].localName + '-' + e[3]
+				// 			.localName
+				// 		this.infolist.areaCode = e[3].id
+				// 	} else if (e.length == 3) {
+				// 		this.infolist.address = e[0].localName + '-' + e[1].localName + '-' + e[2].localName
+				// 		this.infolist.areaCode = e[2].id
+				// 	} else if (e.length == 2) {
+				// 		this.infolist.address = e[0].localName + '-' + e[1].localName
+				// 		this.infolist.areaCode = e[1].id
+				// 	} else if (e.length == 1) {
+				// 		this.infolist.address = e[0].localName
+				// 		this.infolist.areaCode = e[0].id
+				// 	} else {
+				// 		this.infolist.address = ''
+				// 		this.infolist.areaCode = ''
+				// 	}
+				// }
 			},
 			// 显示三级地址联动
 			showPicker() {
@@ -324,19 +332,15 @@
 				this.shipAddress = '修改地址'
 				this.isedit = false
 				nursingStationGoodsinfo(item.id).then(res => {
-					this.infolist = res.data
-					getSubordinate(res.data.areaCode).then(res => {
-						if (res.data.streetName) {
-							this.infolist.address = res.data.provinceName + '-' + res.data.cityName +
-								'-' +
-								res
-								.data.regionName + '-' + res.data.streetName
+					getSubordinate(res.data.areaCode).then(resp => {
+						if (resp.data.streetName) {
+							res.data.address = resp.data.provinceName + resp.data.cityName + resp.data
+								.regionName + resp.data.streetName
 						} else {
-							this.infolist.address = res.data.provinceName + '-' + res.data.cityName +
-								'-' +
-								res
-								.data.regionName
+							res.data.address = resp.data.provinceName + resp.data.cityName + resp.data
+								.regionName
 						}
+						this.infolist = res.data
 						this.show = true
 					})
 				})
diff --git a/pages/toptabbar/toptabbar.vue b/pages/toptabbar/toptabbar.vue
new file mode 100644
index 0000000..7d685dd
--- /dev/null
+++ b/pages/toptabbar/toptabbar.vue
@@ -0,0 +1,168 @@
+<template>
+	<view style="position: relative;">
+		<!--顶部导航栏-->
+		<view class="uni-top-tabbar">
+			<scroll-view scroll-x="true" class="uni-swiper-tab" :style="{backgroundColor:bgColor}">
+				<view v-for="(tabBar,index) in tabBars" :key="index" class="swiper-tab-list"
+					:class="{'active': tabIndex==index}" :style="{color:tabIndex==index?selectedTextColor:textColor}"
+					@tap="toggleTab(index)">
+					<view class="title">
+						{{tabBar.goodsCategoryName}}
+					</view>
+					<view class="swiper-tab-line"
+						:style="{backgroundColor:tabIndex==index?selectedBottomColor:bgColor}"></view>
+				</view>
+			</scroll-view>
+			<view class="fenlei" @tap='toggleTab(1111111111111)'>
+				<image src="../../static/fenlei.png" mode=""></image>
+				<view class="">
+					分类
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "topTabbar",
+		props: {
+			//选中标签栏的索引
+			tabIndex: {
+				type: Number,
+				default: 0
+			},
+			//导航栏标签内容
+			tabBars: {
+				type: Array,
+				default: [{
+						goodsCategoryName: '标签1',
+						id: 1
+					},
+					{
+						goodsCategoryName: '标签2',
+						id: 2
+					},
+					{
+						goodsCategoryName: '标签3',
+						id: 3
+					},
+					{
+						goodsCategoryName: '标签4',
+						id: 4
+					},
+					{
+						goodsCategoryName: '标签5',
+						id: 5
+					},
+					{
+						goodsCategoryName: '标签6',
+						id: 6
+					}
+				]
+			},
+			//选中时底部横条颜色
+			selectedBottomColor: {
+				type: String,
+				default: '#30c58d'
+			},
+
+			//导航区背景颜色
+			bgColor: {
+				type: String,
+				default: '#ffffff'
+			},
+
+			//选中时文字颜色
+			selectedTextColor: {
+				type: String,
+				default: '#343434'
+			},
+
+			//默认文本颜色
+			textColor: {
+				type: String,
+				default: '#7d7e80'
+			}
+		},
+		data() {
+			return {}
+		},
+		methods: {
+			//点击导航栏标签触发
+			toggleTab(index) {
+				console.log(index)
+				this.$emit("toggleToptab", index)
+			}
+		}
+	}
+</script>
+<style lang="scss">
+	.fenlei {
+		width: 25%;
+		display: inline-block;
+		background-color: #fff;
+		line-height: 70rpx;
+		font-weight: normal;
+		height: 75rpx;
+		text-align: center;
+		color: #7d7e80;
+		position: absolute;
+		right: 0;
+		top: 0;
+
+		view {
+			position: absolute;
+			right: 25%;
+		}
+
+		image {
+			width: 40rpx;
+			height: 40rpx;
+			position: absolute;
+			left: 25%;
+			top: 50%;
+			transform: translateY(-55%);
+		}
+	}
+
+	.title {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		width: 100%;
+	}
+
+	.uni-top-tabbar {
+		/* 以下3项设置用于开启底部阴影显示 */
+		/* position: relative;
+		z-index: 1;
+		overflow: visible; */
+		width: 75%;
+
+		.uni-swiper-tab {
+			height: 75rpx;
+			//设置底部阴影
+			//box-shadow: rgba(170, 170, 170, 0.5) 0 2rpx 8rpx 0;
+			white-space: nowrap;
+
+			.swiper-tab-list {
+				font-size: 28rpx;
+				font-weight: normal;
+				line-height: 70rpx;
+				//设置标签宽度
+				width: 25%;
+				text-align: center;
+				display: inline-block;
+			}
+
+			.active {
+				.swiper-tab-line {
+					height: 4rpx;
+					width: 80rpx;
+					margin: auto;
+				}
+			}
+		}
+	}
+</style>
diff --git a/static/fenlei.png b/static/fenlei.png
new file mode 100644
index 0000000000000000000000000000000000000000..3993982986be20c06423b8a196f43b0ada377072
GIT binary patch
literal 2460
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
JQVlVL`7ig7Gu8kA

literal 0
HcmV?d00001