apps/com.awspaas.user.apps.yili.reportform/template/page/fileboard.html

280 lines
13 KiB
HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport"
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>伊利流程发布平台</title>
<link rel="stylesheet" href="../apps/com.awspaas.user.apps.yili.reportform/css/comon0.css" type="text/css" />
<script>
var sid = '<#sid>';
var toIndexURL = './w?sid='+sid+'&cmd=com.awspaas.user.apps.yili.reportform.service.ToPageService_toIndex';
var territoryURL = './w?sid='+sid+'&cmd=com.awspaas.user.apps.yili.reportform.service.ToPageService_toTerritory';
var domainprocessURL = './w?sid='+sid+'&cmd=com.awspaas.user.apps.yili.reportform.service.ToPageService_toDomainprocess';
</script>
</head>
<body>
<div class="loading">
<div class="loadbox"> <img src="../apps/com.awspaas.user.apps.yili.reportform/images/loading.gif"> 页面加载中... </div>
</div>
<div class="head">
<h1>流程管理看板</h1>
<div class="index_nav">
<ul style="height: 30px; margin-bottom: 0px;">
<li id="toIndex" class="l_left total_chose_pl "><a href="#">流程设计分析</a></li>
<li id="fileboard" class="l_left total_chose_pl nav_active">流程制度文件</li>
<li id="domainprocess" class="r_right total_chose_pl "><a href="#">流程架构分析</a></li>
<li id="territory" class="r_right total_chose_pl"><a href="#">流程成熟度</a></li>
</ul>
<div class="clear"></div>
</div>
<div id="header"></div>
</div>
<div class="mainbox">
<div class="mapContent">
<div class="numLeft">
<div class="fileboxall wid60" style="margin-top: 24%;">
<div class="fileboxcont">
流程文件
<span id="file_1"></span>
</div>
<div class="fileboxfoot"></div>
</div>
<div class="fileboxall wid50" style="margin-top: 35%;margin-left: 40%;">
<div class="fileboxcont">
表单/模板
<span id="file_2"></span>
</div>
<div class="fileboxfoot"></div>
</div>
</div>
<div class="map">
<div class="map1"><img src="../apps/com.awspaas.user.apps.yili.reportform/images/lbx.png"></div>
<div class="map2"><img src="../apps/com.awspaas.user.apps.yili.reportform/images/jt.png"></div>
<div class="map3"><img src="../apps/com.awspaas.user.apps.yili.reportform/images/map.png"></div>
<div class="map5"><img src="../apps/com.awspaas.user.apps.yili.reportform/images/qiu.png"></div>
<div class="map4">流程制度类<br/>文件总数
<span id="file_all"></span>
</div>
</div>
<div class="numRight">
<div class="fileboxall wid60" style="margin-top: 24%; margin-left: 40%;">
<div class="fileboxcont">
制度文件
<span id="file_3"></span>
</div>
<div class="fileboxfoot"></div>
</div>
<div class="fileboxall wid50" style="margin-top: 35%;margin-right: 40%;">
<div class="fileboxcont">
操作指导
<span id="file_4"></span>
</div>
<div class="fileboxfoot"></div>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="boxall">
<div class="alltitle mr0">文件状态 <img src="../apps/com.awspaas.user.apps.yili.reportform/images/daohang.png"></div>
<div class="total_chose_box">
<span class="chose_tltle">文件类型</span>
<select class="year_chose w15" id="filetype">
<option>流程制度</option>
</select>
<span class="chose_tltle">发布单位</span>
<div class="treePickerWrapper">
<input type="text" id="sendissued" placeholder="全部" >
<button class="comboTreeArrowBtn"><span class="comboTreeArrowBtnImg"></span></button>
</div>
<span class="chose_tltle">所属领域</span>
<div class="treePickerWrapper">
<input type="text" id="category" placeholder="全部"/>
<button class="comboTreeArrowBtn"><span class="comboTreeArrowBtnImg"></span></button>
</div>
</div>
<div class="sycm wid90">
<div class="data1">
<div class="bor">
<div class="qiu"></div>
</div>
<p id="published"></p>
<span>已发布</span>
</div>
<div class="data2">
<div class="bor">
<div class="qiu"></div>
</div>
<p id="approval"></p>
<span>审批中</span>
</div>
<div class="data3">
<div class="bor">
<div class="qiu"></div>
</div>
<p id="expired"></p>
<span>已失效</span>
</div>
<div class="data4">
<div class="bor">
<div class="qiu"></div>
</div>
<p><label id="total"></label><em id="dw"></em></p>
<span>查阅总数</span>
</div>
</div>
<div class="boxfoot"></div>
</div>
<div class="clearfix"></div>
<div class="boxall">
<div class="alltitle">文件数量 <img src="../apps/com.awspaas.user.apps.yili.reportform/images/daohang.png"></div>
<div class="data_tit1">文件发布时间分布</div>
<div class="wid93">
<div class="filedanwei_left">数量</div>
</div>
<div style="height: 5rem; clear:both; overflow: hidden ">
<div class="data_chart" id="filebook"></div>
</div>
<div class="boxfoot"></div>
<div class="sycm" style="padding-top: 0.3rem">
<div class="quote_bottom">
<div class="quote_left">
<div class="biaoge_paiIn" style="width: 80%">
<h1>事业部文件数量</h1>
<ul id="BDFileCount">
</ul>
</div>
</div>
<div class="quote_right">
<div class="biaoge_paiIn3" style="width: 80%;margin-left: 13%;">
<h1>职能部门文件数量</h1>
<div class="scroll">
<ul id="FDFileCount">
</ul>
</div>
</div>
</div>
<div style="width: 100%;clear: both;overflow:hidden;">
<div class="quote_left quotePosition">
<div class="title">事业部文件年度更新率</div>
<div class="danwei">%</div>
<div class="quoteCheck1" id="quoteqsjkdwEcharts"></div>
<div class="quoteTime1">事业部</div>
</div>
<div class="quote_right quotePosition">
<div class="title">职能部门文件年度更新率</div>
<div class="danwei">%</div>
<div class="quoteCheck2" id="quoteqsjkdwEcharts2"></div>
<div class="quoteTime2">部门名称</div>
</div>
</div>
</div>
<div class="quote_yearupdate" >
<div class="title">事业部文件年度更新情况</div>
<div class="danwei">数量</div>
<div class="data_chart" style=" height: 5rem" id="yearupdateChart"></div>
</div>
<div class="quote_yearupdate" >
<div class="title">职能部门文件年度更新情况</div>
<div class="danwei">数量</div>
<div class="data_chart" style=" height: 6rem" id="canonlyupdateChart"></div>
</div>
</div>
<div class="boxfoot"></div>
</div>
</div>
<div class="mainbox" style="display:none;">
<div class="boxall">
<div class="alltitle" style="margin-right: 0">引用情况分析 <img src="../apps/com.awspaas.user.apps.yili.reportform/images/daohang.png"></div>
<div class="total_chose_box">
<span class="chose_tltle">发布单位</span>
<div class="treePickerWrapper">
<input type="text" id="yysendissued" placeholder="全部" >
<button class="comboTreeArrowBtn"><span class="comboTreeArrowBtnImg"></span></button>
</div>
<span class="chose_tltle">所属领域</span>
<div class="treePickerWrapper">
<input type="text" id="yycategory" placeholder="全部"/>
<button class="comboTreeArrowBtn"><span class="comboTreeArrowBtnImg"></span></button>
</div>
<span class="chose_tltle">文件类型</span>
<select class="year_chose w15" id="yyfiletype">
<option>流程制度</option>
</select>
</div>
<div class="sycm">
<div class="quote" id="quoteChart"></div>
<div class="quote_line"></div>
<div class="quote_paiIn">
<ul>
<li>
<div class="liIn">
<div class="liIn_left"><span class="zi">平均被引用次数</span></div>
<div class="liIn_line"><div class="line_lineIn" id="yyfilenum1"></div></div>
</div>
</li>
<li>
<div class="liIn">
<div class="liIn_left"><span class="zi">本月新增引用次数</span></div>
<div class="liIn_line"><div class="line_lineIn" id="yyfilenum2"></div></div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="back"></div>
<script type="text/javascript" src="../apps/com.awspaas.user.apps.yili.reportform/js/jquery.js"></script>
<script type="text/javascript" src="../apps/com.awspaas.user.apps.yili.reportform/js/js.js"></script>
<script type="text/javascript" src="../apps/com.awspaas.user.apps.yili.reportform/js/echarts.min.js"></script>
<script type="text/javascript" src="../apps/com.awspaas.user.apps.yili.reportform/js/jquery.waypoints.min.js"></script>
<script type="text/javascript" src="../apps/com.awspaas.user.apps.yili.reportform/js/jquery.countup.min.js"></script>
<script type="text/javascript" src="../apps/com.awspaas.user.apps.yili.reportform/js/indexNeed/comboTreePlugin.js"></script>
<script type="text/javascript" src="../apps/com.awspaas.user.apps.yili.reportform/js/fileboardNeed/fileboard.js"></script>
<script type="text/javascript" src="../apps/com.awspaas.user.apps.yili.reportform/js/fileboardNeed/yearupdate.js"></script>
<script language="JavaScript" src="../apps/com.awspaas.user.apps.yili.reportform/js/fileboardNeed/filebook.js"></script>
<script language="JavaScript" src="../apps/com.awspaas.user.apps.yili.reportform/js/fileboardNeed/quote.js"></script>
<script language="JavaScript" src="../apps/com.awspaas.user.apps.yili.reportform/js/fileboardNeed/quoteqsjkdw.js"></script>
<script type="text/javascript">
$(function () {
$(".loading").fadeOut()
$('#header').load('../apps/com.awspaas.user.apps.yili.reportform/header.html')
})
</script>
<script type="text/javascript">
$(document).ready(function () {
$("#toIndex a").attr("href",toIndexURL);
$("#territory a").attr("href",territoryURL);
$("#domainprocess a").attr("href",domainprocessURL);
filebookChart.resize();
quoteChart.resize();
quoteqsjkdw.resize()
quoteqsjkdw2.resize()
yearupdateChart.resize()
canonlyupdateChart.resize()
})
window.addEventListener("resize", function () {
filebookChart.resize();
quoteChart.resize();
quoteqsjkdw.resize()
quoteqsjkdw2.resize()
yearupdateChart.resize()
canonlyupdateChart.resize()
});
</script>
</body>
</html>