292 lines
13 KiB
HTML
292 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>
|
|
<meta http-equiv="Access-Control-Allow-Origin" content="*" />
|
|
<link href="../apps/com.awspaas.user.apps.yili.reportform/css/bstable/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
|
<link href="../apps/com.awspaas.user.apps.yili.reportform/css/bstable/css/bootstrap-table.css" rel="stylesheet" type="text/css" />
|
|
<link rel="stylesheet" href="../apps/com.awspaas.user.apps.yili.reportform/css/comon0.css">
|
|
|
|
<script>
|
|
var sid = '<#sid>';
|
|
//localStorage.setItem("sid",sid);
|
|
var fileboardURL = './w?sid='+sid+'&cmd=com.awspaas.user.apps.yili.reportform.service.ToPageService_toFileboard';
|
|
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 nav_active">流程设计分析</li>
|
|
<li id="fileboard" class="l_left total_chose_pl"><a href="#">流程制度文件</a></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="boxall">
|
|
<div class="alltitle">流程节点分析 <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="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="clearfix"></div>
|
|
<div class="sycm">
|
|
<div class="circlemain">
|
|
<div class="circle_left">
|
|
<label>节点总数</label>
|
|
<span id="nodeTotalNum"></span>
|
|
</div>
|
|
<div class="circle_right">
|
|
<div class="childleft">
|
|
<div class="left1">
|
|
<label>审批类节点</label>
|
|
<span id="approvalRrationate"><i></i>%</span>
|
|
</div>
|
|
<div class="right1">
|
|
<label>审批类节点总数</label>
|
|
<span id="approvalNodeNum"></span>
|
|
</div>
|
|
</div>
|
|
<div class="childright">
|
|
<div class="left1">
|
|
<label>操作类节点</label>
|
|
<span id="operationRate"><i></i>%</span>
|
|
</div>
|
|
<div class="right1">
|
|
<label>操作类节点总数</label>
|
|
<span id="operationNodeNum"></span>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
<div class="left2">
|
|
<div class="text">线上审批占比</div>
|
|
<div class="progress">
|
|
<div class="progress-bar" id="onlineRate" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"><label></label>%</div>
|
|
</div>
|
|
</div>
|
|
<div class="right2">
|
|
<div class="text">信息系统占比</div>
|
|
<div class="progress">
|
|
<div class="progress-bar" id="itsysRate" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" ><label></label>%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
</div>
|
|
<div class="mainbox">
|
|
<div class="boxall">
|
|
<div class="alltitle">审批类节点数量 <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="node-field111" placeholder="全部"/>
|
|
<button class="comboTreeArrowBtn"><span class="comboTreeArrowBtnImg"></span></button>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
<div class="sycm">
|
|
<div class="node_paiIn">
|
|
<h1>审批节点数量—事业部</h1>
|
|
<div class="scroll">
|
|
<ul id="BDAcountfile">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="node_paiIn">
|
|
<h1>审批节点数量—职能部门</h1>
|
|
<div class="scroll">
|
|
<ul id="FDAcountfile">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="biaoge_paiIn">
|
|
<h1>审批节点占比—事业部</h1>
|
|
<div class="scroll">
|
|
<ul id="BDAratefile"></ul>
|
|
</div>
|
|
</div>
|
|
<div class="biaoge_paiIn1">
|
|
<h1>审批节点占比—职能部门</h1>
|
|
<div class="scroll">
|
|
<ul id="FDAratefile" >
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
<div class="biaoge_paiIn">
|
|
<h1>审批节点线上化占比—事业部</h1>
|
|
<div class="scroll">
|
|
<ul id="BDAolfile">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="biaoge_paiIn1">
|
|
<h1>审批节点线上化占比—职能部门</h1>
|
|
<div class="scroll">
|
|
<ul id="FDAolfile">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
</div>
|
|
<div class="mainbox">
|
|
<div class="boxall">
|
|
<div class="alltitle">操作类节点数量 <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="node-field222" placeholder="全部"/>
|
|
<button class="comboTreeArrowBtn"><span class="comboTreeArrowBtnImg"></span></button>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
<div class="sycm">
|
|
<div class="node_paiIn">
|
|
<h1>操作节点数量—事业部</h1>
|
|
<div class="scroll">
|
|
<ul id="BDOcountfile">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="node_paiIn">
|
|
<h1>操作节点数量—职能部门</h1>
|
|
<div class="scroll">
|
|
<ul id="FDOcountfile">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="biaoge_paiIn">
|
|
<h1>操作节点占比—事业部</h1>
|
|
<div class="scroll">
|
|
<ul id="BDOratefile"></ul>
|
|
</div>
|
|
</div>
|
|
<div class="biaoge_paiIn1">
|
|
<h1>操作节点占比—职能部门</h1>
|
|
<div class="scroll">
|
|
<ul id="FDOratefile" >
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
<div class="biaoge_paiIn">
|
|
<h1>操作节点线上化占比—事业部</h1>
|
|
<div class="scroll">
|
|
<ul id="BDOolfile">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="biaoge_paiIn1">
|
|
<h1>操作节点线上化占比—职能部门</h1>
|
|
<div class="scroll">
|
|
<ul id="FDOolfile">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
</div>
|
|
<!--矩形树图-->
|
|
<div class="mainbox">
|
|
<div class="boxall" style="height: 6rem;">
|
|
<div class="alltitle">流程系统分布图 <img src="../apps/com.awspaas.user.apps.yili.reportform/images/daohang.png"></div>
|
|
<div class="sycm" style="height: 5rem;">
|
|
<div id="treeChart" style="height: 5rem"></div>
|
|
</div>
|
|
<div class="boxfoot"></div>
|
|
</div>
|
|
</div>
|
|
<!--流程评论 环形图-->
|
|
<div style="height:7.2rem;margin:0rem .4rem .3rem .4rem; box-sizing: border-box" class="boxall">
|
|
<div class="alltitle1">流程评论 <img src="../apps/com.awspaas.user.apps.yili.reportform/images/daohang.png"></div>
|
|
<div class="chart-title">流程评论数量Top5
|
|
<div class="chart-span">单位：个</div>
|
|
</div>
|
|
<div id="container" >
|
|
<div class="chart-div" id="block4">
|
|
<div class="chart-loader">
|
|
<div class="loader"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="sycmright">
|
|
<div class="biaoge_paiIn2">
|
|
<h1>各组织流程评论数量</h1>
|
|
<div class="scroll" id="plan">
|
|
<ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="boxfoot"></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/indexNeed/indexboard.js"></script>
|
|
<script type="text/javascript" src="../apps/com.awspaas.user.apps.yili.reportform/js/indexNeed/index.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/indexNeed/echarts-block4.js"></script>
|
|
<script type="text/javascript" src="../apps/com.awspaas.user.apps.yili.reportform/js/jcarousellite.js"></script>
|
|
<script type="text/javascript" src="../apps/com.awspaas.user.apps.yili.reportform/js/indexNeed/operation.js"></script>
|
|
<!--矩形树图-->
|
|
<script type="text/javascript" src="../apps/com.awspaas.user.apps.yili.reportform/js/indexNeed/tree.js"></script>
|
|
<script type="text/javascript">
|
|
$(document).ready(function () {
|
|
$("#fileboard a").attr("href",fileboardURL);
|
|
$("#territory a").attr("href",territoryURL);
|
|
$("#domainprocess a").attr("href",domainprocessURL);
|
|
block4.resize();
|
|
myChart.resize();
|
|
})
|
|
window.addEventListener("resize", function () {
|
|
block4.resize();
|
|
myChart.resize();
|
|
});
|
|
</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">
|
|
$(function () {
|
|
$(".loading").fadeOut()
|
|
$('#header').load('../apps/com.awspaas.user.apps.yili.reportform/header.html')
|
|
|
|
})
|
|
</script>
|
|
</body>
|
|
</html>
|