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> <template>
<view class="charts-container"> <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> </view>
</template> </template>
@ -150,7 +150,7 @@ export default {
categories: ['基建线路', '基建变电', '生产线路', '生成变电', '配网', '其他'], categories: ['基建线路', '基建变电', '生产线路', '生成变电', '配网', '其他'],
series: [ series: [
{ {
name: '目标值', name: '',
data: [constructionLine, infrastructureSubstation, productionLine, productionSubstation, network, other] data: [constructionLine, infrastructureSubstation, productionLine, productionSubstation, network, other]
} }
] ]
@ -158,6 +158,13 @@ export default {
this.chartData = JSON.parse(JSON.stringify(data)) this.chartData = JSON.parse(JSON.stringify(data))
}, 500) }, 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> <template>
<view class="charts-container"> <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> </view>
</template> </template>
@ -145,6 +145,13 @@ export default {
this.chartData = JSON.parse(JSON.stringify(data)) this.chartData = JSON.parse(JSON.stringify(data))
}, 500) }, 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> <template>
<view class="charts-container"> <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> </view>
</template> </template>
@ -145,6 +145,13 @@ export default {
this.chartData = JSON.parse(JSON.stringify(data)) this.chartData = JSON.parse(JSON.stringify(data))
}, 500) }, 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, labelBgOpacity: 0.7,
labelFontColor: '#666666' labelFontColor: '#666666'
} }
},
onClick: e => {
console.log('eeeee图表点击了---', e)
} }
} }
} }
@ -137,8 +134,12 @@ export default {
}, 500) }, 500)
}) })
}, },
handleChartClick() { handleChartClick(index) {
console.log('图表点击-------') 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"> <view class="check-work-attendance common-style">
<h3>人员考勤率</h3> <h3>人员考勤率</h3>
<view class="check-work-attendance-container"> <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"> <view class="top-title">
<text>{{ item.progress_title }}</text> <text>{{ item.progress_title }}</text>
<text :style="{ color: item.textColor }">{{ item.progress_proportion }}%</text> <text :style="{ color: item.textColor }">{{ item.progress_proportion }}%</text>
@ -146,7 +146,7 @@
<view class="project-container common-style"> <view class="project-container common-style">
<h3>工程概况</h3> <h3>工程概况</h3>
<view class="project-content"> <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"> <view class="top-title">
<text>{{ item.project_title }}</text> <text>{{ item.project_title }}</text>
<text>{{ item.project_num }}</text> <text>{{ item.project_num }}</text>
@ -172,17 +172,17 @@
<view class="person-container common-style"> <view class="person-container common-style">
<h3>在场人员概况</h3> <h3>在场人员概况</h3>
<view class="person-content"> <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> <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 class="text-strong">{{ ((greenNum / colorAmount) * 100).toFixed(2) }}%</text>
<text>{{ greenNum }}</text> <text>{{ greenNum }}</text>
</view> </view>
<view> <view @tap="onJumpColorLight(2)">
<image class="person-img" src="../../../static/images/img-phase-two/index_yellow_light.png" mode=""></image> <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 class="text-strong">{{ ((yellowNum / colorAmount) * 100).toFixed(2) }}%</text>
<text>{{ yellowNum }}</text> <text>{{ yellowNum }}</text>
</view> </view>
<view> <view @tap="onJumpColorLight(3)">
<image class="person-img" src="../../../static/images/img-phase-two/index_red_light.png" mode=""></image> <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 class="text-strong">{{ ((redNum / colorAmount) * 100).toFixed(2) }}%</text>
<text>{{ redNum }}</text> <text>{{ redNum }}</text>
@ -196,10 +196,18 @@
<view>男({{ maleNum }})</view> <view>男({{ maleNum }})</view>
</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>
<view class="girl-right"> <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>
<view>{{ ((femaleNum / sexAmount) * 100).toFixed(2) }}%</view> <view>{{ ((femaleNum / sexAmount) * 100).toFixed(2) }}%</view>
<view>女({{ femaleNum }})</view> <view>女({{ femaleNum }})</view>
@ -210,7 +218,7 @@
<h5>固定、临时人员</h5> <h5>固定、临时人员</h5>
<view class="person-num"> <view class="person-num">
<view style="color: #04cdfa"> <view style="color: #04cdfa" @tap="onJumpColorLight(6)">
<image <image
style="width: 60rpx; height: 60rpx; margin-left: 10rpx" style="width: 60rpx; height: 60rpx; margin-left: 10rpx"
src="../../../static/images/img-phase-two/index_img_person.png" src="../../../static/images/img-phase-two/index_img_person.png"
@ -218,7 +226,7 @@
></image> ></image>
{{ formalPersonNum }} {{ formalPersonNum }}
</view> </view>
<view style="color: #fd8d01"> <view style="color: #fd8d01" @tap="onJumpColorLight(7)">
<image <image
style="width: 60rpx; height: 60rpx; margin-right: 10rpx" style="width: 60rpx; height: 60rpx; margin-right: 10rpx"
src="../../../static/images/img-phase-two/index_img_person.png" src="../../../static/images/img-phase-two/index_img_person.png"
@ -253,21 +261,39 @@
</view> </view>
</view> </view>
</scroll-view> </scroll-view>
<!-- 选择工程弹窗 -->
<u-popup :show="showPopup" mode="center" @close="closePopup">
<!-- 选择工程弹窗 --> <view style="width: 500rpx; height: auto%; position: relative; background-color: #fff">
<u-popup :show="showPopup" mode="center" @close="closePopup"> <view
<view style="width:500rpx;height: auto%;position: relative;background-color: #fff;"> style="
<view style="width: 100%;height: 70rpx;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;background-color: #fff;"> width: 100%;
<view style="width: 50%;height: 70rpx;line-height: 70rpx;font-weight: bold;margin-left: 40rpx;">选择工程</view> height: 70rpx;
<u-icon style="width: 10%;" name="close" color="#000" size="24" @click="closePopup"></u-icon> margin: 0 auto;
</view> display: flex;
<scroll-view style="width: 100%;height: 50vh;background-color: #fff;" scroll-y="true"> justify-content: space-between;
<view v-for="(item,index) in proList" :key="index" style="padding: 20rpx;" v-if="item.isActive==1" @click="chosenPro(item)">{{item.abbreviation}}</view> align-items: center;
</scroll-view> background-color: #fff;
</view> "
</u-popup> >
<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> <m-tabbar fixed fill :current="0" :tabbar="tabbar"></m-tabbar>
</view> </view>
@ -293,10 +319,10 @@ export default {
return { return {
userId: uni.getStorageSync('userId'), userId: uni.getStorageSync('userId'),
tabbar: TabbarConfig, tabbar: TabbarConfig,
type:uni.getStorageSync('realNameUser').type, type: uni.getStorageSync('realNameUser').type,
subId:uni.getStorageSync('realNameUser').subId, subId: uni.getStorageSync('realNameUser').subId,
showPopup:false, showPopup: false,
proList:[], proList: [],
msgList: [], msgList: [],
dataOverviewList: [ dataOverviewList: [
{ {
@ -427,7 +453,9 @@ export default {
maleNum: 0, maleNum: 0,
femaleNum: 0, femaleNum: 0,
sexAmount: 0 sexAmount: 0,
colorAmount: 0
// planProNum: 0, // planProNum: 0,
// redPersonNum: 0, // redPersonNum: 0,
@ -444,17 +472,19 @@ export default {
console.log('?? ~ mounted ~ mounted-index:') console.log('?? ~ mounted ~ mounted-index:')
this.getLogin() this.getLogin()
this.getHomePageListData() this.getHomePageListData()
if(this.type.indexOf("4")>-1){//监督端 if (this.type.indexOf('4') > -1) {
this.getPro() //监督端
} this.getPro()
}
}, },
onShow() { onShow() {
if(this.type.indexOf("4")>-1){ //监督端 if (this.type.indexOf('4') > -1) {
let hasChosenPro=uni.getStorageSync('hasChosenPro') //监督端
if(!hasChosenPro){ let hasChosenPro = uni.getStorageSync('hasChosenPro')
this.showPopup=true if (!hasChosenPro) {
} this.showPopup = true
} }
}
}, },
methods: { methods: {
getLogin() { getLogin() {
@ -495,57 +525,57 @@ export default {
} }
}) })
}, },
//监督端获取工程列表 //监督端获取工程列表
getPro(){ getPro() {
let param={ let param = {
id:-1, id: -1,
subId:this.subId subId: this.subId
} }
console.log(param) console.log(param)
uni.request({ uni.request({
url: config.realAppUrl + '/offLine/getPro', url: config.realAppUrl + '/offLine/getPro',
method: 'post', method: 'post',
data: param, data: param,
header: { header: {
'Content-Type': 'application/x-www-form-urlencoded', 'Content-Type': 'application/x-www-form-urlencoded',
Authorization: uni.getStorageSync('realNameToken') Authorization: uni.getStorageSync('realNameToken')
}, },
success: res => { success: res => {
console.log(res) console.log(res)
res = res.data; res = res.data
if(res.code==200){ if (res.code == 200) {
this.proList = res.data; this.proList = res.data
} }
}, },
fail: err => { fail: err => {
console.log(err) console.log(err)
} }
}) })
}, },
//展示工程选择弹窗 //展示工程选择弹窗
leftClick() { leftClick() {
console.log('返回') console.log('返回')
if(this.type.indexOf("4")>-1){ if (this.type.indexOf('4') > -1) {
this.showPopup=true; 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() { async getHomePageListData() {
@ -642,25 +672,105 @@ export default {
onJumpWorkPlan() { onJumpWorkPlan() {
uni.navigateTo({ url: '/pages/realName/workPlan/index' }) uni.navigateTo({ url: '/pages/realName/workPlan/index' })
}, },
//数据概览跳转 //数据概览跳转
godataView(item) { godataView(item) {
console.log(item) console.log(item)
if(item.data_title=='在建工程'){ if (item.data_title == '在建工程') {
uni.navigateTo({ url: '/pages/realName/index/pages/project' }) uni.navigateTo({ url: '/pages/realName/index/pages/project' })
} }
if(item.data_title=='在用分包单位'){ if (item.data_title == '在用分包单位') {
uni.navigateTo({ url: '/pages/realName/index/pages/subList' }) uni.navigateTo({ url: '/pages/realName/index/pages/subList' })
} }
if(item.data_title=='在用班组'){ if (item.data_title == '在用班组') {
uni.navigateTo({ url: '/pages/realName/index/pages/teamList' }) uni.navigateTo({ url: '/pages/realName/index/pages/teamList' })
} }
if(item.data_title=='在场人数'){ if (item.data_title == '在场人数') {
uni.navigateTo({ url: '/pages/realName/index/pages/personList' }) 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> </script>