.

src/hotel/components/HouseManage/houseManage.jsx

 import share from '@/assets/icons/landlord/分享链接.png'
 import del from '@/assets/icons/landlord/删除.png'
 import addImg from '@/assets/icons/landlord/添加.png'
-import iconsearch from '@/assets/icons/housemantj/search.png'
 import React, { useState, useEffect, useRef, useImperativeHandle } from 'react'
 import { getRoomList, deleteRoom } from '@/services/landlord'
+import SearchBar from '@/components/SearchBar'
 import ShareRoom from '../shareRoom/ShareRoom.jsx'
 import ShareCard from '../shareCard/shareCard'
 import './houseManage.less'
-import SearchBar from '@/components/SearchBar'
 
 
 export default React.forwardRef((props, ref) => {
   const handelClick = () => {
     Taro.navigateTo({ url: `/hotel/pages/landlord/addRoom/addRoom?hotelId=${hotel.hotelId}&hotelName=${hotel.hotelName}` });
   }
-  const handelDelete = (roomId) => {
-    deleteRoom(roomId).then(() => {
-      Taro.showToast({
-        title: '删除房源成功',
-        icon: 'none',
-      })
-      getRoomList({ hotelId: hotel.hotelId }).then((res) => {
-        setDetail(res.records || [])
-      })
+  const handelDelete = (val) => {
+    Taro.showModal({
+      title: '提示',
+      content: `确认删除${val.roomName}?`,
+      success: function (res) {
+        if (res.confirm) {
+          deleteRoom(val.roomId).then(() => {
+            Taro.showToast({
+              title: '删除房源成功',
+              icon: 'none',
+            })
+            getRoomList({ hotelId: hotel.hotelId }).then((res) => {
+              setDetail(res.records || [])
+            })
+          })       
+        } 
+      }
     })
+   
   }
 
   const [showCutover, setShowCutover] = useState(false)
       getRoomList({ hotelId: hotel.hotelId,roomName:e.detail.value }).then((res) => {
       setDetail(res.records || [])
     })
-    }
-    
+    }    
   }
   return (
     <view>
       <view style={{ padding: '0 30rpx', height: '100%' }}>
-        <SearchBar placeholder='请输入房源名搜索' onBlur={onSearch} />
+        <SearchBar placeholder='请输入房源名搜索' onBlur={onSearch}/>
         <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)' }}>
+        <scroll-view scroll-y="true" scroll-view='true' bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll" style={{ height: 'calc(100vh - 244px)' }}>
           {
             detail?.map((item) =>
               <view className='houseCard'>
                 <view className='operation'>
                   <view onClick={() => handelOrder(item)}><image src={see} />查看入住人</view>
                   <view onClick={() => ShowMoldeOn(item)}><image src={share} />分享链接</view>
-                  <view onClick={() => handelDelete(item.roomId)}><image src={del} />删除房源</view>
+                  <view onClick={() => handelDelete(item)}><image src={del} />删除房源</view>
                 </view>
               </view>
             )

src/hotel/components/HouseManage/houseManage.less

   border-radius: 12px;
   padding: 40px 30px 41px 30px;
   text-align: center;
-  margin: 30px 0;
+  margin: 30px 10px;
   .houseName{
     height: 122px;
     font-size: 32px;
   text-align: center;
   line-height: 88px;
   position: absolute;
-  bottom: 30px;
+  bottom: 18px;
   image{
     width: 32px;
     height: 32px;

src/hotel/components/Income/income.less

   border-radius: 24px;
   padding: 50px 30px 64px 40px;
   box-sizing: border-box;
+  margin: 0 10px;
   .storeName{
     height: 26px;
     font-size: 28px;
   margin: 62px 0 10px 1px;
 }
 .spreadCard{
-  margin-bottom: 60px;  
+  margin:0 10px 60px 10px;  
   .card{
     height: 166px;
     background: #FFF;

src/hotel/components/shareRoom/ShareRoom.jsx

   return (
     <Popup show={showCutover} onClose={onClose}>
       <View className='from-room'>
+      <mp-form  >
+        <Label style={{color:'black'}}>请输入入住人信息</Label>
+        <mp-cells    footer='  ' >
+          <mp-cell title='入住人数：' extClass='font'>
+            <Input focus dataField='nm' onInput={(e) => setRoomNum(e.detail.value)} value={roomNum} type='number' placeholder='请输入入住人数' />
+          </mp-cell>
+          <mp-cell title='入住开始时间：' extClass='font'>
+            <Picker mode='date' onChange={handelStartDate}>
+              {startDate == '' ? '请选择入住开始时间' : startDate}
+            </Picker>
+          </mp-cell>
+          <mp-cell title='入住结束时间：' extClass='font'>
+            <Picker  mode='date' onChange={handelEndDate}>
+            {endDate == '' ? '请选择入住结束时间' : endDate}
+          </Picker>
+          </mp-cell>
+          <mp-cell>
+            <Button className='cancel' onClick={onClose}>取消</Button><Button className='btn' onClick={handelShare}>分享</Button>
+            {/* <button className='button-OK' onClick={sumbit}>确定</button> */}
+          </mp-cell>
+        </mp-cells>
+      </mp-form>
+      </View>
+
+
+
+
+
+
+
+      {/* <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>
           </Picker>
         </View>
         <View><Button className='cancel' onClick={onClose}>取消</Button><Button className='btn' onClick={handelShare}>分享</Button></View>
-      </View>
+      </View> */}
     </Popup>
   )
 }

src/hotel/components/shareRoom/ShareRoom.less

-  .from-room{
-    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);
-      }
-    }
+.from-room{
+  padding-top: 30px;
+  .font{
+    font-size: 28px;
+    color: #202020;
   }
   .cancel{
-      width: 150px;
-      height: 70px;
-      display: inline-block;
-      line-height: 70px;
-      border-radius: 12px;
-      font-size: 36px;
-      margin-right: 20px;
+    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;
-      display: inline-block;
-      line-height: 70px;
-      border-radius: 12px;
-      font-size: 36px;
-      color: #fff;
+    width: 150px;
+    height: 70px;
+    background: #1A3B83;
+    display: inline-block;
+    line-height: 70px;
+    border-radius: 12px;
+    font-size: 36px;
+    color: #fff;
   }
+}
+  
+  

src/hotel/pages/landlord/landlord.config.js

   usingComponents: {
     "mp-tabbar": "weui-miniprogram/tabbar/tabbar",
     "mp-dialog": "weui-miniprogram/dialog/dialog",
-    "mp-searchbar": "weui-miniprogram/searchbar/searchbar"
+    "mp-searchbar": "weui-miniprogram/searchbar/searchbar",    
+    "mp-cells": "weui-miniprogram/cells/cells",
+    "mp-cell": "weui-miniprogram/cell/cell",
+    "mp-form": "weui-miniprogram/form/form"
   },
   enableShareAppMessage: true
 }