.

src/hotel/components/HouseManage/houseManage.jsx

@@ -7,6 +7,7 @@ import iconsearch from '@/assets/icons/housemantj/search.png'
 import React,{useState, useEffect,useRef, useImperativeHandle } from 'react'
 import {getRoomList,deleteRoom} from '@/services/landlord'
 import ShareRoom from '../shareRoom/ShareRoom.jsx'
+import ShareCard from '../shareCard/shareCard'
 import './houseManage.less'
 
 export default React.forwardRef((props, ref) => {
@@ -34,6 +35,7 @@ export default React.forwardRef((props, ref) => {
   }
 
   const [showCutover, setShowCutover] = useState(false)
+  const [showCard, setShowCard] = useState(false)
   const [room, setRoom] = useState({})
   const ShowMoldeOn = (room) => {
     setRoom(room)
@@ -64,9 +66,9 @@ export default React.forwardRef((props, ref) => {
   useImperativeHandle(ref, () => ({
     getShareMessage: () => {
       const { shareImage, roomOrderId } = shareDataRef.current
-
+      setShowCard(false)
       return {
-        title: '',
+        title: room.roomName,
         path: `/pages/index/index?tab=1&roomId=${room.roomId}&roomOrderId=${roomOrderId}`,
         imageUrl: shareImage,
       }
@@ -77,6 +79,7 @@ export default React.forwardRef((props, ref) => {
     shareDataRef.current = val
     setShowCutover(false)
     // 打开分享弹窗
+    setShowCard(true)
   }
 
   return (
@@ -88,6 +91,7 @@ export default React.forwardRef((props, ref) => {
             <view className="searchword">请输入关键字搜索</view>
           </view>
           <ShareRoom showCutover={showCutover} onClose={onClose}  room={room} onFinish={handleFinish} />
+          <ShareCard showCutover={showCard} onClose={onClose}/>
         <scroll-view scroll-y="true" scroll-view='true' bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll" style={{ height: 'calc(100vh - 255px)' }}>
 
           <view>

src/hotel/components/shareCard/shareCard.jsx

@@ -0,0 +1,21 @@
+import React from 'react'
+import Popup from '@/components/Popup'
+import Taro from '@tarojs/taro'
+import { Input, Button, View, Picker, Label } from '@tarojs/components'
+import {shareRoom} from '@/services/landlord'
+import { useState } from 'react'
+import './shareCard.less'
+
+
+export default (props) => {
+  const { showCutover, onClose} = props
+
+  return (
+    <Popup show={showCutover} onClose={onClose}>
+      <View className='card'>
+      <Label style={{color:'black',fontSize:'45rpx'}}>确认分享给游客</Label>      
+      <View><Button  className='cancel' onClick={onClose}>取消</Button><Button openType='share' className='btn'>确认</Button></View>
+    </View>
+    </Popup>
+  )
+}

src/hotel/components/shareCard/shareCard.less

@@ -0,0 +1,24 @@
+.card{
+  font-size: 34px;
+  padding-top: 40px;
+}
+.cancel{
+  width: 150px;
+  height: 70px;
+  display: inline-block;
+  line-height: 70px;
+  border-radius: 12px;
+  font-size: 36px;
+  margin-top: 15px;
+  margin-right: 20px;
+}
+.btn {
+  width: 150px;
+  height: 70px;
+  background: #1A3B83;
+  display: inline-block;
+  line-height: 70px;
+  border-radius: 12px;
+  font-size: 36px;
+  color: #fff;
+}

src/hotel/components/shareRoom/ShareRoom.jsx

@@ -2,47 +2,52 @@ import React from 'react'
 import Popup from '@/components/Popup'
 import Taro from '@tarojs/taro'
 import { Input, Button, View, Picker, Label } from '@tarojs/components'
+import { shareRoom } from '@/services/landlord'
 import './ShareRoom.less'
 import { useState } from 'react'
 
 
 export default (props) => {
-  const { showCutover, onClose,roomId } = props
+  const { showCutover, onClose, room, onFinish } = props
   const [startDate, setStartDate] = useState('')
   const [endDate, setEndDate] = useState('')
-  const [roomNum, setRoomNum] = useState()
+  const [roomNum, setRoomNum] = useState('')
   const handelStartDate = (e) => {
     setStartDate(e.detail.value)
   }
   const handelEndDate = (e) => {
     setEndDate(e.detail.value)
   }
-const handelShare=()=>{
-  if(roomNum!=''&&startDate!=''&&endDate!=''){
-    console.log(roomNum,startDate,roomId)
+  const handelShare = () => {
+    if (roomNum != '' && startDate != '' && endDate != '') {
+      shareRoom({ hotelId: room.hotelId, personNum: roomNum, roomId: room.roomId, startDate: startDate, endDate: endDate }).then((res) => {
+        onFinish(res)
+        setStartDate('')
+        setEndDate('')
+        setRoomNum()
+      })
+    }
   }
-}
   return (
     <Popup show={showCutover} onClose={onClose}>
-      <Label style={{color:'black'}}>请输入入住人信息</Label>
-      <View><Label>入住人数：</Label><Input focus dataField='nm' onInput={(e) => setRoomNum(e.detail.value )} value={roomNum} type='number' placeholder='请输入入住人数' /></View>
-      <View>
-        <Label>入住开始时间：</Label>
-        <Picker mode='date' onChange={handelStartDate}>
-          <View className='picker'  >
+      <View className='from-room'>
+        <Label style={{ color: 'black' }}>请输入入住人信息</Label>
+        <View className='flex'>
+          <Label>入住人数：</Label><Input focus dataField='nm' onInput={(e) => setRoomNum(e.detail.value)} value={roomNum} type='number' placeholder='请输入入住人数' /></View>
+        <View className='flex'>
+          <Label>入住开始时间：</Label>
+          <Picker mode='date' className='picker' onChange={handelStartDate}>
             {startDate == '' ? '请选择入住开始时间' : startDate}
-          </View>
-        </Picker>
-      </View>
-      <View>
-        <Label>入住结束时间：</Label>
-        <Picker mode='date' onChange={handelEndDate}>
-          <View className='picker'  >
+          </Picker>
+        </View>
+        <View className='flex'>
+          <Label>入住结束时间：</Label>
+          <Picker className='picker' mode='date' onChange={handelEndDate}>
             {endDate == '' ? '请选择入住结束时间' : endDate}
-          </View>
-        </Picker>
+          </Picker>
+        </View>
+        <View><Button className='cancel' onClick={onClose}>取消</Button><Button className='btn' onClick={handelShare}>分享</Button></View>
       </View>
-      <View><Button className='btn' onClick={onClose}>取消</Button><Button className='btn' onClick={handelShare}>分享</Button></View>
     </Popup>
   )
 }

src/hotel/components/shareRoom/ShareRoom.less

@@ -1,17 +1,38 @@
   .from-room{
-    width: 100%;
-    box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.08);
-    border-radius: 24px;
-    font-size: 1.1em;
-    padding: 20px;
-    .btn {
-      width: 100px;
-      height: 92px;
+    font-size: 34px;
+    padding-top: 30px;
+    .flex{
+      display: flex;
+      margin: 10px 0;
+      Input{
+        width: 345px;
+        border-radius: 15px;
+        border: solid 1px rgb(121, 116, 116);
+        margin-left: 70px;
+      }
+      .picker{
+        width: 345px;
+        border-radius: 15px;
+        border: solid 1px rgb(121, 116, 116);
+      }
+    }
+  }
+  .cancel{
+      width: 150px;
+      height: 70px;
+      display: inline-block;
+      line-height: 70px;
+      border-radius: 12px;
+      font-size: 36px;
+      margin-right: 20px;
+  }
+  .btn {
+      width: 150px;
+      height: 70px;
       background: #1A3B83;
-      line-height: 92px;
+      display: inline-block;
+      line-height: 70px;
       border-radius: 12px;
-      font-size: 40px;
-      color: #ffffff;
-    }
+      font-size: 36px;
+      color: #fff;
   }
-