Files
HTCloud/HT.Cloud.Web/Views/Home/Index.cshtml

491 lines
20 KiB
Plaintext
Raw Normal View History

2023-03-03 16:07:50 +08:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>@ViewBag.ProjectName</title>
<meta name="keywords" content="layuimini,layui,layui模板,layui后台,后台模板,admin,admin模板,layui mini">
<meta name="description" content="layuimini基于layui的轻量级前端后台管理框架最简洁、易用的后台框架模板面向所有层次的前后端程序,只需提供一个接口就直接初始化整个框架,无需复杂操作。">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<script src="~/lib/jquery-3.4.1/jquery-3.4.1.min.js?v=@HT.Cloud.Code.GlobalContext.GetVersion()" charset="utf-8"></script>
<link rel="icon" href="@ViewBag.LogoIcon">
<link rel="stylesheet" href="~/lib/layui/css/layui.css?v=@HT.Cloud.Code.GlobalContext.GetVersion()" media="all">
<link rel="stylesheet" href="~/css/layuimini.css?v=@HT.Cloud.Code.GlobalContext.GetVersion()" media="all">
<link rel="stylesheet" href="~/css/themes/default.css?v=@HT.Cloud.Code.GlobalContext.GetVersion()" media="all">
<link rel="stylesheet" href="~/lib/font-awesome-4.7.0/css/font-awesome.min.css?v=@HT.Cloud.Code.GlobalContext.GetVersion()" media="all">
<style id="layuimini-bg-color">
</style>
2024-10-12 11:15:47 +08:00
<style>
.layuimini-tab {
margin: 0px;
overflow: hidden;
height: 100% !important;
}
.layuimini-tab .layui-tab-content {
height: calc(100% - 37px) !important;
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
}
.layuimini-tab .layui-tab-content .layui-tab-item {
height: 100%;
}
.layuimini-tab .layui-tab-content {
padding: 0px;
}
.layuimini-tab .layui-tab-title {
border: none;
border: 1px solid #181B20;
background-color: #181B20;
}
.layuimini-tab .layui-tab-title li {
border-right: 1px solid #23262E;
color: dimgray;
}
.layuimini-tab .layui-tab-title .layui-tab-bar {
display: none;
}
.layuimini-tab .layui-tab-title .layui-this:after {
display: none;
}
.layuimini-tab .layui-tab-title .layuimini-tab-active {
display: inline-block;
background-color: lightgray;
width: 9px;
height: 9px;
border-radius: 30px;
margin-right: 5px;
}
.layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active {
background-color: #ffffff;
}
.layuimini-tab > .layui-tab-title, .layuimini-tab > .close-box {
height: 35px !important;
}
.layuimini-tab > .layui-tab-title li, .layuimini-tab > .close-box li {
line-height: 35px !important;
}
.layuimini-tab .layui-tab-title span {
color: #666;
}
.layuimini-tab .layui-tab-title .layui-this span {
color: #ffffff;
}
.layuimini-tab .layui-tab-title .layui-tab-close {
font-size: 12px !important;
width: 14px !important;
height: 14px !important;
line-height: 16px !important;
}
.layuimini-tab .layui-tab-title .layui-tab-close:hover {
border-radius: 4em;
background: #ff5722;
}
.layuimini-tab .layui-tab-title .disable-close + .layui-tab-close {
display: none;
}
.layuimini-tab .layui-tab-title .able-close + .layui-tab-close {
display: inline-block;
}
.layuimini-tab .layui-tab-control > li {
position: absolute;
top: 0px;
height: 35px;
line-height: 35px;
width: 35px;
text-align: center;
background-color: #1f2c39;
border-top: whitesmoke 0px solid;
border-bottom: whitesmoke 0px solid;
border-left: 1px solid #23262E;
border-right: 1px solid #23262E;
}
.layuimini-tab .layuimini-tab-roll-left {
left: 0px;
border-right: whitesmoke 1px solid;
border-left: whitesmoke 1px solid;
}
.layuimini-tab .layuimini-tab-roll-right {
right: 35px;
border-left: 1px solid whitesmoke;
}
.layuimini-tab .layui-tab-tool {
right: 0px;
border-left: 1px solid whitesmoke;
}
.layuimini-tab .layui-tab-control .layui-tab-tool,
.layuimini-tab .layui-tab-control .layuimini-tab-roll-left,
.layuimini-tab .layui-tab-control .layuimini-tab-roll-right {
display: none;
background: #181B20;
}
/* .layuimini-tab .layui-tab-control .layui-tab-tool .layui-icon .layui-icon-down,
.layuimini-tab .layui-tab-control .layuimini-tab-roll-left .layui-icon .layui-icon-left,
.layuimini-tab .layui-tab-control .layuimini-tab-roll-right .layui-icon .layui-icon-right {
border-top-width: 6px;
} */
/* .layuimini-tab .layui-tab-control > li{
border-top-width: 0px;
border-bottom-width: 0px;
border-left: 1px solid red;
border-right: 1px solid red;
} */
.layuimini-tab.layui-tab-roll .layui-tab-control .layuimini-tab-roll-left,
.layuimini-tab.layui-tab-roll .layui-tab-control .layuimini-tab-roll-right {
display: block;
}
.layuimini-tab.layui-tab-roll .layui-tab-control .layuimini-tab-roll-right {
right: 0px;
border-right: 1px solid whitesmoke;
}
.layuimini-tab.layui-tab-roll .layui-tab-title {
padding-left: 35px;
padding-right: 35px;
}
.layuimini-tab.layui-tab-tool .layui-tab-control .layui-tab-tool {
display: block;
}
.layuimini-tab.layui-tab-tool .layui-tab-title {
padding-left: 0px;
padding-right: 35px;
}
.layuimini-tab.layui-tab-rollTool .layui-tab-title {
padding-left: 35px;
padding-right: 80px;
}
.layuimini-tab.layui-tab-rollTool .layui-tab-control .layuimini-tab-roll-left,
.layuimini-tab.layui-tab-rollTool .layui-tab-control .layuimini-tab-roll-right,
.layuimini-tab.layui-tab-rollTool .layui-tab-control .layui-tab-tool {
display: block;
}
.layuimini-tab .layui-tab-tool .layui-nav {
position: absolute;
height: 43px !important;
top: 0;
width: 100%;
height: 100%;
padding: 0;
background: 0 0;
}
.layuimini-tab .layui-tab-tool .layui-nav-item {
height: 35px;
}
.layuimini-tab .layui-tab-tool .layui-nav-bar {
display: none;
}
.layuimini-tab .layui-tab-tool .layui-nav-child {
left: auto;
top: 45px;
right: 3px;
width: 120px;
border: 1px solid whitesmoke;
}
.layuimini-tab .layui-tab-tool .layui-this a {
background-color: #009688;
}
.layuimini-tab-loading {
position: absolute;
display: none;
width: 100%;
height: calc(100% - 37px);
top: 37px;
z-index: 19;
background-color: #fff
}
.layuimini-tab-loading.close {
animation: close 1s;
-webkit-animation: close 1s;
animation-fill-mode: forwards;
}
</style>
2023-03-03 16:07:50 +08:00
</head>
@*style="background: url(/images/bgs.jpg)"*@
<body class="layui-layout-body layuimini-all">
<div class="layui-layout layui-layout-admin">
<div class="layui-header header">
<div class="layui-logo layuimini-logo"></div>
<div class="layuimini-header-content">
<a>
<div class="layuimini-tool"><i title="展开" class="fa fa-outdent" data-side-fold="1"></i></div>
</a>
<!--电脑端头部菜单-->
<ul class="layui-nav layui-layout-left layuimini-header-menu layuimini-menu-header-pc layuimini-pc-show">
</ul>
<!--手机端头部菜单-->
<ul class="layui-nav layui-layout-left layuimini-header-menu layuimini-mobile-show">
<li class="layui-nav-item">
<a href="javascript:;"><i class="fa fa-list-ul"></i> 选择模块</a>
<dl class="layui-nav-child layuimini-menu-header-mobile">
</dl>
</li>
</ul>
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item" lay-unselect>
<a href="javascript:;" data-tohome="主页"><i class="fa fa-home"></i></a>
</li>
<li class="layui-nav-item" lay-unselect>
<a href="javascript:;" data-clear="清理" class="layuimini-clear layui-hide"><i class="fa fa-trash-o"></i></a>
</li>
<li class="layui-nav-item mobile layui-hide-xs" lay-unselect>
<a href="javascript:;" data-check-screen="full"><i class="fa fa-arrows-alt"></i></a>
</li>
<li class="layui-nav-item" lay-unselect>
<a class="layui-icon layui-icon-notice" data-notice="消息" id="noticeMarker">
</a>
</li>
<li class="layui-nav-item layuimini-setting">
<a href="javascript:;" id="usercode"></a>
<dl class="layui-nav-child">
<dd>
<a href="javascript:;" layuimini-content-href="../Home/UserSetting" data-title="基本资料" data-icon="fa fa-gears">基本资料@*<span class="layui-badge-dot"></span>*@</a>
</dd>
<dd>
<a href="javascript:;" onclick="btn_revisepassword()" data-title="修改密码" data-icon="fa fa-gears">修改密码</a>
</dd>
<dd>
<hr>
</dd>
<dd>
<a href="javascript:;" class="login-out">退出登录</a>
</dd>
</dl>
</li>
<li class="layui-nav-item layuimini-select-bgcolor" lay-unselect>
<a href="javascript:;" data-bgcolor="配色方案"><i class="fa fa-ellipsis-v"></i></a>
</li>
</ul>
</div>
</div>
<!--无限极左侧菜单-->
<div class="layui-side layui-bg-black layuimini-menu-left">
</div>
<!--初始化加载层-->
<div class="layuimini-loader">
<div class="layuimini-loader-inner"></div>
</div>
<!--手机端遮罩层-->
<div class="layuimini-make"></div>
<!-- 移动导航 -->
<div class="layuimini-site-mobile"><i class="layui-icon"></i></div>
<div class="layui-body">
<div class="layuimini-tab layui-tab-rollTool layui-tab" lay-filter="layuiminiTab" lay-allowclose="true">
<ul class="layui-tab-title">
<li class="layui-this" id="layuiminiHomeTabId" lay-id=""></li>
</ul>
<div class="layui-tab-control">
<li class="layuimini-tab-roll-left layui-icon layui-icon-left"></li>
<li class="layuimini-tab-roll-right layui-icon layui-icon-right"></li>
<li class="layui-tab-tool layui-icon layui-icon-down">
<ul class="layui-nav close-box">
<li class="layui-nav-item">
<a href="javascript:;"><span class="layui-nav-more"></span></a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" data-refresh="刷新"><i class="fa fa-refresh"></i>刷新当前</a></dd>
<dd><a href="javascript:;" layuimini-tab-close="current"><i class="fa fa-times"></i>关闭当前</a></dd>
<dd><a href="javascript:;" layuimini-tab-close="other"><i class="fa fa-ban"></i>关闭其他</a></dd>
<dd><a href="javascript:;" layuimini-tab-close="all"><i class="fa fa-times-circle"></i>关闭全部</a></dd>
</dl>
</li>
</ul>
</li>
</div>
<div class="layui-tab-content">
<div id="layuiminiHomeTabIframe" class="layui-tab-item layui-show"></div>
</div>
</div>
</div>
</div>
<script src="~/lib/layui/layui.js?v=@HT.Cloud.Code.GlobalContext.GetVersion()" charset="utf-8"></script>
<script src="~/js/lay-config.js?v=@HT.Cloud.Code.GlobalContext.GetVersion()" charset="utf-8"></script>
<script src="~/js/cookie/jquery.cookie.js?v=@HT.Cloud.Code.GlobalContext.GetVersion()"></script>
<script src="~/js/framework-clientdata.js?v=@HT.Cloud.Code.GlobalContext.GetVersion()"></script>
<script src="~/js/framework-ui.js?v=@HT.Cloud.Code.GlobalContext.GetVersion()"></script>
<script src="~/lib/signalr/dist/browser/signalr.js?v=@HT.Cloud.Code.GlobalContext.GetVersion()"></script>
<script src="~/js/chat.js?v=@HT.Cloud.Code.GlobalContext.GetVersion()"></script>
<script src="~/js/websocket.js"></script>
<script>
// 接收消息
function getsocketData(e) { // 创建接收消息函数
const data = e && e.detail.data;
if (data != "pong" && data != "Close!") {
var json = JSON.parse(data);
if (!!json.status) {
layui.use(['notice'], function () {
var notice = layui.notice;
notice.options = {
positionClass: "toast-bottom-right",//弹出的位置,
};
if (json.status == "打印完成") {
notice.success("打印成功!");
}
else {
notice.warning("打印失败!" + json.status);
}
})
}
else if (data.cmd = "getPrinters") {
top.clients.printers = json.printers;
top.clients.defaultPrinter = json.defaultPrinter;
}
}
}
// 注册监听事件
window.addEventListener('onmessageWS', getsocketData);
//创建websocket
createSocket('ws://127.0.0.1:' + '7181');
function btn_revisepassword() {
layui.use(['common'], function () {
var common = layui.common;
common.modalOpen({
title: '重置密码',
url: '/SystemOrganize/User/ReviseSelfPassword',
width: "400px",
height: "300px",
callBack: function (index) {
var iframe = "layui-layer-iframe" + index;
window[iframe].submitForm();
}
});
})
};
layui.use(['jquery', 'layer', 'miniAdmin', 'miniTongji', 'miniTab', 'common', 'notice'], function () {
var $ = layui.jquery,
layer = layui.layer,
miniAdmin = layui.miniAdmin,
common = layui.common,
notice = layui.notice,
miniTongji = layui.miniTongji;
function loadUser() {
var code = document.getElementById("usercode");
if (top.currentUser.F_IsAdmin) {
$('[data-clear]').removeClass('layui-hide');
}
else {
$('[data-clear]').parent().remove();
}
code.innerHTML = top.currentUser.F_Account + '<i class="layui-icon layui-icon-down layui-nav-more"></i>';
if (top.currentUser.MsgCout > 0) {
$('#noticeMarker').html('<span class="layui-badge-dot"></span>');
notice.options = {
positionClass: "toast-bottom-right",//弹出的位置,
onclick: function () {
$('#noticeMarker').click();
},
};
notice.info('您有' + top.currentUser.MsgCout + '条信息未读');
}
else {
$('#noticeMarker').html('');
}
};
//表格人性化开关 默认开启传任意参数关闭
sessionStorage.setItem('watercloudButtonHumanized','');
var bgcolor = localStorage.getItem('watercloudBgcolorId');
var options = {
iniUrl: "/ClientsData/GetInitDataJson?v=" + new Date().Format("yyyy-MM-dd hh:mm:ss"), // 初始化接口
clearUrl: "/ClientsData/ClearCache?v=" + new Date().Format("yyyy-MM-dd hh:mm:ss"), // 缓存清理接口
urlHashLocation: true, // 是否打开hash定位 说明url地址显示
bgColorDefault: !!bgcolor ? bgcolor : 0, // 主题默认配置
multiModule: true, // 是否开启多模块
menuChildOpen: false, // 是否默认展开菜单
loadingTime: 0, // 初始化加载时间
pageAnim: false, // iframe窗口动画
maxTabNum: 20, // 最大的tab打开数量
};
miniAdmin.render(options);
$(function () {
loadUser();
});
//百度统计代码,只统计指定域名
miniTongji.render({
specific: true,
domains: [
'watercloud.vip',
],
});
$('.login-out').on("click", function () {
common.modalConfirm("是否要退出账号登录", function (r) {
if (r) {
common.ajax({
url: "../Login/OutLogin",
dataType: "json",
async: true,
success: function (data) {
layer.msg('退出成功');
window.onbeforeunload();
$.cookie("wc_returnurl", '', {
expires: -1, path: '/'
});
window.location.href = '../Login/Index';
}
});
}
});
});
});
</script>
</body>
</html>