diff --git a/libraries/tanlulib/src/main/java/com/zhidao/roadcondition/service/MainService.kt b/libraries/tanlulib/src/main/java/com/zhidao/roadcondition/service/MainService.kt
index 205574766b..d7db18d27f 100644
--- a/libraries/tanlulib/src/main/java/com/zhidao/roadcondition/service/MainService.kt
+++ b/libraries/tanlulib/src/main/java/com/zhidao/roadcondition/service/MainService.kt
@@ -315,7 +315,7 @@ class MainService : Service() {
             isCustom: Boolean = false,
             id: Long = 0
     ) {
-        Log.d("MainService", "takeVideo --------1----> fromType = $fromType")
+        Log.d("MainService", "takeVideo --------1----> fromType = $fromType --isCustom = $isCustom")
 //        if (isAuthorization(BaseApplication.getAppContext())) {
         CarCorderController.takeVideo(1, duration, isCustom, id, shareType, mainInfoId, fromType, mLongitude, mLatitude, speed)
 //        }
diff --git a/modules/mogo-module-service/src/main/java/com/mogo/module/service/MogoServices.java b/modules/mogo-module-service/src/main/java/com/mogo/module/service/MogoServices.java
index b93f3bedce..e78d6601cc 100644
--- a/modules/mogo-module-service/src/main/java/com/mogo/module/service/MogoServices.java
+++ b/modules/mogo-module-service/src/main/java/com/mogo/module/service/MogoServices.java
@@ -13,6 +13,7 @@ import android.os.Message;
 import android.text.TextUtils;
 import android.util.Log;
 import android.view.MotionEvent;
+import android.view.View;
 
 import androidx.annotation.NonNull;
 
@@ -77,9 +78,12 @@ import com.mogo.utils.logger.Logger;
 import com.mogo.utils.network.RequestOptions;
 import com.mogo.utils.network.utils.GsonUtil;
 import com.zhidao.carchattingprovider.CallChattingProviderConstant;
+import com.zhidao.carchattingprovider.ICallProviderResponse;
 import com.zhidao.carchattingprovider.ICarsChattingProvider;
 import com.zhidao.smartv2x.common.utils.LoggerUtils;
 
+import org.jetbrains.annotations.NotNull;
+import org.jetbrains.annotations.Nullable;
 import org.json.JSONObject;
 
 import java.util.List;
@@ -172,6 +176,8 @@ public class MogoServices implements IMogoMapListener,
     private IMogoNavi mNavi;
     private IMogoRegisterCenter mRegisterCenter;
 
+    private ICallProviderResponse mCallProviderResponse;
+
     /**
      * 地图视图初始化
      */
@@ -397,12 +403,104 @@ public class MogoServices implements IMogoMapListener,
      */
     private void closeAllPanel() {
         LoggerUtils.log("zy=======stop");
+        // TODO @钟超 需要修改下kotlin的校验
+        mCallProviderResponse = new ICallProviderResponse(){
+            @Override
+            public void mute(boolean b) {
+
+            }
+
+            @Override
+            public void matchInvokeResult(boolean b, @NotNull String s) {
+
+            }
+
+            @Override
+            public void match(@NotNull String s) {
+
+            }
+
+            @Override
+            public void invokeCallData(@NotNull String s) {
+
+            }
+
+            @Override
+            public void hangUp(boolean b) {
+
+            }
+
+            @Override
+            public void error(@NotNull String s) {
+
+            }
+
+            @Override
+            public void cancelMatch(boolean b) {
+
+            }
+
+            @Override
+            public void call(@NotNull String s) {
+
+            }
+
+            @Override
+            public void userWindowStatus(boolean b) {
+
+            }
+
+            @Override
+            public void userInfoCallBack(@Nullable String s, @Nullable String s1) {
+
+            }
+
+            @Override
+            public void isOnLine(boolean b, @Nullable String s) {
+
+            }
+
+            @Override
+            public void isFriend(boolean b) {
+
+            }
+
+            @Override
+            public void invisibleUser(boolean b) {
+
+            }
+
+            @Override
+            public void hideUserWindowError(@NotNull String s) {
+
+            }
+
+            @Override
+            public void canCall(boolean b) {
+
+            }
+
+            @Override
+            public void callInvokeError(@NotNull String s) {
+
+            }
+
+            @Override
+            public void addFriend(boolean b) {
+
+            }
+
+            @Override
+            public void callWindowStatus( boolean b ) {
+
+            }
+        };
         MogoApisHandler.getInstance().getApis().getShareManager().dismissShareDialog();
         MogoApisHandler.getInstance().getApis().getOnlineCarPanelApi().hidePanel();
         MogoApisHandler.getInstance().getApis().getAdasControllerApi().setSettingStatus(false);
         MogoApisHandler.getInstance().getApis().getEventPanelManager().hidePanel();
         carsChattingProvider = (ICarsChattingProvider) ARouter.getInstance().build(CallChattingProviderConstant.CAR_CALL_PROVIDER).navigation();
-        carsChattingProvider.hideUserWindow("MOGO_COMMON_SERVICE", mContext, null);
+        carsChattingProvider.hideUserWindow("MOGO_COMMON_SERVICE", mContext, mCallProviderResponse);
     }
 
     public void init(Context context) {
diff --git a/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/V2XSurroundingDetailAdapter.java b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/V2XSurroundingDetailAdapter.java
index 62431f4d62..b7a6665727 100644
--- a/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/V2XSurroundingDetailAdapter.java
+++ b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/V2XSurroundingDetailAdapter.java
@@ -6,15 +6,21 @@ import android.view.View;
 import android.view.ViewGroup;
 import android.widget.ImageView;
 import android.widget.TextView;
+
 import androidx.annotation.NonNull;
 import androidx.recyclerview.widget.RecyclerView;
 
 import com.mogo.module.common.entity.MarkerExploreWay;
 import com.mogo.module.common.entity.MarkerPoiTypeEnum;
 import com.mogo.module.v2x.R;
+import com.mogo.module.v2x.V2XConst;
 import com.mogo.module.v2x.adapter.holder.V2XSurroundingDetailVH;
 import com.mogo.module.v2x.entity.panel.SurroundingConstruction;
+import com.mogo.module.v2x.utils.RoadConditionUtils;
+import com.mogo.module.v2x.view.HeartLikeView;
+import com.mogo.module.v2x.view.HeartUnLikeView;
 import com.mogo.utils.DateTimeUtils;
+import com.mogo.utils.logger.Logger;
 
 import java.util.List;
 
@@ -26,10 +32,12 @@ import java.util.List;
 public class V2XSurroundingDetailAdapter extends RecyclerView.Adapter<V2XSurroundingDetailVH> {
     private List<MarkerExploreWay> markerExploreWays;
     private Context mContext;
-    private ImageView mTypeImageView;
     private TextView mTypeTv;
     private TextView mAddressTv;
+    private TextView mUserNameTv;
     private TextView mTimeTv;
+    private HeartLikeView mHeartLikeView;
+    private HeartUnLikeView mUnHeartLikeView;
 
 
     public V2XSurroundingDetailAdapter(Context context, List<MarkerExploreWay> list) {
@@ -57,18 +65,52 @@ public class V2XSurroundingDetailAdapter extends RecyclerView.Adapter<V2XSurroun
             return;
         }
 
-//        mTypeImageView = holder.itemView.findViewById(R.id.iv_event_type);
-        mTypeTv = holder.itemView.findViewById(R.id.surrounding_road_type);
         mAddressTv = holder.itemView.findViewById(R.id.surrounding_road_type_address);
+        mUserNameTv = holder.itemView.findViewById(R.id.surrounding_username);
         mTimeTv = holder.itemView.findViewById(R.id.surrounding_time);
+        mTypeTv = holder.itemView.findViewById(R.id.surrounding_road_type);
+        mHeartLikeView = holder.itemView.findViewById(R.id.surrounding_road_like);
+        mUnHeartLikeView = holder.itemView.findViewById(R.id.surrounding_road_unlike);
 
+        mUserNameTv.setText( exploreWay.getUserInfo() != null ? ("用户" + exploreWay.getUserInfo().getUserName() + "分享") : "蘑菇用户分享");
         mTypeTv.setText(getTypeName(exploreWay.getPoiType()));
         mAddressTv.setText(exploreWay.getAddr());
         mTimeTv.setText(DateTimeUtils.getTimeText(exploreWay.getGenerateTime(), DateTimeUtils.MM_Yue_dd_Ri_HH_mm));
 
-//        mTypeImageView.setBackgroundResource(getTypeSmallRes(surroundingConstruction.getPoiType()));
+        mHeartLikeView.setOnClickCallListener(v -> {
+            Logger.d(V2XConst.MODULE_NAME, "反馈有用");
+            roadReportTrue(exploreWay);
+        });
+
+        mUnHeartLikeView.setOnClickCallListener(v -> {
+            Logger.d(V2XConst.MODULE_NAME, "反馈无用");
+            roadReportErr(exploreWay);
+        });
     }
 
+    /**
+     * 反馈路况正确
+     */
+    private void roadReportTrue(MarkerExploreWay exploreWay) {
+        if (exploreWay != null) {
+            RoadConditionUtils.sendShareReceiverInfo(
+                    exploreWay.getInfoId(),
+                    exploreWay.getPoiType(),
+                    2);
+        }
+    }
+
+    /**
+     * 反馈路况错误
+     */
+    private void roadReportErr(MarkerExploreWay exploreWay) {
+        if (exploreWay != null) {
+            RoadConditionUtils.sendShareReceiverInfo(
+                    exploreWay.getInfoId(),
+                    exploreWay.getPoiType(),
+                    3);
+        }
+    }
 
     @Override
     public int getItemCount() {
@@ -113,4 +155,6 @@ public class V2XSurroundingDetailAdapter extends RecyclerView.Adapter<V2XSurroun
     }
 
 
+
+
 }
diff --git a/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/holder/V2XIllegalParkVH.java b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/holder/V2XIllegalParkVH.java
index b57ff5d648..2bdd6bfabd 100644
--- a/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/holder/V2XIllegalParkVH.java
+++ b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/holder/V2XIllegalParkVH.java
@@ -1,10 +1,14 @@
 package com.mogo.module.v2x.adapter.holder;
 
+import android.content.res.TypedArray;
+import android.graphics.drawable.Drawable;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;
 import android.widget.TextView;
 
+import androidx.core.content.ContextCompat;
+
 import com.mogo.module.common.entity.MarkerExploreWay;
 import com.mogo.module.common.entity.V2XEventShowEntity;
 import com.mogo.module.common.entity.V2XHistoryScenarioData;
@@ -52,6 +56,8 @@ public class V2XIllegalParkVH extends V2XBaseViewHolder<V2XEventShowEntity> {
         mAddressTv = itemView.findViewById(R.id.tvAddress);
         mIllegalNumTv = itemView.findViewById(R.id.tvIllegalNum);
         mIlIllegalParkingLike = itemView.findViewById(R.id.llIllegalParkingLike);
+        Drawable drawable = ContextCompat.getDrawable(viewGroup.getContext(), R.drawable.icon_heart_like_bg);
+        mIlIllegalParkingLike.setBackground(drawable);
         mIIllegalParkingUnLike = itemView.findViewById(R.id.llIllegalParkingUnLike);
 
         // 设置视图状态监听
diff --git a/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/holder/V2XRoadEventVH.java b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/holder/V2XRoadEventVH.java
index 85c7effcc5..ba73a92fc6 100644
--- a/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/holder/V2XRoadEventVH.java
+++ b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/holder/V2XRoadEventVH.java
@@ -1,6 +1,7 @@
 package com.mogo.module.v2x.adapter.holder;
 
 import android.content.Intent;
+import android.graphics.drawable.Drawable;
 import android.text.TextUtils;
 import android.util.Log;
 import android.view.LayoutInflater;
@@ -9,6 +10,8 @@ import android.view.ViewGroup;
 import android.widget.ImageView;
 import android.widget.TextView;
 
+import androidx.core.content.ContextCompat;
+
 import com.mogo.commons.debug.DebugConfig;
 import com.mogo.module.common.entity.MarkerExploreWay;
 import com.mogo.module.common.entity.MarkerUserInfo;
@@ -133,6 +136,8 @@ public class V2XRoadEventVH extends V2XBaseViewHolder<V2XEventShowEntity> {
         ivEventLive = itemView.findViewById(R.id.ivEventLive);
         ivEventCallChart = itemView.findViewById(R.id.ivEventCallChart);
         ivEventZan = itemView.findViewById(R.id.ivEventZan);
+        Drawable drawable = ContextCompat.getDrawable(itemView.getContext(), R.drawable.icon_heart_like_bg);
+        ivEventZan.setBackground(drawable);
         ivEventReportTrue = itemView.findViewById(R.id.ivEventReportTrue);
         ivEventReportErr = itemView.findViewById(R.id.ivEventReportErr);
     }
diff --git a/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/holder/V2XScenarioHistoryIllegalParkVH.java b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/holder/V2XScenarioHistoryIllegalParkVH.java
index e32d6aef52..3998c9a69a 100644
--- a/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/holder/V2XScenarioHistoryIllegalParkVH.java
+++ b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/holder/V2XScenarioHistoryIllegalParkVH.java
@@ -1,11 +1,14 @@
 package com.mogo.module.v2x.adapter.holder;
 
+import android.content.res.TypedArray;
+import android.graphics.drawable.Drawable;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;
 import android.widget.TextView;
 
 import androidx.annotation.NonNull;
+import androidx.core.content.ContextCompat;
 
 import com.mogo.module.common.entity.MarkerExploreWay;
 import com.mogo.module.common.entity.V2XHistoryScenarioData;
@@ -47,6 +50,8 @@ public class V2XScenarioHistoryIllegalParkVH extends V2XBaseViewHolder<V2XHistor
         mTagEventEvaluate = itemView.findViewById(R.id.tagEventEvaluate);
 
         mLlIllegalParkingLike = itemView.findViewById(R.id.llIllegalParkingLike);
+        Drawable drawable = ContextCompat.getDrawable(viewGroup.getContext(), R.drawable.icon_history_heart_back);
+        mLlIllegalParkingLike.setBackground(drawable);
         mLlIllegalParkingUnLike = itemView.findViewById(R.id.llIllegalParkingUnLike);
     }
 
diff --git a/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/holder/V2XScenarioHistoryRoadEventVH.java b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/holder/V2XScenarioHistoryRoadEventVH.java
index c392ecc22a..420ffb705b 100644
--- a/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/holder/V2XScenarioHistoryRoadEventVH.java
+++ b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/adapter/holder/V2XScenarioHistoryRoadEventVH.java
@@ -1,5 +1,6 @@
 package com.mogo.module.v2x.adapter.holder;
 
+import android.graphics.drawable.Drawable;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;
@@ -7,6 +8,7 @@ import android.widget.ImageView;
 import android.widget.TextView;
 
 import androidx.annotation.NonNull;
+import androidx.core.content.ContextCompat;
 
 import com.mogo.module.common.entity.MarkerExploreWay;
 import com.mogo.module.common.entity.V2XHistoryScenarioData;
@@ -49,6 +51,8 @@ public class V2XScenarioHistoryRoadEventVH extends V2XBaseViewHolder<V2XHistoryS
         mTagEventEvaluate = itemView.findViewById(R.id.tagEventEvaluate);
 
         mLlIllegalParkingLike = itemView.findViewById(R.id.llIllegalParkingLike);
+        Drawable drawable = ContextCompat.getDrawable(viewGroup.getContext(), R.drawable.icon_history_heart_back);
+        mLlIllegalParkingLike.setBackground(drawable);
         mLlIllegalParkingUnLike = itemView.findViewById(R.id.llIllegalParkingUnLike);
     }
 
