<%@ 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/1
899/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/3
65法分摊到每一天，未起保的保费作为未到期责任准备金处理">保单年度满期赔付率
</
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: 4
6%; 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: 4
6%;">
<
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: 4
6%; 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: 4
6%;">
<
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 = parse
Float(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 = parse
Float(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 = parse
Float(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 = parse
Float(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:'4
60',
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}'
}
}
],
ser
ies : [
{
name:'同期保费',
type:'line',
itemStyle : {
normal : {
//设置折线图折线点的颜色
color:'#
FF7F50',
lineStyle:{
//设置折线图折线颜色
color:'#
FF7F50'
}
}
},
data:data.lm
},
{
name:'日保费目标',
type:'line',
itemStyle : {
normal : {
//设置折线图折线点的颜色
color:'#1E90
FF',
lineStyle:{
//设置折线图折线颜色
color:'#1E90
FF'
}
}
},
data:data.gd
},
{
name:'当期保费',
/* type:'line', */
type:'line',
itemStyle : {
normal : {
//设置折线图折线点的颜色
color:'#
68B02
8',
lineStyle:{
//设置折线图折线颜色
color:'#
68B02
8'
}
}
},
data:data.cm
}
]
};
}else{
var option = {
grid:{
x2: 20,
y : 50,//上边距
y2 : 20, //下边距
borderWidth : 0,
background:'#
fff'
},
title : {
text: name!=null?name:'日保费收入趋势图(单位:万)',
x:'4
60',
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}'
}
}
],
ser
ies : [
{
name:'同期保费',
type:'line',
itemStyle : {
normal : {
//设置折线图折线点的颜色
color:'#
FF7F50',
lineStyle:{
//设置折线图折线颜色
color:'#
FF7F50'
}
}
},
data:data.lm
},
{
name:'当期保费',
type:'line',
itemStyle : {
normal : {
//设置折线图折线点的颜色
color:'#
68B02
8',
lineStyle:{
//设置折线图折线颜色
color:'#
68B02
8'
}
}
},
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}%"
},
ser
ies : [
{
name:'保费计划完成情况',
type:'gauge',
splitNumber: 10, // 分割段数，默认为5
center : ['2
7%', '50%'], // 默认全局居中
radius : [0,'
84%'],
axisLine: { // 坐标轴线
lineStyle: { // 属性lineStyle控制线条样式
color: [[0.2, '#
FF7F50'],[0.
8, '#
FFAD00'],[1, '#
68B02
8']],
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,
o
ffsetCenter: [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, '#
68B02
8']],
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,
o
ffsetCenter: [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: 2
60, // 下拉面板宽度
lines: true, // 显示树形连接线
editable: true, // 允许编辑过滤
multiple: true, // ✅ 关键：启用多选（复选框）
prompt: "请选择", // 占位提示文本
onShowPanel: function() { // 展开时移除默认图标
$('.tree-folder').remove();
$('.tree-file').remove();
}
});这段逻辑
本文详细介绍了CSS在不同浏览器中的兼容性问题，包括IE与Firefox的差异、布局问题、浮动问题等，并提供了多种解决技巧。
扫一扫
224
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
