From f32db940d8e6895b15be36317592c6fbb57d898b Mon Sep 17 00:00:00 2001
From: gongfuxiang <fuxiang.gong@qq.com>
Date: Fri, 9 May 2025 16:13:50 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=95=86=E5=93=81=E5=AF=B9?=
 =?UTF-8?q?=E6=AF=94=E5=85=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/cart/cart.vue                      |  14 +-
 components/emoji-popup/emoji-popup.vue        |  10 +-
 .../goods-batch-buy/goods-batch-buy.vue       |   4 +-
 components/goods-buy/goods-buy.vue            |  10 +-
 .../goods-spec-choice/goods-spec-choice.vue   |  10 +-
 components/lang-switch/lang-switch.vue        |  14 +-
 components/quick-nav/quick-nav.vue            |  12 +-
 components/share-popup/share-popup.vue        |  11 +-
 components/user-base/user-base.vue            |  10 +-
 locale/en.json                                |  10 +-
 locale/zh.json                                |  10 +-
 pages.json                                    |  18 +-
 .../categorylimit-warm-tips.vue               |   0
 .../goods-comments/goods-comments.vue         |  13 +-
 pages/goods-detail/goods-detail.vue           |  15 +-
 .../recommend-form/recommend-form.vue         |   2 +-
 .../goods-compare/goods-compare.vue           | 211 ++++++++++++++++++
 pages/plugins/goodscompare/index/index.vue    |   8 +
 18 files changed, 292 insertions(+), 90 deletions(-)
 rename {components => pages/goods-detail/components}/categorylimit-warm-tips/categorylimit-warm-tips.vue (100%)
 create mode 100644 pages/plugins/goodscompare/components/goods-compare/goods-compare.vue
 create mode 100644 pages/plugins/goodscompare/index/index.vue

diff --git a/components/cart/cart.vue b/components/cart/cart.vue
index e4966119..4d8fbe16 100644
--- a/components/cart/cart.vue
+++ b/components/cart/cart.vue
@@ -59,14 +59,12 @@
                                             <iconfont :name="'icon-zhifu-' + (item.selected || false ? 'yixuan' : 'weixuan')" size="40rpx" :color="item.selected || false ? theme_color : '#999'"></iconfont>
                                         </view>
                                         <view class="items oh padding-left-main flex-1 flex-row">
-                                            <view>
-                                                <view :data-index="index" :data-value="item.goods_url" @tap="goods_event" class="cp">
-                                                    <!-- 图片 -->
-                                                    <image :class="'cart-goods-image fl radius ' + ((item.is_error || 0) == 1 ? 'opacity' : '')" :src="item.images" mode="aspectFill"></image>
-                                                    <!-- 错误 -->
-                                                    <view v-if="(item.is_error || 0) == 1" class="error-msg pa tc text-size-xs">
-                                                        <text class="cr-red tc bg-white round">{{ item.error_msg }}</text>
-                                                    </view>
+                                            <view :data-index="index" :data-value="item.goods_url" @tap="goods_event" class="cp">
+                                                <!-- 图片 -->
+                                                <image :class="'cart-goods-image fl radius ' + ((item.is_error || 0) == 1 ? 'opacity' : '')" :src="item.images" mode="aspectFill"></image>
+                                                <!-- 错误 -->
+                                                <view v-if="(item.is_error || 0) == 1" class="error-msg pa tc text-size-xs">
+                                                    <text class="cr-red tc bg-white round">{{ item.error_msg }}</text>
                                                 </view>
                                             </view>
 
diff --git a/components/emoji-popup/emoji-popup.vue b/components/emoji-popup/emoji-popup.vue
index eeda676b..97c66fa2 100644
--- a/components/emoji-popup/emoji-popup.vue
+++ b/components/emoji-popup/emoji-popup.vue
@@ -2,8 +2,8 @@
     <view :class="theme_view">
         <component-popup :propShow="popup_status" propPosition="bottom" @onclose="popup_close_event">
             <view class="emoji-popup bg-white">
