2762

package_mine/pages/feedbackDetail/index.wxml

@@ -1,6 +1,41 @@
 <!--package_mine/pages/feedbackDetail/index.wxml-->
 <view class="detail_container">
-    <view class="detail_main">
+    <view class="detail_head">
+        <text class="head_river">{{dataSource.streamName}}</text>
+        <view class="head_status">{{statusList[dataSource.status-1].title}}</view>
+    </view>
+    <view class="info_box">
+        <view class="content">{{dataSource.feedbackDesc}}</view>
+        <view class="image_box">
+            <image class="image_item" wx:for="{{imageList}}" src="{{item}}" wx:key="index" data-current="{{index}}" data-type="imageList" bindtap="showImgPreview"></image>
+        </view>
+        <view class="feedback_info">
+            <view class="feedback_title">反馈信息</view>
+            <view class="detail_item">
+                <view class="item_title">反馈时间</view>
+                <text class="item_value">{{dataSource.createTime}}</text>
+            </view>
+            <view class="detail_item">
+                <view class="item_title">反馈意见</view>
+                <text class="item_value">{{dataSource.examineRemark || '—'}}</text>
+            </view>
+            <view class="detail_item">
+                <view class="item_title">处理人</view>
+                <text class="item_value">{{dataSource.realname || '—'}}</text>
+            </view>
+            <view class="image_list">
+                <view class="item_title">处理结果：</view>
+                <view class="image_box" wx:if="{{handleImgList.length}}">
+                    <image class="image_item" wx:for="{{handleImgList}}" src="{{item}}" wx:key="index" data-current="{{index}}" data-type="handleImgList" bindtap="showImgPreview"></image>
+                </view>
+            </view>
+            <view class="detail_item">
+                <view class="item_title">处理时间</view>
+                <text class="item_value">{{dataSource.handleTime || '—'}}</text>
+            </view>
+        </view>
+    </view>
+    <!-- <view class="detail_main">
         <view class="detail_item">
             <view class="item_title">选择河道：</view>
             <text class="item_value">{{dataSource.streamName}}</text>
@@ -41,5 +76,5 @@
             <view class="item_title">处理时间：</view>
             <text class="item_value">{{dataSource.handleTime || ''}}</text>
         </view>
-    </view>
+    </view> -->
 </view>

package_mine/pages/feedbackDetail/index.wxss

@@ -1,56 +1,110 @@
 /* package_mine/pages/feedbackDetail/index.wxss */
 .detail_container {
     width: 100%;
-    padding: 0 30rpx;
+    min-height: 100vh;
 }
-.detail_main {
+.detail_head {
+    padding: 70rpx 50rpx 80rpx 50rpx;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background: linear-gradient(180deg, #027CFF, #61A7FF);
+}
+.head_river {
+    font-size: 40rpx;
+    font-weight: 600;
+    color: #ffffff;
+    font-family: DFPLiJinHeiW8-GB;
+}
+.head_status {
+    padding: 10rpx 26rpx;
+    color: #3275E9;
+    font-size: 26rpx;
+    background-color: #ffffff;
+    border-radius: 4rpx;
+}
+.info_box {
     width: 100%;
+    margin-top: -10rpx;
+    padding: 30rpx;
+    background-color: #ffffff;
+    border-top-left-radius: 10rpx;
+    border-top-right-radius: 10rpx;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
-    align-items: center;
+    align-items: flex-start;
+    overflow: hidden;
 }
-.detail_item {
-    width: 100%;
-    margin: 15rpx 0;
-    display:flex;
-    justify-content: space-between;
-    align-items: center;
+.content {
+    font-size: 28rpx;
+    color: #4C4C4C;
+    font-family: SourceHanSansCN-Normal;
 }
-.image_list {
+.feedback_title {
+    padding-left: 24rpx;
+    margin-bottom: 30rpx;
+    font-size: 30rpx;
+    color: #000000;
+    font-weight: bold;
+    position: relative;
+}
+.feedback_title::before {
+    content: '';
+    width: 10rpx;
+    height: 26rpx;
+    border-radius: 5rpx;
+    background-color: #3275E9;
+    position: absolute;
+    left: 0;
+    top: 8rpx;
+}
+.feedback_info {
     width: 100%;
-    margin: 15rpx 0;
-    display:flex;
+    display: flex;
+    flex-direction: column;
     justify-content: flex-start;
     align-items: flex-start;
 }
-.image_list .item_title {
-    width: 180rpx;
-}
 .image_box {
-    width: 500rpx;
+    width: 100%;
+    padding: 30rpx 0;
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-end;
-    align-content: flex-start;
+    align-items: flex-start;
 }
 .image_item {
-    width: 140rpx;
-    height: 140rpx;
-    margin: 0 15rpx 15rpx 0;
+    width: 136rpx;
+    height: 114rpx;
     border-radius: 4rpx;
+    margin-left: 30rpx;
 }
 
+.detail_item {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border-top: 1rpx solid #EDEDED;
+}
 .item_title {
-    width: 180rpx;
-    font-size: 30rpx;
-    color: #666666;
-    margin-right: 30rpx;
+    padding: 30rpx 0;
+    font-size: 28rpx;
+    color: #6F6F6F;
 }
 .item_value {
-    width: 500rpx;
-    font-size: 26rpx;
-    color: #333333;
-    text-align: end;
+    font-size: 28rpx;
+    color: #4F4F4F;
 }
+.image_list {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-start;
+}
+
+
+