diff --git a/miniprogram/pages/complaint/complaint.wxml b/miniprogram/pages/complaint/complaint.wxml index 3ad16cb..996c5d1 100644 --- a/miniprogram/pages/complaint/complaint.wxml +++ b/miniprogram/pages/complaint/complaint.wxml @@ -25,9 +25,9 @@ 建议时间: {{item.createTime}} - - 描述: - {{item.content}} + + 描述: + {{item.content}} @@ -48,9 +48,9 @@ 建议时间: {{item.createTime}} - - 描述: - {{item.content}} + + 描述: + {{item.content}} @@ -71,9 +71,9 @@ 建议时间: {{item.createTime}} - - 描述: - {{item.content}} + + 描述: + {{item.content}} @@ -94,9 +94,9 @@ 建议时间: {{item.createTime}} - - 描述: - {{item.content}} + + 描述: + {{item.content}} diff --git a/miniprogram/pages/complaint/complaint.wxss b/miniprogram/pages/complaint/complaint.wxss index 6ddc3da..a7b7f4b 100644 --- a/miniprogram/pages/complaint/complaint.wxss +++ b/miniprogram/pages/complaint/complaint.wxss @@ -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; } \ No newline at end of file diff --git a/miniprogram/pages/complaint/complaintDetail/complaintDetail.js b/miniprogram/pages/complaint/complaintDetail/complaintDetail.js index 9ea5c53..13acf79 100644 --- a/miniprogram/pages/complaint/complaintDetail/complaintDetail.js +++ b/miniprogram/pages/complaint/complaintDetail/complaintDetail.js @@ -19,7 +19,7 @@ Page({ console.log(img) that.setData({ repairList: res.data[0], - imgUrl: img + imgList: img }) } }) diff --git a/miniprogram/pages/complaint/complaintDetail/complaintDetail.wxml b/miniprogram/pages/complaint/complaintDetail/complaintDetail.wxml index a837ffd..c30ee96 100644 --- a/miniprogram/pages/complaint/complaintDetail/complaintDetail.wxml +++ b/miniprogram/pages/complaint/complaintDetail/complaintDetail.wxml @@ -1,26 +1,9 @@ - - - - 建议单号: - {{repairList.sn}} + + 建议单号:{{repairList.sn}} + 建议时间:{{repairList.createTime}} + 上传图片 + + - - - - - - - {{repairList.createTime}} - - - - - - - - {{repairList.content}} - - - - - \ No newline at end of file + 描述:{{repairList.content}} + \ No newline at end of file diff --git a/miniprogram/pages/complaint/complaintDetail/complaintDetail.wxss b/miniprogram/pages/complaint/complaintDetail/complaintDetail.wxss index 6a7a0b4..cea4ac5 100644 --- a/miniprogram/pages/complaint/complaintDetail/complaintDetail.wxss +++ b/miniprogram/pages/complaint/complaintDetail/complaintDetail.wxss @@ -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; } \ No newline at end of file