hywen
/
YNUtdPlatform
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

各跳转逻辑初步完善

This commit is contained in:
BianLzhaoMin 2024-10-18 15:12:22 +08:00
parent 7bb1b1c123
commit 107d2455b8
5 changed files with 248 additions and 116 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
pages/realName/index/components/bar-charts-model.vue
View File

@ -1,6 +1,6 @@
<template>
<view class="charts-container">
<qiun-data-charts type="column" :opts="opts" :chartData="chartData" />
<qiun-data-charts type="column" :opts="opts" :chartData="chartData" @getIndex="handleChartClick" />
</view>
</template>
@ -150,7 +150,7 @@ export default {
categories: ['基建线路', '基建变电', '生产线路', '生成变电', '配网', '其他'],
series: [
{
name: '目标值',
name: '',
data: [constructionLine, infrastructureSubstation, productionLine, productionSubstation, network, other]
}
]
@ -158,6 +158,13 @@ export default {
this.chartData = JSON.parse(JSON.stringify(data))
}, 500)
})
},
handleChartClick(index) {
// console.log('index', index)
const currentIndex = index.currentIndex.index // 获取当前点击的图表索引
const currenName = this.chartData.categories[currentIndex]
console.log('currenName选中的工程类型', currenName)
uni.navigateTo({ url: `/pages/realName/index/pages/project?xxx=${currenName}` })
}
}
}

9
pages/realName/index/components/pie-charts-model-ring-two.vue
View File

@ -1,6 +1,6 @@
<template>
<view class="charts-container">
<qiun-data-charts type="ring" :opts="opts" :chartData="chartData" />
<qiun-data-charts type="ring" :opts="opts" :chartData="chartData" @getIndex="handleChartClick" />
</view>
</template>
@ -145,6 +145,13 @@ export default {
this.chartData = JSON.parse(JSON.stringify(data))
}, 500)
})
},
handleChartClick(index) {
const { currentIndex } = index // 获取当前点击的图表索引
const chartsData = this.chartData.series[0].data
const currenRows = chartsData[currentIndex]
console.log('currenRows选中的工种类型', currenRows.name)
uni.navigateTo({ url: `/pages/realName/index/pages/personList?xxx=${currenRows.name}` })
}
}
}

9
pages/realName/index/components/pie-charts-model-ring.vue
View File

@ -1,6 +1,6 @@
<template>
<view class="charts-container">
<qiun-data-charts type="ring" :opts="opts" :chartData="chartData" />
<qiun-data-charts type="ring" :opts="opts" :chartData="chartData" @getIndex="handleChartClick" />
</view>
</template>
@ -145,6 +145,13 @@ export default {
this.chartData = JSON.parse(JSON.stringify(data))
}, 500)
})
},
handleChartClick(index) {
const { currentIndex } = index // 获取当前点击的图表索引
const chartsData = this.chartData.series[0].data
const currenRows = chartsData[currentIndex]
console.log('currenRows选中的人员类型(这个应该时年龄范围)', currenRows.name)
uni.navigateTo({ url: `/pages/realName/index/pages/personList?xxx=${currenRows.name}` })
}
}
}

11
pages/realName/index/components/pie-charts-model.vue
View File

@ -80,9 +80,6 @@ export default {
labelBgOpacity: 0.7,
labelFontColor: '#666666'
}
},
onClick: e => {
console.log('eeeee图表点击了---', e)
}
}
}
@ -137,8 +134,12 @@ export default {
}, 500)
})
},
handleChartClick() {
console.log('图表点击-------')
handleChartClick(index) {
const { currentIndex } = index // 获取当前点击的图表索引
const chartsData = this.chartData.series[0].data
const currenRows = chartsData[currentIndex]
console.log('currenRows选中的工程类型', currenRows.name)
uni.navigateTo({ url: `/pages/realName/index/pages/project?xxx=${currenRows.name}` })
}
}
}

324
pages/realName/index/index.vue
View File