-                <view class="close fr oh">
-                    <view class="fr" @tap.stop="popup_close_event">
+                <view class="close oh pa top-0 right-0 z-i-deep">
+                    <view class="fr padding-top padding-right padding-left-sm padding-bottom-sm" @tap.stop="popup_close_event">
                         <iconfont name="icon-close-o" size="28rpx" color="#999"></iconfont>
                     </view>
                 </view>
@@ -75,12 +75,6 @@
         padding: 20rpx 10rpx 0 10rpx;
         position: relative;
     }
-    .emoji-popup .close {
-        position: absolute;
-        top: 20rpx;
-        right: 20rpx;
-        z-index: 2;
-    }
     .emoji-popup-content {
         max-height: 50vh;
         overflow-y: scroll;
diff --git a/components/goods-batch-buy/goods-batch-buy.vue b/components/goods-batch-buy/goods-batch-buy.vue
index 3ba32af4..50aa10d1 100644
--- a/components/goods-batch-buy/goods-batch-buy.vue
+++ b/components/goods-batch-buy/goods-batch-buy.vue
@@ -2,8 +2,8 @@
     <view :class="theme_view">
         <component-popup :propShow="popup_status" propPosition="bottom" @onclose="popup_close_event">
             <view class="bg-white">
-                <view class="close oh padding-horizontal-main padding-top-main">
-                    <view class="fr" @tap.stop="popup_close_event">
+                <view class="close oh pa top-0 right-0 z-i-deep">
+                    <view class="fr padding-top padding-right padding-left-sm padding-bottom-sm" @tap.stop="popup_close_event">
                         <iconfont name="icon-close-o" size="28rpx" color="#999"></iconfont>
                     </view>
                 </view>
diff --git a/components/goods-buy/goods-buy.vue b/components/goods-buy/goods-buy.vue
index 45dbd788..4ffd03c7 100644
--- a/components/goods-buy/goods-buy.vue
+++ b/components/goods-buy/goods-buy.vue
@@ -2,8 +2,8 @@
     <view :class="theme_view" class="z-i-deep">
         <component-popup :propShow="popup_status" propPosition="bottom" @onclose="popup_close_event" :propIndex="propIndex">
             <view class="goods-spec-choice-container padding-main bg-white pr">
-                <view class="close fr oh">
-                    <view class="fr" @tap.stop="popup_close_event">
+                <view class="close oh pa top-0 right-0 z-i-deep">
+                    <view class="fr padding-top padding-right padding-left-sm padding-bottom-sm" @tap.stop="popup_close_event">
                         <iconfont name="icon-close-o" size="28rpx" color="#999"></iconfont>
                     </view>
                 </view>
@@ -850,12 +850,6 @@
     };
 </script>
 <style>
-    .goods-spec-choice-container .close {
-        position: absolute;
-        top: 20rpx;
-        right: 20rpx;
-        z-index: 2;
-    }
     .goods-spec-base {
         height: 230rpx;
     }
diff --git a/components/goods-spec-choice/goods-spec-choice.vue b/components/goods-spec-choice/goods-spec-choice.vue
index 55721e7f..0b441eb6 100644
--- a/components/goods-spec-choice/goods-spec-choice.vue
+++ b/components/goods-spec-choice/goods-spec-choice.vue
@@ -2,8 +2,8 @@
     <view :class="theme_view">
         <component-popup :propShow="popup_status" propPosition="bottom" @onclose="popup_close_event" :propIndex="propIndex">
             <view class="goods-spec-choice-container padding-main bg-white pr">
-                <view class="close fr oh">
-                    <view class="fr" @tap.stop="popup_close_event">
+                <view class="close oh pa top-0 right-0 z-i-deep">
+                    <view class="fr padding-top padding-right padding-left-sm padding-bottom-sm" @tap.stop="popup_close_event">
                         <iconfont name="icon-close-o" size="28rpx" color="#999"></iconfont>
                     </view>
                 </view>
