lpf/xinjiang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改看板

Browse Source
This commit is contained in:
潘鸿锋
2024-12-09 10:44:06 +08:00
parent c9877bc6bc
commit 5bb35a53d5
11 changed files with 358 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files
SGGL/FineUIPro.Web/common/mainNew.aspx
+106 -15
View File
@@ -39,13 +39,13 @@
<div class="z-val"><span id="NumberBox4" runat="server">0</span><span class="z-unit">小时</span></div>
</div>
</div>
<div class="z-s">
<%-- <div class="z-s">
<div class="z-w">
<div class="z-lab">特种作业（工作票）</div>
<div class="z-val"><span id="NumberBox5" runat="server">0</span><span class="z-unit">项</span></div>
</div>
</div>
<div class="z-s">
</div>--%>
<div class="z-s">
<div class="z-w">
<div class="z-lab">高危作业</div>
<div class="z-val"><span id="NumberBox6" runat="server">0</span><span class="z-unit">项</span></div>
@@ -121,6 +121,17 @@
<div class="z-val"><span id="NumberBox20" runat="server">0</span><span class="z-unit">项</span></div>
</div>
</div>
<div class="z-s4" style="margin-top:20px">
<div class="z-w1">
<div class="z-lab">领导个人行动计划</div>
<div class="z-val"><span id="NumberBox39" runat="server">0</span><span class="z-unit">次</span></div>
</div>
<div class="z-w1">
<div class="z-lab">安全行为观察与沟通</div>
<div class="z-val"><span id="NumberBox40" runat="server">0</span><span class="z-unit">次</span></div>
</div>
</div>
</div>
<div class="z-center">
<div class="z-p">
@@ -136,6 +147,7 @@
<div class="z-map">
<div id="cMap"></div>
</div>
<div id="zhuimap"></div>
</div>
<div class="z-side">
<div class="z-s1">
@@ -144,14 +156,22 @@
<div class="z-val"><span id="NumberBox21" runat="server">0</span><span class="z-unit">项</span></div>
</div>
<div class="z-s-box">
<div class="z_box">
<div class="z-b-lab">重大风险</div>
<div class="z-b-val"><span id="NumberBox22" runat="server">0</span> <span class="z-unit">项</span> </div>
</div>
<div class="z_box">
<div class="z-b-lab">一般风险</div>
<div class="z-b-val"><span id="NumberBox23" runat="server">0</span> <span class="z-unit">项</span> </div>
</div>
<div class="z_box">
<div class="z-b-lab">低风险</div>
<div class="z-b-val"><span id="NumberBox41" runat="server">0</span> <span class="z-unit">项</span> </div>
</div>
<div class="z_box">
<div class="z-b-lab">一般风险</div>
<div class="z-b-val"><span id="NumberBox23" runat="server">0</span> <span class="z-unit">项</span> </div>
</div>
<div class="z_box">
<div class="z-b-lab">较大风险</div>
<div class="z-b-val"><span id="NumberBox42" runat="server">0</span> <span class="z-unit">项</span> </div>
</div>
<div class="z_box">
<div class="z-b-lab">重大风险</div>
<div class="z-b-val"><span id="NumberBox22" runat="server">0</span> <span class="z-unit">项</span> </div>
</div>
</div>
</div>
<div class="z-s3">
@@ -233,12 +253,12 @@
<div class="z-s4">
<div class="z-w1">
<div class="z-lab">领导个人行动计划</div>
<div class="z-val"><span id="NumberBox39" runat="server">0</span><span class="z-unit">次</span></div>
<div class="z-lab">一般隐患</div>
<div class="z-val"><span id="NumberBox43" runat="server">0</span><span class="z-unit">次</span></div>
</div>
<div class="z-w1">
<div class="z-lab">安全行为观察与沟通</div>
<div class="z-val"><span id="NumberBox40" runat="server">0</span><span class="z-unit">次</span></div>
<div class="z-lab">较大隐患</div>
<div class="z-val"><span id="NumberBox44" runat="server">0</span><span class="z-unit">次</span></div>
</div>
</div>
@@ -455,4 +475,75 @@
let clientWidth = document.body.clientWidth
return size * (clientWidth / initWidth)
}
createZHUIMap()
function createZHUIMap() {
let data = [
{ val: 1, value: 1, name: '重大故障' }, // value 控制漏斗图的占比 不动
{ val: 29, value: 2, name: '故障' },
{ val: 300, value: 3, name: '(Trouble)' },
]
var chartDom = document.getElementById('zhuimap');
var myChart = echarts.init(chartDom);
var option;
option = {
title: {
bottom: '10%',
left: 'center',
text: `(${data[2].val}:${data[1].val}:${data[0].val})`,
textStyle: {
fontSize: resetSize(14),
color: '#ffffff'
}
},
series: [
{
name: 'Funnel',
type: 'funnel',
left: '10%',
top: '15%',
width: '80%',
height: '60%',
minSize: '0%',
maxSize: '100%',
sort: 'ascending',
gap: 0,
label: {
show: true,
position: 'inside',
fontSize: resetSize(10),
color: '#ffffff',
formatter: (h) => {
let data = h.data
return `${data.val}次\n${data.name}`
}
},
labelLine: {
length: 10,
lineStyle: {
width: 1,
type: 'solid'
}
},
itemStyle: {
borderColor: '#fff',
borderWidth: 0,
},
emphasis: {
label: {
fontSize: resetSize(10)
}
},
data
}
]
};
option && myChart.setOption(option);
}
</script>