You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
275 lines
13 KiB
275 lines
13 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset=utf-8>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>目標管理執行概況</title>
|
|
<link rel="stylesheet" href="dist/fontawesome-free/css/all.css">
|
|
<link rel="stylesheet" href="dist/css/adminlte.min.css">
|
|
</head>
|
|
<body>
|
|
<div class="wrapper">
|
|
<!-- Content Wrapper. Contains page content -->
|
|
<div >
|
|
<!-- Content Header (Page header) -->
|
|
<section class="content-header">
|
|
<div class="container-fluid">
|
|
<div class="row mb-2">
|
|
<div class="col-sm-12 text-center font-weight-bolder">
|
|
<h1>目標管理執行概況</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="content">
|
|
<div class="container-fluid">
|
|
<!-- /.row -->
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h3 class="card-title">一、目標預定與實際報告</h3>
|
|
</div>
|
|
<!-- ./card-header -->
|
|
<div class="card-body">
|
|
<table class="table table-bordered table-hover text-center ">
|
|
<thead style="background-color: #B1B7BAFF; font-weight: bolder">
|
|
<tr style="line-height: 16px;">
|
|
<td style="width: 8%;" rowspan="2" colspan="2"><dt style="margin-top: 20%">管理項目</dt></td>
|
|
<td style="width: 10%">月份</td>
|
|
<td style="width: 4%" >1月</td>
|
|
<td style="width: 10%" rowspan="2" ><dt style="margin-top: 20%">當月達成率</dt></td>
|
|
<td style="width: 10%" rowspan="2" ><dt style="margin-top: 20%">本年累計(%->平均)</dt></td>
|
|
<td style="width: 10%" rowspan="2" ><dt style="margin-top: 20%">年累計達成率</dt></td>
|
|
<td style="width: 4%" >2月</td>
|
|
<td style="width: 4%" >3月</td>
|
|
<td style="width:4%" >4月</td>
|
|
<td style="width: 4%" >5月</td>
|
|
<td style="width: 4%" >6月</td>
|
|
<td style="width: 4%" >7月</td>
|
|
<td style="width: 4%" >8月</td>
|
|
<td style="width: 4%" >9月</td>
|
|
<td style="width: 4%" >10月</td>
|
|
<td style="width: 4%" >11月</td>
|
|
<td style="width: 4%" >12月</td>
|
|
<td style="width: 2%" >合計</td>
|
|
<td style="width: 15%;" rowspan="2" ><dt style="margin-top: 30%">年度目標達成率</dt></td>
|
|
<td style="width: 4%;" rowspan="2"><dt style="margin-top: 70%">得分</dt></td>
|
|
<td style="width: 4%;" rowspan="7"><dt style="margin-top: 70%">備註</dt></td>
|
|
</tr>
|
|
<tr style="line-height: 16px;">
|
|
<td rowspan="2">工作天數</td>
|
|
<td style="width: 1%" id="workingdays" ></td>
|
|
<td style="width: 1%" >17</td>
|
|
<td style="width: 2%" >21</td>
|
|
<td style="width: 2%" >21</td>
|
|
<td style="width: 2%" >22</td>
|
|
<td style="width: 2%" >19</td>
|
|
<td style="width: 2%" >23</td>
|
|
<td style="width: 2%" >22</td>
|
|
<td style="width: 2%" >21</td>
|
|
<td style="width: 2%" >19</td>
|
|
<td style="width: 2%" >21</td>
|
|
<td style="width: 2%" >22</td>
|
|
<td style="width: 2%" >250</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="data" style="text-align: center;vertical-align:middle">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!-- /.card-body -->
|
|
</div>
|
|
<!-- /.card -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- /.row -->
|
|
</div><!-- /.container-fluid -->
|
|
</section>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<script type="text/javascript" src="js/jquery-2.1.1.min.js?t=2"></script>
|
|
<script type="text/javascript">
|
|
$(function () {
|
|
if(window.localStorage){
|
|
var tokendata=window.localStorage.getItem("token");
|
|
if(tokendata==null){
|
|
window.location.href="login.html";
|
|
}else {
|
|
var urll = location.href;
|
|
var wurl = urll.split('phb')[0];
|
|
var URL = wurl + 'phb/gmd.php';
|
|
$.ajax({
|
|
type: "GET",
|
|
url: URL,
|
|
success: function (msg) {
|
|
var msg = eval("(" + msg + ")");
|
|
|
|
//效益頁面
|
|
var result=msg['xiaoyi'];
|
|
console.log(result);
|
|
var htmlds = '<tr><td style="width: 2%;text-align: center;vertical-align:middle" rowspan="6">效益(80%)</td>';
|
|
if (result.length > 0) {
|
|
for (var i = 0; i < result.length; i++) {
|
|
var item=result[i]['item']; //具體項目
|
|
var workingdays=result[i]['workingdays'];//工作天數
|
|
var monthlybudget=result[i]['monthlybudget'];//當月預算
|
|
var actualcurrentmonth=result[i]['actualcurrentmonth'];//當月實際
|
|
var monthlyusagerate=result[i]['monthlyusagerate'];//當月達成率
|
|
var yearlyCumulativebudget=result[i]['yearlyCumulativebudget'];//年累計預算
|
|
var yearlycumulativeactual=result[i]['yearlycumulativeactual'];// 年累計實際
|
|
var yearlyusagerate=result[i]['yearlyusagerate']; // 年累計達成率
|
|
var yearlyGoalachievementrate=result[i]['yearlyGoalachievementrate'];// 年度目標達成率
|
|
var scoreachievementrate=result[i]['scoreachievementrate']; //得分
|
|
var remark=result[i]['remark']; //備註
|
|
|
|
htmlds +=
|
|
'<td style="width: 2%;" rowspan="2" id="item">' + item + '</td>'
|
|
+'<td style="width: 2%" >預算</td>'
|
|
+'<td style="width: 2%" id="monthlybudget" >' + monthlybudget + '</td>'
|
|
+ '<td style="width: 2%" rowspan="2" id="monthlyusagerate">' + monthlyusagerate + '%</td>'
|
|
+'<td style="width: 2%" id="yearlyCumulativebudget">' + yearlyCumulativebudget + '</td>'
|
|
+'<td style="width: 2%;margin-top: 20%" rowspan="2" id="yearlyusagerate">' + yearlyusagerate + '</td>'
|
|
+'<td style="width: 1%" >0</td>'
|
|
+'<td style="width: 1%" >0</td>'
|
|
+'<td style="width: 1%" >0</td>'
|
|
+ '<td style="width: 1%" >0</td>'
|
|
+'<td style="width: 1%" >0</td>'
|
|
+'<td style="width: 1%" >0</td>'
|
|
+'<td style="width: 1%" >0</td>'
|
|
+ '<td style="width: 1%" >0</td>'
|
|
+'<td style="width: 1%" >0</td>'
|
|
+'<td style="width: 1%" >0</td>'
|
|
+'<td style="width: 1%" >0</td>'
|
|
+'<td style="width: 1%" >0</td>'
|
|
+ '<td style="width: 2%;margin-top: 20%" rowspan="2" id="yearlyGoalachievementrate">' + yearlyGoalachievementrate + '</td>'
|
|
+'<td style="width: 2%;margin-top: 20%" rowspan="2" id="scoreachievementrate">' + scoreachievementrate + '</td>'
|
|
+'<td style="width: 2%;margin-top: 20%" rowspan="2" id="remark">' + remark + '</td>'
|
|
+'</tr>'
|
|
+ '<tr>'
|
|
+'<td style="width: 2%" >實際</td>'
|
|
+ '<td style="width: 2%" id="actualcurrentmonth" >' + actualcurrentmonth + '</td>'
|
|
+'<td style="width: 2%" id="yearlycumulativeactual">' + yearlycumulativeactual + '</td>'
|
|
+'<td style="width: 2%" > </td>'
|
|
+'<td style="width: 2%" > </td>'
|
|
+'<td style="width: 2%" > </td>'
|
|
+'<td style="width: 2%" > </td>'
|
|
+'<td style="width: 2%" > </td>'
|
|
+'<td style="width: 2%" > </td>'
|
|
+'<td style="width: 2%" > </td>'
|
|
+'<td style="width: 2%" > </td>'
|
|
+'<td style="width: 2%" > </td>'
|
|
+'<td style="width: 2%" > </td>'
|
|
+'<td style="width: 2%" > </td>'
|
|
+ '<td style="width: 2%" >0</td>'
|
|
+'</tr>';
|
|
}
|
|
|
|
// var item=result[0]['item'];
|
|
// console.log('具體項目');
|
|
// console.log(item);
|
|
// $('#item').html(item);
|
|
//
|
|
var workingdays=result[0]['workingdays'];
|
|
console.log(workingdays);
|
|
$('#workingdays').html(workingdays);
|
|
|
|
|
|
} else {
|
|
htmlds = '<tr ><td colspan="5" style="text-align:center ">暫無數據</td></tr>';
|
|
}
|
|
|
|
//台數頁面
|
|
var tai=msg['tai'];
|
|
console.log(result);
|
|
var htmldstai = '<tr><td style="width: 2%;text-align: center;vertical-align:middle" rowspan="10">台數</td>';
|
|
if (tai.length > 0) {
|
|
for (var i = 0; i < tai.length; i++) {
|
|
var item=tai[i]['item']; //具體項目
|
|
var workingdays=tai[i]['workingdays'];//工作天數
|
|
var monthlybudget=tai[i]['monthlybudget'];//當月預算
|
|
var actualcurrentmonth=tai[i]['actualcurrentmonth'];//當月實際
|
|
var monthlyusagerate=tai[i]['monthlyusagerate'];//當月達成率
|
|
var yearlyCumulativebudget=tai[i]['yearlyCumulativebudget'];//年累計預算
|
|
var yearlycumulativeactual=tai[i]['yearlycumulativeactual'];// 年累計實際
|
|
var yearlyusagerate=tai[i]['yearlyusagerate']; // 年累計達成率
|
|
var yearlyGoalachievementrate=tai[i]['yearlyGoalachievementrate'];// 年度目標達成率
|
|
var scoreachievementrate=tai[i]['scoreachievementrate']; //得分
|
|
var remark=tai[i]['remark']; //備註
|
|
|
|
htmldstai +=
|
|
'<td style="width: 2%;" rowspan="2" id="item">' + item + '</td>'
|
|
+'<td style="width: 2%" >預算</td>'
|
|
+'<td style="width: 2%" id="monthlybudget" >' + monthlybudget + '</td>'
|
|
+ '<td style="width: 2%" rowspan="2" id="monthlyusagerate">' + monthlyusagerate + '%</td>'
|
|
+'<td style="width: 2%" id="yearlyCumulativebudget">' + yearlyCumulativebudget + '</td>'
|
|
+'<td style="width: 2%;margin-top: 20%" rowspan="2" id="yearlyusagerate">' + yearlyusagerate + '</td>'
|
|
+'<td style="width: 1%" >0</td>'
|
|
+'<td style="width: 1%" >0</td>'
|
|
+'<td style="width: 1%" >0</td>'
|
|
+ '<td style="width: 1%" >0</td>'
|
|
+'<td style="width: 1%" >0</td>'
|
|
+'<td style="width: 1%" >0</td>'
|
|
+'<td style="width: 1%" >0</td>'
|
|
+ '<td style="width: 1%" >0</td>'
|
|
+'<td style="width: 1%" >0</td>'
|
|
+'<td style="width: 1%" >0</td>'
|
|
+'<td style="width: 1%" >0</td>'
|
|
+'<td style="width: 1%" >0</td>'
|
|
+ '<td style="width: 2%;margin-top: 20%" rowspan="2" id="yearlyGoalachievementrate">' + yearlyGoalachievementrate + '</td>'
|
|
+'<td style="width: 2%;margin-top: 20%" rowspan="2" id="scoreachievementrate">' + scoreachievementrate + '</td>'
|
|
+'<td style="width: 2%;margin-top: 20%" rowspan="2" id="remark">' + remark + '</td>'
|
|
+'</tr>'
|
|
+ '<tr>'
|
|
+'<td style="width: 2%" >實際</td>'
|
|
+ '<td style="width: 2%" id="actualcurrentmonth" >' + actualcurrentmonth + '</td>'
|
|
+'<td style="width: 2%" id="yearlycumulativeactual">' + yearlycumulativeactual + '</td>'
|
|
+'<td style="width: 2%" > </td>'
|
|
+'<td style="width: 2%" > </td>'
|
|
+'<td style="width: 2%" > </td>'
|
|
+'<td style="width: 2%" > </td>'
|
|
+'<td style="width: 2%" > </td>'
|
|
+'<td style="width: 2%" > </td>'
|
|
+'<td style="width: 2%" > </td>'
|
|
+'<td style="width: 2%" > </td>'
|
|
+'<td style="width: 2%" > </td>'
|
|
+'<td style="width: 2%" > </td>'
|
|
+'<td style="width: 2%" > </td>'
|
|
+ '<td style="width: 2%" >0</td>'
|
|
+'</tr>';
|
|
}
|
|
|
|
|
|
// var item=result[0]['item'];
|
|
// console.log('具體項目');
|
|
// console.log(item);
|
|
// $('#item').html(item);
|
|
//
|
|
var workingdays=result[0]['workingdays'];
|
|
console.log(workingdays);
|
|
$('#workingdays').html(workingdays);
|
|
|
|
|
|
} else {
|
|
htmlds = '<tr ><td colspan="5" style="text-align:center ">暫無數據</td></tr>';
|
|
}
|
|
|
|
var html=htmlds+htmldstai
|
|
$('#data').append(html);
|
|
|
|
|
|
|
|
}
|
|
|
|
})
|
|
}
|
|
}else{
|
|
alert('不支持localstorage');
|
|
}
|
|
})
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|