CODE
1 year ago
15 changed files with 834 additions and 669 deletions
@ -1,73 +1,76 @@ |
|||||
{ |
{ |
||||
"pages": [ |
"pages": [ |
||||
"pages/index/index", |
"pages/index/index", |
||||
"pages/login/login", |
"pages/login/login", |
||||
"pages/myInfo/myInfo", |
"pages/myInfo/myInfo", |
||||
"pages/overview/overview", |
"pages/overview/overview", |
||||
"pages/home/home" |
"pages/home/home", |
||||
], |
"custom-tab-bar/index" |
||||
"subPackages": [ |
], |
||||
{ |
"subPackages": [ |
||||
"root": "package", |
{ |
||||
"pages": [ |
"root": "package", |
||||
"polling/polling", |
"pages": [ |
||||
"polling/inspectionRecordDetail/inspectionRecordDetail", |
"polling/polling", |
||||
"basic/basic", |
"polling/inspectionRecordDetail/inspectionRecordDetail", |
||||
"startInspection/startInspection", |
"basic/basic", |
||||
"inspectionInput/inspectionInput", |
"startInspection/startInspection", |
||||
"troubleshooting/index", |
"inspectionInput/inspectionInput", |
||||
"troubleshooting/shootingForm/index", |
"troubleshooting/index", |
||||
"inspectionReport/inspectionReport", |
"troubleshooting/shootingForm/index", |
||||
"pointsStatus/pointsStatus", |
"inspectionReport/inspectionReport", |
||||
"homePage/homePage" |
"pointsStatus/pointsStatus", |
||||
] |
"homePage/homePage" |
||||
} |
] |
||||
], |
} |
||||
"window": { |
], |
||||
"backgroundTextStyle": "dark", |
"window": { |
||||
"navigationBarBackgroundColor": "#1979ff", |
"backgroundTextStyle": "dark", |
||||
"navigationBarTextStyle": "white" |
"navigationBarBackgroundColor": "#1979ff", |
||||
}, |
"navigationBarTextStyle": "white" |
||||
"tabBar": { |
}, |
||||
"color": "#000000", |
"tabBar": { |
||||
"selectedColor": "#2F54FF", |
"custom": true, |
||||
"borderStyle": "black", |
"color": "#000000", |
||||
"backgroundColor": "#ffffff", |
"selectedColor": "#2F54FF", |
||||
"list": [ |
"borderStyle": "black", |
||||
{ |
"backgroundColor": "#ffffff", |
||||
"pagePath": "pages/index/index", |
"list": [ |
||||
"iconPath": "images/tabBar/icon_polling.png", |
{ |
||||
"selectedIconPath": "images/tabBar/icon_polling_active.png", |
"pagePath": "pages/index/index", |
||||
"text": "巡检总览" |
"iconPath": "images/tabBar/icon_polling.png", |
||||
}, |
"selectedIconPath": "images/tabBar/icon_polling_active.png", |
||||
{ |
"text": "巡检总览" |
||||
"pagePath": "pages/home/home", |
}, |
||||
"iconPath": "images/tabBar/icon_polling.png", |
{ |
||||
"selectedIconPath": "images/tabBar/icon_polling_active.png", |
"pagePath": "pages/overview/overview", |
||||
"text": "首页" |
"iconPath": "images/tabBar/icon_menu.png", |
||||
}, |
"selectedIconPath": "images/tabBar/icon_menu_active.png", |
||||
{ |
"text": "工作台" |
||||
"pagePath": "pages/overview/overview", |
}, |
||||
"iconPath": "images/tabBar/icon_menu.png", |
{ |
||||
"selectedIconPath": "images/tabBar/icon_menu_active.png", |
"pagePath": "pages/myInfo/myInfo", |
||||
"text": "工作台" |
"iconPath": "images/tabBar/icon_person.png", |
||||
}, |
"selectedIconPath": "images/tabBar/icon_person_active.png", |
||||
{ |
"text": "我的" |
||||
"pagePath": "pages/myInfo/myInfo", |
}, |
||||
"iconPath": "images/tabBar/icon_person.png", |
{ |
||||
"selectedIconPath": "images/tabBar/icon_person_active.png", |
"pagePath": "pages/home/home", |
||||
"text": "我的" |
"iconPath": "images/tabBar/icon_polling.png", |
||||
} |
"selectedIconPath": "images/tabBar/icon_polling_active.png", |
||||
] |
"text": "首页" |
||||
}, |
} |
||||
"permission": { |
] |
||||
"scope.userLocation": { |
}, |
||||
"desc": "你的位置信息将用于小程序位置接口的效果展示" |
"permission": { |
||||
} |
"scope.userLocation": { |
||||
}, |
"desc": "你的位置信息将用于小程序位置接口的效果展示" |
||||
"requiredPrivateInfos": [ |
} |
||||
"getLocation" |
}, |
||||
], |
"requiredPrivateInfos": [ |
||||
"sitemapLocation": "sitemap.json", |
"getLocation" |
||||
"lazyCodeLoading": "requiredComponents" |
], |
||||
|
"sitemapLocation": "sitemap.json", |
||||
|
"lazyCodeLoading": "requiredComponents", |
||||
|
"usingComponents": {} |
||||
} |
} |
||||
@ -1,19 +1,19 @@ |
|||||
/**app.wxss**/ |
/**app.wxss**/ |
||||
.page { |
.page { |
||||
/* vant 全局CSS变量 */ |
/* vant 全局CSS变量 */ |
||||
/* DropdownMenu */ |
/* DropdownMenu */ |
||||
--dropdown-menu-background-color: transparent; |
--dropdown-menu-background-color: transparent; |
||||
--dropdown-menu-box-shadow: none; |
--dropdown-menu-box-shadow: none; |
||||
--dropdown-menu-title-active-text-color: #1684FF; |
--dropdown-menu-title-active-text-color: #1684FF; |
||||
--dropdown-menu-option-active-color: #1684FF; |
--dropdown-menu-option-active-color: #1684FF; |
||||
} |
} |
||||
|
|
||||
.container { |
.container { |
||||
height: 100%; |
height: 100%; |
||||
display: flex; |
display: flex; |
||||
flex-direction: column; |
flex-direction: column; |
||||
align-items: center; |
align-items: center; |
||||
justify-content: space-between; |
justify-content: space-between; |
||||
padding: 200rpx 0; |
padding: 200rpx 0; |
||||
box-sizing: border-box; |
box-sizing: border-box; |
||||
} |
} |
||||
@ -0,0 +1,32 @@ |
|||||
|
Component({ |
||||
|
data: { |
||||
|
selected: 0, |
||||
|
color: "#7A7E83", |
||||
|
selectedColor: "#1070E8", |
||||
|
list: [] |
||||
|
}, |
||||
|
attached () { |
||||
|
let userRole = wx.getStorageSync('userRole'); |
||||
|
// 0 表示普通用户 1表示管理员
|
||||
|
console.log('userRole', userRole); |
||||
|
if (userRole && userRole.includes('管理')) { |
||||
|
this.setData({ |
||||
|
list: getApp().globalData.managerList |
||||
|
}) |
||||
|
} else { |
||||
|
this.setData({ |
||||
|
list: getApp().globalData.inspecterList |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
switchTab (e) { |
||||
|
const data = e.currentTarget.dataset |
||||
|
const url = data.path |
||||
|
// this.setData({
|
||||
|
// selected: data.index
|
||||
|
// })
|
||||
|
wx.switchTab({ url }) |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
@ -0,0 +1,3 @@ |
|||||
|
{ |
||||
|
"component": true |
||||
|
} |
||||
@ -0,0 +1,8 @@ |
|||||
|
<!-- miniprogram/custom-tab-bar/index.wxml --> |
||||
|
<view class="tab-bar"> |
||||
|
<view class="tab-bar-border"></view> |
||||
|
<view wx:for="{{list}}" wx:key="index" class="tab-bar-item" data-path="{{item.pagePath}}" data-index="{{index}}" bindtap="switchTab"> |
||||
|
<image src="{{selected === index ? item.selectedIconPath : item.iconPath}}"></image> |
||||
|
<view style="color: {{selected === index ? selectedColor : color}}">{{item.text}}</view> |
||||
|
</view> |
||||
|
</view> |
||||
@ -0,0 +1,38 @@ |
|||||
|
.tab-bar { |
||||
|
position: fixed; |
||||
|
bottom: 0; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
height: 48px; |
||||
|
background: white; |
||||
|
display: flex; |
||||
|
padding-bottom: env(safe-area-inset-bottom); |
||||
|
} |
||||
|
|
||||
|
.tab-bar-border { |
||||
|
background-color: rgba(0, 0, 0, 0.33); |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
top: 0; |
||||
|
width: 100%; |
||||
|
height: 1px; |
||||
|
transform: scaleY(0.5); |
||||
|
} |
||||
|
|
||||
|
.tab-bar-item { |
||||
|
flex: 1; |
||||
|
text-align: center; |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
flex-direction: column; |
||||
|
} |
||||
|
|
||||
|
.tab-bar-item image { |
||||
|
width: 27px; |
||||
|
height: 27px; |
||||
|
} |
||||
|
|
||||
|
.tab-bar-item view { |
||||
|
font-size: 10px; |
||||
|
} |
||||
@ -1,66 +1,77 @@ |
|||||
// pages/home/home.js
|
// pages/home/home.js
|
||||
Page({ |
Page({ |
||||
|
|
||||
/** |
/** |
||||
* 页面的初始数据 |
* 页面的初始数据 |
||||
*/ |
*/ |
||||
data: { |
data: { |
||||
|
|
||||
}, |
}, |
||||
|
|
||||
/** |
/** |
||||
* 生命周期函数--监听页面加载 |
* 生命周期函数--监听页面加载 |
||||
*/ |
*/ |
||||
onLoad(options) { |
onLoad (options) { |
||||
|
|
||||
}, |
}, |
||||
|
|
||||
/** |
/** |
||||
* 生命周期函数--监听页面初次渲染完成 |
* 生命周期函数--监听页面初次渲染完成 |
||||
*/ |
*/ |
||||
onReady() { |
onReady () { |
||||
|
|
||||
}, |
}, |
||||
|
|
||||
/** |
/** |
||||
* 生命周期函数--监听页面显示 |
* 生命周期函数--监听页面显示 |
||||
*/ |
*/ |
||||
onShow() { |
onShow () { |
||||
|
const userInfo = wx.getStorageSync('userInfo'); |
||||
}, |
if (!userInfo || !userInfo.id) { |
||||
|
wx.reLaunch({ |
||||
/** |
url: '/pages/login/login' |
||||
* 生命周期函数--监听页面隐藏 |
}); |
||||
*/ |
} else { |
||||
onHide() { |
if (typeof this.getTabBar === 'function' && this.getTabBar()) { |
||||
|
this.getTabBar().setData({ |
||||
}, |
selected: 0 |
||||
|
}) |
||||
/** |
} |
||||
* 生命周期函数--监听页面卸载 |
} |
||||
*/ |
}, |
||||
onUnload() { |
|
||||
|
/** |
||||
}, |
* 生命周期函数--监听页面隐藏 |
||||
|
*/ |
||||
/** |
onHide () { |
||||
* 页面相关事件处理函数--监听用户下拉动作 |
|
||||
*/ |
}, |
||||
onPullDownRefresh() { |
|
||||
|
/** |
||||
}, |
* 生命周期函数--监听页面卸载 |
||||
|
*/ |
||||
/** |
onUnload () { |
||||
* 页面上拉触底事件的处理函数 |
|
||||
*/ |
}, |
||||
onReachBottom() { |
|
||||
|
/** |
||||
}, |
* 页面相关事件处理函数--监听用户下拉动作 |
||||
|
*/ |
||||
/** |
onPullDownRefresh () { |
||||
* 用户点击右上角分享 |
|
||||
*/ |
}, |
||||
onShareAppMessage() { |
|
||||
|
/** |
||||
} |
* 页面上拉触底事件的处理函数 |
||||
|
*/ |
||||
|
onReachBottom () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 用户点击右上角分享 |
||||
|
*/ |
||||
|
onShareAppMessage () { |
||||
|
|
||||
|
} |
||||
}) |
}) |
||||
@ -1,175 +1,176 @@ |
|||||
/* pages/myInfo/myInfo.wxss */ |
/* pages/myInfo/myInfo.wxss */ |
||||
|
|
||||
page { |
page { |
||||
background-color: #F7F7FA; |
background-color: #F7F7FA; |
||||
} |
} |
||||
|
|
||||
.over-ellipsis { |
.over-ellipsis { |
||||
text-overflow: ellipsis; |
text-overflow: ellipsis; |
||||
overflow: hidden; |
overflow: hidden; |
||||
word-break: break-all; |
word-break: break-all; |
||||
white-space: nowrap; |
white-space: nowrap; |
||||
} |
} |
||||
|
|
||||
.bg { |
.bg { |
||||
position: absolute; |
position: absolute; |
||||
left: -25%; |
left: -25%; |
||||
width: 150%; |
width: 150%; |
||||
height: 145px; |
height: 145px; |
||||
background-color: #1979ff; |
background-color: #1979ff; |
||||
border-bottom-left-radius: 100%; |
border-bottom-left-radius: 100%; |
||||
border-bottom-right-radius: 100%; |
border-bottom-right-radius: 100%; |
||||
background-image: linear-gradient(0deg, #4E87FF, #1979ff 100%); |
background-image: linear-gradient(0deg, #4E87FF, #1979ff 100%); |
||||
z-index: -1; |
z-index: -1; |
||||
} |
} |
||||
|
|
||||
/* 容器 */ |
/* 容器 */ |
||||
.box { |
.box { |
||||
padding: 30rpx; |
padding-top: 42rpx; |
||||
font-family: 'PingFang SC-Medium'; |
padding: 30rpx; |
||||
|
font-family: 'PingFang SC-Medium'; |
||||
} |
} |
||||
|
|
||||
.header-item-container { |
.header-item-container { |
||||
width: 100%; |
width: 100%; |
||||
height: 165px; |
height: 165px; |
||||
border-radius: 10rpx; |
border-radius: 10rpx; |
||||
background-size: 100% 165px; |
background-size: 100% 165px; |
||||
} |
} |
||||
|
|
||||
.info-box { |
.info-box { |
||||
width: 100%; |
width: 100%; |
||||
height: 127px; |
height: 127px; |
||||
display: flex; |
display: flex; |
||||
justify-content: space-between; |
justify-content: space-between; |
||||
} |
} |
||||
|
|
||||
.avatar { |
.avatar { |
||||
width: 54px; |
width: 54px; |
||||
min-width: 54px; |
min-width: 54px; |
||||
height: 54px; |
height: 54px; |
||||
padding: 16px; |
padding: 16px; |
||||
margin-bottom: 30px; |
margin-bottom: 30px; |
||||
} |
} |
||||
|
|
||||
.info { |
.info { |
||||
height: 100%; |
height: 100%; |
||||
min-width: 55%; |
min-width: 55%; |
||||
max-width: 60%; |
max-width: 60%; |
||||
display: flex; |
display: flex; |
||||
flex-direction: column; |
flex-direction: column; |
||||
justify-content: space-evenly; |
justify-content: space-evenly; |
||||
} |
} |
||||
|
|
||||
.userName { |
.userName { |
||||
font-size: 36rpx; |
font-size: 36rpx; |
||||
font-weight: 600; |
font-weight: 600; |
||||
} |
} |
||||
|
|
||||
.contact { |
.contact { |
||||
display: flex; |
display: flex; |
||||
align-items: center; |
align-items: center; |
||||
min-width: 190px; |
min-width: 190px; |
||||
} |
} |
||||
|
|
||||
.contact .icon { |
.contact .icon { |
||||
width: 20px; |
width: 20px; |
||||
min-width: 20px; |
min-width: 20px; |
||||
height: 20px; |
height: 20px; |
||||
} |
} |
||||
|
|
||||
.contact .text { |
.contact .text { |
||||
min-width: 170px; |
min-width: 170px; |
||||
margin-left: 8px; |
margin-left: 8px; |
||||
font-size: 14px; |
font-size: 14px; |
||||
color: #00000080; |
color: #00000080; |
||||
} |
} |
||||
|
|
||||
.post { |
.post { |
||||
border: 1px solid #006BE3; |
border: 1px solid #006BE3; |
||||
border-radius: 100px 0 0 100px; |
border-radius: 100px 0 0 100px; |
||||
min-width: 30px; |
min-width: 30px; |
||||
max-width: 60px; |
max-width: 60px; |
||||
height: 25px; |
height: 25px; |
||||
line-height: 25px; |
line-height: 25px; |
||||
color: #006BE3; |
color: #006BE3; |
||||
font-size: 14px; |
font-size: 14px; |
||||
padding: 0 7px; |
padding: 0 7px; |
||||
margin-top: 20px; |
margin-top: 20px; |
||||
} |
} |
||||
|
|
||||
.dept-box { |
.dept-box { |
||||
height: 36px; |
height: 36px; |
||||
display: flex; |
display: flex; |
||||
align-items: center; |
align-items: center; |
||||
justify-content: flex-end; |
justify-content: flex-end; |
||||
} |
} |
||||
|
|
||||
.dept-box .dept { |
.dept-box .dept { |
||||
font-size: 14px; |
font-size: 14px; |
||||
color: #FFFFFF; |
color: #FFFFFF; |
||||
margin-right: 10px; |
margin-right: 10px; |
||||
} |
} |
||||
|
|
||||
.company { |
.company { |
||||
font-size: 28rpx; |
font-size: 28rpx; |
||||
font-family: "PingFang SC"; |
font-family: "PingFang SC"; |
||||
color: rgb(138, 138, 138); |
color: rgb(138, 138, 138); |
||||
margin-top: 14rpx; |
margin-top: 14rpx; |
||||
} |
} |
||||
|
|
||||
.body-container { |
.body-container { |
||||
width: 100%; |
width: 100%; |
||||
background: rgb(255, 255, 255); |
background: rgb(255, 255, 255); |
||||
border-radius: 10rpx; |
border-radius: 10rpx; |
||||
flex-direction: column; |
flex-direction: column; |
||||
display: flex; |
display: flex; |
||||
margin-top: 30rpx; |
margin-top: 30rpx; |
||||
margin-bottom: 30rpx; |
margin-bottom: 30rpx; |
||||
} |
} |
||||
|
|
||||
.body-item { |
.body-item { |
||||
height: 110rpx; |
height: 110rpx; |
||||
flex-direction: row; |
flex-direction: row; |
||||
display: flex; |
display: flex; |
||||
justify-content: space-between; |
justify-content: space-between; |
||||
align-items: center; |
align-items: center; |
||||
padding: 0 30rpx; |
padding: 0 30rpx; |
||||
border-bottom: 1px solid #EFEFF4; |
border-bottom: 1px solid #EFEFF4; |
||||
} |
} |
||||
|
|
||||
.body-info { |
.body-info { |
||||
font-size: 32rpx; |
font-size: 32rpx; |
||||
font-family: "PingFang SC"; |
font-family: "PingFang SC"; |
||||
font-weight: 600; |
font-weight: 600; |
||||
} |
} |
||||
|
|
||||
.body-number { |
.body-number { |
||||
font-size: 30rpx; |
font-size: 30rpx; |
||||
font-family: "PingFang SC"; |
font-family: "PingFang SC"; |
||||
color: rgb(138, 138, 138); |
color: rgb(138, 138, 138); |
||||
} |
} |
||||
|
|
||||
.foot-container { |
.foot-container { |
||||
position: absolute; |
position: absolute; |
||||
bottom: 50px; |
bottom: 140px; |
||||
width: 90%; |
width: 90%; |
||||
height: 42px; |
height: 42px; |
||||
border: 1px solid #006BE3; |
border: 1px solid #006BE3; |
||||
border-radius: 24px; |
border-radius: 24px; |
||||
} |
} |
||||
|
|
||||
.foot-item { |
.foot-item { |
||||
font-weight: 600; |
font-weight: 600; |
||||
font-size: 16px; |
font-size: 16px; |
||||
color: #006BE3; |
color: #006BE3; |
||||
text-align: center; |
text-align: center; |
||||
line-height: 42px; |
line-height: 42px; |
||||
} |
} |
||||
|
|
||||
.right { |
.right { |
||||
width: 32rpx; |
width: 32rpx; |
||||
height: 32rpx; |
height: 32rpx; |
||||
display: block; |
display: block; |
||||
float: right; |
float: right; |
||||
margin: 38rpx 40rpx; |
margin: 38rpx 40rpx; |
||||
} |
} |
||||
@ -1,85 +1,89 @@ |
|||||
// pages/overview/overview.js
|
// pages/overview/overview.js
|
||||
Page({ |
Page({ |
||||
|
|
||||
/** |
/** |
||||
* 页面的初始数据 |
* 页面的初始数据 |
||||
*/ |
*/ |
||||
data: { |
data: { |
||||
|
|
||||
}, |
}, |
||||
|
|
||||
// 巡检
|
// 巡检
|
||||
bindPolling() { |
bindPolling () { |
||||
wx.navigateTo({ |
wx.navigateTo({ |
||||
url: '/package/polling/polling', |
url: '/package/polling/polling', |
||||
}) |
}) |
||||
}, |
}, |
||||
|
|
||||
bindTroubleshooting() { |
bindTroubleshooting () { |
||||
wx.navigateTo({ |
wx.navigateTo({ |
||||
url: '/package/troubleshooting/index', |
url: '/package/troubleshooting/index', |
||||
}) |
}) |
||||
}, |
}, |
||||
|
|
||||
bindInspectionReport() { |
bindInspectionReport () { |
||||
wx.navigateTo({ |
wx.navigateTo({ |
||||
url: '/package/inspectionReport/inspectionReport', |
url: '/package/inspectionReport/inspectionReport', |
||||
}) |
}) |
||||
}, |
}, |
||||
|
|
||||
/** |
/** |
||||
* 生命周期函数--监听页面加载 |
* 生命周期函数--监听页面加载 |
||||
*/ |
*/ |
||||
onLoad(options) { |
onLoad (options) { |
||||
|
|
||||
}, |
}, |
||||
|
|
||||
/** |
/** |
||||
* 生命周期函数--监听页面初次渲染完成 |
* 生命周期函数--监听页面初次渲染完成 |
||||
*/ |
*/ |
||||
onReady() { |
onReady () { |
||||
|
|
||||
}, |
}, |
||||
|
|
||||
/** |
/** |
||||
* 生命周期函数--监听页面显示 |
* 生命周期函数--监听页面显示 |
||||
*/ |
*/ |
||||
onShow() { |
onShow () { |
||||
|
if (typeof this.getTabBar === 'function' && this.getTabBar()) { |
||||
}, |
this.getTabBar().setData({ |
||||
|
selected: 1 |
||||
/** |
}) |
||||
* 生命周期函数--监听页面隐藏 |
} |
||||
*/ |
}, |
||||
onHide() { |
|
||||
|
/** |
||||
}, |
* 生命周期函数--监听页面隐藏 |
||||
|
*/ |
||||
/** |
onHide () { |
||||
* 生命周期函数--监听页面卸载 |
|
||||
*/ |
}, |
||||
onUnload() { |
|
||||
|
/** |
||||
}, |
* 生命周期函数--监听页面卸载 |
||||
|
*/ |
||||
/** |
onUnload () { |
||||
* 页面相关事件处理函数--监听用户下拉动作 |
|
||||
*/ |
}, |
||||
onPullDownRefresh() { |
|
||||
|
/** |
||||
}, |
* 页面相关事件处理函数--监听用户下拉动作 |
||||
|
*/ |
||||
/** |
onPullDownRefresh () { |
||||
* 页面上拉触底事件的处理函数 |
|
||||
*/ |
}, |
||||
onReachBottom() { |
|
||||
|
/** |
||||
}, |
* 页面上拉触底事件的处理函数 |
||||
|
*/ |
||||
/** |
onReachBottom () { |
||||
* 用户点击右上角分享 |
|
||||
*/ |
}, |
||||
onShareAppMessage() { |
|
||||
|
/** |
||||
} |
* 用户点击右上角分享 |
||||
|
*/ |
||||
|
onShareAppMessage () { |
||||
|
|
||||
|
} |
||||
}) |
}) |
||||
Loading…
Reference in new issue