描述:投诉建议

This commit is contained in:
SelfRidicule 2024-03-13 16:25:19 +08:00
parent 0849bb26f5
commit 3066172f37
5 changed files with 94 additions and 258 deletions

View File

@ -25,9 +25,9 @@
<text>建议时间:</text>
<text>{{item.createTime}}</text>
</view>
<view>
<text>描述:</text>
<text>{{item.content}}</text>
<view class="itemView">
<view>描述:</view>
<view class="content">{{item.content}}</view>
</view>
</view>
</scroll-view>
@ -48,9 +48,9 @@
<text>建议时间:</text>
<text>{{item.createTime}}</text>
</view>
<view>
<text>描述:</text>
<text>{{item.content}}</text>
<view class="itemView">
<view>描述:</view>
<view class="content">{{item.content}}</view>
</view>
</view>
</scroll-view>
@ -71,9 +71,9 @@
<text>建议时间:</text>
<text>{{item.createTime}}</text>
</view>
<view>
<text>描述:</text>
<text>{{item.content}}</text>
<view class="itemView">
<view>描述:</view>
<view class="content">{{item.content}}</view>
</view>
</view>
</scroll-view>
@ -94,9 +94,9 @@
<text>建议时间:</text>
<text>{{item.createTime}}</text>
</view>
<view>
<text>描述:</text>
<text>{{item.content}}</text>
<view class="itemView">
<view>描述:</view>
<view class="content">{{item.content}}</view>
</view>
</view>
</scroll-view>

View File

