邓洁 : "我的"模块删除功能

components/SearchShopListItem/SearchShopListItem.vue

@@ -6,7 +6,7 @@
 		<view class="list-container">
 			<view class="text-area">
 				<text>{{shopInfo.tt}}</text>
-				
+
 				<view class="style2" v-if="showStyle === 1">
 					<view class="rent-and-cost">
 						<text>租金：{{shopInfo.zujin}}元/月</text>
@@ -44,7 +44,7 @@
 						</view>
 					</view>
 				</view>
-				
+
 				<view class="sqr-and-lx" :class="{pb0: showStyle === 2}">
 					<view>
 						<view>
@@ -68,7 +68,7 @@
 						<text :class="{style3: showStyle === 2}">{{shopInfo.mobile}}</text>
 					</view>
 				</view>
-				
+
 				<view class="cart-and-date" v-if="showStyle === 0">
 					<view>
 						<view>
@@ -89,7 +89,7 @@
 						<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.id)">
 						<u-image src="/static/shoplist/dp_icon_pj.png" width="12px" height="15px"></u-image>
@@ -100,7 +100,7 @@
 						<text>删除</text>
 					</view>
 				</view>
-				
+
 			</view>
 		</view>
 	</view>
@@ -110,41 +110,41 @@
 	export default {
 		props: {
 			shopInfo: {
-				type:Object,
-				default(){
+				type: Object,
+				default () {
 					return {
-						
+
 					}
 				}
 			},
 			showStyle: {
-				type:Number,
-				default() {
+				type: Number,
+				default () {
 					return 0
 				}
 			},
 			isEdit: {
-				type:Boolean,
-				default(){
+				type: Boolean,
+				default () {
 					return false
 				}
 			}
-			
+
 		},
 		data() {
 			return {
-				
+
 			}
-			
+
 		},
 		computed: {
-			
+
 		},
 		methods: {
 			handleEdit(searchid) {
 				// TODO 完成页面跳转
-				console.log("点击了编辑ID为",searchid);
-				
+				console.log("点击了编辑ID为", searchid);
+				this.$emit('updateItem', searchid)
 			},
 			handleDel(searchid) {
 				this.$emit('delItem', searchid)
@@ -156,23 +156,28 @@
 <style lang="scss" scoped>
 	.style3 {
 		position: relative;
-		color:#696969 !important;
-		.cart-and-pos{
+		color: #696969 !important;
+
+		.cart-and-pos {
 			border-top: 1px solid #eee !important;
 		}
 	}
-	.pb0{
+
+	.pb0 {
 		padding-bottom: 0 !important;
 	}
+
 	.yzr {
 		position: absolute;
 		top: 30rpx;
 		right: 13rpx;
 	}
+
 	.cjsj {
 		margin-top: 20rpx;
 		margin-bottom: 12rpx;
 	}
+
 	.list-border {
 		position: relative;
 		margin: 10px 0;
@@ -181,101 +186,125 @@
 		border-radius: 7px;
 		box-shadow: 0 1px 2px 0 rgba(224, 224, 224, 0.50);
 		font-size: 12px;
+
 		.list-container {
 			display: flex;
 			height: auto;
 		}
+
 		.bottom-common {
 			border-top: 1px solid #f7f7f7;
 			padding-top: 5px;
 			display: flex;
-			> view {
+
+			>view {
 				display: flex;
 			}
 		}
-		.del-and-edit{
+
+		.del-and-edit {
 			margin-top: 6px;
 			justify-content: flex-end;
-			>view{
+
+			>view {
 				margin-left: 38rpx;
 			}
+
 			text {
 				margin-left: 4px;
 				color: #666666;
 			}
 		}
+
 		.text-area {
 			display: flex;
 			flex-direction: column;
 			justify-content: space-between;
-			> text {
+
+			>text {
 				font-size: 14px;
 			}
+
 			>view {
 				display: flex;
+
 				>view {
 					display: flex;
+
 					>view {
 						margin-right: 4px;
 					}
 				}
 			}
-			
-			.style2,.style3 {
+
+			.style2,
+			.style3 {
 				display: flex;
 				flex-direction: column;
 				color: #CC3333;
 				font-weight: 500;
+
 				.rent-and-cost {
-					text{
+					text {
 						margin-right: 26rpx;
 					}
+
 					margin-top: 5px;
 					padding-top: 5px;
 					padding-bottom: 6px;
 				}
-				.cart-and-pos{
-					> view{
+
+				.cart-and-pos {
+					>view {
 						margin-right: 50rpx;
 						display: flex;
 					}
+
 					display: flex;
 					border-top: 1px solid #f7f7f7;
 					padding-top: 5px;
 					margin-bottom: 5px;
 					justify-content: start;
 					font-weight: 500;
+
 					text {
 						color: #CC3333;
 						line-height: 12px;
 					}
 				}
 			}
+
 			.sqr-and-lx {
 				justify-content: space-between;
 				margin-top: 5px;
 				padding-bottom: 6px;
+
 				text {
 					color: #359867;
 					line-height: 12px;
 				}
+
 				.style3 {
 					color: #696969;
 				}
+
 				>view {
-					flex:1;
+					flex: 1;
 					display: flex;
+
 					>view {
 						margin-right: 4px;
 					}
 				}
 			}
+
 			.cart-and-date {
 				display: flex;
 				border-top: 1px solid #f7f7f7;
 				padding-top: 5px;
 				justify-content: space-between;
 				font-weight: 500;
+
 				text {
 					color: #CC3333;
 					line-height: 12px;