11

src/components/navs/hor-big-one.vue

@@ -195,6 +195,127 @@
     object-fit: contain;
   }
 
+</style>
+<style>
+  /* ===============================
+   顶部导航项
+================================ */
+  .nav-social {
+    position: relative;
+    display: inline-block;
+    padding: 0 10px;
+  }
+
+  .nav-trigger {
+    font-size: 14px;
+    font-weight: 600;
+    color: #444;
+    cursor: pointer;
+  }
+
+  .nav-social:hover .nav-trigger {
+    color: var(--q-color-primary);
+  }
+
+  /* ===============================
+   弹层容器
+================================ */
+  .social-pop {
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    margin-top: 12px;
+
+    background: #fff;
+    border-radius: 12px;
+    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.15);
+
+    opacity: 0;
+    visibility: hidden;
+    transition: all 0.18s ease;
+    z-index: 1000;
+  }
+
+  /* hover 显示 */
+  .nav-social:hover .social-pop {
+    opacity: 1;
+    visibility: visible;
+  }
+
+  /* ===============================
+   箭头（真实 DOM）
+================================ */
+  .arrow {
+    position: absolute;
+    top: -7px;
+    left: 50%;
+    width: 14px;
+    height: 14px;
+    background: #fff;
+    transform: translateX(-50%) rotate(45deg);
+    box-shadow: -3px -3px 6px rgba(0, 0, 0, 0.08);
+  }
+
+  /* ===============================
+   二维码内容
+================================ */
+  .social-qrcode {
+    padding: 18px 22px 14px;
+    text-align: center;
+  }
+
+  .social-qrcode img {
+    width: 180px;
+    height: 180px;
+    border-radius: 8px;
+    display: block;
+  }
+
+  .social-tip {
+    margin-top: 10px;
+    font-size: 13px;
+    color: #666;
+  }
+
+  /* ===============================
+   小红书弹层尺寸
+================================ */
+  .xhs-pop {
+    padding: 18px 20px 16px;
+  }
+
+  /* ===============================
+   二维码列表
+================================ */
+  .xhs-list {
+    display: flex;
+    gap: 16px;
+  }
+
+  /* ===============================
+   单个二维码卡片
+================================ */
+  .xhs-item {
+    width: 140px;
+    text-align: center;
+  }
+
+  .xhs-item img {
+    width: 140px;
+    height: 140px;
+    border-radius: 10px;
+    display: block;
+    background: #f5f5f5;
+  }
+
+  /* 账号说明 */
+  .xhs-tip {
+    margin-top: 8px;
+    font-size: 13px;
+    color: #666;
+  }
+
 </style>
 <template>
   <q-header reveal :style="{ background: baseData.nav.bg, color: baseData.nav.color }" class="bg-white"
@@ -225,8 +346,30 @@
               </q-item>
             </q-list>
           </q-menu>
-        </q-btn>
-        <q-btn label="帮助中心" flat></q-btn> -->
+        </q-btn>-->
+
+        <div class="nav-social">
+          <span class="nav-trigger">公众号</span>
+          <div class="social-pop">
+            <div class="arrow"></div>
+            <div class="social-qrcode">
+              <img :src="yyzlImg" />
+              <div class="social-tip">扫码关注公众号</div>
+            </div>
+          </div>
+        </div>
+        <div class="nav-social">
+          <span class="nav-trigger">小红书</span>
+          <div class="social-pop xhs-pop">
+            <div class="arrow"></div>
+            <div class="xhs-list">
+              <div class="xhs-item" v-for="(item, index) in xhsImgList" :key="index">
+                <img :src="item" />
+                <div class="xhs-tip">小红书账号{{ index + 1 }}</div>
+              </div>
+            </div>
+          </div>
+        </div>
         <q-btn v-if="LoginUser.id <= 0" label="注册" flat></q-btn>
         <template v-if="LoginUser.token">
           <q-btn-dropdown style="color: #444; font-weight: bold" class="q-ml-lg" unelevated>
@@ -379,6 +522,12 @@
         selectedAreaId: "",
         isHome: false,
         isSearch: true,
+        yyzlImg: "https://imgfile.oytour.com/static/b2c/yyzl.jpg",
+        xhsImgList: [
+          "https://imgfile.oytour.com/static/b2c/JPtravel.png",
+          "https://imgfile.oytour.com/static/b2c/RoyalHolidays1.png",
+          "https://imgfile.oytour.com/static/b2c/RoyalHolidays2.png",
+        ]
       };
     },
     watch: {
@@ -405,8 +554,7 @@
     meta() {
       return {
         title: this.subTitle != "" ?
-          `${this.subTitle} - ${this.baseData.name}` :
-          this.baseData.name,
+          `${this.subTitle} - ${this.baseData.name}` : this.baseData.name,
       };
     },
     mounted() {

src/pages/SearchProduct.vue

@@ -1191,24 +1191,11 @@
           companyId: 0,
           startDate: "", //开始日期
           endDate: "", //结束日期
-          // lineId: 0, //线路编号
-          // lineTeamId: 0, //系列编号
           minPrice: "", //最低价格
           maxPrice: "", //最高价格
-          // minTripDay: "", //最低行程条数
-          // maxTripDay: "", //最高行程天数
-          // orderByDate: 0,
-          // orderByPrice: 0,
-          // orderBySales: 0,
-          // pageIndex: 1,
-          // pageSize: 10,
-          // priceOrderByField: 4,
           SeriesIds: "",
           LineIds: "",
           searchKey: "", // 搜索词
-          // startCityId: 0,
-          // PageCount: 0,
-          // TotalCount: 0,
           dayNumList: [], // 天数
           webSiteCategoryIds: "", // 分类Id
           placeIds: "", // 目的地城市Id
@@ -1279,7 +1266,7 @@
         this.qMsg.endDate = qsearchEndDate;
       } else {
         this.qMsg.endDate = date.formatDate(date.addToDate(new Date(), {
-          month: 2
+          month: 12
         }), 'YYYY-MM-DD');
       }
       if (areaId) {
@@ -1316,26 +1303,12 @@
           companyId: 0,
           startDate: "", //开始日期
           endDate: "", //结束日期
-          // lineId: 0, //线路编号
-          // lineTeamId: 0, //系列编号
           minPrice: "", //最低价格
           maxPrice: "", //最高价格
-          // minTripDay: "", //最低行程条数
-          // maxTripDay: "", //最高行程天数
-          // orderByDate: 0,
-          // orderByPrice: 0,
-          // orderBySales: 0,
-          // pageIndex: 1,
-          // pageSize: 10,
-          // priceOrderByField: 4,
           searchKey: "", // 搜索词
           SeriesIds: "",
           LineIds: "",
-          // startCityId: 0,
-          // PageCount: 0,
-          // TotalCount: 0,
           dayNumList: [], // 天数
-
           webSiteCategoryIds: "", // 分类Id
           placeIds: "", // 目的地城市Id
           orderBy: 0 // 排序  0默认   1价格升序   2价格降序