<
%@ 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)==10}">
<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)!=10}">
<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: 50
%; float: left;">
<!-- 同比部分 -->
<div class="status">
<ul style="margin-top: 10px;">
<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: 20px;">
<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: 50
%; height: 250px; float: right;"></div>
</div>
<!-- 折线图部分 -->
<div class="chart_trend">
<div id="chart3" style="height: 250px; width: 90
%; float: left;"></div>
<div class="data-source" style="margin: 0
.5
%; float: right;">
类型： <select id="sel_echart3" style="width: 40px;">
<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*100)
.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*100)
.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 : 50,//上边距
y2 : 20, //下边距
borderWidth : 0,
background:'#fff'
},
title : {
text: name!=null?name:'日保费收入趋势图(单位:万)',
x:'460',
y:'10',
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:'#FF7F50',
lineStyle:{
//设置折线图折线颜色
color:'#FF7F50'
}
}
},
data:data
.lm
},
{
name:'日保费目标',
type:'line',
itemStyle : {
normal : {
//设置折线图折线点的颜色
color:'#1E90FF',
lineStyle:{
//设置折线图折线颜色
color:'#1E90FF'
}
}
},
data:data
.gd
},
{
name:'当期保费',
/* type:'line', */
type:'line',
itemStyle : {
normal : {
//设置折线图折线点的颜色
color:'#68B028',
lineStyle:{
//设置折线图折线颜色
color:'#68B028'
}
}
},
data:data
.cm
}
]
};
}else{
var option = {
grid:{
x2: 20,
y : 50,//上边距
y2 : 20, //下边距
borderWidth : 0,
background:'#fff'
},
title : {
text: name!=null?name:'日保费收入趋势图(单位:万)',
x:'460',
y:'10',
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:'#FF7F50',
lineStyle:{
//设置折线图折线颜色
color:'#FF7F50'
}
}
},
data:data
.lm
},
{
name:'当期保费',
type:'line',
itemStyle : {
normal : {
//设置折线图折线点的颜色
color:'#68B028',
lineStyle:{
//设置折线图折线颜色
color:'#68B028'
}
}
},
data:data
.cm
}
]
};
}
//为echarts对象加载数据
chart3
.clear();
chart3
.setOption(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: 10, // 分割段数，默认为5
center : ['27
%', '50
%'], // 默认全局居中
radius : [0,'84
%'],
axisLine: { // 坐标轴线
lineStyle: { // 属性lineStyle控制线条样式
color: [[0
.2, '#FF7F50'],[0
.8, '#FFAD00'],[1, '#68B028']],
width: 8
}
},
axisTick: { // 坐标轴小标记
splitNumber: 10, // 每份split细分多少段
length :12, // 属性length控制线长
lineStyle: { // 属性lineStyle控制线条样式
color: 'auto'
}
},
axisLabel: { // 坐标轴文本标签，详见axis
.axisLabel
textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
color: 'auto'
}
},
splitLine: { // 分隔线
show: true, // 默认显示，属性show控制显示与否
length :30, // 属性length控制线长
lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
color: 'auto'
}
},
pointer : {
width : 5
},
title : {
show : true,
offsetCenter: [0, '-20
%'], // 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: 10, // 分割段数，默认为5
center : ['75
%', '50
%'], // 默认全局居中
radius : [0,'84
%'],
min:0,
max:100,
axisLine: { // 坐标轴线
lineStyle: { // 属性lineStyle控制线条样式
color: [[0
.2,'#FF7F50'],[0
.8, '#FFAD00'], [1, '#68B028']],
width: 8
}
},
axisTick: { // 坐标轴小标记
splitNumber: 10, // 每份split细分多少段
length :12, // 属性length控制线长
lineStyle: { // 属性lineStyle控制线条样式
color: 'auto'
}
},
axisLabel: { // 坐标轴文本标签，详见axis
.axisLabel
textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
color: 'auto'
}
},
splitLine: { // 分隔线
show: true, // 默认显示，属性show控制显示与否
length :30, // 属性length控制线长
lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
color: 'auto'
}
},
pointer : {
width : 5
},
title : {
show : true,
offsetCenter: [0, '-20
%'], // 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
.setOption(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: 260, // 下拉面板宽度
lines: true, // 显示树形连接线
editable: true, // 允许编辑过滤
multiple: true, // ✅ 关键：启用多选（复选框）
prompt: "请选择", // 占位提示文本
onShowPanel: function() { // 展开时移除默认图标
$('
.tree-folder')
.remove();
$('
.tree-
file')
.remove();
}
});这段逻辑
扫一扫
698
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
