diff --git a/miniprogram/pages/reportRepair/repair/case/case.js b/miniprogram/pages/reportRepair/repair/case/case.js index ba92a53..28e3194 100644 --- a/miniprogram/pages/reportRepair/repair/case/case.js +++ b/miniprogram/pages/reportRepair/repair/case/case.js @@ -7,6 +7,18 @@ Page({ */ data: { IMG_NAME: app.IMG_NAME, + statusList : [ + { + name : '已解决', + status : 1, + isSelect: true, + }, + { + name : '未解决', + status : 2, + isSelect: false, + } + ] }, /** diff --git a/miniprogram/pages/reportRepair/repair/case/case.json b/miniprogram/pages/reportRepair/repair/case/case.json index 0381cf5..d796559 100644 --- a/miniprogram/pages/reportRepair/repair/case/case.json +++ b/miniprogram/pages/reportRepair/repair/case/case.json @@ -1,4 +1,10 @@ { "navigationBarTitleText": "工单详情", - "usingComponents": {} + "usingComponents": { + "van-icon": "@vant/weapp/icon/index", + "van-field": "@vant/weapp/field/index", + "van-uploader": "@vant/weapp/uploader/index", + "van-checkbox": "@vant/weapp/checkbox/index", + "van-checkbox-group": "@vant/weapp/checkbox-group/index" + } } \ No newline at end of file diff --git a/miniprogram/pages/reportRepair/repair/case/case.wxml b/miniprogram/pages/reportRepair/repair/case/case.wxml index 0494d8b..5c3db6e 100644 --- a/miniprogram/pages/reportRepair/repair/case/case.wxml +++ b/miniprogram/pages/reportRepair/repair/case/case.wxml @@ -4,10 +4,12 @@ 派单信息 + 2022-11-15 10:25:23 派单信息 + 2022-11-15 10:25:23 @@ -65,4 +67,48 @@ + + + 分析原因 + + + + + + 解决方案 + + + + + + 图片 + + + + + + + + + 是否解决 + + + + {{item.name}} + + + + 提交反馈 + + + + + + 处理成功 + 您已提交成功 + + 查看工单 + 返回首页 + + \ No newline at end of file diff --git a/miniprogram/pages/reportRepair/repair/case/case.wxss b/miniprogram/pages/reportRepair/repair/case/case.wxss index 3e2e695..14021f4 100644 --- a/miniprogram/pages/reportRepair/repair/case/case.wxss +++ b/miniprogram/pages/reportRepair/repair/case/case.wxss @@ -154,12 +154,129 @@ .step1 .bottomView .btn { border-radius: 8rpx; - padding: 14rpx 90rpx; - font-size: 26rpx; + padding: 18rpx 110rpx; + font-size: 28rpx; color: white; background: #4e96f8; } .step1 .bottomView .btn.oragen { background: #ebae77; +} + + +.step2 { + border: 1rpx solid transparent; + margin-top: 4rpx; + padding: 0 0 100rpx; + background: white; +} + +.step2 .itemView { + box-shadow: rgba(150, 150, 150, 0.3) 0 0 4px 0px; + border-radius: 6rpx; + position: relative; + margin: 30rpx 40rpx; + padding: 30rpx; +} + +.step2 .itemView::after { + display: block; + content: ''; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 6rpx; + background: #4e96f8; +} + +.step2 .itemView .title { + font-size: 26rpx; + color: black; +} + +.step2 .itemView .content { + margin-top: 30rpx; +} + +.step2 .itemView .content .checkItemView { + display: flex; + justify-content: flex-start; + align-items: center; + margin: 0 20rpx; + padding: 20rpx; + border-bottom: 1rpx solid rgb(126, 126, 126, 0.2); +} + +.step2 .itemView .content .checkItemView .name { + font-size: 28rpx; + margin-left: 10rpx; +} + +.step2 .btn { + box-sizing: border-box; + width: 600rpx; + border-radius: 10rpx; + padding: 20rpx; + background: #4e96f8; + color: white; + font-size: 30rpx; + text-align: center; + margin: 100rpx auto; +} + +.selfTextarea { + min-height: 100rpx !important; + max-height: 100rpx !important; +} + +.uploadImgView { + border: 1rpx dashed #c9c9c9; + padding: 20rpx 40rpx; + background-color: #ffffff; +} + +.step3 { + border: 1rpx solid transparent; + margin-top: 4rpx; + padding: 0 0 100rpx; + background: white; +} + +.step3 .mainView { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 160rpx 0; +} + +.step3 .mainView .label1 { + font-size: 40rpx; + font-weight: bold; +} + +.step3 .mainView .label2 { + margin-top: 10rpx; + font-size: 30rpx; + color: #979797; +} + +.step3 .btn { + box-sizing: border-box; + width: 600rpx; + border-radius: 10rpx; + padding: 20rpx; + background: #4e96f8; + color: white; + font-size: 30rpx; + text-align: center; + margin: 20rpx auto; +} + +.step3 .btn.back { + border: 1px solid #4e96f8; + background: white; + color: #4e96f8; } \ No newline at end of file