<template>
	<view>
		<ShowShopListItem 
			v-for="item in shopInfoList"
			:key="shopid"
			:shopInfo="item"
			:is-adshow="isADshow"
			: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
				}
			},
			isEdit: {
				type: Boolean,
				default() {
					return false
				}
			},
			shopInfoList: {
				type: Array,
				default() {
					return [
						{
							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,
						},
						{
							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,
						}
					]
				}
			}
		},
		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);
			}
		}
	}
</script>

<style lang="scss">

</style>