<template>
	<view>
		<ShowShopListItem 
			v-for="item in shopInfoList"
			:key="shopid"
			:shopInfo="item"
			:is-adshow="isADshow"
			:adlinkPath="adlinkPath"
			:show-style="showStyle"
			:is-edit="isEdit"
			@delItem="handleDel"
		></ShowShopListItem>
	</view>
</template>

<script>
	/**
	 * @property {Array}    shopInfoList     对象数组，（带图片）需要展示的商铺列表
	 * @property {Number}   showStyle        展示商铺的样式类型(0为首页默认)
	 * @property {Boolean}  isADshow         是否显示推广广告
	 * @property {Boolean}  isEdit           是否显示编辑和删除
	 */
	export default {
		name:"ShowShopList",
		data() {
			return {
				
			};
		},
		props: {
			showStyle:{
				type: Number,
				default() {
					return 0
				}
			},
			isADshow: {
				type: Boolean,
				default() {
					return true
				}
			},
			adlinkPath: {
				type: String,
				default() {
					return ''
				}
			},
			isEdit: {
				type: Boolean,
				default() {
					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: '琴行铺面转让',
							promotionNum: 23,
							price: 5000,
							date: '2023-11-02',
							pos: '锦江区',
							exactPos: '锦江区-汇源南路366号',
							sqr: 100,
							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"
						}
					]
				}
			}
		},
		methods: {
			handleDel(shopid){
				console.log("删除了商铺", shopid);
				// const delindex = this.shopInfoList.findIndex((item,index)=> item.shopid === shopid)
				// 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>

<style lang="scss">

</style>