@@ -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> |
@@ -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; | |||
} | |||