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

1

Browse Source
This commit is contained in:
SelfRidicule 2024-07-31 11:04:05 +08:00
parent 7033fb1b3a
commit ff8061b699
6 changed files with 338 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
miniprogram/app.json
View File

@ -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",

2
miniprogram/pages/reportRepair/index/index.js
View File

@ -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",

77
miniprogram/pages/reportRepair/repair/index/index.js Normal file
View File

@ -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() {
}
})

6
miniprogram/pages/reportRepair/repair/index/index.json Normal file
View File

@ -0,0 +1,6 @@
{
"navigationStyle": "custom",
"usingComponents": {
"van-icon": "@vant/weapp/icon/index"
}
}

56
miniprogram/pages/reportRepair/repair/index/index.wxml Normal file
View File

@ -0,0 +1,56 @@
<view class="containerView public">
<view class="topHead">
<view class="navigatorView">
<view class="backView" bind:tap="back">
<van-icon name="arrow-left" color="#2d7cf6" size="30rpx" />
<view class="label">返回</view>
</view>
<view class="title">工单管理</view>
</view>
</view>
<view class="menuView">
<view class="title">工单管理</view>
<view class="itemListView">
<view class="itemView">
<view class="circle1 blueColor">
<view class="circle2 blueCenterColor">
100
</view>
</view>
<view class="name">待完成</view>
</view>
<view class="itemView">
<view class="circle1 cyanColor">
<view class="circle2 cyanCenterColor">
200
</view>
</view>
<view class="name">进行中</view>
</view>
<view class="itemView">
<view class="circle1 greenColor">
<view class="circle2 greenCenterColor">
300
</view>
</view>
<view class="name">已完成</view>
</view>
</view>
</view>
<view class="statusView">
<view class="status">待完成</view>
<view class="status activity">进行中</view>
<view class="status">已完成</view>
</view>
<view class="caseListView">
<view class="caseView" wx:for="{{10}}">
<view class="content ellipsisFont">王军发起一个订单王军发起一个订单王军发起一个订单</view>
<view class="time">2024-01-01 10:10:10</view>
<view class="status"></view>
</view>
</view>
</view>

196
miniprogram/pages/reportRepair/repair/index/index.wxss Normal file
View File

@ -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;
}