Feat: 管家详情

pkg_product/views/sojoumStore.vue

@@ -100,7 +100,7 @@
                       'background-image': item.isTop ? ('url(' + webUrl + '/page/hotel/info-top-bg.png)') : 'none'
                     }"
                     class="info-item-header"
-                    @click="infoClick(item)">
+                    >
                     <view class="name">
                       {{ item.title }}
                     </view>
@@ -272,19 +272,22 @@
         <!-- 管家 -->
          <view v-if="activeIndex === 4" class="v12-pa-3" style="background: #F5F5F5;">
           <view v-for="(item, index) in jiaLouStewardArr" :key="index" class="steward-item">
-            <view class="st-card">
+            <view class="st-card" @click="goHousekeeperDetail(item)">
               <view class="st-left">
-                <view class="portrait-card">
+                <view class="portrait-card" >
+                  <image :src="item.mainImage" class="mainImage-wap" mode="aspectFill" />
                   <image :src="item.avatar" class="avatar" mode="aspectFill" />
-                  <view class="role-badge">旅居管家</view>
-                  <view class="name-badge">{{ item.name }}</view>
+                  <view class="gg-box">
+                    <view class="v12-font-bold gg">旅居管家</view>
+                    <view class="v12-font-bold v12-white-text">{{ item.name }}</view>
+                  </view>
                 </view>
               </view>
               <view class="st-right">
                 <view class="star">
-                  <image src="/static/images/start.png" class="star-icon" />
+                  <image :src="webUrl + '/home/管家角标.png'" class="star-icon" />
                 </view>
-                <view class="desc more-t">
+                <view class="desc more-t v12-font-bold">
                   {{ item.desc }}
                 </view>
                 <view class="tag-list">
@@ -334,7 +337,8 @@ import {
   postJiaLouZan,
   postJiaLouShare,
   getJiaLouProductList,
-  getJiaLouStewardList
+  getJiaLouStewardList,
+  getJiaLouNewsList
 } from '@/api/qianxian'
 import imgBox from '@/components/imageTypeSet/imagebox.vue'
 export default {
@@ -406,6 +410,12 @@ export default {
     }
   },
   methods: {
+    // 跳转管家详情
+    goHousekeeperDetail(item) {
+      uni.navigateTo({
+        url: '/pkg_product/views/housekeeperDetail?id=' + item.id
+      })
+    },
     getJiaLouStewardList() {
       uni.showLoading({
         title: '加载中',
@@ -539,9 +549,9 @@ export default {
       const params = {
         page: 1,
         limit: 9999,
-        sojournId: this.id
+        merId: this.id
       }
-      getJiaLouNews(params).then(res => {
+      getJiaLouNewsList(params).then(res => {
         this.infoArray = res.data.records || []
         this.isLoadInfoListSuccess = true
       })
@@ -578,7 +588,7 @@ export default {
     },
     likeInfoItemHandle(item) {
       const params = {
-        countyFamousNewsId: item.id
+        travelGroupNewsId: item.id
       }
       postJiaLouNewsZan(params).then(res => {
         const {success} = res
@@ -620,7 +630,7 @@ export default {
       }
       if(this.videoPlayers.filter(id => id === playerId).length > 1) return
       const params = {
-        countyFamousNewsId: item.id
+        travelGroupNewsId: item.id
       }
       postJiaLouNewsView(params).then(res => {
         const {success} = res
@@ -1229,6 +1239,7 @@ export default {
   align-items: center;
   justify-content: center;
   flex-direction: column;
+  overflow: hidden;
 }
 .avatar {
   width: 180rpx;
@@ -1280,11 +1291,37 @@ export default {
 }
 .tag {
   padding: 6rpx 16rpx;
-  border: 2rpx solid #E95959;
-  color: #E95959;
+  border: 2rpx solid #C52733;
+  color: #C52733;
   border-radius: 100rpx;
   font-size: 24rpx;
   margin-right: 16rpx;
   margin-top: 12rpx;
 }
+.mainImage-wap{
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  // transform: translate(-50%, -50%);
+}
+.gg-box{
+  border: 2rpx solid #FADE9F;
+  border-radius: 22rpx;
+  position: absolute;
+  width: 160rpx;
+  bottom: 12rpx;
+  left: 0;
+  right: 0;
+  margin: auto;
+  text-align: center;
+}
+.gg{
+  border-radius: 120rpx;
+  background: #FADE9F;
+  padding: 6rpx 5rpx;
+  margin-bottom: 12rpx;
+  color: #333;
+}
 </style>