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.
451 lines
19 KiB
451 lines
19 KiB
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
|
|
<%@ include file="/common/ctx.jsp" %>
|
|
<%@ page import="com.cjy.sysuser.entity.SysUser" %>
|
|
<%@ page import="com.cjy.sysdept.entity.SysDept" %>
|
|
<%
|
|
SysUser sysUserdou = (SysUser) request.getSession().getAttribute("admin");
|
|
SysDept sysDept = (SysDept) request.getSession().getAttribute("region");
|
|
String earecode = sysDept.getDcode();
|
|
String areacode = "";
|
|
if (sysDept.getDcode().length() == 2) {//省级
|
|
areacode = sysDept.getDremark().substring(0, 2);
|
|
} else if (sysDept.getDcode().length() == 4) {//市级
|
|
areacode = sysDept.getDremark().substring(0, 4);
|
|
} else if (sysDept.getDcode().length() == 6) {//县级
|
|
areacode = sysDept.getDremark();
|
|
}
|
|
%>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<title>投诉分析</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/resourceNew/js/jquery.min.js"></script>
|
|
<script type="text/javascript" src="${ctx}/js/layer/layer.js"></script>
|
|
<!--样式 -->
|
|
<%-- <link type="text/css" rel="stylesheet" href="${ctx }/hbcyjc/resourceNew/css/cjy_style.css"/>--%>
|
|
<%-- <link type="text/css" rel="stylesheet" href="${ctx }/hbcyjc/resourceNew/css/cjy_style2.css"/>--%>
|
|
<%-- <link type="text/css" rel="stylesheet" href="${ctx }/hbcyjc/resourceNew/css/cjy_zlmxg.css"/>--%>
|
|
<%@ include file="/common/theme_css.jsp" %>
|
|
<script type="text/javascript" src="${ctx }/hbcyjc/resource/js/echarts/echarts.min.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function () {
|
|
var sysName = "旅游投诉分析系统";
|
|
|
|
<%@ page import="com.cjy.core.facade.UserAttrFacade" %>
|
|
if('${UserAttrFacade.getDeptInfo(request).dremark}'.indexOf('1399') != -1){
|
|
sysName = '文旅投诉';
|
|
document.getElementsByTagName("title")[0].innerText = sysName;
|
|
}
|
|
|
|
$("#sysName").html(sysName);
|
|
|
|
// $("#bottom_menu").css('display', 'none');
|
|
$("#current_page").css('display', 'none');
|
|
});
|
|
</script>
|
|
</head>
|
|
<body class="old_page">
|
|
<div class="xingk_nr"></div>
|
|
<%@include file="/common/menu.jsp" %>
|
|
|
|
|
|
<!--漂浮-筛选条件-->
|
|
<div class="gy_sx">
|
|
<a class="bttn_tssx"><span class="bttn_sxdh"></span></a>
|
|
<div class="sx_nr" id="div_search">
|
|
<a href="javascript:changedate('DAY')" name="datefx" id="a_DAY" class="xsflx">按日分析</a>
|
|
<a href="javascript:changedate('MONTH')" name="datefx" id="a_MONTH" class="xsflx">按月分析</a>
|
|
<a href="javascript:changedate('YEAR')" name="datefx" id="a_YEAR" class="xsflx active">按年分析</a>
|
|
<div class="sx_form sx_form2">
|
|
<div class="form_input2" id="tDAY" style="display: none;">
|
|
<input id="openingTimeDAY" name="OpeningTime"/>
|
|
</div>
|
|
<div class="form_input2" id="tMONTH" style="display: none;">
|
|
<input id="openingTimeMONTH" name="OpeningTime"/>
|
|
</div>
|
|
<div class="form_input2" id="tYEAR" style="display: none;">
|
|
<input id="openingTimeYEAR" name="OpeningTime"/>
|
|
</div>
|
|
|
|
<input type="hidden" id="dtype" name="dtype"/>
|
|
<input type="hidden" id="ddate" name="ddate"/>
|
|
<input type="hidden" id="areacode" name="areacode" value="<%=areacode%>"/>
|
|
<input type="hidden" id="earecode" name="earecode" value="<%=earecode%>"/>
|
|
|
|
<div id="dept_sheng" class="form_select" style="width:150px;">
|
|
<select class="form-control " id="videoRegionS" name="videoRegionS" onchange="getSelectSysRegion()">
|
|
</select>
|
|
</div>
|
|
<div id="dept_shi" class="form_select" style="width:150px;">
|
|
<select class="form-control " id="videoRegionShi" name="videoRegionShi"
|
|
onchange="getSelectSysRegion('videoRegion')">
|
|
</select>
|
|
</div>
|
|
<div id="dept_xian" class="form_select" style="width:150px;">
|
|
<select class="form-control " id="videoRegion" name="videoRegion" onchange="setareacode()">
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<span class="jb-leftx"></span>
|
|
<span class="jb-rights"></span>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="old_pg_wrap">
|
|
<%-- <div class="che_caid" id="bottom_menu">--%>
|
|
<%-- <a class="bttn_caid"><span class="bttn_sxdh"></span></a>--%>
|
|
<%-- <div class="caid_nr" style="width:140px;box-sizing: content-box;">--%>
|
|
<%-- <div id="menuListt"></div>--%>
|
|
<%-- <span class="jb-lefts">asd</span>--%>
|
|
<%-- <span class="jb-leftx">asd</span>--%>
|
|
<%-- <span class="jb-rights">asd</span>--%>
|
|
<%-- <span class="jb-rightx">asd</span>--%>
|
|
<%-- </div>--%>
|
|
<%-- </div>--%>
|
|
<div>
|
|
<div class="left block_7 fadeInDown">
|
|
<div class="com_box_zsy mgn_r_15">
|
|
<span class="zuos_jiao"></span> <span class="yous_jiao"></span>
|
|
<div class="dl_sub_bt">
|
|
<h3>
|
|
<span>投诉区域分析</span>
|
|
</h3>
|
|
</div>
|
|
<div class="ts_bg tsfx_sm_1">
|
|
<table id="table_tb" width="100%" cellpadding="0" cellspacing="0" class="jqk_1">
|
|
</table>
|
|
</div>
|
|
<div class="tsfx_sm_2 flexbox">
|
|
<%-- 暂时注释 区域投诉量图标.. --%>
|
|
<%--<div class="flex-1 mgn_r_15">
|
|
<div class="dl_sub_bt">
|
|
<h3 id="two1" onclick="setTab('two',1,2)" class="hover">
|
|
<span>投诉量（件）</span>
|
|
</h3>
|
|
<h3 id="two2" onclick="setTab('two',2,2)">
|
|
<span>受理率</span>
|
|
</h3>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<!--投诉量（件）-->
|
|
<div class="tsfx_sl tous_j" id="con_two_1" style="display: block;">
|
|
<div class="zdjq_l">
|
|
<ul class="com_mnjd" id="tsfxtsl">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!--受理率-->
|
|
<div class="tsfx_sl" id="con_two_2" style="display: none;">
|
|
<div class="zdjq_l">
|
|
<ul class="com_mnjd" id="tsfxsll">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>--%>
|
|
<%--<div class="flex-1">
|
|
<!--占位-不能删除-->
|
|
<div class="dl_sub_bt">
|
|
<h3><span></span></h3>
|
|
</div>
|
|
<!--占位-不能删除-->
|
|
<div class="zdjq_l" style="padding:10px;">
|
|
<div style="height:312px" id="place_complaint_map">图表</div>
|
|
</div>
|
|
</div>--%>
|
|
</div>
|
|
</div>
|
|
<div class="com_box_zsy mgn_r_15 mt15">
|
|
<span class="zuos_jiao"></span> <span class="yous_jiao"></span>
|
|
<div class="dl_sub_bt">
|
|
<h3>
|
|
<span>企业投诉量排名</span>
|
|
</h3>
|
|
</div>
|
|
<div id="div_ent" style="height:551px;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="left block_3 fadeInDown">
|
|
<div class="com_box_zsy">
|
|
<span class="zuos_jiao"></span> <span class="yous_jiao"></span>
|
|
<div class="dl_sub_bt">
|
|
<h3>
|
|
<span>全国投诉数量趋势图</span>
|
|
</h3>
|
|
</div>
|
|
<div id="complaintnum" style="height:158px;"></div>
|
|
</div>
|
|
<div class="com_box_zsy mt15">
|
|
<span class="zuos_jiao"></span> <span class="yous_jiao"></span>
|
|
<div class="dl_sub_bt">
|
|
<h3>
|
|
<span>结案结果分析</span>
|
|
</h3>
|
|
</div>
|
|
<div class="flexbox">
|
|
<div class="flex-1">
|
|
<div style="margin-right:5px">
|
|
<h6 class="wd_tit_com">全国结案结果分析</h6>
|
|
<div id="tsfx_ja_result" style="height:225px;">图表</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h6 class="wd_tit_com">全国时限占比统计</h6>
|
|
<div id="tsfx_ja_result_rate" style="height:225px;">图表</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="com_box_zsy mt15">
|
|
<span class="zuos_jiao"></span> <span class="yous_jiao"></span>
|
|
<div class="dl_sub_bt">
|
|
<h3>
|
|
<span>投诉分类统计</span>
|
|
</h3>
|
|
</div>
|
|
<div style="height:240px;">
|
|
<div class="lvyts_fl_date" id="tsfx_classify">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="clear:both"></div>
|
|
</div>
|
|
<div style="clear:both"></div>
|
|
</div>
|
|
|
|
<div class="tsfx_sm_3">
|
|
<div class="flexbox mt15">
|
|
<div class="flex-1">
|
|
<div class="com_box_zsy mgn_r_15">
|
|
<span class="zuos_jiao"></span> <span class="yous_jiao"></span>
|
|
<div class="dl_sub_bt">
|
|
<h3>
|
|
<span>投诉游客性别比例</span>
|
|
</h3>
|
|
</div>
|
|
<div class="ts_sex">
|
|
<div class="pic_sex">
|
|
<img src="${ctx }/hbcyjc/resource/img2/sex.png"/>
|
|
<div class="txt_sex">
|
|
<h3>
|
|
女性<span id="nv">0%</span>
|
|
</h3>
|
|
<h4>
|
|
<span id="nan">0%</span>男性
|
|
</h4>
|
|
</div>
|
|
<div class="sex_wp">
|
|
<div class="female_bfb" style="width:52%;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex-1">
|
|
<div class="com_box_zsy mgn_r_15">
|
|
<span class="zuos_jiao"></span> <span class="yous_jiao"></span>
|
|
<div class="dl_sub_bt">
|
|
<h3>
|
|
<span>投诉游客年龄比例</span>
|
|
</h3>
|
|
</div>
|
|
<div id="div_age" class="tsyk_nlbl fadeInUp">
|
|
<div class="yk_nian">
|
|
<img src="${ctx }/hbcyjc/resource/img2/cd_l.png" class="yk_img"/>
|
|
<div id="div_shao" class="fudiv nian_shao"></div>
|
|
</div>
|
|
<div class="yk_nian">
|
|
<img src="${ctx }/hbcyjc/resource/img2/yg_l.png" class="yk_img"/>
|
|
<div id="div_qing" class="fudiv nian_qing"></div>
|
|
</div>
|
|
<div class="yk_nian">
|
|
<img src="${ctx }/hbcyjc/resource/img2/me_l.png" class="yk_img"/>
|
|
<div id="div_zhong" class="fudiv nian_zhong"></div>
|
|
</div>
|
|
<div class="yk_nian">
|
|
<img src="${ctx }/hbcyjc/resource/img2/ol_l.png" class="yk_img"/>
|
|
<div id="div_lao" class="fudiv nian_lao"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex-1">
|
|
<div class="com_box_zsy mgn_r_15">
|
|
<span class="zuos_jiao"></span> <span class="yous_jiao"></span>
|
|
<div class="dl_sub_bt">
|
|
<h3>
|
|
<span>投诉游客来源地Top5</span>
|
|
</h3>
|
|
</div>
|
|
<div class="" style="height:234px">
|
|
<div class="jq_good">
|
|
<div class="tslyd_fb">
|
|
<ul class="com_mnjd" id="div_source">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex-1">
|
|
<div class="com_box_zsy">
|
|
<span class="zuos_jiao"></span> <span class="yous_jiao"></span>
|
|
<div class="dl_sub_bt">
|
|
<h3>
|
|
<span>投诉游客渠道分布</span>
|
|
</h3>
|
|
</div>
|
|
<div class="tsqd_wp" style="height:236px;width: 92%;">
|
|
<div class="qd_gov flash">
|
|
<h4></h4>
|
|
<p id="gjlywz"></p>
|
|
</div>
|
|
<div class="qd_12301 flash">
|
|
<h4></h4>
|
|
<p id="yesly"></p>
|
|
</div>
|
|
<div class="qd_oth flash">
|
|
<p id="qt"></p>
|
|
<h4></h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!--时间选择器-->
|
|
<script type="text/javascript" src="${ctx }/js/laydate5.09/laydate.js"></script>
|
|
<script type="text/javascript">
|
|
//时间选择器
|
|
laydate.render({
|
|
elem: '#openingTime',
|
|
theme: 'datecolor'
|
|
});
|
|
</script>
|
|
|
|
<!--筛选隐藏显示-->
|
|
<script src="${ctx }/hbcyjc/resourceNew/js/jquery.min.js"></script>
|
|
<script>
|
|
$(document).ready(function () {
|
|
$(".bttn_tssx").click(function () {
|
|
$(".sx_nr").fadeToggle();
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<!--选项卡-->
|
|
<script>
|
|
//选项卡
|
|
function setTab(name, cursel, n) {
|
|
for (i = 1; i <= n; i++) {
|
|
var menu = document.getElementById(name + i);
|
|
var con = document.getElementById("con_" + name + "_" + i);
|
|
menu.className = i == cursel ? "hover" : "";
|
|
con.style.display = i == cursel ? "block" : "none";
|
|
}
|
|
}
|
|
</script>
|
|
<!-- 投诉区域分析 -->
|
|
<script src="${ctx }/hbcyjc/tsfx/tsfx_currtime/tsfx_tb.js"></script>
|
|
<!-- 全国投诉数量趋势图 -->
|
|
<script src="${ctx }/hbcyjc/tsfx/tsfx_currtime/tsfx_qs.js"></script>
|
|
<!-- 投诉量（件） -->
|
|
<script src="${ctx }/hbcyjc/tsfx/tsfx_currtime/tsfx_tsl.js"></script>
|
|
<!-- 受理率 -->
|
|
<script src="${ctx }/hbcyjc/tsfx/tsfx_currtime/tsfx_sll.js"></script>
|
|
<!-- 投诉量地图展示 -->
|
|
<%--<script src="${ctx }/hbcyjc/tsfx/tsfx_currtime/tsfx_map.js"></script>--%>
|
|
<!-- 全国结案结果分析 -->
|
|
<script src="${ctx }/hbcyjc/tsfx/tsfx_currtime/tsfx_ja_result.js"></script>
|
|
<!-- 全国时限占比统计 -->
|
|
<script src="${ctx }/hbcyjc/tsfx/tsfx_currtime/tsfx_ja_result_rate.js"></script>
|
|
<!-- 企业投诉量排名 -->
|
|
<script src="${ctx }/hbcyjc/tsfx/tsfx_currtime/tsfx_ent.js"></script>
|
|
<!-- 投诉分类统计 -->
|
|
<script src="${ctx }/hbcyjc/tsfx/tsfx_currtime/tsfx_classify.js"></script>
|
|
<!-- 投诉游客性别比例 -->
|
|
<script src="${ctx }/hbcyjc/tsfx/tsfx_currtime/tsfx_sex.js"></script>
|
|
<!-- 投诉游客年龄比例 -->
|
|
<script src="${ctx }/hbcyjc/tsfx/tsfx_currtime/tsfx_age.js"></script>
|
|
<!-- 投诉游客来源地Top5 -->
|
|
<script src="${ctx }/hbcyjc/tsfx/tsfx_currtime/tsfx_source.js"></script>
|
|
<!-- 投诉游客渠道分布 -->
|
|
<script src="${ctx }/hbcyjc/tsfx/tsfx_currtime/tsfx_qd.js"></script>
|
|
<!-- 查询条件 -->
|
|
<script src="${ctx }/hbcyjc/tsfx/tsfx_currtime/tsfx_search.js"></script>
|
|
<!-- 获取当前时间js -->
|
|
<script src="${ctx }/js/dateutil.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
//初始化数据
|
|
$(function () {
|
|
init();
|
|
});
|
|
function getmapdata(){}
|
|
var earecode = document.getElementById('earecode').value; //模拟当前登录人所属行政地域编码
|
|
function init() {
|
|
Selectionxzqh(); //三級联动
|
|
changedate('YEAR');
|
|
getLeftlowermenu();
|
|
}
|
|
|
|
//获得左下角菜单
|
|
//加个id--leftlowermenu
|
|
function getLeftlowermenu(){
|
|
var dicnum = '010601'; //测试，需要换成自己当前菜单dicnum --> sys_menu_item_dictionary
|
|
$.ajax({
|
|
url : "${ctx}/hbcyjclogin/getzccd.do",
|
|
data : {"dicnum" : dicnum},
|
|
type : "post",
|
|
dataType : "json",
|
|
success : function(data) {
|
|
var leftlowerhtml = "";
|
|
if(data.success){
|
|
var zcdlist = data.data;
|
|
for(var i = 0;i<zcdlist.length;i++){
|
|
var menuurl = zcdlist[i].menuurl; //配置的链接
|
|
var dicname = zcdlist[i].dicname; //名称
|
|
if(dicnum == zcdlist[i].dicnum){
|
|
leftlowerhtml +="<a href=\""+menuurl+"\" class=\"caid_xiang active\">"+dicname+"</a>";
|
|
}else{
|
|
leftlowerhtml +="<a href=\""+menuurl+"\" class=\"caid_xiang\">"+dicname+"</a>";
|
|
}
|
|
}
|
|
}
|
|
|
|
$("#menuList").html(leftlowerhtml);
|
|
}
|
|
});
|
|
}
|
|
|
|
//去投诉量、受理率详情页
|
|
function details(areacode) {
|
|
layer.open({
|
|
type: 2,
|
|
title: "",
|
|
anim: 2,
|
|
offset: '100px',
|
|
shade: [0.7, '#333'],
|
|
area: ['1281px', '583px'],
|
|
content: "${ctx}/tsfxstat/gotoDetailList.do?areacode=" + areacode + "&ddate=" + $("#ddate").val() + "&dtype=" + $("#dtype").val()
|
|
});
|
|
}
|
|
//根据投诉类型查询
|
|
function detailstype(typets) {
|
|
layer.open({
|
|
type: 2,
|
|
title: "",
|
|
anim: 2,
|
|
offset: '100px',
|
|
shade: [0.7, '#333'],
|
|
area: ['1281px', '583px'],
|
|
content: "${ctx}/tsfxstat/gotoDetailList.do?typets=" + typets + "&ddate=" + $("#ddate").val() + "&dtype=" + $("#dtype").val()
|
|
});
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|