静态页面

src/pages/WuYe/BaoXiuDetail/index.jsx

@@ -142,6 +142,26 @@ export default function BaoXiuDetail () {
                         <text>{toolclass.FormatDate(item.createDate)}</text>
                       </view>
                       <view className='Text'>{item.content}</view>
+                      {
+                        item.ticketRecordCommentList.map((subItem, subIndex) => (
+                          <view className='ReplyList' key={`Reply-${subIndex}`}>
+                            <view className='flex-h'>
+                              <view>
+                                <text>{subItem.userName}</text>
+                              </view>
+                              <view className='flex-item'>
+                                <text>回复：</text>
+                              </view>
+                              <view>
+                                <text>{toolclass.FormatDate(subItem.createDate)}</text>
+                              </view>
+                            </view>
+                            <view className='ReplyContent'>
+                              <text>{subItem.content}</text>
+                            </view>
+                          </view>
+                        ))
+                      }
                       {/* <view className='Text'>您的报修正在分配物业处理人员，若长时间无人处理，请联系物业。<text className='Blue'>物业电话薄</text><text className='Blue iconfont iconjiantouright'></text></view> */}
                       {/* <view className='ImgList'>
                       <view></view>

src/pages/WuYe/BaoXiuDetail/index.less

@@ -159,6 +159,38 @@
               }
             }
 
+            >.ReplyList {
+              margin-top: 20px;
+
+              >.flex-h {
+                align-items: center;
+
+                >view {
+                  margin-left: 10px;
+                  &:first-child {
+                    margin-left: 0;
+                    >text {
+                      color: #14DC05;
+                    }
+                  }
+
+                  >text {
+                    font-size: 24px;
+                    color: #666;
+                    line-height: 40px;
+                  }
+                }
+              }
+
+              >.ReplyContent {
+                >text {
+                  font-size: 24px;
+                  color: #333;
+                  line-height: 40px;
+                }
+              }
+            }
+
             >.ImgList {
               font-size: 0;
 
@@ -249,17 +281,20 @@
       }
     }
   }
+
   .PinJiaPopup,
   .ReplyPopup {
     padding: 0 30px;
     position: relative;
     overflow: hidden;
+
     >.Title {
       display: block;
       font-size: 26px;
       color: #666;
       line-height: 40px;
     }
+
     textarea {
       font-size: 26px;
       line-height: 40px;
@@ -269,25 +304,30 @@
       border: 2px solid rgba(0, 0, 0, 0.08);
       margin-top: 60px;
     }
+
     >.StarLine {
       font-size: 0;
       white-space: nowrap;
       text-align: center;
       margin-top: 20px;
+
       text {
         display: inline-block;
         vertical-align: middle;
         font-size: 40px;
         color: #666;
         margin-left: 20px;
+
         &:first-child {
           margin-left: 0;
         }
+
         &.active {
           color: #fcdc1e;
         }
       }
     }
+
     >.Btn {
       font-size: 28px;
       line-height: 80px;