@@ -319,12 +319,6 @@
     };
 </script>
 <style>
-    .goods-spec-choice-container .close {
-        position: absolute;
-        top: 20rpx;
-        right: 20rpx;
-        z-index: 2;
-    }
     .goods-spec-choice-content {
         max-height: 50vh;
         overflow-y: scroll;
diff --git a/components/lang-switch/lang-switch.vue b/components/lang-switch/lang-switch.vue
index 429eb1bc..206457dd 100644
--- a/components/lang-switch/lang-switch.vue
+++ b/components/lang-switch/lang-switch.vue
@@ -4,8 +4,8 @@
         <component-popup :propShow="popup_status" propPosition="bottom" @onclose="lang_close_event">
             <view class="lang-popup-container">
                 <!--弹出框关闭按钮 -->
-                <view class="close oh flex-row">
-                    <view class="fr" @tap="lang_close_event">
+                <view class="close oh pa top-0 right-0 z-i-deep">
+                    <view class="fr padding-top padding-right padding-left-sm padding-bottom-sm" @tap="lang_close_event">
                         <iconfont name="icon-close-o" size="28rpx" color="#999"></iconfont>
                     </view>
                 </view>
@@ -105,13 +105,6 @@
         padding: 20rpx 10rpx 0 10rpx;
         background: #fff;
     }
-
-    .lang-popup-container .close {
-        position: absolute;
-        top: 24rpx;
-        right: 20rpx;
-        z-index: 2;
-    }
     .lang-popup-title {
         position: absolute;
         top: 20rpx;
@@ -120,12 +113,11 @@
         z-index: 2;
         font-size: 32rpx;
     }
-
     .lang-popup-content {
         max-height: 80vh;
         overflow-y: scroll;
         overflow-x: hidden;
-        padding: 50rpx 20rpx;
+        padding: 60rpx 20rpx;
         padding-bottom: 40rpx;
     }
     .lang-popup-list {
diff --git a/components/quick-nav/quick-nav.vue b/components/quick-nav/quick-nav.vue
index c2db9b74..8a6ad4be 100644
--- a/components/quick-nav/quick-nav.vue
+++ b/components/quick-nav/quick-nav.vue
@@ -10,7 +10,7 @@
         <!-- 弹窗 -->
         <component-popup :propShow="popup_status" :propIsBar="propIsBar" propPosition="bottom" @onclose="quick_close_event">
             <view :class="'nav-popup-container ' + common_ent">
-                <view class="close oh">
+                <view class="close oh pa top-xxxxl right-xxxxl z-i-deep">
                     <view class="fr" @tap.stop="quick_close_event">
                         <iconfont name="icon-close-o" size="28rpx" color="#999"></iconfont>
                     </view>
@@ -153,7 +153,7 @@
         },
     };
 </script>
-<style>
+<style scoped>
     /**
      * 按钮
      */
@@ -193,14 +193,6 @@
         padding: 20rpx 10rpx 0 10rpx;
         background: #fff;
     }
-
-    .nav-popup-container .close {
-        position: absolute;
-        top: 20rpx;
-        right: 20rpx;
-        z-index: 2;
-    }
-
     .nav-popup-content {
         max-height: 80vh;
         overflow-y: scroll;
diff --git a/components/share-popup/share-popup.vue b/components/share-popup/share-popup.vue
index ef416abe..896e425f 100644
--- a/components/share-popup/share-popup.vue
+++ b/components/share-popup/share-popup.vue
@@ -2,8 +2,8 @@
     <view :class="theme_view">
         <component-popup :propShow="popup_status" propPosition="bottom" @onclose="popup_close_event">
             <view class="share-popup bg-white">
-                <view class="close fr oh">
-                    <view class="fr" @tap.stop="popup_close_event">
+                <view class="close oh pa top-0 right-0 z-i-deep">
+                    <view class="fr padding-top padding-right padding-left-sm padding-bottom-sm" @tap.stop="popup_close_event">
                         <iconfont name="icon-close-o" size="28rpx" color="#999"></iconfont>
                     </view>
                 </view>
@@ -260,13 +260,6 @@
         padding: 20rpx 10rpx 0 10rpx;
         position: relative;
     }
