feats

src/store/models/room.js

@@ -109,6 +109,17 @@ export default () => {
     })
   }
 
+  // 房源保护
+  const updateProtection = data => {
+    return request({
+      url: '/room/protection/update-status',
+      data,
+    }).then(() => {
+      detail.roomInfo.protectionFlag = data.protectionFlag
+      return
+    })
+  }
+
   return {
     list,
     page,
@@ -122,5 +133,6 @@ export default () => {
     getAuth,
     getKey,
     roomKeyBox,
+    updateProtection,
   }
 }

src/view/secondhand/detail/components/MoreActions.vue

@@ -0,0 +1,79 @@
+<template>
+  <van-popover v-model:show="show" placement="bottom-end">
+    <template #reference>
+      <div style="width: 64px; text-align: center;">
+        <van-icon name="wap-nav" />
+      </div>
+    </template>
+    <div style="width: 160px">
+      <van-cell-group>
+        <van-cell
+          v-shiro="'room:info:protection'"
+          v-show="!roomInfo.protectionFlag || roomInfo.protectionFlag === '0'"
+          title="设置房源保护"
+          icon="fire"
+        />
+
+        <van-cell
+          v-shiro="'room:info:protection'"
+          v-show="roomInfo.protectionFlag === '1'"
+          title="取消房源保护"
+          icon="fire"
+        />
+
+        <van-cell
+          v-shiro="'room:info:addTel'"
+          title="新增业主电话"
+          icon="add"
+        />
+
+        <van-cell
+          v-shiro="'room:info:doneRoom'"
+          v-show="roomInfo.status === '0'"
+          title="下架房源"
+          icon="delete"
+        />
+
+        <van-cell
+          v-shiro="'room:info:edit'"
+          v-show="roomInfo.status !== '7'"
+          title="修改房源"
+          icon="expand"
+        />
+        <van-cell
+          v-shiro="'room:info:share'"
+          title="分享房源"
+          icon="share"
+        />
+      </van-cell-group>
+    </div>
+  </van-popover>
+</template>
+
+<script>
+import { ref } from 'vue'
+import { Popover, CellGroup, Cell, Icon } from 'vant'
+
+export default {
+  components: {
+    [Popover.name]: Popover,
+    [CellGroup.name]: CellGroup,
+    [Cell.name]: Cell,
+    [Icon.name]: Icon,
+  },
+  props: {
+    roomInfo: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup() {
+    const show = ref(false)
+
+    return {
+      show
+    }
+  }
+}
+</script>
+

src/view/secondhand/detail/index.vue

@@ -9,18 +9,7 @@
       <div class="title">
         <p class="body">{{ detail.roomInfo?.title }}</p>
         
-        <van-popover
-          v-model:show="showPopover"
-          :actions="actions"
-          @select="onSelect"
-          placement="bottom-end"
-        >
-          <template #reference>
-            <div class="action">
-              <van-icon name="wap-nav" />
-            </div>
-          </template>
-        </van-popover>
+        <MoreActions :room-info="detail.roomInfo" />
       </div>
 
       <van-cell-group title="房源信息">
@@ -122,6 +111,7 @@ import {
   CollapseItem,
 } from "vant";
 import { useModel } from "@zjxpcyc/vue-tiny-store"
+import MoreActions from './components/MoreActions'
 import RoomMain from './components/Main'
 import RoomBase from './components/Base'
 import RoomEstate from './components/Estate'
@@ -151,7 +141,8 @@ export default {
     [Field.name]: Field,
     [Dialog.Component.name]: Dialog.Component,
 
-    Swiper: Swiper,
+    Swiper,
+    MoreActions,
     RoomMain,
     RoomBase,
     RoomEstate,
@@ -174,7 +165,11 @@ export default {
     const collapseItem = ref()
     const phone = ref("")
 
-    const { detail, getDetail } = useModel("room")
+    const {
+      detail,
+      getDetail,
+      updateProtection,
+    } = useModel("room")
 
     onMounted(() => {
       getDetail(roomId);