boyue2025/dbd-meeting-wx-small
3
0
Fork 0
mirror of https://gitee.com/elegant_wings/dbd-meeting-wx-small.git synced 2025-06-21 15:29:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

描述:投诉建议

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
miniprogram/pages/complaint/complaint.wxml
View File

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

96
miniprogram/pages/complaint/complaint.wxss
View File

@ -1,62 +1,78 @@
.page{ .page {
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.next{
margin-left: 5%; .next {
width: 90% !important; margin-left: 5%;
position: fixed; width: 90% !important;
bottom: 4%; position: fixed;
bottom: 4%;
} }
.swiper-tab { .swiper-tab {
width: 100%; width: 100%;
background-color: white; background-color: white;
border-bottom: 2rpx solid #ccc; border-bottom: 2rpx solid #ccc;
text-align: center; text-align: center;
height: 88rpx; height: 88rpx;
line-height: 88rpx; line-height: 88rpx;
font-size: 28rpx; font-size: 28rpx;
} }
swiper { swiper {
width: 100%; width: 100%;
height: 92%; height: 92%;
} }
scroll-view { scroll-view {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: #F3F3F3; background-color: #F3F3F3;
} }
.swiper-tab-item { .swiper-tab-item {
display: inline-block; display: inline-block;
width: 25%; width: 25%;
color: #4A4A4A; color: #4A4A4A;
} }
.active { .active {
color: #4C84FF; color: #4C84FF;
border-bottom: 4rpx solid #4C84FF; border-bottom: 4rpx solid #4C84FF;
} }
.contenBox { .contenBox {
background-color: white; background-color: white;
padding: 2% 4%; padding: 2% 4%;
margin-top: 20rpx; margin-top: 20rpx;
position: relative; position: relative;
} }
.evaluate { .evaluate {
border: 1rpx solid #C11D24; border: 1rpx solid #C11D24;
color: #C11D24; color: #C11D24;
width: 140rpx; width: 140rpx;
height: 64rpx; height: 64rpx;
text-align: center; text-align: center;
line-height: 64rpx; line-height: 64rpx;
border-radius: 8rpx; border-radius: 8rpx;
position: absolute; position: absolute;
bottom: 6%; bottom: 6%;
right: 2%; 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;
} }

2
miniprogram/pages/complaint/complaintDetail/complaintDetail.js
View File

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

33
miniprogram/pages/complaint/complaintDetail/complaintDetail.wxml
View File

@ -1,26 +1,9 @@
<scroll-view scroll-y="true"> <view class="containerView public">
<view class='weui-cell-third'> <view class="caseView">建议单号：{{repairList.sn}}</view>
<view style="background: white;font-size: 32rpx;padding: 4%"> <view class="timeView">建议时间：{{repairList.createTime}}</view>
<text style="font-size:30rpx;color:black;">建议单号：</text> <view class="timeView">上传图片</view>
<text style="font-size:30rpx;color:black;">{{repairList.sn}}</text> <view class="imgView">
<image class="img" src="{{item}}" wx:for="{{imgList}}" wx:key='index' mode="aspectFill"></image>
</view> </view>
<view class="wecentBor"> <view class="msgView">描述：{{repairList.content}}</view>
<view class='weui-cell-list'> </view>
<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>

197
miniprogram/pages/complaint/complaintDetail/complaintDetail.wxss
View File

@ -1,187 +1,24 @@
.page { .containerView.public {
position: relative; padding: 30rpx;
width: 100%;
height: 100%;
background-color: #F3F3F3;
} }
.next { .caseView,
width: 100% !important; .timeView,
height: 100rpx !important; .msgView {
line-height: 100rpx !important; font-size: 30rpx;
position: fixed; margin-top: 20rpx;
bottom: 18rpx;
border-radius: 0 !important;
} }
.swiper-tab { .imgView {
width: 100%; display: flex;
background-color: white; justify-content: space-between;
border-bottom: 2rpx solid #ccc; align-items: center;
text-align: center; flex-wrap: wrap;
height: 88rpx; padding: 0 20rpx;
line-height: 88rpx;
font-size: 28rpx;
} }
swiper { .imgView .img {
width: 100%; width: 200rpx;
height: 94%; height: 200rpx;
} margin-top: 20rpx;
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
} }