公寓小程序端前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 

91 lines
4.7 KiB

<!-- subpages/index/checkOutConfirm/index/index.wxml -->
<navigationBar title="退房确认" isSowArrow titleAlign="left"></navigationBar>
<view class="content">
<view class="content-title" id="contentTitle">
<scroll-view>
<view class="title-img" id="item1">
<van-image width="100%" height="200" src="/images/banner/banner1.png" />
</view>
<view class="info" id="item2">
<view class="title">国信棠樾云邸 三居室</view>
<view class="des">1号楼2单元201 南卧1</view>
<van-divider dashed customStyle="color: #BBBBBB ; border-color: #BBBBBB ;" />
<view class="item">
<view class="item-des ">
<view class="flex tit">
居住人
<view class="name">王女士</view>
</view>
<view class="flex tit">
联系电话
<view class="name">159****5678</view>
</view>
<view class="flex tit">
居住日期
<view class="name">2025-05-26至2025-08-08</view>
</view>
</view>
</view>
</view>
<view class="check" id="item3">
<van-cell-group inset>
<van-cell title="设备检查情况" border="{{false}}" title-style="color:#404040;font-size: 15px;font-weight: bold;" />
<van-cell title="空调" title-style="color:#68758B;font-size: 15px;" wx:for="{{deviceCheckList}}" wx:key="index">
<view slot="" class="flex flex-x-end">
<van-icon name="/subpages/images/md-error.png" size="22px" />
<van-icon name="/subpages/images/ze-checked.png" size="22px" />
<view class="checkstatus">完好</view>
</view>
</van-cell>
</van-cell-group>
</view>
<view class="m-top-16 " id="item4">
<van-cell-group inset>
<van-cell title="其他说明" border="{{false}}" title-style="color:#404040;font-size: 15px;font-weight: bold;" />
<van-cell title-style="color:#68758B;font-size: 15px;">
<view slot="title" class="flex ">
<view class="checkstatus">所有设施完好,正常退房。</view>
</view>
</van-cell>
</van-cell-group>
</view>
<view class="m-top-16" id="item5">
<van-cell-group inset>
<van-cell title="图片/视频" border="{{false}}" title-style="color:#404040;font-size: 15px;font-weight: bold;" />
<van-cell title-style="color:#68758B;font-size: 15px;">
<view slot="title" class="flex flex-wrap">
<block wx:for="{{mediaList}}" wx:key="index">
<view class="media-item">
<block wx:if="{{item.type === 'image'}}">
<van-image width="118" height="80" src="{{item.src}}" />
</block>
<block wx:else>
<video width="118px" height="80px" src="{{item.src}}"></video>
</block>
</view>
</block>
</view>
</van-cell>
</van-cell-group>
</view>
</scroll-view>
</view>
</view>
<view class=" fixed-bottom">
<view class="sign">
<view class="sign-title">请在以下区域手写签字</view>
<view class="sign-ara flex flex-center-j items-center" bind:tap="gotoSign">
<view class="sign-img" wx:if="{{signImgSrc}}">
<van-image width="325" height="100" src="{{signImgSrc}}" />
</view>
<view class="sign-txt " wx:else>在此区域手写签字</view>
</view>
<view class="btn">
<van-button slot="button" block type="primary" round color="linear-gradient(to right, #0DC6C6 , #46DBD5)" bind:tap="submit">
提交
</van-button>
</view>
</view>
</view>
<canvas style="position: absolute; left: -9999px; top: -9999px; width: {{canvasWidth}}px; height: {{canvasHeight}}px;" canvas-id="myCanvas" type="2d"></canvas>