1、系统菜单调整；
2、系统看板UI调整； 3、事故事件功能 4、其他
This commit is contained in:
+408
-382
@@ -7,340 +7,369 @@
|
||||
<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>安全数据采集平台</title>
|
||||
<script src="./res/lib/flex.js"></script>
|
||||
<link rel="shortcut icon" type="image/x-icon" href="~/favicon.ico" />
|
||||
<script src="res/lib/flex.js"></script>
|
||||
<%--
|
||||
<link rel="stylesheet" href="~/res/indexv1/iconfont/iconfont.css" />
|
||||
<link rel="stylesheet" href="~/res/indexv1/css/index1.css" />
|
||||
<link type="text/css" rel="stylesheet" href="~/res/css/default.css" />
|
||||
<link href="res/index/css/home.css" rel="stylesheet" />--%>
|
||||
|
||||
<link href="~/res/indexv2/assets/iconfont/iconfont.css" rel="stylesheet" />
|
||||
<link href="~/res/indexv2/assets/css/video-7.15.0.min.css" rel="stylesheet" />
|
||||
<link href="~/res/indexv2/assets/css/index8.css" rel="stylesheet" />
|
||||
<link href="~/res/css/mainindex.css" rel="stylesheet" />
|
||||
>
|
||||
<style type="text/css">
|
||||
html {
|
||||
min-height: auto;
|
||||
}
|
||||
<link rel="stylesheet" href="~/res/homecss/common.css?v=202512">
|
||||
<link rel="stylesheet" href="~/res/homecss/head.css?v=202512">
|
||||
|
||||
<style>
|
||||
.f-tabstrip-header-clip {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.sd-index1-body {
|
||||
background-image: none;
|
||||
}
|
||||
.activeClick {
|
||||
font-weight: 800;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.f-widget-content {
|
||||
border: none;
|
||||
background: none;
|
||||
}
|
||||
</style>
|
||||
<style type="text/css">
|
||||
.f-tabstrip-header-clip {
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
}
|
||||
#index .f-widget-content {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.up-wrap {
|
||||
height: 55px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.libtn {
|
||||
background: red;
|
||||
}
|
||||
|
||||
.item-s {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
#index .navbar .f-btn .f-btn-text {
|
||||
font-size: .2rem;
|
||||
line-height: .375rem;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.f-btn .f-btn-text {
|
||||
vertical-align: baseline !important;
|
||||
}
|
||||
#index h1 .f-btn .f-btn-text {
|
||||
color: #ffffff;
|
||||
font-size: .375rem;
|
||||
}
|
||||
|
||||
.f-state-hover {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
#index .li .f-btn .f-btn-text {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.bgbtn {
|
||||
width: 100%;
|
||||
border: none !important;
|
||||
background-color: transparent !important;
|
||||
padding: 0 !important;
|
||||
#index .li .f-state-default .f-icon {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
#index .li .f-btn, #index .navbar .f-btn, #index h1 .f-btn {
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.isFull {
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
#index .libtn {
|
||||
font-size: 0.175rem;
|
||||
color: #ffffff;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#index .iconfont {
|
||||
font-size: 0.175rem;
|
||||
}
|
||||
|
||||
#index .libtn .f-btn-icon {
|
||||
font-size: 0.175rem;
|
||||
}
|
||||
|
||||
#index .libtn .f-btn-inner {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#index .f-state-default .f-icon {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
#index .f-btn {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#index .navbtn {
|
||||
color: #ffffff;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
font-size: .175rem;
|
||||
display: flex !important;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#index .navbtn .f-btn-inner {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.activeClick {
|
||||
font-weight: 800;
|
||||
color: white !important;
|
||||
}
|
||||
#index .f-btn .f-btn-text {
|
||||
line-height: 1;
|
||||
font-size: .175rem;
|
||||
}
|
||||
|
||||
.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: #333;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.f-menu-item-text, .f-tree-cell-text, .f-widget-content a, .f-qtip-content {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.f-corner-all {
|
||||
background-color: #dfe4f1;
|
||||
}
|
||||
|
||||
.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: #333;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
#t-main #form1 .f-tabstrip-body .f-panel-bodyct {
|
||||
background-color: #263849;
|
||||
}
|
||||
|
||||
#t-main > .f-panel-bodyct {
|
||||
background-color: #263746;
|
||||
}
|
||||
</style>
|
||||
#index .logoBtn {
|
||||
color: #ffffff;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="t-main" id="t-main">
|
||||
<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="t-head">
|
||||
<div class="t-head-top image-full flex-row">
|
||||
<div class="t-head-navs flex-row flex-item-end">
|
||||
<div class="t-head-nav">
|
||||
<f:Button runat="server" CssClass="bgbtn" Text="安全管理" CssStyle="color: #ffffff;" OnClick="btnHSSE_Click"
|
||||
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" ID="btnHSSE" OnClientClick="parent.removeActiveTab();">
|
||||
</f:Button>
|
||||
</div>
|
||||
<div class="t-head-nav">
|
||||
<f:Button runat="server" CssClass="bgbtn" Text="质量管理" CssStyle="color: #ffffff;" OnClick="btnCQMS_Click"
|
||||
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" ID="btnCQMS" OnClientClick="parent.removeActiveTab();">
|
||||
</f:Button>
|
||||
</div>
|
||||
<div class="t-head-nav">
|
||||
<f:Button runat="server" CssClass="bgbtn" Text="报表管理" CssStyle="color: #ffffff;" OnClick="btnReport_Click"
|
||||
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" ID="btnReport" OnClientClick="parent.removeActiveTab();">
|
||||
</f:Button>
|
||||
</div>
|
||||
<body id="index" style="background-color: #001B35;">
|
||||
<div class="z-page">
|
||||
<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 id="app" class="container">
|
||||
<header v-cloak style=" background-color: #001B35;">
|
||||
<div class="nav-box" style="padding-left: 0.3rem;">
|
||||
<div class="logo-img"></div>
|
||||
<div class="navs" style="justify-content: flex-end;">
|
||||
<div :class="['nav', 'nav-l', navIdx==1?'nav-l-active':'']" @click="onSwitchMenu(1)">
|
||||
<f:Button runat="server" CssClass="navbtn" Text="安全管理" ID="btnHsse" OnClick="btnMenuSwitch_Click" AttributeDataTag="Menu_S_HSSE"
|
||||
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" OnClientClick="parent.removeActiveTab();">
|
||||
</f:Button>
|
||||
</div>
|
||||
<div :class="['nav', 'nav-l', navIdx==2?'nav-l-active':'']" @click="onSwitchMenu(2)">
|
||||
<f:Button runat="server" CssClass="navbtn" Text="质量管理" ID="btnCQMS" OnClick="btnMenuSwitch_Click" AttributeDataTag="Menu_S_CQMS"
|
||||
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" OnClientClick="parent.removeActiveTab();">
|
||||
</f:Button>
|
||||
</div>
|
||||
<div :class="['nav', 'nav-l', navIdx==3?'nav-l-active':'']" @click="onSwitchMenu(3)">
|
||||
<f:Button runat="server" CssClass="navbtn" Text="报表管理" ID="btnReport" OnClick="btnMenuSwitch_Click" AttributeDataTag="Menu_S_Report"
|
||||
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" OnClientClick="parent.removeActiveTab();">
|
||||
</f:Button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="logo-tit" style="position: relative;" id="title">
|
||||
<%-- 使用服务器端代码动态生成标题内容 --%>
|
||||
<%= this.Title %>
|
||||
<f:Button runat="server" Text="" CssClass="logoBtn" EnablePostBack="true" OnClick="btnHome_Click"
|
||||
EnableDefaultState="true" EnableDefaultCorner="false" ID="divTitle" OnClientClick="parent.removeActiveTab();">
|
||||
</f:Button>
|
||||
</div>
|
||||
<div class="nav-box" style="padding-right: 0.3rem;">
|
||||
<div class="navs" style="justify-content: flex-start;">
|
||||
<div :class="['nav', 'nav-r', navIdx==4?'nav-r-active':'']" @click="onSwitchMenu(4)">
|
||||
<f:Button runat="server" CssClass="navbtn" Text="资源库" ID="btnDigData" OnClick="btnMenuSwitch_Click" AttributeDataTag="Menu_DigData"
|
||||
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" OnClientClick="parent.removeActiveTab();">
|
||||
</f:Button>
|
||||
</div>
|
||||
<div :class="['nav', 'nav-r', navIdx==5?'nav-r-active':'']" @click="onSwitchMenu(5)">
|
||||
<f:Button runat="server" CssClass="navbtn" Text="项目清单" ID="btnProject" OnClick="btnMenuSwitch_Click" AttributeDataTag="Menu_Project"
|
||||
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" OnClientClick="parent.removeActiveTab();">
|
||||
</f:Button>
|
||||
</div>
|
||||
<div :class="['nav', 'nav-r', navIdx==6?'nav-r-active':'']" @click="onSwitchMenu(6)">
|
||||
<f:Button runat="server" CssClass="navbtn" Text="系统设置" ID="btnSysSet" OnClick="btnMenuSwitch_Click" AttributeDataTag="Menu_SysSet"
|
||||
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" OnClientClick="parent.removeActiveTab();">
|
||||
</f:Button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="timer">
|
||||
<p><span>{{timer.city}}</span><span>{{timer.time}}</span></p>
|
||||
<p><span>{{timer.date}}</span><span>{{timer.week}}</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="set">
|
||||
<div >
|
||||
<f:Button ID="btnIcon1" Text="视频" IconFont="VideoCamera" runat="server" CssClass="libtn" OnClientClick="openVideo()" />
|
||||
</div>
|
||||
<div >
|
||||
<f:Button ID="userName" runat="server" Text="用户" IconFont="User" runat="server" CssClass="libtn" Badge="true" BadgeText="0" BadgeType="Error" OnClientClick="parent.removeActiveTab();" OnClick="btnPersonal_Click" />
|
||||
</div>
|
||||
<%--<div>
|
||||
<f:Button ID="Button1" Text="门户" IconFont="Home" runat="server" CssClass="libtn" OnClick="btnGateway_Click" />
|
||||
</div>--%>
|
||||
<div class="iconfont icon-nav08 isFull">全屏</div>
|
||||
<div>
|
||||
<f:Button ID="btnSignOut" Text="退出" CssClass="libtn" IconFont="PowerOff" runat="server" OnClick="btnSignOut_Click" />
|
||||
</div>
|
||||
<div style="opacity: 0;">
|
||||
<f:Button ID="btnRetweet" Text="刷新" IconFont="Retweet" runat="server" CssClass="libtn" OnClick="btnRetweet_Click" OnClientClick="parent.removeActiveTab();" Hidden="true" />
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
</div>
|
||||
<div class="t-head-log flex-row flex-center" onclick="onHomeClick()" style="cursor: pointer;">安全数据采集平台（公司）</div>
|
||||
<div class="t-head-navs flex-row flex-item-end flex-end">
|
||||
<div class="t-head-nav">
|
||||
<f:Button runat="server" CssClass="bgbtn" Text="资源库" CssStyle="color: #ffffff;" OnClick="btnDigData_Click"
|
||||
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" ID="btnDigData" OnClientClick="parent.removeActiveTab();">
|
||||
</f:Button>
|
||||
</div>
|
||||
<div class="t-head-nav">
|
||||
<f:Button runat="server" CssClass="bgbtn" Text="项目清单" CssStyle="color: #ffffff;" OnClick="btnProject_Click"
|
||||
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" ID="btnProject" OnClientClick="parent.removeActiveTab();">
|
||||
</f:Button>
|
||||
</div>
|
||||
<div class="t-head-nav">
|
||||
<f:Button runat="server" CssClass="bgbtn" Text="系统设置" CssStyle="color: #ffffff;" OnClick="btnSysSet_Click"
|
||||
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" ID="btnSysSet" OnClientClick="parent.removeActiveTab();">
|
||||
</f:Button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="t-head-sets flex-row flex-center">
|
||||
<div class="t-head-set user">
|
||||
<f:Button runat="server" Text="用户" CssStyle="color: #ffffff;" OnClick="btnPersonal_Click" OnClientClick="parent.removeActiveTab();"
|
||||
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" ID="btnPersonal">
|
||||
</f:Button>
|
||||
</div>
|
||||
<div class="t-head-set exit"><a href="javascript:void(0);" onclick="onToolSignOutClick()" style="color: #ffffff;">退出</a></div>
|
||||
<div class="t-head-set full">全屏</div>
|
||||
<div class="top-li-item">
|
||||
<f:Button runat="server" CssClass="bgbtntop" Text="刷新" ToolTip="刷新菜单" IconFont="Retweet" OnClick="btnRetweet_Click"
|
||||
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" ID="btnRetweet" OnClientClick="parent.removeActiveTab();">
|
||||
</f:Button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</f:ContentPanel>
|
||||
<%--头部 结束--%>
|
||||
</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>
|
||||
<f:Panel ID="leftPanel" CssClass="menu" RegionPosition="Left" RegionSplit="true" RegionSplitWidth="10px"
|
||||
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="checkchange" Handler="onMenuModeCheckChange" />
|
||||
<f:Listener Event="click" Handler="onExpandAllClick" />
|
||||
</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: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"
|
||||
EnableIFrame="true" IFrameUrl="~/common/main.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>
|
||||
<f:HiddenField runat="server" ID="hdHomePage"></f:HiddenField>
|
||||
<asp:XmlDataSource ID="XmlDataSource1" runat="server" EnableCaching="false"></asp:XmlDataSource>
|
||||
<f:Button runat="server" ID="btnHome" OnClick="btnHome_Click"></f:Button>
|
||||
</form>
|
||||
</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"
|
||||
EnableIFrame="true" IFrameUrl="~/common/main_Hsse.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>
|
||||
</form>
|
||||
</div>
|
||||
<script src="./res/lib/vue.min.js"></script>
|
||||
<script>
|
||||
new Vue({
|
||||
el: "#app",
|
||||
data() {
|
||||
return {
|
||||
navIdx: 0,
|
||||
timer: {
|
||||
date: "",
|
||||
time: "",
|
||||
city: "",
|
||||
T: "15-26℃",
|
||||
week: "",
|
||||
},
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
setInterval(() => {
|
||||
this.getLocation();
|
||||
}, 1000);
|
||||
},
|
||||
methods: {
|
||||
onSwitchMenu(idx) {
|
||||
this.navIdx = idx;
|
||||
},
|
||||
onRefresh() {
|
||||
alert("刷新");
|
||||
},
|
||||
getLocation() {
|
||||
let date = new Date();
|
||||
this.timer.time = `${date.getHours().toString().padStart(2, "0")}:${date.getMinutes().toString().padStart(2, "0")}:${date.getSeconds().toString().padStart(2, '0')}`;
|
||||
this.timer.date = `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, "0")}-${date.getDate().toString().padStart(2, "0")}`;
|
||||
this.timer.city = "北京市";
|
||||
this.timer.week = "星期" + "日一二三四五六".charAt(date.getDay());
|
||||
}
|
||||
},
|
||||
})
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
var toolRefreshClientID = '<%= toolRefresh.ClientID %>';
|
||||
var toolNewWindowClientID = '<%= toolNewWindow.ClientID %>';
|
||||
@@ -352,7 +381,6 @@
|
||||
var leftPanelClientID = '<%= leftPanel.ClientID %>';
|
||||
var leftPanelToolGearClientID = '<%= leftPanelToolGear.ClientID %>';
|
||||
var leftPanelToolCollapseClientID = '<%= leftPanelToolCollapse.ClientID %>';
|
||||
var btnHomeClientID = '<%= btnHome.ClientID %>';
|
||||
var tab1ClientID = '<%= Tab1.ClientID %>';
|
||||
// 展开左侧面板
|
||||
function expandLeftPanel() {
|
||||
@@ -368,7 +396,17 @@
|
||||
// 重新加载树菜单
|
||||
leftMenuTree.loadData();
|
||||
}
|
||||
<%-- var videoURL = '<%=VideoURL %>'
|
||||
function openVideo() {
|
||||
if (videoURL) {
|
||||
|
||||
window.open(videoURL, '_blank');
|
||||
|
||||
}
|
||||
else {
|
||||
alert("您没有权限！");
|
||||
}
|
||||
}--%>
|
||||
// 展开左侧面板
|
||||
function collapseLeftPanel() {
|
||||
var leftPanel = F(leftPanelClientID);
|
||||
@@ -407,15 +445,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
// 点击标题栏工具图标 - 切换首页
|
||||
function onToolSignChangeHomePageClick(event) {
|
||||
F(btnChangeHomePageClientID).click();
|
||||
}
|
||||
|
||||
function onHomeClick(event) {
|
||||
F(btnHomeClientID).click();
|
||||
}
|
||||
|
||||
// 点击展开菜单
|
||||
function onExpandAllClick(event) {
|
||||
var leftPanel = F(leftPanelClientID);
|
||||
@@ -619,58 +648,17 @@
|
||||
var windowUserProfile = F(windowUserProfileClientID);
|
||||
windowUserProfile.show();
|
||||
}
|
||||
function isFullScreen() {
|
||||
return !!(document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement);
|
||||
}
|
||||
// 进入全屏
|
||||
function requestFullScreen(element) {
|
||||
if (element.requestFullscreen) {
|
||||
element.requestFullscreen();
|
||||
} else if (element.mozRequestFullScreen) {
|
||||
element.mozRequestFullScreen();
|
||||
} else if (element.webkitRequestFullscreen) {
|
||||
element.webkitRequestFullscreen();
|
||||
} else if (element.msRequestFullscreen) {
|
||||
element.msRequestFullscreen();
|
||||
}
|
||||
}
|
||||
|
||||
// 退出全屏
|
||||
function exitFullScreen() {
|
||||
if (document.exitFullscreen) {
|
||||
document.exitFullscreen();
|
||||
} else if (document.mozCancelFullScreen) {
|
||||
document.mozCancelFullScreen();
|
||||
} else if (document.webkitExitFullscreen) {
|
||||
document.webkitExitFullscreen();
|
||||
} else if (document.msExitFullscreen) {
|
||||
document.msExitFullscreen();
|
||||
}
|
||||
}
|
||||
F.ready(function () {
|
||||
// 切换tab
|
||||
$('.t-head-nav').click(function (e) {
|
||||
let id = $(this).data('id')/**/
|
||||
$('.t-head-nav').removeClass('t-head-nav-hover')
|
||||
$(this).addClass('t-head-nav-hover')
|
||||
});
|
||||
// 全屏
|
||||
$('.full').on('click', function () {
|
||||
if (isFullScreen()) {
|
||||
// 处于全屏
|
||||
exitFullScreen()
|
||||
} else {
|
||||
// 未处于全屏
|
||||
requestFullScreen(document.querySelector(".t-main"));
|
||||
}
|
||||
|
||||
|
||||
$('.nav-box div').click(function () {
|
||||
$('.navbtn').removeClass('active')
|
||||
$(this).addClass('active')
|
||||
})
|
||||
|
||||
//点头部菜单，显示标签“首页”
|
||||
$(".sd-header-bottom li").click(function () {
|
||||
$(".navbtn").click(function () {
|
||||
var $item = $('.f-tabstrip-header')
|
||||
$item.attr('style', ";display:block !important;")
|
||||
$item.attr('style', ";display:block !important;height:40px;")
|
||||
});
|
||||
|
||||
$(".js-showTab-item").click(function () {
|
||||
@@ -708,24 +696,62 @@
|
||||
// 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 + '）');
|
||||
//}
|
||||
|
||||
|
||||
|
||||
|
||||
//var themeTitle = F.cookie('Theme_Pro_Title');
|
||||
//var themeName = F.cookie('Theme_Pro');
|
||||
//if (themeTitle) {
|
||||
// F.removeCookie('Theme_Pro_Title');
|
||||
// //notify('主题更改为：' + themeTitle + '（' + themeName + '）');
|
||||
//}
|
||||
|
||||
<%-- var badge = $('#notification-badge');
|
||||
var count = <%= BLL.WorkflowTodoitemsService.GetWorkflow_TodoItemCountByReceiver(this.CurrUser.UserId)%>;
|
||||
if (count > 0) {
|
||||
badge.text(count).show();
|
||||
} else {
|
||||
badge.hide();
|
||||
}--%>
|
||||
});
|
||||
|
||||
|
||||
$('.isFull').on('click', function () {
|
||||
if (isFullScreen()) {
|
||||
// 处于全屏
|
||||
exitFullScreen()
|
||||
} else {
|
||||
// 未处于全屏
|
||||
requestFullScreen(document.querySelector("body"));
|
||||
}
|
||||
})
|
||||
|
||||
function isFullScreen() {
|
||||
return !!(document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement);
|
||||
}
|
||||
// 进入全屏
|
||||
function requestFullScreen(element) {
|
||||
if (element.requestFullscreen) {
|
||||
element.requestFullscreen();
|
||||
} else if (element.mozRequestFullScreen) {
|
||||
element.mozRequestFullScreen();
|
||||
} else if (element.webkitRequestFullscreen) {
|
||||
element.webkitRequestFullscreen();
|
||||
} else if (element.msRequestFullscreen) {
|
||||
element.msRequestFullscreen();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// 退出全屏
|
||||
function exitFullScreen() {
|
||||
if (document.exitFullscreen) {
|
||||
document.exitFullscreen();
|
||||
} else if (document.mozCancelFullScreen) {
|
||||
document.mozCancelFullScreen();
|
||||
} else if (document.webkitExitFullscreen) {
|
||||
document.webkitExitFullscreen();
|
||||
} else if (document.msExitFullscreen) {
|
||||
document.msExitFullscreen();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user