CNCEC_SUBQHSE_WUHUAN/SGGL/FineUIPro.Web/WorkBench.aspx

331 lines
15 KiB
Plaintext

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WorkBench.aspx.cs" Inherits="FineUIPro.Web.WorkBench" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>工作台</title>
<link href="res/largescreen/css/reset1.css" rel="stylesheet" />
<link href="res/largescreen/css/userPage.css" rel="stylesheet" />
<script src="res/largescreen/libs/flex.js"></script>
<script src="res/largescreen/libs/jquery.js"></script>
<link href="res/css/company.css" rel="stylesheet" />
<style type="text/css">
#mybtn {
width: 1rem;
height:.300rem;
line-height:.300rem;
border-radius:20px;
background:blue;
color:#fff;
text-align:center;
}
</style>
</head>
<body style="overflow: auto;">
<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">
<div class="z-layout">
<div class="z-head">
<div class="z-logo">
<div class="z-tit">
<p>智慧施工管理信息系统</p>
<p>Intelligent construction management information system</p>
</div>
</div>
<div runat="server" class="navbars">
<div id="divgsj" runat="server" class="nav" onclick="gsjkbClick();" style="cursor: pointer">公司级看板</div>
<f:Button runat="server" ID="gsjkb" OnClick="gsjkb_Click" Hidden="true"></f:Button>
<div class="nav" onclick="rwzxClick();" style="cursor: pointer">任务中心</div>
<f:Button runat="server" ID="rwzx" OnClick="rwzx_Click" Hidden="true"></f:Button>
<div class="nav" onclick="xtglClick();" style="cursor: pointer">系统管理</div>
<f:Button runat="server" ID="xtgl" OnClick="xtgl_Click" Hidden="true"></f:Button>
</div>
<div class="user-box">
<div class="langue">
<f:DropDownList runat="server" ID="drpSelectLan" AutoPostBack="true" EmptyText="<%$ Resources:Lan,SelectLanguage %>"
CssClass="icontopaction themes" Width="80px" OnSelectedIndexChanged="drpSelectLan_SelectedIndexChanged">
<f:ListItem Text="中文" Value="zh-CN" />
<f:ListItem Text="English" Value="en-US" />
</f:DropDownList>
</div>
<div class="user" onclick="PersonalFunction()" style="cursor:pointer;" >
<asp:Literal runat="server" ID="lName" />
<f:Button runat="server" ID="btnPersonal" OnClick="btnPersonal_Click" Hidden="true"></f:Button>
</div>
<div class="t-btn1 iconfont icon-tuichu" onclick="SignOutFunction()" style="cursor: pointer">
</div>
</div>
</div>
<div class="z-container">
<div class="z-info">
<div class="z-profile">
<div class="z-img">
<img id="imgPic" runat="server" src="res/largescreen/images/LoginPic.jpg" />
</div>
<h2>
<asp:Literal runat="server" ID="lblName" /></h2>
</div>
<div class="z-infoa">
<div class="z-row">
<div class="z-lab"><span>账</span><span>号</span></div>
<span>:</span>
<div class="z-val">
<asp:Literal runat="server" ID="lAccount" />
</div>
</div>
<div class="z-row">
<div class="z-lab"><span>所</span><span>属</span><span>单</span><span>位</span></div>
<span>:</span>
<div class="z-val">
<asp:Literal runat="server" ID="lUnitName" />
</div>
</div>
<div class="z-row">
<div class="z-lab"><span>邮</span><span>箱</span></div>
<span>:</span>
<div class="z-val">
<asp:Literal runat="server" ID="lEmail" />
</div>
</div>
<div class="z-row">
<div class="z-lab"><span>岗</span><span>位</span></div>
<span>:</span>
<div class="z-val">
<asp:Literal runat="server" ID="lPostName" />
</div>
</div>
</div>
</div>
<div class="z-a">
<div class="z-b">
<div class="z-boxone">
<div class="z-boxone-tit">
<div class="z-boxone-text">待办预警</div>
<div class="z-tabs">
<div class="tab tab-a" onclick="getToDo(1);" style="cursor: pointer">全部</div>
<div class="tab" onclick="getToDo(2);" style="cursor: pointer">待办</div>
<div class="tab" onclick="getToDo(3);" style="cursor: pointer">预警 </div>
</div>
</div>
<div class="z-main">
<div class="z-boxtwo" id="divdbyj">
</div>
</div>
</div>
<div class="z-boxone">
<div class="z-boxone-tit">
<div class="z-boxone-text">通知公告</div>
</div>
<div class="z-main">
<div class="z-boxtwo" id="divNotice">开发中</div>
</div>
</div>
</div>
<div class="z-box">
<div class="z-boxone-tit">
<div class="z-boxone-text">我的项目</div>
<div class="z-tabs">
<div class="tab tab-a" onclick="getProject(1);" style="cursor: pointer">在建</div>
<div class="tab" onclick="getProject(2);" style="cursor: pointer">暂停</div>
<div class="tab" onclick="getProject(3);" style="cursor: pointer">完工</div>
</div>
</div>
<div class="z-main">
<div id="divProject" class="z-boxtwo"></div>
</div>
</div>
</div>
</div>
</div>
</f:ContentPanel>
</Items>
</f:Panel>
<input type="hidden" id="hiddenUrl" value="" runat="server" />
<f:Button runat="server" OnClick="btnshowWindows" ToolTip="打开代办" Hidden="true"
EnablePostBack="true" EnableDefaultState="true" EnableDefaultCorner="false" ID="btnShowWindows">
</f:Button>
<f:Window ID="Window1" Title="待办预警" Hidden="true" EnableIFrame="true" EnableMaximize="true"
Target="Parent" EnableResize="false" runat="server" IsModal="true" Width="1024px"
Height="550px">
</f:Window>
<f:Window ID="Window2" Title="个人信息" Hidden="true" EnableIFrame="true" EnableMaximize="true"
Target="Parent" EnableResize="false" runat="server" IsModal="true" Width="1024px"
Height="550px">
</f:Window>
</form>
</body>
<script type="text/javascript" >
function reloadGrid() {
__doPostBack(null, 'reloadGrid');
}
//弹框代办
function returnWindows(objUrl) {
document.getElementById("hiddenUrl").value = objUrl;
$('#btnShowWindows').click();
}
//我的
function PersonalFunction() {
$('[id$="_btnPersonal"]').click();
}
//退出
function SignOutFunction() {
var bConfirmed = confirm('您确定要退出吗?');
if (bConfirmed) { window.open('login.aspx', '_top'); }
}
var gjskbClientID = '<%= gsjkb.ClientID %>';
var rwzxClientID = '<%= rwzx.ClientID %>';
var xtglClientID = '<%= xtgl.ClientID %>';
function gsjkbClick() {
F(gjskbClientID).click();
}
function rwzxClick() {
F(rwzxClientID).click();
}
function xtglClick() {
F(xtglClientID).click();
}
//当前登录人Id
var userId = '<%=UserId%>';
// 进入页面加载全部
window.onload = function () {
getToDo(1),
getProject(1)
}
//我的项目
function getProject(projectState) {
$.ajax({
type: "POST",
url: "WorkBench.aspx/getProject",
contentType: "application/json; charset=utf-8",
dataType: "json",
data: JSON.stringify({
proState: projectState,
userId: userId
}),
success: function (response) {
console.log(response.d)
console.log($('#divProject'))
$('#divProject').html(response.d)
},
error: function (xhr, status, error) {
console.log(error)
}
});
}
//待办预警
function getToDo(sType) {
$.ajax({
type: "POST",
url: "WorkBench.aspx/getGztm",
contentType: "application/json; charset=utf-8",
dataType: "json",
data: JSON.stringify({
sType: sType,
userId: userId
}),
success: function (response) {
console.log(response.d)
console.log($('#divdbyj'))
$('#divdbyj').html(response.d)
},
error: function (xhr, status, error) {
console.log(error)
}
});
}
</script>
</html>
<script>
$(document).ready(function () {
let toDoIdx = 0
let projectIdx = 3
// 切换中英文
$('.laugue-select').hide();
$('.langue>span').click(function () {
$('.laugue-select').toggle();
})
$('.laugue-select-item').click(function () {
$('.langue>span').text($(this).text());
$('.laugue-select').hide();
})
// 切换菜单
$('.nav').click(function () {
$(this).addClass('nav-a').siblings().removeClass('nav-a');
// 菜单索引 0 公司级看板 1 任务中心 2 系统管理
console.log($(this).data('idx'));
})
// 切换tab
$('.tab').click(function () {
$(this).addClass('tab-a').siblings().removeClass('tab-a');
// 0 全部 1 待办 2 预警 3 在建 4 暂停 5 完工
console.log($(this).data('tabIdx'));
let idx = $(this).data('tabIdx')
if (idx < 3) {
toDoIdx = idx
} else {
projectIdx = idx
}
})
page(9, '.todo', 0)
page(40, '.project', 2)
page(30, '.note', 1)
// 翻页
function page(toDoTotal, ele, type) {
let toDo = ''
for (let i = 1; i <= Math.ceil(toDoTotal / 9); i++) {
if (i == 1) {
toDo += `<div class="page-num page-num-a" data-type='${type}'>${i}</div>`
} else {
toDo += `<div class="page-num" data-type='${type}'>${i}</div>`
}
}
$(`${ele}>.page>.page1`).append(toDo)
$('.page-num').click(function () {
$(this).addClass('page-num-a').siblings().removeClass('page-num-a');
// 0 待办分页 1 通知分页 2 项目分页
console.log($(this).data('type'));
})
// 向前翻页
$('.prev').click(function () {
let pageNum = $('.page-num-a').text();
if (pageNum == 1) {
return
} else {
pageNum--;
$('.page-num').eq(pageNum - 1).addClass('page-num-a').siblings().removeClass('page-num-a');
// 0 待办分页 1 通知分页 2 项目分页
console.log($(this).data('type'));
}
})
// 向后翻页
$('.next').click(function () {
let pageNum = $('.page-num-a').text();
if (pageNum == Math.ceil(toDoTotal / 9)) {
return
} else {
pageNum++;
$('.page-num').eq(pageNum - 1).addClass('page-num-a').siblings().removeClass('page-num-a');
console.log($(this).data('type'));
}
})
}
})
</script>