373 lines
11 KiB
Plaintext
373 lines
11 KiB
Plaintext
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="danye.aspx.cs" Inherits="Controls_ExtJS_danye" %>
|
|
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title></title>
|
|
<link rel="stylesheet" type="text/css" href="css/layui.css" />
|
|
<script src="layui.js" type="text/javascript" charset="utf-8"></script>
|
|
</head>
|
|
<body>
|
|
<div class="all">
|
|
<div class="flex">
|
|
<div class="li">
|
|
<div class="layui-tab">
|
|
<div class="title">党政之窗</div>
|
|
<div class="more">
|
|
<a href="http://www.dcqcdc.com/channels/25.html" target="_black">
|
|
<img src="img/gengduo.png"></a>
|
|
</div>
|
|
<div class="layui-tab-content">
|
|
<%=getdzzc() %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="li">
|
|
<div class="layui-tab">
|
|
<div class="title">公示信息</div>
|
|
<div class="more">
|
|
<a href="http://www.dcqcdc.com/channels/171.html" target="_black">
|
|
<img src="img/gengduo.png"></a>
|
|
</div>
|
|
<div class="layui-tab-content">
|
|
<%=getgsxx() %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="li">
|
|
<div class="layui-tab">
|
|
<div class="title">天气预报</div>
|
|
|
|
<div class="more">
|
|
<img src="img/gengduo.png">
|
|
</div>
|
|
<div class="layui-tab-content" style="display: flex; justify-content: center; align-items: center;">
|
|
<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=19&icon=1&temp=1&num=1&site=12" width="515" height="99" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="li">
|
|
<div class="layui-tab">
|
|
<div class="title">疾控动态</div>
|
|
<div class="more">
|
|
<a href="http://www.dcqcdc.com/channels/JKDTlist.html" target="_black">
|
|
<img src="img/gengduo.png"></a>
|
|
</div>
|
|
<div class="layui-tab-content">
|
|
<%=getjkdt() %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="li">
|
|
<div class="layui-tab">
|
|
<div class="title">监督信息</div>
|
|
<div class="more">
|
|
<a href="http://www.dcqcdc.com/channels/3.html" target="_black">
|
|
<img src="img/gengduo.png"></a>
|
|
</div>
|
|
<div class="layui-tab-content">
|
|
<%=getjdxx() %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="li">
|
|
<%--<div id="test1"></div>--%>
|
|
<div class="layui-tab">
|
|
<div class="title">常用工作</div>
|
|
<div class="more">
|
|
<a href="../../Main/SelectLink.aspx" style="float: right; margin-right: 10px" target="_blank">
|
|
<img src="img/gengduo.png"></a>
|
|
</div>
|
|
<div class="layui-tab-content">
|
|
<div class="usua">
|
|
<%=getlinks() %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="li2">
|
|
<div class="layui-tab">
|
|
<div class="title">待办申请</div>
|
|
<div class="more site-demo-active" data-type="tabAdd" data-id="待审核申请" data-name="待审核申请" data-src="/dccdc/sq2/sqshhb">
|
|
<img src="img/gengduo.png">
|
|
</div>
|
|
<div class="layui-tab-content">
|
|
<iframe id="timer1" scrolling='true' width='100%' height='100%' frameborder='0' src='/dccdc/sq2/oaindex?type=1&t=<%=DateTime.Now.ToString("yyyyMMddHHmmssff") %>'></iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="li2">
|
|
<div class="layui-tab">
|
|
<div class="title">待办报销</div>
|
|
<div class="more site-demo-active" data-type="tabAdd" data-id="待审核报销" data-name="待审核报销" data-src="/dccdc/sq2/bxshhb">
|
|
<img src="img/gengduo.png">
|
|
</div>
|
|
<div class="layui-tab-content">
|
|
<iframe id="timer2" scrolling='true' width='100%' height='100%' frameborder='0' src='/dccdc/sq2/oaindex?type=2&t=<%=DateTime.Now.ToString("yyyyMMddHHmmssff") %>'></iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<style type="text/css">
|
|
html, body {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.all {
|
|
background: #eaf3fa;
|
|
padding: 15px;
|
|
width: 100%;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.flex {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.li {
|
|
width: 33%;
|
|
height: 25.5%;
|
|
overflow: hidden;
|
|
background: #FFFFFF;
|
|
border-radius: 5px;
|
|
box-sizing: border-box;
|
|
padding: 10px;
|
|
}
|
|
|
|
.li2 {
|
|
width: 49.5%;
|
|
height: 44%;
|
|
overflow: hidden;
|
|
background: #FFFFFF;
|
|
border-radius: 5px;
|
|
box-sizing: border-box;
|
|
padding: 10px;
|
|
}
|
|
|
|
.layui-tab-title li {
|
|
line-height: 20px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.layui-tab {
|
|
position: relative;
|
|
margin: 0;
|
|
height: 100%;
|
|
}
|
|
|
|
.title {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
line-height: 31px;
|
|
background: url(img/titlebj2.png) no-repeat;
|
|
color: #FFFFFF;
|
|
font-weight: bold;
|
|
font-size: 13px;
|
|
width: 155px;
|
|
padding-left: 40px;
|
|
}
|
|
|
|
.layui-tab-title {
|
|
position: absolute;
|
|
left: 160px;
|
|
top: 0;
|
|
border: none;
|
|
}
|
|
|
|
.layui-tab-title .layui-this:after {
|
|
border: none;
|
|
}
|
|
|
|
.layui-this {
|
|
color: #0d93f6 !important;
|
|
}
|
|
|
|
.more {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 0px;
|
|
}
|
|
|
|
.more img {
|
|
width: 20px;
|
|
}
|
|
|
|
.layui-tab-content {
|
|
width: 95%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 31px;
|
|
overflow: auto;
|
|
height: calc(100% - 60px);
|
|
}
|
|
|
|
.tongzhiul {
|
|
height: 99px;
|
|
line-height: 30px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.tongzhili {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
border-bottom: 1px #EAEAEA solid;
|
|
}
|
|
|
|
.tongzhititle {
|
|
font-size: 14px;
|
|
max-width: 400px;
|
|
height: 30px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.tongzhitime {
|
|
color: #999;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.layui-laydate, .layui-laydate-hint {
|
|
border: none;
|
|
}
|
|
|
|
#test1 {
|
|
border: 1px #EAEAEA solid;
|
|
overflow: auto;
|
|
max-height: 220px;
|
|
}
|
|
|
|
.layui-laydate-footer {
|
|
display: none;
|
|
}
|
|
|
|
.layui-laydate {
|
|
width: 100%;
|
|
}
|
|
|
|
.layui-laydate-main {
|
|
width: 100%;
|
|
}
|
|
|
|
.layui-laydate-content td, .layui-laydate-content th {
|
|
width: 100px;
|
|
height: 20px;
|
|
}
|
|
|
|
.usua {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.usuali {
|
|
width: 19%;
|
|
box-sizing: border-box;
|
|
text-align: center;
|
|
padding: 10px 0;
|
|
background: #EAEAEA;
|
|
margin-bottom: 5px;
|
|
color: #666;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.usuali img {
|
|
width: 50%;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.layui-table td, .layui-table th {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.layui-nav-item img {
|
|
width: 16px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.usuatitle {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.usuali {
|
|
position: relative
|
|
}
|
|
|
|
.layui-badge {
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 5px
|
|
}
|
|
</style>
|
|
<script type="text/javascript">
|
|
var timer = setInterval("start()", 9000);
|
|
function start() {
|
|
document.getElementById('timer1').contentWindow.location.reload(true);
|
|
document.getElementById('timer2').contentWindow.location.reload(true);
|
|
//document.getElementById('timer1').src = "/dccdc/sq2/oaindex?type=1";
|
|
//document.getElementById('timer2').src = "/dccdc/sq2/oaindex?type=2";
|
|
}
|
|
function stop() {
|
|
if (timer) {
|
|
window.clearTimeout(timer);
|
|
}
|
|
}
|
|
|
|
function refresh() {
|
|
window.location.reload();
|
|
}
|
|
</script>
|
|
<script>
|
|
layui.use('element', function (e) {
|
|
var $ = layui.jquery;
|
|
var element = layui.element;
|
|
//触发事件
|
|
var active = {
|
|
tabAdd: function (e) {
|
|
console.log(e)
|
|
var exist = $("li[lay-id='" + e[0].dataset.id + "']").length;
|
|
if (exist < 1) {
|
|
window.parent.layui.element.tabAdd('demo', {
|
|
title: e[0].dataset.name,
|
|
content: '<iframe id="iframeMain" src="' + e[0].dataset.src + '" style="width: 100%; height: 100%; border: none; outline: none;";></iframe>',
|
|
id: e[0].dataset.id
|
|
})
|
|
window.parent.layui.element.tabChange('demo', e[0].dataset.id);
|
|
} else {
|
|
window.parent.layui.element.tabChange('demo', e[0].dataset.id);
|
|
}
|
|
}
|
|
};
|
|
$('.site-demo-active').on('click', function () {
|
|
var othis = $(this), type = othis.data('type');
|
|
active[type] ? active[type].call(this, othis) : '';
|
|
});
|
|
parent.layui.element.tabChange("demo", e[0].dataset.id);
|
|
});
|
|
layui.use('element', function () {
|
|
var $ = layui.jquery,
|
|
element = layui.element;
|
|
|
|
});
|
|
|
|
layui.use('laydate', function () {
|
|
var laydate = layui.laydate;
|
|
|
|
laydate.render({
|
|
elem: '#test1',
|
|
position: 'static'
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|