-    .share-popup .close {
-        position: absolute;
-        top: 0;
-        right: 0;
-        z-index: 2;
-        padding: 20rpx;
-    }
     .share-popup-content {
         padding: 0 20rpx;
         text-align: left;
diff --git a/components/user-base/user-base.vue b/components/user-base/user-base.vue
index 4bb7ca1b..bdabdf34 100644
--- a/components/user-base/user-base.vue
+++ b/components/user-base/user-base.vue
@@ -2,8 +2,8 @@
     <view :class="theme_view">
         <component-popup :propShow="popup_status" propPosition="bottom" @onclose="popup_close_event">
             <view :class="'user-base-popup bg-white ' + (propIsGrayscale ? 'grayscale' : '')">
-                <view class="close fr oh">
-                    <view class="fr" @tap.stop="popup_close_event">
+                <view class="close oh pa top-0 right-0 z-i-deep">
+                    <view class="fr padding-top padding-right padding-left-sm padding-bottom-sm" @tap.stop="popup_close_event">
                         <iconfont name="icon-close-o" size="24rpx" color="#999"></iconfont>
                     </view>
                 </view>
@@ -440,12 +440,6 @@
         padding: 36rpx;
         position: relative;
     }
-    .user-base-popup .close {
-        position: absolute;
-        top: 36rpx;
-        right: 36rpx;
-        z-index: 2;
-    }
     .user-base-avatar {
         width: 80rpx;
         height: 80rpx !important;
diff --git a/locale/en.json b/locale/en.json
index 9dd29004..f6278bf1 100644
--- a/locale/en.json
+++ b/locale/en.json
@@ -15,10 +15,16 @@
 		"save": "Preserve",
 		"add": "Add",
         "copy": "Copy",
+        "remove": "Remove",
+        "remove_success": "Remove successful",
+        "remove_fail": "Remove failed",
 		"del": "Delete",
         "del_record": "Delete record",
         "del_success": "Delete successful",
         "del_fail": "Delete failed",
+        "join": "Join",
+        "join_success": "Join successful",
+        "join_fail": "Join failed",
 		"edit": "Edit",
         "link": "Link",
         "gift": "Gift",
@@ -271,7 +277,8 @@
         "plugins-hospital-prescription": "Consultation and prescription",
         "plugins-certificate-userauth": "Certificate",
         "plugins-certificate-userauth-saveinfo": "Certificate editor",
-        "plugins-certificate-userauth-detail": "Certificate detail"
+        "plugins-certificate-userauth-detail": "Certificate detail",
+        "plugins-goodscompare-index": "Goods Compare"
 	},
 	"login": {
 		"login": {
@@ -1097,7 +1104,6 @@
 			"57zrl5": "icon",
 			"3vk50b": "Suggest 100 * 100px",
 			"5ws7m3": "Related products",
-			"q536vp": "remove",
 			"27goz3": "+Select product",
 			"6rlju7": "Current Display",
 			"q4qr64": "Title format: 1~60 characters",
diff --git a/locale/zh.json b/locale/zh.json
index 6d4c2f91..8301f1d9 100644
--- a/locale/zh.json
+++ b/locale/zh.json
@@ -15,10 +15,16 @@
 		"save": "保存",
 		"add": "新增",
         "copy": "复制",
+        "remove": "移除",
+        "remove_success": "移除成功",
+        "remove_fail": "移除失败",
 		"del": "删除",
         "del_record": "删除记录",
         "del_success": "删除成功",
         "del_fail": "删除失败",
+        "join": "加入",
+        "join_success": "加入成功",
+        "join_fail": "加入失败",
 		"edit": "编辑",
         "link": "链接",
         "gift": "礼物",
@@ -269,7 +275,8 @@
         "plugins-hospital-prescription": "问诊开方",
         "plugins-certificate-userauth": "资质认证",
         "plugins-certificate-userauth-saveinfo": "资质认证编辑",
-        "plugins-certificate-userauth-detail": "资质认证详情"
+        "plugins-certificate-userauth-detail": "资质认证详情",
+        "plugins-goodscompare-index": "商品对比"
 	},
 	"login": {
 		"login": {
@@ -1085,7 +1092,6 @@
 			"57zrl5": "图标",
 			"3vk50b": "建议100*100px",
 			"5ws7m3": "关联商品",
-			"q536vp": "移除",
 			"27goz3": "+ 选择商品",
 			"6rlju7": "当前展示",
 			"q4qr64": "标题格式1~60个字符",
diff --git a/pages.json b/pages.json
index 5c979c62..c8510eed 100644
--- a/pages.json
+++ b/pages.json
@@ -122,7 +122,8 @@
                             "component-shop-list": "/pages/plugins/shop/components/shop-list/shop-list",
                             "component-ask-comments-goods": "/pages/plugins/ask/components/ask-comments-goods/ask-comments-goods",
                             "component-goods-comments": "/pages/goods-detail/components/goods-comments/goods-comments",
-                            "component-coupon-card": "/pages/plugins/coupon/components/coupon-card/coupon-card"
+                            "component-coupon-card": "/pages/plugins/coupon/components/coupon-card/coupon-card",
+                            "component-goods-compare": "/pages/plugins/goodscompare/components/goods-compare/goods-compare"
                         },
                         "componentPlaceholder": {
                             "component-binding-detail-list": "view",
@@ -130,7 +131,8 @@
                             "component-shop-list": "view",
                             "component-ask-comments-goods": "view",
                             "component-goods-comments": "view",
-                            "component-coupon-card": "view"
+                            "component-coupon-card": "view",
+                            "component-goods-compare": "view"
                         }
                     }
                 }
