|
|
@@ -1,7 +1,7 @@
|
|
|
-$(function() {
|
|
|
- $("#mslm-update-tab").on('click', function() {
|
|
|
- initMslmUpdateChart();
|
|
|
- });
|
|
|
+$(function () {
|
|
|
+ $("#mslm-update-tab").on('click', function () {
|
|
|
+ initMslmUpdateChart();
|
|
|
+ });
|
|
|
});
|
|
|
|
|
|
/**
|
|
|
@@ -10,118 +10,118 @@ $(function() {
|
|
|
* @param {Object} date2
|
|
|
*/
|
|
|
function getNumberOfDays(date1, date2) {
|
|
|
- var a1 = Date.parse(new Date(date1));
|
|
|
- var a2 = Date.parse(new Date(date2));
|
|
|
- var day = parseInt((a2 - a1) / (1000 * 60 * 60 * 24));
|
|
|
- return day;
|
|
|
+ var a1 = Date.parse(new Date(date1));
|
|
|
+ var a2 = Date.parse(new Date(date2));
|
|
|
+ var day = parseInt((a2 - a1) / (1000 * 60 * 60 * 24));
|
|
|
+ return day;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* 查询民生栏目总览数据
|
|
|
*/
|
|
|
function getMslmTable() {
|
|
|
- $("#tileTable").empty();
|
|
|
- var _html = '';
|
|
|
- get('/mail/webStatus', true, {
|
|
|
- "type": 0,
|
|
|
- "Id": 2
|
|
|
- }, function(res) {
|
|
|
- var length = res.length;
|
|
|
- var name = res.ColumnName;
|
|
|
- var dept = res.dept;
|
|
|
- var count = res.count;
|
|
|
- var release = res.releaseDate;
|
|
|
- for (let i = 0; i < length; i++) {
|
|
|
- var releaseDate = release[i];
|
|
|
- var data = new Date();
|
|
|
- var nowDate = data.toLocaleDateString();
|
|
|
- var interval = getNumberOfDays(releaseDate, nowDate);
|
|
|
- var cls = '';
|
|
|
- if (interval <= 30) {
|
|
|
- cls = 'marker2-three';
|
|
|
- } else if (interval <= 90) {
|
|
|
- cls = 'marker2-one';
|
|
|
- } else if (interval >= 90) {
|
|
|
- cls = 'marker2-two';
|
|
|
- }
|
|
|
- _html += '<tr>' +
|
|
|
- '"<td>' + name[i] + '</td>' +
|
|
|
- '"<td>' + dept[i] + '</td>' +
|
|
|
- '"<td>' + count[i] + '</td>' +
|
|
|
- '"<td id="releaseDate" class="' + cls + '" style="width: 200px">' + release[i] +
|
|
|
- ' ' +
|
|
|
- interval + '天前</td>' +
|
|
|
- '"</tr>';
|
|
|
- }
|
|
|
- $("#tileTable").html(_html);
|
|
|
- }, function(err) {});
|
|
|
+ $("#tileTable").empty();
|
|
|
+ var _html = '';
|
|
|
+ get('/mail/webStatus', true, {
|
|
|
+ "type": 0,
|
|
|
+ "Id": 2
|
|
|
+ }, function (res) {
|
|
|
+ var length = res.length;
|
|
|
+ var name = res.ColumnName;
|
|
|
+ var dept = res.dept;
|
|
|
+ var count = res.count;
|
|
|
+ var release = res.releaseDate;
|
|
|
+ for (let i = 0; i < length; i++) {
|
|
|
+ var releaseDate = release[i];
|
|
|
+ var data = new Date();
|
|
|
+ var nowDate = data.toLocaleDateString();
|
|
|
+ var interval = getNumberOfDays(releaseDate, nowDate);
|
|
|
+ var cls = '';
|
|
|
+ if (interval <= 30) {
|
|
|
+ cls = 'marker2-three';
|
|
|
+ } else if (interval <= 90) {
|
|
|
+ cls = 'marker2-one';
|
|
|
+ } else if (interval >= 90) {
|
|
|
+ cls = 'marker2-two';
|
|
|
+ }
|
|
|
+ _html += '<tr>' +
|
|
|
+ '"<td>' + name[i] + '</td>' +
|
|
|
+ '"<td>' + dept[i] + '</td>' +
|
|
|
+ '"<td>' + count[i] + '</td>' +
|
|
|
+ '"<td id="releaseDate" class="' + cls + '" style="width: 200px">' + release[i] +
|
|
|
+ ' ' +
|
|
|
+ interval + '天前</td>' +
|
|
|
+ '"</tr>';
|
|
|
+ }
|
|
|
+ $("#tileTable").html(_html);
|
|
|
+ }, function (err) {
|
|
|
+ });
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* 获取民生栏目更新数据
|
|
|
*/
|
|
|
function initMslmUpdateChart() {
|
|
|
- $("#DistrictPortal").removeAttr("_echarts_instance_").empty();
|
|
|
- get('/mail/findPublicStatus', true, {
|
|
|
- "type": 0,
|
|
|
- "urlId": 2
|
|
|
- }, function(res) {
|
|
|
- var typeNames = [];
|
|
|
- for (let i = 0; i < res.length; i++) {
|
|
|
- typeNames.push(res.field[i]);
|
|
|
- }
|
|
|
- // 图表绘制
|
|
|
- var barData = res;
|
|
|
- var dpChartDom = document.getElementById('DistrictPortal');
|
|
|
- var dpMyChart = echarts.init(dpChartDom);
|
|
|
- var dpOption = {
|
|
|
- title : {
|
|
|
- text: "最近180天民生栏目更新情况",
|
|
|
- x: 'center',
|
|
|
- y: '5px',
|
|
|
- },
|
|
|
- tooltip : {
|
|
|
- show : true
|
|
|
- /*trigger: 'item',
|
|
|
- formatter: "{b} : {c} (次)"*/
|
|
|
- },
|
|
|
- xAxis: {
|
|
|
- type: 'category',
|
|
|
- data: barData.field,
|
|
|
- axisLabel: {
|
|
|
- interval: 0,
|
|
|
- formatter:function(value)
|
|
|
- {
|
|
|
- return value.split("").join("\n");
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- grid: {
|
|
|
- bottom: '20%',
|
|
|
- left: '4%'
|
|
|
- },
|
|
|
- yAxis: {
|
|
|
- name: '单位：（条）',
|
|
|
- type: 'value'
|
|
|
- },
|
|
|
- series: [{
|
|
|
- type: 'bar',
|
|
|
- data: barData.fieldSize,
|
|
|
- itemStyle: {
|
|
|
- normal:{
|
|
|
- label:{
|
|
|
- show:true,
|
|
|
- /*formatter: "{b} :\n {c} \n ({d}%)",*/
|
|
|
- position:"top"
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }]
|
|
|
- }
|
|
|
- dpOption && dpMyChart.setOption(dpOption);
|
|
|
- // 民生栏目更新数据表格
|
|
|
- initMslmUpdateTable(typeNames);
|
|
|
- });
|
|
|
+ $("#DistrictPortal").removeAttr("_echarts_instance_").empty();
|
|
|
+ get('/mail/findPublicStatus', true, {
|
|
|
+ "type": 0,
|
|
|
+ "urlId": 2
|
|
|
+ }, function (res) {
|
|
|
+ var typeNames = [];
|
|
|
+ for (let i = 0; i < res.length; i++) {
|
|
|
+ typeNames.push(res.field[i]);
|
|
|
+ }
|
|
|
+ // 图表绘制
|
|
|
+ var barData = res;
|
|
|
+ var dpChartDom = document.getElementById('DistrictPortal');
|
|
|
+ var dpMyChart = echarts.init(dpChartDom);
|
|
|
+ var dpOption = {
|
|
|
+ title: {
|
|
|
+ text: "最近180天民生栏目更新情况",
|
|
|
+ x: 'center',
|
|
|
+ y: '5px',
|
|
|
+ },
|
|
|
+ tooltip: {
|
|
|
+ show: true
|
|
|
+ /*trigger: 'item',
|
|
|
+ formatter: "{b} : {c} (次)"*/
|
|
|
+ },
|
|
|
+ xAxis: {
|
|
|
+ type: 'category',
|
|
|
+ data: barData.field,
|
|
|
+ axisLabel: {
|
|
|
+ interval: 0,
|
|
|
+ formatter: function (value) {
|
|
|
+ return value.split("").join("\n");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ grid: {
|
|
|
+ bottom: '20%',
|
|
|
+ left: '4%'
|
|
|
+ },
|
|
|
+ yAxis: {
|
|
|
+ name: '单位：（条）',
|
|
|
+ type: 'value'
|
|
|
+ },
|
|
|
+ series: [{
|
|
|
+ type: 'bar',
|
|
|
+ data: barData.fieldSize,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ label: {
|
|
|
+ show: true,
|
|
|
+ /*formatter: "{b} :\n {c} \n ({d}%)",*/
|
|
|
+ position: "top"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }]
|
|
|
+ }
|
|
|
+ dpOption && dpMyChart.setOption(dpOption);
|
|
|
+ // 民生栏目更新数据表格
|
|
|
+ initMslmUpdateTable(typeNames);
|
|
|
+ });
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
@@ -129,53 +129,35 @@ function initMslmUpdateChart() {
|
|
|
* @param {Object} typeNames
|
|
|
*/
|
|
|
function initMslmUpdateTable(typeNames) {
|
|
|
- let _tdhtml = '';
|
|
|
- let _html = '';
|
|
|
- $("#streetHeader").empty();
|
|
|
- get('/mail/findPublicSheet', true, {
|
|
|
- "typeName": typeNames ? typeNames.join(",") : ""
|
|
|
- }, function (res) {
|
|
|
- if (!res) {
|
|
|
- return;
|
|
|
- }
|
|
|
- let dept = res.dept;
|
|
|
- let column = res.column;
|
|
|
- let typeName = res.typeName;
|
|
|
- let str = '';
|
|
|
- for (let i = 0; i < res.length; i++) {
|
|
|
- var lastUpdate = '';
|
|
|
- _tdhtml = '';
|
|
|
- str = '';
|
|
|
- let count = 0;
|
|
|
- for (let j = 0; j < column[i].length; j++) {
|
|
|
- if (column[i][0] == null) {
|
|
|
- _tdhtml = ' <td>0</td>\' ' +
|
|
|
- '<td>0</td>' +
|
|
|
- '<td>0</td>' +
|
|
|
- '<td>0</td>' +
|
|
|
- '<td>0</td>' +
|
|
|
- '<td>0</td>' +
|
|
|
- '<td>0</td>';
|
|
|
- count = 0
|
|
|
- return;
|
|
|
- }
|
|
|
- str += column[i][j].columnSecondName + '\xa0' + column[i][j].count +'\xa0\xa0\xa0\xa0\xa0\xa0';
|
|
|
+ let _tdhtml = '';
|
|
|
+ let _html = '';
|
|
|
+ $("#streetHeader").empty();
|
|
|
+ get('/mail/findPublicSheet', true, {
|
|
|
+ "type": 0
|
|
|
+ }, function (res) {
|
|
|
+ if (!res) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ let typeName = res.typeName;
|
|
|
+ let dept = res.dept;
|
|
|
+ let column = res.column;
|
|
|
+ let total = res.total;
|
|
|
+ let updateTime = res.updateTime;
|
|
|
|
|
|
-
|
|
|
- count += parseInt(column[i][j].count)
|
|
|
-
|
|
|
- lastUpdate = column[i][j].releaseDate
|
|
|
- }
|
|
|
- _tdhtml = ' <td>' + str + '</td>\' ';
|
|
|
-
|
|
|
- _html += '<tr>' +
|
|
|
- '<td >' + typeName[i] + '</td>' +
|
|
|
- '<td>' + dept[i] + '</td>' +
|
|
|
- '<td colspan="9">' + _tdhtml + '</td>' +
|
|
|
- '<td colspan="3">' + count + '</td>' +
|
|
|
- '<td colspan="3">' + lastUpdate + '</td>' +
|
|
|
- '</tr>';
|
|
|
- }
|
|
|
- $("#streetHeader").html(_html);
|
|
|
- });
|
|
|
+ var _html = '';
|
|
|
+ for (let i = 0; i < typeName.length; i++) {
|
|
|
+ _html += '<tr>';
|
|
|
+ _html += '<td>' + typeName[i] + '</td>';
|
|
|
+ _html += '<td>' + dept[i] + '</td>';
|
|
|
+ _html += '<td colspan="9"><td>';
|
|
|
+ for (let j = 0; j < column[i].length; j++) {
|
|
|
+ _html += column[i][j].childColumn + " " + column[i][j].count + "<br>";
|
|
|
+ }
|
|
|
+ _html += '</td></td>';
|
|
|
+ _html += '<td colspan="3">' + total[i] + '</td>';
|
|
|
+ _html += '<td colspan="3">' + updateTime[i] + '</td>';
|
|
|
+ _html += '</tr>';
|
|
|
+ }
|
|
|
+ $("#streetHeader").html(_html);
|
|
|
+ });
|
|
|
}
|
