868 lines
38 KiB
Plaintext
868 lines
38 KiB
Plaintext
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="indexProject.aspx.cs" Inherits="FineUIPro.Web.indexProject" Async="true" AsyncTimeout="360000" %>
|
||
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head runat="server">
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
<meta name="viewport" content="initial-scale=scale,maximum-scale=scale,minimum-scale=scale,user-scalable=no" />
|
||
<title>HSE管理信息系统</title>
|
||
<%-- <link type="text/css" rel="stylesheet" href="~/res/css/default.css" />
|
||
<link rel="stylesheet" href="~/res/indexv1/iconfont/iconfont.css" />
|
||
<link rel="stylesheet" href="~/res/indexv1/css/index2.css" />--%>
|
||
<link rel="stylesheet" href="~/res/indexv2/assets/iconfont/iconfont.css" />
|
||
<link href="~/res/indexv2/assets/css/video-7.15.0.min.css" rel="stylesheet" />
|
||
<link href="~/res/indexv2/assets/css/index6.css" rel="stylesheet" />
|
||
<link href="~/res/indexv2/assets/css/swiper.min.css" rel="stylesheet" />
|
||
<link rel="stylesheet" href="~/res/css/base.css">
|
||
<link rel="stylesheet" href="~/res/css/projectIndex.css">
|
||
<script src="res/lib/flex.js"></script>
|
||
|
||
<style type="text/css">
|
||
.sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item .sd-progress-info {
|
||
color: #fff;
|
||
}
|
||
|
||
.f-tabstrip-header-clip {
|
||
width: 100%;
|
||
height: 35px;
|
||
}
|
||
|
||
.project-select .f-field-dropdownlist-wrap>.f-field-body-cell>.f-field-body-cell-inner>.f-widget-content{
|
||
background-color: #273847;
|
||
color: #ffffff;
|
||
}
|
||
#index-project>.f-field-dropdownlist-pop{
|
||
width: 300px;
|
||
border-radius: 0;
|
||
width: auto !important;
|
||
background-color: rgba(26, 81, 117, 0.20);
|
||
color: #ffffff;
|
||
}
|
||
#index-project>.f-field-dropdownlist-pop::-webkit-scrollbar{
|
||
display: none;
|
||
}
|
||
|
||
.up-wrap {
|
||
height: 55px;
|
||
padding: 0 10px;
|
||
}
|
||
|
||
.item-s {
|
||
padding: 0;
|
||
}
|
||
|
||
.f-btn .f-btn-text {
|
||
vertical-align: baseline !important;
|
||
}
|
||
|
||
.f-state-hover {
|
||
background-color: transparent !important;
|
||
}
|
||
|
||
.bgbtn {
|
||
width: 100%;
|
||
border: none !important;
|
||
background-color: transparent !important;
|
||
padding: 0 !important;
|
||
line-height: 1;
|
||
}
|
||
|
||
.activeClick {
|
||
font-weight: 800;
|
||
color: white !important;
|
||
}
|
||
|
||
.bgbtn .x-frame-ml, .bgbtn .x-frame-mc, .bgbtn .x-frame-mr,
|
||
.bgbtn .x-frame-tl, .bgbtn .x-frame-tc, .bgbtn .x-frame-tr,
|
||
.bgbtn .x-frame-bl, .bgbtn .x-frame-bc, .bgbtn .x-frame-br,
|
||
.bgbtn a:visited, .bgbtn .f-state-focus {
|
||
background-image: none;
|
||
background-color: transparent;
|
||
}
|
||
|
||
.f-state-default, .f-widget-content .f-state-default, .f-widget-header .f-state-default {
|
||
background-image: none;
|
||
background-color: transparent;
|
||
}
|
||
|
||
.header .layui-nav {
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
|
||
.bgbtntop.f-btn.f-state-default .f-icon, .bgbtntop.f-btn.f-state-hover .f-icon, .bgbtntop.f-btn.f-state-focus .f-icon, .bgbtntop.f-btn.f-state-active .f-icon {
|
||
color: #37a6ff;
|
||
}
|
||
|
||
.activeClick .f-icon {
|
||
color: white !important;
|
||
}
|
||
|
||
.f-panel, .f-widget-header, .f-tree-headerstyle .f-panel-body {
|
||
/*background-color: #dfe4f1;*/
|
||
/* color: #fff;*/
|
||
border: none !important;
|
||
font-size: 14px !important;
|
||
}
|
||
|
||
.f-menu-item-text, .f-tree-cell-text, .f-widget-content a, .f-qtip-content {
|
||
/* color: #fff;*/
|
||
}
|
||
|
||
.f-corner-all {
|
||
background-color: #0b5695;
|
||
}
|
||
|
||
.f-state-hover.f-tree-node a {
|
||
color: #37a6ff;
|
||
}
|
||
|
||
.f-state-default, .f-widget-content .f-state-default, .f-widget-header .f-state-default {
|
||
border-color: transparent;
|
||
}
|
||
|
||
/*.bgbtn2 {
|
||
position: absolute;
|
||
width: 100%;
|
||
height: 100%;
|
||
left: 0;
|
||
top: 0;
|
||
}*/
|
||
|
||
.f-tabstrip-align-left .f-tab-header.f-first {
|
||
background-color: #dfe4f1;
|
||
/* color: #fff;*/
|
||
border: none !important;
|
||
}
|
||
|
||
.header .layui-nav .layui-nav-item, .header .layui-nav .layui-nav-item a {
|
||
padding-left: 3px;
|
||
padding-right: 3px;
|
||
}
|
||
|
||
.titler {
|
||
font-size: smaller;
|
||
}
|
||
|
||
.projcet-select {
|
||
float: left;
|
||
height: 30px;
|
||
}
|
||
|
||
.projcet-select .f-state-focus,
|
||
.projcet-select .f-widget-content .f-state-focus,
|
||
.projcet-select .f-widget-header .f-state-focus {
|
||
background-color: #0b5695 !important;
|
||
color: #fff;
|
||
}
|
||
|
||
.f-field-dropdownlist, .f-field-dropdownlist-pop {
|
||
/*background-color:#f2f5f7;*/
|
||
color: #fff;
|
||
/*color: #1ab1ff;*/
|
||
}
|
||
|
||
.f-field-dropdownlist-wrap .f-field-textbox {
|
||
/*width:auto;*/
|
||
border: none !important;
|
||
}
|
||
|
||
.header {
|
||
position: relative;
|
||
}
|
||
|
||
.header .item-pbig {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
}
|
||
|
||
.item-pbig img {
|
||
height: 48px;
|
||
width: auto;
|
||
}
|
||
|
||
.sd-header2-center li > div {
|
||
width: 100%;
|
||
}
|
||
|
||
.top-li-item {
|
||
position: relative;
|
||
}
|
||
|
||
.top-li-item .f-btn-inner {
|
||
display: none;
|
||
}
|
||
|
||
.sd-header .sd-header-top .sd-header-top-right ul li span:nth-child(2n) {
|
||
margin-right: 0;
|
||
}
|
||
|
||
#Panel1_leftPanel_treeMenu .f-state-hover .f-icon {
|
||
color: #fff !important;
|
||
}
|
||
|
||
#Panel1_leftPanel_treeMenu .f-state-hover {
|
||
background: #99e7ff !important;
|
||
}
|
||
|
||
ul .f-state-hover {
|
||
background: #3baae3 !important;
|
||
color: #fff !important;
|
||
}
|
||
|
||
::-webkit-scrollbar {
|
||
height: 0px;
|
||
}
|
||
|
||
.sd-header2 .sd-header2-left .sd-cname {
|
||
font-size: 0.14583rem;
|
||
font-weight: 600;
|
||
letter-spacing: .01042rem;
|
||
}
|
||
|
||
.sd-header2 .sd-header2-center ul li a.activeClick, .sd-header2 .sd-header2-center ul li a:hover {
|
||
color: #0b5695 !important;
|
||
}
|
||
|
||
.sd-header2 .sd-header2-right ul li a:hover {
|
||
color: #fff !important;
|
||
background-image: none !important;
|
||
background-color: transparent !important;
|
||
}
|
||
|
||
|
||
.f-widget-content{
|
||
border: 0;
|
||
}
|
||
|
||
.project-select .f-field-dropdownlist-wrap>.f-field-body-cell>.f-field-body-cell-inner>.f-widget-content{
|
||
background-color: #273847;
|
||
color: #ffffff;
|
||
}
|
||
|
||
#index-project>.f-field-dropdownlist-pop>.f-state-active,#index-project>.f-field-dropdownlist-pop>.f-state-hover{
|
||
background-color: #39658F;
|
||
color: #ffffff;
|
||
}
|
||
.project-select .f-field-dropdownlist-wrap>.f-field-body-cell>.f-field-body-cell-inner>.f-field-triggerbox-icons>.f-icon {
|
||
color: #ffffff;
|
||
}
|
||
.project-select .f-field-dropdownlist-wrap>.f-field-body-cell>.f-field-body-cell-inner> .f-corner-all{
|
||
background-color: rgba(0,0,0,0);
|
||
}
|
||
#index-project>.f-field-dropdownlist-pop{
|
||
border-radius: 0;
|
||
min-width: 120px !important;
|
||
width: auto !important;
|
||
background-color: #214B72;
|
||
color: #ffffff;
|
||
}
|
||
#index-project>.f-field-dropdownlist-pop::-webkit-scrollbar{
|
||
display: none;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="wrap" id="index-project">
|
||
<form id="form1" runat="server">
|
||
|
||
<f:PageManager ID="PageManager1" AutoSizePanelID="Panel1" runat="server"></f:PageManager>
|
||
|
||
<f:Panel ID="Panel1" Layout="Region" ShowBorder="false" ShowHeader="false" runat="server">
|
||
<Items>
|
||
<f:ContentPanel ID="topPanel" CssClass="topregion" RegionPosition="Top" ShowBorder="false" ShowHeader="false" EnableCollapse="true" runat="server">
|
||
<%--头部 开始--%>
|
||
<f:ContentPanel ID="ContentPanel1" CssClass="bodyregion" ShowBorder="false" ShowHeader="false" runat="server">
|
||
<div class="head flex-row">
|
||
<div class="h-nav nav-left flex-row flex-end flex-item-start">
|
||
<%--<div class="h-nav-bar h-nav-bar-active" data-id="1"><f:Button runat="server" CssClass="bgbtn" CssStyle="color: #ffffff;" Text="质量管理" OnClick="btnCQMS_Click" OnClientClick="parent.removeActiveTab();"
|
||
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" ID="btnCQMS">
|
||
</f:Button></div>--%>
|
||
<div class="h-nav-bar" data-id="2"><f:Button runat="server" CssClass="bgbtn" Text="员工管理" CssStyle="color: #ffffff;" OnClick="btnHSSE_Click" OnClientClick="parent.removeActiveTab();"
|
||
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" ID="btnHSSE">
|
||
</f:Button></div>
|
||
<%-- <div class="h-nav-bar" data-id="3"><f:Button runat="server" CssClass="bgbtn" Text="进度管理" CssStyle="color: #ffffff;" OnClick="btnJDGL_Click" OnClientClick="parent.removeActiveTab();"
|
||
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" ID="btnJDGL">
|
||
</f:Button></div>
|
||
<div class="h-nav-bar" data-id="4"><f:Button runat="server" CssClass="bgbtn" Text="焊接管理" CssStyle="color: #ffffff;" OnClick="btnHJGL_Click" OnClientClick="parent.removeActiveTab();"
|
||
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" ID="btnHJGL">
|
||
</f:Button></div>--%>
|
||
</div>
|
||
<div class="logo flex-row flex-center">
|
||
<h1><f:Button runat="server" CssClass="bgbtn2" EnablePostBack="true" CssStyle="color: #ffffff;" Text="HSE管理信息系统" OnClick="btnHome_Click"
|
||
EnableDefaultState="true" EnableDefaultCorner="false" ID="btnHome">
|
||
</f:Button></h1>
|
||
</div>
|
||
<div class="h-nav nav-right flex-row flex-start flex-item-start">
|
||
<%-- <div class="h-nav-bar" data-id="5"><f:Button runat="server" CssClass="bgbtn" Text="视频监控" CssStyle="color: #ffffff;" OnClick="btnDigitalSite_Click" OnClientClick="openVideo();"
|
||
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" ID="btnDigitalSite">
|
||
</f:Button></div>
|
||
<div class="h-nav-bar" data-id="6"><f:Button runat="server" CssClass="bgbtn" Text="现场考勤" CssStyle="color: #ffffff;" OnClick="btnPDigData_Click" OnClientClick="parent.removeActiveTab();"
|
||
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" ID="btnPDigData">
|
||
</f:Button></div>
|
||
<div class="h-nav-bar" data-id="7"><f:Button runat="server" CssClass="bgbtn" Text="分包管理" CssStyle="color: #ffffff;" OnClick="butSubPackMage_Click" OnClientClick="parent.removeActiveTab();"
|
||
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" ID="butSubPackMage">
|
||
</f:Button></div>--%>
|
||
|
||
<div class="h-nav-bar" data-id="8"><f:Button runat="server" CssClass="bgbtn" Text="五星管理" CssStyle="color: #ffffff;" OnClick="butFiveStars_Click" OnClientClick="parent.removeActiveTab();"
|
||
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" ID="btnFiveStars">
|
||
</f:Button></div>
|
||
</div>
|
||
</div>
|
||
<div class="nav-bars flex-row flex-center">
|
||
<div class="project-select flex-row flex-start">
|
||
<f:DropDownList runat="server" MarginBottom="0" ID="drpProject" OnSelectedIndexChanged="drpProject_SelectedIndexChanged"
|
||
AutoPostBack="true" EnableEdit="true">
|
||
</f:DropDownList>
|
||
</div>
|
||
<div class="nav-bar news"><f:Button runat="server" Text="消息" CssClass="bgbtn2" CssStyle="color: #ffffff;" OnClick="btnToDoItem_Click"
|
||
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" ID="btnToDoItem" OnClientClick="parent.removeActiveTab();">
|
||
</f:Button></div>
|
||
<div class="nav-bar user">
|
||
<f:Button runat="server" CssClass="bgbtn2" Text="用户" CssStyle="color: #ffffff;" OnClick="btnPersonal_Click"
|
||
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" ID="btnPersonal" OnClientClick="parent.removeActiveTab();">
|
||
</f:Button></div>
|
||
<div class="nav-bar set"><f:Button runat="server" Text="设置" CssStyle="color: #ffffff;" CssClass="bgbtn2" OnClick="btnProjectSet_Click"
|
||
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" ID="btnSysSet" OnClientClick="parent.removeActiveTab();">
|
||
</f:Button></div>
|
||
<div class="nav-bar exit"><a href="javascript:void(0);" style="color: #ffffff;" onclick="onToolSignOutClick()">退出</a></div>
|
||
<div class="nav-bar full"><div class="t-btn1 icon-quanping_o ab" style="cursor:pointer"><span style="color:#fff">全屏</span></div></div>
|
||
</div>
|
||
</f:ContentPanel>
|
||
<%--头部 结束--%>
|
||
</f:ContentPanel>
|
||
<f:Panel ID="leftPanel" CssClass="leftregion" RegionPosition="Left" RegionSplit="true" RegionSplitWidth="3px"
|
||
ShowBorder="true" Width="250px" ShowHeader="true" Title="系统菜单"
|
||
EnableCollapse="false" Collapsed="false" Layout="Fit" runat="server">
|
||
<Tools>
|
||
<%--自定义展开折叠工具图标--%>
|
||
<f:Tool ID="leftPanelToolCollapse" runat="server" IconFont="ChevronCircleLeft"
|
||
EnablePostBack="false" ToolTip="展开/折叠" Hidden="true">
|
||
<Listeners>
|
||
<f:Listener Event="click" Handler="onLeftPanelToolCollapseClick" />
|
||
</Listeners>
|
||
</f:Tool>
|
||
<f:Tool ID="leftPanelToolGear" runat="server" IconFont="Gear" EnablePostBack="false" Hidden="true" ToolTip="设置">
|
||
<Menu runat="server" ID="menuSettings">
|
||
<f:MenuButton ID="btnExpandAll" Text="展开菜单" EnablePostBack="false" runat="server">
|
||
<Listeners>
|
||
<f:Listener Event="click" Handler="onExpandAllClick" />
|
||
</Listeners>
|
||
</f:MenuButton>
|
||
<f:MenuButton ID="btnCollapseAll" Text="折叠菜单" EnablePostBack="false" runat="server">
|
||
<Listeners>
|
||
<f:Listener Event="click" Handler="onCollapseAllClick" />
|
||
</Listeners>
|
||
</f:MenuButton>
|
||
<f:MenuSeparator runat="server">
|
||
</f:MenuSeparator>
|
||
<f:MenuButton runat="server" EnablePostBack="false" ID="MenuMode" Text="显示模式">
|
||
<Menu runat="server">
|
||
<Items>
|
||
<f:MenuCheckBox Text="普通模式" ID="MenuModeNormal" AttributeDataTag="normal" Checked="true" GroupName="MenuMode" runat="server">
|
||
</f:MenuCheckBox>
|
||
<f:MenuCheckBox Text="紧凑模式" ID="MenuModeCompact" AttributeDataTag="compact" GroupName="MenuMode" runat="server">
|
||
</f:MenuCheckBox>
|
||
<f:MenuCheckBox Text="大字体模式" ID="MenuModeLarge" AttributeDataTag="large" GroupName="MenuMode" runat="server">
|
||
</f:MenuCheckBox>
|
||
</Items>
|
||
<Listeners>
|
||
<f:Listener Event="checkchange" Handler="onMenuModeCheckChange" />
|
||
</Listeners>
|
||
</Menu>
|
||
</f:MenuButton>
|
||
<f:MenuButton EnablePostBack="false" Text="菜单样式" ID="MenuStyle" runat="server">
|
||
<Menu runat="server">
|
||
<Items>
|
||
<f:MenuCheckBox Text="智能树菜单" ID="MenuStyleTree" AttributeDataTag="tree" GroupName="MenuStyle" runat="server">
|
||
</f:MenuCheckBox>
|
||
<f:MenuCheckBox Text="智能树菜单（默认折叠）" ID="MenuStyleMiniModeTree" AttributeDataTag="tree_minimode" GroupName="MenuStyle" runat="server">
|
||
</f:MenuCheckBox>
|
||
<f:MenuCheckBox Text="树菜单" ID="MenuStylePlainTree" AttributeDataTag="plaintree" GroupName="MenuStyle" runat="server" Checked="true">
|
||
</f:MenuCheckBox>
|
||
<%-- <f:MenuCheckBox Text="手风琴+树菜单" ID="MenuStyleAccordion" AttributeDataTag="accordion" GroupName="MenuStyle" runat="server">
|
||
</f:MenuCheckBox>--%>
|
||
</Items>
|
||
<Listeners>
|
||
<f:Listener Event="checkchange" Handler="onMenuStyleCheckChange" />
|
||
</Listeners>
|
||
</Menu>
|
||
</f:MenuButton>
|
||
<f:MenuButton EnablePostBack="false" Text="语言" ID="MenuLang" runat="server">
|
||
<Menu ID="Menu2" runat="server">
|
||
<Items>
|
||
<f:MenuCheckBox Text="简体中文" ID="MenuLangZHCN" AttributeDataTag="zh_CN" Checked="true" GroupName="MenuLang" runat="server">
|
||
</f:MenuCheckBox>
|
||
</Items>
|
||
<Listeners>
|
||
<f:Listener Event="checkchange" Handler="onMenuLangCheckChange" />
|
||
</Listeners>
|
||
</Menu>
|
||
</f:MenuButton>
|
||
</Menu>
|
||
</f:Tool>
|
||
</Tools>
|
||
</f:Panel>
|
||
<f:TabStrip ID="mainTabStrip" CssClass="centerregion" RegionPosition="Center" ShowTabHeader="false"
|
||
ShowBorder="true" EnableTabCloseMenu="true" runat="server">
|
||
<Tabs>
|
||
<%--.f-tabstrip-noheader>.f-panel-header--%>
|
||
<f:Tab ID="Tab1" Title="首页" IconFont="Home" CssClass=".bgbtn"
|
||
EnableIFrame="true" IFrameUrl="~/common/mainProject.aspx" runat="server">
|
||
</f:Tab>
|
||
</Tabs>
|
||
<Tools>
|
||
<f:Tool runat="server" EnablePostBack="false" IconFont="Refresh" MarginRight="5" CssClass="tabtool" ToolTip="刷新本页" ID="toolRefresh">
|
||
<Listeners>
|
||
<f:Listener Event="click" Handler="onToolRefreshClick" />
|
||
</Listeners>
|
||
</f:Tool>
|
||
<f:Tool runat="server" EnablePostBack="false" IconFont="Share" MarginRight="5" CssClass="tabtool" ToolTip="在新标签页中打开" ID="toolNewWindow">
|
||
<Listeners>
|
||
<f:Listener Event="click" Handler="onToolNewWindowClick" />
|
||
</Listeners>
|
||
</f:Tool>
|
||
<f:Tool runat="server" EnablePostBack="false" IconFont="Expand" CssClass="tabtool" ToolTip="最大化" ID="toolMaximize" Hidden="true">
|
||
<Listeners>
|
||
<f:Listener Event="click" Handler="onToolMaximizeClick" />
|
||
</Listeners>
|
||
</f:Tool>
|
||
<f:Tool runat="server" EnablePostBack="false" IconFont="SignOut" Hidden="true"
|
||
CssClass="tabtool" ToolTip="注销" ID="toolSignOut">
|
||
<Listeners>
|
||
<f:Listener Event="click" Handler="onToolSignOutClick" />
|
||
</Listeners>
|
||
</f:Tool>
|
||
</Tools>
|
||
</f:TabStrip>
|
||
</Items>
|
||
</f:Panel>
|
||
<f:Window ID="windowCustomQuery" Title="自定义查询" Hidden="true" EnableIFrame="true" IFrameUrl="./SysManage/CustomQuery.aspx" ClearIFrameAfterClose="false"
|
||
runat="server" IsModal="true" Width="1200px" Height="620px" EnableClose="true"
|
||
EnableMaximize="true" EnableResize="false">
|
||
</f:Window>
|
||
<asp:XmlDataSource ID="XmlDataSource1" runat="server" EnableCaching="false"></asp:XmlDataSource>
|
||
<f:SimpleForm ID="SimpleForm1" runat="server" ShowBorder="true" ShowHeader="false" Hidden="true"
|
||
LabelWidth="80px" BodyPadding="5px" Width="350px">
|
||
<Items>
|
||
<f:HiddenField runat="server" ID="hfProjectCode"></f:HiddenField>
|
||
<f:HiddenField runat="server" ID="hfMonitorPW"></f:HiddenField>
|
||
</Items>
|
||
</f:SimpleForm>
|
||
</form>
|
||
<script type="text/javascript">
|
||
var toolRefreshClientID = '<%= toolRefresh.ClientID %>';
|
||
var toolNewWindowClientID = '<%= toolNewWindow.ClientID %>';
|
||
var mainTabStripClientID = '<%= mainTabStrip.ClientID %>';
|
||
var windowCustomQueryClientID = '<%= windowCustomQuery.ClientID %>';
|
||
var MenuStyleClientID = '<%= MenuStyle.ClientID %>';
|
||
var MenuLangClientID = '<%= MenuLang.ClientID %>';
|
||
var topPanelClientID = '<%= topPanel.ClientID %>';
|
||
var leftPanelClientID = '<%= leftPanel.ClientID %>';
|
||
var leftPanelToolGearClientID = '<%= leftPanelToolGear.ClientID %>';
|
||
var leftPanelToolCollapseClientID = '<%= leftPanelToolCollapse.ClientID %>';
|
||
var tab1ClientID = '<%= Tab1.ClientID %>';
|
||
// 展开左侧面板
|
||
function expandLeftPanel() {
|
||
var leftPanel = F(leftPanelClientID);
|
||
|
||
// 获取左侧树控件实例
|
||
var leftMenuTree = leftPanel.items[0];
|
||
leftMenuTree.miniMode = false;
|
||
leftPanel.el.removeClass('minimodeinside');
|
||
leftPanel.setWidth(220);
|
||
F(leftPanelToolGearClientID).show();
|
||
F(leftPanelToolCollapseClientID).setIconFont('chevron-circle-left');
|
||
// 重新加载树菜单
|
||
leftMenuTree.loadData();
|
||
}
|
||
|
||
// 展开左侧面板
|
||
function collapseLeftPanel() {
|
||
var leftPanel = F(leftPanelClientID);
|
||
// 获取左侧树控件实例
|
||
var leftMenuTree = leftPanel.items[0];
|
||
leftMenuTree.miniMode = true;
|
||
leftMenuTree.miniModePopWidth = 220;
|
||
leftPanel.el.addClass('minimodeinside');
|
||
leftPanel.setWidth(50);
|
||
F(leftPanelToolGearClientID).hide();
|
||
F(leftPanelToolCollapseClientID).setIconFont('chevron-circle-right');
|
||
// 重新加载树菜单
|
||
leftMenuTree.loadData();
|
||
}
|
||
|
||
// 自定义展开折叠工具图标
|
||
function onLeftPanelToolCollapseClick(event) {
|
||
var leftPanel = F(leftPanelClientID);
|
||
var menuStyle = F.cookie('MenuStyle_Pro') || 'tree';
|
||
|
||
if (menuStyle === 'tree' || menuStyle === 'tree_minimode') {
|
||
// 获取左侧树控件实例
|
||
var leftMenuTree = leftPanel.items[0];
|
||
|
||
// 设置 miniMode 模式
|
||
if (leftMenuTree.miniMode) {
|
||
expandLeftPanel();
|
||
} else {
|
||
collapseLeftPanel();
|
||
}
|
||
|
||
// 对左侧面板重新布局
|
||
leftPanel.doLayout();
|
||
} else {
|
||
leftPanel.toggleCollapse();
|
||
}
|
||
}
|
||
|
||
function myFunction() {
|
||
$('[id$="_toolRefresh"]').click();
|
||
}
|
||
|
||
// 点击展开菜单
|
||
function onExpandAllClick(event) {
|
||
var leftPanel = F(leftPanelClientID);
|
||
var firstChild = leftPanel.items[0];
|
||
|
||
if (firstChild.isType('tree')) {
|
||
// 左侧为树控件
|
||
firstChild.expandAll();
|
||
} else {
|
||
// 左侧为树控件+手风琴控件
|
||
var activePane = firstChild.getActivePane();
|
||
if (activePane) {
|
||
activePane.items[0].expandAll();
|
||
}
|
||
}
|
||
}
|
||
|
||
// 点击折叠菜单
|
||
function onCollapseAllClick(event) {
|
||
var leftPanel = F(leftPanelClientID);
|
||
var firstChild = leftPanel.items[0];
|
||
|
||
if (firstChild.isType('tree')) {
|
||
// 左侧为树控件
|
||
firstChild.collapseAll();
|
||
} else {
|
||
// 左侧为树控件+手风琴控件
|
||
var activePane = firstChild.getActivePane();
|
||
if (activePane) {
|
||
activePane.items[0].collapseAll();
|
||
}
|
||
}
|
||
}
|
||
|
||
function onSearchTrigger1Click(event) {
|
||
F.removeCookie('SearchText_Pro');
|
||
top.window.location.reload();
|
||
}
|
||
|
||
function onSearchTrigger2Click(event) {
|
||
F.cookie('SearchText_Pro', this.getValue(), {
|
||
expires: 100 // 单位：天
|
||
});
|
||
top.window.location.reload();
|
||
}
|
||
// 点击标题栏工具图标 - 刷新
|
||
function onToolRefreshClick(event) {
|
||
var mainTabStrip = F(mainTabStripClientID);
|
||
var activeTab = mainTabStrip.getActiveTab();
|
||
if (activeTab.iframe) {
|
||
var iframeWnd = activeTab.getIFrameWindow();
|
||
iframeWnd.location.reload();
|
||
}
|
||
}
|
||
|
||
// 点击标题栏工具图标 - 在新标签页中打开
|
||
function onToolNewWindowClick(event) {
|
||
var mainTabStrip = F(mainTabStripClientID);
|
||
var activeTab = mainTabStrip.getActiveTab();
|
||
if (activeTab.iframe) {
|
||
var iframeUrl = activeTab.getIFrameUrl();
|
||
iframeUrl = iframeUrl.replace(/\/mobile\/\?file=/ig, '/mobile/');
|
||
window.open(iframeUrl, '_blank');
|
||
}
|
||
}
|
||
|
||
// 点击标题栏工具图标 - 注销
|
||
function onToolSignOutClick(event) {
|
||
var bConfirmed = confirm('您确定要退出吗?');
|
||
if (bConfirmed) { window.open('login.aspx', '_top'); }
|
||
}
|
||
|
||
// 点击标题栏工具图标 - 最大化
|
||
function onToolMaximizeClick(event) {
|
||
var topPanel = F(topPanelClientID);
|
||
var leftPanel = F(leftPanelClientID);
|
||
|
||
var currentTool = this;
|
||
if (currentTool.iconFont.indexOf('expand') >= 0) {
|
||
topPanel.collapse();
|
||
currentTool.setIconFont('compress');
|
||
|
||
collapseLeftPanel();
|
||
} else {
|
||
topPanel.expand();
|
||
currentTool.setIconFont('expand');
|
||
|
||
expandLeftPanel();
|
||
}
|
||
}
|
||
|
||
// 添加示例标签页
|
||
// id： 选项卡ID
|
||
// iframeUrl: 选项卡IFrame地址
|
||
// title： 选项卡标题
|
||
// icon： 选项卡图标
|
||
// createToolbar： 创建选项卡前的回调函数（接受tabOptions参数）
|
||
// refreshWhenExist： 添加选项卡时，如果选项卡已经存在，是否刷新内部IFrame
|
||
// iconFont： 选项卡图标字体
|
||
function addExampleTab(tabOptions) {
|
||
if (typeof (tabOptions) === 'string') {
|
||
tabOptions = {
|
||
id: arguments[0],
|
||
iframeUrl: arguments[1],
|
||
title: arguments[2],
|
||
icon: arguments[3],
|
||
createToolbar: arguments[4],
|
||
refreshWhenExist: arguments[5],
|
||
iconFont: arguments[6]
|
||
};
|
||
}
|
||
|
||
F.addMainTab(F(mainTabStripClientID), tabOptions);
|
||
}
|
||
|
||
// 移除选中标签页
|
||
function removeActiveTab() {
|
||
var mainTabStrip = F(mainTabStripClientID);
|
||
var activeTab = mainTabStrip.getActiveTab();
|
||
if (activeTab) {
|
||
if (activeTab.id != tab1ClientID) {
|
||
activeTab.hide();
|
||
removeActiveTab();
|
||
}
|
||
}
|
||
}
|
||
|
||
// 获取当前激活选项卡的ID
|
||
function getActiveTabId() {
|
||
var mainTabStrip = F(mainTabStripClientID);
|
||
var activeTab = mainTabStrip.getActiveTab();
|
||
if (activeTab) {
|
||
return activeTab.id;
|
||
}
|
||
return '';
|
||
}
|
||
|
||
// 激活选项卡，并刷新其中的内容，示例：表格控件->杂项->在新标签页中打开（关闭后刷新父选项卡）
|
||
function activeTabAndRefresh(tabId) {
|
||
var mainTabStrip = F(mainTabStripClientID);
|
||
var targetTab = mainTabStrip.getTab(tabId);
|
||
if (targetTab) {
|
||
mainTabStrip.activeTab(targetTab);
|
||
targetTab.refreshIFrame();
|
||
}
|
||
}
|
||
// 点击标题栏工具图标 - 查看源代码
|
||
var videoURL = '<%=VideoURL %>'
|
||
|
||
function openVideo() {
|
||
if (videoURL) {
|
||
var username = $('#<%= hfProjectCode.ClientID %>-inputEl').val()
|
||
var password = $('#<%= hfMonitorPW.ClientID %>-inputEl').val();
|
||
if (password != "") {
|
||
window.open(videoURL + "#/screen?username=" + username + "&password=" + password, '_blank');
|
||
} else {
|
||
alert("该项目未关联监控信息！");
|
||
}
|
||
}
|
||
else {
|
||
alert("您没有权限！");
|
||
}
|
||
}
|
||
|
||
// 激活选项卡，并刷新其中的内容，示例：表格控件->杂项->在新标签页中打开（关闭后更新父选项卡中的表格）
|
||
function activeTabAndUpdate(tabId, param1) {
|
||
var mainTabStrip = F(mainTabStripClientID);
|
||
var targetTab = mainTabStrip.getTab(tabId);
|
||
if (targetTab) {
|
||
mainTabStrip.activeTab(targetTab);
|
||
targetTab.getIFrameWindow().updatePage(param1);
|
||
}
|
||
}
|
||
|
||
// 通知框
|
||
function notify(msg) {
|
||
F.notify({
|
||
message: msg,
|
||
messageIcon: 'information',
|
||
target: '_top',
|
||
header: false,
|
||
displayMilliseconds: 3 * 1000,
|
||
positionX: 'center',
|
||
positionY: 'center'
|
||
});
|
||
}
|
||
|
||
// 点击菜单样式
|
||
function onMenuStyleCheckChange(event, item, checked) {
|
||
var menuStyle = item.getAttr('data-tag');
|
||
F.cookie('MenuStyle_Pro', menuStyle, {
|
||
expires: 100 // 单位：天
|
||
});
|
||
top.window.location.reload();
|
||
}
|
||
|
||
// 点击显示模式
|
||
function onMenuModeCheckChange(event, item, checked) {
|
||
var menuMode = item.getAttr('data-tag');
|
||
|
||
F.cookie('MenuMode_Pro', menuMode, {
|
||
expires: 100 // 单位：天
|
||
});
|
||
top.window.location.reload();
|
||
}
|
||
|
||
// 点击语言
|
||
function onMenuLangCheckChange(event, item, checked) {
|
||
var lang = item.getAttr('data-tag');
|
||
F.cookie('Language_Pro', lang, {
|
||
expires: 100 // 单位：天
|
||
});
|
||
top.window.location.reload();
|
||
}
|
||
|
||
// 点击标题栏工具图标 - 退出
|
||
function onSignOutClick(event) {
|
||
var bConfirmed = confirm('您确定要退出吗?');
|
||
if (bConfirmed) { window.close(); }
|
||
}
|
||
|
||
///个人信息
|
||
function onUserProfileClick() {
|
||
var windowUserProfile = F(windowUserProfileClientID);
|
||
windowUserProfile.show();
|
||
}
|
||
|
||
F.ready(function () {
|
||
$('.h-nav-bar').click(function(e) {
|
||
|
||
let id = $(this).data('id')
|
||
$('.h-nav-bar').removeClass('h-nav-bar-active')
|
||
$(this).addClass('h-nav-bar-active')
|
||
|
||
|
||
|
||
});
|
||
|
||
|
||
$(".sd-header2-center li").click(function () {
|
||
var $item = $('.f-tabstrip-header')
|
||
$item.attr('style', ";display:block !important;")
|
||
});
|
||
|
||
$(".js-showTab-item").click(function () {
|
||
var $item = $('.f-tabstrip-header')
|
||
$item.attr('style', ";display:block !important;")
|
||
});
|
||
|
||
$(".js-hiddenTab-item").click(function () {
|
||
var $item = $('.f-tabstrip-header')
|
||
$item.attr('style', ";display:none !important;")
|
||
$(".bgbtn,.bgbtntop").removeClass("activeClick")
|
||
});
|
||
$(".bgbtn,.bgbtntop").click(function () {
|
||
// 切换下tab样式
|
||
var $this = $(this)
|
||
if (!$this.hasClass('activeClick')) {
|
||
if ($this.hasClass('bgbtn')) {
|
||
$(".bgbtn").removeClass('activeClick')
|
||
} else {
|
||
$(".bgbtntop").removeClass('activeClick')
|
||
}
|
||
$this.addClass('activeClick')
|
||
}
|
||
});
|
||
var mainTabStrip = F(mainTabStripClientID);
|
||
var leftPanel = F(leftPanelClientID);
|
||
var mainMenu = leftPanel.items[0];
|
||
|
||
// 初始化主框架中的树(或者Accordion+Tree)和选项卡互动，以及地址栏的更新
|
||
// treeMenu： 主框架中的树控件实例，或者内嵌树控件的手风琴控件实例
|
||
// mainTabStrip： 选项卡实例
|
||
// updateLocationHash: 切换Tab时，是否更新地址栏Hash值
|
||
// refreshWhenExist： 添加选项卡时，如果选项卡已经存在，是否刷新内部IFrame
|
||
// refreshWhenTabChange: 切换选项卡时，是否刷新内部IFrame
|
||
F.initTreeTabStrip(mainMenu, mainTabStrip, true, false, false);
|
||
//var themeTitle = F.cookie('Theme_Pro_Title');
|
||
//var themeName = F.cookie('Theme_Pro');
|
||
//if (themeTitle) {
|
||
// F.removeCookie('Theme_Pro_Title');
|
||
// //notify('主题更改为：' + themeTitle + '（' + themeName + '）');
|
||
//}
|
||
|
||
});
|
||
|
||
// 全屏
|
||
document.querySelector('.ab').onclick = function () {
|
||
const element = document.documentElement
|
||
if (document.fullscreenElement) {
|
||
// 退出
|
||
// 如果浏览器有这个Function
|
||
if (document.exitFullscreen) {
|
||
document.exitFullscreen()
|
||
} else if (document.webkitCancelFullScreen) {
|
||
document.webkitCancelFullScreen()
|
||
} else if (document.mozCancelFullScreen) {
|
||
document.mozCancelFullScreen()
|
||
} else if (document.msExitFullscreen) {
|
||
document.msExitFullscreen()
|
||
}
|
||
} else {
|
||
// 全屏
|
||
// 如果浏览器有这个Function
|
||
if (element.requestFullscreen) {
|
||
element.requestFullscreen()
|
||
} else if (element.webkitRequestFullScreen) {
|
||
element.webkitRequestFullScreen()
|
||
} else if (element.mozRequestFullScreen) {
|
||
element.mozRequestFullScreen()
|
||
} else if (element.msRequestFullscreen) {
|
||
element.msRequestFullscreen()
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
<script type="text/javascript">
|
||
function initEvent() {
|
||
$('#selectAreaID').on('click', function () {
|
||
$('#selectAreaBoxID').show();
|
||
});
|
||
|
||
$('#selectAreaBoxID').on('click', ' .sd-select-box-item', function (e) {
|
||
var id = e.currentTarget.dataset.id;
|
||
$('#selectAreaBoxID').hide();
|
||
$('.sd-select-name').html($(this).html());
|
||
console.log('select id', id);
|
||
});
|
||
}
|
||
|
||
$('.sd-select-area').hover(function () {
|
||
$('#selectAreaBoxID').show();
|
||
}, function () {
|
||
$('#selectAreaBoxID').hide();
|
||
})
|
||
|
||
$(function () {
|
||
initEvent();
|
||
});
|
||
</script>
|
||
|
||
|
||
</body>
|
||
</html>
|