ZheJiangNingBo
/
pingAnQiYeWeb
7
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity
Labels Milestones
New Pull Request

lukeyan #131

Merged
lukeyan merged 3 commits from lukeyan into master 1 year ago
Conversation 0 Commits 3 Files Changed 3
3 changed files with 172 additions and 19 deletions
Show Stats Download Patch File Download Diff File

105
src/utils/publicMethod_lxy/esresize.js
Unescape View File

@ -0,0 +1,105 @@
var EleResize = {
_handleResize: function (e) {
var ele = e.target || e.srcElement
var trigger = ele.__resizeTrigger__
if (trigger) {
var handlers = trigger.__z_resizeListeners
if (handlers) {
var size = handlers.length
for (var i = 0; i < size; i++) {
var h = handlers[i]
var handler = h.handler
var context = h.context
handler.apply(context, [e])
}
}
}
},
_removeHandler: function (ele, handler, context) {
var handlers = ele.__z_resizeListeners
if (handlers) {
var size = handlers.length
for (var i = 0; i < size; i++) {
var h = handlers[i]
if (h.handler === handler && h.context === context) {
handlers.splice(i, 1)
return
}
}
}
},
_createResizeTrigger: function (ele) {
var obj = document.createElement('object')
obj.setAttribute('style',
'display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden;opacity: 0; pointer-events: none; z-index: -1;')
obj.onload = EleResize._handleObjectLoad
obj.type = 'text/html'
ele.appendChild(obj)
obj.data = 'about:blank'
return obj
},
_handleObjectLoad: function () {
this.contentDocument.defaultView.__resizeTrigger__ = this.__resizeElement__
this.contentDocument.defaultView.addEventListener('resize', EleResize._handleResize)
}
}
if (document.attachEvent) { // ie9-10
EleResize.on = function (ele, handler, context) {
var handlers = ele.__z_resizeListeners
if (!handlers) {
handlers = []
ele.__z_resizeListeners = handlers
ele.__resizeTrigger__ = ele
ele.attachEvent('onresize', EleResize._handleResize)
}
handlers.push({
handler: handler,
context: context
})
}
EleResize.off = function (ele, handler, context) {
var handlers = ele.__z_resizeListeners
if (handlers) {
EleResize._removeHandler(ele, handler, context)
if (handlers.length === 0) {
ele.detachEvent('onresize', EleResize._handleResize)
delete ele.__z_resizeListeners
}
}
}
} else {
EleResize.on = function (ele, handler, context) {
var handlers = ele.__z_resizeListeners
if (!handlers) {
handlers = []
ele.__z_resizeListeners = handlers
if (getComputedStyle(ele, null).position === 'static') {
ele.style.position = 'relative'
}
var obj = EleResize._createResizeTrigger(ele)
ele.__resizeTrigger__ = obj
obj.__resizeElement__ = ele
}
handlers.push({
handler: handler,
context: context
})
}
EleResize.off = function (ele, handler, context) {
var handlers = ele.__z_resizeListeners
if (handlers) {
EleResize._removeHandler(ele, handler, context)
if (handlers.length === 0) {
var trigger = ele.__resizeTrigger__
if (trigger) {
trigger.contentDocument.defaultView.removeEventListener('resize', EleResize._handleResize)
ele.removeChild(trigger)
delete ele.__resizeTrigger__
}
delete ele.__z_resizeListeners
}
}
}
}
export default EleResize

80
src/views/compositeIndex/components/companyCar.vue
Unescape View File

