bonus
/
LpRealName
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
LpRealName/pages/realName/index/index.vue

1429 lines
35 KiB
Vue
Raw Normal View History

first commit
2024-12-20 10:32:43 +08:00
<template>
首页
2024-12-25 13:25:31 +08:00
<view class="page">
<u-navbar class="u-navbar" title="首页" placeholder left-icon="list" @leftClick="leftClick" leftIconColor="#fff"
rightIcon="list" @rightClick="onRefreshPages" bgColor="#00337A"
:titleStyle="{ color: '#FFF', fontSize: '32rpx' }">
<view class="u-nav-slot" slot="right">
<text style="color: #fff" @tap="onRefreshPages">刷新</text>
</view>
</u-navbar>
<scroll-view scroll-y="true">
<!-- &lt;!&ndash; 轮播图区域 &ndash;&gt; -->
<swiper class="swiper-container" autoplay interval="3000" circular indicator-dots>
<!-- &lt;!&ndash; 轮播图 1 &ndash;&gt; -->
<swiper-item class="item_1 swiper-item-container">
<view>
<image class="img-container" src="../../../static/images/img-phase-two/index_img_one_person.png"
mode=""></image>
<text>今日考勤：{{ attPersonNum }}</text>
<text>固定人员：{{ einFormalAttPersonNum }}</text>
<text>临时人员：{{ einTemporaryAttPersonNum }}</text>
</view>
<view>
<image class="img-container" src="../../../static/images/img-phase-two/index_img_one_att.png"
mode=""></image>
<text>
在场考勤率：{{
isNaN(((attPersonNum / einPersonNum) * 100).toFixed(2))
? 0
: ((attPersonNum / einPersonNum) * 100).toFixed(2)
}}%
</text>
<text>
计划考勤率：{{
isNaN(((planAttNum / planPersonNum) * 100).toFixed(2))
? 0
: ((planAttNum / planPersonNum) * 100).toFixed(2)
}}%
</text>
<text class="none-box">计划考勤率：20%</text>
</view>
</swiper-item>
<!-- &lt;!&ndash; 轮播图 2 &ndash;&gt; -->
<swiper-item class="item_2 swiper-item-container">
<view>
<image class="img-container-2" src="../../../static/images/img-phase-two/index_img_two_risk.png"
mode=""></image>
<text>今日风险</text>
</view>
<view>
<text>高风险：{{ highRiskNum }}</text>
<text>中风险：{{ mediumRiskNum }}</text>
<text>低风险：{{ lowRiskNum }}</text>
<text>计划作业人数：{{ planPersonNum }}</text>
</view>
</swiper-item>
<!-- &lt;!&ndash; 轮播图 3 &ndash;&gt; -->
<swiper-item class="item_3 swiper-item-container">
<view>
<image class="img-container" src="../../../static/images/img-phase-two/index_img_three_ein.png"
mode=""></image>
<text>在场人数：{{ einPersonNum }}</text>
<text>固定人数：{{ formalPersonNum }}</text>
<text>临时人数：{{ temporaryPersonNum }}</text>
</view>
<view>
<image class="img-container"
src="../../../static/images/img-phase-two/index_img_three_light.png" mode=""></image>
<text>绿灯人数：{{ greenNum }}</text>
<text>黄灯人数：{{ yellowNum }}</text>
<text>红灯人数：{{ redNum }}</text>
</view>
</swiper-item>
<swiper-item class="item_4 swiper-item-container">
<view>
<image class="img-container-2" src="../../../static/images/img-phase-two/index_img_four_pro.png"
mode=""></image>
<text>项目信息</text>
</view>
<view>
<text>在建工程：{{ buildProNum }}</text>
<text>投入分包：{{ subNum }}</text>
<text>在用班组：{{ teamNum }}</text>
<text>在场人员：{{ einPersonNum }}</text>
</view>
</swiper-item>
</swiper>
<!-- &lt;!&ndash; 风险提示 &ndash;&gt; -->
<!-- <view class="today-warning">
<image class="warning-img" src="../../../static/images/img-phase-two/index_news.png" mode=""></image>
<text style="margin-right: 20rpx">今日风险</text>
<view class="uni-notice-bar" @tap="onJumpWorkPlan">
&lt;!&ndash; <uni-notice-bar style="height: 100%" :speed="30" background-color="#fff" scrollable
:text="noticeText"></uni-notice-bar>
<MultiColorNoticeBar :textArray="[
`高风险:${highRiskNum}`,
`中风险:${mediumRiskNum}`,
`低风险:${lowRiskNum}`,
`作业计划人数:${planPersonNum}`
]" :textStyle="[{ color: '#bc2843' }, { color: '#ffed51' }, { color: '#7dda76' }, { color: '#000000' }]"
:scrollSpeed="1" />
</view>
</view> -->
<!-- &lt;!&ndash; 数据概览 &ndash;&gt; -->
<view class="data-overview common-style">
<h3>数据概览</h3>
<view class="data-overview-content">
<view v-for="item in dataOverviewList" :key="item.data_title" @click="godataView(item)">
<image class="data-overview-img" :src="item.data_img_src" mode=""></image>
<view class="data-overview-item">
<text>{{ item.data_num }}</text>
<text>{{ item.data_title }}</text>
</view>
</view>
</view>
</view>
<!-- &lt;!&ndash; 人员考勤 &ndash;&gt; -->
<view class="check-work-attendance common-style">
<h3>人员考勤率</h3>
<view class="check-work-attendance-container">
<view v-for="item in progressList" :key="item.progress_title"
@tap="onJumpPersonList(item.progress_title)">
<view class="top-title">
<text>{{ item.progress_title }}</text>
<text :style="{ color: item.textColor }">
{{ isNaN(item.progress_proportion) ? 0 : item.progress_proportion }}%
</text>
</view>
<view class="bottom-progress">
<view class="progress-box">
<progress :activeColor="item.textColor" :percent="item.progress_proportion"
stroke-width="6" />
</view>
<text>{{ item.progress_ready }}/{{ item.progress_amount }}</text>
</view>
</view>
</view>
</view>
<!-- &lt;!&ndash; 工程概况 &ndash;&gt; -->
<view class="project-container common-style">
<h3>工程概况</h3>
<view class="project-content">
<view v-for="item in projectList" :key="item.project_title"
@tap="onJumpProjectList(item.project_title)">
<view class="top-title">
<text>{{ item.project_title }}</text>
<text>{{ item.project_num }}</text>
</view>
<view class="bottom-progress">
<view class="progress-box">
<progress :activeColor="item.textColor" :percent="item.project_ratio"
stroke-width="6" />
</view>
</view>
</view>
</view>
<!-- &lt;!&ndash; 饼图 &ndash;&gt; -->
<view class="charts_container">
<PieChartsModel />
</view>
<!-- &lt;!&ndash; 柱状图 &ndash;&gt; -->
<view class="charts_container">
<BarChartsModel />
</view>
</view>
<!-- &lt;!&ndash; 在场人员概况 &ndash;&gt; -->
<view class="person-container common-style">
<h3>在场人员概况</h3>
<view class="person-content">
<view @tap="onJumpColorLight(1)">
<image class="person-img" src="../../../static/images/img-phase-two/index_green_light.png"
mode=""></image>
<text class="text-strong">
{{
isNaN(((greenNum / colorAmount) * 100).toFixed(2)) ? 0 : ((greenNum / colorAmount) * 100).toFixed(2)
}}%
</text>
<text>{{ greenNum }}</text>
</view>
<view @tap="onJumpColorLight(2)">
<image class="person-img" src="../../../static/images/img-phase-two/index_yellow_light.png"
mode=""></image>
<text class="text-strong">
{{
isNaN(((yellowNum / colorAmount) * 100).toFixed(2)) ? 0 : ((yellowNum / colorAmount) * 100).toFixed(2)
}}%
</text>
<text>{{ yellowNum }}</text>
</view>
<view @tap="onJumpColorLight(3)">
<image class="person-img" src="../../../static/images/img-phase-two/index_red_light.png"
mode=""></image>
<text class="text-strong">
{{ isNaN(((redNum / colorAmount) * 100).toFixed(2)) ? 0 : ((redNum / colorAmount) * 100).toFixed(2) }}%
</text>
<text>{{ redNum }}</text>
</view>
</view>
<view class="gender-content">
<view class="man-left">
<view>
<view>
{{ isNaN(((maleNum / sexAmount) * 100).toFixed(2)) ? 0 : ((maleNum / sexAmount) * 100).toFixed(2) }}%
</view>
<view>男({{ maleNum }})</view>
</view>
<view @tap="onJumpColorLight(4)" class="gender-img">
<PieChartsModelMan />
</view>
</view>
<view class="girl-right">
<view @tap="onJumpColorLight(5)" class="gender-img">
<PieChartsModelGirl />
</view>
<view>
<view>
{{
isNaN(((femaleNum / sexAmount) * 100).toFixed(2)) ? 0 : ((femaleNum / sexAmount) * 100).toFixed(2)
}}%
</view>
<view>女({{ femaleNum }})</view>
</view>
</view>
</view>
<h5>固定、临时人员</h5>
<view class="person-num">
<view style="color: #04cdfa" @tap="onJumpColorLight(6)">
<image style="width: 60rpx; height: 60rpx; margin-left: 10rpx"
src="../../../static/images/img-phase-two/index_img_person.png" mode=""></image>
{{ formalPersonNum }}
</view>
<view style="color: #fd8d01" @tap="onJumpColorLight(7)">
<image style="width: 60rpx; height: 60rpx; margin-right: 10rpx"
src="../../../static/images/img-phase-two/index_img_person.png" mode=""></image>
{{ temporaryPersonNum }}
</view>
</view>
<view class="person-num-progress">
<progress activeColor="#52bff3" backgroundColor="#fac13b"
:percent="(formalPersonNum / (formalPersonNum + temporaryPersonNum)) * 100" stroke-width="6" />
</view>
<view class="person-proportion">
<text style="color: #04cdfa">
固定占比{{
isNaN(((formalPersonNum / (formalPersonNum + temporaryPersonNum)) * 100).toFixed(2))
? 0
: ((formalPersonNum / (formalPersonNum + temporaryPersonNum)) * 100).toFixed(2)
}}%
</text>
<text style="color: #fd8d01">
流动占比
{{
isNaN(((temporaryPersonNum / (formalPersonNum + temporaryPersonNum)) * 100).toFixed(2))
? 0
: ((temporaryPersonNum / (formalPersonNum + temporaryPersonNum)) * 100).toFixed(2)
}}%
</text>
</view>
<view class="charts_container">
<PieChartsModelRing />
</view>
<view class="charts_container">
<PieChartsModelRingTwo />
</view>
</view>
</scroll-view>
<!-- 选择工程弹窗 -->
<u-popup :show="showPopup" mode="center" @close="closePopup">
<view style="width: 500rpx; height: auto%; position: relative; background-color: #fff">
<view style="
width: 100%;
height: 70rpx;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
background-color: #fff;
">
<view style="width: 50%; height: 70rpx; line-height: 70rpx; font-weight: bold; margin-left: 40rpx">
选择工程
</view>
<u-icon style="width: 10%" name="close" color="#000" size="24" @click="closePopup"></u-icon>
</view>
<scroll-view style="width: 100%; height: 50vh; background-color: #fff" scroll-y="true">
<view v-for="(item, index) in proList" :key="index" style="padding: 20rpx" v-if="item.isActive == 1"
@click="chosenPro(item)">
{{ item.abbreviation }}
</view>
</scroll-view>
</view>
</u-popup>
<!--安全生产十条禁令 -->
<u-popup :show="showPopupBan" @close="attemptClose" mode="center" round="10" :closeable="false">
<view class="rules-popup">
<view class="rules-title">安全生产十条禁令</view>
<scroll-view scroll-y class="rules-content">
<view class="rule-item" v-for="(rule, index) in safetyRules" :key="index">
<text>{{index + 1}}、{{rule}}</text>
</view>
</scroll-view>
<!-- <view class="countdown">阅读剩余时间：{{ countdown }}秒</view> -->
<button class="close-btn" :disabled="countdown > 0" @click="closePopupBan">
{{ countdown > 0 ? `请等待${countdown}秒` : '确定' }}
</button>
</view>
</u-popup>
<u-popup :show="showPopupRights" @close="rightsClose" mode="center" round="10" :closeable="false">
<view class="rules-popup">
<image style="width: 580rpx; height: 360rpx; margin-right: 20rpx"
src="../../../static/images/img-phase-two/index_rights.png" mode=""></image>
<button class="close-btn" :disabled="countdownRights > 0" @click="closePopupRights">
{{ countdownRights > 0 ? `请等待${countdownRights}秒` : '确定' }}
</button>
</view>
</u-popup>
<m-tabbar fixed fill :current="0" :tabbar="tabbar"></m-tabbar>
</view>
first commit
2024-12-20 10:32:43 +08:00
</template>
<script>
首页
2024-12-25 13:25:31 +08:00
import TabbarConfig from '../util/tabbar.js'
import config from '@/config'
import AES from '@/utils/realNameAes.js'
import PieChartsModel from './components/pie-charts-model'
import BarChartsModel from './components/bar-charts-model'
import PieChartsModelRing from './components/pie-charts-model-ring'
import PieChartsModelRingTwo from './components/pie-charts-model-ring-two'
import PieChartsModelMan from './components/pie-charts-model-man.vue'
import PieChartsModelGirl from './components/pie-charts-model-girl.vue'
import {
getHomePageListApi
} from '@/api/phaseTwo/homePage'
import MultiColorNoticeBar from '../../../components/MultiColorNoticeBar'
export default {
components: {
PieChartsModel,
BarChartsModel,
PieChartsModelRing,
PieChartsModelRingTwo,
PieChartsModelMan,
PieChartsModelGirl,
MultiColorNoticeBar
},
data() {
return {
userId: uni.getStorageSync('userId'),
tabbar: TabbarConfig,
type: uni.getStorageSync('realNameUser').type,
subId: uni.getStorageSync('realNameUser').subId,
showPopup: false,
showPopupBan: false,
showPopupRights: false,
countdown: 10,
countdownRights: 10,
timer: null,
safetyRules: [
'严禁未经安全教育培训合格人员进入施工现场',
'严禁无证作业、酒后扩大作业范围',
'严禁违反作业安全带、未采取防坠落措施',
'严禁进入现场未正确佩戴安全帽',
'严禁使用不合格的电动工器具、安全工器具及特种设备',
'严禁使用未设置"一机一闸一保护"的电源箱',
'严禁违反起重"十不吊"作业',
'严禁脚手架未采取防坠落措施并开展高空作业、高空抛物等危大工程作业',
'严禁违章作业、违章指挥和强令冒险作业',
'严禁室外施工作业未办理雨雪恶劣天气预案'
],
proList: [],
msgList: [],
dataOverviewList: [{
data_title: '在建工程',
data_num: 0,
data_img_src: '../../../static/images/img-phase-two/index_img_pro.png'
},
{
data_title: '在用分包单位',
data_num: 0,
data_img_src: '../../../static/images/img-phase-two/index_img_sub.png'
},
{
data_title: '在用班组',
data_num: 0,
data_img_src: '../../../static/images/img-phase-two/index_img_team.png'
},
{
data_title: '在场人数',
data_num: 0,
data_img_src: '../../../static/images/img-phase-two/index_img_person.png'
},
{
data_title: '日计划打卡数',
data_num: 0,
data_img_src: '../../../static/images/img-phase-two/index_img_plan_person.png'
},
{
data_title: '今日打卡',
data_num: 0,
data_img_src: '../../../static/images/img-phase-two/index_img_att.png'
}
],
progressList: [{
progress_title: '在场考勤率',
progress_proportion: 0,
progress_amount: 0,
progress_ready: 0,
textColor: '#17cef3'
},
{
progress_title: '作业考勤率',
progress_proportion: 0,
progress_amount: 0,
progress_ready: 0,
textColor: '#25c294'
},
{
progress_title: '在场人员（固定）',
progress_proportion: 0,
progress_amount: 0,
progress_ready: 0,
textColor: '#f2df55'
},
{
progress_title: '在场人员（临时）',
progress_proportion: 0,
progress_amount: 0,
progress_ready: 0,
textColor: '#186ff0'
},
{
progress_title: '考勤率（固定人员）',
progress_proportion: 0,
progress_amount: 0,
progress_ready: 0,
textColor: '#f9971e'
},
{
progress_title: '考勤率（临时人员）',
progress_proportion: 0,
progress_amount: 0,
progress_ready: 0,
textColor: '#f44d46'
}
],
projectList: [{
project_title: '在建',
project_ratio: 0,
project_num: 0,
textColor: '#186ff0'
},
{
project_title: '筹建',
project_ratio: 0,
project_num: 0,
textColor: '#f2df55'
},
{
project_title: '停工',
project_ratio: 0,
project_num: 0,
textColor: '#f9971e'
},
{
project_title: '完工',
project_ratio: 0,
project_num: 0,
textColor: '#25c294'
}
],
attPersonNum: 0,
einFormalAttPersonNum: 0,
einTemporaryAttPersonNum: 0,
highRiskNum: 0,
mediumRiskNum: 0,
lowRiskNum: 0,
planPersonNum: 0,
einPersonNum: 0,
formalPersonNum: 0,
temporaryPersonNum: 0,
greenNum: 0,
yellowNum: 0,
redNum: 0,
buildProNum: 0,
subNum: 0,
teamNum: 0,
planAttNum: 0,
noticeText: '',
maleNum: 0,
femaleNum: 0,
sexAmount: 0,
colorAmount: 0
}
},
onLoad() {
this.getHomePageListData()
if (this.type.indexOf('4') > -1) {
//监督端
this.getPro();
this.showRules();
}
},
onShow() {
if (this.type.indexOf('4') > -1) {
//监督端
let hasChosenPro = uni.getStorageSync('hasChosenPro')
if (!hasChosenPro) {
this.showPopup = true
}
}
},
methods: {
showRules() {
this.showPopupBan = true;
this.countdown = 10;
this.startCountdown();
},
startCountdown() {
this.timer = setInterval(() => {
if (this.countdown > 0) {
this.countdown--;
} else {
clearInterval(this.timer);
}
}, 1000);
},
showRulesRights() {
this.showPopupRights = true;
this.countdownRights = 10;
this.startCountdownRights();
},
startCountdownRights() {
this.timer = setInterval(() => {
if (this.countdownRights > 0) {
this.countdownRights--;
} else {
clearInterval(this.timer);
}
}, 1000);
},
attemptClose() {
if (this.countdown === 0) {
this.closePopupBan();
} else {
uni.showToast({
title: `请等待${this.countdown}秒`,
icon: 'none'
});
}
},
rightsClose() {
if (this.countdownRights === 0) {
this.closePopupBanRights();
} else {
uni.showToast({
title: `请等待${this.countdownRights}秒`,
icon: 'none'
});
}
},
closePopupBan() {
this.showPopupBan = false;
clearInterval(this.timer);
this.showRulesRights()
},
closePopupRights() {
this.showPopupRights = false;
clearInterval(this.timer);
},
//监督端获取工程列表
getPro() {
let param = {
id: -1,
subId: this.subId
}
uni.request({
url: config.lpAppUrl + '/offLine/getPro',
method: 'post',
data: param,
header: {
'Content-Type': 'application/x-www-form-urlencoded',
Authorization: uni.getStorageSync('realNameToken')
},
success: res => {
console.log(res)
res = res.data
if (res.code == 200) {
this.proList = res.data
}
},
fail: err => {
console.log(err)
}
})
},
//展示工程选择弹窗
leftClick() {
if (this.type.indexOf('4') > -1) {
this.showPopup = true
}
},
//选择工程
chosenPro(item) {
let obj = uni.getStorageSync('realNameUser')
obj.proId = item.id
uni.setStorageSync('realNameUser', obj)
uni.setStorageSync('hasChosenPro', '1')
this.showPopup = false
},
closePopup() {
this.showPopup = false
},
openFaceScan() {
face.open(['a', 'c'], function(e) {
face.close()
})
},
/* 获取首页数据 */
async getHomePageListData() {
const {
data: res
} = await getHomePageListApi({})
console.log('首页数据', res)
if (!res) return
const {
homePageBean,
personAtt,
workerMsgBean,
proMsgBean
} = res
const {
highRiskNum,
mediumRiskNum,
lowRiskNum,
planPersonNum
} = homePageBean
const {
buildProNum,
prepareProNum,
stopProNum,
completeProNum
} = proMsgBean
this.noticeText =
`高风险:${highRiskNum} 中风险:${mediumRiskNum} 低风险:${lowRiskNum} 作业计划人数:${planPersonNum}`
this.highRiskNum = homePageBean.highRiskNum
this.mediumRiskNum = homePageBean.mediumRiskNum
this.lowRiskNum = homePageBean.lowRiskNum
this.planPersonNum = homePageBean.planPersonNum
this.attPersonNum = personAtt.attPersonNum
this.einFormalAttPersonNum = personAtt.einFormalAttPersonNum
this.einTemporaryAttPersonNum = personAtt.einTemporaryAttPersonNum
this.planAttNum = personAtt.planAttNum
this.einPersonNum = homePageBean.einPersonNum
this.formalPersonNum = personAtt.formalPersonNum
this.temporaryPersonNum = personAtt.temporaryPersonNum
this.greenNum = workerMsgBean.greenNum
this.yellowNum = workerMsgBean.yellowNum
this.redNum = workerMsgBean.redNum
this.maleNum = workerMsgBean.maleNum
this.femaleNum = workerMsgBean.femaleNum
this.sexAmount = this.maleNum + this.femaleNum
this.colorAmount = this.greenNum + this.yellowNum + this.redNum
this.buildProNum = homePageBean.buildProNum
this.subNum = homePageBean.subNum
this.teamNum = homePageBean.teamNum
// this.einPersonNum = homePageBean.einPersonNum
this.dataOverviewList[0].data_num = this.buildProNum
this.dataOverviewList[1].data_num = this.subNum
this.dataOverviewList[2].data_num = this.teamNum
this.dataOverviewList[3].data_num = this.einPersonNum
this.dataOverviewList[4].data_num = this.planAttNum
this.dataOverviewList[5].data_num = this.attPersonNum
this.progressList.forEach((e, i) => {
if (i === 0 || i === 2 || i === 3) {
e.progress_amount = this.einPersonNum
}
if (i === 0) {
e.progress_ready = this.attPersonNum
}
if (i === 1) {
e.progress_amount = this.planPersonNum
e.progress_ready = this.planAttNum
}
if (i === 2) {
e.progress_ready = this.formalPersonNum
}
if (i === 3) {
e.progress_ready = this.temporaryPersonNum
}
if (i === 4) {
e.progress_amount = this.formalPersonNum
e.progress_ready = this.einFormalAttPersonNum
}
if (i === 5) {
e.progress_amount = this.einTemporaryAttPersonNum
e.progress_ready = this.einTemporaryAttPersonNum
}
e.progress_proportion = ((e.progress_ready / e.progress_amount) * 100).toFixed(2)
})
console.log('this.progressList', this.progressList)
const proAmount = buildProNum + prepareProNum + stopProNum + completeProNum
this.projectList.forEach((e, i) => {
if (i === 0) {
e.project_num = buildProNum
}
if (i === 1) {
e.project_num = prepareProNum
}
if (i === 2) {
e.project_num = stopProNum
}
if (i === 3) {
e.project_num = completeProNum
}
e.project_ratio = ((e.project_num / proAmount) * 100).toFixed(2)
})
},
/* 跳转作业计划 */
onJumpWorkPlan() {
uni.navigateTo({
url: '/pages/realName/workPlan/index'
})
},
//数据概览跳转
godataView(item) {
console.log(item)
if (item.data_title == '在建工程') {
let name = '在建'
let currentIndex = 1
const survey = {
name,
currentIndex
}
uni.navigateTo({
url: `/pages/realName/index/pages/project?survey=${JSON.stringify(survey)}`
})
}
if (item.data_title == '在用分包单位') {
uni.navigateTo({
url: '/pages/realName/index/pages/subList'
})
}
if (item.data_title == '在用班组') {
uni.navigateTo({
url: '/pages/realName/index/pages/teamList'
})
}
if (item.data_title == '在场人数') {
uni.navigateTo({
url: '/pages/realName/index/pages/personList'
})
}
if (item.data_title == '日计划打卡数') {
uni.navigateTo({
url: '/pages/realName/index/pages/personList?isAtt=0&isPlanWorker=1'
})
}
if (item.data_title == '今日打卡') {
uni.navigateTo({
url: '/pages/realName/index/pages/personList?isAtt=0'
})
}
},
/* 人员考勤等跳转 */
onJumpPersonList(title) {
let params = ''
// 跳转人员列表
switch (title) {
case '在场考勤率':
params = '在场考勤率'
uni.navigateTo({
url: `/pages/realName/index/pages/personList?isAtt=0`
})
break
case '作业考勤率':
params = '作业考勤率'
uni.navigateTo({
url: '/pages/realName/index/pages/personList?isAtt=0&isPlanWorker=1'
})
break
case '在场人员（固定）':
params = '在场人员（固定）'
uni.navigateTo({
url: `/pages/realName/index/pages/personList?workerType=1`
})
break
case '在场人员（临时）':
uni.navigateTo({
url: `/pages/realName/index/pages/personList?workerType=0`
})
params = '在场人员（临时）'
break
case '考勤率（固定人员）':
params = '考勤率（固定人员）'
uni.navigateTo({
url: '/pages/realName/index/pages/personList?isAtt=0&workerType=1'
})
break
case '考勤率（临时人员）':
params = '考勤率（临时人员）'
uni.navigateTo({
url: '/pages/realName/index/pages/personList?isAtt=0&workerType=0'
})
break
}
},
/* 工程概况跳转 */
onJumpProjectList(title) {
let name = ''
let currentIndex = 0
// 跳转人员列表
switch (title) {
case '在建':
name = '在建'
currentIndex = 1
break
case '完工':
name = '完工'
currentIndex = 2
break
case '筹建':
name = '筹建'
currentIndex = 3
break
case '停工':
name = '停工'
currentIndex = 4
break
}
// 概况
const survey = {
name,
currentIndex
}
uni.navigateTo({
url: `/pages/realName/index/pages/project?survey=${JSON.stringify(survey)}`
})
},
/* 在场人员概况跳转人员信息 */
onJumpColorLight(type) {
let params = ''
// 跳转人员列表
switch (type) {
case 1:
// params = '绿灯'
uni.navigateTo({
url: `/pages/realName/index/pages/personList?lightStatus=2`
})
break
case 2:
params = '黄灯'
uni.navigateTo({
url: `/pages/realName/index/pages/personList?lightStatus=1`
})
break
case 3:
params = '红灯'
uni.navigateTo({
url: `/pages/realName/index/pages/personList?lightStatus=0`
})
break
case 4:
params = '男性'
uni.navigateTo({
url: `/pages/realName/index/pages/personList?sex=1`
})
break
case 5:
params = '女性'
uni.navigateTo({
url: `/pages/realName/index/pages/personList?sex=0`
})
break
case 6:
params = '固定人员'
uni.navigateTo({
url: `/pages/realName/index/pages/personList?workerType=1`
})
break
case 7:
params = '临时人员'
uni.navigateTo({
url: `/pages/realName/index/pages/personList?workerType=0`
})
break
}
},
/* 刷新页面 */
onRefreshPages() {
uni.reLaunch({
url: '/pages/realName/index/index'
})
}
},
beforeDestroy() {
clearInterval(this.timer);
}
}
first commit
2024-12-20 10:32:43 +08:00
</script>
<style lang="scss" scoped>
首页
2024-12-25 13:25:31 +08:00
/* 修改U-Navbar中链接的字体颜色 */
/deep/.u-navbar .navbar-nav>li>a {
color: #fff;
/* 将颜色改为红色 */
}
/* 如果你想修改当前激活链接的字体颜色 */
/deep/.u-navbar .navbar-nav>li.active>a {
color: #fff;
/* 将激活链接的颜色改为绿色 */
}
.page {
width: 100vw;
height: 100vh;
background-color: #efefef;
box-sizing: border-box;
padding: 0 10rpx;
.refresh-btn {
position: fixed;
top: 36rpx;
right: 26rpx;
background-color: #00337a;
color: #fff;
z-index: 999;
}
.refresh-btn::after {
border: none;
}
.search {
width: 100%;
margin: 0 auto;
display: flex;
align-items: center;
}
.opt-grids {
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 3vh auto;
view {
width: 25%;
display: flex;
flex-direction: column;
align-items: center;
//margin-bottom: 2vh;
image {
width: 60%;
height: 7vh;
margin-bottom: 10px;
}
span {
font-size: 26rpx;
font-weight: bold;
}
}
}
.swipe-area {
width: 100%;
height: 20vh;
border-radius: 15rpx;
overflow: hidden;
margin-bottom: 10rpx;
}
.my-task {
width: 100%;
height: 40vh;
background-color: #fff;
border-radius: 15rpx;
box-shadow: 3px 3px 3px #f4f4f4;
box-sizing: border-box;
padding: 15rpx;
display: flex;
flex-direction: column;
.task-list {
flex: 1;
overflow-y: auto;
.list-item {
margin: 10px 0;
background-color: #efefef;
border-radius: 5px;
padding: 5px;
font-size: 13px;
.item-title {
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
}
.item-progress {
display: flex;
align-items: center;
.u-line-progress {
width: 80%;
margin-right: 10px;
}
}
}
.no-task {
width: 100%;
height: 100%;
display: flex;
.no-task-img {
width: 80%;
height: 80%;
margin: auto;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
image {
width: 100%;
height: 90%;
}
span {
font-size: 14px;
color: #c2c2c2;
}
}
}
}
}
h3 {
padding: 30rpx 20rpx;
letter-spacing: 3rpx;
}
.common-style {
margin-top: 20rpx;
border-radius: 20rpx;
background-color: #fff;
}
// 轮播图
.swiper-container {
height: 400rpx;
color: #fff;
.swiper-item-container {
height: 100%;
padding-bottom: 20rpx;
display: flex;
align-items: center;
justify-content: space-around;
view {
display: flex;
flex-direction: column;
align-items: center;
font-size: 28rpx;
font-weight: bold;
text {
padding: 10rpx 0;
letter-spacing: 5rpx;
}
}
}
.item_2 view:last-child {
align-items: flex-start;
}
.item_1 {
background: url('../../../static/images/img-phase-two/index_img_one.png');
background-size: 100% 100%;
}
.item_2 {
background: url('../../../static/images/img-phase-two/index_img_two.png');
background-size: 100% 100%;
}
.item_3 {
background: url('../../../static/images/img-phase-two/index_img_three.png');
background-size: 100% 100%;
}
.item_4 {
background: url('../../../static/images/img-phase-two/index_img_four.png');
background-size: 100% 100%;
}
.img-container {
width: 90rpx;
height: 90rpx;
}
.img-container-2 {
width: 140rpx;
height: 140rpx;
}
.none-box {
color: transparent;
}
}
// 今日风险
.today-warning {
margin: 30rpx 0;
height: 68rpx;
padding-left: 30rpx;
display: flex;
align-items: center;
border: 1rpx solid #ccc;
background: #fff;
border-radius: 58rpx;
.warning-img {
width: 46rpx;
height: 46rpx;
}
.uni-notice-bar {
// flex: 1;
width: 65%;
height: 50rpx;
padding-left: 20rpx;
// line-height: 50rpx;
// background-color: orange;
}
}
// 数据概览
.data-overview {
.data-overview-content {
padding: 0 10rpx;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
view {
width: 33.33%;
display: flex;
align-items: center;
.data-overview-img {
width: 100rpx;
height: 100rpx;
}
.data-overview-item {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: flex-start;
font-size: 24rpx;
font-weight: bold;
}
}
}
}
// 人员考勤率
.check-work-attendance {
.check-work-attendance-container {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
view {
width: calc(50% - 40rpx);
padding: 0 10rpx;
margin-bottom: 15rpx;
.top-title,
.bottom-progress {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
.progress-box {
flex: 1;
margin-right: 15rpx;
}
}
.top-title text:last-child {
font-weight: bold;
}
}
}
}
// 工程概况
.project-container {
.project-content {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
view {
width: calc(50% - 40rpx);
padding: 0 10rpx;
margin-bottom: 15rpx;
.top-title,
.bottom-progress {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
.progress-box {
flex: 1;
margin-right: 15rpx;
}
}
.top-title text:last-child {
font-weight: bold;
}
}
}
}
.charts_container {
width: 100%;
height: 460rpx;
}
// 在场人员概况
.person-container .person-content {
display: flex;
align-items: center;
justify-content: space-around;
.person-img {
width: 160rpx;
height: 160rpx;
}
view {
display: flex;
flex-direction: column;
align-items: center;
}
.text-strong {
font-size: 24rpx;
font-weight: bold;
}
}
.gender-content {
display: flex;
.man-left,
.girl-right {
width: 50%;
height: 300rpx;
display: flex;
align-items: center;
justify-content: center;
.gender-img {
width: 160rpx;
height: 240rpx;
// background-color: orange;
}
}
}
h5 {
font-weight: normal;
margin: 30rpx 0 15rpx;
text-align: center;
letter-spacing: 2rpx;
font-size: 28rpx;
}
.person-num {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 40rpx;
image {
vertical-align: middle;
}
}
.person-num-progress {
padding: 0 15rpx;
margin: 20rpx 0;
}
.person-proportion {
margin: 15rpx 0;
padding: 0 25rpx;
display: flex;
align-content: center;
justify-content: space-between;
}
}
.charts-box {
width: 70%;
height: 460rpx;
margin: 0 auto;
}
.gender-img {
border-radius: 18rpx;
}
.demo {
width: 100%;
height: 500rpx;
background-color: orange;
}
.rules-popup {
width: 600rpx;
padding: 30rpx;
background-color: #fff;
}
.rules-title {
text-align: center;
font-size: 32rpx;
font-weight: bold;
margin-bottom: 20rpx;
}
.rules-content {
max-height: 700rpx;
}
.rule-item {
padding: 15rpx 0;
font-size: 28rpx;
line-height: 1.5;
border-bottom: 1px solid #eee;
}
.countdown {
text-align: center;
margin-top: 20rpx;
font-size: 28rpx;
color: #666;
}
.close-btn {
margin-top: 30rpx;
background-color: #3498db;
color: #fff;
padding: 20rpx;
border-radius: 8rpx;
}
.close-btn:disabled {
background-color: #ccc;
}
</style>