From ff8061b69997597c8b6a546e6a1cc3fbde076459 Mon Sep 17 00:00:00 2001 From: SelfRidicule Date: Wed, 31 Jul 2024 11:04:05 +0800 Subject: [PATCH] 1 --- miniprogram/app.json | 3 +- miniprogram/pages/reportRepair/index/index.js | 2 +- .../pages/reportRepair/repair/index/index.js | 77 +++++++ .../reportRepair/repair/index/index.json | 6 + .../reportRepair/repair/index/index.wxml | 56 +++++ .../reportRepair/repair/index/index.wxss | 196 ++++++++++++++++++ 6 files changed, 338 insertions(+), 2 deletions(-) create mode 100644 miniprogram/pages/reportRepair/repair/index/index.js create mode 100644 miniprogram/pages/reportRepair/repair/index/index.json create mode 100644 miniprogram/pages/reportRepair/repair/index/index.wxml create mode 100644 miniprogram/pages/reportRepair/repair/index/index.wxss diff --git a/miniprogram/app.json b/miniprogram/app.json index 32abd11..e30e4cc 100644 --- a/miniprogram/app.json +++ b/miniprogram/app.json @@ -83,7 +83,8 @@ "pages/reportRepair/assign/feedback/feedback", "pages/reportRepair/assign/affirm/affirm", "pages/reportRepair/assign/personList/personList", - "pages/reportRepair/assign/again/again" + "pages/reportRepair/assign/again/again", + "pages/reportRepair/repair/index/index" ], "window": { "backgroundTextStyle": "light", diff --git a/miniprogram/pages/reportRepair/index/index.js b/miniprogram/pages/reportRepair/index/index.js index 1aca05f..2e8a880 100644 --- a/miniprogram/pages/reportRepair/index/index.js +++ b/miniprogram/pages/reportRepair/index/index.js @@ -18,7 +18,7 @@ Page({ }, { name: "维修入口", img: "/profile/static/index/menu-bxfw.png", - // path: "/pages/reportRepair/reportRepair" + path: "/pages/reportRepair/repair/index/index" }, { name: "派单入口", img: "/profile/static/index/menu-bxfw.png", diff --git a/miniprogram/pages/reportRepair/repair/index/index.js b/miniprogram/pages/reportRepair/repair/index/index.js new file mode 100644 index 0000000..657ab19 --- /dev/null +++ b/miniprogram/pages/reportRepair/repair/index/index.js @@ -0,0 +1,77 @@ +const app = getApp() + +Page({ + + /** + * 页面的初始数据 + */ + data: { + IMG_NAME: app.IMG_NAME, + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad(options) { + + }, + + back(){ + wx.navigateBack() + }, + + jumpEvaluate(){ + wx.navigateTo({ + url: '/pages/reportRepair/query/evaluate/evaluate', + }) + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady() { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow() { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide() { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload() { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh() { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom() { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage() { + + } +}) \ No newline at end of file diff --git a/miniprogram/pages/reportRepair/repair/index/index.json b/miniprogram/pages/reportRepair/repair/index/index.json new file mode 100644 index 0000000..02854d6 --- /dev/null +++ b/miniprogram/pages/reportRepair/repair/index/index.json @@ -0,0 +1,6 @@ +{ + "navigationStyle": "custom", + "usingComponents": { + "van-icon": "@vant/weapp/icon/index" + } +} \ No newline at end of file diff --git a/miniprogram/pages/reportRepair/repair/index/index.wxml b/miniprogram/pages/reportRepair/repair/index/index.wxml new file mode 100644 index 0000000..178acaa --- /dev/null +++ b/miniprogram/pages/reportRepair/repair/index/index.wxml @@ -0,0 +1,56 @@ + + + + + + 返回 + + 工单管理 + + + + + 工单管理 + + + + + 100 + + + 待完成 + + + + + 200 + + + 进行中 + + + + + 300 + + + 已完成 + + + + + + 待完成 + 进行中 + 已完成 + + + + + 王军发起一个订单王军发起一个订单王军发起一个订单 + 2024-01-01 10:10:10 + + + + + \ No newline at end of file diff --git a/miniprogram/pages/reportRepair/repair/index/index.wxss b/miniprogram/pages/reportRepair/repair/index/index.wxss new file mode 100644 index 0000000..a83c7e4 --- /dev/null +++ b/miniprogram/pages/reportRepair/repair/index/index.wxss @@ -0,0 +1,196 @@ +.containerView.public { + background: none; +} + +.elHidden { + visibility: hidden; +} + +.selfLine { + height: 2rpx; + background: rgb(126, 126, 126, 0.2); +} + +.blueColor { + background: #cadbfc; +} + +.blueCenterColor { + background: #88aff9; +} + +.cyanColor { + background: #bee5f5; +} + +.cyanCenterColor { + background: #6dc6e8; +} + +.greenColor { + background: #caf4ea; +} + +.greenCenterColor { + background: #89e8cf; +} + +.topHead { + position: relative; + height: 400rpx; + background: rgb(136, 187, 245); + background: linear-gradient(90deg, rgba(136, 187, 245, 1) 0%, rgba(139, 154, 242, 1) 100%); +} + +.topHead .navigatorView { + position: absolute; + left: 0; + top: 120rpx; + width: 100%; + box-sizing: border-box; + padding: 0 30rpx; + +} + +.topHead .navigatorView .backView { + display: flex; + justify-content: flex-start; + align-items: center; +} + +.topHead .navigatorView .backView .label { + color: #2d7cf6; + font-size: 28rpx; + line-height: 1; + margin-left: 8rpx; +} + +.topHead .navigatorView .title { + position: absolute; + top: 14rpx; + left: 50%; + transform: translateX(-50%); + + font-size: 32rpx; + color: #FFFFFF; + line-height: 1rpx; +} + +.menuView { + box-sizing: border-box; + position: relative; + z-index: 1; + border-radius: 8rpx; + height: 380rpx; + margin: -180rpx 40rpx 0; + background: white; +} + +.menuView .title { + position: absolute; + left: 30rpx; + top: 30rpx; + font-size: 28rpx; +} + +.menuView .itemListView { + box-sizing: border-box; + position: absolute; + left: 0; + top: 120rpx; + width: 100%; + + display: flex; + justify-content: space-around; + align-items: center; +} + +.menuView .itemListView .itemView { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.menuView .itemListView .itemView .circle1 { + border-radius: 140rpx; + padding: 6rpx; +} + + +.menuView .itemListView .itemView .circle2 { + height: 140rpx; + width: 140rpx; + border-radius: 140rpx; + color: white; + + text-align: center; + line-height: 140rpx; + font-size: 44rpx; + font-weight: bold; +} + + +.menuView .itemListView .itemView .name { + font-size: 28rpx; + margin-top: 20rpx; + line-height: 1; +} + +.statusView { + border-radius: 24rpx; + margin: 30rpx 40rpx 0; + display: flex; + justify-content: flex-start; + align-items: center; + background: white; +} + +.statusView .status { + border-radius: 24rpx; + flex: 1; + padding: 16rpx 0; + font-size: 28rpx; + text-align: center; +} + +.statusView .status.activity { + color: white; + background: #8c9ff3; +} + +.caseListView { + margin: 50rpx 20rpx 0; +} + +.caseListView .caseView { + box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 0.5px inset; + box-sizing: border-box; + position: relative; + border-radius: 6rpx; + margin-top: 20rpx; + background: white; + padding: 34rpx 80rpx 30rpx 70rpx; +} + +.caseListView .caseView .content { + font-size: 26rpx; + line-height: 1; +} + +.caseListView .caseView .time { + margin-top: 28rpx; + font-size: 24rpx; + color: rgb(126, 126, 126, 0.8); + line-height: 1; +} + +.caseListView .caseView .status { + position: absolute; + right: 30rpx; + top: 30rpx; + border-radius: 20rpx; + height: 20rpx; + width: 20rpx; + background: red; +} \ No newline at end of file