@ -1,62 +1,78 @@
.page{
position: relative;
width: 100%;
height: 100%;
.page {
position: relative;
width: 100%;
height: 100%;
}
.next{
margin-left: 5%;
width: 90% !important;
position: fixed;
bottom: 4%;
.next {
margin-left: 5%;
width: 90% !important;
position: fixed;
bottom: 4%;
}
.swiper-tab {
width: 100%;
background-color: white;
border-bottom: 2rpx solid #ccc;
text-align: center;
height: 88rpx;
line-height: 88rpx;
font-size: 28rpx;
width: 100%;
background-color: white;
border-bottom: 2rpx solid #ccc;
text-align: center;
height: 88rpx;
line-height: 88rpx;
font-size: 28rpx;
}
swiper {
width: 100%;
height: 92%;
width: 100%;
height: 92%;
}
scroll-view {
width: 100%;
height: 100%;
background-color: #F3F3F3;
width: 100%;
height: 100%;
background-color: #F3F3F3;
}
.swiper-tab-item {
display: inline-block;
width: 25%;
color: #4A4A4A;
display: inline-block;
width: 25%;
color: #4A4A4A;
}
.active {
color: #4C84FF;
border-bottom: 4rpx solid #4C84FF;
color: #4C84FF;
border-bottom: 4rpx solid #4C84FF;
}
.contenBox {
background-color: white;
padding: 2% 4%;
margin-top: 20rpx;
position: relative;
background-color: white;
padding: 2% 4%;
margin-top: 20rpx;
position: relative;
}
.evaluate {
border: 1rpx solid #C11D24;
color: #C11D24;
width: 140rpx;
height: 64rpx;
text-align: center;
line-height: 64rpx;
border-radius: 8rpx;
position: absolute;
bottom: 6%;
right: 2%;
border: 1rpx solid #C11D24;
color: #C11D24;
width: 140rpx;
height: 64rpx;
text-align: center;
line-height: 64rpx;
border-radius: 8rpx;
position: absolute;
bottom: 6%;
right: 2%;
}
.itemView {
display: flex;
justify-content: flex-start;
align-items: center;
}
.itemView .content {
flex: 1;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
white-space: nowrap;
}

View File

@ -19,7 +19,7 @@ Page({
console.log(img)
that.setData({
repairList: res.data[0],
imgUrl: img
imgList: img
})
}
})

View File

@ -1,26 +1,9 @@
<scroll-view scroll-y="true">
<view class='weui-cell-third'>
<view style="background: white;font-size: 32rpx;padding: 4%">
<text style="font-size:30rpx;color:black;">建议单号:</text>
<text style="font-size:30rpx;color:black;">{{repairList.sn}}</text>
<view class="containerView public">
<view class="caseView">建议单号:{{repairList.sn}}</view>
<view class="timeView">建议时间:{{repairList.createTime}}</view>
<view class="timeView">上传图片</view>
<view class="imgView">
<image class="img" src="{{item}}" wx:for="{{imgList}}" wx:key='index' mode="aspectFill"></image>
</view>
<view class="wecentBor">
<view class='weui-cell-list'>
<view class='weui-cell-line'>
<view class='weui-cell-circle'>
<view></view>
</view>
<view class='weui-cell-time' style="padding-left:40rpx;">{{repairList.createTime}}</view>
<view class='weui-cell-event' style="padding-left:30rpx;margin-top: 20rpx;">
<block wx:for="{{imgUrl}}" wx:key='index'>
<view style="width:300rpx;height: 200rpx">
<image src="/images/apply02.png" mode="widthFix" style="width:100%"></image>
</view>
</block>
</view>
<view class='weui-cell-event' style="padding-top: 10rpx;">{{repairList.content}}</view>
</view>
</view>
</view>
</view>
</scroll-view>
<view class="msgView">描述:{{repairList.content}}</view>
</view>

View File

@ -1,187 +1,24 @@
.page {
position: relative;
width: 100%;
height: 100%;
background-color: #F3F3F3;
.containerView.public {
padding: 30rpx;
}
.next {
width: 100% !important;
height: 100rpx !important;
line-height: 100rpx !important;
position: fixed;
bottom: 18rpx;
border-radius: 0 !important;
.caseView,
.timeView,
.msgView {
font-size: 30rpx;
margin-top: 20rpx;
}
.swiper-tab {
width: 100%;
background-color: white;
border-bottom: 2rpx solid #ccc;
text-align: center;
height: 88rpx;
line-height: 88rpx;
font-size: 28rpx;
.imgView {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding: 0 20rpx;
}
swiper {
width: 100%;
height: 94%;
}
scroll-view {
width: 100%;
height: 100%;
background-color: #F3F3F3;
}
.swiper-tab-item {
display: inline-block;
width: 25%;
color: #4A4A4A;
}
.active {
color: #4C84FF;
border-bottom: 4rpx solid #4C84FF;
}
.contenBox {
background-color: white;
padding: 2% 4%;
margin-top: 20rpx;
position: relative;
}
.evaluate {
border: 1rpx solid #4C84FF;
color: #4C84FF;
width: 140rpx;
height: 64rpx;
text-align: center;
line-height: 64rpx;
border-radius: 8rpx;
position: absolute;
bottom: 6%;
right: 2%;
}
.padding2 {
border-radius: 20rpx;
background-color: white;
padding: 6% 4%;
box-sizing: border-box;
margin-bottom: 10rpx;
line-height: 50rpx;
}
.imageContent {
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 20rpx 0;
}
.image {
width: 31%;
padding: 4rpx;
height: 200rpx !important;
overflow: hidden;
position: relative;
}
.weui-cell-third {
min-height: 100%;
background-color: #f0f0f0;
}
.page__title {
padding: 30rpx;
background-color: #ffffff;
margin-bottom: 10rpx;
}
.page__title>view:first-child {
text-align: center;
font-size: 35rpx;
color: #2fb69d;
font-weight: 700;
}
.page__title>view:last-child {
display: flex;
justify-content: center;
align-items: center;
padding-top: 30rpx;
color: #999999;
}
.weui-cell-list {
padding: 0 30rpx;
overflow: hidden;
}
.wecentBor {
padding-top: 40rpx;
background: #fff;
}
.weui-cell-line {
margin-left: 5px;
float: left;
border-left: 1px solid #959595;
min-height: 100rpx;
margin-bottom: -10px;
position: relative;
}
.weui-cell-list:first-child .weui-cell-circle {
border: 1px solid #959595;
}
.weui-cell-list .weui-cell-circle {
position: absolute;
left: -10px;
top: 0px;
background-color: #ffffff;
width: 20px;
height: 20px;
border: 0;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
}
.weui-cell-circle>view {
border: 1px solid #959595;
border-radius: 5px;
width: 10px;
height: 10px;
background-color: #959595;
border-color: 2fb69d;
}
.weui-cell-time {
/* float: left; */
display:inline-block;
font-size: 14px;
/* padding-left: 30rpx; */
}
.weui-cell-event {
padding-left: 40rpx;
/* width: calc(100% - 200rpx); */
padding-bottom: 40rpx;
color: #939393;
}
.weui-cell-list:last-child .weui-cell-line {
border: 0;
}
.images{
height: 40rpx;
width: 40rpx;
overflow: hidden;
display: inline-block
.imgView .img {
width: 200rpx;
height: 200rpx;
margin-top: 20rpx;
}