@@ -1876,6 +1878,18 @@
                     }
                 }
             ]
+        },
+        {
+            "root": "pages/plugins/goodscompare",
+            "pages": [
+                {
+                    "path": "index/index",
+                    "style": {
+                        "enablePullDownRefresh": true,
+                        "navigationBarTitleText": ""
+                    }
+                }
+            ]
         }
     ],
     "preloadRule": {
diff --git a/components/categorylimit-warm-tips/categorylimit-warm-tips.vue b/pages/goods-detail/components/categorylimit-warm-tips/categorylimit-warm-tips.vue
similarity index 100%
rename from components/categorylimit-warm-tips/categorylimit-warm-tips.vue
rename to pages/goods-detail/components/categorylimit-warm-tips/categorylimit-warm-tips.vue
diff --git a/pages/goods-detail/components/goods-comments/goods-comments.vue b/pages/goods-detail/components/goods-comments/goods-comments.vue
index 88b49fdd..e2d6b73b 100644
--- a/pages/goods-detail/components/goods-comments/goods-comments.vue
+++ b/pages/goods-detail/components/goods-comments/goods-comments.vue
@@ -45,6 +45,13 @@
     const app = getApp();
     var common_static_url = app.globalData.get_static_url('common');
     export default {
+        data() {
+            return {
+                theme_view: app.globalData.get_theme_value_view(),
+                common_static_url: common_static_url,
+            };
+        },
+
         props: {
             propData: {
                 type: [Array,String],
@@ -61,12 +68,6 @@
                 default: '',
             },
         },
-        data() {
-            return {
-                theme_view: app.globalData.get_theme_value_view(),
-                common_static_url: common_static_url,
-            };
-        },
 
         created: function () {},
 
diff --git a/pages/goods-detail/goods-detail.vue b/pages/goods-detail/goods-detail.vue
index dcd369d4..d4c35fc8 100644
--- a/pages/goods-detail/goods-detail.vue
+++ b/pages/goods-detail/goods-detail.vue
@@ -564,8 +564,8 @@
             <!-- 商品服务弹层 -->
             <component-popup :propShow="popup_goodsservice_status" propPosition="bottom" @onclose="popup_goodsservice_close_event">
                 <view class="padding-horizontal-main padding-top-main bg-white">
-                    <view class="close oh">
-                        <view class="fr" @tap.stop="popup_goodsservice_close_event">
+                    <view class="close oh pa top-0 right-0 z-i-deep">
+                        <view class="fr padding-top padding-right padding-left-sm padding-bottom-sm" @tap.stop="popup_goodsservice_close_event">
                             <iconfont name="icon-close-o" size="28rpx" color="#999"></iconfont>
                         </view>
                     </view>
@@ -616,7 +616,10 @@
         <block v-if="(plugins_categorylimit_data || null) != null">
             <component-categorylimit-warm-tips :propData="plugins_categorylimit_data"></component-categorylimit-warm-tips>
         </block>
-        
+
+        <!-- 商品对比 -->
+        <component-goods-compare :propGoods="goods"></component-goods-compare>
+
         <!-- 公共 -->
         <component-common ref="common"></component-common>
     </view>
@@ -643,7 +646,8 @@
     import componentRealstoreCart from '@/components/realstore-cart/realstore-cart';
     import componentGoodsList from '@/components/goods-list/goods-list';
     import componentWholesaleRules from '@/components/wholesale-rules/wholesale-rules';
-    import componentCategorylimitWarmTips from '@/components/categorylimit-warm-tips/categorylimit-warm-tips';
+    import componentCategorylimitWarmTips from '@/pages/goods-detail/components/categorylimit-warm-tips/categorylimit-warm-tips';
+    import componentGoodsCompare from '@/pages/plugins/goodscompare/components/goods-compare/goods-compare';
 
     var common_static_url = app.globalData.get_static_url('common');
     var system_info = app.globalData.get_system_info() || {};
@@ -800,7 +804,8 @@
             componentRealstoreCart,
             componentGoodsList,
             componentWholesaleRules,
-            componentCategorylimitWarmTips
+            componentCategorylimitWarmTips,
+            componentGoodsCompare
         },
 
         onLoad(params) {
diff --git a/pages/plugins/distribution/recommend-form/recommend-form.vue b/pages/plugins/distribution/recommend-form/recommend-form.vue
index f4d45ad9..61d1dddf 100644
--- a/pages/plugins/distribution/recommend-form/recommend-form.vue
+++ b/pages/plugins/distribution/recommend-form/recommend-form.vue
@@ -47,7 +47,7 @@
                                                 <text class="fr cr-grey">{{ item.goods.inventory }}{{ item.goods.inventory_unit }}</text>
                                             </view>
                                             <view v-if="(item.spec_text_view || null) != null" class="cr-grey margin-top-xs text-size-xs">{{ item.spec_text_view }}</view>
-                                            <text class="br-red cr-red text-size-xs padding-horizontal-main padding-top-xs padding-bottom-xs round pa cp operate-submit" :data-index="index" @tap="goods_remove_event">{{$t('recommend-form.recommend-form.q536vp')}}</text>
+                                            <text class="br-red cr-red text-size-xs padding-horizontal-main padding-top-xs padding-bottom-xs round pa cp operate-submit" :data-index="index" @tap="goods_remove_event">{{$t('common.remove')}}</text>
                                         </view>
                                     </view>
                                 </block>
diff --git a/pages/plugins/goodscompare/components/goods-compare/goods-compare.vue b/pages/plugins/goodscompare/components/goods-compare/goods-compare.vue
new file mode 100644
index 00000000..93954cb2
--- /dev/null
+++ b/pages/plugins/goodscompare/components/goods-compare/goods-compare.vue
@@ -0,0 +1,211 @@
+<template>
+    <view :class="theme_view">
+        <block v-if="(config || null) != null && (config.is_compare_run_app || 0) == 1 && (config.compare_run_icon_app || null) != null">
+            <image class="compare-run-icon pf right-xxxxxl" :src="config.compare_run_icon_app" mode="aspectFit" @tap="compare_run_event"></image>
+        </block>
+
+        <!-- 弹窗 -->
+        <component-popup :propShow="popup_status" propPosition="bottom" @onclose="popup_close_event">
+            <view class="popup-container padding-top-xxxl">
+                <view class="close oh pa top-0 right-0 z-i-deep">
+                    <view class="fr padding-top padding-right padding-left-sm padding-bottom-sm" @tap.stop="popup_close_event">
+                        <iconfont name="icon-close-o" size="28rpx" color="#999"></iconfont>
+                    </view>
+                </view>
+                <view class="margin-top-xl">
+                    <block v-if="data_list.length > 0">
+                        <view class="data-list">
+                            <block v-for="(item, index) in data_list" :key="index">
+                                <view class="goods-item flex-row align-c bs-bb padding-main pr wh-auto cp">
+                                    <view @tap="selected_event" :data-index="index" class="cart-selected pr z-i">
+                                        <iconfont :name="'icon-zhifu-' + (item.selected || false ? 'yixuan' : 'weixuan')" size="40rpx" :color="item.selected || false ? theme_color : '#999'"></iconfont>
+                                    </view>
+                                    <view class="item oh padding-left-main flex-1 flex-row">
+                                        <image class="goods-image fl radius br" :src="item.images" :data-value="item.goods_url" @tap="url_event" mode="aspectFill"></image>
+                                        <view class="goods-base padding-left-sm flex-1 pr">
+                                            <view :data-value="item.goods_url" @tap="url_event" class="cp">
+                                                <view class="cart-goods-title multi-text margin-bottom-sm fw-b">{{ item.title }}</view>
+                                            </view>
+                                            <view class="sales-price">{{item.symbol}}{{item.price}}</view>
+                                            <view class="cr-red text-size-xs pa right-0 bottom-0" :data-index="index" @tap="remove_event">{{$t('common.remove')}}</view>
+                                        </view>
+                                    </view>
+                                </view>
+                            </block>
+                        </view>
+                        <view class="padding-main">
+                            <view class="bottom-line-exclude oh">
+                                <button class="bg-main br-main cr-white text-size-sm round" type="default" @tap="compare_confirm_event" hover-class="none">去对比</button>
+                            </view>
+                        </view>
+                    </block>
+                    <block v-else>
+                        <component-no-data :propStatus="0"></component-no-data>
+                    </block>
+                </view>
+            </view>
+        </component-popup>
+    </view>
+</template>
+<script>
+    const app = getApp();
+    import componentPopup from '@/components/popup/popup';
+    import componentNoData from '@/components/no-data/no-data';
+    export default {
+        data() {
+            return {
+                theme_view: app.globalData.get_theme_value_view(),
+                theme_color: app.globalData.get_theme_color(),
+                cache_key: 'cache-plugins-goodscompare-pk-goods-data',
+                popup_status: false,
+                data_list: [],
+                goods: null,
+                config: null,
+            };
+        },
+        components: {
+            componentPopup,
+            componentNoData,
+        },
+        // 属性
+        props: {
+            propGoods: {
+                type: [Array,Object,String],
+                default: '',
+            },
+        },
+        // 页面被展示
+        created: function () {
+            this.init_config();
+            this.setData({
+                goods: this.propGoods,
+            });
+        },
+        // 属性值改变监听
+        watch: {
+            // 是否灰度
+            propGoods(value, old_value) {
+                this.setData({
+                    goods: value,
+                });
+            },
+        },
+        methods: {
+            // 初始化配置
+            init_config(status) {
+                if ((status || false) == true) {
+                    this.setData({
+                        config: app.globalData.get_config('plugins_base.goodscompare.data'),
+                    });
+                } else {
+                    app.globalData.is_config(this, 'init_config');
+                }
+            },
+
+            // 对比事件
+            compare_run_event(e) {
+                // 获取缓存
+                var data = uni.getStorageSync(this.cache_key) || [];
+                var item = {
+                    goods_id: this.goods.id,
+                    goods_url: this.goods.goods_url,
+                    price: this.goods.price,
+                    symbol: this.goods.show_price_symbol,
+                    images: this.goods.images,
+                    title: this.goods.title,
+                    selected: true
+                };
+                // 加入或移除
+                var index = false;
+                for(var i in data) {
+                    if(data[i]['goods_id'] == item.goods_id) {
+                        index = i;
+                    }
+                }
+                if(index === false) {
+                    data.push(item);
+                } else {
+                    data.splice(index, 1);
+                }
+                this.setData({
+                    data_list: data
+                });
+                // 记录缓存
+                uni.setStorageSync(this.cache_key, data);
+                // 还有数据则显示弹窗
+                if(data.length > 0) {
+                    this.setData({
+                        popup_status: true
+                    });
+                }
+                app.globalData.showToast(index === false ? this.$t('common.join_success') : this.$t('common.remove_success'), 'success');
+            },
+
+            // 弹层关闭
+            popup_close_event(e) {
+                this.setData({
+                    popup_status: false,
+                });
+            },
+
+            // 选中处理
+            selected_event(e) {
+                var temp_data = this.data_list;
+                var index = e.currentTarget.dataset.index || 0;
+                temp_data[index]['selected'] = temp_data[index]['selected'] == true ? false : true;
+                this.setData({
+                    data_list: temp_data
+                });
+                uni.setStorageSync(this.cache_key, temp_data);
+            },
+
+            // 移除
+            remove_event(e) {
+                var temp_data = this.data_list;
+                var index = e.currentTarget.dataset.index || 0;
+                temp_data.splice(index, 1);
+                this.setData({
+                    data_list: temp_data
+                });
+                uni.setStorageSync(this.cache_key, temp_data);
+                app.globalData.showToast(this.$t('common.remove_success'), 'success');
+            },
+
+            // url事件
+            url_event(e) {
+                app.globalData.url_event(e);
+            },
+
+            // 对比确认
+            compare_confirm_event(e) {
+                var user = app.globalData.get_user_info(this, 'compare_confirm_event', e);
+                if (user != false) {
+                    var goods_ids = this.data_list.map(function(v){return v.goods_id;}).join('|');
+                    app.globalData.url_open('/pages/plugins/goodscompare/index/index?gid='+goods_ids);
+                }
+            }
+        },
+    };
+</script>
+<style scoped>
+    .compare-run-icon {
+        width: 90rpx;
+        height: 90rpx;
+        bottom: 15%;
+    }
+    .data-list {
+        max-height: 80vh;
+        overflow-y: scroll;
+        overflow-x: hidden;
+    }
+    .data-list .goods-image {
+        width: 126rpx;
+        height: 126rpx;
+    }
+    .data-list .goods-base {
+        width: calc(100% - 170rpx);
+    }
+    .data-list .goods-item .selected {
+        margin-top: 60rpx;
+    }
+</style>
\ No newline at end of file
diff --git a/pages/plugins/goodscompare/index/index.vue b/pages/plugins/goodscompare/index/index.vue
new file mode 100644
index 00000000..02409e35
--- /dev/null
+++ b/pages/plugins/goodscompare/index/index.vue
@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>
\ No newline at end of file