jhwxapp/miniprogram/pages/xiangmugaikuang/index.js

934 lines
21 KiB
JavaScript

import * as echarts from '../../ec-canvas/echarts';
import {
groupAllByParams,
findGroupAllByDays
} from '../../api/projectAttendance'
const app = getApp();
//加载视频监控饼图
let datas_1 = [];
let formatNumber_1 = function (num) {
let reg = /(?=(\B)(\d{3})+$)/g;
return num.toString().replace(reg, ',');
}
function arrayobj_1(array, key) {
var resObj = {}
for (var i = 0; i < array.length; i++) {
resObj[array[i][key]] = array[i]
}
return resObj
}
function initChart_1(chart_1, datas_1) {
//定义参数
let objData_1 = arrayobj_1(datas_1, 'name');
let total_1 = datas_1.reduce((a, b) => {
return a + b.value * 1
}, 0);
let title_1 = '接入数';
var option_1 = {
color: ["#ffac50", "#ed6942", "#9e40ec", "#1f8efa", "#06c985"],
title: [{
text: '{val|' + formatNumber_1(total_1) + '} \n {name|' + title_1 + '} ',
top: '31%',
left: '20%',
textStyle: {
rich: {
name: {
fontSize: 14,
fontWeight: 'normal',
color: '#fff',
padding: [10, 0]
},
val: {
fontSize: 25,
fontWeight: 'bold',
color: '#0ad7ec',
padding: [0, 10]
}
}
}
}],
tooltip: {
trigger: 'item',
},
legend: {
orient: 'vertical',
top: "center",
right: "5%",
icon: 'circle',
data: ['一工区'],
textStyle: {
color: "#fff",
fontSize: 10
},
formatter(name) {
return `${name} ${objData_1[name].value}`
}
},
series: [{
type: 'pie',
radius: ['65%', '90%'],
center: ['30%', '50%'],
avoidLabelOverlap: false,
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: '14'
}
},
labelLine: {
show: false
},
hoverAnimation: false,
data: datas_1
}]
};
chart_1.setOption(option_1);
}
//机械设备饼图
let formatNumber_2 = function (num) {
let reg = /(?=(\B)(\d{3})+$)/g;
return num.toString().replace(reg, ',');
}
function arrayobj_2(Array, key) {
var resObj = {}
for (var i = 0; i < Array.length; i++) {
resObj[Array[i][key]] = Array[i]
}
return resObj
}
function initChart_2(chart_2, datas_2, datas_name) {
//定义参数
let objData_2 = arrayobj_2(datas_2, 'name');
let total_2 = datas_2.reduce((a, b) => {
return a + b.value * 1
}, 0);
let title_2 = '接入数';
var option_2 = {
color: ["#ffac50", "#ed6942", "#9e40ec", "#1f8efa", "#06c985"],
title: [{
text: '{val|' + formatNumber_2(total_2) + '} \n {name|' + title_2 + '} ',
top: '31%',
left: '20%',
textStyle: {
rich: {
name: {
fontSize: 14,
fontWeight: 'normal',
color: '#fff',
padding: [10, 0]
},
val: {
fontSize: 25,
fontWeight: 'bold',
color: '#0ad7ec',
padding: [0, 10]
}
}
}
}],
tooltip: {
trigger: 'item',
},
legend: {
orient: 'vertical',
top: "center",
right: "5%",
icon: 'circle',
data: datas_name,
textStyle: {
color: "#fff",
fontSize: 10
},
formatter(name) {
return `${name} ${objData_2[name].value}`
}
},
series: [{
type: 'pie',
radius: ['65%', '90%'],
center: ['30%', '50%'],
avoidLabelOverlap: false,
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: '14'
}
},
labelLine: {
show: false
},
hoverAnimation: false,
data: datas_2
}]
};
chart_2.setOption(option_2);
}
//劳务管理
function initChart_3(chart_3, xData_3, yData_3) {
var option_3 = {
color: ['#5a8df6'],
tooltip: {
trigger: 'axis'
},
grid: {
top: '22%',
left: '3%',
right: '1%',
bottom: '0%',
containLabel: true
},
xAxis: [{
type: 'category',
boundaryGap: false,
data: xData_3,
axisTick: {
show: false
},
axisLine: {
lineStyle: {
color: 'rgba(39,51,75,0.8)'
}
},
axisLabel: {
color: '#8aa3ec',
rotate: 45,
textStyle: {
fontSize: 10
},
},
}],
yAxis: {
type: 'value',
name: "单位:个",
nameTextStyle: {
color: "#008fe9",
fontSize: 11
},
axisLabel: {
show: true,
textStyle: {
color: "#008fe9",
fontSize: 10
}
},
splitLine: {
show: true,
lineStyle: {
color: 'rgba(39,51,75,0.5)'
}
},
axisLine: {
show: true,
lineStyle: {
color: 'rgba(39,51,75,0.8)'
}
},
},
series: [{
type: 'line',
data: yData_3,
symbol: 'circle',
smooth: true,
lineStyle: {
color: '#5a8df6',
width: 2
},
}]
}
chart_3.setOption(option_3);
return chart_3;
}
Page({
/**
* 页面的初始数据
*/
data: {
active: 0,
show: false,
activeNames: ["1"],
ec_1: {
lazyLoad: true //动态加载
},
ec_2: {
lazyLoad: true
},
ec_3: {
lazyLoad: true
},
//参数——————————————————————————————————————
//组织架构id
deptId: '',
//项目的id
projectId: '',
//项目名称参数
projectNameArgs: '',
//项目信息
projectInfo: {},
projectUnitsList: [],
//视频接入数
videoNum: '',
//正常视频数
videoOnline: '',
//机械接入数
machineryNum: '',
//正常机械运行数
machineryOnline: '',
monthEarlyNum: '0',
yangchenCount: '0',
weather: '',
weatherPic: '',
temperature: '',
//加载模板参数
loadShow: false,
initData: {},
todoDb: 0,
approveDb: 0,
aq: 0,
nactive: 0,
labourData: [{
name: "总包人员",
total: 0,
unit: "人",
yesMonitor: 180
},
{
name: "监理人员",
yesMonitor: 0,
total: 0,
unit: "人"
},
{
name: "劳务人员",
yesMonitor: 0,
total: 0,
unit: "人"
},
],
labourDataList: [],
labourImg: "https://szgcwx.jhncidg.com/staticFiles/icon/zgry.png",
labourName: "在岗人员",
labourTotal: 0,
labourTypeList: [{
name: "在岗人员",
total: 0,
img: "https://szgcwx.jhncidg.com/staticFiles/icon/zgry.png"
}, {
name: "离岗人员",
total: 0,
img: "https://szgcwx.jhncidg.com/staticFiles/icon/rylg.png"
}, {
name: "今日出勤",
total: 0,
img: "https://szgcwx.jhncidg.com/staticFiles/icon/dw.png"
}],
animation: true,
animationData: {},
labourDatas:{
unit : '人',
legend:['出勤人数', '当前在岗'],
color:['#2e6ed0','#fb9300'],
Xdata :['01-01', '01-02', '01-03', '01-04', '01-05', '01-06', '01-07'],
Ydata:[[0,0,0,0,0,0,0],[0,0,0,0,0,0,0]]
},
switchChart:false,
},
// 事件委托
selected(e) {
this.setData({
nactive: e.target.dataset.set,
labourImg: this.data.labourTypeList[e.target.dataset.set].img,
})
this.initDeptWroksCharts();
},
//项目切换 返回值
onProjectSelect(e) {
this.onClickShow();
let projectId = e.detail.id;
let projectName = e.detail.text;
app.globalData.projectId = projectId;
app.globalData.projectName = projectName;
this.setData({
switchChart:true,
projectId: projectId,
projectName: projectName
})
this.onLoad();
},
// 手风琴
onChange1(event) {
this.setData({
activeName: event.detail,
});
},
onOpen(event) {},
onClose(event) {},
//初始化视频监控饼图数据
init_one: function (datas_1) {
this.oneComponent.init((canvas, width, height, dpr) => {
const chart = echarts.init(canvas, null, {
width: width,
height: height,
devicePixelRatio: dpr //解决小程序视图模糊的问题,必写
});
initChart_1(chart, datas_1);
this.chart = chart;
return chart;
});
},
//初始化机械设备饼图数据
init_two: function (datas_2, datas_name) {
this.twoComponent.init((canvas, width, height, dpr) => {
const chart = echarts.init(canvas, null, {
width: width,
height: height,
devicePixelRatio: dpr //解决小程序视图模糊的问题,必写
});
initChart_2(chart, datas_2, datas_name);
this.chart = chart;
return chart;
});
},
//初始化劳务管理
init_three: function (xData_1, yData_1) {
this.threeComponent.init((canvas, width, height, dpr) => {
const chart = echarts.init(canvas, null, {
width: width,
height: height,
devicePixelRatio: dpr //解决小程序视图模糊的问题,必写
});
initChart_3(chart, xData_1, yData_1);
this.chart = chart;
return chart;
});
},
onClickShow() {
this.setData({
loadShow: false
});
},
onClickHide() {
this.setData({
loadShow: false
});
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.onClickShow();
this.setData({
labourImg: this.data.labourTypeList[this.data.nactive].img,
activeName: ["1"],
});
var that = this;
//获取缓存数据
wx.getStorage({
key: 'userinfo',
success: function (res) {
if (options && options.showUser) {
//这里重新查询用户消息是否已授权
that.reUserOpenMsgId();
}
that.setData({
loginName: res.data.loginName,
nickName: res.data.nickName,
deptName: res.data.deptName,
roleName: res.data.roleName.split(',')[0],
projectId: app.globalData.projectId,
projectNameArgs: app.globalData.projectName,
initData: {
text: app.globalData.projectName,
id: app.globalData.projectId
}
})
that.awaitTask(res.data.minRoleId, res.data.deptId, res.data.loginName, res.data.userId);
}
})
//根据id获取组件
this.oneComponent = this.selectComponent('#mychart-one');
this.twoComponent = this.selectComponent('#mychart-two');
this.threeComponent = this.selectComponent('#mychart-three');
this.fourComponent = this.selectComponent('#mychart-four');
//项目基本信息
this.getProjectBaseInfo(app.globalData.projectId);
//项目管理信息
this.getProjectUnitList(app.globalData.projectId);
//视频数量
//this.getProjectVideoAll(app.globalData.projectId);
//机械的数据
//this.getMachineryNum(app.globalData.projectId);
//机械列表
//this.getMachineryList(app.globalData.projectId);
//视频的数据
//this.getVideoList(app.globalData.projectId);
this.initAnimationData();
this.initProjectDeptWroks();
this.initLabourDatas();
},
/**
* 初始化动画
*/
initAnimationData() {
var animation = wx.createAnimation({
duration: 1000,
timingFunction: 'linear',
})
this.animation = animation;
if (this.data.animation) {
animation.translateY(-8).step();
} else {
animation.translateY(8).step();
}
this.setData({
animation: this.data.animation ? false : true,
animationData: animation.export()
})
setTimeout(() => {
this.initAnimationData();
}, 1200)
},
/**
* 初始化考勤信息
*/
initProjectDeptWroks() {
let zg = 0;
let lg = 0;
let cq = 0;
groupAllByParams({
projectId: app.globalData.projectId
}).then(res => {
if (res.data.length > 0) {
res.data.forEach(item => {
if (item.type == "1") {
zg += item.total;
} else if (item.type == "2") {
lg += item.total;
} else {
cq += item.total;
}
});
}
this.setData({
"labourTypeList[0].total": zg,
"labourTypeList[1].total": lg,
"labourTypeList[2].total": cq,
labourTotal: zg,
labourDataList: res.data || []
})
this.initDeptWroksCharts();
});
},
/**
* 初始化统计图表
*/
initDeptWroksCharts() {
let labourDataList = this.data.labourDataList;
let naValue = this.data.nactive + 1;
if (labourDataList.length > 0) {
let zb = 0;
let jl = 0;
let lw = 0;
labourDataList.forEach(item => {
if (item.type == naValue) {
if (item.companyTypeId == 8) {
jl += item.total;
} else if (item.companyTypeId == 1 || item.companyTypeId == 6) {
zb += item.total;
} else {
lw += item.total;
}
}
});
this.setData({
"labourData[0].total": zb,
"labourData[0].yesMonitor": zb,
"labourData[1].total": jl,
"labourData[1].yesMonitor": jl,
"labourData[2].total": lw,
"labourData[2].yesMonitor": lw,
labourTotal: this.data.labourTypeList[this.data.nactive].total
})
}
},
/**
* 查询公众号消息授权
*/
reUserOpenMsgId() {
let userInfos = this.selectComponent("#userInfos");
userInfos.loadUserInfo();
},
// 底部导航
onChange(event) {
// event.detail 的值为当前选中项的索引
this.setData({
active: event.detail
});
},
/**
* 初始化曲线图表
*/
initLabourDatas(){
findGroupAllByDays({projectId:app.globalData.projectId}).then(res =>{
if(res.code==200){
let xd = [];
let yd1=[];
let yd2=[];
res.data.list.forEach(item =>{
xd.push(item.attendanceTime);
yd1.push(item.total);
});
if(xd.length<7){
let n = 7-xd.length;
for(let i=0;i<n;i++){
xd.push('');
yd1.push(0);
}
}
for(let y=0;y<7;y++){
yd2.push(res.data.user);
}
let yd=[];
yd.push(yd1);
yd.push(yd2);
this.setData({
"labourDatas.Xdata": xd,
"labourDatas.Ydata": yd
});
if(this.data.switchChart){
let chats = this.selectComponent("#chartBar");
chats.initChart();
}
}
});
},
//获取项目的基本数据
getProjectBaseInfo: function (even) {
wx.request({
url: app.globalData.reqUrl + '/wechat/project/getProjectFoundation',
method: 'GET',
data: {
id: even
},
success: resData => {
this.onClickHide()
if (resData.data.planStartTime) {
resData.data.planStartTime = resData.data.planStartTime.split("T")[0];
}
if (resData.data.actualStartTime) {
resData.data.actualStartTime = resData.data.actualStartTime.split("T")[0];
}
if (resData.data.planCompletedTime) {
resData.data.planCompletedTime = resData.data.planCompletedTime.split("T")[0];
}
this.setData({
projectInfo: resData.data
})
//环境监测
//this.selectEnvirData(even);
//加载天气信息
//this.getWeatherData(resData.data.longitude,resData.data.latitude)
}
})
},
//加载天气数据
getWeatherData: function (even1, even2) {
var that = this;
wx.request({
url: app.globalData.reqUrl + '/weixin/applets/selectWeather',
method: "GET",
data: {
lng: even1,
lat: even2,
},
success: function (weatherRes) {
that.setData({
weather: weatherRes.data.weather,
weatherPic: weatherRes.data.weatherPic,
temperature: weatherRes.data.temperature
})
}
})
},
//获取项目的管理信息
getProjectUnitList: function (projectId) {
var that = this;
wx.request({
url: app.globalData.reqUrl + '/wechat/project/getProjectUnitList',
method: 'GET',
data: {
projectId: projectId
},
success: resData => {
that.onClickHide()
that.setData({
projectUnitsList: resData.data
})
}
})
},
// 获取项目下的视频数
getProjectVideoAll: function (even) {
wx.request({
url: app.globalData.reqUrl + '/weixin/video/getProjectVideoNum',
method: 'get',
data: {
projectName: even
},
success: resData => {
this.setData({
videoNum: resData.data.videoAll,
videoOnline: resData.data.videoOnline
})
}
})
},
// 获取机械的数据
getMachineryNum: function (event) {
wx.request({
url: app.globalData.reqUrl + '/mkl/machinery/getMachineryDataWest',
data: {
"projectId": event
},
method: 'get',
success: resData => {
this.setData({
machineryNum: resData.data.allNum,
machineryOnline: resData.data.onlineNum
})
}
})
},
//机械的列表,名称
getMachineryList: function (event) {
var that = this;
wx.request({
url: app.globalData.reqUrl + '/mkl/machinery/getMachineryListWest',
data: {
"projectId": event
},
method: 'GET',
success: resData => {
if (resData.data == '') {
that.init_two([{
"value": "0",
"name": ""
}]);
} else {
that.init_two(resData.data);
}
}
})
},
//获取视频的列表,名称
getVideoList: function (even) {
var that = this;
wx.request({
url: app.globalData.reqUrl + '/weixin/video/getProjectVideoListEc',
method: 'GET',
data: {
projectName: even
},
success: resData => {
that.onClickHide();
if (resData.data.length > 0) {
that.init_one(resData.data);
}
}
})
},
//查询劳务人员出勤数据
selectEnvirData: function (even) {
var that = this;
wx.request({
url: app.globalData.reqUrl + '/weixin/userinfo/selectAttendanceNum',
method: "GET",
data: {
projectId: even,
},
success: function (hjyj) {
that.setData({
monthEarlyNum: hjyj.data.userCount,
yangchenCount: hjyj.data.userCount
})
}
})
//查询出最近一周劳务人员考勤人数
wx.request({
url: app.globalData.reqUrl + '/weixin/userinfo/selectLabourDayByProjectId',
method: "GET",
data: {
projectId: even
},
success: function (sspm) {
var createTime = [];
var userCount = [];
for (var i = 0; i < sspm.data.length; i++) {
createTime.push(sspm.data[i].createTime);
userCount.push(sspm.data[i].userCount);
}
that.init_three(createTime, userCount);
}
})
},
/**
* 拨打电话
* @param {*} event
*/
calling: function (event) {
let callPhone = event.currentTarget.dataset.phone;
wx.makePhoneCall({
phoneNumber: callPhone,
success: function () {
console.log("拨打电话成功!")
},
fail: function () {
console.log("拨打电话失败!")
}
})
},
/**
* 劳务管理查看详细
*/
goLWGL: function () {
if (this.data.nactive == 2) {
wx.redirectTo({
url: '../../pageage/project_attendance/project_attendanceData/list/index'
})
} else {
let type;
if (this.data.nactive == 0) {
type = 1;
} else {
type = 2;
}
wx.redirectTo({
url: '../../pageage/project_attendance/project_attendanceUser/list/index?type=' + type
})
}
},
/**
* 最近出勤
*/
goZJCQ: function () {
wx.redirectTo({
url: '../../pageage/project_attendance/project_attendanceData/list/index'
})
},
//跳转到安全管控
XMSP: function () {
wx.redirectTo({
url: '../safety_manage/index'
})
},
//跳转到质量管理
ZLGL: function () {
wx.redirectTo({
url: '../quality_manage/index'
})
},
//跳转到进度管理
JDGL2: function () {
//app.toast("敬请期待!");
wx.redirectTo({
url: '../../pageage/project_schedule/list/index'
})
},
//跳转到更多功能
GDGN: function () {
wx.redirectTo({
url: '../gengduogongneng/index'
})
},
//返回到地图页面
GOMAP: function () {
wx.redirectTo({
url: '../map/map',
})
},
//返回到工程列表页面
goGCLB: function () {
wx.redirectTo({
url: '../gongchengliebiao/index'
})
},
//查询当前登录人的代办任务
awaitTask(minRoleId, deptId, loginName, userId) {
let param = {
"businessKey": app.globalData.projectId,
"nowRole": minRoleId,
"nowDept": deptId,
"nowUserName": loginName,
"nowUser": userId,
"activeName": "await"
}
var that = this;
wx.request({
url: app.globalData.reqUrl + '/wechat/flowTask/myAwaitFlowTaskListCount',
data: param,
method: "post",
success: function (res) {
res = res.data;
if (res.code == "200") {
that.setData({
todoDb: res.data.todo + res.data.approveLZYJ,
approveDb: res.data.approve + res.data.zlCount,
aq: res.data.aqCount,
})
}
}
})
},
})