diff --git a/api/favorite.js b/api/favorite.js
index 81fe382..4260ba5 100644
--- a/api/favorite.js
+++ b/api/favorite.js
@@ -68,4 +68,11 @@ export function getVideoList(page = 1, limit = 10) {
  * */
 export function removeFavorite(ids) {
     return request.post('/collection/delete', ids)
+}
+
+/**
+ * 收藏千县名品县城列表
+ * */
+export function getCountyFamousList(page = 1, limit = 10) {
+    return request.get('/collection/countyFamous/list', {page, limit})
 }
\ No newline at end of file
diff --git a/api/qianxian.js b/api/qianxian.js
index 12076da..a40aabc 100644
--- a/api/qianxian.js
+++ b/api/qianxian.js
@@ -20,6 +20,31 @@ export function getCountyFamousCityShop(param) {
     return request.get('/countyFamous/shop', param, { login: true })
 }
 
+// 千县名品店铺点赞/取消赞
+export function postCountyFamousShopZan(data) {
+    return request.post('/countyFamous/shop/zan', data, { login: true })
+}
+
+// 千县名品店铺点赞/取消赞
+export function postCountyFamousShopAddFavorite(data) {
+    return request.post('/collection/countyFamous/add', data, { login: true })
+}
+
+// 千县名品店铺点赞/取消赞
+export function postCountyFamousShopRemoveFavorite(data) {
+    return request.post('/collection/countyFamous/remove', data, { login: true })
+}
+
+// 千县名品资讯点赞/取消赞
+export function postCountyFamousNewsZan(data) {
+    return request.post('/countyFamous/news/zan', data, { login: true })
+}
+
+// 千县名品资讯被浏览
+export function postCountyFamousNewsView(data) {
+    return request.post('/countyFamous/news/view', data, { login: true })
+}
+
 // 获取千县名品县城资讯数据
 export function getCountyFamousCityNews(param) {
     return request.get('/countyFamous/news', param, { login: true })
@@ -30,7 +55,27 @@ export function getCountyFamousCityGuide(param) {
     return request.get('/countyFamous/guide', param, { login: true })
 }
 
-// 获取千县名品县城攻略数据
+// 获取千县名品县城攻略专题页
 export function getCountyFamousCityGuideContent(param) {
     return request.get('/countyFamous/guide/content', param, { login: true })
 }
+
+// 获取千县名品县城重点产业列表
+export function getCountyFamousIndustry(param) {
+    return request.get('/countyFamous/industry', param, { login: true })
+}
+
+// 获取千县名品县城产业项目列表
+export function getCountyFamousIndustryProject(param) {
+    return request.get('/countyFamous/industryProject', param, { login: true })
+}
+
+// 获取千县名品县城产业项目文件列表
+export function getCountyFamousIndustryProjectFile(param) {
+    return request.get('/countyFamous/industryProject/file', param, { login: true })
+}
+
+// 获取千县名品县城招商政策文件列表
+export function getCountyFamousInvestmentFile(param) {
+    return request.get('/countyFamous/investmentFile', param, { login: true })
+}
diff --git a/pages.json b/pages.json
index d01db26..6a8584a 100644
--- a/pages.json
+++ b/pages.json
@@ -583,6 +583,26 @@
             "navigationBarTitleText": "千县名品"
           }
         },
