<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/tags/inc.jsp"%>
<html xmlns="http://www.w3.org/1899/xhtml">
<head>
<base href="${ctx }/">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="
0" />
<meta http-equiv="X-UA-Compatible" content="IE=8"></meta>
<title>指标快报</title>
<%@ include file="/WEB-INF/tags/css.jsp"%>
<%@ include file="/WEB-INF/tags/script.jsp"%>
<%@ include file="/WEB-INF/tags/artDialog.jsp"%>
<script src="static/echarts2/echarts.js"></script>
</head>
<body style="margin:
0.5%;">
<form id="form" method="POST">
<div class="impaction">
<div class="quota" id="quotatop">
<!-- 条件选择部分 -->
<div class="com-up">
<div class="data-source">截止日期：${statdate}</div>
<div class="data-source">
二级机构： <select id="sel_company">
<c:if test="${fn:length(deptid)==2}">
<
option value="
00">所有机构</
option>
<c:forEach var="companylist" items="${companylist}">
<
option value="${companylist.prvnccode}">${companylist.prvncname}</
option>
</c:forEach>
</c:if>
<c:if test="${fn:length(deptid)==1
0}">
<c:forEach var="companylist" items="${companylist}">
<
option value="${companylist.prvnccode}">${companylist.prvncname}</
option>
</c:forEach>
</c:if>
<c:if test="${fn:length(deptid)!=2&&fn:length(deptid)!=1
0}">
<c:forEach var="companylist" items="${companylist}">
<c:if
test="${fn:substring(deptid,
0,4)==companylist.prvnccode}">
<
option value="${companylist.prvnccode}">${companylist.prvncname}</
option>
</c:if>
</c:forEach>
</c:if>
</select>
</div>
<div class="data-source">
三级机构： <select id="sel_company2">
<
option value="
00">所有机构</
option>
<c:forEach var="companylist2" items="${companylist2}">
<
option value="${companylist2.citycode}">${companylist2.cityname}</
option>
</c:forEach>
</select>
</div>
<div class="data-source">
四级机构： <select id="sel_company3">
<
option value="
00">所有机构</
option>
<c:forEach var="companylist3" items="${companylist3}">
<
option value="${companylist3.countycode}">${companylist2.countyname}</
option>
</c:forEach>
</select>
</div>
<div class="data-source">
渠道： <select id="sel_channel">
<
option value="
00">所有渠道</
option>
<c:forEach var="channelist" items="${channelist}">
<
option value="${channelist.codecode}">${channelist.codename}</
option>
</c:forEach>
</select>
</div>
<div class="data-source">
险类： <select id="sel_class">
<
option value="
00">所有险类</
option>
<c:forEach var="classlist" items="${classlist}">
<
option value="${classlist.classCode}">${classlist.className}</
option>
</c:forEach>
</select>
</div>
<div class="data-source">
业务来源： <select id="sel_bus">
<
option value="
00">所有来源</
option>
<c:forEach var="buslist" items="${buslist}">
<
option value="${buslist.busssourcecode1}">${buslist.busssourcename1}</
option>
</c:forEach>
</select>
</div>
<div class="data-source">
二级： <select id="sel_bus2">
<
option value="
00">所有来源</
option>
<c:forEach var="buslist2" items="${buslist2}">
<
option value="${buslist2.busssourcecode2}">${buslist2.busssourcename2}</
option>
</c:forEach>
</select>
</div>
</div>
<!-- 同比部分 -->
<div class="status">
<ul>
<li>
<div class="uup" title="核保、起保（核批、生效）日期大者在统计期内我方份额去税的保费之和">保费收入（当年）</div>
<div class="ddw">
<span id="top_sumpremium_year" class="number">
0.
00万</span>
<p id="top_sumpremium_yoy" class="word">
同比<br>-
</p>
<span id="top_sumpremium_pic" class="cartoon cartoon-up"></span>
</div>
</li>
<li>
<div class="uup" title="核保（核批）通过时间在统计期内我方份额去税的保费之和">签单保费（当年）</div>
<div class="ddw">
<span id="top_signpremlst_year" class="number">
0.
00万</span>
<p id="top_signpremlst_yoy" class="word">
同比<br>-
</p>
<span id="top_signpremlst_pic" class="cartoon cartoon-up"></span>
</div>
</li>
<li>
<div class="uup"
title="计算时的保费和赔款均来自相同的
保单，而且承担的风险也通过1/365法分摊到每一天，未起保的保费作为未到期责任准备金处理">
保单年度满期赔付率
</div>
<div class="ddw">
<span id="top_bdndmqpfl" class="number">
0.
00%</span>
<p id="top_bdndmqpfl_yoy" class="word">
同比<br>-
</p>
<span id="top_bdndmqpfl_pic" class="cartoon cartoon-down"></span>
</div>
</li>
<li style="margin-right:
0;">
<div class="uup"
title="统计期内所有已决赔款及新增未决赔款与所有
保单（包括统计期内起保或统计期间前起保的
保单）在统计期内生成的满期保费的比
值">历年制赔付率</div>
<div class="ddw">
<span id="top_lnzpfl" class="number">
0.
00%</span>
<p id="top_lnzpfl_yoy" class="word">
同比<br>-
</p>
<span id="top_lnzpfl_pic" class="cartoon cartoon-down"></span>
</div>
</li>
</li>
</ul>
</div>
</div>
<!-- 仪表盘 -->
<div class="dashbord">
<!-- 月日保费 -->
<div class="quota" style="width: 5
0%; float: left;">
<!-- 同比部分 -->
<div class="status">
<ul style="margin-top: 1
0px;">
<li style="width: 46%; margin-right: 4.8%;">
<div class="uup" title="核保、起保（核批、生效）日期大者在统计期内我方份额去税的保费之和">保费收入（当月）</div>
<div class="ddw">
<span id="top_sumpremium_month" class="number">
0.
00万</span>
</div>
</li>
<li style="width: 46%;">
<div class="uup" title="核保（核批）通过时间在统计期内我方份额去税的保费之和">签单保费（当月）</div>
<div class="ddw">
<span id="top_signpremlst_month" class="number">
0.
00万</span>
</div>
</li>
</ul>
<ul style="margin-top: 2
0px;">
<li style="width: 46%; margin-right: 4.8%;">
<div class="uup" title="核保、起保（核批、生效）日期大者在统计期内我方份额去税的保费之和">保费收入（当日）</div>
<div class="ddw">
<span id="top_sumpremium_day" class="number">
0.
00万</span>
</div>
</li>
<li style="width: 46%;">
<div class="uup" title="核保（核批）通过时间在统计期内我方份额去税的保费之和">签单保费（当日）</div>
<div class="ddw">
<span id="top_signpremlst_day" class="number">
0.
00万</span>
</div>
</li>
</ul>
</div>
</div>
<div id="chart13" style="width: 5
0%; height: 25
0px; float: right;"></div>
</div>
<!-- 折线图部分 -->
<div class="chart_trend">
<div id="chart3" style="height: 25
0px; width: 9
0%; float: left;"></div>
<div class="data-source" style="margin:
0.5%; float: right;">
类型： <select id="sel_echart3" style="width: 4
0px;">
<
option value="
00">月</
option>
<
option value="
01">周</
option>
</select>
</div>
</div>
</div>
</form>
<script type="text/javascript">
$('#locSpan',window.parent.document).html("${dq}");
var chart13, chart3;
//保费收入
var top_sumpremium_daystr = document.getElementById("top_sumpremium_day");//保费收入当日
var top_sumpremium_monthstr = document.getElementById("top_sumpremium_month");//保费收入当月
var top_sumpremium_yearstr = document.getElementById("top_sumpremium_year");//保费收入当年
var top_sumpremium_yoystr = document.getElementById("top_sumpremium_yoy");//保费收入同比
//签单保费
var top_signpremlst_daystr = document.getElementById("top_signpremlst_day");//签单保费当日
var top_signpremlst_monthstr = document.getElementById("top_signpremlst_month");//签单保费当月
var top_signpremlst_yearstr = document.getElementById("top_signpremlst_year");//签单保费当年
var top_signpremlst_yoystr = document.getElementById("top_signpremlst_yoy");//签单保费同比
//满期赔付率
var top_bdndmqpfl = document.getElementById("top_bdndmqpfl");
var top_bdndmqpfl_yoystr = document.getElementById("top_bdndmqpfl_yoy");
//历年制赔付率
var top_lnzpfl = document.getElementById("top_lnzpfl");
var top_lnzpfl_yoystr = document.getElementById("top_lnzpfl_yoy");
require.config({
paths: {
echarts: '${ctx}/static/echarts2'
}
});
require(
[
'echarts',
'echarts/chart/bar',
'echarts/chart/line',
'echarts/chart/gauge'
],
function (ec) {
chart13 = ec.init(document.getElementById('chart13'));
chart3 = ec.init(document.getElementById('chart3'));
if("${deptid}".length<=4){
refreshChart13("${deptid}");
refreshChart3("${deptid}");
}else if("${deptid}".length==6){
refreshChart13("","${deptid}");
refreshChart3("","${deptid}");
}
}
);
</script>
<script type="text/javascript">
//刷新保费收入
function refreshTop(prvnccode,citycode,countycode,classCode,codecode,busssourcecode1,busssourcecode2){
$.ajax({
url:'${ctx}/cockpit/chart',
data:{
"prvnccode":prvnccode,
"citycode":citycode,
"countycode":countycode,
"classcode":classCode,
"codecode":codecode,
"busssourcecode1":busssourcecode1,
"busssourcecode2":busssourcecode2
},
//dataType:'json',
success:function(data){
if(data!=null && data!=''){
//刷新保费收入
var sumPremCurDate = (data.sumPremCurDate).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,');
var sumPremCurMnth = (data.sumPremCurMnth).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,');
var sumPremCurYear = (data.sumPremCurYear).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,');
top_sumpremium_daystr.innerText = sumPremCurDate+'万';
top_sumpremium_monthstr.innerText = sumPremCurMnth+'万';
top_sumpremium_yearstr.innerText = sumPremCurYear+'万';
if(data.sumPremLstYear!=
0){
top_sumpremium_yoystr.innerText = '同比'+'\n'+((data.sumPremCurYear-data.sumPremLstYear)/data.sumPremLstYear*1
00).toFixed(2)+'%';
}else{
top_sumpremium_yoystr.innerText = '同比'+'\n'+'-';
}
}else{
var a = (
0).toFixed(2);
top_sumpremium_daystr.innerText = a+'万';
top_sumpremium_monthstr.innerText = a+'万';
top_sumpremium_yearstr.innerText = a+'万';
top_sumpremium_yoystr.innerText = '同比'+'\n'+'-';
}
//变更保费收入 红上绿下 图标
var top_sumpremium_pic=((data.sumPremCurYear-data.sumPremLstYear)/data.sumPremLstYear).toFixed(2);
var top_sumpremium_pic1 = parseFloat(top_sumpremium_pic);
if(top_sumpremium_pic1>
0){
$("#top_sumpremium_pic").removeClass('cartoon-down');
$("#top_sumpremium_pic").addClass('cartoon-up');
}else{
$("#top_sumpremium_pic").removeClass('cartoon-up');
$("#top_sumpremium_pic").addClass('cartoon-down');
}
},
error:function(){
}
});
}
</script>
<script type="text/javascript">
//刷新签单保费
function refreshTop1(prvnccode,citycode,countycode,classCode,codecode,busssourcecode1,busssourcecode2){
$.ajax({
url:'${ctx}/cockpit/chart',
data:{
"prvnccode":prvnccode,
"citycode":citycode,
"countycode":countycode,
"classcode":classCode,
"codecode":codecode,
"busssourcecode1":busssourcecode1,
"busssourcecode2":busssourcecode2
},
//dataType:'json',
success:function(data){
if(data!=null && data!=''){
//刷新签单保费
var signpremcurdate = (data.signpremcurdate).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,');
var signpremcurmnth = (data.signpremcurmnth).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,');
var signpremcuryear = (data.signpremcuryear).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,');
top_signpremlst_daystr.innerText = signpremcurdate+'万';
top_signpremlst_monthstr.innerText = signpremcurmnth+'万';
top_signpremlst_yearstr.innerText = signpremcuryear+'万';
if(data.sumPremLstYear!=
0){
top_signpremlst_yoystr.innerText = '同比'+'\n'+((data.signpremcuryear-data.signpremlstyear)/data.signpremlstyear*1
00).toFixed(2)+'%';
}else{
top_signpremlst_yoystr.innerText = '同比'+'\n'+'-';
}
}else{
var a = (
0).toFixed(2);
top_signpremlst_daystr.innerText = a+'万';
top_signpremlst_monthstr.innerText = a+'万';
top_signpremlst_yearstr.innerText = a+'万';
top_signpremlst_yoystr.innerText = '同比'+'\n'+'-';
}
//变更签单保费 红上绿下 图标
var top_signpremlst_pic=((data.signpremcuryear-data.signpremlstyear)/data.signpremlstyear).toFixed(2);
var top_signpremlst_pic1 = parseFloat(top_signpremlst_pic);
if(top_signpremlst_pic1>
0){
$("#top_signpremlst_pic").removeClass('cartoon-down');
$("#top_signpremlst_pic").addClass('cartoon-up');
}else{
$("#top_signpremlst_pic").removeClass('cartoon-up');
$("#top_signpremlst_pic").addClass('cartoon-down');
}
},
error:function(){
}
});
}
</script>
<script type="text/javascript">
//刷新
保单年度制满期赔付率
function refreshTop2(prvnccode,citycode,countycode,classCode,codecode,busssourcecode1,busssourcecode2){
$.ajax({
url:'${ctx}/cockpit/chartbdndmq',
data:{
"prvnccode":prvnccode,
"citycode":citycode,
"countycode":countycode,
"classcode":classCode,
"codecode":codecode,
"busssourcecode1":busssourcecode1,
"busssourcecode2":busssourcecode2
},
//dataType:'json',
success:function(data){
if(data!=null && data!=''){
//刷新
保单年度制满期赔付率
var bdndmqpfl = (data.bdndmqpfl).toFixed(2);
top_bdndmqpfl.innerText = bdndmqpfl+'%';
if(data.lastrate !=
0){
top_bdndmqpfl_yoystr.innerText = '同比'+'\n'+(data.lastrate).toFixed(2)+'%';
}else{
top_bdndmqpfl_yoystr.innerText = '同比'+'\n'+'-';
}
}else{
var a = (
0).toFixed(2);
top_bdndmqpfl.innerText = a+'%';
top_bdndmqpfl_yoystr.innerText = '同比'+'\n'+'-';
}
//变更
保单年度制满期赔付率 红上绿下 图标
var top_bdndmqpfl_pic=((data.bdndmqpfl-data.lastrate)/data.lastrate).toFixed(2);
var top_bdndmqpfl_pic1 = parseFloat(top_bdndmqpfl_pic);
if(!top_bdndmqpfl_pic1<
0){
$("#top_bdndmqpfl_pic").removeClass('cartoon-down');
$("#top_bdndmqpfl_pic").addClass('cartoon-up');
}else{
$("#top_bdndmqpfl_pic").removeClass('cartoon-up');
$("#top_bdndmqpfl_pic").addClass('cartoon-down');
}
},
error:function(){
}
});
}
</script>
<script type="text/javascript">
//刷新历年制赔付率
function refreshTop3(prvnccode,citycode,countycode,classCode,codecode,busssourcecode1,busssourcecode2){
$.ajax({
url:'${ctx}/cockpit/chartlnz',
data:{
"prvnccode":prvnccode,
"citycode":citycode,
"countycode":countycode,
"classcode":classCode,
"codecode":codecode,
"busssourcecode1":busssourcecode1,
"busssourcecode2":busssourcecode2
},
//dataType:'json',
success:function(data){
if(data!=null && data!=''){
//刷新历年制赔付率
var lnzpfl = (data.lnzpfl).toFixed(2);//保留2位小数
top_lnzpfl.innerText = lnzpfl+'%';
if(data.lastrate !=
0){
top_lnzpfl_yoystr.innerText = '同比'+'\n'+(data.lastrate).toFixed(2)+'%';
}else{
top_lnzpfl_yoystr.innerText = '同比'+'\n'+'-';
}
}else{
var a = (
0).toFixed(2);
top_lnzpfl.innerText = a+'%';
top_lnzpfl_yoystr.innerText = '同比'+'\n'+'-';
}
//变更历年制赔付率 红上绿下 图标
var top_lnzpfl_pic=((data.lnzpfl-data.lastrate)/data.lastrate).toFixed(2);
var top_lnzpfl_pic1 = parseFloat(top_lnzpfl_pic);
if(!top_lnzpfl_pic1<
0){
$("#top_lnzpfl_pic").removeClass('cartoon-down');
$("#top_lnzpfl_pic").addClass('cartoon-up');
}else{
$("#top_lnzpfl_pic").removeClass('cartoon-up');
$("#top_lnzpfl_pic").addClass('cartoon-down');
}
},
error:function(){
}
});
}
</script>
<script type="text/javascript">
function refreshChart3(prvnccode,citycode,countycode,classCode,codecode,busssourcecode1,busssourcecode2){
$.ajax({//折线图
url:'${ctx}/cockpit/chart3',
data:{
"prvnccode":prvnccode,
"citycode":citycode,
"countycode":countycode,
"classcode":classCode,
"codecode":codecode,
"busssourcecode1":busssourcecode1,
"busssourcecode2":busssourcecode2,
"selected":$("#sel_echart3
option:selected").val()
},
dataType:'json',
success:function(data){
renderChart3(data);
},
error:function(){
}
});
}
</script>
<script type="text/javascript">
function renderChart3(data){
var valuePrvnc = $('#sel_prvnc').val();
var valueChannel = $('#sel_channel').val();
var valueClasscode = $('#sel_classcode').val();
var name=data['Cname'];
if(valuePrvnc ==
00 && valueClasscode ==
00&& valueChannel ==
00){
var
option = {
grid:{
y : 5
0,//上边距
y2 : 2
0, //下边距
borderWidth :
0,
background:'#fff'
},
title : {
text: name!=null?name:'日保费收入趋势图(单位:万)',
x:'46
0',
y:'1
0',
textStyle:{
fontSize: 14,
//fontWeight: 'bolder',
fontFamily:'Microsoft YaHei' ,
color: '#333'
}
},
tooltip : {
trigger: 'item'
},
legend: {
data:['同期保费','当期保费']
},
xAxis : [
{
type : 'category',
boundaryGap : false,//类目起始和结束两端空白策略，默认为true留空，false则顶头
data : data.split
}
],
yAxis : [
{
type : 'value',
axisLine :false,
splitLine:{lineStyle:{ width: 1, type: 'dashed'}},
axisLabel : {
formatter: '{value}'
}
}
],
series : [
{
name:'同期保费',
type:'line',
itemStyle : {
normal : {
//设置折线图折线点的颜色
color:'#FF7F5
0',
lineStyle:{
//设置折线图折线颜色
color:'#FF7F5
0'
}
}
},
data:data.lm
},
{
name:'日保费目标',
type:'line',
itemStyle : {
normal : {
//设置折线图折线点的颜色
color:'#1E9
0FF',
lineStyle:{
//设置折线图折线颜色
color:'#1E9
0FF'
}
}
},
data:data.gd
},
{
name:'当期保费',
/* type:'line', */
type:'line',
itemStyle : {
normal : {
//设置折线图折线点的颜色
color:'#68B
028',
lineStyle:{
//设置折线图折线颜色
color:'#68B
028'
}
}
},
data:data.cm
}
]
};
}else{
var
option = {
grid:{
x2: 2
0,
y : 5
0,//上边距
y2 : 2
0, //下边距
borderWidth :
0,
background:'#fff'
},
title : {
text: name!=null?name:'日保费收入趋势图(单位:万)',
x:'46
0',
y:'1
0',
textStyle:{
fontSize: 14,
//fontWeight: 'bolder',
fontFamily:'Microsoft YaHei' ,
color: '#333'
}
},
tooltip : {
trigger: 'item'
},
legend: {
x:'left',
data:['同期保费','当期保费']
},
xAxis : [
{
type : 'category',
//纵向分割线
splitLine : {
show : true,
lineStyle : {
color : '#f5f5f5',
type : 'solid',
width : 1
}
},
boundaryGap : false,//类目起始和结束两端空白策略，默认为true留空，false则顶头
data : data.split
}
],
yAxis : [
{
type : 'value',
axisLine :false,
//纵向分割线
splitLine : {
show : true,
lineStyle : {
color : '#f1f1f1',
type : 'dashed',
width : 1
}
},
axisLabel : {
formatter: '{value}'
}
}
],
series : [
{
name:'同期保费',
type:'line',
itemStyle : {
normal : {
//设置折线图折线点的颜色
color:'#FF7F5
0',
lineStyle:{
//设置折线图折线颜色
color:'#FF7F5
0'
}
}
},
data:data.lm
},
{
name:'当期保费',
type:'line',
itemStyle : {
normal : {
//设置折线图折线点的颜色
color:'#68B
028',
lineStyle:{
//设置折线图折线颜色
color:'#68B
028'
}
}
},
data:data.cm
}
]
};
}
//为echarts对象加载数据
chart3.clear();
chart3.set
Option(
option,true);
}
</script>
<script type="text/javascript">
//加载仪表盘
//刷新图表3
function refreshChart13(prvnccode,citycode,countycode,classCode,codecode,busssourcecode1,busssourcecode2){
$.ajax({
url : '${ctx}/cockpit/chart13',
type: 'post',
data: {
"prvnccode":prvnccode,
"citycode":citycode,
"countycode":countycode,
"classcode":classCode,
"codecode":codecode,
"busssourcecode1":busssourcecode1,
"busssourcecode2":busssourcecode2
},
dataType:'json',
success: function(data){
rendChart13(data);
},
error: function(){
//alert('error');
}
});
}
</script>
<script type="text/javascript">
function rendChart13(data){//仪表盘
option = {
title : {
x: 'center',
text:' 年保费计划完成情况',
textStyle:{
fontSize: 14,
fontWeight: 'bolder',
fontFamily:'Microsoft YaHei' ,
color: '#333'
}
},
tooltip : {
formatter: "{a} <br/>{b} : {c}%"
},
series : [
{
name:'保费计划完成情况',
type:'gauge',
splitNumber: 1
0, // 分割段数，默认为5
center : ['27%', '5
0%'], // 默认全局居中
radius : [
0,'84%'],
axisLine: { // 坐标轴线
lineStyle: { // 属性lineStyle控制线条样式
color: [[
0.2, '#FF7F5
0'],[
0.8, '#FFAD
00'],[1, '#68B
028']],
width: 8
}
},
axisTick: { // 坐标轴小标记
splitNumber: 1
0, // 每份split细分多少段
length :12, // 属性length控制线长
lineStyle: { // 属性lineStyle控制线条样式
color: 'auto'
}
},
axisLabel: { // 坐标轴文本标签，详见axis.axisLabel
textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
color: 'auto'
}
},
splitLine: { // 分隔线
show: true, // 默认显示，属性show控制显示与否
length :3
0, // 属性length控制线长
lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
color: 'auto'
}
},
pointer : {
width : 5
},
title : {
show : true,
offsetCenter: [
0, '-2
0%'], // x, y，单位px
textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
fontWeight: 'bolder'
}
},
detail : {
formatter:'{value}%',
textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
color: 'auto',
fontWeight: 'bolder'
}
},
data:[{value: data.planRatio.toFixed(2), name: '计划完成率'}]
},
{
name:'保费完成超进度比例',
type:'gauge',
splitNumber: 1
0, // 分割段数，默认为5
center : ['75%', '5
0%'], // 默认全局居中
radius : [
0,'84%'],
min:
0,
max:1
00,
axisLine: { // 坐标轴线
lineStyle: { // 属性lineStyle控制线条样式
color: [[
0.2,'#FF7F5
0'],[
0.8, '#FFAD
00'], [1, '#68B
028']],
width: 8
}
},
axisTick: { // 坐标轴小标记
splitNumber: 1
0, // 每份split细分多少段
length :12, // 属性length控制线长
lineStyle: { // 属性lineStyle控制线条样式
color: 'auto'
}
},
axisLabel: { // 坐标轴文本标签，详见axis.axisLabel
textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
color: 'auto'
}
},
splitLine: { // 分隔线
show: true, // 默认显示，属性show控制显示与否
length :3
0, // 属性length控制线长
lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
color: 'auto'
}
},
pointer : {
width : 5
},
title : {
show : true,
offsetCenter: [
0, '-2
0%'], // x, y，单位px
textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
fontWeight: 'bolder'
}
},
detail : {
formatter:'{value}%',
textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
color: 'auto',
fontWeight: 'bolder'
}
},
/* data:[{value: data.overRatio, name: '时间进度'}] */
/* data:[{value:
0.
00, name: '时间进度'}] */
data:[{value: data.overRatio.toFixed(2), name: '时间进度'}]
}
]
};
chart13.clear();
chart13.set
Option(
option);
}
</script>
<script type="text/javascript">
$(document).ready(function(){
function ajaxJigou3(){
$("#sel_company2").html("");
$.ajax({//自动
获取
type:"post",
url:"${ctx }/cockpit/jigou3",
dataType:"json",
data:{
"prvnccode" : $("#sel_company
option:selected").val()
},
success:function(sto){
if(sto.length==1&&sto[
0].citycode.substring(
0,6)=="${deptid}".substring(
0,6)){
$.each(sto,function(i,item){
$("#sel_company2").append("<
option value="+item.citycode+">"+item.cityname+"</
option>");
});
refreshPage();
}else{
$("#sel_company2").append("<
option value='
00'>所有机构</
option>");
$.each(sto,function(i,item){
$("#sel_company2").append("<
option value="+item.citycode+">"+item.cityname+"</
option>");
});
}
}
});
}
if($("#sel_company
option:selected").val()!='
00'){
ajaxJigou3();
}
$("#sel_company").change(function(){
if($("#sel_company
option:selected").val()!='
00'){
$("#sel_company3").html("");
$("#sel_company3").append("<
option value='
00'>所有机构</
option>");
ajaxJigou3();
}else{
$("#sel_company3").html("");
$("#sel_company3").append("<
option value='
00'>所有机构</
option>");
$("#sel_company2").html("");
$("#sel_company2").append("<
option value='
00'>所有机构</
option>");
}
refreshPage();
});
$("#sel_class").change(function(){
refreshPage();
});
$("#sel_channel").change(function(){
refreshPage();
});
$("#sel_echart3").change(function(){
refreshPage();
});
$("#sel_bus").change(function(){
$("#sel_bus2").html("");
var bus = $("#sel_bus
option:selected").val();
if(bus!='
00'){
$.ajax({//自动
获取
type:"post",
url:"${ctx }/cockpit/chartbs",
dataType:"json",
data:{
"busssourcecode1" : $("#sel_bus
option:selected").val()
},
success:function(sto){
$("#sel_bus2").append("<
option value='
00'>所有来源</
option>");
$.each(sto,function(i,item){
$("#sel_bus2").append("<
option value="+item.busssourcecode2+">"+item.busssourcename2+"</
option>");
});
}
});
}else{
$("#sel_bus2").append("<
option value='
00'>所有来源</
option>");
}
refreshPage();
});
$("#sel_bus2").change(function(){
refreshPage();
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
function ajaxJigou4(){
$("#sel_company3").html("");
$.ajax({//自动
获取
type:"post",
url:"${ctx }/cockpit/jigou4",
dataType:"json",
data:{
"citycode" : $("#sel_company2
option:selected").val()
},
success:function(sto){
if(sto.length==1&&sto[
0].countycode.substring(
0,8)=="${deptid}".substring(
0,8)){
$.each(sto,function(i,item){
$("#sel_company3").append("<
option value="+item.countycode+">"+item.countyname+"</
option>");
});
refreshPage();
}else{
$("#sel_company3").append("<
option value='
00'>所有机构</
option>");
$.each(sto,function(i,item){
$("#sel_company3").append("<
option value="+item.countycode+">"+item.countyname+"</
option>");
});
}
}
});
}
if($("#sel_company2
option:selected").val()!='
00'){
ajaxJigou4();
}
$("#sel_company").change(function(){
$("#sel_company3").html("");
$("#sel_company3").append("<
option value='
00'>所有机构</
option>");
});
$("#sel_company2").change(function(){
if($("#sel_company2
option:selected").val()!='
00'){
ajaxJigou4();
}else{
$("#sel_company3").html("");
$("#sel_company3").append("<
option value='
00'>所有机构</
option>");
}
refreshPage();
});
$("#sel_company3").change(function(){
refreshPage();
});
$("#sel_class").change(function(){
refreshPage();
});
$("#sel_channel").change(function(){
refreshPage();
});
$("#sel_echart3").change(function(){
refreshPage();
});
$("#sel_bus").change(function(){
$("#sel_bus2").html("");
var bus = $("#sel_bus
option:selected").val();
if(bus!='
00'){
$.ajax({//自动
获取
type:"post",
url:"${ctx }/cockpit/chartbs",
dataType:"json",
data:{
"busssourcecode1" : $("#sel_bus
option:selected").val()
},
success:function(sto){
$("#sel_bus2").append("<
option value='
00'>所有来源</
option>");
$.each(sto,function(i,item){
$("#sel_bus2").append("<
option value="+item.busssourcecode2+">"+item.busssourcename2+"</
option>");
});
}
});
}else{
$("#sel_bus2").append("<
option value='
00'>所有来源</
option>");
}
refreshPage();
});
$("#sel_bus2").change(function(){
refreshPage();
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
var sel_companyVal = $("#sel_company").val();
var sel_company2Val = $("#sel_company2").val();
var sel_company3Val = $("#sel_company3").val();
var sel_channelVal = $("#sel_channel").val();
var sel_classVal = $("#sel_class").val();
var sel_busVal = $("#sel_bus").val();
var sel_bus2Val = $("#sel_bus2").val();
refreshTop(sel_companyVal,sel_company2Val,sel_company3Val,sel_classVal,sel_channelVal,sel_busVal,sel_bus2Val);
refreshTop1(sel_companyVal,sel_company2Val,sel_company3Val,sel_classVal,sel_channelVal,sel_busVal,sel_bus2Val);
refreshTop2(sel_companyVal,sel_company2Val,sel_company3Val,sel_classVal,sel_channelVal,sel_busVal,sel_bus2Val);
refreshTop3(sel_companyVal,sel_company2Val,sel_company3Val,sel_classVal,sel_channelVal,sel_busVal,sel_bus2Val);
});
</script>
<script type="text/javascript">
function refreshPage(){
var sel_companyVal = $("#sel_company").val();
var sel_company2Val = $("#sel_company2").val();
var sel_company3Val = $("#sel_company3").val();
var sel_channelVal = $("#sel_channel").val();
var sel_classVal = $("#sel_class").val();
var sel_busVal = $("#sel_bus").val();
var sel_bus2Val = $("#sel_bus2").val();
refreshChart13(sel_companyVal,sel_company2Val,sel_company3Val,sel_classVal,sel_channelVal,sel_busVal,sel_bus2Val);
refreshChart3(sel_companyVal,sel_company2Val,sel_company3Val,sel_classVal,sel_channelVal,sel_busVal,sel_bus2Val);
refreshTop(sel_companyVal,sel_company2Val,sel_company3Val,sel_classVal,sel_channelVal,sel_busVal,sel_bus2Val);
refreshTop1(sel_companyVal,sel_company2Val,sel_company3Val,sel_classVal,sel_channelVal,sel_busVal,sel_bus2Val);
refreshTop2(sel_companyVal,sel_company2Val,sel_company3Val,sel_classVal,sel_channelVal,sel_busVal,sel_bus2Val);
refreshTop3(sel_companyVal,sel_company2Val,sel_company3Val,sel_classVal,sel_channelVal,sel_busVal,sel_bus2Val);
}
</script>
</body>
</html>
那这个页面的四级机构是不是也可以使用$('#company').combotree({
data: JSON.parse('${companys}'), // 后端传入的机构数据
panelWidth: 26
0, // 下拉面板宽度
lines: true, // 显示树形连接线
editable: true, // 允许编辑过滤
multiple: true, // ✅ 关键：启用多选（复选框）
prompt: "请选择", // 占位提示文本
onShowPanel: function() { // 展开时移除默认图标
$('.tree-folder').remove();
$('.tree-file').remove();
}
});这段逻辑
本文深入探讨了Struts框架的核心概念，包括其在MVC架构中的角色，如何使用配置文件进行控制器映射，以及如何整合视图层和业务逻辑层。通过实例展示了Struts框架在实际项目中的应用，为读者提供了全面的指导。
扫一扫
887
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
