273 lines
13 KiB
Plaintext
273 lines
13 KiB
Plaintext
|
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RishAnalysis.aspx.cs" Inherits="FineUIPro.Web.HSSE.HiddenInspection.RishAnalysis" %>
|
||
|
|
|
||
|
|
<!DOCTYPE html>
|
||
|
|
|
||
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||
|
|
<head runat="server">
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
|
|
<script src="../Controls/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
|
||
|
|
|
||
|
|
<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>
|
||
|
|
<title>隐患整改统计</title>
|
||
|
|
<style type="text/css">
|
||
|
|
.labcenter {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.f-grid-row .f-grid-cell-inner {
|
||
|
|
white-space: normal;
|
||
|
|
word-break: break-all;
|
||
|
|
}
|
||
|
|
|
||
|
|
.LabelColor {
|
||
|
|
color: Red;
|
||
|
|
font-size: small;
|
||
|
|
}
|
||
|
|
|
||
|
|
.f-grid-row.Yellow {
|
||
|
|
background-color: Yellow;
|
||
|
|
}
|
||
|
|
|
||
|
|
.f-grid-row.Green {
|
||
|
|
background-color: LightGreen;
|
||
|
|
}
|
||
|
|
|
||
|
|
.f-grid-row.Red {
|
||
|
|
background-color: Red;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<form id="form1" runat="server">
|
||
|
|
<f:PageManager ID="PageManager1" AutoSizePanelID="Panel1" runat="server" />
|
||
|
|
<f:TabStrip ID="TabStrip1" IsFluid="true" ShowBorder="true" TabPosition="Top"
|
||
|
|
EnableTabCloseMenu="false" ActiveTabIndex="0" runat="server">
|
||
|
|
<Tabs>
|
||
|
|
<f:Tab Title="表格" BodyPadding="10px" Layout="Fit" runat="server">
|
||
|
|
<Items>
|
||
|
|
<f:Panel ID="Panel1" runat="server" Margin="5px" BodyPadding="5px" ShowBorder="false"
|
||
|
|
ShowHeader="false" Layout="VBox" BoxConfigAlign="Stretch">
|
||
|
|
<Items>
|
||
|
|
<f:Grid ID="Grid1" ShowBorder="true" ShowHeader="false" Title="隐患整改单统计" EnableCollapse="true"
|
||
|
|
runat="server" BoxFlex="1" DataKeyNames="DataId" DataIDField="DataId" AllowSorting="true" SortField="DataAllName,DataName"
|
||
|
|
SortDirection="ASC" OnSort="Grid1_Sort" EnableColumnLines="true" AllowPaging="true" ForceFit="true"
|
||
|
|
IsDatabasePaging="true" PageSize="15" OnPageIndexChange="Grid1_PageIndexChange" EnableTextSelection="True">
|
||
|
|
<Toolbars>
|
||
|
|
<f:Toolbar ID="Toolbar2" Position="Top" runat="server" ToolbarAlign="Left">
|
||
|
|
<Items>
|
||
|
|
<f:DropDownList runat="server" ID="drpProject" Label="项目" LabelWidth="50px" Width="320px" EnableEdit="true" Hidden="true">
|
||
|
|
</f:DropDownList>
|
||
|
|
<f:DropDownList runat="server" ID="drpUnit" Label="单位" LabelWidth="50px" Width="280px" EnableEdit="true">
|
||
|
|
</f:DropDownList>
|
||
|
|
<f:DatePicker runat="server" DateFormatString="yyyy-MM-dd" Label="开始日期" ID="txtStartTime"
|
||
|
|
AutoPostBack="true" OnTextChanged="TextBox_TextChanged" LabelAlign="right" Width="210px" LabelWidth="80px">
|
||
|
|
</f:DatePicker>
|
||
|
|
<f:DatePicker runat="server" DateFormatString="yyyy-MM-dd" Label="结束日期" ID="txtEndTime"
|
||
|
|
AutoPostBack="true" OnTextChanged="TextBox_TextChanged" LabelAlign="right" Width="210px" LabelWidth="80px">
|
||
|
|
</f:DatePicker>
|
||
|
|
|
||
|
|
<f:ToolbarFill ID="ToolbarFill1" runat="server">
|
||
|
|
</f:ToolbarFill>
|
||
|
|
<f:Button ID="btnSearch" ToolTip="统计" Icon="SystemSearch" OnClick="TextBox_TextChanged" runat="server">
|
||
|
|
</f:Button>
|
||
|
|
<f:Button ID="btnOut" OnClick="btnOut_Click" runat="server" ToolTip="导出" Icon="FolderUp"
|
||
|
|
EnableAjax="false" DisableControlBeforePostBack="false">
|
||
|
|
</f:Button>
|
||
|
|
</Items>
|
||
|
|
</f:Toolbar>
|
||
|
|
</Toolbars>
|
||
|
|
<Columns>
|
||
|
|
<f:TemplateField ColumnID="tfPageIndex" Width="50px" HeaderText="序号" HeaderTextAlign="Center" TextAlign="Center"
|
||
|
|
EnableLock="true" Locked="False">
|
||
|
|
<ItemTemplate>
|
||
|
|
<asp:Label ID="lblPageIndex" runat="server" Text='<%# Grid1.PageIndex * Grid1.PageSize + Container.DataItemIndex + 1 %>'></asp:Label>
|
||
|
|
</ItemTemplate>
|
||
|
|
</f:TemplateField>
|
||
|
|
<%-- <f:RenderField Width="250px" ColumnID="DataAllName" DataField="DataAllName" FieldType="String"
|
||
|
|
HeaderText="项目" TextAlign="Left" HeaderTextAlign="Center">
|
||
|
|
</f:RenderField>--%>
|
||
|
|
<f:RenderField Width="250px" ColumnID="DataName" DataField="DataName" FieldType="String"
|
||
|
|
HeaderText="单位" TextAlign="Left" HeaderTextAlign="Center">
|
||
|
|
</f:RenderField>
|
||
|
|
<f:RenderField Width="100px" ColumnID="DataSumCount" DataField="DataSumCount" FieldType="Int"
|
||
|
|
HeaderText="总数" TextAlign="Left" HeaderTextAlign="Center">
|
||
|
|
</f:RenderField>
|
||
|
|
<f:RenderField Width="100px" ColumnID="DataCount1" DataField="DataCount1" FieldType="Int"
|
||
|
|
HeaderText="待整改" TextAlign="Left" HeaderTextAlign="Center">
|
||
|
|
</f:RenderField>
|
||
|
|
<f:RenderField Width="100px" ColumnID="DataCount2" DataField="DataCount2" FieldType="Int"
|
||
|
|
HeaderText="已整改" TextAlign="Left" HeaderTextAlign="Center">
|
||
|
|
</f:RenderField>
|
||
|
|
<f:RenderField Width="100px" ColumnID="DataCount3" DataField="DataCount3" FieldType="Int"
|
||
|
|
HeaderText="已闭环" TextAlign="Left" HeaderTextAlign="Center">
|
||
|
|
</f:RenderField>
|
||
|
|
<f:TemplateField ColumnID="DataCountRate" Width="120px" HeaderText="整改完成率" HeaderTextAlign="Center"
|
||
|
|
TextAlign="Left">
|
||
|
|
<ItemTemplate>
|
||
|
|
<asp:Label ID="DataCountRate" runat="server" Text='<%# ConvertDataCountRate(Eval("DataCountRate")) %>'></asp:Label>
|
||
|
|
</ItemTemplate>
|
||
|
|
</f:TemplateField>
|
||
|
|
|
||
|
|
</Columns>
|
||
|
|
<PageItems>
|
||
|
|
<f:ToolbarSeparator ID="ToolbarSeparator1" runat="server">
|
||
|
|
</f:ToolbarSeparator>
|
||
|
|
<f:ToolbarText ID="ToolbarText1" runat="server" Text="每页记录数：">
|
||
|
|
</f:ToolbarText>
|
||
|
|
<f:DropDownList runat="server" ID="ddlPageSize" Width="80px" AutoPostBack="true"
|
||
|
|
OnSelectedIndexChanged="ddlPageSize_SelectedIndexChanged">
|
||
|
|
</f:DropDownList>
|
||
|
|
<f:ToolbarFill runat="server">
|
||
|
|
</f:ToolbarFill>
|
||
|
|
</PageItems>
|
||
|
|
</f:Grid>
|
||
|
|
</Items>
|
||
|
|
</f:Panel>
|
||
|
|
</Items>
|
||
|
|
</f:Tab>
|
||
|
|
<f:Tab Title="图表" BodyPadding="10px" runat="server">
|
||
|
|
<Items>
|
||
|
|
|
||
|
|
|
||
|
|
<f:Panel ID="Panel3" CssClass="blockpanel" runat="server" EnableCollapse="false"
|
||
|
|
BodyPadding="10px" ShowBorder="true" ShowHeader="false">
|
||
|
|
<Items>
|
||
|
|
<f:Form ID="Form3" 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="Panel4" CssClass="blockpanel" runat="server" EnableCollapse="false" MarginTop="10px"
|
||
|
|
BodyPadding="10px" ShowBorder="true" ShowHeader="false">
|
||
|
|
<Items>
|
||
|
|
<f:TabStrip ID="TabStrip2" CssClass="f-tabstrip-theme-simple" Height="600px" 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" >
|
||
|
|
|
||
|
|
<div id="divAccidentTime" style=" width:1200px; height: 550px;">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</f:ContentPanel>
|
||
|
|
</Items>
|
||
|
|
</f:Tab>
|
||
|
|
</Tabs>
|
||
|
|
</f:TabStrip>
|
||
|
|
</Items>
|
||
|
|
</f:Panel>
|
||
|
|
|
||
|
|
|
||
|
|
</Items>
|
||
|
|
</f:Tab>
|
||
|
|
|
||
|
|
</Tabs>
|
||
|
|
</f:TabStrip>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</form>
|
||
|
|
</body>
|
||
|
|
<script language="javascript">
|
||
|
|
|
||
|
|
function rendChart(legend, xAxis, series) {
|
||
|
|
debugger;
|
||
|
|
option = {
|
||
|
|
tooltip: {
|
||
|
|
trigger: 'axis',
|
||
|
|
axisPointer: {
|
||
|
|
axisLabel: { show: false },// 坐标轴指示器，坐标轴触发有效
|
||
|
|
type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
legend: {
|
||
|
|
show: false,
|
||
|
|
data: legend
|
||
|
|
},
|
||
|
|
grid: {
|
||
|
|
left: '3%',
|
||
|
|
right: '4%',
|
||
|
|
bottom: '10%',
|
||
|
|
containLabel: true
|
||
|
|
},
|
||
|
|
dataZoom: [
|
||
|
|
// {
|
||
|
|
// id: 'dataZoomX',
|
||
|
|
// type: 'inside',
|
||
|
|
// xAxisIndex: [0],
|
||
|
|
// filterMode: 'filter'
|
||
|
|
// },
|
||
|
|
{
|
||
|
|
id: 'dataZoomY',
|
||
|
|
type: 'inside',
|
||
|
|
yAxisIndex: [0],
|
||
|
|
// filterMode: 'empty',
|
||
|
|
// height: 120,
|
||
|
|
width:4,
|
||
|
|
start: 1, end: 50
|
||
|
|
}
|
||
|
|
],
|
||
|
|
xAxis: [
|
||
|
|
{
|
||
|
|
axisLabel: { interval: 0, show: true },
|
||
|
|
type: 'category',
|
||
|
|
data: xAxis
|
||
|
|
}
|
||
|
|
],
|
||
|
|
yAxis: [
|
||
|
|
{
|
||
|
|
type: 'value'
|
||
|
|
}
|
||
|
|
],
|
||
|
|
series: series
|
||
|
|
};
|
||
|
|
if (xAxis.length >5) {
|
||
|
|
option.dataZoom = [{
|
||
|
|
type: 'slider',
|
||
|
|
show: true,
|
||
|
|
startValue: 0,
|
||
|
|
endValue: 4,
|
||
|
|
height: '10',
|
||
|
|
backgroundColor: '#aed0ea',
|
||
|
|
fillerColor: '#107f8b',
|
||
|
|
bottom: '4%',
|
||
|
|
zoomLock: true,
|
||
|
|
moveOnMouseWheel: true,
|
||
|
|
brushSelect: true,
|
||
|
|
showDetail: false,
|
||
|
|
}]
|
||
|
|
}
|
||
|
|
|
||
|
|
var myChart = echarts.init(document.getElementById("divAccidentTime"));
|
||
|
|
myChart.setOption(option);
|
||
|
|
}
|
||
|
|
|
||
|
|
rendChart(<%=legend%>,<%=xAxis%>,<%=series%>)
|
||
|
|
|
||
|
|
</script>
|
||
|
|
</html>
|