<!--package_mine/pages/feedbackDetail/index.wxml--> | <!--package_mine/pages/feedbackDetail/index.wxml--> | ||||
<view class="detail_container"> | <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="detail_item"> | ||||
<view class="item_title">选择河道:</view> | <view class="item_title">选择河道:</view> | ||||
<text class="item_value">{{dataSource.streamName}}</text> | <text class="item_value">{{dataSource.streamName}}</text> | ||||
<view class="item_title">处理时间:</view> | <view class="item_title">处理时间:</view> | ||||
<text class="item_value">{{dataSource.handleTime || ''}}</text> | <text class="item_value">{{dataSource.handleTime || ''}}</text> | ||||
</view> | </view> | ||||
</view> | |||||
</view> --> | |||||
</view> | </view> |
/* package_mine/pages/feedbackDetail/index.wxss */ | /* package_mine/pages/feedbackDetail/index.wxss */ | ||||
.detail_container { | .detail_container { | ||||
width: 100%; | 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%; | width: 100%; | ||||
margin-top: -10rpx; | |||||
padding: 30rpx; | |||||
background-color: #ffffff; | |||||
border-top-left-radius: 10rpx; | |||||
border-top-right-radius: 10rpx; | |||||
display: flex; | display: flex; | ||||
flex-direction: column; | flex-direction: column; | ||||
justify-content: flex-start; | 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%; | width: 100%; | ||||
margin: 15rpx 0; | |||||
display:flex; | |||||
display: flex; | |||||
flex-direction: column; | |||||
justify-content: flex-start; | justify-content: flex-start; | ||||
align-items: flex-start; | align-items: flex-start; | ||||
} | } | ||||
.image_list .item_title { | |||||
width: 180rpx; | |||||
} | |||||
.image_box { | .image_box { | ||||
width: 500rpx; | |||||
width: 100%; | |||||
padding: 30rpx 0; | |||||
display: flex; | display: flex; | ||||
flex-wrap: wrap; | flex-wrap: wrap; | ||||
justify-content: flex-end; | justify-content: flex-end; | ||||
align-content: flex-start; | |||||
align-items: flex-start; | |||||
} | } | ||||
.image_item { | .image_item { | ||||
width: 140rpx; | |||||
height: 140rpx; | |||||
margin: 0 15rpx 15rpx 0; | |||||
width: 136rpx; | |||||
height: 114rpx; | |||||
border-radius: 4rpx; | 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 { | .item_title { | ||||
width: 180rpx; | |||||
font-size: 30rpx; | |||||
color: #666666; | |||||
margin-right: 30rpx; | |||||
padding: 30rpx 0; | |||||
font-size: 28rpx; | |||||
color: #6F6F6F; | |||||
} | } | ||||
.item_value { | .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; | |||||
} | |||||