374 lines
19 KiB
HTML
374 lines
19 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.integration/css/bstable/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||
|
|
<link href="../apps/com.awspaas.user.apps.yili.integration/css/bstable/css/bootstrap-table.css" rel="stylesheet" type="text/css" />
|
||
|
|
<link rel="stylesheet" href="../apps/com.awspaas.user.apps.yili.integration/css/comon1.css">
|
||
|
|
<link rel="stylesheet" href="../apps/com.awspaas.user.apps.yili.integration/css/style.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="loading">
|
||
|
|
<div class="loadbox"> <img src="../apps/com.awspaas.user.apps.yili.integration/img/loading.gif"> 页面加载中... </div>
|
||
|
|
</div>
|
||
|
|
<div class="head">
|
||
|
|
<h1 style="font-weight: 700;">流程运营看板</h1>
|
||
|
|
<div class="index_nav">
|
||
|
|
<ul style="height: 30px; margin-bottom: 0px;" >
|
||
|
|
<li id="dataurl" class="l_left total_chose_pl nav_active">L1-L3流程绩效看板</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 mt30">
|
||
|
|
<div class="alltitle">目录 <img src="../apps/com.awspaas.user.apps.yili.integration/img/daohang.png"> </div>
|
||
|
|
<div class="total_chose_box">
|
||
|
|
<span class="chose_tltle"></span>
|
||
|
|
<select class="year_chose" onchange="tabledata(this.value)" id="filetype">
|
||
|
|
<option>单位</option>
|
||
|
|
</select>
|
||
|
|
<div class="btnblock">
|
||
|
|
<span class="btn5"><label></label>待集成数据</span>
|
||
|
|
<span class="btn4"><label></label>不达标</span>
|
||
|
|
<span class="btn3"><label></label>达标警示</span>
|
||
|
|
<span class="btn2"><label></label>运行良好</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="sycm">
|
||
|
|
<div class="dataAllBorder02 over_hide dataAllBorder20 dataAllBorder22" id="over_hide">
|
||
|
|
<table class="table" id="table1">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="boxfoot"></div>
|
||
|
|
</div>
|
||
|
|
<div class="boxall">
|
||
|
|
<div class="alltitle" style="margin-right: 5%">目录 <img src="../apps/com.awspaas.user.apps.yili.integration/img/daohang.png"> </div>
|
||
|
|
<div class="total_chose_box">
|
||
|
|
<div class="navtab">
|
||
|
|
<ul id="navtab" class="navli">
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<select class="year_chose" onchange="newsecond(this.value)" id="framework" style="float: left;">
|
||
|
|
<option>L1架构</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
<div class="btnblock">
|
||
|
|
<span class="btn5"><label></label>待集成数据</span>
|
||
|
|
<span class="btn4"><label></label>不达标</span>
|
||
|
|
<span class="btn3"><label></label>达标警示</span>
|
||
|
|
<span class="btn2"><label></label>运行良好</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="sycm">
|
||
|
|
<!-- <div class="dataAllBorder02 over_hide dataAllBorder20 dataAllBorder22">
|
||
|
|
<table class="table" id="table2">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
</div> -->
|
||
|
|
<div>
|
||
|
|
<!-- <table style="width:100%;table-layout: fixed;">
|
||
|
|
<tr>
|
||
|
|
<td class="newtableTd">L1流程绩效指标</td>
|
||
|
|
<td>
|
||
|
|
<div class="newtableDiv">L1架构</div>
|
||
|
|
<table style="width:100%; table-layout: fixed;">
|
||
|
|
<tr>
|
||
|
|
<td class="newtableTd1">新产品收入占比</td>
|
||
|
|
<td class="newtableTd1">规模品牌数量</td>
|
||
|
|
<td class="newtableTd1">首发产品数量</td>
|
||
|
|
<td class="newtableTd1">利润率</td>
|
||
|
|
<td class="newtableTd1">重点品牌品牌力</td>
|
||
|
|
<td class="newtableTd1">人均营收增长率</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="newtableTd">L2流程绩效指标</td>
|
||
|
|
<td>
|
||
|
|
<table style="width:100%;table-layout: fixed;">
|
||
|
|
<tr>
|
||
|
|
<td class="newtableDiv newtableDiv_top">1.0 产品与技术研发</td>
|
||
|
|
<td class="newtableDiv newtableDiv_top">2.0 产品与技术研发</td>
|
||
|
|
<td class="newtableDiv newtableDiv_top">3.0 产品与技术研发</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="newtableTd2">
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<td class="newtableTd2_td">新产品收入占比文字非常多非常多</td>
|
||
|
|
<td class="newtableTd2_td">规模品牌数量</td>
|
||
|
|
<td class="newtableTd2_td">规模品牌数量</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
<td class="newtableTd2">
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<td class="newtableTd2_td">新产品收入占比文字非常多非常多</td>
|
||
|
|
<td class="newtableTd2_td">规模品新产品新产品收入占比文字非常多非常多收入占比文字非常多非常多牌数量</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
<td class="newtableTd2">
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<td class="newtableTd2_td"></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="newtableTd">L3流程绩效指标</td>
|
||
|
|
<td>
|
||
|
|
<table style="width:100%;table-layout: fixed;">
|
||
|
|
<tr>
|
||
|
|
<td class="newtableTd2">
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<td class="newtableTd3_td">3.1.1管理研发需求</td>
|
||
|
|
<td class="newtableTd3_td">3.1.1管理研发需求</td>
|
||
|
|
<td class="newtableTd3_td">3.1.1管理研发需求</td>
|
||
|
|
<td class="newtableTd3_td">3.1.1管理研发需求</td>
|
||
|
|
<td class="newtableTd3_td">3.1.1管理研发需求</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
<td class="newtableTd2">
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<td class="newtableTd3_td">3.1.2管理研发需求</td>
|
||
|
|
<td class="newtableTd3_td">3.1.2管理研发需求</td>
|
||
|
|
<td class="newtableTd3_td">3.1.2管理研发需求</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
<td class="newtableTd2">
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<td class="newtableTd3_td">3.1.3管理研发需求</td>
|
||
|
|
<td class="newtableTd3_td">3.1.3管理研发需求</td>
|
||
|
|
<td class="newtableTd3_td">3.1.3管理研发需求</td>
|
||
|
|
<td class="newtableTd3_td">3.1.3管理研发需求</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="newtableTd2">
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<td class="newtableTd4_td">3.1.1管理研发需求内容非常多</td>
|
||
|
|
<td class="newtableTd4_td">3.1.1管理研发需求</td>
|
||
|
|
<td class="newtableTd4_td">3.1.1管理研发需求</td>
|
||
|
|
<td class="newtableTd4_td">3.1.1管理研发需求内容非常多</td>
|
||
|
|
<td class="newtableTd4_td">3.1.1管理研发需求</td>
|
||
|
|
<td class="newtableTd4_td">3.1.1管理研发需求</td>
|
||
|
|
<td class="newtableTd4_td">3.1.1管理研发需求</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
<td class="newtableTd2">
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<td class="newtableTd4_td">3.1.2管理研发需求</td>
|
||
|
|
<td class="newtableTd4_td">3.1.2管理研发需求</td>
|
||
|
|
<td class="newtableTd4_td">3.1.2管理研发需求</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
<td class="newtableTd2">
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<td class="newtableTd4_td">3.1.3管理研发需求</td>
|
||
|
|
<td class="newtableTd4_td">3.1.3管理研发需求</td>
|
||
|
|
<td class="newtableTd4_td">3.1.3管理研发需求</td>
|
||
|
|
<td class="newtableTd3_td">3.1.3管理研发需求</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="newtableTd2">
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<td class="newtableTd4_td"></td>
|
||
|
|
<td class="newtableTd4_td"></td>
|
||
|
|
<td class="newtableTd4_td"></td>
|
||
|
|
<td class="newtableTd4_td"></td>
|
||
|
|
<td class="newtableTd4_td"></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
<td class="newtableTd2">
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<td class="newtableTd4_td"></td>
|
||
|
|
<td class="newtableTd4_td"></td>
|
||
|
|
<td class="newtableTd4_td"></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
<td class="newtableTd2">
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<td class="newtableTd4_td"></td>
|
||
|
|
<td class="newtableTd4_td"></td>
|
||
|
|
<td class="newtableTd4_td"></td>
|
||
|
|
<td class="newtableTd3_td"></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="newtableTd">关键流程清单</td>
|
||
|
|
<td class="newtableTd5">
|
||
|
|
<table style="width:100%;table-layout: fixed;">
|
||
|
|
<tr>
|
||
|
|
<td></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table> -->
|
||
|
|
<table style="width:100%;table-layout: fixed;" id="newtable"></table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="boxfoot"></div>
|
||
|
|
</div>
|
||
|
|
<div class="boxall ">
|
||
|
|
<div class="alltitle">单个指标数据展示 <img src="../apps/com.awspaas.user.apps.yili.integration/img/daohang.png"> </div>
|
||
|
|
<div class="total_chose_box">
|
||
|
|
<div class="btnblock">
|
||
|
|
<span class="btn4"><label></label>不达标</span>
|
||
|
|
<span class="btn3"><label></label>达标警示</span>
|
||
|
|
<span class="btn2"><label></label>运行良好</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="sycm">
|
||
|
|
<div class="growthTitle" hidden>人均营收增长率</div>
|
||
|
|
<div class="growthtishi" hidden>
|
||
|
|
<div class="leftline"><span></span>基线值</div>
|
||
|
|
<div class="rightline"><span></span>目标值</div>
|
||
|
|
</div>
|
||
|
|
<div class="growthCharts" id="growthCharts" hidden></div>
|
||
|
|
|
||
|
|
<div class="">
|
||
|
|
<div id="organizational" style="width: 100%; height: 500px"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="boxfoot"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="drag" >
|
||
|
|
<div class="drag_1">
|
||
|
|
<div class="title"><h1 id="value_1"></h1><span class="closedrag"><img src="../apps/com.awspaas.user.apps.yili.integration/img/clo.png" width="20" height="20"></span></div>
|
||
|
|
<div class="content_1">
|
||
|
|
<div class="father"><label id="value_2"></label> <span>绩效指标</span></div>
|
||
|
|
<div id="treeview3" class=""></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="table3drag">
|
||
|
|
<div class="table3drag_1">
|
||
|
|
<div class="title"><h1 id="value_3"></h1><span class="table3closedrag"><img src="../apps/com.awspaas.user.apps.yili.integration/img/clo.png" width="20" height="20"></span></div>
|
||
|
|
<div class="content_1">
|
||
|
|
<div class="over_hide dataAllBorder20 dataAllBorder22 dragtable">
|
||
|
|
<table class="table" id="table3">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="back"></div>
|
||
|
|
<script type="text/javascript" src="../apps/com.awspaas.user.apps.yili.integration/js/jquery.js"></script>
|
||
|
|
<script type="text/javascript" src="../apps/com.awspaas.user.apps.yili.integration/js/js.js"></script>
|
||
|
|
<script type="text/javascript" src="../apps/com.awspaas.user.apps.yili.integration/js/echarts.min.js"></script>
|
||
|
|
<script type="text/javascript" src="../apps/com.awspaas.user.apps.yili.integration/js/domainprocessNeed/domainprocess.js"></script>
|
||
|
|
<script type="text/javascript" src="../apps/com.awspaas.user.apps.yili.integration/js/domainprocessNeed/growthCharts.js"></script>
|
||
|
|
<script type="text/javascript" src="../apps/com.awspaas.user.apps.yili.integration/js/bootstrap-treeview.js"></script>
|
||
|
|
<script type="text/javascript" src="../apps/com.awspaas.user.apps.yili.integration/js/indexNeed/comboTreePlugin.js"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
$(document).ready(function () {
|
||
|
|
growthCharts.resize()
|
||
|
|
var url = window.location.href;
|
||
|
|
console.log(url);
|
||
|
|
var sid = GetQuery("sid");
|
||
|
|
var territoryUrl = "./w?sid="+sid+"&cmd=com.awspaas.user.apps.integration.controller.GetmeritsController.getHtml";
|
||
|
|
var dataurl = "./w?sid="+sid+"&cmd=com.awspaas.user.apps.integration.controller.GetSomeIndexController.toIndex";
|
||
|
|
|
||
|
|
$("#territory a").attr("href",territoryUrl);
|
||
|
|
$("#dataurl a").attr("href",dataurl);
|
||
|
|
})
|
||
|
|
window.addEventListener("resize", function () {
|
||
|
|
growthCharts.resize()
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
<script>
|
||
|
|
getTableData();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
$(function () {
|
||
|
|
$(".loading").fadeOut()
|
||
|
|
growthChartsinto();
|
||
|
|
|
||
|
|
$('.closedrag').click(function(){
|
||
|
|
$('.drag').hide()
|
||
|
|
})
|
||
|
|
$('.table3closedrag').click(function(){
|
||
|
|
$('.table3drag').hide()
|
||
|
|
})
|
||
|
|
})
|
||
|
|
|
||
|
|
|
||
|
|
//截取参数
|
||
|
|
function GetQuery(name)
|
||
|
|
{
|
||
|
|
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
|
||
|
|
var r = window.location.search.substr(1).match(reg);
|
||
|
|
if(r!=null)return unescape(r[2]); return null;
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|