1

miniprogram/pages/reportRepair/repair/case/case.js

@@ -1,11 +1,12 @@
-// pages/reportRepair/repair/case/case.js
+const app = getApp()
+
 Page({
 
     /**
      * 页面的初始数据
      */
     data: {
-
+        IMG_NAME: app.IMG_NAME,
     },
 
     /**

miniprogram/pages/reportRepair/repair/case/case.wxml

@@ -15,12 +15,54 @@
                 <view class="time">2022-11-15 10:25:23</view>
             </view>
         </view>
+    </view>
 
     <view class="personMsgView">
         报修人电话：19883286522
     </view>
 
+    <view class="labelView">报修单信息</view>
+
+    <view class="step1">
+        <view class="itemView">
+            <view class="name">报修设备:</view>
+            <view class="content">南楼102室空调</view>
+        </view>
+        <view class="itemView">
+            <view class="name">派发对象:</view>
+            <view class="content">李四</view>
+        </view>
+        <view class="itemView">
+            <view class="name">报修内容:</view>
+            <view class="content">设备故障，及时检修设备故障，及时检修设备故障，及时检修设备故障，及时检修</view>
+        </view>
+        <view class="itemView">
+            <view class="name">工单编号:</view>
+            <view class="content"> BX202112100001</view>
+        </view>
+        <view class="itemView">
+            <view class="name">报修人:</view>
+            <view class="content">张三</view>
+        </view>
+        <view class="itemView">
+            <view class="name">报修时间:</view>
+            <view class="content">2022-11-15 10:25:23</view>
+        </view>
+        <view class="itemView">
+            <view class="name">相关语音:</view>
+            <view class="content">4s</view>
+        </view>
+        <view class="itemView">
+            <view class="name">报修图片:</view>
+            <view class="content">
+                <view wx:for="{{4}}" class="imgView" style="background: no-repeat center/cover url({{IMG_NAME + '/profile/static/index/banner/1.jpg'}});"></view>
+            </view>
         </view>
 
+        <view class="bottomView">
+            <view class="btn">接收</view>
+            <view class="btn oragen">退回</view>
+        </view>
+    </view>
 
 </view>

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{
+.personMsgView {
-    border: 1rpx solid red;
+    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;
 }