+        {
+          "path": "views/famousQianxianShop",
+          "style": {
+            "navigationBarTitleText": "千县名品",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "views/famousQianxianTheme",
+          "style": {
+            "navigationBarTitleText": "千县名品",
+            "navigationStyle": "custom"
+          }
+        },
+        {
+          "path": "views/famousQianxianInvestment",
+          "style": {
+            "navigationBarTitleText": "招商政策"
+          }
+        },
         {
           "path": "views/famousStory",
           "style": {
diff --git a/pagesInn/inn/innProfileEdit.vue b/pagesInn/inn/innProfileEdit.vue
index e5e126b..2a520e2 100644
--- a/pagesInn/inn/innProfileEdit.vue
+++ b/pagesInn/inn/innProfileEdit.vue
@@ -375,14 +375,14 @@ export default {
       uni.showLoading()
       postHotelInfoEdit(param).then((res) => {
         uni.hideLoading()
-        uni.showToast({
-          title: '修改成功!',
-          mask: false,
-          duration: 1500
+        uni.showModal({
+          title: '提示',
+          content: '修改成功!',
+          showCancel: false,
+          success: () => {
+            uni.navigateBack()
+          }
         })
-        setTimeout(function () {
-          uni.navigateBack()
-        }, 1000)
       }).catch((err) => {
         uni.hideLoading()
         uni.showToast({
diff --git a/pkg_product/components/ThemePageTemplate1.vue b/pkg_product/components/ThemePageTemplate1.vue
index 770eac7..1896239 100644
--- a/pkg_product/components/ThemePageTemplate1.vue
+++ b/pkg_product/components/ThemePageTemplate1.vue
@@ -141,7 +141,10 @@ export default {
         display: block;
         width: 330rpx;
         height: 540rpx;
-        margin: 0 30rpx 30rpx 0;
+        margin: 0 20rpx 30rpx 0;
+        &:nth-child(2n + 1) {
+          margin-right: 0;
+        }
       }
     }
   }
diff --git a/pkg_product/components/ThemePageTemplate2.vue b/pkg_product/components/ThemePageTemplate2.vue
index eef970e..9815de5 100644
--- a/pkg_product/components/ThemePageTemplate2.vue
+++ b/pkg_product/components/ThemePageTemplate2.vue
@@ -7,7 +7,7 @@
     />
     <view class="page-wrap">
       <view class="page-2">
-        <swiper
+        <!-- <swiper
           class="swiper"
           circular
           autoplay
@@ -24,7 +24,12 @@
               @click="itemClick(swiperItem)"
             />
           </swiper-item>
-        </swiper>
+        </swiper> -->
+        <carousel
+          :img-list="templateProperties.page2Links"
+          url-key="image"
+          @selected="itemClick"
+        />
       </view>
     </view>
     <!-- 第三页 -->
@@ -94,8 +99,12 @@
  * 模板2
 */
 import { themeTemplateMixins } from '../mixins/themeTemplateMixins'
+import carousel from './vear-carousel/vear-carousel'
 export default {
   name: 'ThemePageTemplate2',
+  components: {
+    carousel
+  },
   mixins: [themeTemplateMixins]
 }
 </script>
@@ -155,6 +164,9 @@ export default {
         width: 330rpx;
         height: 540rpx;
         margin: 0 30rpx 25rpx 0;
+        &:nth-child(2n) {
+          margin-right: 0;
+        }
       }
     }
   }
diff --git a/pkg_product/components/ThemePageTemplate4.vue b/pkg_product/components/ThemePageTemplate4.vue
index a494abe..ce3cd24 100644
--- a/pkg_product/components/ThemePageTemplate4.vue
+++ b/pkg_product/components/ThemePageTemplate4.vue
@@ -133,6 +133,9 @@ export default {
         width: 330rpx;
         height: 540rpx;
         margin: 0 22rpx 22rpx 0;
+        &:nth-child(2n) {
+          margin-right: 0;
+        }
       }
     }
   }
diff --git a/pkg_product/components/vear-carousel/vear-carousel.vue b/pkg_product/components/vear-carousel/vear-carousel.vue
new file mode 100644
index 0000000..6a5025d
--- /dev/null
+++ b/pkg_product/components/vear-carousel/vear-carousel.vue
@@ -0,0 +1,112 @@
+<template>
+	<swiper
+		class="image-container"
+		previous-margin="145rpx"
+		next-margin="145rpx"
+		circular
+		autoplay
+		indicatorDots="true"
+		indicator-color="#ddd"
+		indicator-active-color="#777"
+		@change="swiperChange"
+	>
+		<swiper-item
+			v-for="(item, index) in imgList"
+			:key="item[urlKey]"
+			:class="currentIndex == index ? 'swiper-item' : 'swiper-item-side'"
+		>
+			<image
+				:src="item[urlKey]"
+				:class="currentIndex == index ? 'item-img' : 'item-img-side'"
+				:style="dontFirstAnimation ? 'animation: none;' : ''"
+				lazy-load
+				mode="aspectFill"
+				@click="clickImg(item)"
+			/>
+		</swiper-item>
+	</swiper>
+</template>
+<script>
+	export default {
+		props: {
+			imgList: {
+				type: Array,
+				default() {
+					return []
+				}
+			},
+			urlKey: {
+				type: String,
+				default() {
+					return ''
+				}
+			},
+		},
+		data() {
+			return {
+				currentIndex: 0,
+				dontFirstAnimation: true
+			}
+		},
+		methods: {
+			swiperChange(e) {
+				this.dontFirstAnimation = false
+				this.currentIndex = e.detail.current
+			},
+			clickImg(item) {
+				this.$emit('selected', item, this.currentIndex)
+			}
+		}
+	}
+</script>
+<style scoped>
+	.image-container {
+		width: 750rpx;
+		height: 840rpx;
+	}
+
+	.item-img {
+		width: 430rpx;
+		height: 700rpx;
+		border-radius: 14rpx;
+	}
+
+	.swiper-item {
+		width: 430rpx;
+		height: 700rpx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+	.item-img-side {
+		width: 344rpx;
+		height: 560rpx;
+		border-radius: 14rpx;
+	}
+
+	.swiper-item-side {
+		width: 430rpx;
+		height: 560rpx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+	@keyframes to-mini
+	{
+		from {
+			height: 700rpx;
+		}
+		to {
+			height: 560rpx;
+		}
+	}
+	@keyframes to-big
+	{
+		from {
+			height: 560rpx;
+		}
+		to {
+			height: 700rpx;
+		}
+	}
+</style>
diff --git a/pkg_product/views/famousList.vue b/pkg_product/views/famousList.vue
index 45fe45a..d871896 100644
--- a/pkg_product/views/famousList.vue
+++ b/pkg_product/views/famousList.vue
@@ -57,6 +57,10 @@
             <view>收</view>
             <view>起</view>
           </view>
+          <image
+            :src="webUrl + '/page/qianxian/icon-06.png'"
+            class="icon"
+          />
         </view>
       </view>
     </view>
@@ -148,6 +152,11 @@
               </view>
             </view>
           </view>
+          <image
+            :src="webUrl + '/home/no-data-bg.png'"
+            mode="widthFix"
+            class="loadend"
+          />
         </view>
         <image
           v-if="list.length === 0"
@@ -368,6 +377,12 @@ export default {
       }
       .toggle-wrap {
         padding: 0 0 0 20rpx;
+        .icon {
+          display: block;
+          width: 24rpx;
+          height: 20rpx;
+          margin: 6rpx auto;
+        }
       }
     }
   }
@@ -376,11 +391,9 @@ export default {
     z-index: 2;
     padding: 80rpx 30rpx 30rpx 30rpx;
     background-color: #F0F0F0;
-    .item + .item {
-      margin: 30rpx 0 0 0;
-    }
     .item {
       padding: 30rpx 0 20rpx 30rpx;
+      margin: 0 0 30rpx 0;
       border-radius: 20rpx;
       background-color: #fff;
       box-shadow: 0rpx 6rpx 12rpx rgba(0,0,0,0.16);
@@ -465,6 +478,9 @@ export default {
         }
       }
     }
+    .loadend {
+      width: 100%;
+    }
   }
 }
 .img-nodata {
diff --git a/pkg_product/views/famousQianxian.vue b/pkg_product/views/famousQianxian.vue
index f357382..bb12b38 100644
--- a/pkg_product/views/famousQianxian.vue
+++ b/pkg_product/views/famousQianxian.vue
@@ -55,6 +55,11 @@
               </view>
             </view>
           </view>
+          <image
+            :src="webUrl + '/home/no-data-bg.png'"
+            mode="widthFix"
+            class="loadend"
+          />
         </view>
         <goo-skeleton
           v-else
@@ -169,13 +174,18 @@ export default {
       }
     }
   }
+  .list-wrap {
+    background-color: #F0F0F0;
+    .loadend {
+      width: 100%;
+    }
+  }
   .list-cont {
     position: relative;
     z-index: 2;
     display: flex;
     justify-content: space-between;
     padding: 0 21rpx 21rpx 21rpx;
-    background-color: #F0F0F0;
     .list-cont-left,
     .list-cont-right {
       width: calc(50% - 11rpx);
diff --git a/pkg_product/views/famousQianxianInvestment.vue b/pkg_product/views/famousQianxianInvestment.vue
new file mode 100644
index 0000000..4167dc6
--- /dev/null
+++ b/pkg_product/views/famousQianxianInvestment.vue
@@ -0,0 +1,113 @@
+<template>
+  <view class="list-page">
+    <view v-if="isLoad" class="file-list">
+      <view
+        v-for="(file, fileIndex) in list"
+        :key="fileIndex"
+        class="file-item"
+        @click="fileItemClick(file)"
+      >
+        <view class="name more-t">
+          ·&nbsp;&nbsp;{{ file.title }}
+        </view>
+        <image
+          :src="webUrl + '/page/qianxian/icon-05.png'"
+          class="icon"
+        />
+      </view>
+      <image
+        :src="webUrl + '/home/no-data-bg.png'"
+        mode="widthFix"
+        class="loadend"
+      />
+    </view>
+    <goo-skeleton v-else />
+  </view>
+</template>
+<script>
+import {
+  getCountyFamousInvestmentFile
+} from '@/api/qianxian'
+import { pageListenMixins } from '@/mixins/pageListenMixins'
+export default {
+  name: 'famousQianxianInvestment',
+  mixins: [pageListenMixins],
+  data() {
+    return {
+      webUrl: this.$VUE_APP_RESOURCES_URL,
+      isLoad: false,
+      pageKeyId: '',
+      list: []
+    }
+  },
+  onLoad(options) {
+    const id = options.id
+    this.getListReq(id)
+  },
+  methods: {
+    getListReq(id) {
+      getCountyFamousInvestmentFile({
+        countyFamousDataId: id,
+        page: 1,
+        limit: 9999
+      }).then(res => {
+        const { success, data } = res
+        if (success) {
+          this.isLoad = true
+          this.list = data.records || []
+        }
+      })
+    },
+    fileItemClick(file) {
+      const url = file.attachment || ''
+      if (!url) return
+      uni.downloadFile({
+        url,
+        success: res => {
+          const filePath = res.tempFilePath
+          wx.openDocument({
+            filePath,
+            fail: (err) => {
+              console.log(err)
+            }
+          })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.list-page {
+  min-height: 100vh;
+  padding: 30rpx;
+  box-sizing: border-box;
+  background-color: #f0f0f0;
+  .file-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: 100rpx;
+    width: 100%;
+    padding: 0 20rpx;
+    margin: 0 0 20rpx 0;
+    border-radius: 20rpx;
+    box-sizing: border-box;
+    line-height: 36rpx;
+    background-color: #fff;
+    .name {
+      width: calc(100% - 40rpx);
+      font-size: 28rpx;
+    }
+    .icon {
+      display: block;
+      width: 26rpx;
+      height: 26rpx;
+    }
+  }
+  .loadend {
+    width: 100%;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/pkg_product/views/famousQianxianShop.vue b/pkg_product/views/famousQianxianShop.vue
new file mode 100644
index 0000000..0333000
--- /dev/null
+++ b/pkg_product/views/famousQianxianShop.vue
@@ -0,0 +1,1485 @@
+<template>
+  <view class="container">
+    <hx-navbar
+      :fixed="true"
+      :background-color="[[13,197,197],[13,197,197]]"
+      :pageScroll.sync="scrollData"
+      statusBarFontColor="#ffffff"
+      barPlaceholder="hidden"
+      transparent="auto"
+      color='#ffffff'
+    />
+    <view v-if="isLoad">
+      <view class="cover-box">
+        <image
+          v-if="inn.coverType === 1"
+          :src="inn.cover"
+          class="full-img"
+          mode="widthFix"
+        />
+        <view
+          v-if="inn.coverType === 2"
+          :style="{
+            'width': videoStyle.width,
+            'height': videoStyle.height
+          }"
+          class="video-box"
+        >
+          <video
+            :src="inn.cover"
+            :autoplay="true"
+            :controls="true"
+            :loop="false"
+            object-fit="contain"
+            play-btn-position="center"
+            class="video"
+          />
+        </view>
+      </view>
+      <view class="innInfoWrap">
+        <view class="bg-color">
+          <view class="box-mask flex jc-between ai-end">
+            <view
+              v-if="inn.cityName"
+              class="city-section flex jc-end ai-center"
+            >
+              <image
+                :src="webUrl + '/20210807215539157727.png'"
+                style="width: 22rpx;height: 22rpx;margin-right: 8rpx;"
+              />
+              <text class="one-t" style="font-size: 24rpx;color: #fff;">{{ inn.cityName }}</text>
+            </view>
+          </view>
+        </view>
+        <view class="body-cont  flex ai-end">
+          <view class="inn-logo flex-0">
+            <image :src="inn.logo" v-if="inn.logo"></image>
+            <image :src="webUrl + '/20230609145651814148.png'" v-else/>
+          </view>
+          <view class="a3 flex jc-between ai-end" style="width: 100%">
+            <view class="inn-owner" style="flex-grow: 1;">{{ inn.name }}</view>
+            <view class="flex ai-center zan-favorite-wrap">
+              <view class="zan-box flex flex-0 ai-end" @click="zanInn">
+                <template v-if="isLike">
+                  <image :src="webUrl + '/icon/icon-like.png'" class="img" />
+                  <text class="on">{{ inn.zan }}</text>
+                </template>
+                <template v-else>
+                  <image :src="webUrl + '/icon/icon-like.png'" class="img" />
+                  <text>{{ inn.zan }}</text>
+                </template>
+              </view>
+              <view class="flex flex-0 ai-end favorite-box" @click="doneFavorite">
+                <image
+                  v-if="isFavorite"
+                  :src="webUrl + '/icon/icon-star-on.png'"
+                  mode="scaleToFill"
+                  class="icon"
+                />
+                <image
+                  v-else
+                  :src="webUrl + '/icon/icon-star-off.png'"
+                  mode="scaleToFill"
+                  class="icon"
+                />
+                <text>{{ favoriteCount }}</text>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="inn-signature-wrap">
+        <view class="triangle"></view>
+        <view class="inn-signature">
+          {{ inn.shopIntro }}
+        </view>
+        <!-- <view class="share-btn" @click="changeShare">
+          <image :src="webUrl + '/page/hotel/share.png'" class="img" />
+        </view> -->
+      </view>
+      <view v-if="inn.name" class="map-wrapper">
+        <view class="map-cont">
+          <map
+            :longitude="inn.longitude"
+            :latitude="inn.latitude"
+            style="width: 750rpx;height: 300rpx;"
+          />
+        </view>
+        <view class="bg"></view>
+        <view class="map-info">
+          <view class="map-info-hd">
+            <image :src="webUrl + '/page/qianxian/icon-location.png'" class="icon" />
+          </view>
+          <view class="map-info-bd more-t">
+            {{ inn.address }}
+          </view>
+          <view class="map-info-ft flex">
+            <view class="item" @click="showLocation">
+              <image :src="webUrl + '/page/qianxian/icon-addr.png'" class="img" />
+              <view>导航</view>
+            </view>
+            <view class="item" @click="call">
+              <image :src="webUrl + '/page/qianxian/icon-phone.png'" class="img" />
+              <view>客服</view>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="top-tab acea-row row-middle row-center">
+        <view
+          v-for="(item, index) in tabList"
+          :key="index"
+          class="tab"
+          @click="changeTab(item.value)"
+        >
+          <view
+            :class="activeIndex === index ? 'active' : ''"
+            class="tab-item"
+          >
+            {{ item.text }}
+          </view>
+        </view>
+      </view>
+      <view>
+        <!-- 资讯 -->
+        <view
+          v-if="activeIndex === 0"
+          class="info-section"
+        >
+          <view v-if="isLoadInfoListSuccess">
+            <view v-if="infoArray.length > 0" class="info-wrapper">
+              <view class="info-list">
+                <view
+                  v-for="(item, index) in infoArray"
+                  :key="index"
+                  class="info-item"
+                >
+                  <view
+                    :class="item.isTop === 1 ? 'info-item-top' : ''"
+                    :style="{
+                      'background-image': item.isTop ? ('url(' + webUrl + '/page/hotel/info-top-bg.png)') : 'none'
+                    }"
+                    class="info-item-header"
+                    @click="infoClick(item)"
+                  >
+                    <view class="name">
+                      {{ item.title }}
+                    </view>
+                    <view class="intro">
+                      {{ item.content }}
+                    </view>
+                  </view>
+                  <view class="info-item-body">
+                    <img-box
+                      :imgList="item.images"
+                      :num="item.images.length"
+                      :img-radius="10"
+                      style="width: 100%;"
+                      @click="infoItemViewClick(item)"
+                    />
+                  </view>
+                  <view class="info-item-bottom">
+                    <view class="time">
+                      {{ item.createTime ? item.createTime.replace(/-/g, '.').substr(0, 10) : '' }}
+                    </view>
+                    <view class="btns">
+                      <view class="flex">
+                        <image
+                          :src="webUrl + '/20230803152147141807.png'"
+                          class="icon"
+                        />
+                        <text class="seeNum-txt">{{ item.pv }}</text>
+                      </view>
+                      <view class="flex">
+                        <image
+                          v-if="!item.hasZan"
+                          :src="webUrl + '/page/hotel/zan-off-2.png'"
+                          class="zan-off-icon"
+                          @click="likeInfoItemHandle(item, index, item.zan + 1, true)"
+                        />
+                        <image
+                          v-else
+                          :src="webUrl + '/page/hotel/zan-on-2.png'"
+                          class="zan-on-icon"
+                          @click="likeInfoItemHandle(item, index, item.zan - 1, false)"
+                        />
+                        <text
+                          v-show="item.zan > 0"
+                          :class="item.hasZan ? 'on' : ''"
+                          class="seeNum-txt"
+                        >{{ item.zan }}</text>
+                      </view>
+                    </view>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+          <goo-skeleton v-else />
+        </view>
+        <!-- 文化 -->
+        <view
+          v-if="activeIndex === 1"
+          class="info-section county-section"
+        >
+          <view class="county-intro-wrap">
+            <view class="title">
+              县城介绍
+              <view class="btn" @click="toggleCountyIntro">
+                {{ toggleCountyIntroStatus ? '收起' : '展开' }}
+                <image :src="webUrl + '/page/qianxian/icon-arrow.png'" class="icon" />
+              </view>
+            </view>
+            <view
+              :class="toggleCountyIntroStatus ? 'show-more' : ''"
+              class="intro-main"
+            >
+              <rich-text :nodes="inn.countyIntro" />
+              <view v-if="!toggleCountyIntroStatus" class="layer" />
+            </view>
+            <view class="title">
+              图片
+            </view>
+            <view class="pic-list">
+              <view
+                v-for="(item, index) in inn.countyImages"
+                :key="index"
+                class="item"
+              >
+                <image
+                  :src="item"
+                  class="img"
+                  @click="showPic(index)"
+                />
+              </view>
+            </view>
+          </view>
+        </view>
+        <!-- 攻略 -->
+        <view
+          v-if="activeIndex === 2"
+          class="guide-section"
+        >
+          <view v-if="isLoadInfoListSuccess">
+            <view class="guide-list">
+              <view
+                v-for="(item, index) in guideList"
+                :key="index"
+                class="guide-item"
+                @click="guideItemClickHandle(item)"
+              >
+                <image
+                  :src="item.image"
+                  mode="widthFix"
+                  class="img"
+                />
+                <view class="info-wrap">
+                  <view class="time">
+                    {{ item.createTime }}
+                  </view>
+                  <view class="title">
+                    {{ item.title }}
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+          <goo-skeleton v-else />
+        </view>
+        <!-- 产业 -->
+        <view
+          v-if="activeIndex === 3"
+          class="industry-section"
+        >
+          <view v-if="industryTabIndex === 0">
+            <view class="card-wrap">
+              <image
+                :src="webUrl + '/page/qianxian/card-bg1.png'"
+                class="bg"
+              />
+              <view class="card-cont">
+                <view class="tab-wrap">
+                  <view
+                    v-for="(tab, tabIndex) in industryTab"
+                    :key="tabIndex"
+                    :class="industryTabIndex === tabIndex ? 'active' : ''"
+                    class="item"
+                    @click="industryTabItemClick(tabIndex)"
+                  >
+                    <image
+                      :src="webUrl + tab.icon"
+                      class="icon"
+                    />
+                    {{ tab.name }}
+                  </view>
+                </view>
+                <view class="file-wrap">
+                  <view class="title">
+                    <image
+                      :src="webUrl + '/page/qianxian/icon-02.png'"
+                      class="icon"
+                    />
+                    重点项目
+                  </view>
+                  <view v-if="industryList.length > 0" class="file-list">
+                    <view class="list-cont">
+                      <view
+                        v-for="(file, fileIndex) in industryList"
+                        :key="fileIndex"
+                        class="file-item"
+                        @click="fileItemClick(file)"
+                      >
+                        <view class="name one-t">
+                          ·&nbsp;&nbsp;{{ file.title }}
+                        </view>
+                        <image
+                          :src="webUrl + '/page/qianxian/icon-05.png'"
+                          class="icon"
+                        />
+                      </view>
+                    </view>
+                  </view>
+                  <view v-else class="no-data">暂无重点项目</view>
+                </view>
+              </view>
+            </view>
+            <view class="project-wrap">
+              <view class="title">
+                <image
+                  :src="webUrl + '/page/qianxian/icon-01.png'"
+                  class="icon"
+                />
+                产业项目
+              </view>
+              <view v-if="industryProjectList.length > 0" class="list">
+                <view
+                  v-for="(item, index) in industryProjectList"
+                  :key="index"
+                  class="item"
+                >
+                  <image
+                    :src="item.image"
+                    class="img"
+                  />
+                </view>
+              </view>
+              <view v-else class="no-data">暂无产业项目</view>
+            </view>
+          </view>
+          <view v-if="industryTabIndex === 1">
+            <view class="card-wrap">
+              <image
+                :src="webUrl + '/page/qianxian/card-bg2.png'"
+                class="bg"
+              />
+              <view class="card-cont">
+                <view class="tab-wrap">
+                  <view
+                    v-for="(tab, tabIndex) in industryTab"
+                    :key="tabIndex"
+                    :class="industryTabIndex === tabIndex ? 'active' : ''"
+                    class="item"
+                    @click="industryTabItemClick(tabIndex)"
+                  >
+                    <image
+                      :src="webUrl + tab.icon"
+                      class="icon"
+                    />
+                    {{ tab.name }}
+                  </view>
+                </view>
+                <view class="file-wrap">
+                  <view v-if="investmentFileList.length > 0" class="file-list">
+                    <view class="list-cont">
+                      <view
+                        v-for="(file, fileIndex) in investmentFileList"
+                        :key="fileIndex"
+                        class="file-item file-item2"
+                        @click="fileItemClick(file)"
+                      >
+                        <view class="name more-t">
+                          ·&nbsp;&nbsp;{{ file.title }}
+                        </view>
+                        <image
+                          :src="webUrl + '/page/qianxian/icon-05.png'"
+                          class="icon"
+                        />
+                      </view>
+                    </view>
+                  </view>
+                  <view v-else class="no-data">暂无招商政策</view>
+                </view>
+              </view>
+            </view>
+            <view v-if="investmentFileList.length > 0" class="more-btn-wrap">
+              <view class="more-btn" @click="gotoInvestment">
+                更多政策
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <goo-skeleton v-else />
+    <!-- 分享 -->
+    <u-popup
+      :show="showShare"
+      mode="center"
+      bgColor="transparent"
+    >
+      <view class="box-share">
+        <view class="box-img">
+          <image
+            :src="webUrl + '/20230608112219219303.png'"
+            class="icon"
+            @click="changeShare"
+          />
+          <image :src="posterUrl" class="main-img" />
+        </view>
+        <image
+          :src="webUrl + '/20230608112210135038.png'"
+          class="btn"
+          @click="saveImg"
+        />
+      </view>
+    </u-popup>
+  </view>
+</template>
+
+<script>
+import {
+  getCountyFamousCityShop,
+  getCountyFamousCityNews,
+  getCountyFamousCityGuide,
+  postCountyFamousShopZan,
+  postCountyFamousShopAddFavorite,
+  postCountyFamousShopRemoveFavorite,
+  postCountyFamousNewsZan,
+  postCountyFamousNewsView,
+  getCountyFamousIndustry,
+  getCountyFamousIndustryProject,
+  getCountyFamousInvestmentFile
+} from '@/api/qianxian'
+import {formatDateTime} from '@/utils'
+import {getUrlParam} from '@/utils/common.js'
+import imgBox from '@/components/imageTypeSet/imagebox.vue'
+import cookie from '@/utils/store/cookie'
+import { pageListenMixins } from '@/mixins/pageListenMixins'
+
+export default {
+  components: {
+    imgBox
+  },
+  mixins: [pageListenMixins],
+  data() {
+    return {
+      webUrl: this.$VUE_APP_RESOURCES_URL,
+      isLoad: false,
+      activeIndex: 0,
+      loading: false,
+      scrollData: {},
+      inn: {
+        cityName: '',
+        pics: [],
+        desc: '',
+        latitude: '',
+        longitude: ''
+      },
+      showShare: false,
+      posterUrl: '', // 分享海报
+      id: null,
+      partnerId: null,
+      isLike: false, //点赞
+      isFavorite: false,
+      favoriteCount: 0,
+      videoStyle: {
+        width: '750rpx',
+        height: '500rpx'
+      },
+      tabList: [
+        { text: '资讯', value: 0, isShow: true },
+        { text: '文化', value: 1, isShow: true },
+        { text: '攻略', value: 2, isShow: true },
+        { text: '产业', value: 3, isShow: true }
+      ],
+      // 资讯
+      infoArray: [],
+      // 攻略
+      guideList: [],
+      isLoadGuideListoSuccess: false,
+      isLoadInfoListSuccess: false,
+      pageKeyId: '',
+      shareImg: '',
+      // 县城介绍展开收起
+      toggleCountyIntroStatus: false,
+      // 重点产业列表
+      industryList: [],
+      // 产业项目列表
+      industryProjectList: [],
+      // 招商政策文件列表
+      investmentFileList: [],
+      industryTab: [
+        { name: '产业项目', icon: '/page/qianxian/icon-04.png' },
+        { name: '招商政策', icon: '/page/qianxian/icon-03.png' }
+      ],
+      industryTabIndex: 0
+    }
+  },
+  // 必须在页面加 onPageScroll(e){} ，才能滑动显示背景
+  onPageScroll(e) {
+    this.scrollData = e
+  },
+  onLoad(options) {
+    const id = options.id || ''
+    this.id = id
+    if (id) {
+      this.partnerId = options.partnerId || null
+    } else {
+      let obj = uni.getEnterOptionsSync()
+      if (options.scene || obj.query.scene) {
+        const query = options ? decodeURIComponent(options.scene) : decodeURIComponent(obj.query.scene)
+        this.partnerId = getUrlParam(query, 'partnerId') || null
+      }
+    }
+    if (this.partnerId) cookie.set('spread', this.partnerId)
+    this.getShopDetailReq()
+    this.getInfoReq()
+    this.getGuideReq()
+    // this.initPoster()
+    this.getListReq()
+  },
+  methods: {
+    getListReq() {
+      // getPoster(this.id).then(({data}) => this.posterUrl = data)
+      getCountyFamousIndustry({
+        countyFamousDataId: this.id,
+        page: 1,
+        limit: 9999
+      }).then(res => {
+        const { success, data } = res
+        if (success) {
+          this.industryList = data.records || []
+        }
+      })
+      getCountyFamousIndustryProject({
+        countyFamousDataId: this.id,
+        page: 1,
+        limit: 9999
+      }).then(res => {
+        const { success, data } = res
+        if (success) {
+          this.industryProjectList = data.records || []
+        }
+      })
+      getCountyFamousInvestmentFile({
+        countyFamousDataId: this.id,
+        page: 1,
+        limit: 9999
+      }).then(res => {
+        const { success, data } = res
+        if (success) {
+          this.investmentFileList = data.records || []
+        }
+      })
+    },
+    getShopDetailReq() {
+      const _this = this
+      getCountyFamousCityShop({ countyFamousDataId: _this.id }).then((res) => {
+        const { success, data } = res
+        if (success) {
+          _this.inn = data
+          _this.isLike = data.hasZan
+          _this.isFavorite = data.hasFavorite
+          _this.favoriteCount = data.favoriteCount
+          _this.inn.latitude = _this.inn.latitude > 0 ? _this.inn.latitude : 24.993587
+          _this.inn.longitude = _this.inn.longitude > 0 ? _this.inn.longitude : 102.779656
+          // coverType: 1-图片,2-视频
+          if (data.coverType === 2) {
+            uni.getSystemInfo({
+              success: info => {
+                const screenWidth = info.windowWidth
+                _this.videoStyle.width = screenWidth + 'px'
+                _this.videoStyle.height = screenWidth * 500 / 750 + 'px'
+              }
+            })
+          }
+          _this.isLoad = true
+        }
+      }).finally(() => {
+        uni.stopPullDownRefresh()
+      })
+    },
+    // 资讯
+    getInfoReq() {
+      const _this = this
+      if (_this.loading) {
+        return
+      }
+      _this.isLoadInfoListSuccess = false
+      _this.loading = true
+      _this.infoArray = []
+      getCountyFamousCityNews({
+        page: 1,
+        limit: 9999,
+        countyFamousDataId: _this.id
+      }).then(res => {
+        const { data } = res
+        _this.loading = false
+        _this.infoArray.push.apply(_this.infoArray, data.records.map((info) => {
+          var pt = info.createTime.replace(/-/g, "/")
+          info.year = formatDateTime(pt, 'yyyy')
+          info.monthDay = formatDateTime(pt, 'MM/dd')
+          info.time = formatDateTime(pt, 'HH:mm:ss')
+          info.showMore = false
+          return info
+        }))
+      }).finally(() => {
+        _this.loading = false
+        _this.isLoadInfoListSuccess = true
+        uni.stopPullDownRefresh()
+      })
+    },
+    // 攻略
+    getGuideReq() {
+      const _this = this
+      if (_this.loading) {
+        return
+      }
+      _this.isLoadGuideListoSuccess = false
+      _this.loading = true
+      _this.guideList = []
+      getCountyFamousCityGuide({
+        page: 1,
+        limit: 9999,
+        countyFamousDataId: _this.id
+      }).then(res => {
+        const { data } = res
+        _this.loading = false
+        _this.guideList.push.apply(_this.guideList, data.records.map((info) => {
+          var pt = info.createTime.replace(/-/g, "/")
+          info.year = formatDateTime(pt, 'yyyy')
+          info.monthDay = formatDateTime(pt, 'MM/dd')
+          info.time = formatDateTime(pt, 'HH:mm:ss')
+          return info
+        }))
+      }).finally(() => {
+        _this.loading = false
+        _this.isLoadGuideListoSuccess = true
+        uni.stopPullDownRefresh()
+      })
+      
+    },
+    changeTab(index) {
+      this.activeIndex = index
+      this.loading = false
+      // 刷新数据
+      switch (this.activeIndex) {
+        case 0:
+          this.getInfoReq()
+          break
+        case 2:
+          this.getGuideReq()
+          break
+        default:
+          break
+      }
+    },
+    changeShare() {
+      this.showShare = !this.showShare
+    },
+    saveImg() {
+      const _this = this
+      uni.getSetting({
+        success: getRes => {
+          if (getRes.authSetting["scope.writePhotosAlbum"]) {
+            _this.downloadImage()
+          } else {
+            uni.authorize({
+              scope: "scope.writePhotosAlbum",
+              success: () => {
+                _this.downloadImage()
+              },
+              fail: () => {
+                uni.openSetting({
+                  success: openRes => {
+                    console.log(typeof openRes, openRes)
+                  },
+                  fail: () => {
+                    uni.showToast({
+                      title: "请在设置中打开对应权限",
+                      icon: "none"
+                    })
+                  }
+                })
+              }
+            })
+          }
+        },
+        fail: (err) => {
+          console.log(err, 2)
+        }
+      })
+    },
+    downloadImage() {
+      const _this = this
+      const randomID = () => Math.random().toString(36).substring(2)
+      uni.downloadFile({
+        url: this.posterUrl, // 网络图片的地址
+        filePath: wx.env.USER_DATA_PATH + "/share_" + randomID() + ".png",  // 指定的本地文件路径
+        success: downRes => {
+          uni.saveImageToPhotosAlbum({
+            filePath: downRes.filePath, // 临时文件地址
+            success: function () {
+              uni.showToast({
+                title: "保存成功",
+                icon: "success",
+                success() {
+                  _this.showShare = false
+                }
+              })
+            },
+            fail: function (err) {
+              uni.showToast({
+                title: err,
+                icon: "none"
+              })
+            }
+          })
+        },
+        fail: function (err) {
+          uni.showToast({
+            title: err.errMsg,
+            icon: "error"
+          })
+        }
+      })
+    },
+    zanInn() {
+      postCountyFamousShopZan({ countyFamousDataId: this.id }).then(() => {
+        this.isLike = !this.isLike
+        this.getShopDetailReq()
+      }).catch((err) => {
+        uni.showToast({
+          title: err.msg + '',
+          icon: 'none',
+          mask: false,
+          duration: 1500
+        })
+      })
+    },
+    infoClick(info) {
+      // this.$yrouter.push('/pagesInn/inn/innInfoDetail?id=' + info.id)
+    },
+    infoItemViewClick(item) {
+      uni.$u.debounce(() => {
+        postCountyFamousNewsView({ countyFamousNewsId: item.id }).finally(() => {
+          this.infoArray.map(info => {
+            if (info.id === item.id) {
+              info.pv += 1
+            }
+          })
+        })
+      }, 500)
+    },
+    // 定位
+    showLocation() {
+      if (!this.inn.latitude || !this.inn.longitude) {
+        this.$dialog.error('暂无位置信息')
+      } else {
+        uni.openLocation({
+          latitude: this.inn.latitude,
+          longitude: this.inn.longitude
+        })
+      }
+    },
+    async doneFavorite() {
+      if (this.isFavorite) {
+        const res = await postCountyFamousShopRemoveFavorite({ countyFamousDataId: this.id })
+        if (res.success) {
+          this.isFavorite = false
+          this.favoriteCount = res.data.favoriteCount
+        }
+      } else {
+        const res = await postCountyFamousShopAddFavorite({ countyFamousDataId: this.id })
+        if (res.success) {
+          this.isFavorite = true
+          this.favoriteCount = res.data.favoriteCount
+        }
+      }
+    },
+    call() {
+      if (this.inn.tel) {
+        uni.makePhoneCall({
+          phoneNumber: this.inn.tel
+        })
+      } else {
+        this.$dialog.error('电话为空')
+      }
+    },
+    // 展开收起
+    toggleCountyIntro() {
+      this.toggleCountyIntroStatus = !this.toggleCountyIntroStatus
+    },
+    showPic(index) {
+      uni.previewImage({
+        current: index,
+        urls: this.inn.countyImages
+      })
+    },
+    likeInfoItemHandle(item, index, value, voValue) {
+      postCountyFamousNewsZan({ countyFamousNewsId: item.id }).then(res => {
+        const { success } = res
+        if (success) {
+          this.$dialog.toast({
+            mes: '操作成功!'
+          })
+          this.$set(this.infoArray[index], 'zan', value)
+          this.$set(this.infoArray[index], 'hasZan', voValue)
+        }
+      })
+    },
+    guideItemClickHandle(item) {
+      // 如果没有开启专题页，则不进入
+      if (!item.isContentPage) return
+      uni.navigateTo({ url: `/pkg_product/views/famousQianxianTheme?id=${item.id}` })
+    },
+    industryTabItemClick(index) {
+      if (index === this.industryTabIndex) return
+      this.industryTabIndex = index
+    },
+    fileItemClick(file) {
+      const url = file.attachment || ''
+      if (!url) return
+      uni.downloadFile({
+        url,
+        success: res => {
+          const filePath = res.tempFilePath
+          wx.openDocument({
+            filePath,
+            fail: (err) => {
+              console.log(err)
+            }
+          })
+        }
+      })
+    },
+    gotoInvestment() {
+      uni.navigateTo({ url: `/pkg_product/views/famousQianxianInvestment?id=${this.id}` })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import "@/assets/css/store.less";
+.my-inn-page {
+  padding: 0 0 100rpx 0;
+  background-color: #f6f6f6;
+}
+.cover-box {
+  position: relative;
+
+  .full-img {
+    width: 750rpx;
+  }
+  .video {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.guarantee {
+  margin-right: 16rpx;
+  padding: 8rpx 16rpx;
+  border-radius: 8rpx;
+  background: #0DC5C5;
+  color: #fff;
+  font-size: 22rpx;
+  line-height: 1;
+}
+.zan-favorite-wrap {
+  font-size: 32rpx;
+  color: #333;
+  .on {
+    color: #FF564A;
+  }
+}
+.zan-box {
+  .img {
+    width: 36rpx;
+    height: 36rpx;
+    margin: 0 8rpx 0 0;
+    vertical-align: middle;
+  }
+}
+.favorite-box {
+  .icon {
+    width: 36rpx;
+    height: 36rpx;
+    margin: 0 8rpx 0 30rpx;
+  }
+}
+.store-img {
+  width: 686rpx;
+  margin-bottom: 20rpx;
+  vertical-align: middle;
+}
+.container {
+  position: relative;
+  background: #FFFFFF;
+}
+.innInfoWrap {
+  position: relative;
+  margin-top: -76rpx;
+  padding: 20rpx 36rpx;
+  line-height: 1;
+  z-index: 1;
+  .bg-color {
+    position: absolute;
+    top: -5px;
+    left: 0;
+    right: 0;
+    z-index: 1;
+    height: 50%;
+    background: linear-gradient(-180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
+
+    .box-mask {
+      position: absolute;
+      bottom: 0;
+      right: 0;
+      left: 166rpx;
+      box-sizing: border-box;
+      padding: 0 32rpx 12rpx 0;
+
+      .city-section {
+        width: 100%;
+      }
+    }
+  }
+  .body-cont {
+    position: relative;
+    z-index: 2;
+  }
+}
+.inn-logo {
+  flex-shrink: 0;
+  width: 56*2rpx;
+  height: 56*2rpx;
+  margin-right: 18rpx;
+}
+.inn-logo image {
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+}
+.inn-name {
+  width: 280rpx;
+  font-size: 32rpx;
+  color: #FFFFFF;
+  line-height: 48rpx;
+}
+.inn-owner {
+  font-size: 24rpx;
+  color: #8B8F99;
+}
+.inn-tag-wrap {
+  margin-top: 10rpx;
+}
+.inn-signature-wrap {
+  position: relative;
+  z-index: 5;
+  padding: 0 32rpx;
+  margin: 20rpx 0 0 0;
+  .triangle {
+    position: absolute;
+    top: -20rpx;
+    left: 72rpx;
+    width: 0;
+    height: 0;
+    border-left: 20rpx solid transparent;
+    border-right: 20rpx solid transparent;
+    border-bottom: 24rpx solid rgba(243,243,246,0.39);
+  }
+  .inn-signature {
+    position: relative;
+    padding: 20rpx;
+    border-radius: 8rpx;
+    font-size: 24rpx;
+    color: #080F1A;
+    background: rgba(243,243,246,0.39);
+    box-shadow: 0px 6px 12px rgba(0,0,0,0.12);
+  }
+  .share-btn {
+    position: absolute;
+    right: 0;
+    bottom: -68rpx;
+    .img {
+      width: 212rpx;
+      height: 60rpx;
+    }
+  }
+}
+.btLine {
+  width: 100%;
+  height: 6rpx;
+  margin-top: 18rpx;
+  background: #0DC5C5;
+}
+.tab-item-active {
+  color:#080F1A;
+  font-size:32rpx;
+}
+.tab-item-no-active {
+  color:#A6AAB3;
+  font-size:28rpx;
+}
+.map-wrapper {
+  position: relative;
+  z-index: 2;
+  height: 200rpx;
+  margin: 40rpx 0 0 0;
+  overflow: hidden;
+  .map-cont {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 2;
+    width: 100%;
+    opacity: 0.3;
+    transform: translateY(-50rpx);
+  }
+  .bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 3;
+    height: 60rpx;
+    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
+  }
+  .map-info {
+    position: relative;
+    z-index: 5;
+    display: flex;
+    align-items: center;
+    padding: 40rpx 10rpx 40rpx 32rpx;
+    color: #333;
+    font-size: 14px;
+    .map-info-hd {
+      .icon {
+        display: block;
+        width: 34rpx;
+        height: 42rpx;
+      }
+    }
+    .map-info-bd {
+      flex: 1;
+      padding: 0 60rpx 0 20rpx;
+      line-height: 60rpx;
+    }
+    .map-info-ft {
+      .item + .item {
+        margin: 0 0 0 6rpx;
+      }
+      .item {
+        text-align: center;
+        font-weight: 500;
+        .img {
+          display: block;
+          width: 64rpx;
+          height: 64rpx;
+          margin: 0 0 16rpx 16rpx;
+        }
+      }
+    }
+  }
+}
+.top-tab {
+  padding: 40rpx 0 20rpx 0;
+  .tab {
+    margin: 0 20rpx;
+    .tab-item {
+      height: 52rpx;
+      padding: 0 30rpx;
+      border-radius: 26rpx 0 0 26rpx;
+      font-size: 32rpx;
+      line-height: 52rpx;
+      font-weight: bold;
+      &.active {
+        color: #fff;
+        background: linear-gradient(90deg, #C52733 0%, rgba(211,92,101,0.91) 54%, rgba(255,255,255,0.62) 100%);
+      }
+    }
+  }
+}
+.info-section,
+.guide-section {
+  position: relative;
+  background-color: #f6f6f6;
+}
+.info-section,
+.guide-section {
+  padding: 22rpx;
+}
+.info-section {
+  .info-item + .info-item {
+    margin: 22rpx 0 0 0;
+  }
+  .info-item {
+    border-radius: 10rpx;
+    background-color: #fff;
+    .info-item-header {
+      position: relative;
+      padding: 20rpx 20rpx 0 20rpx;
+      &.info-item-top {
+        padding-top: 60rpx;
+        background-size: 100% 80rpx;
+        background-repeat: no-repeat;
+        background-image: url();
+      }
+      .name {
+        font-size: 16px;
+        color: #333;
+        font-weight: bold;
+      }
+      .intro {
+        margin: 10rpx 0 0 0;
+        color: #666;
+        font-size: 14px;
+      }
+    }
+    .info-item-body {
+      padding: 0 20rpx 20rpx 20rpx;
+      .video {
+        padding: 20rpx 0 0 0;
+        .video-item {
+          width: 100%;
+          height: 400rpx;
+          border-radius: 10rpx;
+        }
+      }
+    }
+    .info-item-bottom {
+      display: flex;
+      align-items: center;
+      padding: 20rpx;
+      border-top: 1px solid #f1f1f1;
+      font-size: 16px;
+      .time {
+        flex: 1;
+        color: #333;
+      }
+      .btns {
+        display: flex;
+        color: #999;
+        .flex + .flex {
+          margin: 0 0 0 32rpx;
+        }
+        .flex {
+          align-items: center;
+        }
+        .icon {
+          width: 32rpx;
+          height: 32rpx;
+          margin: 0 8rpx 0 0;
+        }
+        .zan-off-icon {
+          width: 40rpx;
+          height: 40rpx;
+        }
+        .zan-on-icon {
+          width: 40rpx;
+          height: 40rpx;
+        }
+        .seeNum-txt {
+          &.on {
+            color: #D81E06;
+          }
+        }
+        .more-btn {
+          position: relative;
+          .more-wrapper {
+            position: absolute;
+            right: -20rpx;
+            top: -150rpx;
+            z-index: 5;
+            width: 200rpx;
+            border-radius: 12rpx;
+            background-color: #fff;
+            box-shadow: 0px 1px 6px rgba(0,0,0,0.16);
+            .more-item + .more-item {
+              border-top: 1px solid #d5d5d5;
+            }
+            .more-item {
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              height: 70rpx;
+              font-size: 14px;
+              color: #333;
+              .more-icon {
+                width: 36rpx;
+                height: 36rpx;
+                margin: 0 10rpx 0 0;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+.county-section {
+  padding: 22rpx;
+}
+.county-intro-wrap {
+  padding: 22rpx;
+  border-radius: 16rpx;
+  background-color: #fff;
+  .title {
+    display: flex;
+    justify-content: space-between;
+    font-size: 36rpx;
+    line-height: 40rpx;
+    font-weight: bold;
+    color: #333;
+    .btn {
+      display: flex;
+      align-items: center;
+      color: #999;
+      font-size: 24rpx;
+      font-weight: normal;
+      .icon {
+        display: block;
+        width: 32rpx;
+        height: 32rpx;
+      }
+    }
+  }
+  .intro-main {
+    position: relative;
+    height: 400rpx;
+    margin: 30rpx 0 50rpx 0;
+    overflow: hidden;
+    &.show-more {
+      height: auto;
+    }
+    .layer {
+      position: absolute;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      height: 144rpx;
+      background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #FFFFFF 51%, #FFFFFF 100%);
+    }
+  }
+  .pic-list {
+    display: flex;
+    flex-wrap: wrap;
+    width: 100%;
+    padding: 30rpx 0 0 0;
+    .item {
+      width: calc(50% - 10rpx);
+      margin: 0 20rpx 20rpx 0;
+      .img {
+        display: block;
+        width: 100%;
+        height: 360rpx;
+        border-radius: 16rpx;
+      }
+      &:nth-child(2n) {
+        margin-right: 0;
+      }
+    }
+  }
+}
+.guide-section {
+  .guide-item + .guide-item {
+    margin: 20rpx 0 0 0;
+  }
+  .guide-item {
+    border-radius: 16rpx;
+    background-color: #fff;
+    .img {
+      display: block;
+      width: 100%;
+      border-radius: 16rpx;
+    }
+    .info-wrap {
+      padding: 16rpx 16rpx 20rpx 16rpx;
+      .time {
+        font-size: 24rpx;
+        color: #ACACAC;
+      }
+      .title {
+        padding: 10rpx 0 0 0;
+        font-size: 28rpx;
+        color: #333;
+        line-height: 40rpx;
+      }
+    }
+  }
+}
+.industry-section {
+  background-color: #F0F0F0;
+  .card-wrap {
+    position: relative;
+    .bg {
+      position: relative;
+      z-index: 2;
+      display: block;
+      width: 750rpx;
+      height: 530rpx;
+    }
+    .card-cont {
+      position: absolute;
+      z-index: 5;
+      top: 30rpx;
+      left: 30rpx;
+      right: 30rpx;
+      .tab-wrap {
+        display: flex;
+        .item {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          flex: 1;
+          height: 80rpx;
+          font-size: 32rpx;
+          line-height: 36rpx;
+          font-weight: bold;
+          .icon {
+            display: block;
+            width: 24rpx;
+            height: 26rpx;
+            margin: 0 12rpx 0 0;
+          }
+          &:nth-child(2) {
+            .icon {
+              width: 26rpx;
+              height: 22rpx;
+            }
+          }
+        }
+      }
+      .file-wrap {
+        width: 630rpx;
+        height: 360rpx;
+        padding: 20rpx;
+        margin: 10rpx auto;
+        border-radius: 20rpx;
+        box-sizing: border-box;
+        background: rgba(240,240,240,0.39);
+        .title {
+          display: flex;
+          align-items: center;
+          font-weight: bold;
+          font-size: 28rpx;
+          line-height: 36rpx;
+          .icon {
+            display: block;
+            width: 20rpx;
+            height: 20rpx;
+            margin: 0 8rpx 0 0;
+          }
+        }
+        .file-list {
+          height: 300rpx;
+          overflow-y: auto;
+          .list-cont {
+            padding: 20rpx 0 0 0;
+            .file-item {
+              display: flex;
+              align-items: center;
+              justify-content: space-between;
+              height: 60rpx;
+              width: 100%;
+              padding: 0 20rpx;
+              margin: 0 0 20rpx 0;
+              border-radius: 20rpx;
+              box-sizing: border-box;
+              line-height: 36rpx;
+              background-color: #fff;
+              .name {
+                width: calc(100% - 40rpx);
+                font-size: 24rpx;
+              }
+              .icon {
+                display: block;
+                width: 26rpx;
+                height: 26rpx;
+              }
+            }
+            .file-item2 {
+              height: 100rpx;
+            }
+          }
+        }
+      }
+    }
+  }
+  .project-wrap {
+    padding: 30rpx;
+    .title {
+      display: flex;
+      align-items: center;
+      font-weight: bold;
+      font-size: 28rpx;
+      line-height: 36rpx;
+      .icon {
+        display: block;
+        width: 20rpx;
+        height: 20rpx;
+        margin: 0 8rpx 0 0;
+      }
+    }
+    .list {
+      display: flex;
+      flex-wrap: wrap;
+      width: 100%;
+      padding: 20rpx 0 0 0;
+      .item {
+        width: calc(50% - 20rpx);
+        margin: 0 26rpx 26rpx 0;
+        &:nth-child(2n) {
+          margin-right: 0;
+        }
+        .img {
+          display: block;
+          width: 332rpx;
+          height: 98rpx;
+        }
+      }
+    }
+  }
+  .no-data {
+    text-align: center;
+    line-height: 200rpx;
+    font-size: 32rpx;
+    color: #999;
+  }
+  .more-btn-wrap {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 30rpx 0 60rpx 0;
+    .more-btn {
+      width: 212rpx;
+      height: 62rpx;
+      border-radius: 32rpx;
+      text-align: center;
+      font-size: 32rpx;
+      line-height: 62rpx;
+      color: #fff;
+      background: #C52733;
+    }
+  }
+}
+.tab-no-data {
+  text-align: center;
+  font-size: 32rpx;
+  color: #999;
+  line-height: 200rpx;
+}
+</style>
diff --git a/pkg_product/views/famousQianxianTheme.vue b/pkg_product/views/famousQianxianTheme.vue
new file mode 100644
index 0000000..9b4717e
--- /dev/null
+++ b/pkg_product/views/famousQianxianTheme.vue
@@ -0,0 +1,181 @@
+<template>
+  <view>
+    <hx-navbar
+      :fixed="true"
+      :background-color="[[13,197,197],[13,197,197]]"
+      statusBarFontColor="#ffffff"
+      barPlaceholder="hidden"
+      transparent="auto"
+      color='#ffffff'
+    />
+    <view v-if="isLoad">
+      <image
+        :src="templateProperties.page1Image"
+        class="top-img"
+        mode="widthFix"
+      />
+      <view class="page-wrap">
+        <view class="page-2">
+          <swiper
+            class="swiper"
+            circular
+            autoplay
+            :interval="5000"
+          >
+            <swiper-item
+              v-for="(swiperItem, swiperIndex) in templateProperties.page2Images"
+              :key="swiperIndex"
+            >
+              <image
+                :src="swiperItem"
+                mode="scaleToFill"
+                class="swiper-img"
+              />
+            </swiper-item>
+          </swiper>
+        </view>
+      </view>
+      <!-- 第三页 -->
+      <view class="page-wrap">
+        <view class="page-5">
+          <image
+            v-for="(item, index) in templateProperties.page3Links"
+            :key="index"
+            :src="item.image"
+            class="shop-img"
+            mode="widthFix"
+            @click="linkToShop(item)"
+          />
+        </view>
+      </view>
+      <!-- 第四页 -->
+      <view class="page-wrap">
+        <view class="page-4">
+          <image
+            :src="templateProperties.page4Image"
+            class="section-bg"
+            mode="widthFix"
+          />
+        </view>
+      </view>
+      <!-- 第五页 -->
+      <view class="page-wrap">
+        <view class="page-2">
+          <swiper
+            class="swiper"
+            circular
+            autoplay
+            :interval="5000"
+          >
+            <swiper-item
+              v-for="(swiperItem, swiperIndex) in templateProperties.page5Images"
+              :key="swiperIndex"
+            >
+              <image
+                :src="swiperItem"
+                mode="scaleToFill"
+                class="swiper-img"
+              />
+            </swiper-item>
+          </swiper>
+        </view>
+        <view class="page-5">
+          <image
+            v-for="(item, index) in templateProperties.page5Links"
+            :key="index"
+            :src="item.image"
+            class="shop-img"
+            mode="widthFix"
+            @click="linkToShop(item)"
+          />
+        </view>
+      </view>
+    </view>
+    <goo-skeleton v-else />
+  </view>
+</template>
+<script>
+import {
+  getCountyFamousCityGuideContent
+} from '@/api/qianxian'
+import { pageListenMixins } from '@/mixins/pageListenMixins'
+export default {
+  name: 'FamousQianxianTheme',
+  mixins: [pageListenMixins],
+  data() {
+    return {
+      isLoad: false,
+      pageKeyId: '',
+      templateProperties: {
+        page1Image: '',
+        page2Images: [],
+        page3Links: [],
+        page4Image: '',
+        page5Images: '',
+        page5Links: []
+      }
+    }
+  },
+  onLoad(options) {
+    const id = options.id
+    this.getDetailReq(id)
+  },
+  methods: {
+    getDetailReq(id) {
+      getCountyFamousCityGuideContent({
+        guideId: id
+      }).then(res => {
+        const { success, data } = res
+        if (success) {
+          this.isLoad = true
+          this.templateProperties = data || {}
+        }
+      })
+    },
+    linkToShop(item) {
+      const linkId = item.linkId || ''
+      if (!linkId) return
+      uni.navigateTo({
+        url: `/pagesInn/inn/innHome?id=${linkId}&from=famous`
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.top-img {
+  display: block;
+  width: 100%;
+}
+.page-wrap {
+  position: relative;
+  .page-2 {
+    width: 100%;
+    height: 450rpx;
+    .swiper {
+      width: 100%;
+      height: 100%;
+      .swiper-img {
+        display: block;
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+  .page-4 {
+    .section-bg {
+      display: block;
+      width: 100%;
+      height: auto;
+    }
+  }
+  .page-5 {
+    .shop-img {
+      display: block;
+      width: 100%;
+      height: 300rpx;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/pkg_user/views/myFavorite.vue b/pkg_user/views/myFavorite.vue
index 192149d..7b05c69 100644
--- a/pkg_user/views/myFavorite.vue
+++ b/pkg_user/views/myFavorite.vue
@@ -1,46 +1,88 @@
 <template>
-  <view v-if="ready">
-
+  <view>
     <view class="my-tabs flex jc-between">
-      <view class="tab-item flex jc-center ai-center"
-            :class="{'active':tabsIndex===index,'has-vertical':tabsVertical===index}" v-for="(item,index) in tabs"
-            :key="index" @click="changeTabs(index)">
+      <view
+        v-for="(item,index) in tabs"
+        :key="index"
+        :class="{
+          'active': tabsIndex === index,
+          'has-vertical':index < 3
+        }"
+        class="tab-item flex jc-center ai-center"
+        @click="changeTabs(index)"
+      >
         {{ item.label }}
       </view>
     </view>
-
     <view
-      v-if="!isManage"
-      class="manage flex jc-end"
-      
+      v-if="(tabsIndex === 0 && productList.length> 0) ||
+        (tabsIndex === 1 && storeList.length> 0) ||
+        (tabsIndex === 2 && videoList.length> 0) ||
+        (tabsIndex === 3 && countyFamousList.length> 0)
+      "
     >
-      <view class="flex ai-center" @click="changeManage">
-        <image :src="webUrl+'/20240107224533038041.png'" mode="scaleToFill"/>
-        管理
+      <view
+        v-if="!isManage"
+        class="manage flex jc-end"
+      >
+        <view class="flex ai-center" @click="changeManage">
+          <image
+            :src="webUrl+'/20240107224533038041.png'"
+            mode="scaleToFill"
+          />
+          管理
+        </view>
+      </view>
+      <view
+        v-else
+        class="manage flex jc-end ai-center"
+        style="color:#C41617"
+        @click="changeManage"
+      >
+        <view>退出管理</view>
       </view>
-    </view>
-    <view
-      v-else
-      class="manage flex jc-end ai-center"
-      style="color:#C41617"
-      @click="changeManage"
-    >
-      <view>退出管理</view>
     </view>
     <!--商品列表-->
-    <scroll-view class="scroll-box" :class="{'manage-state':isManage}" scroll-y
-                 @scrolltolower="fetchProduct()" v-if="tabsIndex===0">
-      <view class="tc" style="margin-top: 200rpx;" v-if="productList.length===0">
-        <image style="width: 305rpx;height: 332rpx" :src="webUrl+'/20240102232718644743.png'" mode="scaleToFill"/>
+    <scroll-view
+      v-if="tabsIndex === 0"
+      :class="{'manage-state': isManage}"
+      class="scroll-box"
+      scroll-y
+      @scrolltolower="fetchProduct()"
+    >
+      <view
+        v-if="productList.length === 0"
+        class="tc no-data"
+      >
+        <image
+          :src="webUrl+'/20240102232718644743.png'"
+          mode="scaleToFill"
+          class="img"
+        />
       </view>
-
-      <view class="item-commodity flex ai-center" v-for="(item,index) in productList" :key="index">
-        <CheckboxIcon style="margin-right: 16rpx;" :default-state="item['state']" :mark="[index]" @change="onChange"
-                      v-if="isManage"/>
-        <image class="cover flex-0" :src="item['image']" mode="scaleToFill" @click="navToGoods(item['productId'])"/>
-
+      <view
+        v-for="(item,index) in productList"
+        :key="index"
+        class="item-commodity flex ai-center"
+      >
+        <CheckboxIcon
+          v-if="isManage"
+          :default-state="item['state']"
+          :mark="[index]"
+          style="margin-right: 16rpx;"
+          @change="onChange"
+        />
+        <image
+          :src="item['image']"
+          mode="scaleToFill"
+          class="cover flex-0"
+          @click="navToGoods(item['productId'])"
+        />
         <view style="width: 100%">
-          <view class="more-t bold" @click="navToGoods(item['productId'])">{{ item['storeName'] }}</view>
+          <view
+            class="more-t bold"
+            @click="navToGoods(item['productId'])"
+          >{{ item['storeName'] }}</view>
           <view class="sub" @click="navToGoods(item['productId'])">规格:{{ item['sku'] }}</view>
           <view class="flex jc-between ai-end">
             <view class="price flex ai-end" @click="navToGoods(item['productId'])">
@@ -56,62 +98,178 @@
       </view>
     </scroll-view>
     <!--店铺列表-->
-    <scroll-view class="scroll-box" :class="{'manage-state':isManage}" scroll-y @scrolltolower="fetchStore()"
-                 v-if="tabsIndex===1">
-      <view class="tc" style="margin-top: 200rpx;" v-if="storeList.length===0">
-        <image style="width: 305rpx;height: 332rpx" :src="webUrl+'/20240102232718644743.png'" mode="scaleToFill"/>
+    <scroll-view
+      v-if="tabsIndex === 1"
+      :class="{'manage-state':isManage}"
+      class="scroll-box"
+      scroll-y
+      @scrolltolower="fetchStore()"
+    >
+      <view
+        v-if="storeList.length === 0"
+        class="tc no-data"
+      >
+        <image
+          :src="webUrl+'/20240102232718644743.png'"
+          mode="scaleToFill"
+          class="img"
+        />
       </view>
-
-      <view class="item-store flex ai-start" v-for="(item,index) in storeList" :key="index">
+      <view
+        v-for="(item,index) in storeList"
+        :key="index"
+        class="item-store flex ai-start"
+      >
         <view class="flex flex-0 ai-center">
-          <CheckboxIcon style="margin-right: 16rpx;" :default-state="item['state']" :mark="[index]" @change="onChange"
-                        v-if="isManage"/>
-          <image class="cover" :src="item['logo']" mode="scaleToFill"/>
+          <CheckboxIcon
+            v-if="isManage"
+            :default-state="item['state']"
+            :mark="[index]"
+            style="margin-right: 16rpx;"
+            @change="onChange"
+          />
+          <image
+            :src="item['logo']"
+            mode="scaleToFill"
+            class="cover"
+          />
         </view>
-
         <view>
           <view class="flex jc-between ai-start" style="width: 594rpx">
             <view>
               <view class="one-t bold">{{ item['name'] }}</view>
               <view class="sub">{{ item['time'] === '刚刚' ? '刚刚' : item['time'] + '收藏' }}</view>
             </view>
-            <view class="btn-nav flex jc-center ai-center" :style="{'margin-right':(isManage?48:0)+'rpx'}"
-                  @click="navToStore(item['hotelId'])">进店逛逛
-              <image style="width: 24rpx;height: 24rpx" :src="webUrl+'/20240109234706982937.png'" mode="scaleToFill"/>
+            <view
+              :style="{'margin-right':(isManage?48:0)+'rpx'}"
+              class="btn-nav flex jc-center ai-center"
+              @click="navToStore(item['hotelId'])"
+            >
+              进店逛逛
+              <image
+                :src="webUrl+'/20240109234706982937.png'"
+                style="width: 24rpx;height: 24rpx"
+                mode="scaleToFill"
+              />
             </view>
           </view>
           <view class="flex jc-start ai-center" style="margin-top: 16rpx;">
-            <image class="img-product" :src="img" mode="scaleToFill"
-                   v-for="(img,i) in item['productImages']" :key="i"/>
+            <image
+              v-for="(img,i) in item['productImages']"
+              :key="i"
+              :src="img" mode="scaleToFill"
+              class="img-product"
+            />
           </view>
         </view>
       </view>
     </scroll-view>
     <!--视频列表-->
-    <scroll-view class="scroll-box" :class="{'manage-state':isManage}" scroll-y
-                 @scrolltolower="fetchVideo()"
-                 v-if="tabsIndex===2">
-      <view class="tc" style="margin-top: 200rpx;" v-if="videoList.length===0">
-        <image style="width: 305rpx;height: 332rpx" :src="webUrl+'/20240102232718644743.png'" mode="scaleToFill"/>
+    <scroll-view
+      v-if="tabsIndex === 2"
+      scroll-y
+      :class="{'manage-state':isManage}"
+      class="scroll-box"
+      @scrolltolower="fetchVideo()"
+    >
+      <view
+        v-if="videoList.length === 0"
+        class="tc no-data"
+      >
+        <image
+          :src="webUrl+'/20240102232718644743.png'"
+          mode="scaleToFill"
+          class="img"
+        />
       </view>
-
       <view class="flex flex-wrap" style="padding:40rpx 32rpx">
-        <view class="item-video" v-for="(item,index) in videoList" :key="index">
-          <CheckboxIcon class="video-check" :default-state="item['state']" :mark="[index]" @change="onChange"
-                        v-if="isManage"/>
-
-          <image class="img-cover" :src="item['cover']" mode="scaleToFill" @click="navToVideo(item['videoId'])"/>
+        <view
+          v-for="(item,index) in videoList"
+          :key="index"
+          class="item-video"
+        >
+          <CheckboxIcon
+            v-if="isManage"
+            :default-state="item['state']"
+            :mark="[index]"
+            class="video-check"
+            @change="onChange"
+          />
+          <image
+            :src="item['cover']"
+            mode="scaleToFill"
+            class="img-cover"
+            @click="navToVideo(item['videoId'])"
+          />
           <view class="item-mask flex jc-end ai-end">
-            <image class="icon-heart" :src="webUrl+'/20240113205505660820.png'" mode="scaleToFill"/>
+            <image
+              :src="webUrl+'/20240113205505660820.png'"
+              mode="scaleToFill"
+              class="icon-heart"
+            />
             <text>{{ item['favoriteCount'] }}</text>
           </view>
         </view>
       </view>
     </scroll-view>
-
+    <!--千县店铺列表-->
+    <scroll-view
+      v-if="tabsIndex === 3"
+      :class="{'manage-state':isManage}"
+      class="scroll-box county-scroll"
+      scroll-y
+      @scrolltolower="fetchCountyFamous()"
+    >
+      <view
+        v-if="countyFamousList.length === 0"
+        class="tc no-data"
+      >
+        <image
+          :src="webUrl+'/20240102232718644743.png'"
+          mode="scaleToFill"
+          class="img"
+        />
+      </view>
+      <view class="county-list-wrap">
+        <view
+          v-for="(item, index) in countyFamousList"
+          :key="index"
+          class="county-item"
+          @click="gotoQianxianShop(item)"
+        >
+          <view class="img-wrap">
+            <CheckboxIcon
+              v-if="isManage"
+              :default-state="item['state']"
+              :mark="[index]"
+              class="check"
+              @change="onChange"
+            />
+            <image
+              :src="item.cover + (item.coverType === 1 ? '' : '?vframe/jpg/offset/1')"
+              mode="scaleToFill"
+              class="cover"
+            />
+          </view>
+          <view class="county-info">
+            <view class="name one-t">
+              {{ item.name }}
+            </view>
+            <view class="intro more-t">
+              {{ item.shopIntro }}
+            </view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
     <view class="fixed-manage flex jc-between ai-center" v-if="isManage">
       <view style="margin-left: 30rpx;">
-        <CheckboxIcon style="margin-right: 16rpx;" :default-state="isAll" :mark="[-1]" @change="onChange"/>
+        <CheckboxIcon
+          :default-state="isAll"
+          :mark="[-1]"
+          style="margin-right: 16rpx;"
+          @change="onChange"
+        />
         <text style="color:#666666;font-size: 32rpx">全选({{ selectCount }})</text>
       </view>
       <view class="flex ai-center">
@@ -123,22 +281,27 @@
 </template>
 
 <script>
-import {getProductList, getStoreList, getVideoList, removeFavorite} from "@/api/favorite";
-import {postCartAdd} from "@/api/store";
-import CheckboxIcon from "@/components/CheckboxIcon.vue";
+import {
+  getProductList,
+  getStoreList,
+  getVideoList,
+  getCountyFamousList,
+  removeFavorite
+} from '@/api/favorite'
+import { postCartAdd } from '@/api/store'
+import CheckboxIcon from '@/components/CheckboxIcon.vue'
 import { pageListenMixins } from '@/mixins/pageListenMixins'
-
 export default {
-  components: {CheckboxIcon},
+  components: { CheckboxIcon },
   mixins: [pageListenMixins],
   data() {
     return {
-      ready: false,
       webUrl: this.$VUE_APP_RESOURCES_URL,
       tabs: [
         {key: 0, label: '商品'},
         {key: 1, label: '店铺'},
         {key: 2, label: '视频'},
+        {key: 3, label: '千县'},
       ],
       tabsIndex: 0,
       isManage: false,
@@ -147,17 +310,14 @@ export default {
       productList: [],
       storeList: [],
       videoList: [],
+      countyFamousList: [],
       pageKeyId: Object.freeze('userCollectionIndex')
     }
   },
   computed: {
-    tabsVertical: function () {
-      if (this.tabsIndex === 0) return 1
-      if (this.tabsIndex === 1) return -1
-      if (this.tabsIndex === 2) return 0
-    },
     selectCount: function () {
-      let count = 0, countList
+      let count = 0
+      let countList = []
       switch (this.tabsIndex) {
         case 0:
           countList = this.productList
@@ -177,7 +337,6 @@ export default {
     }
   },
   mounted() {
-    this.ready = true
     this.fetchProduct()
   },
   methods: {
@@ -186,7 +345,6 @@ export default {
         url: "/pages/shop/GoodsCon/index?id=" + id
       })
     },
-
     changeTabs(index) {
       if (this.isManage) return
       // fix bug#1111
@@ -195,7 +353,6 @@ export default {
       this.page = 1
       this.fetchData()
     },
-
     fetchData() {
       switch (this.tabsIndex) {
         case 0:
@@ -207,20 +364,20 @@ export default {
         case 2:
           this.fetchVideo()
           break
+        case 3:
+          this.fetchCountyFamous()
+          break
       }
     },
-
     changeManage() {
       this.isManage = !this.isManage
     },
-
     onChange(state, mark) {
       if (mark[0] === -1) {
         this.isAll = state
         this.handleAll(state)
         return
       }
-
       switch (this.tabsIndex) {
         case 0:
           this.productList[mark]['state'] = state
@@ -234,9 +391,12 @@ export default {
           this.videoList[mark]['state'] = state
           this.isAll = this.selectCount === this.videoList.length
           break
+        case 3:
+          this.countyFamousList[mark]['state'] = state
+          this.isAll = this.selectCount === this.countyFamousList.length
+          break
       }
     },
-
     handleAll(state) {
       switch (this.tabsIndex) {
         case 0:
@@ -248,9 +408,11 @@ export default {
         case 2:
           this.videoList.forEach(item => item.state = state)
           break
+        case 3:
+          this.countyFamousList.forEach(item => item.state = state)
+          break
       }
     },
-
     remove() {
       const _this = this
       const ids = []
@@ -270,6 +432,11 @@ export default {
             if (item['state']) ids.push(item.id)
           })
           break
+        case 3:
+          _this.countyFamousList.forEach(item => {
+            if (item['state']) ids.push(item.id)
+          })
+          break
       }
       if (ids.length < 1) {
         return
@@ -292,7 +459,6 @@ export default {
         }
       })
     },
-
     removeAfter() {
       switch (this.tabsIndex) {
         case 0:
@@ -304,55 +470,68 @@ export default {
         case 2:
           this.videoList = this.videoList.filter(item => !item['state'])
           break
+        case 3:
+          this.countyFamousList = this.videoList.filter(item => !item['state'])
+          break
       }
     },
-
     async fetchProduct() {
-      let that = this
-      if (that.page === 1) {
-        that.productList = []
+      const _this = this
+      if (_this.page === 1) {
+        _this.productList = []
       }
-      const res = await getProductList(that.page)
+      const res = await getProductList(_this.page)
       if (res.success) {
         res.data['records']?.forEach(item => {
           item.state = false
-          that.productList.push(item)
+          _this.productList.push(item)
         })
-        that.page++
+        _this.page++
       }
     },
-
     async fetchStore() {
-      let that = this
-      if (that.page === 1) {
-        that.storeList = []
+      const _this = this
+      if (_this.page === 1) {
+        _this.storeList = []
       }
-      const res = await getStoreList(that.page)
+      const res = await getStoreList(_this.page)
       if (res.success) {
         res.data['records']?.forEach(item => {
           item.time = uni.$u.timeFrom(Date.parse(item.createTime))
           item.state = false
-          that.storeList.push(item)
+          _this.storeList.push(item)
         })
-        that.page++
+        _this.page++
       }
     },
-
     async fetchVideo() {
-      let that = this
-      if (that.page === 1) {
-        that.videoList = []
+      const _this = this
+      if (_this.page === 1) {
+        _this.videoList = []
       }
-      const res = await getVideoList(that.page)
+      const res = await getVideoList(_this.page)
       if (res.success) {
         res.data['records']?.forEach(item => {
           item.state = false
-          that.videoList.push(item)
+          _this.videoList.push(item)
         })
-        that.page++
+        _this.page++
+      }
+    },
+    async fetchCountyFamous() {
+      const _this = this
+      if (_this.page === 1) {
+        _this.countyFamousList = []
+      }
+      const res = await getCountyFamousList(_this.page)
+      if (res.success) {
+        res.data['records']?.forEach(item => {
+          item.state = false
+          _this.countyFamousList.push(item)
+        })
+        _this.page++
       }
     },
-
     async addCart(item) {
       const param = {
         productId: item.productId,
@@ -367,23 +546,25 @@ export default {
         }).catch()
       }
     },
-
     navToStore(id) {
       uni.navigateTo({
         url: '/pagesInn/inn/innHome?id=' + id
       })
     },
-
     navToVideo(videoId) {
       if (this.isManage) return
       uni.navigateTo({
         url: '/pkg-video/views/watch?videoId=' + videoId
       })
+    },
+    gotoQianxianShop(item) {
+      if (this.isManage) return
+      uni.navigateTo({
+        url: `/pkg_product/views/famousQianxianShop?id=${item.countyFamousDataId}`
+      })
     }
   }
 }
-
-
 </script>
 
 <style scoped lang="less">
@@ -407,13 +588,16 @@ export default {
     color: #FFFFFF;
     font-size: 34rpx;
     font-weight: bold;
+    &.has-vertical:after {
+      width: 0;
+    }
   }
 
   .has-vertical:after {
     content: '';
     position: absolute;
     right: 0;
-    width: 2rpx;
+    width: 0;
     height: 36rpx;
     background: #999999;
   }
@@ -434,6 +618,19 @@ export default {
   height: calc(100vh - 168rpx);
   box-sizing: border-box;
   background: #FFFFFF;
+  &.county-scroll {
+    background-color: #f0f0f0;
+  }
+  .no-data {
+    padding: 100px 0 0 0;
+    border-top: 20px solid #f0f0f0;
+    .img {
+      display: block;
+      width: 305rpx;
+      height: 332rpx;
+      margin: 0 auto;
+    }
+  }
 }
 
 .manage-state {
@@ -583,4 +780,54 @@ export default {
     font-size: 32rpx;
   }
 }
+.county-list-wrap {
+  display: flex;
+  flex-wrap: wrap;
+  width: 710rpx;
+  margin: 0 auto;
+  background-color: #f0f0f0;
+  .county-item {
+    width: 344rpx;
+    height: 440rpx;
+    padding: 12rpx;
+    margin: 0 22rpx 22rpx 0;
+    box-sizing: border-box;
+    border-radius: 16rpx;
+    background-color: #fff;
+    &:nth-child(2n) {
+      margin-right: 0;
+    }
+    .img-wrap {
+      position: relative;
+      .cover {
+        display: block;
+        width: 320rpx;
+        height: 280rpx;
+        border-radius: 16rpx;
+      }
+      .check {
+        position: absolute;
+        top: 0;
+        right: 0;
+        z-index: 5;
+      }
+    }
+    .county-info {
+      .name {
+        width: 100%;
+        padding: 10rpx 0 0 0;
+        font-size: 36rpx;
+        font-weight: bold;
+        color: #333;
+        line-height: 48rpx;
+      }
+      .intro {
+        padding: 10rpx 0 0 0;
+        font-size: 28rpx;
+        line-height: 32rpx;
+        color: #666;
+      }
+    }
+  }
+}
 </style>
\ No newline at end of file