apps/com.awspaas.user.apps.yili.integration/template/page/territory.html
2023-06-02 19:51:39 +08:00

621 lines
23 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.integration/css/comon1.css" type="text/css" />
<link rel="stylesheet" href="../apps/com.awspaas.user.apps.yili.integration/css/style.css">
<style>
.Indicatoradd .title {
background: linear-gradient(0deg, rgba(16, 218, 255, 0.3), rgba(91, 147, 183, 0.3));
font-size: 0.16rem;
color: #66FBF9;
text-align: center;
padding: 0.08rem 0;
}
.Indicatoradd td {
margin-right: 0.01rem;
font-size: 0.16rem;
color: #66FBF9;
background: linear-gradient(0deg, rgba(16, 218, 255, 0.3), rgba(91, 147, 183, 0.3))
}
.Indicatoradd td:last-child {
background: none;
}
.Indicatoradd td label {
display: block;
margin: 0 auto;
text-align: center;
color: #66FBF9;
font-size: 0.16rem;
}
.Indicatoradd_li li {
font-size: 0.16rem;
color: #66FBF9;
background: rgba(24, 97, 121, 0.3);
padding: 0.08rem 0.08rem 0.08rem 8.5% !important;
margin-bottom: 1px;
}
.Indicatoradd_li li:last-child {
margin-bottom: 0
}
.Indicatoradd_li span {
display: inline-block;
width: 0.7rem;
height: 0.25rem;
line-height: 0.25rem;
text-align: center;
background: #07556F;
border: 1px solid #66FBF9;
box-shadow: 0px 0.02rem 0.07rem 0px rgba(0, 28, 61, 0.5);
border-radius: 0.05rem;
margin: 0 auto;
margin-bottom: 0.2rem;
margin-left: 0.2rem;
float: right
}
</style>
</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>流程运营看板</h1>
<div class="index_nav">
<ul style="height: 30px; margin-bottom: 0px;">
<li id="dataurl" class="l_left total_chose_pl"><a href="">L1-L3流程绩效看板</a></li>
<li id="territory" class="r_right total_chose_pl nav_active">末级流程绩效看板</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">
<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">
<ul class="territory_ul">
<li>
<div class="territoryBox territoryBox" style="cursor:pointer;" onclick="openurl(1)">
<div class="territoryborder">
<span class="style1"></span>
<div class="number1">
财务数字化中心
</div>
<div class="number2">
分析流程<label>8</label>&nbsp;&nbsp;
指标数<label>52</label>
</div>
</div>
<div class="territoryBoxfoot"></div>
</div>
</li>
<li>
<div class="territoryBox territoryBox" style="cursor:pointer;" onclick="openurl(2)">
<div class="territoryborder">
<span class="style1"></span>
<div class="number1">
总部工程管理部
</div>
<div class="number2">
分析流程<label>7</label>&nbsp;&nbsp;
指标数<label>10</label>
</div>
</div>
<div class="territoryBoxfoot"></div>
</div>
</li>
<li>
<div class="territoryBox">
<div class="territoryborder">
<div class="number1">
数据建设中
</div>
<div class="number2">
敬请期待...
</div>
</div>
<div class="territoryBoxfoot"></div>
</div>
</li>
</ul>
</div>
<div class="boxfoot"></div>
</div>
<div class="boxall" id="boxalls">
<div class="alltitle" id="zbkb">指标看板 <img
src="../apps/com.awspaas.user.apps.yili.integration/img/daohang.png">财务数字化中心</div>
<div class="sycm">
<div class="IndicatorLeft" width="100%">
<!--<div class="title">11.0流程、信息化和数字化管理</div>-->
<table width="100%" id="indicator">
<tr>
<td width="20%" id="td1">
<label>11.1 数字化管理</label>
</td>
<td width="20%" id="td2">
<label>11.1.3 数字化管理体系建设</label>
</td>
<td>
<ul class="IndicatorLeft_li" id="jizb">
<li>末级流程名称</li>
<li><a href="http://10.150.3.201/webroot/decision/v5/design/report/09ff2cdb15bc496bae2db0f0e989bedd/edit"
target="_blank">方案设计流程</a><span>M1</span><span>M1</span></li>
<li><a href="http://10.150.3.201/webroot/decision/v5/design/report/ce92361ce21e48c5a8b1c88c19f9ff6b/edit"
target="_blank">提前开展前期工作项目建议书</a></li>
<li><a href="http://10.60.143.102:37799/webroot/decision/link/wr2k"
target="_blank">[04]预折价维护申请流程</a></li>
</ul>
</td>
</tr>
</table>
</div>
<div class="IndicatorRight" id="zbq">
<!-- <div class="title">11.0流程、信息化和数字化管理</div>-->
<div class="territoryBox territoryBox_1">
<div class="territoryborder">
<div class="number1">
财务数字化中心
</div>
<div class="number2">
分析流程<label>8</label>&nbsp;&nbsp;
指标数<label>52</label>
</div>
</div>
<div class="territoryBoxfoot"></div>
</div>
<div class="territoryBox territoryBox_1">
<div class="territoryborder">
<div class="number1">
总部工程管理部
</div>
<div class="number2">
分析流程<label>7</label>&nbsp;&nbsp;
指标数<label>10</label>
</div>
</div>
<div class="territoryBoxfoot"></div>
</div>
</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="navtab">
<ul id="navtab" class="navli">
</ul>
<!--获取下拉列表发标签-->
&nbsp;&nbsp;
<select class="year_chose" onchange="getSelectOption(this.value)" id="liucheng" style="float: left;">
<option>请选择流程绩效指标</option>
</select>
<!-- 开关按钮 -->
<style>
/* 开关按钮 */
.btn-on {
float: right;
width: 150px;
height: 25px;
margin: 0 3px;
border-radius: 25px;
font-size: 14px;
}
.btn-on {
cursor: pointer;
position: relative;
border: 1px solid white;
background-color: #12B090;
}
.btn-on-circle {
position: absolute;
width: 15px;
height: 15px;
top: 5px;
left: 5px;
background-color: rgb(255, 255, 255);
border-radius: 50%;
box-shadow: 0 0 10px white;
transition: all .5s;
}
.btn-on-text {
position: absolute;
right: 10px;
line-height: 25px;
color: white;
transition: all .5s;
}
</style>
</div>
</div>
<div class="sycm">
<div id="relationship"></div>
<p class="btn-on" onclick="on_off()">
<!-- 圆点 -->
<span class="btn-on-circle"></span>
<!-- 文字 -->
<span class="btn-on-text">显示末级绩效</span>
</p>
</div>
<div class="boxfoot"></div>
</div>
</div>
<div class="back"></div>
<input type="hidden" id="sid" name="sid" value="<#sid>">
<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/territoryNeed/territory.js"></script>
<script type="text/javascript"
src="../apps/com.awspaas.user.apps.yili.integration/js/territoryNeed/tree_maker.js"></script>
<script src="../commons/js/jquery/scripts/jquery.js"></script>
<script src="../commons/js/awsui.js"></script>
<script type="text/javascript">
$(function() {
$(".loading").fadeOut()
$('#header').load('header.html')
treemark()
})
</script>
<script type="text/javascript">
$(document).ready(function() {
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);
$("#zbq").hide();
var str = "";
awsui.ajax.request({
type: "POST",
url: "./jd",
dataType: "json",
async: false,
data: {
sid: sid,
cmd: "com.awspaas.user.apps.yili.reportform.service.getToken"
},
success: function(msg) {
str +=
'<li><a href="http://10.150.3.201/webroot/decision/v5/design/report/03f2926494034e8ab03029a3090780e9/view?adaptive=false&jwt_token=' +
msg.token +
'" target="_blank" >供应商主数据维护流程</a></li>'
str +=
'<li><a href="http://10.150.3.201/webroot/decision/v5/design/report/de9e3e0be30945bdac0c81f75d353de1/view?adaptive=false&jwt_token=' +
msg.token +
'" target="_blank" >组织主数据维护流程</a></li>'
str +=
'<li><a href="http://10.150.3.201/webroot/decision/v5/design/report/a20bca874ddc439c8ad8b075ad240da9/view?adaptive=false&jwt_token=' +
msg.token +
'" target="_blank" >会计信息主数据申请流程</a></li>'
str +=
'<li><a href="http://10.150.3.201/webroot/decision/v5/design/report/94d370b4d72d43be87ee05888fd0dbd9/view?adaptive=false&jwt_token=' +
msg.token +
'" target="_blank" >客户信用限额维护流程(液奶、酸奶、冷饮、奶粉电商)</a></li>'
str +=
'<li><a href="http://10.150.3.201/webroot/decision/v5/design/report/082f2e431c524fa09d63b1744cc2f9d1/view?adaptive=false&jwt_token=' +
msg.token +
'" target="_blank" >预算管理系统配置流程</a></li>'
str +=
'<li><a href="http://10.150.3.201/webroot/decision/v5/design/report/db6011e712524f9e8da1e3e7c3505512/view?adaptive=false&jwt_token=' +
msg.token +
'" target="_blank" >管会系统报表权限季度清理流程</a></li>'
str +=
'<li><a href="http://10.150.3.201/webroot/decision/v5/design/report/d8ff391b09444591b2e98fe2349a8f34/view?adaptive=false&jwt_token=' +
msg.token +
'" target="_blank" >管会系统期间管理流程</a></li>'
str +=
'<li><a href="http://10.150.3.201/webroot/decision/v5/design/report/845ac26a0d1d4a9aa27295e0b5bd9ceb/view?adaptive=false&jwt_token=' +
msg.token +
'" target="_blank" >财务主数据治理需求提报流程</a></li>'
}
});
$("#jizb").html(str);
})
window.addEventListener("resize", function() {
$('#relationship').html('')
treemark()
});
function openurl(type) {
var str = "";
var sid = GetQuery("sid");
var str4 = "";
awsui.ajax.request({
type: "POST",
url: "./jd",
dataType: "json",
async: false,
data: {
sid: sid,
cmd: "com.awspaas.user.apps.yili.reportform.service.getToken"
},
success: function(msg) {
debugger;
if (type == '1') {
str +=
'<li><a href="http://10.150.3.201/webroot/decision/v5/design/report/03f2926494034e8ab03029a3090780e9/view?adaptive=false&jwt_token=' +
msg.token +
'" target="_blank" >供应商主数据维护流程</a></li>'
str +=
'<li><a href="http://10.150.3.201/webroot/decision/v5/design/report/de9e3e0be30945bdac0c81f75d353de1/view?adaptive=false&jwt_token=' +
msg.token +
'" target="_blank" >组织主数据维护流程</a></li>'
str +=
'<li><a href="http://10.150.3.201/webroot/decision/v5/design/report/a20bca874ddc439c8ad8b075ad240da9/view?adaptive=false&jwt_token=' +
msg.token +
'" target="_blank" >会计信息主数据申请流程</a></li>'
str +=
'<li><a href="http://10.150.3.201/webroot/decision/v5/design/report/94d370b4d72d43be87ee05888fd0dbd9/view?adaptive=false&jwt_token=' +
msg.token +
'" target="_blank" >客户信用限额维护流程(液奶、酸奶、冷饮、奶粉电商)</a></li>'
str +=
'<li><a href="http://10.150.3.201/webroot/decision/v5/design/report/082f2e431c524fa09d63b1744cc2f9d1/view?adaptive=false&jwt_token=' +
msg.token +
'" target="_blank" >预算管理系统配置流程</a></li>'
str +=
'<li><a href="http://10.150.3.201/webroot/decision/v5/design/report/db6011e712524f9e8da1e3e7c3505512/view?adaptive=false&jwt_token=' +
msg.token +
'" target="_blank" >管会系统报表权限季度清理流程</a></li>'
str +=
'<li><a href="http://10.150.3.201/webroot/decision/v5/design/report/d8ff391b09444591b2e98fe2349a8f34/view?adaptive=false&jwt_token=' +
msg.token +
'" target="_blank" >管会系统期间管理流程</a></li>'
str +=
'<li><a href="http://10.150.3.201/webroot/decision/v5/design/report/845ac26a0d1d4a9aa27295e0b5bd9ceb/view?adaptive=false&jwt_token=' +
msg.token +
'" target="_blank" >财务主数据治理需求提报流程</a></li>'
str4 += '<table width="100%" id="indicator">'
str4 += '<tr>'
str4 += '<td width="20%" id = "td1">'
str4 += ' <label>11.1 数字化管理</label>'
str4 += '</td>'
str4 += '<td width="20%" id = "td2">'
str4 += ' <label>11.1.3 数字化管理体系建设</label>'
str4 += '</td>'
str4 += ' <td>'
str4 += ' <ul class="IndicatorLeft_li" id ="jizb">'
str4 += ' <li>末级流程名称</li>'
str4 +=
' <li><a href="http://10.150.3.201/webroot/decision/v5/design/report/09ff2cdb15bc496bae2db0f0e989bedd/edit" target="_blank" >方案设计流程</a><span>M1</span><span>M1</span></li>'
str4 +=
' <li><a href="http://10.150.3.201/webroot/decision/v5/design/report/ce92361ce21e48c5a8b1c88c19f9ff6b/edit" target="_blank" >提前开展前期工作项目建议书</a></li>'
str4 +=
' <li><a href="http://10.60.143.102:37799/webroot/decision/link/wr2k" target="_blank" >[04]预折价维护申请流程</a></li>'
str4 += ' </ul>'
str4 += ' </td>'
str4 += ' </tr>'
str4 += '</table>'
} else {
/* str += '<li><a href="http://10.150.3.201/webroot/decision/v5/design/report/c7ff07e839244877b5b097e57aa23db9/view?adaptive=false&jwt_token='+msg.token+'" target="_blank" >[01]方案设计流程</a></li>'
str += '<li><a href="http://10.150.3.201/webroot/decision/v5/design/report/af3f13386df3467091d590414e3057e9/view?adaptive=false&jwt_token='+msg.token+'" target="_blank" >[02]提前开展前期工作项目建议书编制流程</a></li>'
str += '<li><a href="http://10.150.3.201/webroot/decision/v5/design/report/bf85c5bbe5d94de48a8c71e588513b1e/view?adaptive=false&jwt_token='+msg.token+'" target="_blank" >[03]设计任务书编制流程</a></li>'
str += '<li><a href="http://10.150.3.201/webroot/decision/v5/design/report/ea782478af6240cb826fd956015295d4/view?adaptive=false&jwt_token='+msg.token+'" target="_blank" >[04]立项文件编制流程</a></li>'
str += '<li><a href="http://10.150.3.201/webroot/decision/v5/design/report/188d2307974644a3ae15d2d803bea2c1/view?adaptive=false&jwt_token='+msg.token+'" target="_blank" >[05]工程项目设计方案技术交底流程</a></li>'
str += '<li><a href="http://10.150.3.201/webroot/decision/v5/design/report/b34ada2558b94e468991fe9222365b40/view?adaptive=false&jwt_token='+msg.token+'" target="_blank" >[06]BIM设计流程</a></li>'
str += '<li><a href="http://10.150.3.201/webroot/decision/v5/design/report/c3be541598a548acb4133ef3b402cc04/view?adaptive=false&jwt_token='+msg.token+'" target="_blank" >[07]需求部门变更管理流程</a></li>'
*/
var data = [{
one: '15.2 工程管理',
tow: [{
name: '15.2.1 工程项目启动'
},
{
name: '15.2.2 工程项目规划'
},
],
three: [{
children: [{
name: '提前开展前期工作项目建议书编制流程'
},
{
name: '立项文件编制流程'
},
]
},
{
children: [{
name: '方案设计流程'
},
{
name: '设计任务书编制流程'
},
{
name: 'BIM设计流程'
},
{
name: '工程项目设计方案技术交底流程'
},
{
name: '需求部门变更管理流程'
}
]
}
]
}];
for (var i = 0; i < data.length; i++) {
var str2 = ''
for (var j = 0; j < data[i].tow.length; j++) {
str2 += '<div style="border-bottom: 1px solid #000000;line-height: ' + data[i]
.three[j].children.length * 36 + 'px;height:' + data[i].three[j].children
.length * 36 + 'px"><label>' + data[i].tow[j].name + '</label></div>'
}
var str3 = ''
for (var j = 0; j < data[i].three.length; j++) {
var strchild = '';
for (var z = 0; z < data[i].three[j].children.length; z++) {
/* strchild+='<li>'+data[i].three[j].children[z].name+'</li>'*/
if (data[i].three[j].children[z].name == '提前开展前期工作项目建议书编制流程') {
strchild +=
'<li style="height: 35px;line-height: 25px;"><a href="http://10.150.3.201/webroot/decision/v5/design/report/af3f13386df3467091d590414e3057e9/view?adaptive=false&jwt_token=' +
msg.token + '" target="_blank" >' + data[i].three[j].children[z]
.name + '</a></li>'
}
if (data[i].three[j].children[z].name == '立项文件编制流程') {
strchild +=
'<li style="height: 35px;line-height: 25px;"><a href="http://10.150.3.201/webroot/decision/v5/design/report/ea782478af6240cb826fd956015295d4/view?adaptive=false&jwt_token=' +
msg.token + '" target="_blank" >' + data[i].three[j].children[z]
.name + '</a></li>'
}
if (data[i].three[j].children[z].name == '方案设计流程') {
strchild +=
'<li style="height: 35px;line-height: 25px;"><a href="http://10.150.3.201/webroot/decision/v5/design/report/c7ff07e839244877b5b097e57aa23db9/view?adaptive=false&jwt_token=' +
msg.token + '" target="_blank" >' + data[i].three[j].children[z]
.name + '</a></li>'
}
if (data[i].three[j].children[z].name == '设计任务书编制流程') {
strchild +=
'<li style="height: 35px;line-height: 25px;"><a href="http://10.150.3.201/webroot/decision/v5/design/report/bf85c5bbe5d94de48a8c71e588513b1e/view?adaptive=false&jwt_token=' +
msg.token + '" target="_blank" >' + data[i].three[j].children[z]
.name + '</a></li>'
}
if (data[i].three[j].children[z].name == 'BIM设计流程') {
strchild +=
'<li style="height: 35px;line-height: 25px;"><a href="http://10.150.3.201/webroot/decision/v5/design/report/b34ada2558b94e468991fe9222365b40/view?adaptive=false&jwt_token=' +
msg.token + '" target="_blank" >' + data[i].three[j].children[z]
.name + '</a></li>'
}
if (data[i].three[j].children[z].name == '工程项目设计方案技术交底流程') {
strchild +=
'<li style="height: 35px;line-height: 25px;"><a href="http://10.150.3.201/webroot/decision/v5/design/report/188d2307974644a3ae15d2d803bea2c1/view?adaptive=false&jwt_token=' +
msg.token + '" target="_blank" >' + data[i].three[j].children[z]
.name + '</a></li>'
}
if (data[i].three[j].children[z].name == '需求部门变更管理流程') {
strchild +=
'<li style="height: 35px;line-height: 25px;"><a href="http://10.150.3.201/webroot/decision/v5/design/report/c3be541598a548acb4133ef3b402cc04/view?adaptive=false&jwt_token=' +
msg.token + '" target="_blank" >' + data[i].three[j].children[z]
.name + '</a></li>'
}
}
str3 += '<div style="border-bottom: 1px solid #000000;height:' + data[i].three[j]
.children.length * 36 + 'px">' +
'<ul class="Indicatoradd_li">' +
strchild +
'</ul>' +
'</div>'
}
str4 += '<tr><td width="20%" style="border-bottom: 1px solid #000000;">' +
'<label>' + data[i].one + '</label>' +
'</td>' +
'<td width="20%">' +
str2 +
'</td>' +
'<td>' +
str3 +
'</td></tr>'
}
}
$('#indicator').html(str4);
if (type == "1") {
$("#jizb").html(str);
}
if (type == "1") {
$("#zbkb").html(
'指标看板 <img src="../apps/com.awspaas.user.apps.yili.integration/img/daohang.png" >财务数字化中心'
)
$("#td1").html("<label>11.1 数字化管理</label>")
$("#td2").html("<label>11.1.3 数字化管理体系建设</label>")
} else {
$("#zbkb").html(
'指标看板 <img src="../apps/com.awspaas.user.apps.yili.integration/img/daohang.png" >总部工程管理部'
)
/* $("#td1").html("<label>15.2 工程管理</label>")
$("#td2").html("<label>15.2.1 工程项目启动</label>")*/
}
//$("#jizb").load(location.href + " #jizb");
}
});
}
//截取参数
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>