@ -46,6 +46,7 @@
<script> <script>
import { vehicleIn } from "@/api/safetyIndex"; import { vehicleIn } from "@/api/safetyIndex";
import * as echarts from "echarts"; import * as echarts from "echarts";
import EleResize from "@/utils/publicMethod_lxy/esresize";
export default { export default {
name: "CompanyCar", name: "CompanyCar",
data() { data() {
@ -81,11 +82,31 @@ export default {
vehicleIn(params).then((res) => { vehicleIn(params).then((res) => {
this.out_car_num = res.total; this.out_car_num = res.total;
}); });
},
// 获取当月前7天数组
get_day(day) {
let myDate = new Date(); //获取今天日期
myDate.setDate(myDate.getDate() - (day - 1)); //setDate() 方法用于设置一个月的某一天。
let dateArray = [];
let dateTemp;
let flag = 1;
for (let i = 1; i < day; i++) {
dateTemp = myDate.getDate() + "日";
dateArray.push(dateTemp);
myDate.setDate(myDate.getDate() + flag);
}
dateArray.push(myDate.getDate() + "日");
return dateArray;
}, },
init_chart() { init_chart() {
let car_chart = document.getElementById("car_chart"); let car_chart = document.getElementById("car_chart");
let resize_div = document.getElementById("car_chart");
let myChart = echarts.init(car_chart); let myChart = echarts.init(car_chart);
const colors = ["#5470C6", "#EE6666", "#6633f0","#ECDE3D","#7df9ca"]; // echarts表自适应
EleResize.on(resize_div, () => {
myChart.resize();
});
const colors = ["#5470C6", "#EE6666", "#6633f0", "#ECDE3D", "#7df9ca"];
let option = { let option = {
color: colors, color: colors,
tooltip: { tooltip: {
@ -94,9 +115,36 @@ export default {
type: "cross", type: "cross",
}, },
}, },
legend: {}, legend: {
data: [
{
name: "今日进园区",
textStyle: {
color: "#fff",
},
},
{
name: "今日出园区",
textStyle: {
color: "#fff",
},
},
{
name: "上月进园区",
textStyle: {
color: "#fff",
},
},
{
name: "上月出园区",
textStyle: {
color: "#fff",
},
},
],
},
grid: { grid: {
top: "20%", top: "30%",
left: "15%", left: "15%",
right: "10%", right: "10%",
bottom: "12%", bottom: "12%",
@ -117,7 +165,6 @@ export default {
label: { label: {
formatter: function (params) { formatter: function (params) {
return ( return (
"Precipitation " +
params.value + params.value +
(params.seriesData.length (params.seriesData.length
? ":" + params.seriesData[0].data ? ":" + params.seriesData[0].data
@ -127,7 +174,7 @@ export default {
}, },
}, },
// prettier-ignore // prettier-ignore
data: ['2016-1', '2016-2', '2016-3', '2016-4', '2016-5', '2016-6', '2016-7', '2016-8', '2016-9', '2016-10', '2016-11', '2016-12'], data: this.get_day(7),
}, },
{ {
type: "category", type: "category",
@ -144,7 +191,6 @@ export default {
label: { label: {
formatter: function (params) { formatter: function (params) {
return ( return (
"Precipitation " +
params.value + params.value +
(params.seriesData.length (params.seriesData.length
? ":" + params.seriesData[0].data ? ":" + params.seriesData[0].data
@ -171,7 +217,7 @@ export default {
], ],
series: [ series: [
{ {
name: "", name: "今日进园区",
type: "line", type: "line",
xAxisIndex: 1, xAxisIndex: 1,
smooth: true, smooth: true,
@ -179,43 +225,38 @@ export default {
focus: "series", focus: "series",
}, },
data: [ data: [
2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6,
2.3,
], ],
}, },
{ {
name: "", name: "今日出园区",
type: "line", type: "line",
xAxisIndex: 1, xAxisIndex: 1,
smooth: true, smooth: true,
emphasis: { emphasis: {
focus: "series", focus: "series",
}, },
data: [2.6, 5.9, 9.0, 26, 27, 70.7, 175.6, 170, 80, 18.8, 6.0, 2.3], data: [2.6, 5.9, 9.0, 26, 27, 70.7, 175.6, ],
}, },
{ {
name: "", name: "上月进园区",
type: "line", type: "line",
smooth: true, smooth: true,
emphasis: { emphasis: {
focus: "series", focus: "series",
}, },
data: [ data: [
3.9, 5.9, 11.1, 18.7, 48.3, 69.2, 231.6, 46.6, 55.4, 18.4, 10.3, 3.9, 5.9, 11.1, 18.7, 48.3, 69.2, 231.6,
0.7,
], ],
}, },
{ {
name: "", name: "上月出园区",
type: "line", type: "line",
smooth: true, smooth: true,
emphasis: { emphasis: {
focus: "series", focus: "series",
}, },
data: [ data: [3.9, 5.9, 22, 34, 48.3, 69.2, 123, ],
3.9, 5.9, 22, 34, 48.3, 69.2, 123, 46.6, 22.9, 10, 4,
0.7,
],
}, },
], ],
}; };
@ -384,6 +425,7 @@ export default {
} }
.car_chart { .car_chart {
margin-left: 1vw; margin-left: 1vw;
margin-top: 1vh;
width: 22vw; width: 22vw;
height: 18vh; height: 18vh;
} }

6
src/views/compositeIndex/components/companyNum.vue
Unescape View File

@ -53,6 +53,7 @@
</template> </template>
<script> <script>
import { statisticsAlarm, statisticsDanger } from "@/api/safetyIndex"; import { statisticsAlarm, statisticsDanger } from "@/api/safetyIndex";
import EleResize from "@/utils/publicMethod_lxy/esresize";
import * as echarts from "echarts"; import * as echarts from "echarts";
export default { export default {
name: "CompanyNum", name: "CompanyNum",
@ -112,7 +113,12 @@ export default {
.map((item) => item.companyTypeSum) .map((item) => item.companyTypeSum)
.slice(0, 4); .slice(0, 4);
let danger_charts = document.getElementById("company_danger_charts"); let danger_charts = document.getElementById("company_danger_charts");
let resize_div = document.getElementById("company_danger_charts");
let myChart = echarts.init(danger_charts); let myChart = echarts.init(danger_charts);
// echarts表自适应
EleResize.on(resize_div, () => {
myChart.resize();
});
let option = { let option = {
grid: { grid: {
top: "15%", top: "15%",

Write Preview
Loading…
Cancel
Save