diff --git a/api/inn.js b/api/inn.js
index dbd61a4..83a09ad 100644
--- a/api/inn.js
+++ b/api/inn.js
@@ -197,4 +197,26 @@ export function getHotelTypeList() {
  * */
 export function getPoster(id) {
     return request.get("/api/hotelMain/poster/" + id, {}, {login: true})
+}
+
+/**
+ * 获取客栈商品列表
+ * @param data
+ * @returns {*}
+ */
+export function getHotelGoodList(data) {
+    return request.get("/api/hotelMain/goodsList", data, {
+        login: false
+    });
+}
+
+/**
+ * 置顶客栈资讯
+ * @param data
+ * @returns {*}
+ */
+export function setTopHotelNew(data) {
+    return request.post("/api/hotelNews/setIsTop", data, {
+        login: true
+    });
 }
\ No newline at end of file
diff --git a/api/product.js b/api/product.js
index da4eaf6..9df683e 100644
--- a/api/product.js
+++ b/api/product.js
@@ -16,9 +16,17 @@ export function wellnessPlaceList(param) {
 
 /**
  * 特色礼品首页
- * */
+ */
 export function customizedGift() {
-    return request.get("/customizedGift/index", {}, {login: true})
+    return request.get("/customizedGift/index", {}, {login: false})
+}
+
+/**
+ * 特色礼品省份专题页
+ *
+ */
+export function customizedGiftContent(param) {
+    return request.get("/customizedGift/cityContent", param, {login: false})
 }
 
 /**
diff --git a/api/user.js b/api/user.js
index 07dcb0a..ab4ac36 100644
--- a/api/user.js
+++ b/api/user.js
@@ -534,3 +534,8 @@ export function setDetection() {
 export function getRechargeApi() {
     return request.get("recharge/index");
 }
+
+
+export function getUserCenterBanner() {
+    return request.get("userCenterBanner");
+}
diff --git a/assets/css/goods.less b/assets/css/goods.less
index 8c575ba..ed2ccdf 100644
--- a/assets/css/goods.less
+++ b/assets/css/goods.less
@@ -25,7 +25,7 @@
 }
 
 .goods-section {
-  margin: 24rpx;
+  margin: 0 24upx 24upx 24upx;
   padding: 30rpx 24rpx;
   border-radius: 20rpx;
   background: #fff;
@@ -103,6 +103,15 @@
     color: #333;
     font-size: 30rpx;
   }
+  .store-btn {
+    display: flex;
+    padding: 12upx;
+    border-radius: 6upx;
+    color: #fff;
+    line-height: 20upx;
+    font-size: 24rpx;
+    background-color: #FF564A;
+  }
 
   .value {
     color: #666;
diff --git a/assets/css/style.less b/assets/css/style.less
index 1dff01f..79d1604 100644
--- a/assets/css/style.less
+++ b/assets/css/style.less
@@ -274,7 +274,10 @@ page {
 }
 
 .noCommodity {
-  padding-top: 0.75*100rpx;
+  display: flex;
+  justify-content: center;
+  padding: 75rpx 0;
+  background-color: #fff;
 }
 
 .noCommodity .noPictrue {
@@ -644,6 +647,7 @@ page {
 }
 
 .product-window .productWinList .item .listn .itemn {
+  position: relative;
   border: 1px solid #bbb;
   font-size: 0.26*100rpx;
   color: #282828;
@@ -657,6 +661,23 @@ page {
   background-color: #eb3729;
   border-color: #eb3729;
 }
+.product-window .productWinList .item .listn .itemn.disabled {
+  color: #333;
+  background-color: #F1F1F1;
+  border-color: #F1F1F1;
+}
+.product-window .productWinList .item .listn .itemn.disabled .tag {
+  position: absolute;
+  top: -18upx;
+  right: -18upx;
+  height: 28upx;
+  padding: 0 6upx;
+  border-radius: 6upx;
+  color: #fff;
+  line-height: 28upx;
+  font-size: 10px;
+  background-color: #FD5749;
+}
 
 .product-window .cart {
   margin-top: 0.36*100rpx;
@@ -2397,11 +2418,25 @@ page {
 
 .user .wrapper .myOrder .title,
 .user .wrapper .myService .title {
-  height: 0.88*100rpx;
-  padding: 0 0.3*100rpx;
-  border-bottom: 1px dashed #eee;
-  font-size: 0.3*100rpx;
-  color: #282828;
+  height: 88rpx;
+  padding: 0 30rpx;
+  border-bottom: 1px solid #ECECEE;
+  font-size: 28rpx;
+  color: #333;
+  font-weight: 600;
+}
+.user .wrapper .myService .title {
+  border-bottom: 0;
+}
+
+.user .wrapper .myOrder .title .line,
+.user .wrapper .myService .title .line {
+  display: block;
+  width: 6rpx;
+  height: 28rpx;
+  margin: 0 15rpx 0 0;
+  border-radius: 6rpx;
+  background-color: #FF564A;
 }
 
 .user .wrapper .myOrder .title .allOrder {
@@ -2428,16 +2463,11 @@ page {
 }
 
 .user .wrapper .myOrder .orderState .item .pictrue {
-  width: 0.49*100rpx;
-  height: 0.42*100rpx;
+  width: 52rpx;
+  height: 52rpx;
   margin: 0 auto 0.18*100rpx auto;
 }
 
-.user .wrapper .myOrder .orderState .item .pictrue image {
-  width: 100%;
-  height: 100%;
-}
-
 .user .wrapper .myService {
   background-color: #fff;
   margin-top: 0.15*100rpx;
diff --git a/components/Coupons.vue b/components/Coupons.vue
index 54ba702..bd82d9e 100644
--- a/components/Coupons.vue
+++ b/components/Coupons.vue
@@ -17,7 +17,12 @@
       <view class="coupons__rules-title" @click="changeRules()">使用规则
         <image :class="{'open':isOpen}" :src="webUrl+'/20231125220409665027.png'" mode="scaleToFill"/>
       </view>
-      <rich-text :nodes="data.description" v-show="isOpen"/>
+      <view
+        :class="isOpen ? 'auto-height' : ''"
+        class="coupon-html"
+      >
+        <rich-text :nodes="data.description" />
+      </view>
     </view>
   </view>
 </template>
@@ -124,6 +129,14 @@ export default {
         transform: rotate(180deg);
       }
     }
+    .coupon-html {
+      height: 80rpx;
+      overflow: hidden;
+      transition: all .3s;
+      &.auto-height {
+        height: auto;
+      }
+    }
   }
 }
 </style>
\ No newline at end of file
diff --git a/components/GooSkeleton/README.md b/components/GooSkeleton/README.md
new file mode 100644
index 0000000..140fff1
--- /dev/null
+++ b/components/GooSkeleton/README.md
@@ -0,0 +1,62 @@
+# skeleton
+uni-app 骨架屏组件，用于数据加载时显示占位元素
+
+## 属性说明
+
+|属性名|类型|默认值|说明|
+| -- | -- | --|--|
+| loading | Boolean | true | 是否显示占位图 |
+| showAvatar | Boolean | true | 是否显示头像占位图 |
+| AvatarSize | String | 50px | 头像站占位图大小 |
+| AvatarShape | String | round | 头像形状，可选值：round, square |
+| showTitle | Boolean | true | 是否显示标题占位图 |
+| titleWidth | String | 40% | 标题占位图宽度 |
+| row | Number|  3 | 段落占位图行数 |
+| animate | Boolean | true | 是否开启动画 |
+
+## 使用示例
+
+```html
+<skeleton
+  :loading="loading"
+  :avatarSize="skeleton1.avatarSize"
+  :row="skeleton1.row"
+  :showTitle="skeleton1.showTitle"
+>
+  <view class="section-content">我是段落1</view>
+</skeleton>
+```
+
+```javascript
+import Skeleton from '../components/skeleton/index.vue'
+export default {
+  components: {
+    Skeleton
+  },
+  data() {
+    return {
+      loading: true,
+      skeleton1 : {
+        avatarSize: '52px',
+        row: 3,
+        showTitle: true,
+      }
+    }
+  },
+  created() {
+    this.reloadData()
+  },
+  methods: {
+    reloadData() {
+      this.loading = true
+      setTimeout(() => {
+        this.loading = false
+      }, 3000)
+    },
+  },
+}
+```
+
+## 效果图
+
+![](http://images.alisali.cn/img_20191014113211.png)
diff --git a/components/GooSkeleton/index.vue b/components/GooSkeleton/index.vue
new file mode 100644
index 0000000..a7e3669
--- /dev/null
+++ b/components/GooSkeleton/index.vue
@@ -0,0 +1,145 @@
+<template>
+  <view>
+    <view
+      v-if="loading"
+      :class="{ animate: animate }"
+      class="skeleton"
+    >
+      <view
+        v-if="showAvatar"
+        :class="[avatarShape]"
+        :style="{ width: avatarSize, height: avatarSize }"
+        class="skeleton-avatar"
+      />
+      <view class="skeleton-content">
+        <view
+          v-if="showTitle"
+          :style="{ width: titleWidth }"
+          class="skeleton-title"
+        />
+        <view class="skeleton-rows">
+          <view
+            v-for="(item, index) in rowList"
+            :key="index"
+            :style="{ width: item.width }"
+            class="skeleton-row-item"
+          />
+        </view>
+      </view>
+    </view>
+    <view v-else>
+      <slot />
+    </view>
+  </view>
+</template>
+
+<script>
+const DEFAULT_ROW_WIDTH = '100%'
+const DEFAULT_LAST_ROW_WIDTH = '70%'
+
+export default {
+  props: {
+    loading: {
+      type: Boolean,
+      default: true
+    },
+    showAvatar: {
+      type: Boolean,
+      default: true
+    },
+    avatarSize: {
+      type: String,
+      default: '50px'
+    },
+    avatarShape: {
+      type: String,
+      default: 'round' // square | round
+    },
+    showTitle: {
+      type: Boolean,
+      default: true
+    },
+    titleWidth: {
+      type: String,
+      default: '40%'
+    },
+    row: {
+      type: Number,
+      default: 3
+    },
+    animate: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {}
+  },
+  computed: {
+    rowList() {
+      const list = []
+      for (let i = 0; i < this.row; i++) {
+        list.push({
+          width: i === this.row - 1 && i !== 0 ? DEFAULT_LAST_ROW_WIDTH : DEFAULT_ROW_WIDTH
+        })
+      }
+      return list
+    }
+  }
+}
+</script>
+
+<style scoped>
+.skeleton {
+  display: flex;
+  padding: 16px;
+  --bg-color: #f2f3f5;
+  --row-height: 16px;
+  --row-margin-top: 16px;
+}
+.skeleton-avatar {
+  flex-shrink: 0;
+  background: var(--bg-color);
+  margin-right: 8px;
+}
+.skeleton-avatar.round {
+  border-radius: 50%;
+}
+
+.skeleton-content {
+  width: 100%;
+}
+
+.skeleton-title {
+  background-color: var(--bg-color);
+  height: var(--row-height);
+}
+
+.skeleton-title + .skeleton-rows {
+  margin-top: var(--row-margin-top);
+}
+
+.skeleton-row-item {
+  background-color: var(--bg-color);
+  height: var(--row-height);
+}
+.skeleton-row-item:not(:first-child) {
+  margin-top: var(--row-margin-top);
+}
+
+.skeleton.animate {
+  animation: skeleton-blink 1.2s ease-in-out infinite;
+}
+
+@keyframes skeleton-blink {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.6;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+</style>
diff --git a/components/ProductWindow.vue b/components/ProductWindow.vue
index a0b1065..4d7f731 100644
--- a/components/ProductWindow.vue
+++ b/components/ProductWindow.vue
@@ -20,12 +20,21 @@
           <view class="title">{{ item.attrName }}</view>
           <view class="listn acea-row row-middle">
             <view
-              class="itemn"
-              :class="item.index == indexn ? 'on' : ''"
               v-for="(itemn, indexn) in item.attrValue"
-              @click="tapAttr(indexw, indexn)"
               :key="indexn"
-            >{{ itemn.attr }}</view>
+              :class="{
+                'on': item.index == indexn,
+                'disabled': productValue[itemn.attr].stock === 0
+              }"
+              class="itemn"
+              @click="tapAttr(indexw, indexn, itemn)"
+            >
+              {{ itemn.attr }}
+              <text
+                v-if="productValue[itemn.attr].stock === 0"
+                class="tag"
+              >缺货</text>
+            </view>
           </view>
         </view>
       </view>
@@ -57,6 +66,10 @@ export default {
       type: Object,
       default: () => {}
     },
+    productValue: {
+      type: Object,
+      default: () => {}
+    },
     cartNum: {
       type: Number,
       default: () => 1
@@ -80,7 +93,10 @@ export default {
     CartNumAdd: function() {
       this.$emit("changeFun", { action: "ChangeCartNum", value: 1 });
     },
-    tapAttr: function(indexw, indexn) {
+    tapAttr: function(indexw, indexn, itemn) {
+      if (this.productValue[itemn.attr].stock === 0) {
+        return
+      }
       // 修改商品规格不生效的原因：
       // H5端下面写法，attr更新，但是除H5外其他端不支持，
       // 尽量避免下面的骚写法，不要在子组件内更新props
diff --git a/components/good/NoData.vue b/components/good/NoData.vue
new file mode 100644
index 0000000..4562662
--- /dev/null
+++ b/components/good/NoData.vue
@@ -0,0 +1,17 @@
+<template>
+    <view class="noCommodity">
+      <view class="noPictrue">
+        <image :src="webUrl+'/20210203153900181449.png'" class="image"/>
+      </view>
+    </view>
+</template>
+<script>
+export default {
+  name: "NoGoodData",
+  data: function() {
+    return {
+      webUrl: this.$VUE_APP_RESOURCES_URL
+    }
+  }
+}
+</script>
diff --git a/pages.json b/pages.json
index 781aff0..1b1d2c9 100644
--- a/pages.json
+++ b/pages.json
@@ -43,7 +43,7 @@
       }
     },
     {
-      "path": "components/chose-city/chose-city",
+      "path": "pages/chose-city/chose-city",
       "style": {
         "navigationBarTitleText": "选择城市"
       }
@@ -461,6 +461,12 @@
             "navigationStyle": "custom"
           }
         },
+        {
+          "path": "inn/innGoodList",
+          "style": {
+            "navigationBarTitleText": "店铺商品列表"
+          }
+        },
         {
           "path": "inn/innApply",
           "style": {
@@ -632,9 +638,15 @@
         },
         {
           "path": "views/giftList",
+          "style": {
+            "navigationBarTitleText": "特色礼品"
+          }
+        },
+        {
+          "path": "views/giftContent",
           "style": {
             "navigationBarTitleText": "特色礼品",
-            "onReachBottomDistance": 100
+            "navigationBarTextStyle": "black"
           }
         },
         {
@@ -951,9 +963,9 @@
         "query": ""
       },
       {
-        "name": "提交订单",
-        "path": "pages/order/OrderSubmission/index",
-        "query": "lotteryRecordId=217"
+        "name": "特色礼品",
+        "path": "pkg_product/views/giftList",
+        "query": ""
       }
     ]
   }
diff --git a/pages/authorization/index.vue b/pages/authorization/index.vue
index b337241..e01b481 100644
--- a/pages/authorization/index.vue
+++ b/pages/authorization/index.vue
@@ -41,7 +41,7 @@
     <view class="dialog-mask" v-if="showFillOut">
       <view class="dialog-fill flex flex-col ai-center">
         <view class="title bold">请完善您的头像和昵称</view>
-        <button class="avatar-wrapper" open-type="chooseAvatar" bindchooseavatar="onChooseAvatar">
+        <button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
           <image class="avatar" :src="avatarUrl"></image>
         </button>
         <input type="nickname" class="input-wrapper" placeholder="请输入昵称" @input="inputName" @confirm="inputName"
diff --git a/components/chose-city/chose-city.vue b/pages/chose-city/chose-city.vue
similarity index 71%
rename from components/chose-city/chose-city.vue
rename to pages/chose-city/chose-city.vue
index ef66fb6..3e292bd 100644
--- a/components/chose-city/chose-city.vue
+++ b/pages/chose-city/chose-city.vue
@@ -2,90 +2,120 @@
   <view class="chose-city">
     <view class="header">
       <view class="search-box flex jc-between ai-center">
-        <input type="text" v-model="keyword" placeholder="搜索城市" placeholder-style="color:#999" @confirm="search">
-        <image class="icon" :src="webUrl+'/20220903142935869059.png'" mode="scaleToFill" @click="search"></image>
+        <input
+          v-model="keyword"
+          type="text"
+          placeholder="搜索城市"
+          placeholder-style="color:#999"
+          @confirm="search"
+        >
+        <image
+          :src="webUrl + '/20220903142935869059.png'"
+          class="icon"
+          mode="scaleToFill"
+          @click="search"
+        />
       </view>
     </view>
-
     <view class="aside">
-      <view class="item flex jc-center ai-center" :class="index === navActive ? 'on' : ''"
-            v-for="(item, index) in listGroup" :key="index" @click="asideTap(index)">
+      <view
+        v-for="(item, index) in listGroup"
+        :key="index"
+        :class="index === navActive ? 'on' : ''"
+        class="item flex jc-center ai-center"
+        @click="asideTap(index)"
+      >
         <view class="name">{{ item.label }}</view>
       </view>
     </view>
-
     <view class="content">
-      <mescroll-body ref="mescrollRef" top="16rpx" bottom="0" class='cotent-scroll' :up="upOption" :down="downOption"
-                     @up="upCallback" @down="downCallback" @init="mescrollInit" @emptyclick="emptyClick">
-
+      <mescroll-body
+        ref="mescrollRef"
+        :up="upOption"
+        :down="downOption"
+        top="16rpx"
+        bottom="0"
+        class='cotent-scroll'
+        @up="upCallback"
+        @down="downCallback"
+        @init="mescrollInit"
+        @emptyclick="emptyClick"
+      >
         <view class="fixed-box">
           <view class="line-location flex ai-center">
-            <image :src="webUrl+'/20220903142929759087.png'" mode="scaleToFill"></image>
+            <image :src="webUrl + '/20220903142929759087.png'" mode="scaleToFill"></image>
             <text class="bold" v-if="location">当前定位：{{ location }}</text>
             <view style="color:#f66" @click="reload()" v-else>定位失败
-              <image :src="webUrl+'/20231215213824297278.png'" mode="scaleToFill"/>
+              <image :src="webUrl + '/20231215213824297278.png'" mode="scaleToFill" />
             </view>
           </view>
-
-          <image class="banner" :src="banner.icon" mode="scaleToFill" v-if="banner"
-                 @click="$global.commonJump(banner.url)"/>
-
-          <!--          <view class="top-box" v-if="listTop.length">-->
-          <!--            <view class="tips">特别推荐</view>-->
-          <!--            <view class="top-list custom-list flex ai-center">-->
-          <!--              <view class="item" v-for="(item,index) in listTop" :key="index" @click="select(item)">-->
-          <!--                <view class="has-goods" v-if="type===0 && item.hasData===0">暂无特产</view>-->
-          <!--                <view class="has-goods" v-if="type>0 && type<6&& item.hasShop===0">暂无店铺</view>-->
-          <!--                <image :src="item.icon" mode="scaleToFill"></image>-->
-          <!--                <view class="one-t">{{ item.cityName }}</view>-->
-          <!--              </view>-->
-          <!--            </view>-->
-          <!--          </view>-->
+          <image
+            v-if="banner"
+            :src="banner.icon"
+            class="banner"
+            mode="scaleToFill"
+            @click="bannerItemTapHandle(banner)"
+          />
         </view>
-
         <!--9-2 推荐信息-->
-        <view class="recommendInfo" v-if="recommendInfo && type<2">
-          <template v-if="(type===0 && recommendInfo.hotelList) || (type===1 && recommendInfo.productList)">
+        <view class="recommendInfo" v-if="recommendInfo && type < 2">
+          <template v-if="(type === 0 && recommendInfo.hotelList) || (type === 1 && recommendInfo.productList)">
             <view class="red-border-title">{{ recommendInfo.title }}</view>
-            <image class="bg-custom" :src="recommendInfo.backgroundImage" mode="scaleToFill"/>
-
-            <scroll-view class="scroll-box flex" enable-flex scroll-x>
-              <!--              :style="{'backgroundImage':`url(${recommendInfo.backgroundImage})`}"-->
-
-
-              <view class="item flex-0 flex flex-col jc-between ai-center"
-                    v-for="(item,index) in recommendInfo.hotelList"
-                    :key="index" v-if="type===0" @click="goStore(item.hotelId)">
-                <image class="cover" :src="item.hotelImage" mode="scaleToFill"/>
-                <image class="logo" :src="item.hotelLogo" mode="scaleToFill"/>
-                <view style="width: 100%;box-sizing: border-box;padding:0 8rpx">
-                  <view class="name tc one-t">{{ item.hotelName }}</view>
-                  <rich-text class="text tc one-t" :nodes="item.hotelText"/>
+            <image
+              :src="recommendInfo.backgroundImage"
+              class="bg-custom"
+              mode="scaleToFill"
+            />
+            <scroll-view
+              enable-flex
+              scroll-x
+              class="scroll-box flex"
+            >
+              <template v-if="type === 0">
+                <view
+                  v-for="(item,index) in recommendInfo.hotelList"
+                  :key="index"
+                  
+                  class="item flex-0 flex flex-col jc-between ai-center"
+                  @click="goToStore(item.hotelId || '')"
+                >
+                  <image class="cover" :src="item.hotelImage" mode="scaleToFill" />
+                  <image class="logo" :src="item.hotelLogo" mode="scaleToFill" />
+                  <view style="width: 100%;box-sizing: border-box;padding:0 8rpx">
+                    <view class="name tc one-t">{{ item.hotelName }}</view>
+                    <rich-text class="text tc one-t" :nodes="item.hotelText" />
+                  </view>
                 </view>
-              </view>
-
-              <view class="item flex-0 flex flex-col jc-between ai-center"
-                    v-for="(item,index) in recommendInfo.productList" :key="index" v-if="type===1"
-                    @click="$global.navToGoods(item.productId)">
-                <image class="cover" :src="item.productImage" mode="scaleToFill"/>
-                <image class="logo" :src="item.merLogo" mode="scaleToFill"/>
-                <view style="width: 100%">
-                  <view class="name tc one-t">{{ item.productName }}</view>
-                  <rich-text class="text tc one-t" :nodes="item.productText"/>
+              </template>
+              <template v-if="type === 1">
+                <view
+                  v-for="(item,index) in recommendInfo.productList"
+                  :key="index"
+                  class="item flex-0 flex flex-col jc-between ai-center"
+                  
+                  @click="goToGoods(item.productId || '')"
+                >
+                  <image class="cover" :src="item.productImage" mode="scaleToFill" />
+                  <image class="logo" :src="item.merLogo" mode="scaleToFill" />
+                  <view style="width: 100%">
+                    <view class="name tc one-t">{{ item.productName }}</view>
+                    <rich-text class="text tc one-t" :nodes="item.productText" />
+                  </view>
                 </view>
-              </view>
-
+              </template>
             </scroll-view>
           </template>
         </view>
-
-        <!--        province-name-->
         <view class="red-border-title" style="margin-left: 38rpx;">{{ provinceName }}</view>
         <view class="group-list custom-list flex flex-wrap">
-          <view class="item" v-for="(item, index) in listCity" :key="index" @click="select(item)">
-            <view class="has-goods" v-if="type===0 && item.hasData===0">暂无特产</view>
-            <view class="has-goods" v-if="type>0 && type<6&& item.hasShop===0">暂无店铺</view>
-            <view class="has-goods" v-if="type===6 && item.hasData===0">暂无景点</view>
+          <view class="item"
+            v-for="(item, index) in listCity"
+            :key="index"
+            @click="select(item)"
+          >
+            <view class="has-goods" v-if="type === 0 && item.hasData === 0">暂无特产</view>
+            <view class="has-goods" v-if="type > 0 && type < 6 && item.hasShop === 0">暂无店铺</view>
+            <view class="has-goods" v-if="type === 6 && item.hasData === 0">暂无景点</view>
             <image :src="item.icon" mode="scaleToFill"></image>
             <view class="one-t">{{ item.cityName }}</view>
           </view>
@@ -120,21 +150,18 @@ export default {
   ],
   data() {
     return {
+      webUrl: this.$VUE_APP_RESOURCES_URL,
       upOption: {
         noMoreSize: 10, //如果列表已无数据,可设置列表的总数量要大于半页才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看; 默认5
         auto: false,
         empty: {
-          tip: '暂无城市' // 提示
-          // btnText:'点击刷新'
+          tip: '暂无城市'
         }
       },
       downOption: {
         auto: true
       },
-
-      webUrl: this.$VUE_APP_RESOURCES_URL,
       listGroup: [],
-      listTop: [],
       provinceName: "",
       listCity: [],
       navActive: 0,
@@ -142,7 +169,7 @@ export default {
       type: null,
       location: "",
       banner: {},
-      recommendInfo: null, // 推荐信息
+      recommendInfo: null // 推荐信息
     };
   },
   onLoad(options) {
@@ -190,7 +217,6 @@ export default {
         }
       })
     },
-
     async getMapData() {
       const map = await getLocation();
       if (map) {
@@ -199,18 +225,16 @@ export default {
         this.location = address[1].data.result.ad_info.city;
       }
     },
-
     init() {
       fetchCity(this.type).then(res => {
         if (res.success) {
           this.listGroup = res.data.group;
-          // this.listTop = res.data.tops;
           if (this.listGroup.length > 0) {
-            this.listTop = this.listGroup[0].top;
             this.listCity = this.listGroup[0].city;
             this.provinceName = this.listGroup[0].label;
             this.recommendInfo = this.listGroup[0].recommendInfo
             this.banner = {
+            ...this.listGroup[0],
               icon: this.listGroup[0].icon,
               url: this.listGroup[0].uniappUrl
             }
@@ -220,11 +244,11 @@ export default {
     },
     asideTap(index) {
       this.navActive = index;
-      this.listTop = this.listGroup[index].top;
       this.listCity = this.listGroup[index].city;
       this.provinceName = this.listGroup[index].label;
       this.recommendInfo = this.listGroup[index].recommendInfo
       this.banner = {
+        ...this.listGroup[index],
         icon: this.listGroup[index].icon,
         url: this.listGroup[index].uniappUrl
       }
@@ -277,12 +301,43 @@ export default {
           break;
       }
     },
-
-    goStore(id) {
+    goToStore(id) {
+      if (!id) {
+        return
+      }
       uni.navigateTo({
         url: "/pagesInn/inn/innHome?id=" + id
       })
     },
+    goToGoods(productId) {
+      if (!productId) {
+        return
+      }
+      this.$global.navToGoods(productId)
+    },
+    bannerItemTapHandle(banner) {
+      if (!banner) {
+        return
+      }
+      const url = banner.url || ''
+      if (url) {
+        this.$global.commonJump(url)
+      } else {
+        const linkType = banner.linkType
+        if (linkType > 0) {
+          switch(linkType) {
+            case 1:
+              this.goToStore(banner.linkHotelId)
+              break
+            case 2:
+              this.goToGoods(banner.linkProductId)
+              break
+            default:
+              break
+          }
+        }
+      }
+    }
   }
 };
 </script>
diff --git a/pages/cloud/cloud.vue b/pages/cloud/cloud.vue
index a483cb1..cf16aea 100644
--- a/pages/cloud/cloud.vue
+++ b/pages/cloud/cloud.vue
@@ -5,7 +5,12 @@
     </view>
 
     <view class="nav-box">
-      <view class="item flex-0" v-for="(item,index) in typeList" @click="changeType(index)">
+      <view
+        v-for="(item, index) in typeList"
+        :key="index"
+        class="item flex-0"
+        @click="changeType(index)"
+      >
         <image :src="item.icon" mode="scaleToFill"></image>
         <view class="nav">{{item.name}}</view>
       </view>
@@ -98,7 +103,7 @@
     methods: {
       goCity() {
         uni.navigateTo({
-          url:`/components/chose-city/chose-city?type=2&city=${this.cityName}`
+          url:`/pages/chose-city/chose-city?type=2&city=${this.cityName}`
         })
       },
       //获取当前定位地址
diff --git a/pages/cloud/haveFun.vue b/pages/cloud/haveFun.vue
index 97ec84d..359503d 100644
--- a/pages/cloud/haveFun.vue
+++ b/pages/cloud/haveFun.vue
@@ -39,7 +39,7 @@ export default {
   methods: {
     goCity() {
       uni.navigateTo({
-        url: `/components/chose-city/chose-city?type=2&city=${this.cityName}`
+        url: `/pages/chose-city/chose-city?type=2&city=${this.cityName}`
       })
     },
 
@@ -122,8 +122,12 @@ export default {
 
       <view class="list" v-if="hotelList.length">
         <custom-waterfalls-flow :value="hotelList" imageKey="cover">
-          <view class="item" v-for="(item,index) in hotelList" slot="slot{{index}}"
-                @click="goInnDetail(item)">
+          <view
+            v-for="(item,index) in hotelList"
+            :key="index"
+            class="item"
+            @click="goInnDetail(item)"
+          >
             <view class="cover-box">
               <image class="cover" :src="item.cover" mode="scaleToFill"></image>
               <view class="my-mask">
diff --git a/pages/home/landMark.vue b/pages/home/landMark.vue
index 7be8329..cbec412 100644
--- a/pages/home/landMark.vue
+++ b/pages/home/landMark.vue
@@ -89,9 +89,19 @@ export default {
     <view class="top-box" :style="{'backgroundColor':topBoxBgColor}">
       <view class="view-box">
         <view class="search-box flex ai-center">
-          <input type="text" v-model="keyword" placeholder="搜索商品" placeholder-style="color:#999"
-                 @confirm="search()"/>
-          <image :src="webUrl+'/20231223183627184005.png'" mode="scaleToFill" style="width:30rpx;height:30rpx"/>
+          <input
+            v-model="keyword"
+            type="text"
+            placeholder="搜索商品"
+            placeholder-style="color:#999"
+            @confirm="search()"
+          />
+          <image
+            :src="webUrl+'/20231223183627184005.png'"
+            mode="scaleToFill"
+            style="width:30rpx;height:30rpx"
+            @click="search()"
+          />
         </view>
 
         <view class="map-box">
diff --git a/pages/shop/GoodsCon/index.vue b/pages/shop/GoodsCon/index.vue
index 635ee0a..ea02c39 100644
--- a/pages/shop/GoodsCon/index.vue
+++ b/pages/shop/GoodsCon/index.vue
@@ -292,8 +292,11 @@
               <image class="logo" :src="systemStore.image" mode="scaleToFill"/>
               {{ systemStore.name }}
             </view>
-            <view class="value flex ai-center" style="color:#DA0000" @click="goStore">进店逛逛
-              <uni-icons type="right" size="12" color="#DA0000"></uni-icons>
+            <view
+              class="flex ai-center store-btn"
+              @click="goStore"
+            >
+              进店逛逛
             </view>
           </view>
 
@@ -437,17 +440,36 @@
           </view>
 
 
-          <view class="bnt acea-row row-middle row-right"
-                style="background: transparent !important;border-radius: 0 !important;">
-            <view class="btn-car" :class="{'btn-car-disabled':isOpen === true && attr.productSelect.stock === 0}"
-                  @click="joinCart">加入购物车
+          <view
+            class="bnt acea-row row-middle row-right"
+            style="background: transparent !important;border-radius: 0 !important;"
+          >
+            <view
+              class="btn-car"
+              :class="{
+                'btn-car-disabled': attr.productSelect.stock === 0
+              }"
+              @click="joinCart"
+            >
+              加入购物车
             </view>
-            <view class="btn-buy" :class="{'btn-buy-disabled':isOpen === true && attr.productSelect.stock === 0}"
-                  @click="tapBuy">立即购买
+            <view
+              class="btn-buy"
+              :class="{
+                'btn-buy-disabled': attr.productSelect.stock === 0
+              }"
+              @click="tapBuy"
+            >
+              立即购买
             </view>
           </view>
         </view>
-        <ProductWindow v-on:changeFun="changeFun" :attr="attr" :cartNum="cart_num"/>
+        <ProductWindow
+          v-on:changeFun="changeFun"
+          :attr="attr"
+          :product-value="productValue"
+          :cartNum="cart_num"
+        />
         <StorePoster v-on:setPosterImageStatus="setPosterImageStatus" :posterImageStatus="posterImageStatus"
                      :posterData="posterData" :goodId="id"></StorePoster>
         <ShareInfo v-on:setShareInfoStatus="setShareInfoStatus" :shareInfoStatus="shareInfoStatus"></ShareInfo>
@@ -1175,13 +1197,13 @@ export default {
     },
     //  点击加入购物车按钮
     joinCart: function () {
-      if (this.isOpen === true && this.attr.productSelect.stock === 0) return;
+      if (this.attr.productSelect.stock === 0) return;
       //0=加入购物车
       this.goCat(0);
     },
     //立即购买；
     tapBuy: function () {
-      if (this.isOpen === true && this.attr.productSelect.stock === 0) return;
+      if (this.attr.productSelect.stock === 0) return;
       //  1=直接购买
       this.goCat(1);
     },
@@ -1580,8 +1602,8 @@ export default {
   }
 
   .btn-car-disabled {
-    border: 2rpx solid #D0D0D0;
-    color: #D0D0D0;
+    border: 2rpx solid #707070;
+    color: #707070;
   }
 
   .btn-buy {
@@ -1594,7 +1616,7 @@ export default {
   }
 
   .btn-buy-disabled {
-    background: #D0D0D0;
+    background: #9D9D9D;
   }
 }
 
diff --git a/pages/shop/GoodsList/index.vue b/pages/shop/GoodsList/index.vue
index 1b4ec27..1763cd3 100644
--- a/pages/shop/GoodsList/index.vue
+++ b/pages/shop/GoodsList/index.vue
@@ -68,16 +68,7 @@
         </view>
       </view>
     </view>
-<!--    <Loading :loaded="loadend" :loading="loading"></Loading>-->
-    <view
-        class="noCommodity"
-        style="background-color: #fff;"
-        v-if="productList.length === 0 && where.page > 1"
-    >
-      <view class="noPictrue">
-        <image :src="webUrl+'/20210203153900181449.png'" class="image"/>
-      </view>
-    </view>
+    <no-good-data v-if="productList.length === 0 && where.page > 1" />
     <Recommend v-if="productList.length === 0 && where.page > 1"></Recommend>
   </view>
 </template>
@@ -85,15 +76,15 @@
 <script>
 import Recommend from "@/components/Recommend";
 import {getProducts} from "@/api/store";
-import Loading from "@/components/Loading";
 import {mapGetters} from 'vuex';
 import NP from "number-precision";
+import NoGoodData from '@/components/good/NoData'
 
 export default {
   name: "GoodsList",
   components: {
     Recommend,
-    Loading
+    NoGoodData
   },
   props: {},
   computed: mapGetters(["userInfo"]),
@@ -314,6 +305,8 @@ export default {
 
 <style scoped lang="less">
 .noCommodity {
+  display: flex;
+  justify-content: center;
   border-top: 3px solid #f5f5f5;
   padding-bottom: 1px;
 }
diff --git a/pages/user/User/index.vue b/pages/user/User/index.vue
index 7fabf7f..f9e4966 100644
--- a/pages/user/User/index.vue
+++ b/pages/user/User/index.vue
@@ -1,877 +1,489 @@
 <template>
-  <view class="user">
-    <hx-navbar
-        title="云南香道滇官方商城"
-        :fixed="true"
-        :back="false"
-        :left-slot="false"
-        :right-slot="false"
-        statusBarFontColor="#ffffff"
-        color="#333333"
-        :bgImgHeight="bgImgHeight"
-        :background-color="[246,246,246]"
-    />
-
-    <view v-if="$store.getters.token||userInfo.uid" class="acea-row row-column" style="background: #f6f6f6;">
-
-      <view class="header acea-row row-column"
-            style="flex-wrap: nowrap;background: #fff !important;margin: 0 30rpx;border-radius: 16rpx;box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.1);">
-        <view class="innTag acea-row row-middle row-center align-left" @click="innTagClick" v-if="userInfo.hotel != null && userInfo.hotel.checkState=='C1'">
-          <image style="width: 36rpx;height: 36rpx;" :src="webUrl+'/20240107224552660125.png'" mode=""></image>
-          <text style="font-size: 24rpx;color: #ffffff;">店铺主页</text>
+  <view class="user user-page">
+    <view
+      v-if="$store.getters.token || userInfo.uid"
+      class="acea-row row-column"
+    >
+      <view class="my-hearder">
+        <view class="my-header-bg">
+          <image
+            v-if="statusBarHeight <= 20"
+            :src="webUrl + '/page/my/bg.png'"
+            mode="widthFix"
+            class="bg"
+          />
+          <image
+            v-else
+            :src="webUrl + '/page/my/bg-big.png'"
+            mode="widthFix"
+            class="bg"
+          />
         </view>
-        <!--        background: #0DC5C5 !important;border-top-left-radius: 16rpx;border-top-right-radius: 16rpx;-->
-        <view class="center-box" :style="{'backgroundImage':`url(${webUrl}/20240111201405837746.png)`}">
-          <view class="flex jc-between"
-                style="padding: 30rpx;">
-            <view class="picTxt acea-row" style="flex-wrap: nowrap;flex: 1;">
-              <view class="pictrue">
-                <image :src="userInfo.avatar"/>
+        <view class="my-header-body">
+          <view
+            :style="{
+              'padding-top': statusBarHeight + 'px'
+            }"
+            class="title"
+          >
+            地标文化特产
+          </view>
+          <view class="info">
+            <view class="name-cont">
+              <view class="txt flex">
+                {{ userInfo.nickname }}
+                <image
+                  :src="webUrl + '/page/my/img-vip.png'"
+                  class="vip"
+                />
               </view>
-              <view class="text acea-row row-column-between">
-                <view class="acea-row row-middle">
-                  <view class="name line1"
-                        style="color: #000000 !important;font-size: 28rpx !important;font-weight: 500;">
-                    {{ userInfo.nickname }}
-                  </view>
-                  <view class="member acea-row row-middle" v-if="userInfo.vip">
-                    <image :src="userInfo.vipIcon"/>
-                    <text>{{ userInfo.vipName }}</text>
-                  </view>
-                </view>
-
-                <view class="acea-row row-middle" style="margin-top: 8rpx;">
-                  <view class="vip-box btn-change acea-row row-center row-middle">
-
-                    <text class="vip-title">{{ userInfo.levelName }}</text>
-
-                  </view>
-                  <view v-if="userLevelInfo && userLevelInfo.idcardOne && userLevelInfo.checkState!=3"
-                        class="protocol-state-box">
-                    {{ protocolCheckState(userLevelInfo.checkState) }}
-                  </view>
-                </view>
+              <view class="qrcode" @click="getSpreadPoster">
+                <image :src="webUrl + '/icon/icon-qrcode.png'" class="code" />
+                <text class="code-txt">会员码</text>
               </view>
             </view>
-
-            <view class="promotion-code-box flex jc-center ai-center" @click="goPromotionPoster()">
-              <image style="width: 24rpx;height: 24rpx;" :src="webUrl+'/20240111201400020095.png'" mode=""></image>
-              会员码
+            <view class="avatar-cont" @click="goPersonalData()">
+              <image :src="userInfo.avatar" class="img" />
             </view>
           </view>
-
-          <view class="acea-row row-middle row-around" style="margin-bottom: 20rpx;
-  padding: 0 30rpx 30rpx 30rpx;">
-            <view class="acea-row row-middle" @click="goBindParent()">
-              <image style="width: 48rpx;height: 48rpx;margin-right: 10rpx;" :src="webUrl+'/20240107224558355949.png'"
-                     mode=""></image>
-              <text style="font-size: 24rpx;color: #fff;">扫一扫</text>
-            </view>
-            <view class="vline"></view>
-            <view class="acea-row row-middle" @click="goLikeList()">
-              <image style="width: 48rpx;height: 48rpx;margin-right: 10rpx;" :src="webUrl+'/20240107224606011625.png'"
-                     mode=""></image>
-              <text style="font-size: 24rpx;color: #fff;">收藏</text>
-            </view>
-            <view class="vline"></view>
-            <view class="acea-row row-middle" style="position: relative;" @click="goMessageData()">
-              <image style="width: 48rpx;height: 48rpx;margin-right: 10rpx;" :src="webUrl+'/20240107224620893707.png'"
-                     mode=""></image>
-              <text style="font-size: 24rpx;color: #fff;">消息</text>
-              <view v-if="unreadMsgList.length>0" class="unread-dot"></view>
-            </view>
-            <view class="vline"></view>
-            <view class="acea-row row-middle" @click="goPersonalData()">
-              <image style="width: 48rpx;height: 48rpx;margin-right: 10rpx;" :src="webUrl+'/20240107224612250643.png'"
-                     mode=""></image>
-              <text style="font-size: 24rpx;color: #fff;">设置</text>
-            </view>
-          </view>
-
         </view>
-
-        <view class="acea-row row-column" style="border-bottom-left-radius: 16rpx;border-bottom-right-radius: 16rpx;">
-          <view class="title acea-row row-middle" style="border-bottom: 1px solid #f6f6f6;padding: 10rpx 0;">
-            <text style="width: 6rpx;background: #FF564A;height: 28rpx;border-radius: 3rpx;margin-right:10rpx;"></text>
-            <text style="font-size: 26rpx;color: #333333;font-weight: 400;">我的账户</text>
-          </view>
-
-          <view class="nav acea-row row-column" style="padding:24rpx 12rpx">
-            <view class="acea-row row-middle row-between"
-                  style="padding-bottom: 30rpx;margin-bottom: 20rpx;border-bottom: 1px solid #f6f6f6;">
-              <view @click="goUserAccount()" class="acea-row row-middle" style="flex-grow: 1;">
-                <view class="acea-row row-middle" style="margin-right: 20rpx;">
-                  <image style="width: 56rpx;height: 56rpx" :src="webUrl+'/20240107224629408613.png'" mode=""></image>
-                </view>
-                <view class="acea-row row-column">
-                  <text style="color: #999999;font-size: 20rpx;font-weight: 400;">余额</text>
-                  <text class="num" style="color: #000000;font-size: 28rpx;font-weight: 500;">
-                    {{ userInfo.nowMoney ? force2Decimal(userInfo.nowMoney) : 0.00 }}
-                  </text>
-                </view>
-              </view>
-
-              <view class="acea-row row-middle" style="color: #fff;font-size: 24rpx;flex-shrink: 0;">
-                <view @click="goWithdrawl()" class="withdrawBtn btn-change" style="margin-right: 10rpx;">提现</view>
-                <view @click="goAccountDetail()" class="accountDetailBtn">账户明细</view>
-              </view>
+        <view class="my-hdeader-bottom">
+          <view class="item" @click="linkTo('/pages/user/UserBill/index')">
+            <view class="number">
+              {{ userInfo.nowMoney ? force2Decimal(userInfo.nowMoney) : 0.00 }}
             </view>
-
-            <view class="acea-row row-middle row-between">
-              <view class="acea-row row-middle">
-
-                <view class="acea-row row-middle" style="margin-right: 20rpx;">
-                  <image style="width: 56rpx;height: 56rpx;" :src="webUrl+'/20240107224636733995.png'" mode=""></image>
-                </view>
-                <view class="acea-row row-column">
-                  <text style="color: #999999;font-size: 20rpx;font-weight: 400;">恭喜你成为了{{ userInfo.levelName }}
-                  </text>
-                  <text class="num" style="color: #000000;font-size: 28rpx;font-weight: 500;">
-                    当前等级：{{ userInfo.level }}
-                  </text>
-                </view>
-              </view>
-              <view class="acea-row row-middle" style="color: #fff;font-size: 24rpx;">
-                <view @click="showUpgradeIntro()" class="benifitIntroBtn">权益说明</view>
-              </view>
+            <view class="txt">
+              <image :src="webUrl + '/icon/icon-yue.png'" class="img" />
+              余额
             </view>
           </view>
+          <view class="item">
+            <view class="number">
+              {{ userInfo.integral || 0 }}
+            </view>
+            <view class="txt">
+              <image :src="webUrl + '/icon/icon-jifen.png'" class="img" />
+              积分
+            </view>
+          </view>
+          <view class="item" @click="linkTo('')">
+            <view class="txt">
+              <image :src="webUrl + '/icon/icon-kefu.png'" class="img" />
+              官方客服
+              <button class="cus-btn" open-type="contact"></button>
+            </view>
+          </view>
+        </view>
+        <view
+          v-if="userInfo.hotel !== null && userInfo.hotel.checkState === 'C1'"
+          class="hotel-btn"
+          @click="innTagClick"
+        >
+           <image :src="webUrl + '/page/my/img-my-hotel-btn.png'" class="img" />
         </view>
       </view>
-
-      <view class="wrapper" style="margin-top: 20rpx !important;margin-bottom: 30rpx !important;">
+      <view class="my-wrapper wrapper">
         <view class="myOrder">
           <view class="title acea-row row-between-wrapper">
             <view class="acea-row row-middle">
-              <text
-                  style="width: 6rpx;background: #FF564A;height: 28rpx;border-radius: 3rpx;margin-right:10rpx;"></text>
-              <text style="font-size: 26rpx;color: #333333;font-weight: 400;">我的订单</text>
+              <text class="line"></text>
+              <text>我的订单</text>
             </view>
             <text @click="goMyOrder(0)" class="allOrder">
-              <text>全部订单</text>
               <text class="iconfont icon-jiantou"></text>
             </text>
           </view>
           <view class="orderState acea-row row-middle">
             <view @click="goMyOrder(1)" class="item">
               <view class="pictrue">
-                <image style="width:52rpx;height: 52rpx" :src="webUrl+'/20240107224703391856.png'"/>
+                <image
+                  :src="webUrl+'/icon/icon-order-status1.png'"
+                  class="icon-order"
+                />
                 <text
-                    class="order-status-num"
-                    v-if="orderStatusNum.unpaidCount > 0"
-                >{{ orderStatusNum.unpaidCount }}
+                  v-if="orderStatusNum.unpaidCount > 0"
+                  class="order-status-num"
+                >
+                  {{ orderStatusNum.unpaidCount }}
                 </text>
               </view>
               <view>待付款</view>
             </view>
             <view @click="goMyOrder(2)" class="item">
               <view class="pictrue">
-                <image style="width:52rpx;height: 52rpx" :src="webUrl+'/20240107224656826240.png'"/>
+                <image
+                  :src="webUrl+'/icon/icon-order-status2.png'"
+                  class="icon-order"
+                />
                 <text
-                    class="order-status-num"
-                    v-if="orderStatusNum.unshippedCount > 0"
-                >{{ orderStatusNum.unshippedCount }}
+                  v-if="orderStatusNum.unshippedCount > 0"
+                  class="order-status-num"
+                >
+                  {{ orderStatusNum.unshippedCount }}
                 </text>
               </view>
               <view>待发货</view>
             </view>
             <view @click="goMyOrder(3)" class="item">
               <view class="pictrue">
-                <image style="width:52rpx;height: 52rpx" :src="webUrl+'/20240107224650489311.png'"/>
+                <image
+                  :src="webUrl+'/icon/icon-order-status3.png'"
+                  class="icon-order"
+                />
                 <text
-                    class="order-status-num"
-                    v-if="orderStatusNum.receivedCount > 0"
-                >{{ orderStatusNum.receivedCount }}
+                  v-if="orderStatusNum.receivedCount > 0"
+                  class="order-status-num"
+                >
+                  {{ orderStatusNum.receivedCount }}
                 </text>
               </view>
               <text>待收货/核销</text>
             </view>
             <view @click="goMyOrder(4)" class="item">
               <view class="pictrue">
-                <image style="width:52rpx;height: 52rpx" :src="webUrl+'/20240109234147411394.png'"/>
+                <image
+                  :src="webUrl+'/icon/icon-order-status4.png'"
+                  class="icon-order"
+                />
                 <text
-                    class="order-status-num"
-                    v-if="orderStatusNum.evaluatedCount > 0"
-                >{{ orderStatusNum.evaluatedCount }}
+                  v-if="orderStatusNum.evaluatedCount > 0"
+                  class="order-status-num"
+                >
+                  {{ orderStatusNum.evaluatedCount }}
                 </text>
               </view>
               <text>待评价</text>
             </view>
             <view @click="goReturnList()" class="item">
               <view class="pictrue">
-                <image style="width:52rpx;height: 52rpx" :src="webUrl+'/20240107224643038018.png'"/>
+                <image
+                  :src="webUrl+'/icon/icon-order-status5.png'"
+                  class="icon-order"
+                />
                 <text
-                    class="order-status-num"
-                    v-if="orderStatusNum.refundCount > 0"
-                >{{ orderStatusNum.refundCount }}
+                  v-if="orderStatusNum.refundCount > 0"
+                  class="order-status-num"
+                >
+                  {{ orderStatusNum.refundCount }}
                 </text>
               </view>
               <text>售后/退款</text>
             </view>
           </view>
         </view>
-
         <!-- 我的服务开始 -->
         <view class="myService" style="margin-top: 30rpx !important;">
-          <view class="title acea-row row-middle" style="border-bottom: 1px solid #f6f6f6;padding: 10rpx 0;">
-            <text
-                style="width: 6rpx;background: #FF564A;height: 28rpx;border-radius: 3rpx;margin-right:10rpx;margin-left: 30rpx;"></text>
-            <text style="font-size: 26rpx;color:#333333;font-weight: 400;">所有功能</text>
+          <view class="title acea-row row-middle">
+            <text class="line"></text>
+            <text>所有功能</text>
           </view>
-          <view class="serviceList acea-row row-middle">
-
-            <view class="item" @click="goCoupons()">
-              <view class="pictrue">
-                <image :src="webUrl+'/20231130162907823563.png'"/>
+          <view class="my-tool-wrap">
+            <view class="cont">
+              <view
+                v-for="(item, index) in toolList"
+                :key="index"
+                :class="{
+                  'tool-item-left': [0, 3, 6, 9].includes(index),
+                  'tool-item-right': [2, 5, 8, 11].includes(index)
+                }"
+                class="tool-item flex"
+                @click="toolItemClickHandle(item)"
+              >
+                <image
+                  :src="webUrl + item.icon"
+                  class="img"
+                />
+                <view class="txt">
+                  {{ item.text }}
+                </view>
               </view>
-              <view class="cell">我的优惠券</view>
-              <text class="iconfont icon-jiantou"></text>
-            </view>
-
-            <view class="item" @click="goGroupManage()">
-              <view class="pictrue">
-                <image :src="webUrl+'/20221010165555111608.png'"/>
-              </view>
-              <view class="cell">团队管理</view>
-              <text class="iconfont icon-jiantou"></text>
-            </view>
-
-            <view class="item" @click="goAddressManage()">
-              <view class="pictrue" style="margin-left: -6rpx;">
-                <image :src="webUrl+'/20221010165951067571.png'"/>
-              </view>
-              <view class="cell">物流地址管理</view>
-              <text class="iconfont icon-jiantou"></text>
-            </view>
-
-            <view class="item" @click="goBankcardManage()">
-              <view class="pictrue">
-                <image :src="webUrl+'/20221010165555111608.png'"/>
-              </view>
-              <view class="cell">银行卡管理</view>
-              <text class="iconfont icon-jiantou"></text>
-            </view>
-
-            <!--            <view v-if="userInfo.hotel==null || userInfo.hotel.checkState!='C1'" class="item" @click="goInnApply()">-->
-            <!--              <view class="pictrue">-->
-            <!--                <image :src="webUrl+'/20221010170138874734.png'"/>-->
-            <!--              </view>-->
-            <!--              <view class="cell acea-row row-between row-middle" style="flex-wrap: nowrap;">-->
-            <!--                <view class="" style="flex-shrink: 0;margin-right: 10rpx;">申请我的店铺</view>-->
-            <!--                <view v-if="userInfo.hotel!=null" class="acea-row row-column row-right" style="text-align: right;">-->
-            <!--                  <view class="" style="font-size: 24rpx;color: #0DC5C5;">-->
-            <!--                    {{ checkStateStr(userInfo.hotel.checkState) }}-->
-            <!--                  </view>-->
-
-            <!--                  <block v-if="userInfo.hotel.checkState=='C2' && userInfo.hotel.checkMsg.length>0">-->
-            <!--                    <text style="font-size: 24rpx;color: #aaa;">驳回原因:{{ userInfo.hotel.checkMsg }}</text>-->
-            <!--                  </block>-->
-            <!--                </view>-->
-
-            <!--              </view>-->
-            <!--              <text class="iconfont icon-jiantou"></text>-->
-            <!--            </view>-->
-
-            <view v-if="userInfo.hotel != null && userInfo.hotel.checkState=='C1'" class="item"
-                  @click="goInnInfoEdit()">
-              <view class="pictrue">
-                <image :src="webUrl+'/20221010170138874734.png'"/>
-              </view>
-              <view class="cell">
-                <view class="">修改店铺信息</view>
-              </view>
-              <text class="iconfont icon-jiantou"></text>
-            </view>
-
-            <view class="item" @click="goRoomLogs()">
-              <view class="pictrue">
-                <image :src="webUrl+'/20221010170316834157.png'"/>
-              </view>
-              <view class="cell">客服历史会话</view>
-              <text class="iconfont icon-jiantou"></text>
             </view>
           </view>
         </view>
         <!-- 我的服务结束 -->
-
+        <view v-if="bannerBgUrl" class="banner-wrap">
+          <image
+            :src="bannerBgUrl"
+            mode="widthFix"
+            class="bg"
+          />
+        </view>
       </view>
     </view>
     <uni-popup ref="popup" type="center">
-      <view class="acea-row row-column row-middle"
-            style="position: relative;background-color: #fff;border-radius: 20rpx;">
-        <view class="acea-row row-center" style="border-radius: 50%;margin-top: -52rpx;background-color: #fff;">
-          <image :src="userInfo.avatar" mode=""
-                 style="width: 96rpx;height: 96rpx;border-radius: 50%;margin: 8rpx;"></image>
+      <view
+        class="acea-row row-column row-middle"
+        style="position: relative;background-color: #fff;border-radius: 20rpx;"
+      >
+        <view
+          class="acea-row row-center"
+          style="border-radius: 50%;margin-top: -52rpx;background-color: #fff;"
+        >
+          <image
+            :src="userInfo.avatar"
+            style="width: 96rpx;height: 96rpx;border-radius: 50%;margin: 8rpx;"
+          />
         </view>
-        <view class="acea-row row-column row-center" style="margin-top: 20rpx;margin-bottom: 40rpx;">
+        <view
+          class="acea-row row-column row-center"
+          style="margin-top: 20rpx;margin-bottom: 40rpx;"
+        >
           <text style="text-align: center;">{{ userInfo.nickname }}</text>
-          <image :src="spreadPoster.wap_poster" mode="" style="width: 512rpx;height: 512rpx;"></image>
+          <image
+            :src="spreadPoster.wap_poster"
+            style="width: 512rpx;height: 512rpx;"
+          />
         </view>
       </view>
-
     </uni-popup>
   </view>
 </template>
 
 <script>
-import {mapGetters, mapMutations} from "vuex";
+import {mapGetters, mapMutations} from "vuex"
 import {
-  bindingPhone,
-  getMenuUser,
   getSpreadImg,
   getUserInfo,
   getUserLevelInfo,
   noticeList,
-  userBindParent
-} from "@/api/user";
-import {isWeixin} from "@/utils";
-import cookie from "@/utils/store/cookie";
-
-const NAME = "User";
-var that;
+  getUserCenterBanner
+} from "@/api/user"
+import {isWeixin} from "@/utils"
+import cookie from "@/utils/store/cookie"
 export default {
-  name: NAME,
-  props: {},
-  data: function () {
+  name: 'UserPage',
+  data() {
     return {
+      statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
       webUrl: this.$VUE_APP_RESOURCES_URL,
-      MyMenus: [],
-      switchActive: false,
       isWeixin: false,
-      isInnOwer: false,//是否是客栈主
-      bgImgHeight: '20px',
+      isInnOwer: false,// 是否是客栈主
       userLevelInfo: null,
       unreadMsgList: [],
       orderStatusNum: {
-        "completeCount": 0,
-        "evaluatedCount": 0,
-        "orderCount": 0,
-        "receivedCount": 0,
-        "refundCount": 0,
-        "sumPrice": 0,
-        "unpaidCount": 0,
-        "unshippedCount": 0
+        'completeCount': 0,
+        'evaluatedCount': 0,
+        'orderCount': 0,
+        'receivedCount': 0,
+        'refundCount': 0,
+        'sumPrice': 0,
+        'unpaidCount': 0,
+        'unshippedCount': 0
       },
-      spreadPoster: {}
-    };
-  },
-  computed: mapGetters(["userInfo"]),
-  onLoad: function (e) {
-    that = this;
-    uni.getSystemInfo({
-      success: (e) => {
-        // this.compareVersion(e.SDKVersion, '2.5.0')
-        let statusBar = 0;
-        let customBar = 0;
-
-        // #ifdef MP
-        statusBar = e.statusBarHeight
-        customBar = e.statusBarHeight + 45
-        if (e.platform === 'android') {
-          //this.$store.commit('SET_SYSTEM_IOSANDROID', false)
-          customBar = e.statusBarHeight + 50
+      spreadPoster: {},
+      toolList: [
+        {
+          text: '我的优惠券',
+          url: '/pkg_user/views/myCoupons',
+          icon: '/icon/icon-coupon.png',
+          allowEnter: true
+        },
+        {
+          text: '物流地址',
+          url: '/pages/user/address/AddressManagement/index',
+          icon: '/icon/icon-addr.png',
+          allowEnter: true
+        },
+        {
+          text: '我的收藏',
+          url: '/pkg_user/views/myFavorite',
+          icon: '/icon/icon-star.png',
+          allowEnter: true
+        },
+        {
+          text: '银行卡管理',
+          url: '/pkg_user/views/bankCardList',
+          icon: '/icon/icon-card.png',
+          allowEnter: true
+        },
+        {
+          text: '账户明细',
+          url: '/pages/user/UserBill/index',
+          icon: '/icon/icon-coin.png',
+          allowEnter: true
+        },
+        {
+          text: '提现申请',
+          url: '/pkg_user/views/withdrawal',
+          icon: '/icon/icon-money.png',
+          allowEnter: true
+        },
+        {
+          text: '团队管理',
+          url: '/pages/user/promotion/UserPromotion/index',
+          icon: '/icon/icon-users.png',
+          allowEnter: true
+        },
+        {
+          text: '帮助中心',
+          url: '/pages/user/Message/Message',
+          icon: '/icon/icon-help.png',
+          allowEnter: true
+        },
+        {
+          text: '设置中心',
+          url: '/pkg_user/views/personalData',
+          icon: '/icon/icon-setting.png',
+          allowEnter: true
         }
-        // #endif
-
-
-        // #ifdef MP-WEIXIN
-        statusBar = e.statusBarHeight
-        // @ts-ignore
-        //uni.getMenuButtonBoundingClientRect();
-        const custom = uni.getMenuButtonBoundingClientRect()
-        customBar = custom.bottom + custom.top - e.statusBarHeight
-        // #endif
-
-
-        // #ifdef MP-ALIPAY
-        statusBar = e.statusBarHeight
-        customBar = e.statusBarHeight + e.titleBarHeight
-        // #endif
-
-
-        // #ifdef APP-PLUS
-        console.log('app-plus', e)
-        statusBar = e.statusBarHeight
-        customBar = e.statusBarHeight + 45
-        // #endif
-
-
-        // #ifdef H5
-        statusBar = 0
-        customBar = e.statusBarHeight + 45
-        // #endif
-
-        //状态栏图片高度
-        that.bgImgHeight = statusBar + 'px';
-
-      }
-    });
+      ],
+      bannerBgUrl: ''
+    }
+  },
+  computed: mapGetters(['userInfo']),
+  watch: {
+    userInfo(newVal) {
+      this.$set(this, 'orderStatusNum', newVal.orderStatusNum)
+    }
   },
   onShow() {
     if (this.$store.getters.token) {
       uni.showLoading({
-        title: "加载中"
-      });
-      this.$store.dispatch("getUser", true);
-      this.getUserLevelInfo();//获取用户等级信息
-      //this.User();
-      this.MenuUser();
-      this.isWeixin = isWeixin();
-      this.getUnreadMsgList();
+        title: '加载中'
+      })
+      this.$store.dispatch('getUser', true)
+      // 获取用户等级信息
+      this.getUserLevelInfo()
+      this.isWeixin = isWeixin()
+      this.getUnreadMsgList()
     } else {
-      cookie.set("redirect", "/pages/user/User/index");
-
+      cookie.set('redirect', '/pages/user/User/index')
       uni.reLaunch({
-        url: "/pages/authorization/index"
+        url: '/pages/authorization/index'
       })
     }
   },
   onHide() {
-    console.log("离开用户中心");
-    this.updateAuthorizationPage(false);
+    this.updateAuthorizationPage(false)
   },
   methods: {
-    ...mapMutations(["updateAuthorizationPage"]),
-    queryURLparams: function (url) {
-      let obj = {}
-      if (url.indexOf('?') < 0) return obj
-      let arr = url.split('?')
-      url = arr[1]
-      let array = url.split('&')
-      for (let i = 0; i < array.length; i++) {
-        let arr2 = array[i]
-        let arr3 = arr2.split('=')
-        obj[arr3[0]] = arr3[1]
-      }
-      return obj
-
-    },
-
+    ...mapMutations(['updateAuthorizationPage']),
     goRoomLogs() {
       uni.navigateTo({
-        url: "/pkg_common/views/roomLogs"
+        url: '/pkg_common/views/roomLogs'
       })
     },
-
-    goBindParent: function () {
-
-      uni.scanCode({
-        success: function (res) {
-          console.log('条码类型：' + res.scanType);
-          console.log('条码内容：' + res.result);
-
-          uni.showLoading();
-          if (res.result.length > 0) {
-
-            var query = that.queryURLparams(res.result);
-            if (query.spread != null) {
-              //绑定上级
-              userBindParent({
-                spread: query.spread
-              }).then((res1) => {
-                uni.showToast({
-                  title: res1.msg || '绑定成功!',
-                  icon: "success"
-                })
-              }).catch((err) => {
-                uni.showToast({
-                  title: err.msg,
-                  icon: "none"
-                })
-              })
-
-            } else {
-              uni.showToast({
-                title: "未获取到上级id",
-                icon: "none"
-              })
-            }
-
-          }
-
-        }
-      })
-    },
-    checkStateStr: function (state) {
-      var str = '';
-      switch (state) {
-        case 'C0':
-          str = '待审核';
-          break;
-        case 'C1':
-          str = '已通过';
-          break;
-        case 'C2':
-          str = '已驳回';
-          break;
-        default:
-          break;
-      }
-      return str;
-    },
-    goInnApply: function () {
-      //跳转到客栈申请界面
-      //根据提交状态判断type(0-提交申请 1-修改申请)
-      //hotel.checkState = C0 待审核  C1审核通过 C2 被驳回
-
-      if (this.userInfo.hotel != null) {
-
-        if (this.userInfo.hotel.checkState == 'C2') {
-
-          this.$yrouter.push("/pagesInn/inn/innApply?type=1&hotel=" + JSON.stringify(this.userInfo.hotel));
-        }
-
-      } else {
-        this.$yrouter.push("/pagesInn/inn/innApply?type=0");
-      }
-
-
-    },
-    goInnInfoEdit: function () {
-      //修改客栈信息
-      this.$yrouter.push("/pagesInn/inn/innProfileEdit?hotel=" + encodeURIComponent(JSON.stringify(this.userInfo.hotel)));
-    },
     force2Decimal(v) {
-      return this.$force2Decimal(v);
-    },
-    protocolCheckState(state) {
-      var stateStr = '';
-      switch (state) {
-        case 1:
-          stateStr = '群主资料新增'
-          break;
-        case 2:
-          stateStr = '群主资料待审核'
-          break;
-        case 3:
-          stateStr = '群主资料审核通过'
-          break;
-        case 4:
-          stateStr = '群主资料被驳回'
-          break;
-        default:
-          break;
-      }
-      return stateStr;
+      return this.$force2Decimal(v)
     },
     innTagClick() {
-      //跳转到客栈主页
+      // 跳转到客栈主页
       this.$yrouter.push({
-        path: "/pagesInn/inn/innHome",
+        path: '/pagesInn/inn/innHome',
         query: {
           id: this.userInfo.hotel.id,
           isMyInn: true
         }
-      });
+      })
     },
     getSpreadPoster() {
-      var that = this;
+      const _this = this
       if (!this.spreadPoster.wap_poster) {
-        uni.showLoading();
-        getSpreadImg({}).then(
-            res => {
-              uni.hideLoading();
-              that.spreadPoster = res.data[0];
-              that.$refs.popup.open();
-            },
-            err => {
-              uni.hideLoading();
-              uni.showToast({
-                title: err.msg || err.response.data.msg || err.response.data.message,
-                icon: "none",
-                duration: 2000
-              });
-            }
-        );
+        uni.showLoading()
+        getSpreadImg({}).then(res => {
+          uni.hideLoading()
+          _this.spreadPoster = res.data[0]
+          _this.$refs.popup.open()
+        }, err => {
+            uni.hideLoading()
+            uni.showToast({
+              title: err.msg || err.response.data.msg || err.response.data.message,
+              icon: 'none',
+              duration: 2000
+            })
+          }
+        )
       } else {
-        that.$refs.popup.open();
+        _this.$refs.popup.open()
       }
-
-
     },
     goReturnList() {
-      this.$yrouter.push("/pages/order/ReturnList/index");
-    },
-    goMessageData() {
-      this.$yrouter.push("/pages/user/Message/Message");
-    },
-    goPromotionPoster() {
-      this.getSpreadPoster();
-      // this.$yrouter.push("/pages/user/promotion/Poster/index");
-    },
-    goRecharge() {
-      this.$yrouter.push("/pages/user/Recharge/index");
-    },
-    goAccountDetail() {
-      this.$yrouter.push("/pages/user/UserBill/index");
-      // this.$yrouter.push({
-      // 	path: "/pages/user/UserBill/index",
-      // 	query: {
-      // 	  types:0
-      // 	}
-      // })
-    },
-    goCoupons() {
-      uni.navigateTo({
-        url: '/pkg_user/views/myCoupons'
-      })
-    },
-    goGroupManage() {
-      this.$yrouter.push("/pages/user/promotion/UserPromotion/index");
-    },
-    goAddressManage() {
-      this.$yrouter.push("/pages/user/address/AddressManagement/index");
-    },
-    goBankcardManage() {
-      uni.navigateTo({
-        url: "/pkg_user/views/bankCardList"
-      })
-    },
-    goWithdrawl() {
-      uni.navigateTo({
-        url: "/pkg_user/views/withdrawal"
-      })
+      this.$yrouter.push('/pages/order/ReturnList/index')
     },
     goMyOrder(type) {
       this.$yrouter.push({
-        path: "/pages/order/MyOrder/index",
+        path: '/pages/order/MyOrder/index',
         query: {
           type
         }
-      });
-    },
-    goUserCoupon() {
-      this.$yrouter.push("/pages/user/coupon/UserCoupon/index");
-    },
-    goIntegral() {
-      this.$yrouter.push("/pages/user/signIn/Integral/index");
-    },
-    goUserPromotion() {
-      this.$yrouter.push("/pages/user/promotion/UserPromotion/index");
+      })
     },
     goUserAccount() {
       this.$yrouter.push({
-        path: "/pages/user/UserAccount/index"
-      });
+        path: '/pages/user/UserAccount/index'
+      })
     },
     goPersonalData() {
-      this.$yrouter.push("/pkg_user/views/personalData");
-    },
-    goLikeList() {
-      uni.navigateTo({
-        url:'/pkg_user/views/myFavorite'
-      })
-      //跳转到我的喜欢列表
-      // this.$yrouter.push("/pages/user/UserFavorite/UserFavorite");
-    },
-    getPhoneNumber: function (e) {
-      let thit = this;
-      // 判断一下这里是不是小程序 如果是小程序，走获取微信手机号进行绑定
-      if (e.mp.detail.errMsg == "getPhoneNumber:ok") {
-        uni.showLoading({
-          title: "绑定中"
-        });
-        // 获取当前环境的服务商
-        uni.getProvider({
-          service: "oauth",
-          success: function (res) {
-            // 此处可以排除h5
-            if (res.provider) {
-              uni.login({
-                success: loginRes => {
-                  bindingPhone({
-                    code: loginRes.code,
-                    encryptedData: e.mp.detail.encryptedData,
-                    iv: e.mp.detail.iv
-                  })
-                      .then(res => {
-                        console.log(res);
-                        // this.User();
-                        thit.$store.dispatch("userInfo", true);
-                        uni.hideLoading();
-                        uni.showToast({
-                          title: res.msg,
-                          icon: "success",
-                          duration: 2000
-                        });
-                      })
-                      .catch(error => {
-                        uni.hideLoading();
-                        thit.$store.dispatch("userInfo", true);
-                        console.log(error);
-                        uni.showToast({
-                          title:
-                              error.msg ||
-                              error.response.data.msg ||
-                              error.response.data.message,
-                          icon: "none",
-                          duration: 2000
-                        });
-                      });
-                },
-                fail() {
-                  reject("绑定失败");
-                }
-              });
-            }
-          },
-          fail() {
-            reject("获取环境服务商失败");
-          }
-        });
-      } else {
-        uni.showToast({
-          title: "已拒绝授权",
-          icon: "none",
-          duration: 2000
-        });
-      }
+      this.$yrouter.push('/pkg_user/views/personalData')
     },
     // 获取用户等级信息
     getUserLevelInfo: function () {
-      var that = this;
+      const _this = this
       getUserLevelInfo().then((res) => {
         if (res.data) {
-          that.userLevelInfo = res.data;
+          _this.userLevelInfo = res.data
         }
+        uni.hideLoading()
       }).catch(err => {
-
+        uni.hideLoading()
       }).finally(() => {
-
-      });
-    },
-    //升级群主
-    goUpgradeProtocol: function () {
-      this.$yrouter.push('/pages/user/UpgradeElectronicProtocol/UpgradeElectronicProtocol');
-    },
-    //升级说明
-    showUpgradeIntro: function () {
-      // var intro = '';
-      // if(this.userInfo && this.userInfo.levelExplain){
-      // 	intro = this.userInfo.levelExplain;
-      // }
-      this.$yrouter.push('/pages/user/MemberUpgradeIntro/MemberUpgradeIntro');
-    },
-    changeswitch: function (data) {
-      this.switchActive = data;
+        uni.hideLoading()
+      })
+      // 海报
+      getUserCenterBanner().then(res => {
+        const { success, data } = res
+        if (success) {
+          if (data.userCenterBanner) {
+            this.bannerBgUrl = data.userCenterBanner
+          }
+        }
+      })
     },
     User: function () {
-      let that = this;
-      debugger
+      const _this = this
       getUserInfo().then(res => {
-
         if (res.data) {
-          //that.user = res.data;
-          that.$set(that, 'orderStatusNum', res.data.orderStatusNum);
-          that.$forceUpdate();
+          _this.$set(_this, 'orderStatusNum', res.data.orderStatusNum);
+          _this.$forceUpdate();
           console.log('orderStatusNum:' + JSON.stringify(res.data.orderStatusNum));
         }
-
-      });
-    },
-    MenuUser: function () {
-      let that = this;
-      getMenuUser()
-          .then(res => {
-            uni.hideLoading();
-            that.MyMenus = res.data.routine_my_menus;
-          })
-          .catch(error => {
-            uni.hideLoading();
-            console.log(error);
-          });
-    },
-    goPages: function (index) {
-      let url = this.MyMenus[index].uniapp_url;
-      if (
-          url === "/pages/user/promotion/UserPromotion/index" &&
-          this.userInfo.statu === 1
-      ) {
-        if (!this.userInfo.isPromoter) {
-          uni.showToast({
-            title: "您还没有推广权限！！",
-            icon: "none",
-            duration: 2000
-          });
-          return;
-        }
-      }
-
-      if (
-          url === "/pages/orderAdmin/OrderIndex/index" &&
-          !this.userInfo.adminid
-      ) {
-        uni.showToast({
-          title: "您还不是管理员！！",
-          icon: "none",
-          duration: 2000
-        });
-        return;
-      }
-      console.log(this.userInfo)
-      if (url === "/pages/orderAdmin/OrderCancellation/index" && !this.userInfo.checkStatus) {
-        uni.showToast({
-          title: "您没有核销权限,请后台店员设置！！",
-          icon: "none",
-          duration: 2000
-        });
-        return;
-      }
-
-      this.$yrouter.push({
-        path: this.MyMenus[index].uniapp_url
-      });
-    },
-    goPages2: function () {
-      this.$yrouter.push({
-        path: "/pages/orderAdmin/OrderCancellation/index"
-      });
+      })
     },
     getUnreadMsgList: function () {
-      var params = {
+      const _this = this;
+      noticeList({
         limit: 99999,
         page: 1,
         readFlag: 'RF0'
+      }).then(res => {
+        _this.unreadMsgList = res.data
+      }).catch(err => {
+        uni.showToast({
+          title: err + '',
+          icon: 'none',
+          mask: false,
+          duration: 1500
+        })
+      })
+    },
+    toolItemClickHandle(item) {
+      const url = item.url
+      if (!url || !item.allowEnter) {
+        return
       }
-      // mescroll.endByPage(0, 0);
-      // return;
-      let that = this;
-      noticeList(params)
-          .then(res => {
-
-            that.unreadMsgList = res.data;
-
-          })
-          .catch(err => {
-            uni.showToast({
-              title: err + '',
-              icon: 'none',
-              mask: false,
-              duration: 1500
-            });
-          })
-    }
-  },
-  watch: {
-    userInfo(newVal) {
-      this.MenuUser();
-
-      that.$set(that, 'orderStatusNum', newVal.orderStatusNum);
+      uni.navigateTo({ url })
+    },
+    linkTo(url) {
+      if (!url) {
+        return
+      }
+      uni.navigateTo({ url })
     }
   }
-};
+}
 </script>
 
 <style lang="less">
-.user .header .picTxt .pictrue {
-  width: 76rpx !important;
-  height: 76rpx !important;
-}
-
-.footer-line-height {
-  height: 1 * 100rpx;
-}
-
 .innTag {
   margin-left: -30rpx;
   width: 196rpx;
@@ -879,7 +491,6 @@ export default {
   border-radius: 0px 32rpx 32rpx 0px;
   background: #C51919;
 }
-
 .order-status-num {
   min-width: 0.33 * 100rpx;
   background-color: #fff;
@@ -892,213 +503,210 @@ export default {
   // padding: 0 0.08 * 100rpx;
   border: 1px solid #FE5261;
 }
-
-.pictrue {
-  position: relative;
-}
-
-.switch-h5 {
-  margin-left: 0.2 * 100rpx;
-}
-
-.binding {
-  margin-top: 0.1 * 100rpx;
-  display: inline-block;
-  padding: 0.05 * 100rpx 0.2 * 100rpx;
-  background-color: #ca1f10;
-  border-radius: 50px;
-  font-size: 0.22 * 100rpx;
-  line-height: 1.5;
-  border: 1px solid #e8695e;
-  color: #ffffff;
-}
-
 .header {
   background: linear-gradient(90deg, rgba(254, 150, 107, 1) 0%, rgba(255, 88, 75, 1) 100%);
 }
-
-.promotion-code-box {
-  width: 120rpx;
-  height: 40rpx;
-  border-radius: 20rpx;
-  background: #9C1C1A;
-  color: #FFFFFF;
-  font-size: 22rpx;
-}
-
-.user .header .picTxt .text {
-  width: auto !important;
-}
-
-.btn-change {
-  background: linear-gradient(180deg, #F8F3B4 0%, #F2CB6F 100%);
-}
-
-.vip-box {
-  border-radius: 8rpx;
-  padding: 4rpx 8rpx;
-  margin-right: 20rpx;
-}
-
-.vip-box .diamond-img {
-  width: 24rpx;
-  height: 24rpx;
-  margin-right: 4rpx;
-}
-
-.vip-box .vip-title {
-  font-size: 20rpx;
-  // color:rgba(67,47,39,1);
-  color: #6F644A;
-}
-
-.user .header .picTxt .text .id {
-  margin-top: inherit !important;
-  color: #fff !important;
-}
-
-.promotion-text {
-  font-size: 24rpx;
-  color: #8C2A03;
-  position: relative;
-  z-index: 1;
-  margin-bottom: 8rpx;
-}
-
-.promotion-img {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-}
-
-.member-box {
-  margin-top: 32rpx;
-  padding: 26rpx 40rpx;
-  margin-bottom: 40rpx;
-
-}
-
-.cur-member-title {
-  font-size: 28rpx;
-  font-weight: bold;
-  color: rgba(255, 233, 202, 1);
-}
-
-.cur-member-desc {
-  font-size: 22rpx;
-  color: #C3B2A0;
-}
-
-.upgrade-btn {
-  font-size: 24rpx;
-  color: #483123;
-  z-index: 1;
-  padding: 8rpx 20rpx;
-  background: rgba(255, 207, 126, 1);
-  border-radius: 24px;
-}
-
 .wrapper {
   // background-color: #FFF;
   margin: 0 30rpx;
   z-index: 1;
   border-radius: 0 0 16rpx 16rpx;
 }
-
 .user .wrapper {
   padding: 0 !important;
 }
-
 .wrapper .nav {
   position: relative;
   margin-top: 40rpx;
   box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.1);
   border-radius: 16rpx;
 }
-
 .myOrder {
-  box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.1);
-  border-radius: 16rpx;
+  border-radius: 24rpx;
+  background: #F6F6F6 !important;
 }
-
 .myService {
-  box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.1);
-  border-radius: 16rpx;
+  border-radius: 24rpx;
+  background: #F6F6F6 !important;
 }
-
 .user .wrapper .nav {
   // min-height: 140rpx;
   height: auto;
   padding-top: 20rpx;
   padding-bottom: 20rpx;
 }
-
-.protocol-state-box {
-  font-size: 24rpx;
-  color: #FFF2D5;
-  padding: 6rpx 14rpx;
-  border: 1px solid #FFF0CD;
-  border-radius: 4rpx;
+.my-wrapper {
+  padding: 30upx;
+  &.wrapper {
+    padding: 0 0 30rpx 0 !important;
+  }
+  .my-tool-wrap {
+    padding: 0 24rpx 24upx 24upx;
+    .cont {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      padding: 32rpx 24rpx 0 24rpx;
+      border-radius: 24rpx;
+      background-color: #fff;
+      .tool-item {
+        width: 33.3333%;
+        margin: 0 0 42rpx 0;
+        align-items: center;
+        justify-content: center;
+        .img {
+          width: 28px;
+          height: 28px;
+        }
+        .txt {
+          padding: 0 0 0 6rpx;
+          color: #666;
+          font-size: 26rpx;
+        }
+      }
+      .tool-item-left {
+        justify-content: flex-start;
+      }
+      .tool-item-right {
+        justify-content: flex-end;
+      }
+    }
+  }
+  .banner-wrap {
+    padding: 30rpx 0 0 0;
+    .bg {
+      width: 100%;
+    }
+  }
 }
-
-.unread-dot {
-  position: absolute;
-  right: 0;
-  top: 0;
-  flex-shrink: 0;
-  width: 0.16*100rpx;
-  height: 0.16*100rpx;
-  background: #fff;
-  border-radius: 50%;
-}
-
-.vline {
-  color: #fff;
-  background: #fff;
-  width: 1px;
-  height: 30rpx;
-}
-
-.withdrawBtn {
-  color: #482D00;
-  font-size: 24rpx;
-  width: 132rpx;
-  height: 48rpx;
-  line-height: 48rpx;
-  text-align: center;
-  border-radius: 24rpx;
-}
-
-.accountDetailBtn {
-  background: #C51718;
-  color: #fff;
-  font-size: 24rpx;
-  width: 132rpx;
-  height: 48rpx;
-  line-height: 48rpx;
-  text-align: center;
-  border-radius: 24rpx;
-}
-
-.benifitIntroBtn {
-  background: #C51718;
-  color: #fff;
-  font-size: 24rpx;
-  width: 132rpx;
-  height: 48rpx;
-  line-height: 48rpx;
-  text-align: center;
-  border-radius: 24rpx;
-}
-
-.center-box {
-  width: 632rpx;
-  height: 218rpx;
-  margin-top: 40rpx;
-  background-size: 632rpx 218rpx;
-  background-repeat: no-repeat;
-  //background: #0DC5C5 !important;
-  //border-bottom-left-radius: 16rpx;
-  //border-bottom-right-radius: 16rpx
+.user-page {
+  width: 100%;
+  background-color: #fff;
+  overflow-x: hidden;
+  .my-hearder {
+    position: relative;
+    .my-header-bg {
+      position: relative;
+      z-index: 2;
+      .bg {
+        width: 100%;
+      }
+    }
+    .my-header-body {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      z-index: 5;
+    }
+    .title {
+      height: 44px;
+      line-height: 44px;
+      font-size: 36upx;
+      color: #fff;
+      text-align: center;
+    }
+    .info {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 50rpx 60rpx 60rpx 60rpx;
+      color: #fff;
+      .name-cont {
+        .txt {
+          align-items: flex-end;
+          margin: 0 0 32rpx 0;
+          font-size: 26px;
+          line-height: 26px;
+          .vip {
+            margin: 0 0 0 12rpx;
+            width: 48rpx;
+            height: 32rpx;
+          }
+        }
+        .qrcode {
+          display: flex;
+          align-items: center;
+          padding: 10rpx 16rpx;
+          border: 1rpx solid #FFFBD3;
+          border-radius: 8rpx;
+          background-color: #822629;
+          .code {
+            width: 20px;
+            height: 20px;
+          }
+          .code-txt {
+            display: inline-block;
+            padding: 0 0 0 16rpx;
+            margin: 0 0 0 16rpx;
+            border-left: 1px solid #FFFBD3;
+            line-height: 16px;
+            font-size: 13px;
+          }
+        }
+      }
+      .avatar-cont {
+        .img {
+          display: block;
+          width: 78px;
+          height: 78px;
+          border-radius: 50%;
+          border: 2px solid #fff;
+        }
+      }
+    }
+    .my-hdeader-bottom {
+      position: absolute;
+      bottom: 30rpx;
+      left: 0;
+      right: 0;
+      z-index: 5;
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-end;
+      padding: 0 60rpx;
+      .item {
+        .number {
+          margin: 0 0 10rpx 0;
+          font-size: 26px;
+          color: #333;
+          text-align: center;
+          font-weight: bold;
+        }
+        .txt {
+          position: relative;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          .img {
+            width: 20px;
+            height: 20px;
+            margin: 0 12rpx 0 0;
+          }
+          .cus-btn {
+            position: absolute;
+            top: 0;
+            width: 100%;
+            height: 20px;
+            opacity: 0;
+          }
+        }
+      }
+    }
+    .hotel-btn {
+      position: absolute;
+      right: 0;
+      bottom: 120rpx;
+      z-index: 5;
+      .img {
+        width: 178.5rpx;
+        height: 58.5rpx;
+      }
+    }
+  }
+  .icon-order {
+    width: 52rpx;
+    height: 52rpx;
+  }
 }
 </style>
diff --git a/pages/user/User/index_bak20240307.vue b/pages/user/User/index_bak20240307.vue
new file mode 100644
index 0000000..7fabf7f
--- /dev/null
+++ b/pages/user/User/index_bak20240307.vue
@@ -0,0 +1,1104 @@
+<template>
+  <view class="user">
+    <hx-navbar
+        title="云南香道滇官方商城"
+        :fixed="true"
+        :back="false"
+        :left-slot="false"
+        :right-slot="false"
+        statusBarFontColor="#ffffff"
+        color="#333333"
+        :bgImgHeight="bgImgHeight"
+        :background-color="[246,246,246]"
+    />
+
+    <view v-if="$store.getters.token||userInfo.uid" class="acea-row row-column" style="background: #f6f6f6;">
+
+      <view class="header acea-row row-column"
+            style="flex-wrap: nowrap;background: #fff !important;margin: 0 30rpx;border-radius: 16rpx;box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.1);">
+        <view class="innTag acea-row row-middle row-center align-left" @click="innTagClick" v-if="userInfo.hotel != null && userInfo.hotel.checkState=='C1'">
+          <image style="width: 36rpx;height: 36rpx;" :src="webUrl+'/20240107224552660125.png'" mode=""></image>
+          <text style="font-size: 24rpx;color: #ffffff;">店铺主页</text>
+        </view>
+        <!--        background: #0DC5C5 !important;border-top-left-radius: 16rpx;border-top-right-radius: 16rpx;-->
+        <view class="center-box" :style="{'backgroundImage':`url(${webUrl}/20240111201405837746.png)`}">
+          <view class="flex jc-between"
+                style="padding: 30rpx;">
+            <view class="picTxt acea-row" style="flex-wrap: nowrap;flex: 1;">
+              <view class="pictrue">
+                <image :src="userInfo.avatar"/>
+              </view>
+              <view class="text acea-row row-column-between">
+                <view class="acea-row row-middle">
+                  <view class="name line1"
+                        style="color: #000000 !important;font-size: 28rpx !important;font-weight: 500;">
+                    {{ userInfo.nickname }}
+                  </view>
+                  <view class="member acea-row row-middle" v-if="userInfo.vip">
+                    <image :src="userInfo.vipIcon"/>
+                    <text>{{ userInfo.vipName }}</text>
+                  </view>
+                </view>
+
+                <view class="acea-row row-middle" style="margin-top: 8rpx;">
+                  <view class="vip-box btn-change acea-row row-center row-middle">
+
+                    <text class="vip-title">{{ userInfo.levelName }}</text>
+
+                  </view>
+                  <view v-if="userLevelInfo && userLevelInfo.idcardOne && userLevelInfo.checkState!=3"
+                        class="protocol-state-box">
+                    {{ protocolCheckState(userLevelInfo.checkState) }}
+                  </view>
+                </view>
+              </view>
+            </view>
+
+            <view class="promotion-code-box flex jc-center ai-center" @click="goPromotionPoster()">
+              <image style="width: 24rpx;height: 24rpx;" :src="webUrl+'/20240111201400020095.png'" mode=""></image>
+              会员码
+            </view>
+          </view>
+
+          <view class="acea-row row-middle row-around" style="margin-bottom: 20rpx;
+  padding: 0 30rpx 30rpx 30rpx;">
+            <view class="acea-row row-middle" @click="goBindParent()">
+              <image style="width: 48rpx;height: 48rpx;margin-right: 10rpx;" :src="webUrl+'/20240107224558355949.png'"
+                     mode=""></image>
+              <text style="font-size: 24rpx;color: #fff;">扫一扫</text>
+            </view>
+            <view class="vline"></view>
+            <view class="acea-row row-middle" @click="goLikeList()">
+              <image style="width: 48rpx;height: 48rpx;margin-right: 10rpx;" :src="webUrl+'/20240107224606011625.png'"
+                     mode=""></image>
+              <text style="font-size: 24rpx;color: #fff;">收藏</text>
+            </view>
+            <view class="vline"></view>
+            <view class="acea-row row-middle" style="position: relative;" @click="goMessageData()">
+              <image style="width: 48rpx;height: 48rpx;margin-right: 10rpx;" :src="webUrl+'/20240107224620893707.png'"
+                     mode=""></image>
+              <text style="font-size: 24rpx;color: #fff;">消息</text>
+              <view v-if="unreadMsgList.length>0" class="unread-dot"></view>
+            </view>
+            <view class="vline"></view>
+            <view class="acea-row row-middle" @click="goPersonalData()">
+              <image style="width: 48rpx;height: 48rpx;margin-right: 10rpx;" :src="webUrl+'/20240107224612250643.png'"
+                     mode=""></image>
+              <text style="font-size: 24rpx;color: #fff;">设置</text>
+            </view>
+          </view>
+
+        </view>
+
+        <view class="acea-row row-column" style="border-bottom-left-radius: 16rpx;border-bottom-right-radius: 16rpx;">
+          <view class="title acea-row row-middle" style="border-bottom: 1px solid #f6f6f6;padding: 10rpx 0;">
+            <text style="width: 6rpx;background: #FF564A;height: 28rpx;border-radius: 3rpx;margin-right:10rpx;"></text>
+            <text style="font-size: 26rpx;color: #333333;font-weight: 400;">我的账户</text>
+          </view>
+
+          <view class="nav acea-row row-column" style="padding:24rpx 12rpx">
+            <view class="acea-row row-middle row-between"
+                  style="padding-bottom: 30rpx;margin-bottom: 20rpx;border-bottom: 1px solid #f6f6f6;">
+              <view @click="goUserAccount()" class="acea-row row-middle" style="flex-grow: 1;">
+                <view class="acea-row row-middle" style="margin-right: 20rpx;">
+                  <image style="width: 56rpx;height: 56rpx" :src="webUrl+'/20240107224629408613.png'" mode=""></image>
+                </view>
+                <view class="acea-row row-column">
+                  <text style="color: #999999;font-size: 20rpx;font-weight: 400;">余额</text>
+                  <text class="num" style="color: #000000;font-size: 28rpx;font-weight: 500;">
+                    {{ userInfo.nowMoney ? force2Decimal(userInfo.nowMoney) : 0.00 }}
+                  </text>
+                </view>
+              </view>
+
+              <view class="acea-row row-middle" style="color: #fff;font-size: 24rpx;flex-shrink: 0;">
+                <view @click="goWithdrawl()" class="withdrawBtn btn-change" style="margin-right: 10rpx;">提现</view>
+                <view @click="goAccountDetail()" class="accountDetailBtn">账户明细</view>
+              </view>
+            </view>
+
+            <view class="acea-row row-middle row-between">
+              <view class="acea-row row-middle">
+
+                <view class="acea-row row-middle" style="margin-right: 20rpx;">
+                  <image style="width: 56rpx;height: 56rpx;" :src="webUrl+'/20240107224636733995.png'" mode=""></image>
+                </view>
+                <view class="acea-row row-column">
+                  <text style="color: #999999;font-size: 20rpx;font-weight: 400;">恭喜你成为了{{ userInfo.levelName }}
+                  </text>
+                  <text class="num" style="color: #000000;font-size: 28rpx;font-weight: 500;">
+                    当前等级：{{ userInfo.level }}
+                  </text>
+                </view>
+              </view>
+              <view class="acea-row row-middle" style="color: #fff;font-size: 24rpx;">
+                <view @click="showUpgradeIntro()" class="benifitIntroBtn">权益说明</view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <view class="wrapper" style="margin-top: 20rpx !important;margin-bottom: 30rpx !important;">
+        <view class="myOrder">
+          <view class="title acea-row row-between-wrapper">
+            <view class="acea-row row-middle">
+              <text
+                  style="width: 6rpx;background: #FF564A;height: 28rpx;border-radius: 3rpx;margin-right:10rpx;"></text>
+              <text style="font-size: 26rpx;color: #333333;font-weight: 400;">我的订单</text>
+            </view>
+            <text @click="goMyOrder(0)" class="allOrder">
+              <text>全部订单</text>
+              <text class="iconfont icon-jiantou"></text>
+            </text>
+          </view>
+          <view class="orderState acea-row row-middle">
+            <view @click="goMyOrder(1)" class="item">
+              <view class="pictrue">
+                <image style="width:52rpx;height: 52rpx" :src="webUrl+'/20240107224703391856.png'"/>
+                <text
+                    class="order-status-num"
+                    v-if="orderStatusNum.unpaidCount > 0"
+                >{{ orderStatusNum.unpaidCount }}
+                </text>
+              </view>
+              <view>待付款</view>
+            </view>
+            <view @click="goMyOrder(2)" class="item">
+              <view class="pictrue">
+                <image style="width:52rpx;height: 52rpx" :src="webUrl+'/20240107224656826240.png'"/>
+                <text
+                    class="order-status-num"
+                    v-if="orderStatusNum.unshippedCount > 0"
+                >{{ orderStatusNum.unshippedCount }}
+                </text>
+              </view>
+              <view>待发货</view>
+            </view>
+            <view @click="goMyOrder(3)" class="item">
+              <view class="pictrue">
+                <image style="width:52rpx;height: 52rpx" :src="webUrl+'/20240107224650489311.png'"/>
+                <text
+                    class="order-status-num"
+                    v-if="orderStatusNum.receivedCount > 0"
+                >{{ orderStatusNum.receivedCount }}
+                </text>
+              </view>
+              <text>待收货/核销</text>
+            </view>
+            <view @click="goMyOrder(4)" class="item">
+              <view class="pictrue">
+                <image style="width:52rpx;height: 52rpx" :src="webUrl+'/20240109234147411394.png'"/>
+                <text
+                    class="order-status-num"
+                    v-if="orderStatusNum.evaluatedCount > 0"
+                >{{ orderStatusNum.evaluatedCount }}
+                </text>
+              </view>
+              <text>待评价</text>
+            </view>
+            <view @click="goReturnList()" class="item">
+              <view class="pictrue">
+                <image style="width:52rpx;height: 52rpx" :src="webUrl+'/20240107224643038018.png'"/>
+                <text
+                    class="order-status-num"
+                    v-if="orderStatusNum.refundCount > 0"
+                >{{ orderStatusNum.refundCount }}
+                </text>
+              </view>
+              <text>售后/退款</text>
+            </view>
+          </view>
+        </view>
+
+        <!-- 我的服务开始 -->
+        <view class="myService" style="margin-top: 30rpx !important;">
+          <view class="title acea-row row-middle" style="border-bottom: 1px solid #f6f6f6;padding: 10rpx 0;">
+            <text
+                style="width: 6rpx;background: #FF564A;height: 28rpx;border-radius: 3rpx;margin-right:10rpx;margin-left: 30rpx;"></text>
+            <text style="font-size: 26rpx;color:#333333;font-weight: 400;">所有功能</text>
+          </view>
+          <view class="serviceList acea-row row-middle">
+
+            <view class="item" @click="goCoupons()">
+              <view class="pictrue">
+                <image :src="webUrl+'/20231130162907823563.png'"/>
+              </view>
+              <view class="cell">我的优惠券</view>
+              <text class="iconfont icon-jiantou"></text>
+            </view>
+
+            <view class="item" @click="goGroupManage()">
+              <view class="pictrue">
+                <image :src="webUrl+'/20221010165555111608.png'"/>
+              </view>
+              <view class="cell">团队管理</view>
+              <text class="iconfont icon-jiantou"></text>
+            </view>
+
+            <view class="item" @click="goAddressManage()">
+              <view class="pictrue" style="margin-left: -6rpx;">
+                <image :src="webUrl+'/20221010165951067571.png'"/>
+              </view>
+              <view class="cell">物流地址管理</view>
+              <text class="iconfont icon-jiantou"></text>
+            </view>
+
+            <view class="item" @click="goBankcardManage()">
+              <view class="pictrue">
+                <image :src="webUrl+'/20221010165555111608.png'"/>
+              </view>
+              <view class="cell">银行卡管理</view>
+              <text class="iconfont icon-jiantou"></text>
+            </view>
+
+            <!--            <view v-if="userInfo.hotel==null || userInfo.hotel.checkState!='C1'" class="item" @click="goInnApply()">-->
+            <!--              <view class="pictrue">-->
+            <!--                <image :src="webUrl+'/20221010170138874734.png'"/>-->
+            <!--              </view>-->
+            <!--              <view class="cell acea-row row-between row-middle" style="flex-wrap: nowrap;">-->
+            <!--                <view class="" style="flex-shrink: 0;margin-right: 10rpx;">申请我的店铺</view>-->
+            <!--                <view v-if="userInfo.hotel!=null" class="acea-row row-column row-right" style="text-align: right;">-->
+            <!--                  <view class="" style="font-size: 24rpx;color: #0DC5C5;">-->
+            <!--                    {{ checkStateStr(userInfo.hotel.checkState) }}-->
+            <!--                  </view>-->
+
+            <!--                  <block v-if="userInfo.hotel.checkState=='C2' && userInfo.hotel.checkMsg.length>0">-->
+            <!--                    <text style="font-size: 24rpx;color: #aaa;">驳回原因:{{ userInfo.hotel.checkMsg }}</text>-->
+            <!--                  </block>-->
+            <!--                </view>-->
+
+            <!--              </view>-->
+            <!--              <text class="iconfont icon-jiantou"></text>-->
+            <!--            </view>-->
+
+            <view v-if="userInfo.hotel != null && userInfo.hotel.checkState=='C1'" class="item"
+                  @click="goInnInfoEdit()">
+              <view class="pictrue">
+                <image :src="webUrl+'/20221010170138874734.png'"/>
+              </view>
+              <view class="cell">
+                <view class="">修改店铺信息</view>
+              </view>
+              <text class="iconfont icon-jiantou"></text>
+            </view>
+
+            <view class="item" @click="goRoomLogs()">
+              <view class="pictrue">
+                <image :src="webUrl+'/20221010170316834157.png'"/>
+              </view>
+              <view class="cell">客服历史会话</view>
+              <text class="iconfont icon-jiantou"></text>
+            </view>
+          </view>
+        </view>
+        <!-- 我的服务结束 -->
+
+      </view>
+    </view>
+    <uni-popup ref="popup" type="center">
+      <view class="acea-row row-column row-middle"
+            style="position: relative;background-color: #fff;border-radius: 20rpx;">
+        <view class="acea-row row-center" style="border-radius: 50%;margin-top: -52rpx;background-color: #fff;">
+          <image :src="userInfo.avatar" mode=""
+                 style="width: 96rpx;height: 96rpx;border-radius: 50%;margin: 8rpx;"></image>
+        </view>
+        <view class="acea-row row-column row-center" style="margin-top: 20rpx;margin-bottom: 40rpx;">
+          <text style="text-align: center;">{{ userInfo.nickname }}</text>
+          <image :src="spreadPoster.wap_poster" mode="" style="width: 512rpx;height: 512rpx;"></image>
+        </view>
+      </view>
+
+    </uni-popup>
+  </view>
+</template>
+
+<script>
+import {mapGetters, mapMutations} from "vuex";
+import {
+  bindingPhone,
+  getMenuUser,
+  getSpreadImg,
+  getUserInfo,
+  getUserLevelInfo,
+  noticeList,
+  userBindParent
+} from "@/api/user";
+import {isWeixin} from "@/utils";
+import cookie from "@/utils/store/cookie";
+
+const NAME = "User";
+var that;
+export default {
+  name: NAME,
+  props: {},
+  data: function () {
+    return {
+      webUrl: this.$VUE_APP_RESOURCES_URL,
+      MyMenus: [],
+      switchActive: false,
+      isWeixin: false,
+      isInnOwer: false,//是否是客栈主
+      bgImgHeight: '20px',
+      userLevelInfo: null,
+      unreadMsgList: [],
+      orderStatusNum: {
+        "completeCount": 0,
+        "evaluatedCount": 0,
+        "orderCount": 0,
+        "receivedCount": 0,
+        "refundCount": 0,
+        "sumPrice": 0,
+        "unpaidCount": 0,
+        "unshippedCount": 0
+      },
+      spreadPoster: {}
+    };
+  },
+  computed: mapGetters(["userInfo"]),
+  onLoad: function (e) {
+    that = this;
+    uni.getSystemInfo({
+      success: (e) => {
+        // this.compareVersion(e.SDKVersion, '2.5.0')
+        let statusBar = 0;
+        let customBar = 0;
+
+        // #ifdef MP
+        statusBar = e.statusBarHeight
+        customBar = e.statusBarHeight + 45
+        if (e.platform === 'android') {
+          //this.$store.commit('SET_SYSTEM_IOSANDROID', false)
+          customBar = e.statusBarHeight + 50
+        }
+        // #endif
+
+
+        // #ifdef MP-WEIXIN
+        statusBar = e.statusBarHeight
+        // @ts-ignore
+        //uni.getMenuButtonBoundingClientRect();
+        const custom = uni.getMenuButtonBoundingClientRect()
+        customBar = custom.bottom + custom.top - e.statusBarHeight
+        // #endif
+
+
+        // #ifdef MP-ALIPAY
+        statusBar = e.statusBarHeight
+        customBar = e.statusBarHeight + e.titleBarHeight
+        // #endif
+
+
+        // #ifdef APP-PLUS
+        console.log('app-plus', e)
+        statusBar = e.statusBarHeight
+        customBar = e.statusBarHeight + 45
+        // #endif
+
+
+        // #ifdef H5
+        statusBar = 0
+        customBar = e.statusBarHeight + 45
+        // #endif
+
+        //状态栏图片高度
+        that.bgImgHeight = statusBar + 'px';
+
+      }
+    });
+  },
+  onShow() {
+    if (this.$store.getters.token) {
+      uni.showLoading({
+        title: "加载中"
+      });
+      this.$store.dispatch("getUser", true);
+      this.getUserLevelInfo();//获取用户等级信息
+      //this.User();
+      this.MenuUser();
+      this.isWeixin = isWeixin();
+      this.getUnreadMsgList();
+    } else {
+      cookie.set("redirect", "/pages/user/User/index");
+
+      uni.reLaunch({
+        url: "/pages/authorization/index"
+      })
+    }
+  },
+  onHide() {
+    console.log("离开用户中心");
+    this.updateAuthorizationPage(false);
+  },
+  methods: {
+    ...mapMutations(["updateAuthorizationPage"]),
+    queryURLparams: function (url) {
+      let obj = {}
+      if (url.indexOf('?') < 0) return obj
+      let arr = url.split('?')
+      url = arr[1]
+      let array = url.split('&')
+      for (let i = 0; i < array.length; i++) {
+        let arr2 = array[i]
+        let arr3 = arr2.split('=')
+        obj[arr3[0]] = arr3[1]
+      }
+      return obj
+
+    },
+
+    goRoomLogs() {
+      uni.navigateTo({
+        url: "/pkg_common/views/roomLogs"
+      })
+    },
+
+    goBindParent: function () {
+
+      uni.scanCode({
+        success: function (res) {
+          console.log('条码类型：' + res.scanType);
+          console.log('条码内容：' + res.result);
+
+          uni.showLoading();
+          if (res.result.length > 0) {
+
+            var query = that.queryURLparams(res.result);
+            if (query.spread != null) {
+              //绑定上级
+              userBindParent({
+                spread: query.spread
+              }).then((res1) => {
+                uni.showToast({
+                  title: res1.msg || '绑定成功!',
+                  icon: "success"
+                })
+              }).catch((err) => {
+                uni.showToast({
+                  title: err.msg,
+                  icon: "none"
+                })
+              })
+
+            } else {
+              uni.showToast({
+                title: "未获取到上级id",
+                icon: "none"
+              })
+            }
+
+          }
+
+        }
+      })
+    },
+    checkStateStr: function (state) {
+      var str = '';
+      switch (state) {
+        case 'C0':
+          str = '待审核';
+          break;
+        case 'C1':
+          str = '已通过';
+          break;
+        case 'C2':
+          str = '已驳回';
+          break;
+        default:
+          break;
+      }
+      return str;
+    },
+    goInnApply: function () {
+      //跳转到客栈申请界面
+      //根据提交状态判断type(0-提交申请 1-修改申请)
+      //hotel.checkState = C0 待审核  C1审核通过 C2 被驳回
+
+      if (this.userInfo.hotel != null) {
+
+        if (this.userInfo.hotel.checkState == 'C2') {
+
+          this.$yrouter.push("/pagesInn/inn/innApply?type=1&hotel=" + JSON.stringify(this.userInfo.hotel));
+        }
+
+      } else {
+        this.$yrouter.push("/pagesInn/inn/innApply?type=0");
+      }
+
+
+    },
+    goInnInfoEdit: function () {
+      //修改客栈信息
+      this.$yrouter.push("/pagesInn/inn/innProfileEdit?hotel=" + encodeURIComponent(JSON.stringify(this.userInfo.hotel)));
+    },
+    force2Decimal(v) {
+      return this.$force2Decimal(v);
+    },
+    protocolCheckState(state) {
+      var stateStr = '';
+      switch (state) {
+        case 1:
+          stateStr = '群主资料新增'
+          break;
+        case 2:
+          stateStr = '群主资料待审核'
+          break;
+        case 3:
+          stateStr = '群主资料审核通过'
+          break;
+        case 4:
+          stateStr = '群主资料被驳回'
+          break;
+        default:
+          break;
+      }
+      return stateStr;
+    },
+    innTagClick() {
+      //跳转到客栈主页
+      this.$yrouter.push({
+        path: "/pagesInn/inn/innHome",
+        query: {
+          id: this.userInfo.hotel.id,
+          isMyInn: true
+        }
+      });
+    },
+    getSpreadPoster() {
+      var that = this;
+      if (!this.spreadPoster.wap_poster) {
+        uni.showLoading();
+        getSpreadImg({}).then(
+            res => {
+              uni.hideLoading();
+              that.spreadPoster = res.data[0];
+              that.$refs.popup.open();
+            },
+            err => {
+              uni.hideLoading();
+              uni.showToast({
+                title: err.msg || err.response.data.msg || err.response.data.message,
+                icon: "none",
+                duration: 2000
+              });
+            }
+        );
+      } else {
+        that.$refs.popup.open();
+      }
+
+
+    },
+    goReturnList() {
+      this.$yrouter.push("/pages/order/ReturnList/index");
+    },
+    goMessageData() {
+      this.$yrouter.push("/pages/user/Message/Message");
+    },
+    goPromotionPoster() {
+      this.getSpreadPoster();
+      // this.$yrouter.push("/pages/user/promotion/Poster/index");
+    },
+    goRecharge() {
+      this.$yrouter.push("/pages/user/Recharge/index");
+    },
+    goAccountDetail() {
+      this.$yrouter.push("/pages/user/UserBill/index");
+      // this.$yrouter.push({
+      // 	path: "/pages/user/UserBill/index",
+      // 	query: {
+      // 	  types:0
+      // 	}
+      // })
+    },
+    goCoupons() {
+      uni.navigateTo({
+        url: '/pkg_user/views/myCoupons'
+      })
+    },
+    goGroupManage() {
+      this.$yrouter.push("/pages/user/promotion/UserPromotion/index");
+    },
+    goAddressManage() {
+      this.$yrouter.push("/pages/user/address/AddressManagement/index");
+    },
+    goBankcardManage() {
+      uni.navigateTo({
+        url: "/pkg_user/views/bankCardList"
+      })
+    },
+    goWithdrawl() {
+      uni.navigateTo({
+        url: "/pkg_user/views/withdrawal"
+      })
+    },
+    goMyOrder(type) {
+      this.$yrouter.push({
+        path: "/pages/order/MyOrder/index",
+        query: {
+          type
+        }
+      });
+    },
+    goUserCoupon() {
+      this.$yrouter.push("/pages/user/coupon/UserCoupon/index");
+    },
+    goIntegral() {
+      this.$yrouter.push("/pages/user/signIn/Integral/index");
+    },
+    goUserPromotion() {
+      this.$yrouter.push("/pages/user/promotion/UserPromotion/index");
+    },
+    goUserAccount() {
+      this.$yrouter.push({
+        path: "/pages/user/UserAccount/index"
+      });
+    },
+    goPersonalData() {
+      this.$yrouter.push("/pkg_user/views/personalData");
+    },
+    goLikeList() {
+      uni.navigateTo({
+        url:'/pkg_user/views/myFavorite'
+      })
+      //跳转到我的喜欢列表
+      // this.$yrouter.push("/pages/user/UserFavorite/UserFavorite");
+    },
+    getPhoneNumber: function (e) {
+      let thit = this;
+      // 判断一下这里是不是小程序 如果是小程序，走获取微信手机号进行绑定
+      if (e.mp.detail.errMsg == "getPhoneNumber:ok") {
+        uni.showLoading({
+          title: "绑定中"
+        });
+        // 获取当前环境的服务商
+        uni.getProvider({
+          service: "oauth",
+          success: function (res) {
+            // 此处可以排除h5
+            if (res.provider) {
+              uni.login({
+                success: loginRes => {
+                  bindingPhone({
+                    code: loginRes.code,
+                    encryptedData: e.mp.detail.encryptedData,
+                    iv: e.mp.detail.iv
+                  })
+                      .then(res => {
+                        console.log(res);
+                        // this.User();
+                        thit.$store.dispatch("userInfo", true);
+                        uni.hideLoading();
+                        uni.showToast({
+                          title: res.msg,
+                          icon: "success",
+                          duration: 2000
+                        });
+                      })
+                      .catch(error => {
+                        uni.hideLoading();
+                        thit.$store.dispatch("userInfo", true);
+                        console.log(error);
+                        uni.showToast({
+                          title:
+                              error.msg ||
+                              error.response.data.msg ||
+                              error.response.data.message,
+                          icon: "none",
+                          duration: 2000
+                        });
+                      });
+                },
+                fail() {
+                  reject("绑定失败");
+                }
+              });
+            }
+          },
+          fail() {
+            reject("获取环境服务商失败");
+          }
+        });
+      } else {
+        uni.showToast({
+          title: "已拒绝授权",
+          icon: "none",
+          duration: 2000
+        });
+      }
+    },
+    // 获取用户等级信息
+    getUserLevelInfo: function () {
+      var that = this;
+      getUserLevelInfo().then((res) => {
+        if (res.data) {
+          that.userLevelInfo = res.data;
+        }
+      }).catch(err => {
+
+      }).finally(() => {
+
+      });
+    },
+    //升级群主
+    goUpgradeProtocol: function () {
+      this.$yrouter.push('/pages/user/UpgradeElectronicProtocol/UpgradeElectronicProtocol');
+    },
+    //升级说明
+    showUpgradeIntro: function () {
+      // var intro = '';
+      // if(this.userInfo && this.userInfo.levelExplain){
+      // 	intro = this.userInfo.levelExplain;
+      // }
+      this.$yrouter.push('/pages/user/MemberUpgradeIntro/MemberUpgradeIntro');
+    },
+    changeswitch: function (data) {
+      this.switchActive = data;
+    },
+    User: function () {
+      let that = this;
+      debugger
+      getUserInfo().then(res => {
+
+        if (res.data) {
+          //that.user = res.data;
+          that.$set(that, 'orderStatusNum', res.data.orderStatusNum);
+          that.$forceUpdate();
+          console.log('orderStatusNum:' + JSON.stringify(res.data.orderStatusNum));
+        }
+
+      });
+    },
+    MenuUser: function () {
+      let that = this;
+      getMenuUser()
+          .then(res => {
+            uni.hideLoading();
+            that.MyMenus = res.data.routine_my_menus;
+          })
+          .catch(error => {
+            uni.hideLoading();
+            console.log(error);
+          });
+    },
+    goPages: function (index) {
+      let url = this.MyMenus[index].uniapp_url;
+      if (
+          url === "/pages/user/promotion/UserPromotion/index" &&
+          this.userInfo.statu === 1
+      ) {
+        if (!this.userInfo.isPromoter) {
+          uni.showToast({
+            title: "您还没有推广权限！！",
+            icon: "none",
+            duration: 2000
+          });
+          return;
+        }
+      }
+
+      if (
+          url === "/pages/orderAdmin/OrderIndex/index" &&
+          !this.userInfo.adminid
+      ) {
+        uni.showToast({
+          title: "您还不是管理员！！",
+          icon: "none",
+          duration: 2000
+        });
+        return;
+      }
+      console.log(this.userInfo)
+      if (url === "/pages/orderAdmin/OrderCancellation/index" && !this.userInfo.checkStatus) {
+        uni.showToast({
+          title: "您没有核销权限,请后台店员设置！！",
+          icon: "none",
+          duration: 2000
+        });
+        return;
+      }
+
+      this.$yrouter.push({
+        path: this.MyMenus[index].uniapp_url
+      });
+    },
+    goPages2: function () {
+      this.$yrouter.push({
+        path: "/pages/orderAdmin/OrderCancellation/index"
+      });
+    },
+    getUnreadMsgList: function () {
+      var params = {
+        limit: 99999,
+        page: 1,
+        readFlag: 'RF0'
+      }
+      // mescroll.endByPage(0, 0);
+      // return;
+      let that = this;
+      noticeList(params)
+          .then(res => {
+
+            that.unreadMsgList = res.data;
+
+          })
+          .catch(err => {
+            uni.showToast({
+              title: err + '',
+              icon: 'none',
+              mask: false,
+              duration: 1500
+            });
+          })
+    }
+  },
+  watch: {
+    userInfo(newVal) {
+      this.MenuUser();
+
+      that.$set(that, 'orderStatusNum', newVal.orderStatusNum);
+    }
+  }
+};
+</script>
+
+<style lang="less">
+.user .header .picTxt .pictrue {
+  width: 76rpx !important;
+  height: 76rpx !important;
+}
+
+.footer-line-height {
+  height: 1 * 100rpx;
+}
+
+.innTag {
+  margin-left: -30rpx;
+  width: 196rpx;
+  height: 64rpx;
+  border-radius: 0px 32rpx 32rpx 0px;
+  background: #C51919;
+}
+
+.order-status-num {
+  min-width: 0.33 * 100rpx;
+  background-color: #fff;
+  color: #FE5261;
+  border-radius: 15px;
+  position: absolute;
+  right: -0.14 * 100rpx;
+  top: -0.15 * 100rpx;
+  font-size: 0.2 * 100rpx;
+  // padding: 0 0.08 * 100rpx;
+  border: 1px solid #FE5261;
+}
+
+.pictrue {
+  position: relative;
+}
+
+.switch-h5 {
+  margin-left: 0.2 * 100rpx;
+}
+
+.binding {
+  margin-top: 0.1 * 100rpx;
+  display: inline-block;
+  padding: 0.05 * 100rpx 0.2 * 100rpx;
+  background-color: #ca1f10;
+  border-radius: 50px;
+  font-size: 0.22 * 100rpx;
+  line-height: 1.5;
+  border: 1px solid #e8695e;
+  color: #ffffff;
+}
+
+.header {
+  background: linear-gradient(90deg, rgba(254, 150, 107, 1) 0%, rgba(255, 88, 75, 1) 100%);
+}
+
+.promotion-code-box {
+  width: 120rpx;
+  height: 40rpx;
+  border-radius: 20rpx;
+  background: #9C1C1A;
+  color: #FFFFFF;
+  font-size: 22rpx;
+}
+
+.user .header .picTxt .text {
+  width: auto !important;
+}
+
+.btn-change {
+  background: linear-gradient(180deg, #F8F3B4 0%, #F2CB6F 100%);
+}
+
+.vip-box {
+  border-radius: 8rpx;
+  padding: 4rpx 8rpx;
+  margin-right: 20rpx;
+}
+
+.vip-box .diamond-img {
+  width: 24rpx;
+  height: 24rpx;
+  margin-right: 4rpx;
+}
+
+.vip-box .vip-title {
+  font-size: 20rpx;
+  // color:rgba(67,47,39,1);
+  color: #6F644A;
+}
+
+.user .header .picTxt .text .id {
+  margin-top: inherit !important;
+  color: #fff !important;
+}
+
+.promotion-text {
+  font-size: 24rpx;
+  color: #8C2A03;
+  position: relative;
+  z-index: 1;
+  margin-bottom: 8rpx;
+}
+
+.promotion-img {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+}
+
+.member-box {
+  margin-top: 32rpx;
+  padding: 26rpx 40rpx;
+  margin-bottom: 40rpx;
+
+}
+
+.cur-member-title {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: rgba(255, 233, 202, 1);
+}
+
+.cur-member-desc {
+  font-size: 22rpx;
+  color: #C3B2A0;
+}
+
+.upgrade-btn {
+  font-size: 24rpx;
+  color: #483123;
+  z-index: 1;
+  padding: 8rpx 20rpx;
+  background: rgba(255, 207, 126, 1);
+  border-radius: 24px;
+}
+
+.wrapper {
+  // background-color: #FFF;
+  margin: 0 30rpx;
+  z-index: 1;
+  border-radius: 0 0 16rpx 16rpx;
+}
+
+.user .wrapper {
+  padding: 0 !important;
+}
+
+.wrapper .nav {
+  position: relative;
+  margin-top: 40rpx;
+  box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.1);
+  border-radius: 16rpx;
+}
+
+.myOrder {
+  box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.1);
+  border-radius: 16rpx;
+}
+
+.myService {
+  box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.1);
+  border-radius: 16rpx;
+}
+
+.user .wrapper .nav {
+  // min-height: 140rpx;
+  height: auto;
+  padding-top: 20rpx;
+  padding-bottom: 20rpx;
+}
+
+.protocol-state-box {
+  font-size: 24rpx;
+  color: #FFF2D5;
+  padding: 6rpx 14rpx;
+  border: 1px solid #FFF0CD;
+  border-radius: 4rpx;
+}
+
+.unread-dot {
+  position: absolute;
+  right: 0;
+  top: 0;
+  flex-shrink: 0;
+  width: 0.16*100rpx;
+  height: 0.16*100rpx;
+  background: #fff;
+  border-radius: 50%;
+}
+
+.vline {
+  color: #fff;
+  background: #fff;
+  width: 1px;
+  height: 30rpx;
+}
+
+.withdrawBtn {
+  color: #482D00;
+  font-size: 24rpx;
+  width: 132rpx;
+  height: 48rpx;
+  line-height: 48rpx;
+  text-align: center;
+  border-radius: 24rpx;
+}
+
+.accountDetailBtn {
+  background: #C51718;
+  color: #fff;
+  font-size: 24rpx;
+  width: 132rpx;
+  height: 48rpx;
+  line-height: 48rpx;
+  text-align: center;
+  border-radius: 24rpx;
+}
+
+.benifitIntroBtn {
+  background: #C51718;
+  color: #fff;
+  font-size: 24rpx;
+  width: 132rpx;
+  height: 48rpx;
+  line-height: 48rpx;
+  text-align: center;
+  border-radius: 24rpx;
+}
+
+.center-box {
+  width: 632rpx;
+  height: 218rpx;
+  margin-top: 40rpx;
+  background-size: 632rpx 218rpx;
+  background-repeat: no-repeat;
+  //background: #0DC5C5 !important;
+  //border-bottom-left-radius: 16rpx;
+  //border-bottom-right-radius: 16rpx
+}
+</style>
diff --git a/pagesInn/components/jin-edit/jin-edit.vue b/pagesInn/components/jin-edit/jin-edit.vue
new file mode 100644
index 0000000..c435769
--- /dev/null
+++ b/pagesInn/components/jin-edit/jin-edit.vue
@@ -0,0 +1,303 @@
+<template>
+	<view class="container" :style="{height: height}"> 
+		<editor
+			class="ql-container"
+			:placeholder="placeholder"
+			:show-img-size="true"
+			:show-img-toolbar="true"
+			:show-img-resize="true"
+			@ready="onEditorReady"
+			id="editor"
+			@statuschange="statuschange"
+			@focus="editFocus" 
+			@blur="editBlur"
+			ref="editot"
+		></editor>   
+		<!-- 操作工具 -->
+		<view class="tool-view" > 
+			<!-- 文字相关操作 -->
+			<view class="font-more" :style="{ height: showMoreTool ? '100rpx' : 0 }">
+				<jinIcon class="single" type="&#xe6e7;" title="加粗" @click="setBold" :color="showBold ? activeColor : '#666666'"></jinIcon>
+				<jinIcon class="single" type="&#xe6fe;" title="斜体" @click="setItalic" :color="showItalic ? activeColor : '#666666'"></jinIcon>
+				<jinIcon class="single" type="&#xe6f8;" title="分割线" @click="setIns" :color="showIns ? activeColor : '#666666'"></jinIcon>
+				<jinIcon class="single" type="&#xe6e3;" title="标题" @click="setHeader" :color="showHeader ? activeColor : '#666666'"></jinIcon>
+				<jinIcon class="single" type="&#xe6f1;" title="居中" @click="setCenter" :color="showCenter ? activeColor : '#666666'"></jinIcon>
+				<jinIcon class="single" type="&#xe6ed;" title="居右" @click="setRight" :color="showRight ? activeColor : '#666666'"></jinIcon>
+			</view>
+			<view class="setting-layer-mask" v-if="showSettingLayer" @click="showSetting"></view>
+			<view class="setting-layer" v-if="showSettingLayer">
+				<view class="single" @click="release(true)">
+					<jinIcon class="icon" type="&#xe639;" ></jinIcon>
+					<view>公开发布</view>
+				</view>
+				<view class="single" @click="release(false)">
+					<jinIcon class="icon" type="&#xe655;" ></jinIcon>
+					<view>暂时保存</view>
+				</view>
+			</view>
+			<view class="tool">
+				<!-- <jinIcon class="single" type="&#xe6f3;" title="图片" @click="insertImage"></jinIcon> -->
+				<jinIcon class="single" type="&#xe6f9;" title="格式" @click="showMore" :color="showMoreTool ? activeColor : '#666666'"></jinIcon>
+				<jinIcon class="single" type="&#xe6eb;" title="分割线" @click="insertDivider"></jinIcon>
+				<jinIcon class="single" type="&#xe6e8;" title="撤回" @click="undo"></jinIcon>
+				<jinIcon class="single" type="&#xe705;" title="还原" @click="redo"></jinIcon>
+				<!-- <jinIcon class="single" type="&#xeb8a;" title="设置" @click="showSetting"></jinIcon> -->
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import jinIcon from './jin-icons.vue';
+export default {
+	props: {
+		// 点击图片时显示图片大小控件
+		showImgSize: {
+			type: Boolean,
+			default: false
+		},
+		// 点击图片时显示工具栏控件
+		showImgToolbar: {
+			type: Boolean,
+			default: false
+		},
+		// 点击图片时显示修改尺寸控件
+		showImgResize: {
+			type: Boolean,
+			default: false
+		},
+		// 占位符
+		placeholder: {
+			type: String,
+			default: '开始输入...'
+		},
+		// 图片上传的地址
+		uploadFileUrl: {
+			type: String,
+			default: '#'
+		},
+		// 上传文件时的name
+		fileKeyName: {
+			type: String,
+			default: 'file'
+		},
+		// 上传图片时，http请求的header
+		header: {
+			type: Object
+		},
+		// 初始化html
+		html: {
+			type: String
+		},
+		// 整个控件的高度
+		height: {
+			type: String,
+			default: '25vh'
+		}
+	},
+	computed:{
+		
+	},
+	data() {
+		return {
+			showMoreTool: false,
+			showBold: false,
+			showItalic: false,
+			showIns: false,
+			showHeader: false,
+			showCenter: false,
+			showRight: false,
+			showSettingLayer: false,
+			activeColor: '#F56C6C'
+		};
+	},
+	components: {
+		jinIcon
+	},
+	mounted() {
+	},
+	methods: {
+		onEditorReady(e) {
+			uni.createSelectorQuery()
+				.in(this)
+				.select('.ql-container')
+				.fields({
+					size: true,
+					context: true
+				},res => {
+					this.editorCtx = res.context;
+					this.editorCtx.setContents({
+						html: this.html
+					})
+				})
+				.exec();
+		},
+		undo() {
+			this.editorCtx.undo();
+		},
+		/// 插入分割线
+		insertDivider() {
+			this.editorCtx.insertDivider();
+		},
+		redo() {
+			this.editorCtx.redo();
+		},
+		showMore() {
+			this.showMoreTool = !this.showMoreTool;
+			this.editorCtx.setContents()
+		},
+		setBold() {
+			this.showBold = !this.showBold;
+			this.editorCtx.format('bold');
+		},
+		setItalic() {
+			this.showItalic = !this.showItalic;
+			this.editorCtx.format('italic');
+		},
+		checkStatus(name, detail, obj) {
+			if (detail.hasOwnProperty(name)) {
+				this[obj] = true;
+			} else {
+				this[obj] = false;
+			}
+		},
+		statuschange(e) {
+			var detail = e.detail;
+			this.checkStatus('bold', detail, 'showBold');
+			this.checkStatus('italic', detail, 'showItalic');
+			this.checkStatus('ins', detail, 'showIns');
+			this.checkStatus('header', detail, 'showHeader');
+			if (detail.hasOwnProperty('align')) {
+				if (detail.align == 'center') {
+					this.showCenter = true;
+					this.showRight = false;
+				} else if (detail.align == 'right') {
+					this.showCenter = false;
+					this.showRight = true;
+				} else {
+					this.showCenter = false;
+					this.showRight = false;
+				}
+			} else {
+				this.showCenter = false;
+				this.showRight = false;
+			}
+		},
+		setIns() {
+			this.showIns = !this.showIns;
+			this.editorCtx.format('ins');
+		},
+		setHeader() {
+			this.showHeader = !this.showHeader;
+			this.editorCtx.format('header', this.showHeader ? 'H2' : false);
+		},
+		setCenter() {
+			this.showCenter = !this.showCenter;
+			this.editorCtx.format('align', this.showCenter ? 'center' : false);
+		},
+		setRight() {
+			this.showRight = !this.showRight;
+			this.editorCtx.format('align', this.showRight ? 'right' : false);
+		},
+		showSetting() {
+			this.showSettingLayer = !this.showSettingLayer;
+		},
+		async editFocus(e) {
+		},
+		editBlur(e) {
+			this.editorCtx.getContents({
+				success: res => {
+					this.$emit('editOk', res);
+				} 
+			})
+		},
+		release(isPublic) {
+			this.showSettingLayer = false;
+			this.editorCtx.getContents({
+				success: res => {
+					Object.assign(res, {
+						isPublic: isPublic
+					})
+					this.$emit('editOk', res);
+				} 
+			})
+		},
+	}
+};
+</script>
+
+<style scoped>
+.container {
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	box-sizing: border-box;
+	/* padding-top: 30rpx; */
+}
+
+.ql-container {
+	line-height: 150%;
+	font-size: 22rpx;
+	width: 100%;
+	height: 240px;
+	background: #fff;
+	margin: 0 auto;
+	flex: 1;
+	box-sizing: border-box;
+	/* padding-bottom: 5rpx; */
+} 
+.tool-view{
+	width: 100%;
+	background: #eee;
+	/* margin-top: 20px; */
+}
+.tool {
+	height: 95rpx;
+	display: flex;
+	align-items: center;
+	justify-content: space-around;
+	width: 100%;
+}
+
+.font-more {
+	display: flex;
+	align-items: center;
+	justify-content: space-around;
+	width: 100%;
+	background: rgb(235, 235, 235);
+	overflow: hidden;
+	transition: all 0.15s;
+}
+
+.setting-layer {
+	position: absolute;
+	bottom: 100rpx;
+	background: #fff;
+	width: 250rpx;
+	right: 20rpx;
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+	border-radius: 8rpx;
+}
+.setting-layer .single {
+	height: 80rpx;
+	font-size: 32rpx;
+	padding: 0 30rpx;
+	display: flex;
+	align-items: center;
+	line-height: 80rpx;
+	flex-direction: row;
+	color: #666;
+}
+.setting-layer .single .icon {
+	margin-right: 20rpx;
+}
+.setting-layer-mask{
+	position: fixed;
+	left: 0;
+	top: 0;
+	width: 100vw;
+	height: 100vh;
+	background: transparent; 
+}
+</style>
diff --git a/pagesInn/components/jin-edit/jin-icons.vue b/pagesInn/components/jin-edit/jin-icons.vue
new file mode 100644
index 0000000..223ff10
--- /dev/null
+++ b/pagesInn/components/jin-edit/jin-icons.vue
@@ -0,0 +1,71 @@
+<template>
+	<view class="content">
+		<view
+			class="icon"
+			:style="{color: color, fontSize: fontSize}"
+			v-html="type"
+			@click="toclick"
+		></view>
+		<view class="desc">{{ title }}</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+			type: {
+				type: String,
+				default: '&#xe644;'
+			},
+			color: {
+				type: String,
+				default: '#666666'
+			},
+			fontSize: {
+				type: String,
+				default: '32rpx'
+			},
+			title: {
+				type: String,
+				default: '说明'
+			}
+		},
+		methods: {
+			toclick() {
+				this.$emit('click');
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.content{
+		position: relative;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		height: 80upx;
+		min-width: 60px;
+		padding-bottom: 15upx;
+	}
+	.content .desc {
+		position: absolute;
+		bottom: 0;
+		width: 100%;
+		text-align: center;
+		font-size: 8px;
+		color: #666;
+		line-height: 8px;
+		transform: translateY(-8px);
+	}
+	@font-face {
+		font-family: 'jin';
+		/** 阿里巴巴矢量图标库的字体库地址，可以替换自己的字体库地址 **/
+		src: url('https://at.alicdn.com/t/font_1491431_6m7ltjo8wi.ttf') format('truetype');
+	}
+
+	.icon {
+		font-family: jin !important;
+	}
+
+</style>
diff --git a/pagesInn/components/jin-edit/readme.md b/pagesInn/components/jin-edit/readme.md
new file mode 100644
index 0000000..5fd5e2c
--- /dev/null
+++ b/pagesInn/components/jin-edit/readme.md
@@ -0,0 +1,65 @@
+## jin-edit 基于editor的富文本编辑器
+
+### 兼容性
+
+这是一个uni-app的通用组件，兼容微信小程序端、安卓端、ios端（未测试）、H5端。作者因没有ios设备无法对ios端进行测试，其他端测试无问题。
+
+微信小程序 | APP | H5
+:--: | :--: | :--:
+√ | √ | √
+
+我的HbuilderX版本2.6.7，不同的版本可能会造成不兼容的问题。
+
+### 使用方式
+
+1. 将此组件进入你的项目中的 /components/ 目录中
+2. 在某个页面中使用该插件
+- 在 `script` 中引用组件
+```javascript
+import jinEdit from '../../components/jin-edit/jin-edit.vue';
+export default {
+	data() {
+		return {
+			
+		}
+	},
+	components: {
+		jinEdit
+	},
+	methods: {
+		// 点击发布
+		editOk(res) {
+			console.log(res);
+		}
+	}
+}
+```
+- 在 `template` 中使用组件
+```html
+<jinEdit placeholder="请输入内容" @editOk="editOk" uploadFileUrl="/#"></jinEdit> 
+```
+
+### Demo
+
+[uni-jin（一个uni-app组件集合）](https://github.com/wangjinxin613/uni-jin)
+
+### 参数
+
+属性 | 类型 | 默认值 | 说明
+:--: | :--: | :--: | :--:
+showImgSize | Boolean | false | 点击图片时显示图片大小控件
+showImgToolbar | Boolean | false | 点击图片时显示工具栏控件
+showImgResize | Boolean | false | 点击图片时显示修改尺寸控件
+placeholder | String | '' | 编辑器占位符
+uploadFileUrl | String | '#' | 图片上传的服务器地址
+fileKeyName | String | 'file' | 图片上传时的name
+header | Object | - | 图片上传http请求的header
+html | String | - | 初始化的html 
+
+### 方法
+
+方法名 | 参数 | 说明
+:--: | :--: | :--:
+editOk | e={html,text,delta,isPublic} | 点击发布按钮触发	
+
+以上
\ No newline at end of file
diff --git a/pagesInn/inn/innGoodList.vue b/pagesInn/inn/innGoodList.vue
new file mode 100644
index 0000000..8c47507
--- /dev/null
+++ b/pagesInn/inn/innGoodList.vue
@@ -0,0 +1,193 @@
+<template>
+  <view class="container">
+    <view v-if="isLoad">
+      <view class="goods-section flex flex-wrap">
+        <view
+          v-for="(item,index) in goodsList"
+          :key="index"
+          class="item"
+          @click="goGoodsConByID(item)"
+        >
+          <image
+            :src="item.image"
+            class="cover"
+          />
+          <view class="">
+            <view class="name more-t">{{ item.storeName }}</view>
+            <view class="price-line flex ai-center">
+              <image
+                :src="webUrl + '/20221118104357701129.png'"
+                class="label"
+                mode="scaleToFill"
+              />
+              <text>￥{{ item.price }}</text>
+            </view>
+          </view>
+          <view class="sales-line flex ai-center">
+            <image
+              :src="webUrl + '/20221118092713277343.png'"
+              class="icon"
+              mode="scaleToFill"
+            />
+            <text>{{ item.sales }}人已购买</text>
+          </view>
+        </view>
+      </view>
+      <view
+        v-if="loading"
+        class="loading-txt"
+      >
+        加载中...
+      </view>
+      <view
+        v-if="page >= totalPage"
+        class="loading-txt"
+      >
+        已经到底了
+      </view>
+    </view>
+    <goo-skeleton v-else />
+  </view>
+</template>
+
+<script>
+import {
+  getHotelGoodList
+} from "@/api/inn.js";
+import imgBox from '@/components/imageTypeSet/imagebox.vue'
+import GooSkeleton from '@/components/GooSkeleton/index.vue'
+
+export default {
+  components: {
+    imgBox,
+    GooSkeleton
+  },
+  data() {
+    return {
+      webUrl: this.$VUE_APP_RESOURCES_URL,
+      isLoad: false,
+      loading: false,
+      page: 1,
+      totalPage: 1,
+      goodsList: [],
+      id: null,
+    }
+  },
+  onLoad(options) {
+    if (options.id) {
+      this.id = options.id || null;
+      this.fetchGoods()
+    }
+  },
+	onReachBottom() {
+    if (this.page >= this.totalPage) {
+      return
+    }
+		if (!this.loading) {
+      this.page++
+			this.fetchGoods()
+		}
+	},
+  methods: {
+    goGoodsConByID(item) {
+      this.$yrouter.push({
+        path: '/pages/shop/GoodsCon/index',
+        query: {
+          id: item.id
+        }
+      })
+    },
+    fetchGoods() {
+      this.loading = true
+      getHotelGoodList({
+        id: this.id,
+        page: this.page,
+        limit: 10
+      }).then(res => {
+        const { success, data } = res
+        if (success) {
+          this.isLoad = true
+          this.totalPage = data.pages
+          const len = data.records.length
+          if (len > 0) {
+            for (let i = 0; i < len; i++) {
+              this.goodsList.push(data.records[i])
+            }
+          }
+        }
+      }).finally(() => {
+        this.loading = false
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="less">
+@import "@/assets/css/store.less";
+.goods-section {
+  padding: 40rpx 32rpx 0;
+  .item {
+    position: relative;
+    width: 332rpx;
+    height: 528rpx;
+    box-sizing: border-box;
+    margin-right: 22rpx;
+    margin-bottom: 24rpx;
+    border-radius: 8rpx;
+    background: #fff;
+    .name {
+      padding: 8rpx 6rpx;
+      font-size: 26rpx;
+      line-height: 36rpx;
+      color: #333333;
+    }
+    .price-line {
+      padding: 0 10rpx;
+      font-size: 26rpx;
+      line-height: 38rpx;
+      color: #ED0F0F;
+    }
+    .sales-line {
+      position: absolute;
+      bottom: 0;
+      width: 100%;
+      padding: 8rpx 10rpx 18rpx;
+      border-top: 1rpx solid #EFEFEF;
+      font-size: 24rpx;
+      line-height: 34rpx;
+      color: #8D8D8D;
+    }
+  }
+  .item:nth-child(2n) {
+    margin-right: 0;
+  }
+  .cover {
+    width: 332rpx;
+    height: 332rpx;
+    background: rgba(255, 255, 255, 0.39);
+    border-radius: 8rpx;
+    vertical-align: middle;
+  }
+  .label {
+    width: 40rpx;
+    height: 24rpx;
+    margin-right: 4rpx;
+    vertical-align: middle;
+  }
+  .icon {
+    width: 24rpx;
+    height: 24rpx;
+    margin-right: 6rpx;
+    vertical-align: middle;
+  }
+}
+.container {
+  position: relative;
+  background: #F5F5FA;
+}
+.loading-txt {
+  padding: 30rpx 0;
+  color: #999;
+  text-align: center;
+}
+</style>
diff --git a/pagesInn/inn/innHome.vue b/pagesInn/inn/innHome.vue
index 0a31fc9..6878809 100644
--- a/pagesInn/inn/innHome.vue
+++ b/pagesInn/inn/innHome.vue
@@ -1,223 +1,379 @@
 <template>
   <view class="container">
     <!-- title="店铺主页" -->
-    <hx-navbar :fixed="true" statusBarFontColor="#ffffff" barPlaceholder="hidden" transparent="auto" color='#ffffff'
-               :background-color="[[13,197,197],[13,197,197]]" :pageScroll.sync="scrollData"/>
-
-    <!--    7-3-->
-    <image class="fixed-share" :src="webUrl+'/20230619110913307276.png'" @click="changeShare"
-           v-if="posterUrl.length>0"/>
-    <u-popup :show="showShare" mode="center" bgColor="transparent">
-      <view class="box-share">
-        <view class="box-img">
-          <image class="icon" :src="webUrl+'/20230608112219219303.png'" @click="changeShare"/>
-          <image class="main-img" :src="posterUrl"/>
-        </view>
-        <image class="btn" :src="webUrl+'/20230608112210135038.png'" @click="saveImg"/>
-      </view>
-    </u-popup>
-
-    <view class="cover-box">
-      <image class="full-img" :src="inn.cover" mode="widthFix"></image>
-      <view class="box-mask flex jc-between ai-end">
-        <view class="inn-name flex-0 more-t">{{ inn.name }}</view>
-        <view class="city-section flex jc-end ai-center" v-if="inn.cityName != undefined && inn.cityName.length>0">
-          <image style="width: 22rpx;height: 22rpx;margin-right: 8rpx;" :src="webUrl+'/20210807215539157727.png'"
-                 mode=""></image>
-          <text class="one-t" style="font-size: 24rpx;color: #fff;">{{ inn.cityName }}</text>
+    <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="false"
+            :loop="true"
+            object-fit="contain"
+            play-btn-position="center"
+            class="video"
+          />
         </view>
       </view>
-    </view>
-
-    <view class="innInfoWrap flex ai-end">
-      <view class="inn-logo flex-0" style="">
-        <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.ownerName }}/店主</view>
-
-        <view class="guarantee flex jc-center ai-center" v-if="inn.guaranteeValue">保证金：{{
-            inn.guaranteeValue
-          }}元
-        </view>
-
-        <view class="flex ai-center">
-          <view class="zan-box flex flex-0 ai-end" @click="zanInn">
-            <template v-if="isLike">
-              <image :src="webUrl+'/20230828095210280991.png'"/>
-              <text style="font-size: 28rpx;color: #FF564A;">{{ inn.zan }}</text>
-            </template>
-            <template v-else>
-              <image :src="webUrl+'/20230828095217616640.png'"/>
-              <text style="font-size: 28rpx;color: #333333;">{{ inn.zan }}</text>
-            </template>
-          </view>
-
-          <view class="flex flex-0 ai-end">
-            <image style="width: 32rpx;height: 32rpx;margin-left: 10rpx;" :src="webUrl+'/20240113230535491918.png'"
-                   mode="scaleToFill" @click="doneFavorite" v-if="isFavorite"/>
-            <image style="width: 32rpx;height: 32rpx;margin-left: 10rpx;" :src="webUrl+'/20240122093206161576.png'"
-                   mode="scaleToFill" @click="doneFavorite" v-else/>
-            <text style="font-size: 28rpx;color: #333333;">{{ favoriteCount }}</text>
-          </view>
-
-        </view>
-
-      </view>
-    </view>
-
-    <view class="" style="padding: 0 32rpx;margin-top: 10rpx;">
-      <view class="inn-signature">
-        <text style="font-size: 24rpx;color: #080F1A;">{{ inn.content }}</text>
-      </view>
-    </view>
-
-    <view v-if="inn.desc != null && inn.desc.length>0" class="" style="padding: 0 32rpx;margin-top: 30rpx;">
-      <view class="desc-box">
-        <text class="fixed">简介：</text>
-        <rich-text :nodes="inn.desc"/>
-        <!--        <view v-html="handleRichText(inn.desc)"></view>-->
-      </view>
-    </view>
-
-    <view class="map-wrap acea-row row-center">
-      <image style="height: 160rpx;width: 100%;" :src="webUrl+'/20210225151241154614.png'"></image>
-      <view class="address-block acea-row row-middle">
-        <image style="width: 32rpx;height: 32rpx;margin-right: 10rpx;" :src="webUrl+'/20220901223747933873.png'"
-               mode=""></image>
-        <text class="address-text">{{ inn.address }}</text>
-      </view>
-      <view class="buttons-block acea-row row-middle">
-        <!-- call 拨打电话-->
-        <!--        goRoom-->
-        <view class="phone-block acea-row row-middle" @click="call">
-          <image style="width: 32rpx;height: 32rpx;margin-right: 10rpx;" :src="webUrl+'/20220901223901017309.png'"
-                 mode=""></image>
-          <text style="font-size: 24rpx;color: #41454d;">联系客服</text>
-        </view>
-        <view class="vline"></view>
-        <view class="map-block acea-row row-middle" @click="showLocation">
-          <image style="width: 32rpx;height: 32rpx;margin-right: 10rpx;" :src="webUrl+'/20220901223401590275.png'"
-                 mode=""></image>
-          <text style="font-size: 24rpx;color: #41454d;">进入地图</text>
-        </view>
-      </view>
-    </view>
-
-    <view class="top-tab acea-row row-middle row-center" style="margin-top: 60rpx;border-bottom: 1px solid #f5f5f5;">
-      <view class="tab" @click="changeTab(0)">
-        <text class=""
-              :style="activeIndex==0?'color:#080F1A;font-size:32rpx;':'color:#A6AAB3;font-size:28rpx;'">企业文化
-        </text>
-        <view v-show="activeIndex==0" class="btLine"></view>
-      </view>
-      <view class="tab" style="margin-left: 70rpx;" @click="changeTab(1)">
-        <text class=""
-              :style="activeIndex==1?'color:#080F1A;font-size:32rpx;':'color:#A6AAB3;font-size:28rpx;'">最新资讯
-        </text>
-        <view v-show="activeIndex==1" class="btLine"></view>
-      </view>
-      <view class="tab" style="margin-left: 70rpx;" @click="changeTab(2)">
-        <text class=""
-              :style="activeIndex==2?'color:#080F1A;font-size:32rpx;':'color:#A6AAB3;font-size:28rpx;'">商家资质
-        </text>
-        <view v-show="activeIndex==2" class="btLine"></view>
-      </view>
-      <view class="tab" style="margin-left: 70rpx;" @click="changeTab(3)" v-show="inn.hasProduct>0">
-        <text class=""
-              :style="activeIndex==3?'color:#080F1A;font-size:32rpx;':'color:#A6AAB3;font-size:28rpx;'">商品
-        </text>
-        <view v-show="activeIndex==3" class="btLine"></view>
-      </view>
-    </view>
-
-    <!-- 企业文化 -->
-    <view v-if="activeIndex===0" class="pics-section" style="position: relative;">
-      <view class="pics-list acea-row" v-if="inn.pics.length>0">
-        <view :style="{width:picColumnWidth}" @click="showPic(index)" class="pics-item" v-for="(url, index) in inn.pics"
-              :key="index">
-          <image :style="{width:picColumnWidth,height:picColumnWidth,borderRadius:'8rpx'}" :src="url" mode=""></image>
-        </view>
-      </view>
-    </view>
-
-    <!-- 最新资讯 -->
-    <view v-if="activeIndex===1" class="info-section" style="position: relative;">
-      <view class="info-list acea-row row-column" v-if="infoArray.length>0">
-        <view class="pics-item acea-row" style="flex-wrap: nowrap;" v-for="(info, index) in infoArray" :key="index">
-          <view class="date-block" style="flex-shrink: 0;">
-            <view class="month-day" :style="index===0?'color:#0DC5C5;':''">{{ info.monthDay }}</view>
-            <view class="year">{{ info.year }}</view>
-            <view v-if="isMyInn" class="" style="margin-top: 10rpx;" @click="deleteInnInfo(info)">
-              <image style="width:36rpx;height: 36rpx;" :src="webUrl+'/20210302150736618877.png'" mode=""></image>
+      <view class="innInfoWrap">
+        <view class="bg-color">
+          <view class="box-mask flex jc-between ai-end">
+            <view class="inn-name flex-0 more-t">{{ inn.name }}</view>
+            <view
+              v-if="inn.cityName != undefined && inn.cityName.length > 0"
+              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 class="separator-block acea-row row-column row-middle" style="flex-shrink: 0;">
-            <view :class="['dot',index===0?'first-cell':'']" style="flex-shrink: 0;"></view>
-            <view v-if="(index+1)!==infoArray.length" class="dash-line" style="flex-grow: 1;"></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="info-card" style="flex-grow: 1;">
-            <view class="info-title line1" @click="infoClick(info)">{{ info.name }}</view>
-
-            <template v-if="info.type==='NT_TEXT'">
-              <img-box style="width: 100%;" :imgList='info.resources' :num='info.resources.length'></img-box>
-            </template>
-            <view v-else style="width: 100%;margin-top: 10rpx;">
-              <video style="width: 100%;height: 264rpx;" :src="info.resources[0]" controls play-btn-position="center"/>
+          <view class="a3 flex jc-between ai-end" style="width: 100%">
+            <view class="inn-owner" style="flex-grow: 1;">{{ inn.ownerName }}/店主</view>
+            <view v-if="inn.guaranteeValue" class="guarantee flex jc-center ai-center">
+              保证金：{{ inn.guaranteeValue }}元
             </view>
-
-            <view class="info-media-wrap acea-row row-middle row-between" style="margin-top: 10rpx;"
-                  @click="infoClick(info)">
-              <view class="acea-row row-middle">
-                <view class="acea-row row-middle">
-                  <image style="width: 28rpx;height: 28rpx;margin-right: 4rpx;"
-                         :src="webUrl+'/20230803152147141807.png'"/>
-                  <text class="seeNum-txt">{{ info.pv }}</text>
-                </view>
-                <view class="acea-row row-middle" style="margin-left: 20rpx;">
-                  <image style="width: 28rpx;height: 28rpx;margin-right: 4rpx;"
-                         :src="webUrl+'/20230803151302213857.png'" mode=""></image>
-                  <text class="likeNum-txt">{{ info.zan }}</text>
+            <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">
+                <image
+                  v-if="isFavorite"
+                  :src="webUrl + '/icon/icon-star-on.png'"
+                  mode="scaleToFill"
+                  class="icon"
+                  @click="doneFavorite"
+                />
+                <image
+                  v-else
+                  :src="webUrl + '/icon/icon-star-off.png'"
+                  mode="scaleToFill"
+                  class="icon"
+                  @click="doneFavorite"
+                />
+                <text>{{ favoriteCount }}</text>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="inn-signature-wrap">
+        <view class="triangle"></view>
+        <view class="inn-signature">
+          {{ inn.content }}
+        </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/hotel/icon-location.png'" class="icon" />
+          </view>
+          <view class="map-info-bd">
+            {{ inn.address }}
+          </view>
+          <view class="map-info-ft flex">
+            <view class="item" @click="showLocation">
+              <image :src="webUrl + '/page/hotel/navigation.png'" class="img" />
+              <view>导航</view>
+            </view>
+            <view class="item" @click="call">
+              <image :src="webUrl + '/page/hotel/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="item.isShow ? '' : 'hide'"
+          class="tab"
+          @click="changeTab(item.value)"
+        >
+          <text :class="activeIndex === index ? 'tab-item-active' : 'tab-item-no-active'">
+            {{ item.text }}
+          </text>
+          <view v-show="activeIndex === index" class="btLine"></view>
+        </view>
+      </view>
+      <view :class="isMyInn ? 'my-inn-page' : ''">
+        <!-- v4 商品列表 -->
+        <view v-if="activeIndex === 0" class="goods-section">
+          <view class="flex flex-wrap">
+            <view
+              v-for="(item,index) in goodsList"
+              :key="index"
+              class="item"
+              @click="goGoodsConByID(item)"
+            >
+              <image
+                :src="item.image"
+                class="cover"
+              />
+              <view class="">
+                <view class="name more-t">{{ item.storeName }}</view>
+                <view class="price-line flex ai-center">
+                  <image
+                    :src="webUrl + '/20221118104357701129.png'"
+                    class="label"
+                    mode="scaleToFill"
+                  />
+                  <text>￥{{ item.price }}</text>
                 </view>
               </view>
-              <view class="time">{{ info.time }}</view>
+              <view class="sales-line flex ai-center">
+                <image
+                  :src="webUrl + '/20221118092713277343.png'"
+                  class="icon"
+                  mode="scaleToFill"
+                />
+                <text>{{ item.sales }}人已购买</text>
+              </view>
+            </view>
+          </view>
+          <view v-show="goodsList.length > 0" class="btn">
+            <view class="btn-cont" @click="viewAllGoodHandle">
+              查看所有商品
+              <text class="iconfont icon-jiantou"></text>
             </view>
           </view>
         </view>
-      </view>
-    </view>
-
-    <!-- 商家资质 -->
-    <view style="padding: 32rpx" v-if="activeIndex===2">
-      <image class="store-img" :src="item.image" mode="widthFix" v-for="item in inn.qualifications"/>
-    </view>
-
-    <!-- v4 商品列表 -->
-    <view v-if="activeIndex===3" class="goods-section flex flex-wrap">
-      <view class="item" v-for="(item,index) in goodsList" :key="index" @click="goGoodsConByID(item)">
-        <img class="cover" :src="item.image" alt="">
-        <view class="">
-          <view class="name more-t">{{ item.storeName }}</view>
-          <view class="price-line flex ai-center">
-            <img class="label" :src="webUrl+'/20221118104357701129.png'" mode="scaleToFill">
-            <text>￥{{ item.price }}</text>
+        <!-- 最新资讯 -->
+        <view
+          v-if="activeIndex === 1"
+          class="info-section"
+        >
+          <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 one-t">
+                    {{ item.name }}
+                  </view>
+                  <view class="intro more-t">
+                    {{ item.intro }}
+                  </view>
+                </view>
+                <view class="info-item-body">
+                  <view v-if="item.type === 'NT_VIDEO'" class="video">
+                    <video
+                      :src="item.video"
+                      :poster="item.video + '?vframe/jpg/offset/1'"
+                      controls
+                      play-btn-position="center"
+                      class="video-item"
+                    />
+                  </view>
+                  <view v-else>
+                    <img-box
+                      :imgList="item.resources"
+                      :num="item.resources.length"
+                      :img-radius="10"
+                      style="width: 100%;"
+                    />
+                  </view>
+                </view>
+                <view class="info-item-bottom">
+                  <view class="time">
+                    {{ item.createdTime ? item.createdTime.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
+                        :src="webUrl + '/20230803151302213857.png'"
+                        class="icon"
+                      />
+                      <text class="seeNum-txt">{{ item.zan }}</text>
+                    </view>
+                    <view v-if="isMyInn" class="flex more-btn" @click="toggleMoreHandle(index)">
+                      <image
+                        :src="webUrl + '/page/hotel/more.png'"
+                        class="icon"
+                      />
+                      <view
+                        v-if="item.showMore"
+                        class="more-wrapper"
+                      >
+                        <view
+                          v-if="item.isTop === 0"
+                          class="more-item"
+                          @click="setTopInfoHandle(item, 1)"
+                        >
+                          <image
+                            :src="webUrl + '/page/hotel/settop.png'"
+                            class="more-icon"
+                          />
+                          置顶动态
+                        </view>
+                        <view
+                          v-else
+                          class="more-item"
+                          @click="setTopInfoHandle(item, 0)"
+                        >
+                          <image
+                            :src="webUrl + '/page/hotel/delete.png'"
+                            class="more-icon"
+                          />
+                          取消置顶
+                        </view>
+                        <view class="more-item" @click="deleteInnInfo(item, index)">
+                          <image
+                            :src="webUrl + '/page/hotel/delete.png'"
+                            class="more-icon"
+                          />
+                          删除动态
+                        </view>
+                      </view>
+                    </view>
+                  </view>
+                </view>
+              </view>
+            </view>
           </view>
         </view>
-        <view class="sales-line flex ai-center">
-          <img class="icon" :src="webUrl+'/20221118092713277343.png'" mode="scaleToFill">
-          <text>{{ item.sales }}人已购买</text>
+        <!-- 企业文化 -->
+        <view
+          v-if="activeIndex === 2"
+          class="pics-section"
+        >
+          <view
+            v-if="inn.pics.length > 0"
+            class="pics-list acea-row"
+          >
+            <view
+              v-for="(url, index) in inn.pics"
+              :key="index"
+              :style="{ width: picColumnWidth }"
+              class="pics-item"
+              @click="showPic(index)"
+            >
+              <image
+                :style="{
+                  width: picColumnWidth,
+                  height: picColumnWidth,
+                  borderRadius: '8rpx'
+                }"
+                :src="url"
+              />
+            </view>
+          </view>
+        </view>
+        <!-- 商家资质 -->
+        <view
+          v-if="activeIndex === 3"
+          class="qualifications-section"
+        >
+          <image
+            v-for="(item, index) in inn.qualifications"
+            :key="index"
+            :src="item.image"
+            class="store-img"
+            mode="widthFix"
+          />
         </view>
       </view>
+      <view v-if="isMyInn" class="bottom-view acea-row">
+        <view class="bottom-btn" @click="publishBtnClick">
+          <image :src="webUrl + '/page/hotel/publish.png'" class="img" />
+          发布动态
+        </view>
+        <view class="bottom-btn" @click="modifyBtnClick">
+          <image :src="webUrl + '/page/hotel/edit.png'" class="img" />
+          修改资料
+        </view>
     </view>
-
-    <view v-if="isMyInn" class="bottom-view acea-row">
-      <view class="bottom-btn" style="margin-right: 1px; flex: 1;" @click="publishBtnClick">发布动态</view>
-      <view class="bottom-btn" style="flex: 1;" @click="modifyBtnClick">修改资料</view>
     </view>
-    <view v-if="isMyInn" class="bottom-placeholder"></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>
 
@@ -228,136 +384,122 @@ import {
   getHotelNewsList,
   getHotelZan,
   getPoster,
-  goodsList,
-  postHotelNewsDel
-} from "@/api/inn.js";
-import {formatDateTime} from "@/utils";
-import {getUrlParam} from "@/utils/common.js";
+  getHotelGoodList,
+  postHotelNewsDel,
+  setTopHotelNew
+} from "@/api/inn.js"
+import {formatDateTime} from "@/utils"
+import {getUrlParam} from "@/utils/common.js"
 import imgBox from '@/components/imageTypeSet/imagebox.vue'
-import cookie from "@/utils/store/cookie";
-import {addStore, removeStore} from "@/api/favorite";
+import cookie from "@/utils/store/cookie"
+import {addStore, removeStore} from "@/api/favorite"
+import GooSkeleton from '@/components/GooSkeleton/index.vue'
 
 export default {
   components: {
-    imgBox
+    imgBox,
+    GooSkeleton
   },
   data() {
     return {
       webUrl: this.$VUE_APP_RESOURCES_URL,
-      isExpand: false,
+      isLoad: false,
       activeIndex: 0,
-      page: 1,
-      limit: 20,
       loading: false,
-      loadend: false,
       picColumnWidth: '325rpx',
       scrollData: {},
       infoArray: [],
-      inn: {},
+      inn: {
+        cityName: '',
+        pics: [],
+        desc: '',
+        latitude: '',
+        longitude: ''
+      },
       isMyInn: false, //是否是自己的客栈
       goodsList: [],
-      goodsPage: 1,
       showShare: false,
-      posterUrl: "", // 分享海报
+      posterUrl: '', // 分享海报
       id: null,
       partnerId: null,
       isLike: false, //点赞
       isFavorite: false,
-      favoriteCount: 0
+      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 }
+      ]
     }
   },
-  //必须在页面加 onPageScroll(e){} ，才能滑动显示背景
+  // 必须在页面加 onPageScroll(e){} ，才能滑动显示背景
   onPageScroll(e) {
-    this.scrollData = e;
-  },
-  onShow: function () {
-    this.page = 1;
-    this.loading = false;
-    this.loadend = false;
+    this.scrollData = e
   },
   onLoad: function (options) {
     if (options.id) {
-      this.id = options.id || null;
-      this.partnerId = options.partnerId || null;
+      this.id = options.id || null
+      this.partnerId = options.partnerId || null
     } else {
-      let obj = uni.getEnterOptionsSync();
+      let obj = uni.getEnterOptionsSync()
       if (options.scene || obj.query.scene) {
-        let query = options ? decodeURIComponent(options.scene) : decodeURIComponent(obj.query.scene);
-        this.id = getUrlParam(query, "id") || null;
-        this.partnerId = getUrlParam(query, "partnerId") || null;
+        const query = options ? decodeURIComponent(options.scene) : decodeURIComponent(obj.query.scene)
+        this.id = getUrlParam(query, 'id') || null
+        this.partnerId = getUrlParam(query, 'partnerId') || null
       }
     }
-    if (this.partnerId) cookie.set("spread", this.partnerId);
-
-    this.fetchInnDetail();
-    this.fetchInnInfoList();
-    this.initPoster();
-
-    let that = this;
-    this.isMyInn = (this.$yroute.query.isMyInn != null ? true : false);
+    if (this.partnerId) cookie.set('spread', this.partnerId)
+    this.fetchInnDetail()
+    this.fetchInnInfoList()
+    this.initPoster()
+    this.isMyInn = (this.$yroute.query.isMyInn != null ? true : false)
     uni.getSystemInfo({
       success: (e) => {
-        //两列商品宽度
-        that.picColumnWidth = (e.screenWidth - uni.upx2px(92)) / 2 + 'px';
-        console.log('picColumnWidth:' + that.picColumnWidth);
+        // 两列商品宽度
+        this.picColumnWidth = (e.screenWidth - uni.upx2px(92)) / 2 + 'px'
       }
-    });
+    })
   },
-  // 下拉刷新
-  onPullDownRefresh() {
-    if (this.activeIndex == 0) {
-      this.page = 1;
-      this.loading = false;
-      this.loadend = false;
-      this.fetchInnInfoList();
-    } else {
-      this.fetchInnDetail();
-
+  onShow() {
+    if (!this.isLoad) {
+      return
     }
-  },
-  // 上拉触底
-  onReachBottom() {
-    if (this.activeIndex === 3) {
-      this.goodsPage++;
-      this.fetchGoods();
-    } else {
-      !this.loading && this.fetchInnInfoList();
+    if (this.inn.hasProduct <= 0) {
+      this.fetchGoods()
     }
+    this.fetchInnInfoList()
+    this.fetchInnDetail()
   },
   methods: {
     changeShare() {
-      this.showShare = !this.showShare;
+      this.showShare = !this.showShare
     },
-    goRoom() {
-      uni.navigateTo({
-        url: `/pkg_common/views/room?id=${this.inn.merId}&name=${this.inn.name}`
-      })
-    },
-
     goGoodsConByID(item) {
       this.$yrouter.push({
         path: '/pages/shop/GoodsCon/index',
         query: {
           id: item.id
         }
-      });
+      })
     },
-
     saveImg() {
-      let that = this;
-
+      const _this = this
       uni.getSetting({
         success: getRes => {
           if (getRes.authSetting["scope.writePhotosAlbum"]) {
-            that.downloadImage();
+            _this.downloadImage()
           } else {
             uni.authorize({
               scope: "scope.writePhotosAlbum",
               success: () => {
-                that.downloadImage();
+                _this.downloadImage()
               },
               fail: () => {
-                console.log("authorize fail")
                 uni.openSetting({
                   success: openRes => {
                     console.log(typeof openRes, openRes)
@@ -378,25 +520,21 @@ export default {
         }
       })
     },
-
     downloadImage() {
-      let that = this;
-      const randomID = () => Math.random().toString(36).substring(2);
-
+      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",  //指定的本地文件路径
+        url: this.posterUrl, // 网络图片的地址
+        filePath: wx.env.USER_DATA_PATH + "/share_" + randomID() + ".png",  // 指定的本地文件路径
         success: downRes => {
-          console.log(typeof downRes, downRes, "down")
-
           uni.saveImageToPhotosAlbum({
-            filePath: downRes.filePath, //临时文件地址
+            filePath: downRes.filePath, // 临时文件地址
             success: function () {
               uni.showToast({
                 title: "保存成功",
                 icon: "success",
                 success() {
-                  that.showShare = false;
+                  _this.showShare = false
                 }
               })
             },
@@ -416,184 +554,168 @@ export default {
         }
       })
     },
-
-    doExpandDesc: function () {
-      this.isExpand = !this.isExpand;
-    },
-    showQrcode: function () {
-      uni.previewImage({
-        current: 0,
-        urls: [this.inn.qrcode]
-      });
-    },
     zanInn: function () {
       getHotelZan(this.inn.id).then(() => {
-        this.isLike = !this.isLike;
-        this.fetchInnDetail();
+        this.isLike = !this.isLike
+        this.fetchInnDetail()
       }).catch((err) => {
         uni.showToast({
           title: err.msg + '',
           icon: 'none',
           mask: false,
           duration: 1500
-        });
+        })
       })
     },
     infoClick: function (info) {
-      this.$yrouter.push('/pagesInn/inn/innInfoDetail?id=' + info.id);
+      this.$yrouter.push('/pagesInn/inn/innInfoDetail?id=' + info.id)
     },
     publishBtnClick: function () {
-      this.$yrouter.push('/pagesInn/inn/innInfoPublish?hotelId=' + this.inn.id);
+      this.$yrouter.push('/pagesInn/inn/innInfoPublish?hotelId=' + this.inn.id)
     },
-
     modifyBtnClick: function () {
-      this.$yrouter.push("/pagesInn/inn/innProfileEdit?hotel=" + encodeURIComponent(JSON.stringify(this.inn)));
-      // this.$yrouter.push('/pagesInn/inn/innProfileEdit');
+      uni.setStorageSync('MY_HOTEL_INFO', JSON.stringify(this.inn))
+      this.$yrouter.push("/pagesInn/inn/innProfileEdit?id=" + this.inn.id)
     },
-    //删除客栈动态
-    deleteInnInfo: function (info) {
-      let that = this;
+    // 删除客栈动态
+    deleteInnInfo: function (info, index) {
+      const _this = this
+      _this.toggleMoreHandle(index)
       uni.showModal({
-        title: '确认删除此动态?',
-        content: '',
+        title: '提示',
+        content: '确认删除此动态?',
         showCancel: true,
         cancelText: '取消',
         confirmText: '确认',
         success: res => {
-
           if (res.confirm) {
-            uni.showLoading();
-            var param = {
+            uni.showLoading()
+            postHotelNewsDel({
               id: info.id,
-              hotelId: that.inn.id
-            }
-            postHotelNewsDel(param).then((res1) => {
-              uni.hideLoading();
-
-
-              that.$dialog.toast({
+              hotelId: _this.inn.id
+            }).then((res1) => {
+              uni.hideLoading()
+              _this.$dialog.toast({
                 mes: '删除成功!'
-              });
-              //删除成功刷新动态列表
-              that.page = 1;
-              that.loading = false;
-              that.loadend = false;
-              that.fetchInnInfoList();
-
-              // setTimeout(function() {
-
-
-              // }, 1000);
-
-
+              })
+              // 删除成功刷新动态列表
+              _this.fetchInnInfoList()
             }).catch((err) => {
-              uni.hideLoading();
-
+              uni.hideLoading()
               uni.showToast({
                 title: err.msg,
                 icon: "none",
                 duration: 1500
-              });
-
-            }).finally(() => {
-
-            });
+              })
+            })
           }
-
-        },
-        fail: () => {
-        },
-        complete: () => {
         }
-      });
+      })
     },
     fetchInnInfoList: function () {
-      let that = this;
-      if (that.loading) return; //阻止下次请求（false可以进行请求）；
-      if (that.loadend) return; //阻止结束当前请求（false可以进行请求）；
-      that.loading = true;
-      let q = {
-        page: that.page,
-        limit: that.limit,
-        hotelId: that.id
-      };
-      getHotelNewsList(q).then(res => {
-        that.loading = false;
-        //apply();js将一个数组插入另一个数组;
-        if (that.page == 1) {
-          that.infoArray = [];
-        }
-        that.infoArray.push.apply(that.infoArray, res.data.map((info) => {
-          var pt = info.createdTime.replace(/-/g, "/");
-          info.year = formatDateTime(pt, 'yyyy');
-          info.monthDay = formatDateTime(pt, 'MM/dd');
-          info.time = formatDateTime(pt, 'HH:mm:ss');
-          return info;
-        }));
-        that.loadend = res.data.length < that.limit; //判断所有数据是否加载完成；
-        that.page = that.page + 1;
-      }).catch((err) => {
-
-      }).finally(() => {
-        uni.stopPullDownRefresh();
-      });
-    },
-    handleRichText: function (str) {
-      if (str != null) {
-        return `<span class="fixed">简介：</span>` + str.replace(/<\/?[^>]*>/g, '');
-      } else {
-        return '';
+      const _this = this
+      if (_this.loading) {
+        return
       }
+      _this.loading = true
+      _this.infoArray = []
+      getHotelNewsList({
+        page: 1,
+        limit: 9999,
+        hotelId: _this.id
+      }).then(res => {
+        _this.loading = false
+        _this.infoArray.push.apply(_this.infoArray, res.data.map((info) => {
+          var pt = info.createdTime.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
+        uni.stopPullDownRefresh()
+      })
     },
     fetchInnDetail: function () {
-      let that = this;
-      if (this.isMyInn) {
-        getHotelDetail(that.id).then((res) => {
-          that.inn = res.data;
-          that.isLike = res.data.zanVo !== null;
-          that.isFavorite = res.data.hasFavorite
-          that.favoriteCount = res.data.favoriteCount
-        }).catch((err) => {
-
-        }).finally(() => {
-          uni.stopPullDownRefresh();
-        });
+      const _this = this
+      let reqFn = null
+      if (_this.isMyInn) {
+        reqFn = getHotelDetail
       } else {
-        getHomeHotelDetail(that.id).then((res) => {
-          that.inn = res.data;
-          that.isLike = res.data.zanVo !== null;
-          that.isFavorite = res.data.hasFavorite
-          that.favoriteCount = res.data.favoriteCount
-        }).catch((err) => {
-
-        }).finally(() => {
-          uni.stopPullDownRefresh();
-        });
+        reqFn = getHomeHotelDetail
       }
+      reqFn(_this.id).then((res) => {
+        const { success, data } = res
+        if (success) {
+          _this.isLoad = true
+          _this.inn = data
+          _this.isLike = data.zanVo !== null
+          _this.isFavorite = data.hasFavorite
+          _this.favoriteCount = data.favoriteCount
+          _this.inn.latitude = _this.inn.latitude ? parseFloat(_this.inn.latitude) : 24.993587
+          _this.inn.longitude = _this.inn.longitude ? parseFloat(_this.inn.longitude) : 102.779656
+          // 该店铺无商品则不显示“精选商品”
+          if (data.hasProduct <= 0) {
+            _this.activeIndex = 1
+            _this.tabList[0].isShow = false
+          } else {
+            _this.fetchGoods()
+          }
+          // 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'
+              }
+            })
+            // 视频宽高自适应
+            /*
+            uni.downloadFile({
+              url: data.cover,
+              success: downRes => {
+                const { tempFilePath } = downRes
+                if (tempFilePath) {
+                  uni.getVideoInfo({
+                    src: tempFilePath,
+                    success: videoRes => {
+                      const { width, height } = videoRes
+                      uni.getSystemInfo({
+                        success: info => {
+                          const screenWidth = info.windowWidth
+                          that.videoStyle.width = screenWidth + 'px'
+                          that.videoStyle.height = screenWidth * height / width + 'px'
+                        }
+                      })
+                    },
+                    fail: err => {
+                      console.log(err)
+                    }
+                  })
+                }
+              }
+            })
+            */
+          }
+        }
+      }).finally(() => {
+        uni.stopPullDownRefresh()
+      })
     },
     initPoster() {
-      getPoster(this.id).then(({data}) => this.posterUrl = data);
+      getPoster(this.id).then(({data}) => this.posterUrl = data)
     },
     showLocation: function () {
-      // if (this.inn.position != null && this.inn.position.length > 0) {
-      //   var arr = this.inn.position.split(",");
-      //   uni.openLocation({
-      //     latitude: parseFloat(arr[1]),
-      //     longitude: parseFloat(arr[0]),
-      //     success: function () {
-      //       console.log('success');
-      //     }
-      //   });
-      // } else {
-      //   this.$dialog.error('暂无位置信息');
-      // }
       if (!this.inn.latitude || !this.inn.longitude) {
-        this.$dialog.error('暂无位置信息');
+        this.$dialog.error('暂无位置信息')
       } else {
         uni.openLocation({
           latitude: this.inn.latitude,
           longitude: this.inn.longitude
-        });
+        })
       }
     },
     showPic: function (index) {
@@ -603,63 +725,54 @@ export default {
       })
     },
     changeTab: function (index) {
-      this.activeIndex = index;
-      this.page = 1;
-      this.loading = false;
-      this.loadend = false;
-
-      //刷新数据
+      this.activeIndex = index
+      this.loading = false
+      // 刷新数据
       switch (this.activeIndex) {
-        case 0:
-          this.fetchInnDetail();
-          break;
         case 1:
-          this.fetchInnInfoList();
-          break;
-        case 3:
-          this.goodsPage = 1;
-          this.goodsList = [];
-          this.fetchGoods();
-          break;
+          this.fetchInnInfoList()
+          break
+        case 0:
+          this.goodsList = []
+          this.fetchGoods()
+          break
+        default:
+          break
       }
     },
     fetchGoods() {
-      goodsList({
+      getHotelGoodList({
         id: this.inn.id,
-        page: this.goodsPage
-      }).then(({
-                 data
-               }) => {
-        let len = data.records.length;
-        if (len > 0) {
-          for (let i = 0; i < len; i++) {
-            this.goodsList.push(data.records[i]);
+        page: 1,
+        limit: 12
+      }).then(res => {
+        const { success, data } = res
+        if (success) {
+          const len = data.records.length
+          if (len > 0) {
+            for (let i = 0; i < len; i++) {
+              this.goodsList.push(data.records[i])
+            }
           }
         }
-      }).catch(() => {
       })
     },
     call: function () {
-
       if (this.inn.tel != undefined && this.inn.tel.length > 0) {
         uni.makePhoneCall({
-
           // 手机号
           phoneNumber: this.inn.tel,
-
           // 成功回调
           success: (res) => {
             console.log('调用成功!')
           },
-
           // 失败回调
           fail: (res) => {
             console.log('调用失败!')
           }
-
-        });
+        })
       } else {
-        this.$dialog.error('电话为空');
+        this.$dialog.error('电话为空')
       }
     },
     async doneFavorite() {
@@ -676,65 +789,51 @@ export default {
           this.favoriteCount = res.data.favoriteCount
         }
       }
+    },
+    toggleMoreHandle(index) {
+      this.$set(this.infoArray[index], 'showMore', !this.infoArray[index].showMore)
+    },
+    viewAllGoodHandle() {
+      uni.navigateTo({
+        url: '/pagesInn/inn/innGoodList?id=' + this.inn.id
+      })
+    },
+    setTopInfoHandle(item, isTop) {
+      uni.showLoading()
+      setTopHotelNew({
+        id: item.id,
+        isTop
+      }).then(res => {
+        const { success } = res
+        if (success) {
+          this.$dialog.toast({
+            mes: '操作成功!'
+          })
+          this.fetchInnInfoList()
+        }
+      }).finally(() => {
+        uni.hideLoading()
+      })
     }
   }
 }
 </script>
 
-<style>
-.conter {
-  /* width:600upx; */
-  height: auto;
-  min-height: 100rpx;
-  display: -webkit-box;
-  word-break: break-all;
-  -webkit-box-orient: vertical;
-  /* 要显示多少行就改变line-clamp的数据,此处折叠起来显示一行*/
-  -webkit-line-clamp: 5;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  background-color: #F5F5F5;
-  padding: 10rpx;
-}
-
-.hide {
-  display: -webkit-box;
-}
-
-.show {
-  display: block;
-}
-
-
-.conter >>> img {
-  display: block;
-  max-width: 100% !important;
-}
-</style>
-
 <style scoped lang="less">
 @import "@/assets/css/store.less";
-
+.my-inn-page {
+  padding: 0 0 100rpx 0;
+}
 .cover-box {
   position: relative;
 
   .full-img {
     width: 750rpx;
   }
-
-  .box-mask {
-    position: absolute;
-    bottom: 0;
-    right: 0;
-    width: 596rpx;
-    box-sizing: border-box;
-    padding: 0 20rpx 12rpx;
-    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
-
-    .city-section {
-      width: 256rpx;
-      margin-left: 20rpx;
-    }
+  .video {
+    display: block;
+    width: 100%;
+    height: 100%;
   }
 }
 
@@ -747,14 +846,28 @@ export default {
   font-size: 22rpx;
   line-height: 1;
 }
-
+.zan-favorite-wrap {
+  font-size: 32rpx;
+  color: #333;
+  .on {
+    color: #FF564A;
+  }
+}
 .zan-box {
-  image {
-    width: 32rpx;
-    height: 32rpx;
+  .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;
@@ -827,6 +940,21 @@ export default {
     margin-right: 6rpx;
     vertical-align: middle;
   }
+  .btn {
+    display: flex;
+    padding: 20rpx 0 40rpx 0;
+    justify-content: center;
+    .btn-cont {
+      padding: 13rpx 30rpx;
+      border: 1px solid #0DC5C5;
+      border-radius: 8rpx;
+      color: #0DC5C5;
+      .iconfont {
+        margin: 0 0 0 20rpx;
+        font-size: 24rpx;
+      }
+    }
+  }
 }
 
 .container {
@@ -836,10 +964,37 @@ export default {
 
 .innInfoWrap {
   position: relative;
-  margin-top: -66rpx;
-  padding: 0 18*2rpx;
+  margin-top: -76rpx;
+  padding: 20rpx 36rpx;
   line-height: 1;
   z-index: 1;
+  .bg-color {
+    position: absolute;
+    top: 0;
+    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: 256rpx;
+        margin-left: 20rpx;
+      }
+    }
+  }
+  .body-cont {
+    position: relative;
+    z-index: 2;
+  }
 }
 
 .inn-logo {
@@ -870,229 +1025,271 @@ export default {
 .inn-tag-wrap {
   margin-top: 10rpx;
 }
-
-.zanmost-tag {
-  padding: 2rpx 8rpx 2rpx 8rpx;
-  background: #FF2D69;
-  font-size: 10*2rpx;
-  color: #FFFFFF;
-  margin-right: 8rpx;
-}
-
-.latest-tag {
-  padding: 2rpx 8rpx 2rpx 8rpx;
-  background: #0DC5C5;
-  font-size: 10*2rpx;
-  color: #FFFFFF;
-  margin-right: 8rpx;
-}
-
-.location-tag {
-  padding: 2rpx 8rpx 2rpx 8rpx;
-  background: #FD685D;
-  font-size: 10*2rpx;
-  color: #FFFFFF;
-}
-
-.inn-signature {
-  background-image: url('http://admin-api.xdd618.com/file/pic/20210225101530789767.png');
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-  padding: 20rpx;
-}
-
-.inn-intro-bold {
-  font-size: 28rpx;
-  color: #0DC5C5;
-}
-
-.inn-intro {
-  font-size: 22rpx;
-  color: #A6AAB3;
-}
-
-
-.map-wrap {
-  padding: 0 32rpx;
+.inn-signature-wrap {
   position: relative;
-  margin-top: 40rpx;
+  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;
+    }
+  }
 }
-
-.address-block {
-  position: absolute;
-  top: 20rpx;
-  left: 56rpx;
-}
-
-.address-text {
-  font-size: 24rpx;
-  color: #41454D;
-}
-
-.phone-block {
-  padding-left: 40rpx;
-  padding-right: 40rpx;
-}
-
-.map-block {
-  padding-left: 40rpx;
-  padding-right: 40rpx;
-}
-
-.vline {
-  width: 0px;
-  margin-left: 20rpx;
-  margin-right: 20rpx;
-  height: 32rpx;
-  border: 1px solid #DADCE0;
-}
-
-.buttons-block {
-
-  background: #FFFFFF;
-  height: 80rpx;
-  box-shadow: 0px 6rpx 16rpx rgba(205, 214, 214, 0.6);
-  border-radius: 12rpx;
-  // width: 263*2rpx;
-  padding: 0 20rpx;
-  position: absolute;
-  margin: 0 auto;
-  bottom: -40rpx;
-
-}
-
 .btLine {
   width: 100%;
   height: 6rpx;
   margin-top: 18rpx;
   background: #0DC5C5;
 }
-
 .pics-box {
   margin: 36rpx;
   background: #fff;
 }
-
 .pics-list {
   position: relative;
-  margin: 36rpx 0;
-  background-color: #fff;
+  padding: 32rpx 0;
   flex-wrap: wrap;
 }
-
 .pics-list .pics-item {
   margin-left: 36rpx;
   margin-top: 20rpx;
 }
-
-.info-section {
-  padding: 36rpx;
-}
-
-.info-list {
-  width: 100%;
-}
-
-.separator-block {
-  padding: 10rpx;
-  margin: 0 20rpx;
-}
-
-.info-card {
-  width: 500rpx;
-  box-sizing: border-box;
-  margin-bottom: 40rpx;
-  padding: 24rpx;
-  border-radius: 8rpx;
-  background: #EBECF0;
-  overflow-x: hidden;
-}
-
-.info-title {
-  font-size: 24rpx;
-  color: #080F1A;
-}
-
-.time {
-  font-size: 22rpx;
-  color: #A6AAB3;
-}
-
-.month-day {
-  font-size: 28rpx;
-  color: #41454D;
-}
-
-.year {
-  font-size: 20rpx;
-  color: #DADCE0;
-  margin-top: 10rpx;
-}
-
-.dot {
-  width: 12rpx;
-  height: 12rpx;
-  background: #080F1A;
-  border-radius: 50%;
-  opacity: 1;
-
-}
-
-.first-cell {
-  background: #0DC5C5;
-}
-
-.dash-line {
-  width: 0px;
-  border: 1px dashed #DADCE0;
-  opacity: 1;
-  margin-top: 10rpx;
-  margin-bottom: 0rpx;
-}
-
-.seeNum-txt {
-  font-size: 22rpx;
-  color: #080F1A;
-}
-
-.likeNum-txt {
-  font-size: 22rpx;
-  color: #080F1A;
-}
-
 .bottom-view {
-  height: 86rpx;
-  line-height: 86rpx;
   position: fixed;
   left: 0;
   right: 0;
-  z-index: 2;
-  background: #FFFFFF;
   bottom: 0;
-}
+  z-index: 99;
+  display: flex;
+  height: 70rpx;
+  padding: 15rpx;
+  border-top: 1px solid #f1f1f1;
+  background: #FFFFFF;
 
-.bottom-btn {
-  text-align: center;
-  font-size: 32rpx;
-  color: #fff;
-  background: #0DC5C5;
+  .bottom-btn {
+    display: flex;
+    flex: 1;
+    align-items: center;
+    justify-content: center;
+    font-size: 32rpx;
+    color: #333;
+    line-height: 70rpx;
+    &:first-child {
+      border-right: 1px solid #d5d5d5;
+    }
+    .img {
+      width: 40rpx;
+      height: 40rpx;
+      margin: 0 12rpx 0 0;
+    }
+  }
 }
-
-.bottom-placeholder {
-  height: 86rpx;
-  width: 100%;
+.tab-item-active {
+  color:#080F1A;
+  font-size:32rpx;
 }
-
-.desc-box {
-  /deep/ .fixed {
-    font-size: 28rpx;
-    font-weight: bold;
-    line-height: 44rpx;
-    color: #0DC5C5;
+.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 32rpx;
+    color: #333;
+    font-size: 14px;
+    .map-info-hd {
+      .icon {
+        display: block;
+        width: 56rpx;
+        height: 56rpx;
+      }
+    }
+    .map-info-bd {
+      flex: 1;
+      padding: 0 60rpx 0 20rpx;
+      line-height: 60rpx;
+    }
+    .map-info-ft {
+      .item + .item {
+        margin: 0 0 0 36rpx;
+      }
+      .item {
+        text-align: center;
+        font-weight: bold;
+        .img {
+          display: block;
+          width: 72rpx;
+          height: 72rpx;
+          margin: 0 0 20rpx 0;
+        }
+      }
+    }
+  }
+}
+.top-tab {
+  margin: 60rpx 0 0 0;
+  border-bottom: 1px solid #ddd;
+  .tab {
+    margin: 0 35rpx;
+    &.hide {
+      display: none;
+    }
+  }
+}
+.info-section,
+.pics-section,
+.qualifications-section {
+  position: relative;
+  background-color: #f6f6f6;
+}
+.info-section,
+.qualifications-section {
+  padding: 32rpx;
+}
+.info-section {
+  .info-item + .info-item {
+    margin: 32rpx 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;
+        }
+        .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;
+              }
+            }
+          }
+        }
+      }
+    }
   }
-
-  font-size: 22rpx;
-  line-height: 40rpx;
-  color: #A6AAB3;
 }
 </style>
diff --git a/pagesInn/inn/innInfoDetail.vue b/pagesInn/inn/innInfoDetail.vue
index 8739e13..0ae4578 100644
--- a/pagesInn/inn/innInfoDetail.vue
+++ b/pagesInn/inn/innInfoDetail.vue
@@ -20,7 +20,7 @@
     </view>
 
     <view class="video-box" v-if="info.type==='NT_VIDEO'">
-      <video style="width: 100%;height: 320rpx;" :src="info.resources[0]" controls play-btn-position="center"/>
+      <video style="width: 100%;height: 320rpx;" :src="info.video" controls play-btn-position="center"/>
     </view>
 
     <view class="content-box">
diff --git a/pagesInn/inn/innInfoPublish.vue b/pagesInn/inn/innInfoPublish.vue
index 0681d14..07ecdc2 100644
--- a/pagesInn/inn/innInfoPublish.vue
+++ b/pagesInn/inn/innInfoPublish.vue
@@ -1,38 +1,69 @@
 <template>
   <view class="page-info-publish">
     <view class="tab-box flex jc-center">
-      <text :class="{'active':tabIndex==index}" v-for="(item,index) in tabData" :key="item"
-        @click="changeTab(index)">{{item.label}}</text>
+      <text
+        v-for="(item,index) in tabData"
+        :key="item"
+        :class="{
+          'active': tabIndex === index
+        }"
+        @click="changeTab(index)"
+      >{{item.label}}</text>
     </view>
-
     <form @submit="formSubmit">
       <view class="form-item">
         <view class="title">标题:</view>
-        <input v-model="title" type="text" placeholder="请输入动态标题..."
-          placeholder-style="font-size:24rpx;color:#C2C5CC;" />
+        <input
+          v-model="form.title"
+          type="text"
+          placeholder="请输入动态标题..."
+          placeholder-style="font-size:24rpx;color:#C2C5CC;"
+          class="inp inp-input"
+        />
       </view>
-
       <view class="form-item">
-        <textarea class="content-style" v-model="content" placeholder="请输入动态内容..."
-          placeholder-style="font-size:24rpx;color:#C2C5CC;" />
+        <view class="title">简介:</view>
+        <textarea
+          v-model="form.intro"
+          placeholder="请输入简介..."
+          placeholder-style="font-size:24rpx;color:#C2C5CC;"
+          class="content-style inp"
+        />
       </view>
-
       <view class="form-item" v-if="showUpload">
-        <tm-upload :dataList="picsArray" :upload_img_wh="uploadImgWH" :upload_max="uploadMax" :url="uploadUrl" :type='uploadType'
-          :header="uploadHeader" @change="uploadedImgChange" />
+        <view v-if="uploadType === 'image'" class="title">图片(最多9张):</view>
+        <view v-else class="title">视频:</view>
+        <tm-upload
+          :dataList="picsArray"
+          :upload_img_wh="uploadImgWH"
+          :upload_max="uploadMax"
+          :url="uploadUrl"
+          :type='uploadType'
+          :header="uploadHeader"
+          @change="uploadedImgChange"
+        />
+      </view>
+      <view class="form-item">
+        <view class="title">资讯详情:</view>
+        <view class="inp">
+          <jin-edit
+            :html="form.content"
+            placeholder="请输入内容"
+            height="320px"
+            @editOk="editOk"
+          />
+        </view>
       </view>
-
       <view class="form-btn">
         <button form-type="submit">发布</button>
       </view>
     </form>
-
-
   </view>
 </template>
 
 <script>
   import tmUpload from '@/pagesInn/components/tm-upload/tm-upload.vue';
+  import jinEdit from '@/pagesInn/components/jin-edit/jin-edit.vue';
   import {
     VUE_APP_API_URL
   } from "@/config";
@@ -41,7 +72,8 @@
   } from "@/api/inn.js";
   export default {
     components: {
-      tmUpload
+      tmUpload,
+      jinEdit
     },
     data() {
       return {
@@ -73,8 +105,11 @@
           }
         ],
         tabIndex: 0,
-        title: "",
-        content: ""
+        form: {
+          title: '',
+          intro: '',
+          content: ''
+        }
       }
     },
     onLoad(option) {
@@ -83,46 +118,48 @@
     methods: {
       changeTab(index) {
         this.tabIndex = index;
-        this.showUpload=false;
-        this.uploadType= this.tabData[index].uploadType;
-        this.uploadCount= this.tabData[index].uploadCount;
+        this.showUpload = false;
+        this.uploadType = this.tabData[index].uploadType;
+        this.uploadCount = this.tabData[index].uploadCount;
         
         setTimeout(()=>{
-          this.showUpload=true;
+          this.showUpload = true;
         },100)
       },
-
+      editOk(res) {
+        this.form.content = res.html
+      },
       //文件上传结果
       uploadedImgChange: function(uploadedFilesList) {
         this.uploadedFilesArray = uploadedFilesList;
       },
-
       formSubmit(e) {
-        if (this.title.length == 0) {
+        if (!this.form.title) {
           this.$dialog.error("请输入动态标题");
           return;
         }
-
-        if (this.content.length == 0) {
-          this.$dialog.error("请输入动态内容");
+        if (!this.form.intro) {
+          this.$dialog.error("请输入简介");
+          return;
+        }
+        if (!this.form.content) {
+          this.$dialog.error("请输入资讯详情");
           return;
         }
-
         if (this.uploadedFilesArray.length == 0) {
           this.$dialog.error("请上传动态图片或视频");
           return;
         }
-
-        let param = {
-          hotelId: this.hotelId,
-          name: this.title,
-          content: this.content,
-          type: this.tabData[this.tabIndex].type,
-          resources: this.uploadedFilesArray.join(",")
-        };
-
         uni.showLoading();
-        postHotelNewsAdd(param).then(res => {
+        postHotelNewsAdd({
+          hotelId: this.hotelId,
+          name: this.form.title,
+          intro: this.form.intro,
+          content: this.form.content,
+          type: this.uploadType === 'image' ? 'NT_TEXT' : 'NT_VIDEO',
+          resources: this.uploadType === 'image' ? this.uploadedFilesArray : [],
+          video: this.uploadType === 'image' ? '' : this.uploadedFilesArray[0]
+        }).then(res => {
           uni.hideLoading();
           this.$dialog.toast({
             mes: "发布成功!"
@@ -141,6 +178,7 @@
 
 <style lang="scss">
   .page-info-publish {
+    padding: 0 0  80rpx 0;
     font-size: 28rpx;
 
     .tab-box {
@@ -173,10 +211,25 @@
       background: #fff;
 
       .content-style {
+        width: 100%;
         height: 200rpx;
-        color: #C2C5CC;
+        box-sizing: border-box;
+        color: #333;
         font-size: 28rpx;
       }
+      .inp {
+        padding: 10rpx 16rpx;
+        border: 1px solid #eee;
+        border-radius: 6rpx;
+      }
+      .inp-input {
+        padding: 0 16rpx;
+        height: 76rpx;
+        line-height: 76rpx;
+      }
+      .title {
+        margin: 0 0 10rpx 0;
+      }
     }
 
     .form-btn {
diff --git a/pagesInn/inn/innProfileEdit.vue b/pagesInn/inn/innProfileEdit.vue
index 26a424c..5a986f6 100644
--- a/pagesInn/inn/innProfileEdit.vue
+++ b/pagesInn/inn/innProfileEdit.vue
@@ -1,25 +1,30 @@
 <template>
   <view class="container">
-
-    <view class="base-info-section" style="margin-bottom: 86rpx;margin-bottom: 86rpx;">
-      <!-- <text class="section-title">详细信息</text> -->
-      <view class="item is_required" @click="chooseLogoImg()">
+    <view class="base-info-section">
+      <view
+        class="item is_required"
+        @click="chooseLogoImg()"
+      >
         <view class="cell acea-row row-between row-middle">
           <view class="cell-title">店铺LOGO</view>
-          <view class="">
-            <image style="width: 64rpx;height: 64rpx;"
-                   :src="innApplyInfo.logo.length>0?innApplyInfo.logo:webUrl+'/20210228103411271415.png'"
-                   mode=""></image>
+          <view>
+            <image
+              :src="innApplyInfo.logo ? innApplyInfo.logo : webUrl + '/20210228103411271415.png'"
+              class="img-item"
+            />
           </view>
         </view>
         <text class="iconfont icon-jiantou"></text>
       </view>
-
       <view class="item is_required">
         <view class="cell acea-row row-between row-middle">
           <view class="cell-title">店铺类型</view>
           <view class="cell-value">
-            <picker :value="typeIndex" @change="typePickerChange" :range="typeRange">
+            <picker
+              :value="typeIndex"
+              :range="typeRange"
+              @change="typePickerChange"
+            >
               <view style="text-align: right;font-size:24rpx;color:#C2C5CC;" v-if="typeList.length>0">
                 {{ typeList[typeIndex].name }}
               </view>
@@ -29,97 +34,110 @@
         </view>
         <text class="iconfont icon-jiantou"></text>
       </view>
-
-      <view class="item is_required" @click="chooseCoverImg()">
+      <view v-if="innApplyInfo.coverType === 1" class="item is_required" @click="chooseCoverImg()">
         <view class="cell acea-row row-between row-middle">
           <view class="cell-title">封面照片</view>
-          <view class="">
-            <image style="width: 64rpx;height: 64rpx;"
-                   :src="innApplyInfo.cover.length>0?innApplyInfo.cover:webUrl+'/20210228103411271415.png'"
-                   mode=""></image>
+          <view>
+            <image
+              :src="innApplyInfo.cover ? innApplyInfo.cover : webUrl + '/20210228103411271415.png'"
+              class="img-item"
+            />
+          </view>
+        </view>
+        <text class="iconfont icon-jiantou"></text>
+      </view>
+      <view v-if="innApplyInfo.coverType === 2" class="item is_required" @click="chooseLogoVideo()">
+        <view class="cell acea-row row-between row-middle">
+          <view class="cell-title">封面视频</view>
+          <view>
+            <video
+              :src="innApplyInfo.coverVideo"
+              :poster="innApplyInfo.coverVideo + '?vframe/jpg/offset/1'"
+              :controls="false"
+              play-btn-position="center"
+              class="video-item"
+            />
           </view>
         </view>
         <text class="iconfont icon-jiantou"></text>
       </view>
-
       <view class="item" @click="chooseQrcodeImg()">
         <view class="cell acea-row row-between row-middle">
           <view class="cell-title">微信二维码</view>
-          <view class="">
-            <image style="width: 64rpx;height: 64rpx;"
-                   :src="innApplyInfo.qrcode.length>0?innApplyInfo.qrcode:webUrl+'/20210228103411271415.png'"
-                   mode=""></image>
+          <view>
+            <image
+              :src="innApplyInfo.qrcode ? innApplyInfo.qrcode : webUrl + '/20210228103411271415.png'"
+              class="img-item"
+            />
           </view>
         </view>
         <text class="iconfont icon-jiantou"></text>
       </view>
-
       <view class="item is_required">
         <view class="cell acea-row row-between row-middle">
           <view class="cell-title">店主名字</view>
-          <view class="cell-value" style="text-align: right;">
-            <input type="text" v-model="innApplyInfo.ownerName" placeholder="请输入店主名字"
-                   placeholder-style="font-size:24rpx;color:#C2C5CC;"/>
+          <view class="cell-value">
+            <input
+              v-model="innApplyInfo.ownerName"
+              type="text"
+              placeholder="请输入店主名字"
+              placeholder-style="font-size:24rpx;color:#C2C5CC;"
+            />
           </view>
         </view>
       </view>
-
-      <!--			<view class="item is_required">-->
-      <!--			  <view class="cell acea-row row-between row-middle">-->
-      <!--					<view class="cell-title">关键词</view>-->
-      <!--					<view class="cell-value" style="text-align: right;">-->
-      <!--						<input type="text" v-model="innApplyInfo.tips" placeholder="店主想对游客说的话" placeholder-style="font-size:24rpx;color:#C2C5CC;" />-->
-      <!--					</view>-->
-      <!--				</view>-->
-      <!--			</view>-->
-
       <view class="item is_required">
         <view class="cell acea-row row-between row-middle">
           <view class="cell-title">一句话介绍</view>
-          <view class="cell-value" style="text-align: right;">
-            <input type="text" v-model="innApplyInfo.content" placeholder="店铺风格一句话描述"
-                   placeholder-style="font-size:24rpx;color:#C2C5CC;"/>
+          <view class="cell-value">
+            <input
+              v-model="innApplyInfo.content"
+              type="text"
+              placeholder="店铺风格一句话描述"
+              placeholder-style="font-size:24rpx;color:#C2C5CC;"
+            />
           </view>
         </view>
       </view>
-
       <view class="item is_required">
         <view class="cell acea-row row-column">
           <view class="cell-title">店铺简介</view>
-          <view class="">
-            <textarea style="height: 200rpx;color:#C2C5CC;" v-model="innApplyInfo.desc" placeholder="请输入店铺简介..."
-                      placeholder-style="font-size:24rpx;color:#C2C5CC;"/>
+          <view>
+            <textarea
+              v-model="innApplyInfo.desc"
+              placeholder="请输入店铺简介..."
+              placeholder-style="font-size:24rpx;color:#C2C5CC;"
+              class="inp-textarea"
+            />
           </view>
         </view>
       </view>
-
       <view class="item">
         <view class="img-upload">
           <tm-upload
-              :dataList="picsArray"
-              :upload_img_wh="uploadImgWH"
-              :upload_max="uploadMax"
-              :url="uploadUrl"
-              :header="uploadHeader"
-              @change="uploadedImgChange"/>
+            :dataList="picsArray"
+            :upload_img_wh="(750 - 3 * 16 - 2 * 32) / 3.0"
+            :upload_max="10"
+            :url="uploadUrl"
+            :header="uploadHeader"
+            @change="uploadedImgChange"
+          />
         </view>
       </view>
-
     </view>
-
     <view class="submit-btn" @tap="submit">确定修改</view>
-
   </view>
 </template>
 
 <script>
-import CitySelect from "@/components/CitySelect";
-import tmUpload from '@/pagesInn/components/tm-upload/tm-upload.vue';
-import {chooseImage} from "@/utils";
-import {VUE_APP_API_URL} from "@/config"
-import {getHotelTypeList, postHotelInfoEdit} from "@/api/inn.js";
-
-var that;
+import CitySelect from '@/components/CitySelect'
+import tmUpload from '@/pagesInn/components/tm-upload/tm-upload.vue'
+import {
+  chooseImage,
+  chooseVideoToUpload
+} from '@/utils'
+import {VUE_APP_API_URL} from '@/config'
+import {getHotelTypeList, postHotelInfoEdit} from '@/api/inn.js'
 export default {
   components: {
     CitySelect,
@@ -129,190 +147,164 @@ export default {
     return {
       webUrl: this.$VUE_APP_RESOURCES_URL,
       uploadUrl: VUE_APP_API_URL + '/api/upload',
-      uploadImgWH: (750 - 3 * 16 - 2 * 32) / 3.0,
       uploadHeader: {
-        Authorization: "Bearer " + this.$store.getters.token
+        Authorization: 'Bearer ' + this.$store.getters.token
       },
-      innHistory: {},//历史信息
+      innHistory: {}, // 历史信息
       picsArray: [],
-      typeList: [],//类型列表
-      typeIndex: 0,//选中的类型
-      typeRange: [],//类型数据源
+      typeList: [], // 类型列表
+      typeIndex: 0, // 选中的类型
+      typeRange: [], // 类型数据源
       uploadedFilesArray: [],
-      uploadMax: 10,
       innApplyInfo: {
-        "address": "",
-        "areaId": 0,
-        "cityId": 0,
-        "provinceId": 0,
-        "content": "",
-        "cover": "",
-        "desc": "",
-        "logo": "",
-        "name": "",
-        "ownerName": "",
-        "pics": [],
-        "position": "",
-        "tel": "",
-        "qrcode": "",
-        "tips": "",
-        "type": "",
+        'address': '',
+        'areaId': 0,
+        'cityId': 0,
+        'provinceId': 0,
+        'content': '',
+        'cover': '',
+        'coverType': 1, // coverType: 1-图片,2-视频
+        'desc': '',
+        'logo': '',
+        'name': '',
+        'ownerName': '',
+        'pics': [],
+        'position': '',
+        'tel': '',
+        'qrcode': '',
+        'tips': '',
+        'type': ''
       }
     }
   },
-  onShow: function () {
-    this.getHotelType();
+  onShow() {
+    this.getHotelType()
   },
-  onLoad: function (e) {
-    that = this;
-    if (e.hotel) {
-      //赋值
-      var hotel = JSON.parse(decodeURIComponent(e.hotel));
-      this.innHistory = hotel;
-
-      this.fillData(this.innApplyInfo, this.innHistory);
-
-      //Object.assign(this.innApplyInfo,hotel);
-
-
-      //this.addressText = this.innHistory.provinceName+" "+this.innHistory.cityName+" "+this.innHistory.areaName;
-
-      //图片填充
+  onLoad(options) {
+    const id = options.id
+    if (id) {
+      // 赋值
+      const hotel = JSON.parse(uni.getStorageSync('MY_HOTEL_INFO'))
+      this.innHistory = hotel
+      this.fillData(this.innApplyInfo, this.innHistory)
+      if (hotel.coverType === 2) {
+        this.innApplyInfo.coverVideo = hotel.cover
+      } else {
+        this.innApplyInfo.coverVideo = ''
+      }
+      // 图片填充
       this.picsArray = hotel.pics.map(function (item) {
-        var obj = {
+        return {
           path: item,
           upload_percent: 100
         }
-        return obj;
-      });
+      })
     }
   },
   methods: {
     typePickerChange: function (e) {
-      this.typeIndex = e.target.value;
-
-      //修改type
+      this.typeIndex = e.target.value
+      // 修改type
       if (this.typeList.length > 0) {
-        this.$set(this.innApplyInfo, 'type', this.typeList[this.typeIndex].id);
+        this.$set(this.innApplyInfo, 'type', this.typeList[this.typeIndex].id)
       }
     },
-    getHotelType: function () {
+    getHotelType() {
+      const _this = this
       getHotelTypeList().then((res) => {
-        that.typeList = res.data;
-
-        //构建数据源
-        that.typeRange = [];
-        that.typeList.forEach((item, index) => {
-          that.typeRange.push(item.name);
-        });
-
-        //重新填写模式预填充type
-        let len = this.typeList.length;
+        _this.typeList = res.data
+        // 构建数据源
+        _this.typeRange = [];
+        _this.typeList.forEach((item, index) => {
+          _this.typeRange.push(item.name)
+        })
+        // 重新填写模式预填充type
+        const len = this.typeList.length
         if (len > 0) {
           for (let i = 0; i < len; i++) {
-            if (this.typeList[i].id === this.innHistory.type) this.typeIndex = i;
+            if (this.typeList[i].id === this.innHistory.type) this.typeIndex = i
           }
         }
-      }).catch((err) => {
-      }).finally(() => {
       })
     },
     fillData: function (target, source) {
-      //var keys = Object.keys(target);
-      //this.uploadedFilesArray = source.pics;
-
       Object.keys(target).forEach((value, key) => {
-        target[value] = source[value];
-        // console.log('key:'+value);
-      });
+        target[value] = source[value]
+      })
     },
-    //文件上传结果
+    // 文件上传结果
     uploadedImgChange: function (uploadedFilesList) {
-      this.uploadedFilesArray = uploadedFilesList;
+      this.uploadedFilesArray = uploadedFilesList
     },
-    chooseQrcodeImg: function () {
+    chooseQrcodeImg() {
       chooseImage(img => {
-        that.$set(that.innApplyInfo, 'qrcode', img);
-      });
+        this.$set(this.innApplyInfo, 'qrcode', img)
+      })
     },
-    chooseLogoImg: function () {
+    chooseLogoImg() {
       chooseImage(img => {
-        that.innApplyInfo.logo = img;
-      });
+        this.$set(this.innApplyInfo, 'logo', img)
+      })
     },
-    chooseCoverImg: function () {
+    chooseLogoVideo() {
+      chooseVideoToUpload(path => {
+        this.$set(this.innApplyInfo, 'coverVideo', path)
+      })
+    },
+    chooseCoverImg() {
       chooseImage(img => {
-        that.innApplyInfo.cover = img;
-      });
+        this.$set(this.innApplyInfo, 'cover', img)
+      })
     },
-    // successImage(e){
-    // 	uni.showModal({
-    // 		content : '上传成功,详细信息请看控制台'
-    // 	})
-    // },
-    // successvideo(e){
-    // },
-    submit: function () {
-
-      if (this.innApplyInfo.logo.length == 0) {
-        this.$dialog.error("请上传店铺LOGO图片");
-        return;
+    submit() {
+      if (this.innApplyInfo.logo.length === 0) {
+        this.$dialog.error('请上传店铺LOGO图片')
+        return
       }
-
-      if (this.innApplyInfo.cover.length == 0) {
-        this.$dialog.error("请上传店铺封面图片");
-        return;
+      if (this.innApplyInfo.cover.length === 0 && this.innApplyInfo.coverType === 1) {
+        this.$dialog.error('请上传店铺封面图片')
+        return
       }
-
-      if (this.innApplyInfo.ownerName.length == 0) {
-        this.$dialog.error("请输入店主名字");
-        return;
+      if (this.innApplyInfo.coverVideo.length === 0 && this.innApplyInfo.coverType === 2) {
+        this.$dialog.error('请上传店铺封面视频')
+        return
       }
-
-      // if (this.innApplyInfo.tips.length == 0) {
-      //   this.$dialog.error("请输入关键词");
-      //   return;
-      // }
-
-      if (this.innApplyInfo.content.length == 0) {
-        this.$dialog.error("请输入一句话介绍");
-        return;
+      if (this.innApplyInfo.ownerName.length === 0) {
+        this.$dialog.error('请输入店主名字')
+        return
       }
-
-      if (this.innApplyInfo.desc.length == 0) {
-        this.$dialog.error("请输入店铺简介");
-        return;
+      if (this.innApplyInfo.content.length === 0) {
+        this.$dialog.error('请输入一句话介绍')
+        return
       }
-
-      if (this.uploadedFilesArray.length == 0) {
-        this.$dialog.error("请上传至少一张店铺图片");
-        return;
+      if (this.innApplyInfo.desc.length === 0) {
+        this.$dialog.error('请输入店铺简介')
+        return
       }
-
-      var param = {};
-      //深拷贝
-      param = JSON.parse(JSON.stringify(this.innApplyInfo));
+      if (this.uploadedFilesArray.length === 0) {
+        this.$dialog.error('请上传至少一张店铺图片')
+        return
+      }
+      // 深拷贝
+      const param = JSON.parse(JSON.stringify(this.innApplyInfo))
       if (this.uploadedFilesArray.length > 0) {
-        param.pics = this.uploadedFilesArray.join(',');
+        param.pics = this.uploadedFilesArray.join(',')
       }
-
-      param.id = this.innHistory.id;
-
-
-      uni.showLoading();
+      param.id = this.innHistory.id
+      if (param.coverType === 2) {
+        param.cover = param.coverVideo
+      }
+      uni.showLoading()
       postHotelInfoEdit(param).then((res) => {
         uni.hideLoading()
         uni.showToast({
           title: '修改成功!',
           mask: false,
           duration: 1500
-        });
-
+        })
         setTimeout(function () {
-
-          that.$yrouter.back();
-
-        }, 1000);
+          uni.navigateBack()
+        }, 1000)
       }).catch((err) => {
         uni.hideLoading()
         uni.showToast({
@@ -320,22 +312,31 @@ export default {
           icon: 'none',
           mask: false,
           duration: 1500
-        });
-      }).finally(() => {
-
+        })
       })
-
     }
   }
 }
 </script>
 
 <style scoped lang="less">
-
-
 .base-info-section {
-  padding: 32rpx;
+  padding: 32rpx 32rpx 120rpx 32rpx;
   background: #FFFFFF;
+  .img-item {
+    display: block;
+    width: 64rpx;
+    height: 64rpx;
+  }
+  .video-item {
+    width: 64rpx;
+    height: 64rpx;
+  }
+  .inp-textarea {
+    width: 100%;
+    height: 200rpx;
+    color:#C2C5CC;
+  }
 }
 
 .base-info-section .section-title {
@@ -406,6 +407,7 @@ export default {
 
 .base-info-section .item.is_required .cell .cell-value {
   flex-grow: 1;
+  text-align: right;
 }
 
 .base-info-section .item.is_required .cell .cell-title::before {
diff --git a/pkg-video/views/lottery-log.vue b/pkg-video/views/lottery-log.vue
index 0d1ea47..57363ef 100644
--- a/pkg-video/views/lottery-log.vue
+++ b/pkg-video/views/lottery-log.vue
@@ -1,35 +1,48 @@
 <template>
-  <view class="pkg-lottery-log" v-if="ready">
-    <image style="width: 734rpx;height: 1418rpx" :src="webUrl+'/20240125215943273915.png'" mode="scaleToFill"/>
-
+  <view class="pkg-lottery-log">
+    <image
+      :src="webUrl+'/20240125215943273915.png'"
+      mode="scaleToFill"
+      style="width: 734rpx;height: 1418rpx"
+    />
     <view class="th flex">
       <view>日期</view>
       <view style="margin-left: 168rpx;">抽奖结果</view>
     </view>
-
-    <scroll-view class="list-box" scroll-y @scrolltolower="onBottom">
-      <view class="item flex jc-between ai-center" v-for="(item,index) in list" :key="index">
+    <scroll-view
+      scroll-y
+      class="list-box"
+      @scrolltolower="onBottom"
+    >
+      <view
+        v-for="(item, index) in list"
+        :key="index"
+        class="item flex jc-between ai-center"
+      >
         <view class="flex ai-center">
           <view style="width: 288rpx;color:#BD2323;font-size: 28rpx">{{ item['drawTime'] }}</view>
           <view class="more-t">{{ item['prizeName'] }}</view>
         </view>
-
-        <image class="flex-0" style="width: 111rpx;height: 64rpx" :src="webUrl+'/20240124232010456109.png'"
-               mode="scaleToFill" v-if="item['isHit']===1 && item['status']===1" @click="takeItem(item)"/>
+        <image
+          v-if="item['isHit'] === 1 && item['status'] === 1"
+          :src="webUrl+'/20240124232010456109.png'"
+          class="flex-0"
+          style="width: 111rpx;height: 64rpx"
+          mode="scaleToFill"
+          @click="takeItem(item, index)"
+        />
       </view>
     </scroll-view>
-
   </view>
 </template>
 
 <script>
 import {getLogs, takePrize} from "@/api/lottery";
-
 export default {
   data() {
     return {
       webUrl: this.$VUE_APP_RESOURCES_URL,
-      ready: false,
+      loading: false,
       page: 1,
       list: []
     }
@@ -40,30 +53,44 @@ export default {
     this.fetchList()
   },
   methods: {
-    async fetchList() {
-      const res = await getLogs(this.page, 20)
-      if (res.success) {
-        res.data['records']?.forEach(item => this.list.push(item))
-        this.ready = true
-      }
+    fetchList() {
+      this.loading = true
+      getLogs(this.page, 20).then(res => {
+        const { success, data } = res
+        if (success) {
+          if (data) {
+            if (data.records) {
+              data.records.map(item => {
+                this.list.push(item)
+              })
+            }
+          }
+        }
+        this.loading = false
+      }).catch(() => {
+        this.loading = false
+      }).finally(() => {
+        this.loading = false
+      })
     },
-
     onBottom() {
+      if (this.loading) {
+        return
+      }
       this.page++
       this.fetchList()
     },
-
-    async takeItem  (item)  {
+    async takeItem(item)  {
+      // 领取商品
       if (item['prizeType'] === 1 && item['status'] === 1) {
         uni.navigateTo({
           url: '/pages/order/OrderSubmission/index?lotteryRecordId=' + item['id']
         })
         return
       }
-
       const res = await takePrize(item.id)
       if (res.success) {
-        item['status'] = 2
+        this.$set(this.list[index], 'status', 2)
         uni.showModal({
           title: '领取成功',
           content: '您的奖品已经领取成功，请前往我的订单查看奖品发货信息',
@@ -84,9 +111,6 @@ export default {
     }
   }
 }
-
-
-
 </script>
 
 <style scoped lang="less">
diff --git a/pkg-video/views/lottery.vue b/pkg-video/views/lottery.vue
index 0fdb3ef..20a104c 100644
--- a/pkg-video/views/lottery.vue
+++ b/pkg-video/views/lottery.vue
@@ -25,8 +25,15 @@
             获得{{ diceResult['prizeName'] }}一份
           </view>
         </view>
-        <image class="btn-result" style="width: 240rpx;height: 68rpx" :src="webUrl+'/20240125205521152611.png'"
-               mode="scaleToFill" @click="closeResultModel" v-if="diceResult['isHit']!==0"/>
+        <!-- fix bug#972: 抽奖抽中优惠券，优惠券直接自动领取并保存在优惠券卡包，不需要再通过抽奖记录进行领取 -->
+        <image
+          v-if="diceResult['isHit'] === 1 && diceResult.prizeType !== 3"
+          :src="webUrl+'/20240125205521152611.png'"
+          class="btn-result"
+          style="width: 240rpx;height: 68rpx"
+          mode="scaleToFill"
+          @click="closeResultModel"
+        />
       </view>
 
       <view class="dialog-take flex jc-center" :style="{'backgroundImage':`url(${webUrl}/20240124210904824337.png)`}"
@@ -90,6 +97,7 @@ export default {
       },
       diceImg: '',
       diceResult: {
+        prizeType: '', // 1-商城商品,2-积分,3-优惠券,4-谢谢参与
         prizeName: '',
         prizeImage: '',
         diceImage: '',
@@ -174,11 +182,13 @@ export default {
     },
 
     closeResultModel() {
+      // 谢谢参与
       if (this.diceResult['prizeType'] === 4) {
         this.showResult = false
         this.showDialog = false
         return
       }
+      // 领取商品
       if (this.diceResult['prizeType'] === 1) {
         this.showResult = false
         this.showDialog = false
diff --git a/pkg_join/views/shop.vue b/pkg_join/views/shop.vue
index 66ca909..29a2766 100644
--- a/pkg_join/views/shop.vue
+++ b/pkg_join/views/shop.vue
@@ -16,18 +16,80 @@
           </template>
         </u-cell>
       </u-form-item>
-
-      <u-form-item prop="cover">
-        <u-cell title="店铺封面图" :border="false">
+      <u-form-item prop="coverType">
+        <u-cell title="封面类型" :border="false">
+          <template #icon>
+            <text class="required">*</text>
+          </template>
+          <template #value>
+            <u-radio-group
+              v-model="form.coverType"
+              placement="row"
+            >
+              <u-radio
+                :name="1"
+                :customStyle="{marginRight: '16px'}"
+                active-color="red"
+                label="图片"
+              />
+              <u-radio
+                :name="2"
+                active-color="red"
+                label="视频"
+              />
+            </u-radio-group>
+          </template>
+        </u-cell>
+      </u-form-item>
+      <u-form-item v-if="form.coverType === 1" prop="cover">
+        <u-cell title="店铺图片封面" :border="false">
           <template #icon>
             <text class="required">*</text>
           </template>
         </u-cell>
         <u-cell :border="false">
           <template #title>
-            <view class="box-upload" @click="chooseLogoImg('cover')">
-              <view class="btn-upload" v-if="form.cover.length===0 || form.cover==null">上传图片</view>
-              <image class="img-preview" :src="form.cover" v-else/>
+            <view
+              class="box-upload"
+              @click="chooseLogoImg('cover')"
+            >
+              <view
+                v-if="!form.cover"
+                class="btn-upload"
+              >上传图片</view>
+              <image
+                v-else
+                :src="form.cover"
+                class="img-preview"
+              />
+            </view>
+          </template>
+        </u-cell>
+      </u-form-item>
+      <u-form-item v-if="form.coverType === 2" prop="coverVideo">
+        <u-cell title="店铺视频封面" :border="false">
+          <template #icon>
+            <text class="required">*</text>
+          </template>
+        </u-cell>
+        <u-cell :border="false">
+          <template #title>
+            <view
+              class="box-upload"
+              @click="chooseLogoVideo()"
+            >
+              <view
+                v-if="!form.coverVideo"
+                class="btn-upload"
+              >上传视频</view>
+              <video
+                v-else
+                :src="form.coverVideo"
+                :poster="form.coverVideo + '?vframe/jpg/offset/1'"
+                :controls="false"
+                play-btn-position="center"
+                class="video-item"
+              />
             </view>
           </template>
         </u-cell>
@@ -225,7 +287,9 @@
     <u-popup :show="show" mode="center" round="10" closeable @close="show=false">
       <view class="popup-body">
         <view class="tc bold">入驻申请须知</view>
-        <view class="content" v-html="notice"></view>
+        <view class="content">
+          <rich-text :nodes="notice" />
+        </view>
         <view class="agree-box">
           <checkbox-group @change="changeAgree">
             <label>
@@ -241,36 +305,50 @@
 </template>
 
 <script>
-import CitySelect from "@/components/CitySelect";
-import {getShopData, getShopInfo, removeApply, saveShop} from "@/api/join";
-import {getCity, registerVerify} from "@/api/user";
-import {chooseImage, moreImage, uploadImage} from "@/utils";
+import CitySelect from "@/components/CitySelect"
+import {
+  getShopData,
+  getShopInfo,
+  removeApply,
+  saveShop
+} from "@/api/join"
+import {
+  getCity,
+  registerVerify
+} from "@/api/user"
+import {
+  chooseImage,
+  moreImage,
+  uploadImage,
+  chooseVideoToUpload
+} from "@/utils"
 
 export default {
-  name: "pkgJoinShop",
+  name: "PkgJoinShop",
   components: {
     CitySelect
   },
   data() {
     return {
       partnerId: null,
-
       pics: [],
       quaPics: [],
-      tips: "",
+      tips: '',
       form: {
-        name: "",
-        cover: "",
-        logo: "",
-        qualification: "",
+        name: '',
+        cover: '',
+        coverVideo: '',
+        coverType: 1, // coverType: 1-图片,2-视频
+        logo: '',
+        qualification: '',
         type: 0,
-        typeText: "",
-        phone: "",
-        captcha: "",
-        area: "",
-        address: "",
-        position: "",
-        content: ""
+        typeText: '',
+        phone: '',
+        captcha: '',
+        area: '',
+        address: '',
+        position: '',
+        content: ''
       },
       rules: {
         'name': {
@@ -282,7 +360,13 @@ export default {
         'cover': {
           type: 'string',
           required: true,
-          message: '请上传店铺封面图',
+          message: '请上传店铺图片封面',
+          trigger: ['blur', 'change']
+        },
+        'coverVideo': {
+          type: 'string',
+          required: true,
+          message: '请上传店铺视频方面',
           trigger: ['blur', 'change']
         },
         'logo': {
@@ -340,23 +424,19 @@ export default {
           trigger: ['blur', 'change']
         }
       },
-
       showType: false,
       columnsType: [],
       indexType: [0],
-
       district: [],
       address: {},
-
       isAgree: false,
       show: false,
-      notice: "",
+      notice: '',
       showRemove: false,
-
       isDraft: null,
       reviewStatus: null,
-      stateTitle: "",
-      stateType: "primary",
+      stateTitle: '',
+      stateType: 'primary',
       isPass: false
     }
   },
@@ -458,6 +538,11 @@ export default {
         this.form[target] = img;
       });
     },
+    chooseLogoVideo() {
+      chooseVideoToUpload(path => {
+        this.form.coverVideo = path
+      })
+    },
 
     chooseShopImg() {
       let that = this;
@@ -593,8 +678,11 @@ export default {
         this.form.qualification += (item.url + ",");
       })
       this.form.qualification = this.form.qualification.substring(0, this.form.qualification.length - 1);
-
-      saveShop(this.form, this.partnerId).then(res => {
+      const postData = Object.assign({}, this.form)
+      if (postData.coverType === 2) {
+        postData.cover = postData.coverVideo
+      }
+      saveShop(postData, this.partnerId).then(res => {
         if (res.status === 200) {
           uni.showToast({
             title: "您的入驻申请已提交成功，请耐心等待审核",
@@ -643,4 +731,8 @@ export default {
 .font-color-red {
   font-size: 22rpx;
 }
+.video-item {
+  width: 80px;
+  height: 80px;
+}
 </style>
diff --git a/pkg_product/views/giftContent.vue b/pkg_product/views/giftContent.vue
new file mode 100644
index 0000000..7434bfc
--- /dev/null
+++ b/pkg_product/views/giftContent.vue
@@ -0,0 +1,151 @@
+<template>
+  <view class="gift-page">
+    <view class="page1-wrap">
+      <!-- <image :src="data.mainImage" class="bg" /> -->
+      <rich-text :nodes="data.mainImageHtml" />
+    </view>
+    <view class="page2-wrap">
+      <view class="bg-cont">
+        <rich-text :nodes="data.backgroundImage1Html" />
+        <!-- <image :src="data.backgroundImage1" class="bg" /> -->
+      </view>
+      <view class="good-list">
+        <view
+          v-for="(item, index) in data.productList1"
+          :key="index"
+          class="good-item"
+          @click="goodItemClick(item)"
+        >
+          <image :src="item.productImage" class="img" />
+        </view>
+      </view>
+    </view>
+    <view class="page3-wrap">
+      <view class="bg-cont">
+        <rich-text :nodes="data.backgroundImage2Html" />
+        <!-- <image :src="data.backgroundImage2" class="bg" /> -->
+      </view>
+      <view class="good-list">
+        <view
+          v-for="(item, index) in data.productList2"
+          :key="index"
+          class="good-item"
+          @click="goodItemClick(item)"
+        >
+          <image :src="item.productImage" class="img" />
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import {
+  customizedGiftContent
+} from '@/api/product'
+export default {
+  name: 'GiftContent',
+  data() {
+    return {
+      data: {
+        backgroundImage1: '',
+        backgroundImage2: '',
+        backgroundImage1Html: '',
+        backgroundImage2Html: '',
+        mainImage: '',
+        productList1: [],
+        productList2: [],
+      }
+    }
+  },
+  onLoad(options) {
+    uni.setNavigationBarTitle({
+      title: options.name + '-' + '特色礼品'
+    })
+    this.getPageDataReq(options.id)
+  },
+  methods: {
+    getPageDataReq(id) {
+      uni.showLoading({
+        title: '数据加载中...'
+      })
+      customizedGiftContent({ id }).then(res => {
+        const { success, data } = res
+        if (success) {
+          this.data = {
+            ...data,
+            mainImageHtml: `<img src="${data.mainImage}" style="display: block;max-width: 100%;">`,
+            backgroundImage1Html: `<img src="${data.backgroundImage1}" style="display: block;max-width: 100%;">`,
+            backgroundImage2Html: `<img src="${data.backgroundImage2}" style="display: block;max-width: 100%;">`
+          }
+        }
+        uni.hideLoading()
+      }).catch(() => {
+        uni.hideLoading()
+      })
+    },
+    goodItemClick(good) {
+      const productId = good.productId
+      if (!productId) {
+        return
+      }
+      uni.navigateTo({
+        url: `/pages/shop/GoodsCon/index?id=${productId}`
+      })
+    }
+  }
+}
+</script>
+<style scoped lang="less">
+.page1-wrap {
+  .bg {
+    display: block;
+    width: 100%;
+    height: 100vh;
+  }
+}
+.good-list {
+  position: absolute;
+  z-index: 5;
+  width: 100%;
+}
+.page2-wrap {
+  position: relative;
+  .bg-cont {
+    position: relative;
+    z-index: 2;
+  }
+  .good-list {
+    top: 0;
+    padding: 0;
+    .good-item + .good-item {
+      margin: 25px 0 0 0;
+    }
+    .good-item {
+      .img {
+        display: block;
+        width: 325px;
+        height: 332px;
+        margin: 0 auto;
+      }
+    }
+  }
+}
+.page3-wrap {
+  position: relative;
+  .good-list {
+    top: 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-around;
+    padding: 12px 0 0 0;
+    .good-item {
+      margin: 0 0 20px 0;
+      .img {
+        width: 166px;
+        height: 262px;
+      }
+    }
+  }
+}
+</style>
diff --git a/pkg_product/views/giftList.vue b/pkg_product/views/giftList.vue
index 3cc45de..c563bd6 100644
--- a/pkg_product/views/giftList.vue
+++ b/pkg_product/views/giftList.vue
@@ -1,270 +1,295 @@
 <template>
-  <view class="pkg-product-list">
-    <view class="fixed-header">
-      <swiper class="swiper-box" indicator-dots indicator-color="rgba(255,255,255,.3)" indicator-active-color="#fff"
-              autoplay circular v-if="bannerList.length>0">
-        <swiper-item v-for="(item,index) in bannerList" :key="index">
-          <image :src="item.pic" mode="scaleToFill" @click="$global.commonJump(item.uniappUrl)"/>
-        </swiper-item>
-      </swiper>
-
-      <view class="search-box flex jc-between ai-center">
-        <input type="text" v-model="keyword" placeholder="搜索商品" placeholder-style="color:#949494" @confirm="search">
-        <image class="icon" :src="webUrl+'/20220903142935869059.png'" mode="scaleToFill" @click="search"></image>
+  <view class="gift-page">
+    <view class="banner" @click="linkTo">
+      <rich-text :nodes="topBannerHtml" />
+    </view>
+    <view class="province-enter-wrap">
+      <view
+        class="scroll-x-wrap"
+      >
+        <view
+          :class="!toggleStatus ? '' : 'hide'"
+          class="list-cont"
+        >
+          <view
+            v-for="(item, index) in provinceList"
+            :key="index"
+            class="item"
+            @click="provinceItemClick(item)"
+          >
+            <image :src="item.icon" class="img" />
+            <view class="name">{{ item.provinceMergerName }}</view>
+          </view>
+        </view>
+        <view
+          :class="toggleStatus ? 'show' : ''"
+          class="list-cont list-show-all"
+        >
+          <view
+            v-for="(item, index) in provinceList"
+            :key="index"
+            class="item"
+            @click="provinceItemClick(item)"
+          >
+            <image :src="item.icon" class="img" />
+            <view class="name">{{ item.provinceMergerName }}</view>
+          </view>
+        </view>
+        <view
+          v-if="!toggleStatus && provinceList.length > 5"
+          class="toggle-btn"
+          @click="toggleHandle(true)"
+        >
+          <view>展</view>
+          <view>开</view>
+        </view>
+        <view
+          v-if="toggleStatus"
+          class="toggle-btn"
+          @click="toggleHandle(false)"
+        >
+          <view>收</view>
+          <view>起</view>
+        </view>
       </view>
     </view>
-
-    <view class="fixed-aside flex-0">
-      <view class="item flex jc-center ai-center" :class="index === asideIndex ? 'active' : ''"
-            v-for="(item, index) in asideList" :key="index" @click="asideTap(index)">
-        <text class="one-t">{{ item.label }}</text>
-      </view>
-    </view>
-
-    <view class="conter">
-      <mescroll-body ref="mescrollRef" top="0" bottom="0" class='cotent-scroll' :up="upOption" :down="downOption"
-                     @up="upCallback" @down="downCallback" @init="mescrollInit" @emptyclick="emptyClick">
-
-        <view class="list flex flex-wrap">
-          <view v-for="(item, index) in dataList" :key="index">
-            <view class="item" @click="goGoods(item.id)">
-              <image class="cover" :src="item.image" mode="scaleToFill"/>
-              <view class="name more-t">{{ item.storeName }}</view>
-              <view class="price">￥{{ item.price }}</view>
+    <view class="province-bg-list">
+      <view
+        v-for="(item, index) in provinceList"
+        :key="index"
+        class="item"
+      >
+        <view class="bg" @click="provinceItemClick(item)">
+          <rich-text :nodes="item.bgHtml" />
+        </view>
+        <view class="good-list">
+          <view
+            v-for="(goodItem, goodIndex) in item.productList"
+            :key="goodIndex"
+            class="good-item"
+            @click.stop="goodItemClick(goodItem)"
+          >
+            <view class="good-img">
+              <image :src="goodItem.productImage" class="img" />
+            </view>
+            <view class="name">
+              {{ goodItem.productName }}
+            </view>
+            <view class="price">
+              <text class="txt">￥</text>
+              {{ goodItem.productPrice }}
             </view>
           </view>
         </view>
-      </mescroll-body>
+      </view>
     </view>
-
-    <!--      <view class="article-box">-->
-    <!--        <mescroll-body ref="mescrollRef" top="16rpx" bottom="0" class='cotent-scroll' :up="upOption" :down="downOption"-->
-    <!--                       @up="upCallback" @down="downCallback" @init="mescrollInit" @emptyclick="emptyClick">-->
-    <!--          <view class="list flex flex-wrap">-->
-    <!--            <view v-for="(item, index) in dataList" :key="index">-->
-    <!--              <view class="item" @click="goGoods(item.id)">-->
-    <!--                <image class="cover" :src="item.image" mode="scaleToFill"/>-->
-    <!--                <view class="name more-t">{{ item.storeName }}</view>-->
-    <!--                <view class="price">￥{{ item.price }}</view>-->
-    <!--              </view>-->
-    <!--            </view>-->
-    <!--          </view>-->
-    <!--        </mescroll-body>-->
-    <!--      </view>-->
-    <!--    </view>-->
   </view>
 </template>
 
 <script>
-import MescrollMixins from "@/mixins/mescroll-mixins.js";
-import MescrollBody from "@/components/mescroll-uni/mescroll-body.vue";
-import {customizedGift} from "@/api/product";
-import {fetchCity} from "@/api/wenwan";
-import {getProducts} from "@/api/store";
-
+import {
+  customizedGift
+} from '@/api/product'
 export default {
-  name: "giftList",
-  components: {
-    MescrollBody
-  },
+  name: 'GiftList',
   data() {
     return {
-      webUrl: this.$VUE_APP_RESOURCES_URL,
-      keyword: "",
-      bannerList: [],
-      asideList: [],
-      asideIndex: 0,
-      dataList: [], // 列表数据
-
-      upOption: {
-        noMoreSize: 10, //如果列表已无数据,可设置列表的总数量要大于半页才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看; 默认5
-        auto: true,
-        empty: {
-          tip: '', // 提示
-          icon:this.$VUE_APP_RESOURCES_URL+'/20240102232724024787.png',
-          width:381,
-          height:348
-        }
-      },
-      downOption: {
-        auto: false
-      }
+      provinceList: [],
+      topBannerHtml: '',
+      topBannerUrl: '',
+      toggleStatus: false
     }
   },
-  mixins: [
-    MescrollMixins({
-      getPageData(mescroll) {
-        let that = this;
-        // 此时mescroll会携带page的参数:
-        let pageNum = mescroll.num; // 页码, 默认从1开始
-
-        let timer = setInterval(() => {
-          if (that.asideList.length > 0) {
-            clearInterval(timer);
-
-            let param = {
-              isCustomizedGift: 1,
-              page: pageNum,
-              limit: 10,
-              keyword: that.keyword,
-              provinceId: that.asideList.length > 0 ? that.asideList[that.asideIndex].provinceId : ""
-            }
-            getProducts(param).then(({data}) => {
-              if (mescroll.num === 1) {
-                that.dataList = [];
-              }
-              that.dataList = that.dataList.concat(data);
-              mescroll.endSuccess(data.length);
-            }).catch(err => {
-              mescroll.endErr();
-              uni.showToast({
-                title: err + '',
-                icon: 'none',
-                mask: false,
-                duration: 1500
-              });
-            });
-          }
-        }, 500)
-      }
-    })
-  ],
   onLoad() {
-    customizedGift().then(({data}) => this.bannerList = data.banner);
-    fetchCity(3).then(({data}) => this.asideList = data.group);
+    this.getPageDataReq()
   },
   methods: {
-    search() {
-      //触发加载请求
-      this.mescroll.scrollTo(0, 0);
-      this.mescroll && this.mescroll.resetUpScroll(false);
-    },
-    asideTap(index) {
-      this.asideIndex = index;
-      this.search();
-    },
-    goGoods(id) {
-      uni.navigateTo({
-        url: "/pages/shop/GoodsCon/index?id=" + id
+    getPageDataReq() {
+      customizedGift().then(res => {
+        const { success, data } = res
+        if (success) {
+          this.topBannerHtml = `<img src="${data.topBanner.image}" style="display: block;max-width: 100%;">`
+          this.topBannerUrl = data.topBanner.appUrl || ''
+          const list = data.cities || []
+          if (list.length > 0) {
+            list.map(item => {
+              const backgroundImage = item.backgroundImage || ''
+              if (backgroundImage && item.productList.length > 0) {
+                this.provinceList.push({
+                  ...item,
+                  bgHtml: `<img src="${item.backgroundImage}" style="display: block;max-width: 100%;">`
+                })
+              }
+            })
+          }
+        }
       })
+    },
+    linkTo() {
+      if (!this.topBannerUrl) {
+        return
+      }
+      uni.navigateTo({
+        url: this.topBannerUrl
+      })
+    },
+    provinceItemClick(item) {
+      const id = item.id
+      if (!id) {
+        return
+      }
+      uni.navigateTo({
+        url: `/pkg_product/views/giftContent?id=${id}&name=${item.provinceMergerName}`
+      })
+    },
+    goodItemClick(good) {
+      const productId = good.productId
+      if (!productId) {
+        return
+      }
+      uni.navigateTo({
+        url: `/pages/shop/GoodsCon/index?id=${productId}`
+      })
+    },
+    toggleHandle(value) {
+      this.toggleStatus = value
     }
   }
 }
 </script>
-
 <style scoped lang="less">
-@import "@/assets/css/product.less";
-
-.pkg-product-list {
-  min-height: 100vh;
-  box-sizing: border-box;
-  background: #fff;
-
-  .fixed-header {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    padding: 18rpx 0;
-    background: #fff;
-    z-index: 9;
-  }
-
-  .search-box {
-    margin-top: 14rpx;
-  }
-
-  .body-box {
-    position: fixed;
-    top: 472rpx;
-    height: calc(100vh - 472rpx);
-  }
-
-  .fixed-aside {
-    position: fixed;
-    width: 194rpx;
-    left: 0;
-    top: 472rpx;
-    bottom: 0 !important;
-    box-sizing: border-box;
-    border-top: 2rpx solid #D2D2D2;
-    border-right: 2rpx solid #DADCE0;
+.banner {
+  position: relative;
+  z-index: 1;
+}
+.province-enter-wrap {
+  position: relative;
+  z-index: 5;
+  margin-top: -80rpx;
+  padding: 30rpx 30rpx 0 30rpx;
+  .scroll-x-wrap {
+    position: relative;
+    height: 140rpx;
+    padding: 24rpx 80rpx 16rpx 24rpx;
+    border-radius: 24rpx;
     background-color: #fff;
-    overflow-y: auto;
-    overflow-x: hidden;
-    overflow-scrolling: touch;
-
-    .item {
-      height: 94rpx;
-      box-sizing: border-box;
-      border-bottom: 2rpx solid #D2D2D2;
-      color: #033333;
-
-      text {
-        font-size: 28rpx;
+    box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
+    .list-cont {
+      display: flex;
+      flex-wrap: nowrap;
+      overflow-x: auto;
+      &.hide {
+        display: none;
+      }
+      .item + .item {
+        margin: 0 0 0 24rpx;
+      }
+      .item {
+        .img {
+          width: 45px;
+          height: 45px;
+          border-radius: 4px;
+        }
+        .name {
+          margin: 12rpx 0 0 0;
+          font-size: 12px;
+          color: #333;
+          text-align: center;
+        }
       }
     }
-
-    .active {
-      border-left: 6rpx solid #FD574B;
-      color: #FD574B;
-      font-weight: bold;
+    .list-show-all {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      z-index: 2;
+      flex-wrap: wrap;
+      height: 0;
+      padding: 24rpx 80rpx 16rpx 24rpx;
+      border-radius: 24rpx;
+      box-sizing: border-box;
+      background-color: #fff;
+      opacity: 0;
+      &.show {
+        height: auto;
+        opacity: 1;
+        box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
+      }
+      .item {
+        margin: 0 24rpx 24rpx 0 !important;
+      }
+    }
+    .toggle-btn {
+      position: absolute;
+      top: 24rpx;
+      right: 24rpx;
+      z-index: 5;
+      font-size: 14px;
     }
   }
-
-  .conter {
-    margin-left: 194rpx;
-    margin-top: 472rpx;
-    border-top: 2rpx solid #D2D2D2;
-
-    .empty {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-
-      image {
-        width: 280rpx;
-        height: 280rpx;
-      }
-
-      view {
-        color: gray;
-        font-size: 24rpx;
-      }
-    }
-
-    .item {
+}
+.province-bg-list {
+  padding: 30rpx;
+  .item + .item {
+    margin: 30rpx 0 0 0;
+  }
+  .item {
+    position: relative;
+    .bg {
       position: relative;
-      width: 242rpx;
-      height: 376rpx;
-      box-sizing: border-box;
-      margin: 20rpx 0 0 20rpx;
-
-      .cover {
-        width: 242rpx;
-        height: 242rpx;
-        margin-bottom: 8rpx;
-        border-radius: 8rpx;
-      }
-
-      .name {
-        color: #333;
-        font-size: 26rpx;
-        line-height: 36rpx;
-      }
-
-      .price {
-        position: absolute;
-        bottom: 4rpx;
-        color: #DA0000;
-        font-size: 28rpx;
-        line-height: 36rpx;
-      }
+      z-index: 2;
     }
-
-    .item-store {
-      height: 336rpx;
+    .good-list {
+      position: absolute;
+      bottom: 12rpx;
+      left: 30rpx;
+      right: 30rpx;
+      z-index: 5;
+      display: flex;
+      flex-wrap: nowrap;
+      overflow-x: auto;
+      .good-item {
+        margin: 0 24rpx 0 0;
+        text-align: center;
+        font-size: 12px;
+        color: #fff;
+        .good-img {
+          width: 96px;
+          height: 96px;
+          .img {
+            width: 100%;
+            height: 100%;
+            border-radius: 12rpx;
+          }
+        }
+        .name {
+          height: 28px;
+          margin: 3px 0;
+          box-sizing: border-box;
+          line-height: 14px;
+          display: -webkit-box;
+          overflow: hidden;
+          white-space: normal !important;
+          text-overflow: ellipsis;
+          -o-text-overflow: ellipsis;
+          word-wrap: break-word;
+          -webkit-line-clamp: 2;
+          -webkit-box-orient: vertical;
+        }
+        .price {
+          display: inline-block;
+          height: 18px;
+          padding: 0 20rpx;
+          border-radius: 11px;
+          border: 1px solid #fff;
+          line-height: 18px;
+          background-color: rgba(0, 0, 0, .5);
+          .txt {
+            font-size: 10px;
+          }
+        }
+      }
     }
   }
 }
diff --git a/pkg_product/views/giftList_bak20240313.vue b/pkg_product/views/giftList_bak20240313.vue
new file mode 100644
index 0000000..3cc45de
--- /dev/null
+++ b/pkg_product/views/giftList_bak20240313.vue
@@ -0,0 +1,271 @@
+<template>
+  <view class="pkg-product-list">
+    <view class="fixed-header">
+      <swiper class="swiper-box" indicator-dots indicator-color="rgba(255,255,255,.3)" indicator-active-color="#fff"
+              autoplay circular v-if="bannerList.length>0">
+        <swiper-item v-for="(item,index) in bannerList" :key="index">
+          <image :src="item.pic" mode="scaleToFill" @click="$global.commonJump(item.uniappUrl)"/>
+        </swiper-item>
+      </swiper>
+
+      <view class="search-box flex jc-between ai-center">
+        <input type="text" v-model="keyword" placeholder="搜索商品" placeholder-style="color:#949494" @confirm="search">
+        <image class="icon" :src="webUrl+'/20220903142935869059.png'" mode="scaleToFill" @click="search"></image>
+      </view>
+    </view>
+
+    <view class="fixed-aside flex-0">
+      <view class="item flex jc-center ai-center" :class="index === asideIndex ? 'active' : ''"
+            v-for="(item, index) in asideList" :key="index" @click="asideTap(index)">
+        <text class="one-t">{{ item.label }}</text>
+      </view>
+    </view>
+
+    <view class="conter">
+      <mescroll-body ref="mescrollRef" top="0" bottom="0" class='cotent-scroll' :up="upOption" :down="downOption"
+                     @up="upCallback" @down="downCallback" @init="mescrollInit" @emptyclick="emptyClick">
+
+        <view class="list flex flex-wrap">
+          <view v-for="(item, index) in dataList" :key="index">
+            <view class="item" @click="goGoods(item.id)">
+              <image class="cover" :src="item.image" mode="scaleToFill"/>
+              <view class="name more-t">{{ item.storeName }}</view>
+              <view class="price">￥{{ item.price }}</view>
+            </view>
+          </view>
+        </view>
+      </mescroll-body>
+    </view>
+
+    <!--      <view class="article-box">-->
+    <!--        <mescroll-body ref="mescrollRef" top="16rpx" bottom="0" class='cotent-scroll' :up="upOption" :down="downOption"-->
+    <!--                       @up="upCallback" @down="downCallback" @init="mescrollInit" @emptyclick="emptyClick">-->
+    <!--          <view class="list flex flex-wrap">-->
+    <!--            <view v-for="(item, index) in dataList" :key="index">-->
+    <!--              <view class="item" @click="goGoods(item.id)">-->
+    <!--                <image class="cover" :src="item.image" mode="scaleToFill"/>-->
+    <!--                <view class="name more-t">{{ item.storeName }}</view>-->
+    <!--                <view class="price">￥{{ item.price }}</view>-->
+    <!--              </view>-->
+    <!--            </view>-->
+    <!--          </view>-->
+    <!--        </mescroll-body>-->
+    <!--      </view>-->
+    <!--    </view>-->
+  </view>
+</template>
+
+<script>
+import MescrollMixins from "@/mixins/mescroll-mixins.js";
+import MescrollBody from "@/components/mescroll-uni/mescroll-body.vue";
+import {customizedGift} from "@/api/product";
+import {fetchCity} from "@/api/wenwan";
+import {getProducts} from "@/api/store";
+
+export default {
+  name: "giftList",
+  components: {
+    MescrollBody
+  },
+  data() {
+    return {
+      webUrl: this.$VUE_APP_RESOURCES_URL,
+      keyword: "",
+      bannerList: [],
+      asideList: [],
+      asideIndex: 0,
+      dataList: [], // 列表数据
+
+      upOption: {
+        noMoreSize: 10, //如果列表已无数据,可设置列表的总数量要大于半页才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看; 默认5
+        auto: true,
+        empty: {
+          tip: '', // 提示
+          icon:this.$VUE_APP_RESOURCES_URL+'/20240102232724024787.png',
+          width:381,
+          height:348
+        }
+      },
+      downOption: {
+        auto: false
+      }
+    }
+  },
+  mixins: [
+    MescrollMixins({
+      getPageData(mescroll) {
+        let that = this;
+        // 此时mescroll会携带page的参数:
+        let pageNum = mescroll.num; // 页码, 默认从1开始
+
+        let timer = setInterval(() => {
+          if (that.asideList.length > 0) {
+            clearInterval(timer);
+
+            let param = {
+              isCustomizedGift: 1,
+              page: pageNum,
+              limit: 10,
+              keyword: that.keyword,
+              provinceId: that.asideList.length > 0 ? that.asideList[that.asideIndex].provinceId : ""
+            }
+            getProducts(param).then(({data}) => {
+              if (mescroll.num === 1) {
+                that.dataList = [];
+              }
+              that.dataList = that.dataList.concat(data);
+              mescroll.endSuccess(data.length);
+            }).catch(err => {
+              mescroll.endErr();
+              uni.showToast({
+                title: err + '',
+                icon: 'none',
+                mask: false,
+                duration: 1500
+              });
+            });
+          }
+        }, 500)
+      }
+    })
+  ],
+  onLoad() {
+    customizedGift().then(({data}) => this.bannerList = data.banner);
+    fetchCity(3).then(({data}) => this.asideList = data.group);
+  },
+  methods: {
+    search() {
+      //触发加载请求
+      this.mescroll.scrollTo(0, 0);
+      this.mescroll && this.mescroll.resetUpScroll(false);
+    },
+    asideTap(index) {
+      this.asideIndex = index;
+      this.search();
+    },
+    goGoods(id) {
+      uni.navigateTo({
+        url: "/pages/shop/GoodsCon/index?id=" + id
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import "@/assets/css/product.less";
+
+.pkg-product-list {
+  min-height: 100vh;
+  box-sizing: border-box;
+  background: #fff;
+
+  .fixed-header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    padding: 18rpx 0;
+    background: #fff;
+    z-index: 9;
+  }
+
+  .search-box {
+    margin-top: 14rpx;
+  }
+
+  .body-box {
+    position: fixed;
+    top: 472rpx;
+    height: calc(100vh - 472rpx);
+  }
+
+  .fixed-aside {
+    position: fixed;
+    width: 194rpx;
+    left: 0;
+    top: 472rpx;
+    bottom: 0 !important;
+    box-sizing: border-box;
+    border-top: 2rpx solid #D2D2D2;
+    border-right: 2rpx solid #DADCE0;
+    background-color: #fff;
+    overflow-y: auto;
+    overflow-x: hidden;
+    overflow-scrolling: touch;
+
+    .item {
+      height: 94rpx;
+      box-sizing: border-box;
+      border-bottom: 2rpx solid #D2D2D2;
+      color: #033333;
+
+      text {
+        font-size: 28rpx;
+      }
+    }
+
+    .active {
+      border-left: 6rpx solid #FD574B;
+      color: #FD574B;
+      font-weight: bold;
+    }
+  }
+
+  .conter {
+    margin-left: 194rpx;
+    margin-top: 472rpx;
+    border-top: 2rpx solid #D2D2D2;
+
+    .empty {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+
+      image {
+        width: 280rpx;
+        height: 280rpx;
+      }
+
+      view {
+        color: gray;
+        font-size: 24rpx;
+      }
+    }
+
+    .item {
+      position: relative;
+      width: 242rpx;
+      height: 376rpx;
+      box-sizing: border-box;
+      margin: 20rpx 0 0 20rpx;
+
+      .cover {
+        width: 242rpx;
+        height: 242rpx;
+        margin-bottom: 8rpx;
+        border-radius: 8rpx;
+      }
+
+      .name {
+        color: #333;
+        font-size: 26rpx;
+        line-height: 36rpx;
+      }
+
+      .price {
+        position: absolute;
+        bottom: 4rpx;
+        color: #DA0000;
+        font-size: 28rpx;
+        line-height: 36rpx;
+      }
+    }
+
+    .item-store {
+      height: 336rpx;
+    }
+  }
+}
+</style>
diff --git a/pkg_product/views/nativeList.vue b/pkg_product/views/nativeList.vue
index 1f95fc6..002fbf6 100644
--- a/pkg_product/views/nativeList.vue
+++ b/pkg_product/views/nativeList.vue
@@ -73,7 +73,7 @@ export default {
   methods: {
     goCity() {
       uni.redirectTo({
-        url: `/components/chose-city/chose-city?type=0&city=${this.cityName}`
+        url: `/pages/chose-city/chose-city?type=0&city=${this.cityName}`
       })
     },
     init() {
diff --git a/pkg_product/views/seckill.vue b/pkg_product/views/seckill.vue
index a360157..b80672b 100644
--- a/pkg_product/views/seckill.vue
+++ b/pkg_product/views/seckill.vue
@@ -6,39 +6,57 @@
     <!--    </view>-->
 
     <view class="img-box flex jc-between ai-end">
-      <image class="img-seckill" :src="webUrl+'/20221222155145987590.png'" mode="scaleToFill"/>
-      <image class="img-rule" :src="webUrl+'/20221222155206016851.png'" mode="scaleToFill" @click="changeRule"/>
+      <image
+        :src="webUrl+'/20221222155145987590.png'"
+        class="img-seckill"
+        mode="scaleToFill"
+      />
+      <image
+        :src="webUrl+'/20221222155206016851.png'"
+        class="img-rule"
+        mode="scaleToFill"
+        @click="changeRule"
+      />
     </view>
-
+    <!-- 规则富文本弹窗 -->
     <view class="dialog-mask" v-show="showRule">
       <view class="dialog">
-        <image class="icon-close" :src="webUrl+'/20221230200935413332.png'" mode="scaleToFill" @click="changeRule"/>
-
+        <image
+          :src="webUrl+'/20221230200935413332.png'"
+          class="icon-close"
+          mode="scaleToFill"
+          @click="changeRule"
+        />
         <view class="dialog-body">
           <view class="flex jc-center">
             <image class="title" :src="webUrl+'/20221230201151585898.png'" mode="scaleToFill"/>
           </view>
           <rich-text class="content" :nodes="ruleContent"/>
-          <!--          <view class="content">{{ ruleContent }}</view>-->
         </view>
       </view>
     </view>
-
     <view class="top-list flex">
       <view class="item flex-0" v-for="(item,index) in topList" :key="index" @click="goGoodsConByProductID(item)">
         <view class="header flex jc-between ai-center">
           <image class="img-rush" :src="webUrl+'/20221222155118237514.png'" mode="scaleToFill"/>
           <view class="end-time flex ai-center">
-            <text class="text-tip">倒计时:</text>
-            <count-down-unit :isDay="true" isSecond :dayText="'天'" :hourText="':'" :minuteText="':'"
-                             :secondText="false"
-                             :datatime="item.limitEndTimeMillis"></count-down-unit>
+            <count-down-unit
+              :isDay="true"
+              isSecond
+              :dayText="'天'"
+              :hourText="':'"
+              :minuteText="':'"
+              :secondText="false"
+              :datatime="item.limitEndTimeMillis"
+            />
           </view>
         </view>
-
         <view class="content flex ai-end">
-          <image class="img-cover flex-0" :src="item.image"
-                 mode="scaleToFill"/>
+          <image
+            :src="item.image"
+            class="img-cover flex-0"
+            mode="scaleToFill"
+          />
           <view class="info-box flex flex-col jc-between">
             <view class="more-t">{{ item.title }}</view>
             <view class="line-price flex jc-between ai-center">
@@ -49,51 +67,89 @@
         </view>
       </view>
     </view>
-
     <view class="nav-box flex ai-center">
       <view class="img-section">
-        <image class="img-hot flex-0" :src="webUrl+'/20230311090049756844.png'" mode="scaleToFill"/>
+        <image
+          :src="webUrl+'/20230311090049756844.png'"
+          class="img-hot flex-0"
+          mode="scaleToFill"
+        />
       </view>
       <view class="nav-line flex">
-        <view class="nav-item flex-0 flex flex-col jc-end ai-center" :class="{'active':index===seckillTimeIndex}"
-              v-for="(item,index) in seckillTime" :key="index" @click="navChange(index)">
+        <view
+          v-for="(item,index) in seckillTime"
+          :key="index"
+          :class="{'active':index === seckillTimeIndex}"
+          class="nav-item flex-0 flex flex-col jc-end ai-center"
+          @click="navChange(index)"
+        >
           <view class="time">{{ item.time }}</view>
           <view class="tag">{{ item.state }}</view>
         </view>
       </view>
     </view>
-
     <view class="list-box">
-      <view class="item flex" v-for="(item,index) in list" :key="index"
-            @click="goGoodsConByProductID(item,seckillTime[seckillTimeIndex].status)">
-        <image class="img-cover flex-0" :src="item.image"
-               mode="scaleToFill"/>
-        <view class="content flex flex-col jc-between">
-          <view class="top-section">
-            <!--            style="height: 150rpx"-->
-            <view class="more-t">{{ item.title }}</view>
-            <view class="company">{{ item.unitName }}</view>
-          </view>
-          <view>
-            <view class="line-price flex jc-between ai-center">
-              <view class="flex ai-end">
-                <view>秒杀价</view>
-                <view class="price">￥{{ item.price }}</view>
-              </view>
-              <view class="advance flex jc-center ai-center" v-if="seckillTime[seckillTimeIndex].status>1">即将开始
-              </view>
+      <template v-if="list.length > 0">
+        <view
+          v-for="(item, index) in list"
+          :key="index"
+          class="item flex"
+          @click="goGoodsConByProductID(item,seckillTime[seckillTimeIndex].status)"
+        >
+          <image
+            :src="item.image"
+            class="img-cover flex-0"
+            mode="scaleToFill"
+          />
+          <view class="content flex flex-col jc-between">
+            <view class="top-section">
+              <view class="more-t">{{ item.title }}</view>
             </view>
-            <view class="path-box flex jc-between ai-center"
-                  :style="{'backgroundImage':`url(${webUrl}/20221222155107931036.png)`}"
-                  v-if="seckillTime[seckillTimeIndex].status===1">
-              <view class="sale flex ai-center">已抢{{ item.sales }}件</view>
-              <view class="btn">立即抢购</view>
+            <view class="line-price">
+              <!-- <view class="line-price flex jc-between ai-center">
+                <view class="flex ai-end">
+                  <view>秒杀价</view>
+                  <view class="price">￥{{ item.price }}</view>
+                </view>
+                <view
+                  v-if="seckillTime[seckillTimeIndex].status > 1"
+                  class="advance flex jc-center ai-center"
+                >
+                  即将开始
+                </view>
+              </view>
+              <view
+                v-if="seckillTime[seckillTimeIndex].status === 1"
+                :style="{'backgroundImage':`url(${webUrl}/20221222155107931036.png)`}"
+                class="path-box flex jc-between ai-center"
+              >
+                <view class="sale flex ai-center">已抢{{ item.sales }}件</view>
+                <view class="btn">立即抢购</view>
+              </view> -->
+              <view class="number flex">
+                <view class="bg">
+                  已抢{{ item.sales }}
+                </view>
+                <text class="txt">件</text>
+              </view>
+              <view class="price-wrap flex">
+                <view class="price-txt">
+                  秒杀价￥
+                  <text class="txt">{{ item.price }}</text>
+                </view>
+                <view class="btn">
+                  <image
+                    :src="webUrl + '/page/seckill/btn.png'"
+                    class="btn-img"
+                  />
+                </view>
+              </view>
             </view>
           </view>
         </view>
-      </view>
+      </template>
+      <no-good-data v-else />
     </view>
-
   </view>
 </template>
 
@@ -105,11 +161,13 @@ import {mapGetters} from "vuex";
 import cookie from "@/utils/store/cookie";
 import {userBindParent} from "@/api/user";
 import {getUrlParam} from "@/utils/common.js";
+import NoGoodData from '@/components/good/NoData'
 
 export default {
   name: "seckill",
   components: {
-    CountDownUnit
+    CountDownUnit,
+    NoGoodData
   },
   data() {
     return {
@@ -339,24 +397,21 @@ export default {
           /deep/ .time {
             display: flex;
             align-items: center;
+            padding: 4rpx 10rpx 4rpx 15rpx;
+            border-radius: 4rpx;
             font-size: 26rpx;
+            background-color: #E02619;
+            color: #fff;
+            box-shadow: 1px 1px 1px rgba(0,0,0,0.16);
 
-            .timeTxt {
-              color: #E62113;
+            .styleAll {
+              margin: 0 12rpx;
             }
 
             .unit {
               display: inline-flex;
               justify-content: center;
               align-items: center;
-              width: 26rpx;
-              height: 32rpx;
-              margin: 0 2rpx;
-              background: #E02619;
-              color: #fff;
-              box-shadow: 2rpx 2rpx 2rpx rgba(0, 0, 0, 0.16);
-              border-radius: 4rpx;
-              font-weight: bold;
             }
           }
         }
@@ -556,4 +611,48 @@ export default {
     }
   }
 }
+.line-price {
+  .number {
+    width: 82px;
+    height: 24px;
+    border-radius: 12px;
+    line-height: 24px;
+    color: #fff;
+    font-size: 12px;
+    font-weight: bold;
+    background: rgba(250,181,176,0.39);
+    box-shadow: 1px 1px 1px rgba(0,0,0,0.16);
+    .bg {
+      z-index: 1;
+      height: 100%;
+      padding: 0 4px 0 12px;
+      margin: 0 2px 0 0;
+      border-radius: 12px;
+      background-color: #E92727;
+    }
+  }
+  .price-wrap {
+    align-items: flex-end;
+    .price-txt {
+      flex: 1;
+      height: 24px;
+      padding: 4px 8px;
+      color: #fff;
+      font-size: 12px;
+      background: linear-gradient(270deg, #FFFFFE 0%, #EB5015 100%);
+      border-radius: 4px;
+      .txt {
+        font-size: 18px;
+        font-weight: bold;
+      }
+    }
+    .btn {
+      margin: 0 0 0 -16px;
+      .btn-img {
+        width: 42px;
+        height: 43px;
+      }
+    }
+  }
+}
 </style>
diff --git a/pkg_user/views/myFavorite.vue b/pkg_user/views/myFavorite.vue
index a898f10..4838ea1 100644
--- a/pkg_user/views/myFavorite.vue
+++ b/pkg_user/views/myFavorite.vue
@@ -9,12 +9,23 @@
       </view>
     </view>
 
-    <view class="manage flex jc-end ai-center" @click="changeManage" v-if="!isManage">
-      <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 class="manage flex jc-end ai-center" style="color:#C41617" @click="changeManage" v-else>
-      退出管理
+    <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
@@ -402,7 +413,7 @@ export default {
 }
 
 .manage {
-  margin: 12rpx 32rpx 18rpx;
+  padding: 15rpx 32rpx;
   color: #333333;
   font-size: 28rpx;
 
diff --git a/utils/index.js b/utils/index.js
index 8925a24..19ce8a4 100644
--- a/utils/index.js
+++ b/utils/index.js
@@ -1059,6 +1059,51 @@ export function chooseImage(callback) {
     });
 }
 
+export function chooseVideoToUpload(callback) {
+    uni.chooseVideo({
+        count: 1,
+        sourceType: ['album', 'camera'],
+        success: res => {
+            const { tempFilePath, size } = res
+            if (size / 1024 / 1024 > 30) {
+                uni.showToast({
+                    title: '视频文件超过30MB',
+                    icon: 'none',
+                    duration: 2000
+                })
+                return
+            }
+            uni.showLoading({
+                title: '视频上传中',
+                mask: true
+            })
+            uni.uploadFile({
+                url: `${VUE_APP_API_URL}/api/upload`,
+                filePath: tempFilePath,
+                header: {
+                    Authorization: 'Bearer ' + store.getters.token
+                },
+                name: 'file',
+                success: response => {
+                    if (callback) {
+                        callback(JSON.parse(response.data).link)
+                    }
+                },
+                fail: err => {
+                    uni.showToast({
+                        title: '上传视频失败' + err,
+                        icon: 'none',
+                        duration: 2000
+                    })
+                },
+                complete: () => {
+                    uni.hideLoading()
+                }
+            })
+        }
+    })
+}
+
 export function moreImage(count, callback) {
     uni.chooseImage({
         count,
diff --git a/v4/views/specialty/specialty.vue b/v4/views/specialty/specialty.vue
index de0bd4b..eb3acac 100644
--- a/v4/views/specialty/specialty.vue
+++ b/v4/views/specialty/specialty.vue
@@ -69,7 +69,7 @@ export default {
   methods: {
     goCity() {
       uni.redirectTo({
-        url: `/components/chose-city/chose-city?type=0&city=${this.cityName}`
+        url: `/pages/chose-city/chose-city?type=0&city=${this.cityName}`
       })
     },
     goDetils(id) {
diff --git a/wenwan/views/storeList.vue b/wenwan/views/storeList.vue
index 63616a3..ba1d85d 100644
--- a/wenwan/views/storeList.vue
+++ b/wenwan/views/storeList.vue
@@ -78,7 +78,7 @@ export default {
     },
     goCity() {
       uni.redirectTo({
-        url: `/components/chose-city/chose-city?type=1&city=${this.cityName}`
+        url: `/pages/chose-city/chose-city?type=1&city=${this.cityName}`
       })
     },
     goStore: function (item) {