From fbb6b00cba7163ca28d3a892d3d5b536ce959c54 Mon Sep 17 00:00:00 2001
From: LuoShijie <rowe_jason@outlook.com>
Date: Sat, 18 Nov 2023 18:07:01 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BD=97=E4=B8=96=E6=9D=B0=E4=BF=AE=E6=94=B9Sh?=
 =?UTF-8?q?opList=E5=92=8CSearchList=E7=9A=84api?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/DropDown/DropDown.vue              | 21 ++----
 components/SearchShopList/SearchShopList.vue  | 64 ++++++++++---------
 .../SearchShopListItem/SearchShopListItem.vue | 42 ++++++------
 components/ShowShopList/ShowShopList.vue      | 36 +++++------
 .../ShowShopListItem/ShowShopListItem.vue     |  4 +-
 pages/index/NavBarPages/czxx/czxx.vue         |  2 +-
 pages/index/NavBarPages/xmzs/xmzs.vue         |  2 +-
 7 files changed, 78 insertions(+), 93 deletions(-)

diff --git a/components/DropDown/DropDown.vue b/components/DropDown/DropDown.vue
index 12c017a..b37b506 100644
--- a/components/DropDown/DropDown.vue
+++ b/components/DropDown/DropDown.vue
@@ -30,23 +30,16 @@
 		components: {
 			DropDownItem
 		},
