diff --git a/miniprogram/pages/reportRepair/repair/case/case.js b/miniprogram/pages/reportRepair/repair/case/case.js index cc4c443..ba92a53 100644 --- a/miniprogram/pages/reportRepair/repair/case/case.js +++ b/miniprogram/pages/reportRepair/repair/case/case.js @@ -1,66 +1,67 @@ -// pages/reportRepair/repair/case/case.js +const app = getApp() + Page({ - /** - * 页面的初始数据 - */ - data: { + /** + * 页面的初始数据 + */ + data: { + IMG_NAME: app.IMG_NAME, + }, - }, + /** + * 生命周期函数--监听页面加载 + */ + onLoad(options) { - /** - * 生命周期函数--监听页面加载 - */ - onLoad(options) { + }, - }, + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady() { - /** - * 生命周期函数--监听页面初次渲染完成 - */ - onReady() { + }, - }, + /** + * 生命周期函数--监听页面显示 + */ + onShow() { - /** - * 生命周期函数--监听页面显示 - */ - onShow() { + }, - }, + /** + * 生命周期函数--监听页面隐藏 + */ + onHide() { - /** - * 生命周期函数--监听页面隐藏 - */ - onHide() { + }, - }, + /** + * 生命周期函数--监听页面卸载 + */ + onUnload() { - /** - * 生命周期函数--监听页面卸载 - */ - onUnload() { + }, - }, + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh() { - /** - * 页面相关事件处理函数--监听用户下拉动作 - */ - onPullDownRefresh() { + }, - }, + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom() { - /** - * 页面上拉触底事件的处理函数 - */ - onReachBottom() { + }, - }, + /** + * 用户点击右上角分享 + */ + onShareAppMessage() { - /** - * 用户点击右上角分享 - */ - onShareAppMessage() { - - } + } }) \ No newline at end of file diff --git a/miniprogram/pages/reportRepair/repair/case/case.wxml b/miniprogram/pages/reportRepair/repair/case/case.wxml index 30180e8..0494d8b 100644 --- a/miniprogram/pages/reportRepair/repair/case/case.wxml +++ b/miniprogram/pages/reportRepair/repair/case/case.wxml @@ -15,12 +15,54 @@ 2022-11-15 10:25:23 - - - 报修人电话:19883286522 - - + + 报修人电话:19883286522 + + + 报修单信息 + + + + 报修设备: + 南楼102室空调 + + + 派发对象: + 李四 + + + 报修内容: + 设备故障,及时检修设备故障,及时检修设备故障,及时检修设备故障,及时检修 + + + 工单编号: + BX202112100001 + + + 报修人: + 张三 + + + 报修时间: + 2022-11-15 10:25:23 + + + 相关语音: + 4s + + + 报修图片: + + + + + + + 接收 + 退回 + + \ No newline at end of file diff --git a/miniprogram/pages/reportRepair/repair/case/case.wxss b/miniprogram/pages/reportRepair/repair/case/case.wxss index 3715827..3e2e695 100644 --- a/miniprogram/pages/reportRepair/repair/case/case.wxss +++ b/miniprogram/pages/reportRepair/repair/case/case.wxss @@ -1,11 +1,13 @@ .containerView.public { background: none; + padding-bottom: 0; } .topHead { border: 1rpx solid transparent; background: white; - height: 400rpx; + /* height: 400rpx; */ + padding-bottom: 20rpx; } .topHead .progressView { @@ -93,6 +95,71 @@ text-align: center; } -.topHead .personMsgView{ - border: 1rpx solid red; +.personMsgView { + margin-top: 4rpx; + padding: 20rpx; + text-align: center; + background: white; + color: #979797; + font-size: 26rpx; +} + +.labelView { + margin-top: 12rpx; + padding: 30rpx 40rpx; + font-size: 24rpx; + color: #979797; + background: white; +} + +.step1 { + border: 1rpx solid transparent; + margin-top: 4rpx; + padding: 0 40rpx 100rpx; + background: white; +} + +.step1 .itemView { + display: flex; + justify-content: flex-start; + align-items: flex-start; + margin-top: 30rpx; + font-size: 28rpx; +} + +.step1 .itemView .name { + flex-shrink: 0; + width: 150rpx; +} + +.step1 .itemView .content { + word-break: break-all; +} + +.step1 .itemView .content .imgView { + width: 140rpx; + height: 100rpx; + margin-right: 10rpx; + margin-bottom: 10rpx; + display: inline-block; + vertical-align: middle; +} + +.step1 .bottomView { + display: flex; + justify-content: space-evenly; + align-items: center; + margin-top: 60rpx; +} + +.step1 .bottomView .btn { + border-radius: 8rpx; + padding: 14rpx 90rpx; + font-size: 26rpx; + color: white; + background: #4e96f8; +} + +.step1 .bottomView .btn.oragen { + background: #ebae77; } \ No newline at end of file