罗世杰：商铺列表数据绑定

components/ShowShopList/ShowShopList.vue

@@ -52,11 +52,32 @@
 					return false
 				}
 			},
+			//获取列表类型传递参数部分
+			listType:{
+				type: Number,
+				default() {
+					return 1
+				}
+			},
+			pageSize: {
+				type: Number,
+				default() {
+					return 5
+				}
+			},
+			pageNum: {
+				type: Number,
+				default() {
+					return 1
+				}
+			},
 			shopInfoList: {
 				type: Array,
 				default() {
 					return [
 						{
+							id: 1,
+							type: 1,
 							shopid: 1,
 							imageUrl: 'https://alifei01.cfp.cn/creative/vcg/800/new/VCG41175510742.jpg',
 							title: '琴行铺面转让',
@@ -72,19 +93,41 @@
 							phoneNum: 13348946108,
 						},
 						{
-							shopid: 2,
-							imageUrl: 'https://alifei01.cfp.cn/creative/vcg/800/new/VCG41175510742.jpg',
-							title: '琴行铺面转让',
-							promotionNum: 23,
-							price: 5000,
-							date: '2023-11-02',
-							pos: '锦江区',
-							exactPos: '锦江区-汇源南路366号',
-							sqr: 200,
-							zrfText: "转让费：20000万",
-							category: '餐饮美食',
-							uname: "王先生",
-							phoneNum: 13348946108,
+							"id": "1",
+							"pic": "3",
+							"tt": "333",
+							"type": "0",
+							"adress": "",
+							"trade1": "啊",
+							"trade2": "餐馆",
+							"btype1": "",
+							"btype2": "",
+							"area1": "青羊区",
+							"area2": "",
+							"mianji": "33",
+							"zhuanrangfei": "44",
+							"zujin": "44",
+							"hits": "0",
+							"58url": "",
+							"personurl": "",
+							"kw": "",
+							"remark": "",
+							"content": "44vv",
+							"pics": "",
+							"user_level_id": "1",
+							"lianxiren": "3333",
+							"mobile": "44444",
+							"status": "1",
+							"shangpulx": "1",
+							"zhuangtai": "1",
+							"lng": "2222.00000000",
+							"lat": "3333.00000000",
+							"pub_time": "0",
+							"create_time": "1699973131",
+							"update_time": "1699973131",
+							"delete_time": "0",
+							"userid": "1",
+							"success": "2"
 						}
 					]
 				}
@@ -97,7 +140,21 @@
 				// 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.$api.getShopList(query).then(res => {
+					console.log("shoplist",res.data.data);
+					
+				})
 			}
+		},
+		created() {
+			this.getList()
 		}
 	}
 </script>