128 lines
7.0 KiB
Plaintext
128 lines
7.0 KiB
Plaintext
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RiskAnalysisChart.aspx.cs"
|
|
Inherits="FineUIPro.Web.HSSE.HiddenInspection.RiskAnalysisChart" %>
|
|
|
|
<%@ Register Src="~/Controls/UnitProjectTControl.ascx" TagName="UnitProjectTControl" TagPrefix="uc1" %>
|
|
|
|
<%@ Register Src="~/Controls/ChartControl.ascx" TagName="ChartControl" TagPrefix="uc1" %>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head runat="server">
|
|
<title>巡检分析(图表)</title>
|
|
<link href="../../res/css/common.css" rel="stylesheet" type="text/css" />
|
|
<script type="text/javascript" src="../../res/index/js/echarts.min.js"></script>
|
|
<script type="text/javascript" src="../../res/index/js/jquery-3.4.1.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<form id="form1" runat="server">
|
|
<%--<f:PageManager ID="PageManager1" runat="server" AutoSizePanelID="RegionPanel1" AjaxAspnetControls="divAccidentUnit,divAccidentTime" />--%>
|
|
<f:PageManager ID="PageManager1" AutoSizePanelID="Panel1" runat="server" />
|
|
<f:Panel ID="Panel1" runat="server" ShowBorder="false" ShowHeader="false" Layout="Region">
|
|
<Items>
|
|
<f:Panel runat="server" ID="panelLeftRegion" RegionPosition="Left" RegionSplit="true"
|
|
EnableCollapse="true" Width="380" Title="公司-项目" TitleToolTip="公司-项目" ShowBorder="true"
|
|
ShowHeader="true" AutoScroll="true" BodyPadding="5px" IconFont="ArrowCircleLeft" Layout="Fit">
|
|
<Items>
|
|
<f:ContentPanel ID="ContentPanel1" runat="server" ShowHeader="false" EnableCollapse="true" AutoScroll="true"
|
|
BodyPadding="0px">
|
|
<uc1:UnitProjectTControl ID="ucTree" runat="server" Onchange="changeTree" />
|
|
</f:ContentPanel>
|
|
</Items>
|
|
</f:Panel>
|
|
|
|
<f:Panel runat="server" ID="panelCenterRegion" RegionPosition="Center" ShowBorder="true"
|
|
Layout="VBox" ShowHeader="false" BodyPadding="5px" IconFont="PlusCircle" AutoScroll="true">
|
|
<Items>
|
|
<f:Panel ID="panelLeftRegion2" CssClass="blockpanel" runat="server" EnableCollapse="false"
|
|
BodyPadding="10px" ShowBorder="true" ShowHeader="false">
|
|
<Items>
|
|
<f:Form ID="Form2" ShowHeader="false" ShowBorder="false" runat="server">
|
|
<Rows>
|
|
<f:FormRow ColumnWidths="20% 3% 20% 30% 15% 10%">
|
|
<Items>
|
|
<f:DatePicker ID="txtStartRectificationTime" runat="server" Label="检查时间" LabelAlign="Right"
|
|
LabelWidth="80px">
|
|
</f:DatePicker>
|
|
<f:Label ID="Label3" runat="server" Text="至" Width="5px">
|
|
</f:Label>
|
|
<f:DatePicker ID="txtEndRectificationTime" runat="server">
|
|
</f:DatePicker>
|
|
<f:RadioButtonList ID="rblState" runat="server" Label="分析类型" LabelWidth="80px" Width="250px"
|
|
AutoPostBack="true" OnSelectedIndexChanged="drpChartType_SelectedIndexChanged">
|
|
<f:RadioItem Value="0" Selected="true" Text="按责任单位" />
|
|
<f:RadioItem Value="1" Text="按检查项" />
|
|
</f:RadioButtonList>
|
|
<f:Button ID="BtnAnalyse" Text="统计" Icon="ChartPie" runat="server" OnClick="BtnAnalyse_Click">
|
|
</f:Button>
|
|
</Items>
|
|
</f:FormRow>
|
|
</Rows>
|
|
</f:Form>
|
|
</Items>
|
|
</f:Panel>
|
|
<f:Panel ID="panelLeftRegion3" CssClass="blockpanel" runat="server" EnableCollapse="false" MarginTop="10px"
|
|
BodyPadding="10px" ShowBorder="true" ShowHeader="false">
|
|
<Items>
|
|
<f:TabStrip ID="TabStrip1" CssClass="f-tabstrip-theme-simple" Height="400px" ShowBorder="true"
|
|
TabPosition="Top" MarginBottom="5px" EnableTabCloseMenu="false" runat="server">
|
|
<Tabs>
|
|
<f:Tab ID="Tab2" Title="按类别" BodyPadding="5px" Layout="Fit" IconFont="Bookmark" runat="server"
|
|
TitleToolTip="按类别统计">
|
|
<Items>
|
|
<f:ContentPanel ShowHeader="false" runat="server" ID="cpAccidentTime" Margin="0 0 0 0" AutoScroll="true">
|
|
<div id="divAccidentTime" style="width: 1500px; height: 300px;">
|
|
</div>
|
|
</f:ContentPanel>
|
|
</Items>
|
|
</f:Tab>
|
|
</Tabs>
|
|
</f:TabStrip>
|
|
</Items>
|
|
</f:Panel>
|
|
</Items>
|
|
</f:Panel>
|
|
</Items>
|
|
</f:Panel>
|
|
|
|
</form>
|
|
</body>
|
|
<script language="javascript">
|
|
function rendChart(legend, xAxis, series) {
|
|
option = {
|
|
tooltip: {
|
|
trigger: 'axis',
|
|
axisPointer: { // 坐标轴指示器，坐标轴触发有效
|
|
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
|
}
|
|
},
|
|
legend: {
|
|
data: legend
|
|
},
|
|
grid: {
|
|
left: '3%',
|
|
right: '4%',
|
|
bottom: '3%',
|
|
containLabel: true
|
|
},
|
|
xAxis: [
|
|
{
|
|
axisLabel: { interval: 0 },
|
|
type: 'category',
|
|
data: xAxis
|
|
}
|
|
],
|
|
yAxis: [
|
|
{
|
|
type: 'value'
|
|
}
|
|
],
|
|
series: series
|
|
};
|
|
var myChart = echarts.init(document.getElementById("divAccidentTime"));
|
|
myChart.setOption(option);
|
|
}
|
|
|
|
rendChart(<%=legend%>,<%=xAxis%>,<%=series%>)
|
|
|
|
</script>
|
|
</html>
|