更改文案及图标显示

This commit is contained in:
shijing 2023-08-03 15:45:13 +08:00
parent 377f673f60
commit c485a259ad
2 changed files with 32 additions and 42 deletions

View File

@ -6,6 +6,7 @@
v-model="listQuery.belong_dept" v-model="listQuery.belong_dept"
placeholder="报送部门" placeholder="报送部门"
clearable clearable
filterable
@change="belongDeptChange" @change="belongDeptChange"
> >
<el-option <el-option
@ -292,22 +293,6 @@
deptName:'', deptName:'',
fileName:'', fileName:'',
tableData1:[], tableData1:[],
// tableDatas:[
// {type:'重大质量事故',title:'重大质量事故'},
// {type:'报告/证书合格率',title:'已发放报告/证书数量'},
// {type:'报告/证书合格率',title:'不准确报告/证书数量'},
// {type:'报告/证书合格率',title:'报告/证书合格率'},
// {type:'报告/证书及时率',title:'应发报告/证书数量'},
// {type:'报告/证书及时率',title:'实际按时完成报告/证书数量'},
// {type:'报告/证书及时率',title:'报告/证书及时率'},
// {type:'能力验证满意率',title:'全部获结果参数数量'},
// {type:'能力验证满意率',title:'满意结果参数数量'},
// {type:'能力验证满意率',title:'能力验证满意率'},
// {type:'客户投诉处理满意率',title:'全部已处理投诉数量'},
// {type:'客户投诉处理满意率',title:'获满意结果的投诉数量'},
// {type:'客户投诉处理满意率',title:'客户投诉处理满意率'},
// ],
tableDatas:[ tableDatas:[
[],[],[],[],[],[],[],[],[],[],[],[],[] [],[],[],[],[],[],[],[],[],[],[],[],[]
], ],
@ -824,7 +809,7 @@
}, },
}, },
legend: { legend: {
data:['完成值','基础值','设定'], data:['单位完成值','单位目标值','集团目标'],
right:'1%', right:'1%',
top:'3%', top:'3%',
tooltip: { tooltip: {
@ -846,13 +831,15 @@
yAxis:{ yAxis:{
type:'value', type:'value',
axisLabel:{ axisLabel:{
formatter:"{value}" formatter:"{value}%"
}, },
scale:true, scale:true,
min:85,
max:105,
}, },
series:[ series:[
{ {
name: '完成值', name: '单位完成值',
type: 'bar', type: 'bar',
// label: labelOption, // label: labelOption,
emphasis: { emphasis: {
@ -862,7 +849,16 @@
data:data1 data:data1
}, },
{ {
name:"基础值", name:"单位目标值",
type:"bar",
emphasis: {
focus: 'series'
},
barWidth:20,
data:data3
},
{
name:"集团目标值",
type:"bar", type:"bar",
emphasis: { emphasis: {
focus: 'series' focus: 'series'
@ -870,15 +866,7 @@
barWidth:20, barWidth:20,
data:data2 data:data2
}, },
{
name:"设定值",
type:"bar",
emphasis: {
focus: 'series'
},
barWidth:20,
data:data3
}
] ]
} }
that.barAnalyse.clear(); that.barAnalyse.clear();

View File

@ -88,7 +88,7 @@
}, },
}, },
legend: { legend: {
data:['完成值','设定值'], data:['单位完成值','单位目标值',{name:'集团目标值',itemStyle:{opacity:0}}],
right:'10%', right:'10%',
top:'3%' top:'3%'
}, },
@ -107,7 +107,7 @@
type: 'category', type: 'category',
data: [], data: [],
}, },
color:['#438af4','#91cc75'], color:['#438af4','#91cc75','#ff0000'],
yAxis: { yAxis: {
type: 'value', type: 'value',
axisLabel:{ axisLabel:{
@ -119,7 +119,7 @@
}, },
series: [ series: [
{ {
name: '完成值', name: '单位完成值',
type: 'bar', type: 'bar',
barGap: 0, barGap: 0,
barWidth:10, barWidth:10,
@ -134,12 +134,12 @@
silent:false, //鼠标悬停事件 true没有false有 silent:false, //鼠标悬停事件 true没有false有
lineStyle:{ //警戒线的样式 虚实 颜色 lineStyle:{ //警戒线的样式 虚实 颜色
type:"solid", type:"solid",
color:"#ffb4b4", color:"#ff0000",
}, },
label:{ label:{
position:'end', position:'end',
formatter:'{c}', formatter:'{c}',
color:"#ffb4b4", color:"#ff0000",
fontSize:'8' fontSize:'8'
}, },
name:'', name:'',
@ -149,10 +149,15 @@
} }
}, },
{ {
name: '设定', name: '单位目标',
type: 'bar', type: 'bar',
barWidth:10, barWidth:10,
data: [] data: []
},
{
name: '集团目标值',
type: 'line',
data: []
} }
], ],
}; };
@ -179,22 +184,19 @@
taskAnalyse(that.listQuery).then(res=>{ taskAnalyse(that.listQuery).then(res=>{
console.log(res) console.log(res)
let data = res.data; let data = res.data;
// let list = data.filter(item=>{
// })
// 按照属性num给data排序
let xaxis1 = [],data1 = [],data12=[], let xaxis1 = [],data1 = [],data12=[],
xaxis2 = [],data2 = [],data22=[], xaxis2 = [],data2 = [],data22=[],
xaxis3 = [],data3 = [],data32=[], xaxis3 = [],data3 = [],data32=[],
xaxis4 = [],data4 = [],data42=[]; xaxis4 = [],data4 = [],data42=[];
let markLine1 = 0,markLine2=0,markLine3=0,markLine4=0; let markLine1 = 0,markLine2=0,markLine3=0,markLine4=0;
let sortedArr1 = data.sort(compare("报告证书合格率")); let sortedArr1 = data.sort(compare("报告/证书合格率"));
sortedArr1.forEach(item1=>{ sortedArr1.forEach(item1=>{
xaxis1.push(item1.单位) xaxis1.push(item1.单位)
data1.push(item1.报告证书合格率) data1.push(item1.报告证书合格率)
data12.push(item1.报告证书合格率设定值) data12.push(item1.报告证书合格率设定值)
}) })
markLine1 = sortedArr1[0].报告证书合格率基础值; markLine1 = sortedArr1[0].报告证书合格率基础值;
let sortedArr2 = data.sort(compare("报告证书及时率")); let sortedArr2 = data.sort(compare("报告/证书及时率"));
sortedArr2.forEach(item2=>{ sortedArr2.forEach(item2=>{
xaxis2.push(item2.单位) xaxis2.push(item2.单位)
data2.push(item2.报告证书及时率) data2.push(item2.报告证书及时率)
@ -223,7 +225,7 @@
option1.xAxis.data = xaxis1; option1.xAxis.data = xaxis1;
option1.series[0].data = data1; option1.series[0].data = data1;
option1.series[1].data = data12; option1.series[1].data = data12;
option1.title.text = '报告证书合格率'; option1.title.text = '报告/证书合格率';
option1.series[0].markLine.data[0].yAxis = markLine1; option1.series[0].markLine.data[0].yAxis = markLine1;
that.barChart1.clear(); that.barChart1.clear();
that.barChart1.setOption(option1); that.barChart1.setOption(option1);
@ -231,7 +233,7 @@
option2.xAxis.data = xaxis2; option2.xAxis.data = xaxis2;
option2.series[0].data = data2; option2.series[0].data = data2;
option2.series[1].data = data22; option2.series[1].data = data22;
option2.title.text = '报告证书及时率'; option2.title.text = '报告/证书及时率';
option2.series[0].markLine.data[0].yAxis = markLine2; option2.series[0].markLine.data[0].yAxis = markLine2;
that.barChart2.clear(); that.barChart2.clear();
that.barChart2.setOption(option2); that.barChart2.setOption(option2);