@ -127,7 +127,7 @@
<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">
<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 }">{{ item.progress_proportion }}%</text>
@ -146,7 +146,7 @@
<view class="project-container common-style">
<h3>工程概况</h3>
<view class="project-content">
<view v-for="item in projectList" :key="item.project_title">
<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>
@ -172,17 +172,17 @@
<view class="person-container common-style">
<h3>在场人员概况</h3>
<view class="person-content">
<view>
<view @tap="onJumpColorLight(1)">
<image class="person-img" src="../../../static/images/img-phase-two/index_green_light.png" mode=""></image>
<text class="text-strong">{{ ((greenNum / colorAmount) * 100).toFixed(2) }}%</text>
<text>{{ greenNum }}</text>
</view>
<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">{{ ((yellowNum / colorAmount) * 100).toFixed(2) }}%</text>
<text>{{ yellowNum }}</text>
</view>
<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">{{ ((redNum / colorAmount) * 100).toFixed(2) }}%</text>
<text>{{ redNum }}</text>
@ -196,10 +196,18 @@
<view>男({{ maleNum }})</view>
</view>
<view class="gender-img" style="margin-left: 30rpx; background-color: #67cde6"></view>
<view
@tap="onJumpColorLight(4)"
class="gender-img"
style="margin-left: 30rpx; background-color: #67cde6"
></view>
</view>
<view class="girl-right">
<view class="gender-img" style="margin-right: 30rpx; background-color: #fc8483"></view>
<view
@tap="onJumpColorLight(5)"
class="gender-img"
style="margin-right: 30rpx; background-color: #fc8483"
></view>
<view>
<view>{{ ((femaleNum / sexAmount) * 100).toFixed(2) }}%</view>
<view>女({{ femaleNum }})</view>
@ -210,7 +218,7 @@
<h5>固定、临时人员</h5>
<view class="person-num">
<view style="color: #04cdfa">
<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"
@ -218,7 +226,7 @@
></image>
{{ formalPersonNum }}
</view>
<view style="color: #fd8d01">
<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"
@ -253,21 +261,39 @@
</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="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>
<m-tabbar fixed fill :current="0" :tabbar="tabbar"></m-tabbar>
</view>
@ -293,10 +319,10 @@ export default {
return {
userId: uni.getStorageSync('userId'),
tabbar: TabbarConfig,
type:uni.getStorageSync('realNameUser').type,
subId:uni.getStorageSync('realNameUser').subId,
showPopup:false,
proList:[],
type: uni.getStorageSync('realNameUser').type,
subId: uni.getStorageSync('realNameUser').subId,
showPopup: false,
proList: [],
msgList: [],
dataOverviewList: [
{
@ -427,7 +453,9 @@ export default {
maleNum: 0,
femaleNum: 0,
sexAmount: 0
sexAmount: 0,
colorAmount: 0
// planProNum: 0,
// redPersonNum: 0,
@ -444,17 +472,19 @@ export default {
console.log('?? ~ mounted ~ mounted-index:')
this.getLogin()
this.getHomePageListData()
if(this.type.indexOf("4")>-1){//监督端
this.getPro()
}
if (this.type.indexOf('4') > -1) {
//监督端
this.getPro()
}
},
onShow() {
if(this.type.indexOf("4")>-1){ //监督端
let hasChosenPro=uni.getStorageSync('hasChosenPro')
if(!hasChosenPro){
this.showPopup=true
}
}
if (this.type.indexOf('4') > -1) {
//监督端
let hasChosenPro = uni.getStorageSync('hasChosenPro')
if (!hasChosenPro) {
this.showPopup = true
}
}
},
methods: {
getLogin() {
@ -495,57 +525,57 @@ export default {
}
})
},
//监督端获取工程列表
getPro(){
let param={
id:-1,
subId:this.subId
}
console.log(param)
uni.request({
url: config.realAppUrl + '/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() {
console.log('返回')
if(this.type.indexOf("4")>-1){
this.showPopup=true;
}
//监督端获取工程列表
getPro() {
let param = {
id: -1,
subId: this.subId
}
console.log(param)
uni.request({
url: config.realAppUrl + '/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() {
console.log('返回')
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()
})
},
//选择工程
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() {
@ -642,25 +672,105 @@ export default {
onJumpWorkPlan() {
uni.navigateTo({ url: '/pages/realName/workPlan/index' })
},
//数据概览跳转
godataView(item) {
console.log(item)
if(item.data_title=='在建工程'){
uni.navigateTo({ url: '/pages/realName/index/pages/project' })
}
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' })
}
},
},
//数据概览跳转
godataView(item) {
console.log(item)
if (item.data_title == '在建工程') {
uni.navigateTo({ url: '/pages/realName/index/pages/project' })
}
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' })
}
},
/* 人员考勤等跳转 */
onJumpPersonList(title) {
let params = ''
// 跳转人员列表
switch (title) {
case '在场考勤率':
params = '在场考勤率'
break
case '作业考勤率':
params = '作业考勤率'
break
case '在场人员（固定）':
params = '在场人员（固定）'
break
case '在场人员（临时）':
params = '在场人员（临时）'
break
case '考勤率（固定人员）':
params = '考勤率（固定人员）'
break
case '考勤率（临时人员）':
params = '考勤率（临时人员）'
break
}
console.log('params路由参数考勤固定等··', params)
uni.navigateTo({ url: `/pages/realName/index/pages/personList?xxx=${params}` })
},
/* 工程概况跳转 */
onJumpProjectList(title) {
let params = ''
// 跳转人员列表
switch (title) {
case '在建':
params = '在建'
break
case '筹建':
params = '筹建'
break
case '停工':
params = '停工'
break
case '完工':
params = '完工'
break
}
console.log('params路由参数工程概况', params)
uni.navigateTo({ url: `/pages/realName/index/pages/project?xxx=${params}` })
},
/* 在场人员概况跳转人员信息 */
onJumpColorLight(type) {
let params = ''
// 跳转人员列表
switch (type) {
case 1:
params = '绿灯'
break
case 2:
params = '黄灯'
break
case 3:
params = '红灯'
break
case 4:
params = '男性'
break
case 5:
params = '女性'
break
case 6:
params = '固定人员'
break
case 7:
params = '临时人员'
break
}
console.log('params路由参数红黄灯以及性别··和固定、临时', params)
uni.navigateTo({ url: `/pages/realName/index/pages/personList?xxx=${params}` })
}
}
}
</script>