-		props: {
-			postlist: {
-				type: Array,
-				default () {
-					return [
-						['全部', '餐饮美食', '百货超市', '美容美发'],
-						['区域1', '区域2', '区域3', '区域4'],
-						['100m2', '200m2', '300m2'],
-						['附近的', '最新发布的', '其他']
-					]
-				}
-			}
-		},
 		data() {
 			return {
 				title: ['行业', '区域', '面积', '筛选'],
 				activeIndex: -1,
+				postlist: [
+					['全部', '餐饮美食', '百货超市', '美容美发'],
+					['区域1', '区域2', '区域3', '区域4'],
+					['小于50m²', '50-200m²', '200-600m²', '600-800m²', '800-1000m²', '1000m²以上'],
+					['附近的', '最新发布的', '其他']
+				]
 			};
 		},
 		computed: {
@@ -56,7 +49,7 @@
 		},
 		created() {
 			this.postlist[0]=JSON.parse(uni.getStorageSync('classList'))
-			// this.postlist[1]=JSON.parse(uni.getStorageSync('regionList'))
+			this.postlist[1]=JSON.parse(uni.getStorageSync('regionList'))
 		},
 		methods: {
 			changeActiveIndex(index) {
diff --git a/components/SearchShopList/SearchShopList.vue b/components/SearchShopList/SearchShopList.vue
index 3cdf75f..e4c6e35 100644
--- a/components/SearchShopList/SearchShopList.vue
+++ b/components/SearchShopList/SearchShopList.vue
@@ -13,13 +13,18 @@
 
 <script>
 	/**
-	 * @property {Array}    shopInfoList     对象数组，（不带图片）需要展示的商铺列表
+	 * @property  {Number}   showStyle        展示商铺的样式类型(0为首页默认)
+	 * @property  {Boolean}  isEdit   		是否显示编辑和删除
+	 * @property  {Number}    listType         获取列表类型传递参数部分
+	 * @property  {Object}    customQuery      自定义查询参数
 	 */
 	export default {
 		name:"SearchShopList",
 		data() {
 			return {
-				
+				pageSize: 5,
+				pageNum: 1,
+				shopInfoList: []
 			};
 		},
 		props: {
@@ -35,38 +40,22 @@
 					return false
 				}
 			},
-			shopInfoList: {
-				type: Array,
-				default() {
-					return [
-						{
-							searchid: 1,
-							title: '寻找旺铺,200平米左右，寻找旺铺,200平米左右寻找旺铺,200平米左右寻找旺铺,200平米左右',
-							price: 5000,
-							date: '2023-11-02',
-							phoneNum: 13348946108,
-							pos: '锦江区',
-							category: '餐饮美食',
-							uname: 'A先生',
-							sqr: 500,
-							yjtzText: "423万元"
-						},
-						{
-							searchid: 2,
-							title: '寻找旺铺,200平米左右，寻找旺铺,200平米左右寻找旺铺,200平米左右寻找旺铺,200平米左右',
-							price: 7000,
-							date: '2023-11-02',
-							phoneNum: 13348946108,
-							pos: '锦江区',
-							category: '餐饮美食',
-							uname: '王先生',
-							sqr: 200,
-							yjtzText: "423万元"
-						}
-					]
+			listType:{
+				type: Number,
+				default(){
+					return 2
+				}
+			},
+			customQuery:{
+				type: Object,
+				default(){
+					return {}
 				}
 			}
 		},
+		created() {
+			this.getList()
+		},
 		methods: {
 			handleDel(shopid){
 				console.log("删除了商铺", shopid);
@@ -74,6 +63,19 @@
 				// TODO：不能直接修改
 				// if(delindex !== -1)  this.shopInfoList = this.shopInfoList.slice(delindex,1)
 				// console.log(this.shopInfoList);
+			},
+			getList() {
+				const query = this.$u.queryParams({
+					type: this.listType,
+					pageSize: this.pageSize,
+					pageNum: this.pageNum,
+					...this.customQuery
+				})
+				console.log(query, 'query');
+				this.$api.getShopList(query).then(res => {
+					console.log(this.shopInfoList);
+					this.shopInfoList = res.data.data
+				})
 			}
 		}
 	}
diff --git a/components/SearchShopListItem/SearchShopListItem.vue b/components/SearchShopListItem/SearchShopListItem.vue
index 1ed5bce..6241990 100644
--- a/components/SearchShopListItem/SearchShopListItem.vue
+++ b/components/SearchShopListItem/SearchShopListItem.vue
@@ -5,42 +5,42 @@
 		</view>
 		<view class="list-container">
 			<view class="text-area">
-				<text>{{shopInfo.title}}</text>
+				<text>{{shopInfo.tt}}</text>
 				
 				<view class="style2" v-if="showStyle === 1">
 					<view class="rent-and-cost">
-						<text>租金：{{shopInfo.price}}元/月</text>
-						<text v-if="showStyle==1">预计投资：{{shopInfo.yjtzText}}</text>
+						<text>租金：{{shopInfo.zujin}}元/月</text>
+						<text v-if="showStyle==1">预计投资：{{shopInfo.zhuanrangfei}}</text>
 					</view>
 					<view class="cart-and-pos">
 						<view>
 							<view>
 								<u-image src="/static/shoplist/sy_icon_lbhy.png" width="12px" height="15px"></u-image>
 							</view>
-							<text>{{shopInfo.category}}</text>
+							<text>{{shopInfo.trade1}}</text>
 						</view>
 						<view>
 							<view>
 								<u-image src="/static/shoplist/sy_icon_lbhdw.png" width="12px" height="15px"></u-image>
 							</view>
-							<text>{{shopInfo.pos}}</text>
+							<text>{{shopInfo.area1}}</text>
 						</view>
 					</view>
 				</view>
 				<view class="style3" v-if="showStyle === 2">
-					<view class="cjsj">成交时间：{{shopInfo.date}}</view>
+					<view class="cjsj">成交时间：{{$u.timeFormat(shopInfo.deal_time,'yyyy-mm-dd')}}</view>
 					<view class="cart-and-pos">
 						<view>
 							<view>
 								<u-image src="/static/cjal/al_icon_flh.png" width="12px" height="15px"></u-image>
 							</view>
-							<text :class="{style3: showStyle === 2}">{{shopInfo.category}}</text>
+							<text :class="{style3: showStyle === 2}">{{shopInfo.trade1}}</text>
 						</view>
 						<view>
 							<view>
 								<u-image src="/static/cjal/al_icon_dwh.png" width="12px" height="15px"></u-image>
 							</view>
-							<text :class="{style3: showStyle === 2}">{{shopInfo.pos}}</text>
+							<text :class="{style3: showStyle === 2}">{{shopInfo.area1}}</text>
 						</view>
 					</view>
 				</view>
@@ -51,21 +51,21 @@
 							<u-image v-if="showStyle === 2" src="/static/cjal/al_icon_pm.png" width="12px" height="15px"></u-image>
 							<u-image v-else src="/static/shoplist/sy_icon_lbpm.png" width="12px" height="15px"></u-image>
 						</view>
-						<text :class="{style3: showStyle === 2}">{{shopInfo.sqr}}m2</text>
+						<text :class="{style3: showStyle === 2}">{{shopInfo.mianji}}m2</text>
 					</view>
 					<view>
 						<view>
 							<u-image v-if="showStyle === 2" src="/static/cjal/al_icon_mch.png" width="12px" height="15px"></u-image>
 							<u-image v-else src="/static/shoplist/sy_icon_lbxm.png" width="12px" height="15px"></u-image>
 						</view>
-						<text :class="{style3: showStyle === 2}">{{shopInfo.uname}}</text>
+						<text :class="{style3: showStyle === 2}">{{shopInfo.lianxiren}}</text>
 					</view>
 					<view style="flex:2">
 						<view>
 							<u-image v-if="showStyle === 2" src="/static/cjal/al_icon_sjh.png" width="12px" height="15px"></u-image>
 							<u-image v-else src="/static/shoplist/sy_icon_lblxr.png" width="12px" height="15px"></u-image>
 						</view>
-						<text :class="{style3: showStyle === 2}">{{shopInfo.phoneNum}}</text>
+						<text :class="{style3: showStyle === 2}">{{shopInfo.mobile}}</text>
 					</view>
 				</view>
 				
@@ -74,28 +74,28 @@
 						<view>
 							<u-image src="/static/shoplist/sy_icon_lbhy.png" width="12px" height="15px"></u-image>
 						</view>
-						<text>{{shopInfo.category}}</text>
+						<text>{{shopInfo.trade1}}</text>
 					</view>
 					<view>
 						<view>
 							<u-image src="/static/shoplist/sy_icon_lbhdw.png" width="12px" height="15px"></u-image>
 						</view>
-						<text>{{shopInfo.pos}}</text>
+						<text>{{shopInfo.area1}}</text>
 					</view>
 					<view style="flex:2">
 						<view>
 							<u-image src="/static/shoplist/sy_icon_lbrq.png" width="12px" height="15px"></u-image>
 						</view>
-						<text>发布日期：{{shopInfo.date}}</text>
+						<text>发布日期：{{$u.timeFormat(shopInfo.pub_time,'yyyy-mm-dd')}}</text>
 					</view>
 				</view>
 				
 				<view v-if="isEdit" class="del-and-edit bottom-common">
-					<view class="edit" @click="handleEdit(shopInfo.searchid)">
+					<view class="edit" @click="handleEdit(shopInfo.id)">
 						<u-image src="/static/shoplist/dp_icon_pj.png" width="12px" height="15px"></u-image>
 						<text>编辑</text>
 					</view>
-					<view class="del" @click="handleDel(shopInfo.searchid)">
+					<view class="del" @click="handleDel(shopInfo.id)">
 						<u-image src="/static/shoplist/dp_icon_sc.png" width="12px" height="15px"></u-image>
 						<text>删除</text>
 					</view>
@@ -113,14 +113,7 @@
 				type:Object,
 				default(){
 					return {
-						title: '寻找旺铺,200平米左右，寻找旺铺,200平米左右寻找旺铺,200平米左右寻找旺铺,200平米左右',
-						price: 5000,
-						date: '2023-11-02',
-						phoneNum: 13348946108,
-						pos: '锦江区',
-						category: '餐饮美食',
-						uname: '王先生',
-						sqr: 200
+						
 					}
 				}
 			},
@@ -151,6 +144,7 @@
 			handleEdit(searchid) {
 				// TODO 完成页面跳转
 				console.log("点击了编辑ID为",searchid);
+				
 			},
 			handleDel(searchid) {
 				this.$emit('delItem', searchid)
diff --git a/components/ShowShopList/ShowShopList.vue b/components/ShowShopList/ShowShopList.vue
index b60061f..3624afd 100644
--- a/components/ShowShopList/ShowShopList.vue
+++ b/components/ShowShopList/ShowShopList.vue
@@ -19,12 +19,18 @@
 	 * @property {Number}   showStyle        展示商铺的样式类型(0为首页默认)
 	 * @property {Boolean}  isADshow         是否显示推广广告
 	 * @property {Boolean}  isEdit           是否显示编辑和删除
+	 * @property {String}   adlinkPath        推广广告跳转链接
+	 * @property {Number}    listType         获取列表类型传递参数部分
+	 * @property {Object}    customQuery      自定义查询参数
 	 */
 	export default {
 		name:"ShowShopList",
 		data() {
 			return {
-				
+				pageSize: 5,
+				pageNum: 1,
+				shopInfoList: []
+
 			};
 		},
 		props: {
@@ -52,32 +58,22 @@
 					return false
 				}
 			},
-			//获取列表类型传递参数部分
+			// //获取列表类型传递参数部分
 			listType:{
 				type: Number,
 				default() {
 					return 1
 				}
 			},
-			pageSize: {
-				type: Number,
+			customQuery:{
+				type: Object,
 				default() {
-					return 5
+					return {}
 				}
-			},
-			pageNum: {
-				type: Number,
-				default() {
-					return 1
-				}
-			},
+			}
 			
 		},
-		data() {
-			return {
-				shopInfoList: []
-			}
-		},
+		
 		methods: {
 			handleDel(shopid){
 				console.log("删除了商铺", shopid);
@@ -90,15 +86,15 @@
 				const query = this.$u.queryParams({
 					type: this.listType,
 					pageSize: this.pageSize,
-					pageNum: this.pageNum
+					pageNum: this.pageNum,
+					...this.customQuery
 				})
+				console.log("query",query);
 				this.$api.getShopList(query).then(res => {
-					console.log("shoplist",res.data.data);
 					this.shopInfoList = res.data.data
 					this.shopInfoList.forEach(item=>{
 						item.pics =this.$api.imgUrl + item.pics
 					});
-					console.log("shoplist",res.data.data);
 
 				})
 			}
diff --git a/components/ShowShopListItem/ShowShopListItem.vue b/components/ShowShopListItem/ShowShopListItem.vue
index 15f9e70..99331be 100644
--- a/components/ShowShopListItem/ShowShopListItem.vue
+++ b/components/ShowShopListItem/ShowShopListItem.vue
@@ -30,7 +30,7 @@
 				</view>
 				<view class="rent-and-date">
 					<text>租金：{{shopInfo.zujin}}元/月</text>
-					<text v-if="showStyle == 0">发布日期：{{$u.timeFormat(shopInfo.create_time,'yyyy-mm-dd')}}</text>
+					<text v-if="showStyle == 0">发布日期：{{$u.timeFormat(shopInfo.pub_time,'yyyy-mm-dd')}}</text>
 					<text v-if="showStyle == 1">转让费：{{shopInfo.zhuanrangfei}}</text>
 					<!-- 有 bug -->
 				</view>
@@ -72,7 +72,7 @@
 			>
 			<view>
 				<text>已将该店推给</text> 
-				<text style="color:#ce3b3b;margin: 0 4px;"> {{shopInfo.promotionNum}} </text> 
+				<text style="color:#ce3b3b;margin: 0 4px;"> {{shopInfo.num}} </text> 
 				<text> 位潜在客户</text>
 			</view>
 			<text style="color:#ce3b3b">我也要推广>></text>
diff --git a/pages/index/NavBarPages/czxx/czxx.vue b/pages/index/NavBarPages/czxx/czxx.vue
index a740948..bc88f91 100644
--- a/pages/index/NavBarPages/czxx/czxx.vue
+++ b/pages/index/NavBarPages/czxx/czxx.vue
@@ -15,7 +15,7 @@
 			<DropDown></DropDown>
 		</view>
 		<view class="marginLR10">
-			<ShowShopList :showStyle="2" :adlinkPath = "adlinkPath"/>
+			<ShowShopList :showStyle="2" :adlinkPath = "adlinkPath" :listType="3"/>
 		</view>
 	</view>
 </template>
diff --git a/pages/index/NavBarPages/xmzs/xmzs.vue b/pages/index/NavBarPages/xmzs/xmzs.vue
index 6bd7122..68395fc 100644
--- a/pages/index/NavBarPages/xmzs/xmzs.vue
+++ b/pages/index/NavBarPages/xmzs/xmzs.vue
@@ -15,7 +15,7 @@
 			<DropDown></DropDown>
 		</view>
 		<view class="marginLR10">
-			<ShowShopList :showStyle="2" :adlinkPath="adlinkPath"/>
+			<ShowShopList :showStyle="2" :adlinkPath="adlinkPath" :listType="4"/>
 		</view>
 	</view>
 </template>