diff --git a/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/view/HeartLikeView.java b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/view/HeartLikeView.java
index 817d7c67f6..71f3f204c2 100644
--- a/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/view/HeartLikeView.java
+++ b/modules/mogo-module-v2x/src/main/java/com/mogo/module/v2x/view/HeartLikeView.java
@@ -4,6 +4,8 @@ import android.animation.Animator;
 import android.animation.AnimatorInflater;
 import android.animation.AnimatorSet;
 import android.content.Context;
+import android.content.res.TypedArray;
+import android.graphics.drawable.Drawable;
 import android.util.AttributeSet;
 import android.view.View;
 import android.widget.ImageView;
@@ -23,7 +25,6 @@ public class HeartLikeView extends LinearLayout implements Animator.AnimatorList
     private ImageView mIllegalParkingLike;
     private AnimatorSet mAnimatorSet;
     private OnClickCallListener mOnClickCallListener;
-
     private boolean isAnimator = false;
 
     public HeartLikeView(Context context) {
diff --git a/modules/mogo-module-v2x/src/main/res/drawable-mdpi/v2x_back_image.png b/modules/mogo-module-v2x/src/main/res/drawable-mdpi/v2x_back_image.png
new file mode 100644
index 0000000000..b1752e1069
Binary files /dev/null and b/modules/mogo-module-v2x/src/main/res/drawable-mdpi/v2x_back_image.png differ
diff --git a/modules/mogo-module-v2x/src/main/res/drawable-xhdpi/icon_history_heart_back.png b/modules/mogo-module-v2x/src/main/res/drawable-xhdpi/icon_history_heart_back.png
new file mode 100644
index 0000000000..e8c003d0ea
Binary files /dev/null and b/modules/mogo-module-v2x/src/main/res/drawable-xhdpi/icon_history_heart_back.png differ
diff --git a/modules/mogo-module-v2x/src/main/res/layout/item_v2x_event_detail.xml b/modules/mogo-module-v2x/src/main/res/layout/item_v2x_event_detail.xml
index bc25522ee9..451abab86d 100644
--- a/modules/mogo-module-v2x/src/main/res/layout/item_v2x_event_detail.xml
+++ b/modules/mogo-module-v2x/src/main/res/layout/item_v2x_event_detail.xml
@@ -194,10 +194,10 @@
 
         <com.mogo.module.v2x.view.HeartLikeView
             android:id="@+id/ivEventZan"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:padding="@dimen/dp_15"
+            android:layout_width="@dimen/module_v2x_event_button_size"
+            android:layout_height="@dimen/module_v2x_event_button_size"
             android:visibility="gone"
+            android:layout_margin="@dimen/dp_15"
             app:layout_constraintBottom_toBottomOf="@+id/ivEventLive"
             app:layout_constraintStart_toEndOf="@id/ivEventEventNav"
             app:layout_goneMarginLeft="@dimen/dp_10"
diff --git a/modules/mogo-module-v2x/src/main/res/layout/item_v2x_scennario_history.xml b/modules/mogo-module-v2x/src/main/res/layout/item_v2x_scennario_history.xml
index c61b839713..0f1eaa62f0 100644
--- a/modules/mogo-module-v2x/src/main/res/layout/item_v2x_scennario_history.xml
+++ b/modules/mogo-module-v2x/src/main/res/layout/item_v2x_scennario_history.xml
@@ -88,6 +88,7 @@
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_marginEnd="@dimen/dp_40"
+        app:backgroundImg="@drawable/icon_history_heart_back"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toStartOf="@+id/llIllegalParkingUnLike"
         app:layout_constraintTop_toTopOf="parent" />
diff --git a/modules/mogo-module-v2x/src/main/res/layout/item_v2x_scennario_history_other_help.xml b/modules/mogo-module-v2x/src/main/res/layout/item_v2x_scennario_history_other_help.xml
index 59251e78da..8d055540e7 100644
--- a/modules/mogo-module-v2x/src/main/res/layout/item_v2x_scennario_history_other_help.xml
+++ b/modules/mogo-module-v2x/src/main/res/layout/item_v2x_scennario_history_other_help.xml
@@ -97,7 +97,7 @@
         android:id="@+id/tvFaultHelpDistance"
         android:layout_width="0dp"
         android:layout_height="wrap_content"
-        android:layout_marginLeft="@dimen/dp_33"
+        android:layout_marginStart="@dimen/dp_33"
         android:layout_marginTop="@dimen/dp_5"
         android:layout_marginEnd="@dimen/dp_30"
         android:textColor="@color/v2x_FFF_333"
@@ -113,6 +113,7 @@
         android:layout_height="@dimen/module_v2x_event_button_size"
         android:layout_marginEnd="@dimen/dp_40"
         android:src="@drawable/selector_call_btn"
+        android:visibility="gone"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toStartOf="@id/ivFaultHelpEventNavi"
         app:layout_constraintTop_toTopOf="parent" />
diff --git a/modules/mogo-module-v2x/src/main/res/layout/module_event_panel_fragment_surrounding.xml b/modules/mogo-module-v2x/src/main/res/layout/module_event_panel_fragment_surrounding.xml
index b3ecc8754a..dca25c89b9 100644
--- a/modules/mogo-module-v2x/src/main/res/layout/module_event_panel_fragment_surrounding.xml
+++ b/modules/mogo-module-v2x/src/main/res/layout/module_event_panel_fragment_surrounding.xml
@@ -167,33 +167,35 @@
 
                 <ImageView
                     android:id="@+id/back_image"
-                    android:layout_width="25px"
-                    android:layout_height="25px"
                     android:layout_alignParentTop="true"
-                    android:layout_centerVertical="true"
+                    android:src="@drawable/v2x_back_image"
                     android:layout_marginLeft="@dimen/module_v2x_surrounding_margin_left"
-                    android:src="@drawable/icon_report_err" />
+                    android:layout_width="43px"
+                    android:layout_height="43px"/>
 
                 <TextView
                     android:id="@+id/tv_brief_detail"
                     android:layout_width="wrap_content"
                     android:layout_height="match_parent"
                     android:layout_alignParentTop="true"
-                    android:layout_marginLeft="10px"
                     android:layout_toRightOf="@+id/back_image"
+                    android:layout_centerVertical="true"
+                    android:layout_marginTop="8px"
+                    android:layout_marginLeft="19px"
                     android:text="周围5公里，共15条交通信息"
                     android:textColor="@color/v2x_white"
-                    android:textSize="@dimen/module_v2x_surrounding_top_textsize" />
+                    android:textSize="18px" />
 
             </RelativeLayout>
 
             <androidx.recyclerview.widget.RecyclerView
                 android:id="@+id/surrounding_detail_recycleview"
+                android:layout_marginTop="30dp"
+                android:layout_marginLeft="@dimen/module_v2x_surrounding_margin_left"
+                android:layout_marginRight="@dimen/module_v2x_surrounding_margin_left"
                 android:layout_width="match_parent"
                 android:layout_height="match_parent"
-                android:layout_marginTop="30dp"
                 android:visibility="visible" />
-
         </RelativeLayout>
     </RelativeLayout>
 
diff --git a/modules/mogo-module-v2x/src/main/res/layout/module_v2x_event_surrounding_detail_item.xml b/modules/mogo-module-v2x/src/main/res/layout/module_v2x_event_surrounding_detail_item.xml
index 075ce59f72..3753401c25 100644
--- a/modules/mogo-module-v2x/src/main/res/layout/module_v2x_event_surrounding_detail_item.xml
+++ b/modules/mogo-module-v2x/src/main/res/layout/module_v2x_event_surrounding_detail_item.xml
@@ -1,53 +1,89 @@
 <?xml version="1.0" encoding="utf-8"?>
-<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
-    android:id="@+id/surrounding_road_type_item"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:id="@+id/surrounding_root"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
-    android:layout_marginLeft="@dimen/dp_50"
-    android:layout_marginRight="@dimen/dp_50"
-    android:layout_marginBottom="@dimen/dp_14"
     android:background="@drawable/bg_v2x_event_list_item">
 
     <TextView
-        android:id="@+id/surrounding_road_type"
-        android:layout_width="wrap_content"
+        android:id="@+id/surrounding_road_type_address"
+        android:layout_width="0dp"
         android:layout_height="wrap_content"
-        android:layout_marginLeft="20px"
-        android:layout_marginTop="20px"
-        android:background="@drawable/bg_v2x_event_type_read"
-        android:gravity="center"
-        android:paddingLeft="6px"
-        android:paddingTop="3px"
-        android:paddingRight="6px"
-        android:paddingBottom="3px"
-        android:text="道路类型"
-        android:textColor="@color/v2x_white"
-        android:textSize="@dimen/panel_list_item_title_size" />
+        android:layout_marginTop="@dimen/dp_24"
+        android:layout_marginRight="@dimen/dp_30"
+        android:ellipsize="end"
+        android:maxLines="1"
+        android:textColor="@color/v2x_FFF_333"
+        android:textSize="18px"
+        android:textStyle="bold"
+        app:layout_constraintEnd_toStartOf="@+id/surrounding_road_like"
+        app:layout_constraintStart_toStartOf="@id/surrounding_road_type"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:text="小黄庄北街与北三环辅路交叉口小黄庄北街与北三环辅路交叉口" />
 
     <TextView
-        android:id="@+id/surrounding_road_type_address"
+        android:id="@+id/surrounding_username"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_below="@+id/surrounding_road_type"
-        android:ellipsize="end"
-        android:layout_marginLeft="20px"
-        android:layout_marginTop="12px"
-        android:textStyle="bold"
-        android:lines="1"
-        android:textColor="@color/v2x_FFF_333"
-        android:textSize="@dimen/share_item_address" />
+        android:alpha="0.6"
+        android:textColor="@color/v2x_FFF_666"
+        android:textSize="16px"
+        android:layout_marginStart="@dimen/dp_36"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/surrounding_road_type_address"
+        tools:text="赵云" />
 
     <TextView
         android:id="@+id/surrounding_time"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_below="@id/surrounding_road_type_address"
-        android:layout_alignLeft="@id/surrounding_road_type"
-        android:layout_marginTop="@dimen/dp_3"
-        android:layout_marginBottom="@dimen/dp_24"
-        android:alpha="0.5"
-        android:gravity="left"
+        android:alpha="0.6"
         android:textColor="@color/v2x_FFF_666"
-        android:textSize="@dimen/share_item_text_size" />
-</RelativeLayout>
\ No newline at end of file
+        android:textSize="16px"
+        android:layout_marginStart="@dimen/dp_80"
+        app:layout_constraintStart_toStartOf="@+id/surrounding_username"
+        app:layout_constraintTop_toBottomOf="@+id/surrounding_road_type_address"
+        tools:text="2020-1-12" />
+
+    <TextView
+        android:id="@+id/surrounding_road_type"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="@dimen/dp_36"
+        android:layout_marginTop="@dimen/dp_12"
+        android:layout_marginBottom="@dimen/dp_36"
+        android:background="@drawable/bg_v2x_event_type_read"
+        android:gravity="center"
+        android:paddingLeft="5px"
+        android:paddingTop="3px"
+        android:paddingRight="5px"
+        android:paddingBottom="3px"
+        android:text="违章停车"
+        android:textColor="#ffffff"
+        android:textSize="14px"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/surrounding_username" />
+
+    <com.mogo.module.v2x.view.HeartLikeView
+        android:id="@+id/surrounding_road_like"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginEnd="@dimen/dp_40"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toStartOf="@+id/surrounding_road_unlike"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <com.mogo.module.v2x.view.HeartUnLikeView
+        android:id="@+id/surrounding_road_unlike"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginRight="26px"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
+
diff --git a/modules/mogo-module-v2x/src/main/res/layout/view_heart_like.xml b/modules/mogo-module-v2x/src/main/res/layout/view_heart_like.xml
index 8080b8a457..9abaf966f6 100644
--- a/modules/mogo-module-v2x/src/main/res/layout/view_heart_like.xml
+++ b/modules/mogo-module-v2x/src/main/res/layout/view_heart_like.xml
@@ -3,7 +3,6 @@
     android:id="@+id/llIllegalParkingLike"
     android:layout_width="@dimen/module_v2x_event_button_size"
     android:layout_height="@dimen/module_v2x_event_button_size"
-    android:background="@drawable/icon_heart_like_bg"
     android:gravity="center">
 
     <ImageView
diff --git a/modules/mogo-module-v2x/src/main/res/values/style.xml b/modules/mogo-module-v2x/src/main/res/values/style.xml
index 41038019b1..cc6974e56e 100644
--- a/modules/mogo-module-v2x/src/main/res/values/style.xml
+++ b/modules/mogo-module-v2x/src/main/res/values/style.xml
@@ -7,4 +7,9 @@
     <style name="customTabLayoutTextAppearance" parent="TextAppearance.Design.Tab">
         <item name="android:textSize">@dimen/dp_40</item>
     </style>
+
+    <declare-styleable name="HeartLikeView">
+        <attr name="backgroundImg" format="reference" />
+    </declare-styleable>
+
 </resources>
\ No newline at end of file