715 lines
16 KiB
JavaScript
715 lines
16 KiB
JavaScript
import * as echarts from '../../ec-canvas/echarts';
|
|
|
|
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,
|
|
},
|
|
|
|
//项目切换 返回值
|
|
onProjectSelect(e) {
|
|
this.onClickShow();
|
|
let projectId = e.detail.id;
|
|
let projectName = e.detail.text;
|
|
app.globalData.projectId = projectId;
|
|
app.globalData.projectName = projectName;
|
|
this.setData({
|
|
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({
|
|
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);
|
|
},
|
|
|
|
/**
|
|
* 查询公众号消息授权
|
|
*/
|
|
reUserOpenMsgId(){
|
|
let userInfos = this.selectComponent("#userInfos");
|
|
userInfos.loadUserInfo();
|
|
},
|
|
|
|
// 底部导航
|
|
onChange(event) {
|
|
// event.detail 的值为当前选中项的索引
|
|
this.setData({
|
|
active: event.detail
|
|
});
|
|
},
|
|
|
|
//获取项目的基本数据
|
|
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("拨打电话失败！")
|
|
}
|
|
})
|
|
},
|
|
|
|
//跳转到安全管控
|
|
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,
|
|
})
|
|
}
|
|
}
|
|
})
|
|
},
|
|
}) |