Browse Source

修改检查登记展示超出div

修改执法计划柱状图修改
v4
chenrui 2 years ago
parent
commit
6a24b83ec9
  1. 35
      lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/code/registration/registration.html
  2. 20
      lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/code/statistical/staticProgram.html

35
lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/code/registration/registration.html

@ -150,7 +150,7 @@
</div> </div>
</div> </div>
</form> </form>
<div class="col-sm-12 select-table table-bordered"> <div class="col-sm-12 select-table table-bordered">
<table id="bootstrap-table"></table> <table id="bootstrap-table"></table>
</div> </div>
</div> </div>
@ -248,7 +248,7 @@
echarts2(); echarts2();
echarts3(); echarts3();
echarts4(); echarts4();
} };
$(function() { $(function() {
var options = { var options = {
modalName: "执法记录统计", modalName: "执法记录统计",
@ -289,7 +289,10 @@
}, },
{ {
field : 'lawEnforcementItemText', field : 'lawEnforcementItemText',
title : '检查事项' title : '检查事项',
formatter:function (value,row,index) {
return $.table.tooltip(value);
}
}, },
{ {
field : 'uniteCheck', field : 'uniteCheck',
@ -356,7 +359,7 @@
$("#bootstrap-table").bootstrapTable(options); $("#bootstrap-table").bootstrapTable(options);
}); });
function echarts1(){ function echarts1(){
var currentId=$('form').eq(1).attr('id') var currentId=$('form').eq(1).attr('id');
var params = $.common.formToJSON(currentId); var params = $.common.formToJSON(currentId);
$.ajax({ $.ajax({
url:prefix+'/echarts1', url:prefix+'/echarts1',
@ -402,16 +405,16 @@
url: prefix + '/echarts2', url: prefix + '/echarts2',
type: 'POST', type: 'POST',
success: function (response) { success: function (response) {
console.log(response) console.log(response);
let xdata=[]; let xdata=[];
response.forEach(e => { response.forEach(e => {
xdata.push(e.name) xdata.push(e.name)
}) });
let ydata=[]; let ydata=[];
response.forEach(e => { response.forEach(e => {
ydata.push(e.value) ydata.push(e.value)
}) });
var option2 = { var option2 = {
tooltip: {}, tooltip: {},
xAxis: { xAxis: {
@ -431,7 +434,7 @@
barWidth: 50 barWidth: 50
} }
] ]
} };
echart2.setOption(option2); echart2.setOption(option2);
} }
}) })
@ -441,15 +444,15 @@
url: prefix + '/echarts3', url: prefix + '/echarts3',
type: 'POST', type: 'POST',
success: function (response) { success: function (response) {
console.log(response) console.log(response);
let xdata=[]; let xdata=[];
response.forEach(e => { response.forEach(e => {
xdata.push(e.name) xdata.push(e.name)
}) });
let ydata=[]; let ydata=[];
response.forEach(e => { response.forEach(e => {
ydata.push(e.value) ydata.push(e.value)
}) });
var option3 = { var option3 = {
tooltip: {}, tooltip: {},
xAxis: { xAxis: {
@ -469,7 +472,7 @@
barWidth: 50 barWidth: 50
} }
] ]
} };
echart3.setOption(option3); echart3.setOption(option3);
} }
}) })
@ -479,15 +482,15 @@
url: prefix + '/echarts4', url: prefix + '/echarts4',
type: 'POST', type: 'POST',
success: function (response) { success: function (response) {
console.log(response) console.log(response);
let xdata=[]; let xdata=[];
response.forEach(e => { response.forEach(e => {
xdata.push(e.name) xdata.push(e.name)
}) });
let ydata=[]; let ydata=[];
response.forEach(e => { response.forEach(e => {
ydata.push(e.value) ydata.push(e.value)
}) });
var option4 = { var option4 = {
tooltip: {}, tooltip: {},
xAxis: { xAxis: {
@ -507,7 +510,7 @@
barWidth: 50 barWidth: 50
} }
] ]
} };
echart4.setOption(option4); echart4.setOption(option4);
} }
}) })

20
lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/project/code/statistical/staticProgram.html

@ -404,6 +404,7 @@
} }
} }
], ],
tooltip: {},
xAxis: { xAxis: {
type: 'category', type: 'category',
axisLabel: { interval: 0, rotate: 30 } axisLabel: { interval: 0, rotate: 30 }
@ -412,7 +413,9 @@
series: { series: {
type: 'bar', type: 'bar',
encode: { x: 'name', y: 'score' }, encode: { x: 'name', y: 'score' },
datasetIndex: 1 datasetIndex: 1,
color: "rgba(24, 116, 205, 1)",
barWidth: 50
} }
}; };
option && myChart.setOption(option); option && myChart.setOption(option);
@ -437,6 +440,7 @@
} }
} }
], ],
tooltip: {},
xAxis: { xAxis: {
type: 'category', type: 'category',
axisLabel: { interval: 0, rotate: 30 } axisLabel: { interval: 0, rotate: 30 }
@ -445,7 +449,9 @@
series: { series: {
type: 'bar', type: 'bar',
encode: { x: 'name', y: 'score' }, encode: { x: 'name', y: 'score' },
datasetIndex: 1 datasetIndex: 1,
color: "rgba(24, 116, 205, 1)",
barWidth: 50
} }
}; };
option && myChart.setOption(option); option && myChart.setOption(option);
@ -470,6 +476,7 @@
} }
} }
], ],
tooltip: {},
xAxis: { xAxis: {
type: 'category', type: 'category',
axisLabel: { interval: 0, rotate: 30 } axisLabel: { interval: 0, rotate: 30 }
@ -478,7 +485,9 @@
series: { series: {
type: 'bar', type: 'bar',
encode: { x: 'name', y: 'score' }, encode: { x: 'name', y: 'score' },
datasetIndex: 1 datasetIndex: 1,
color: "rgba(24, 116, 205, 1)",
barWidth: 50
} }
}; };
option && myChart.setOption(option); option && myChart.setOption(option);
@ -503,6 +512,7 @@
} }
} }
], ],
tooltip: {},
xAxis: { xAxis: {
type: 'category', type: 'category',
axisLabel: { interval: 0, rotate: 30 } axisLabel: { interval: 0, rotate: 30 }
@ -511,7 +521,9 @@
series: { series: {
type: 'bar', type: 'bar',
encode: { x: 'name', y: 'score' }, encode: { x: 'name', y: 'score' },
datasetIndex: 1 datasetIndex: 1,
color: "rgba(24, 116, 205, 1)",
barWidth: 50
} }
}; };
option && myChart.setOption(option); option && myChart.setOption(option);

Loading…
Cancel
Save