|
|
|
@ -1,91 +1,64 @@ |
|
|
|
// package/subSystem/subSystem.js
|
|
|
|
import * as echarts from '../components/ec-canvas/echarts'; |
|
|
|
let chart = null; |
|
|
|
import { |
|
|
|
getSubSystemPatrolAbout |
|
|
|
} from "../../utils/getApiUrl"; |
|
|
|
import { |
|
|
|
Request |
|
|
|
} from "../../common"; |
|
|
|
const moment = require("../../utils/moment"); |
|
|
|
|
|
|
|
function initChart(canvas, width, height, dpr) { |
|
|
|
|
|
|
|
|
|
|
|
Page({ |
|
|
|
initECharts(option) { |
|
|
|
this.ecComponent.init((canvas, width, height, dpr) => { |
|
|
|
const chart = echarts.init(canvas, null, { |
|
|
|
width: 300, |
|
|
|
height: 300, |
|
|
|
devicePixelRatio: dpr // new
|
|
|
|
width: width, |
|
|
|
height: height, |
|
|
|
devicePixelRatio: dpr, |
|
|
|
}); |
|
|
|
canvas.setChart(chart); |
|
|
|
// 设置图表的配置
|
|
|
|
chart.setOption(option); |
|
|
|
|
|
|
|
var option = { |
|
|
|
backgroundColor: "#ffffff", |
|
|
|
series: [{ |
|
|
|
label: { |
|
|
|
normal: { |
|
|
|
fontSize: 14 |
|
|
|
} |
|
|
|
}, |
|
|
|
type: 'pie', |
|
|
|
center: ['50%', '50%'], |
|
|
|
radius: ['20%', '40%'], |
|
|
|
data: [{ |
|
|
|
value: 55, |
|
|
|
name: '北京' |
|
|
|
}, { |
|
|
|
value: 20, |
|
|
|
name: '武汉' |
|
|
|
}, { |
|
|
|
value: 10, |
|
|
|
name: '杭州' |
|
|
|
}, { |
|
|
|
value: 20, |
|
|
|
name: '广州' |
|
|
|
}, { |
|
|
|
value: 38, |
|
|
|
name: '上海' |
|
|
|
}] |
|
|
|
}] |
|
|
|
}; |
|
|
|
// 将 ECharts 实例保存在数据中
|
|
|
|
this.chart = chart; |
|
|
|
|
|
|
|
chart.setOption(option); |
|
|
|
// 返回 ECharts 实例
|
|
|
|
return chart; |
|
|
|
} |
|
|
|
Page({ |
|
|
|
|
|
|
|
}); |
|
|
|
}, |
|
|
|
/** |
|
|
|
* 页面的初始数据 |
|
|
|
*/ |
|
|
|
data: { |
|
|
|
ec: { |
|
|
|
onInit: initChart |
|
|
|
// lazyLoad: true, // 延迟加载 ECharts
|
|
|
|
}, |
|
|
|
date: '', |
|
|
|
show: true, |
|
|
|
selectedDate: new Date(),// 设置默认选中的日期为当前日期
|
|
|
|
currentPatrolCount: 0, //当月巡检次数
|
|
|
|
currentRepairCount: 0, //当月维修次数
|
|
|
|
level1Count: 0, //轻微
|
|
|
|
level2Count: 0, //中度
|
|
|
|
level3Count: 0, //严重
|
|
|
|
selectedDate: new Date(), // 设置默认选中的日期为当前日期
|
|
|
|
formatter(day) { |
|
|
|
console.log('xxasaasas',day) |
|
|
|
const month = day.date.getMonth() + 1; |
|
|
|
const date = day.date.getDate(); |
|
|
|
const style = {}; |
|
|
|
if (month === 10) { |
|
|
|
if (date === 1) { |
|
|
|
day.bottomInfo = '.'; |
|
|
|
day.className='dayClass' |
|
|
|
style.backgroundColor = 'red'; |
|
|
|
// document.getElementsByClassName('van-calendar__bottom-info')
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
if (day.type === 'start') { |
|
|
|
day.bottomInfo = '入住'; |
|
|
|
} else if (day.type === 'end') { |
|
|
|
day.bottomInfo = '离店'; |
|
|
|
} |
|
|
|
day.style = style; |
|
|
|
console.log('day111',day) |
|
|
|
return day; |
|
|
|
}, |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
onDisplay() { |
|
|
|
this.setData({ show: true }); |
|
|
|
this.setData({ |
|
|
|
show: true |
|
|
|
}); |
|
|
|
}, |
|
|
|
onClose() { |
|
|
|
this.setData({ show: false }); |
|
|
|
this.setData({ |
|
|
|
show: false |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
onConfirm(event) { |
|
|
|
@ -99,9 +72,19 @@ Page({ |
|
|
|
* 生命周期函数--监听页面加载 |
|
|
|
*/ |
|
|
|
onLoad: function (options) { |
|
|
|
const {windowHeight}=wx.getSystemInfoSync() |
|
|
|
const pageHeight=windowHeight - 48 |
|
|
|
const that=this |
|
|
|
wx.showLoading({ |
|
|
|
title: '加载中' |
|
|
|
}) |
|
|
|
// const that = this;
|
|
|
|
wx.setNavigationBarTitle({ |
|
|
|
title: options.key, |
|
|
|
}); |
|
|
|
//加载初始化数据
|
|
|
|
that.getSubSystemPatrolAbout(options) |
|
|
|
//初始化图表的配置项
|
|
|
|
// 其他渲染逻辑
|
|
|
|
// 创建一个 Date 对象来获取当前日期
|
|
|
|
const currentDate = new Date(); |
|
|
|
@ -112,21 +95,107 @@ Page({ |
|
|
|
// 获取当前月份的第一天和最后一天
|
|
|
|
const nextMonth = new Date().getMonth() + 1; |
|
|
|
const firstDay = new Date().setDate(1); |
|
|
|
const lastDay = new Date().setMonth(nextMonth,1) - 86400000; |
|
|
|
const lastDay = new Date().setMonth(nextMonth, 1) - 86400000; |
|
|
|
// 更新数据，将年份和月份传递给 WXML 页面
|
|
|
|
this.setData({ |
|
|
|
that.setData({ |
|
|
|
currentYear: currentYear, |
|
|
|
currentMonth: currentMonth, |
|
|
|
lastDay:lastDay, |
|
|
|
firstDay:firstDay |
|
|
|
lastDay: lastDay, |
|
|
|
firstDay: firstDay, |
|
|
|
pageHeight:pageHeight+'px' |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
wx.hideLoading() |
|
|
|
|
|
|
|
}, |
|
|
|
//过滤轻微，中度，重度的巡检个数
|
|
|
|
filterLevelCount:function(list,level){ |
|
|
|
return list?.filter(i => { |
|
|
|
const content = i?.points?.inspectContent |
|
|
|
if (content) { |
|
|
|
for (let key in content) { |
|
|
|
if (content.hasOwnProperty(key)) { |
|
|
|
const subObject = content[key]; |
|
|
|
return subObject.level===level |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
})?.length |
|
|
|
}, |
|
|
|
getSubSystemPatrolAbout: function (options) { |
|
|
|
let that = this; |
|
|
|
//当月开始时间
|
|
|
|
const STime = moment().startOf('month').format('YYYY-MM-DD') |
|
|
|
//当月结束时间
|
|
|
|
const ETime = moment().endOf('month').format('YYYY-MM-DD') |
|
|
|
//子系统关键字
|
|
|
|
let keywords = options.key |
|
|
|
// keywords = '管廊'
|
|
|
|
const query = { |
|
|
|
STime, |
|
|
|
ETime, |
|
|
|
keywords |
|
|
|
} |
|
|
|
Request.get(getSubSystemPatrolAbout(query)).then(res => { |
|
|
|
if (res) { |
|
|
|
//巡查内容
|
|
|
|
that.setData({ |
|
|
|
currentRepairCount: res?.filter(i => i?.patrolRecordIssueHandles[0]?.yanshoushijian && parseInt(moment(i?.patrolRecordIssueHandles[0]?.yanshoushijian).format('YYYYMMDD')) === parseInt(moment().format('YYYYMMDD'))).length || 0, |
|
|
|
currentPatrolCount: res.length, |
|
|
|
level1Count: that.filterLevelCount(res,'轻微')||0, |
|
|
|
level2Count: that.filterLevelCount(res,'中度')||0, |
|
|
|
level3Count: that.filterLevelCount(res,'严重')||0, |
|
|
|
formatter:function(e){ |
|
|
|
res?.map(i=>{ |
|
|
|
if(moment(i.inspectionTime).format('YYYY-MM-DD')==moment(e.date).format('YYYY-MM-DD')){ |
|
|
|
if( i.patrolRecordIssueHandles.length==0){ |
|
|
|
e.bottomInfo = '.';e.className = 'greenClass' |
|
|
|
}else if( i.patrolRecordIssueHandles.length&& i?.patrolRecordIssueHandles[0]?.yanshoushijian && parseInt(moment(i?.patrolRecordIssueHandles[0]?.yanshoushijian).format('YYYYMMDD')) === parseInt(moment().format('YYYYMMDD'))){ |
|
|
|
e.bottomInfo = '.';e.className = 'yellowClass' |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
return e |
|
|
|
} |
|
|
|
}) |
|
|
|
that.ecComponent = that.selectComponent('#mychart-dom-pie'); |
|
|
|
console.log('that.level1Count',this.data.level2Count) |
|
|
|
var option = { |
|
|
|
backgroundColor: "#ffffff", |
|
|
|
legend: { |
|
|
|
bottom: 10, |
|
|
|
left: 'center', |
|
|
|
}, |
|
|
|
series: [{ |
|
|
|
label: { |
|
|
|
normal: { |
|
|
|
fontSize: 14 |
|
|
|
} |
|
|
|
}, |
|
|
|
type: 'pie', |
|
|
|
center: ['50%', '50%'], |
|
|
|
radius: ['20%', '40%'], |
|
|
|
data:[ {name:'轻微',value:that.data.level1Count}, |
|
|
|
{name:'中度',value:that.data.level2Count}, |
|
|
|
{name:'重度',value:that.data.level3Count}] |
|
|
|
}] |
|
|
|
}; |
|
|
|
that.initECharts(option); |
|
|
|
|
|
|
|
wx.hideLoading() |
|
|
|
} else { |
|
|
|
wx.hideLoading(); |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
/** |
|
|
|
* 生命周期函数--监听页面初次渲染完成 |
|
|
|
*/ |
|
|
|
|
|
|
|
onReady() { |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
/** |
|
|
|
@ -154,7 +223,7 @@ Page({ |
|
|
|
* 页面相关事件处理函数--监听用户下拉动作 |
|
|
|
*/ |
|
|
|
onPullDownRefresh() { |
|
|
|
|
|
|
|
getSubSystemPatrolAbout() |
|
|
|
}, |
|
|
|
|
|
|
|
/** |
|
|
|
|
zhaobing’
2 years ago