|
|
|
@ -58,39 +58,42 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
|
|
</datav-card> |
|
|
|
</datav-card> |
|
|
|
<datav-card title="调查滿意度"> |
|
|
|
<datav-card title="调查滿意度"> |
|
|
|
<div style="height: 226px"> |
|
|
|
<el-container > |
|
|
|
<el-container> |
|
|
|
<el-header> |
|
|
|
<el-aside width="100px"> |
|
|
|
<el-row class="mb-32"> |
|
|
|
<el-col> |
|
|
|
<el-col :span="11"> |
|
|
|
<div class="descriptions_cell text-center height-118"> |
|
|
|
<div class="descriptions_cell text-center"> |
|
|
|
<div class="descriptions_content margin-top-30 "> |
|
|
|
<div class="descriptions_content"> |
|
|
|
{{ dcmyd.length > 0 && dcmyd[1] && dcmyd[1].FinalRP !== undefined ? dcmyd[1].FinalRP : '0' }} |
|
|
|
{{ |
|
|
|
|
|
|
|
dcmyd.length > 0 && dcmyd[1] && dcmyd[1].FinalRP !== undefined ? dcmyd[1].FinalRP : '0' |
|
|
|
|
|
|
|
}} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="descriptions_label"> |
|
|
|
<div class="descriptions_label"> |
|
|
|
上期满意度 |
|
|
|
上期满意度 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="11"> |
|
|
|
<div class="descriptions_cell text-center height-118"> |
|
|
|
<div class="descriptions_cell text-center height-118"> |
|
|
|
<div class="descriptions_content yellow"> |
|
|
|
<div class="descriptions_content yellow"> |
|
|
|
{{ dcmyd.length > 0 && dcmyd[0] && dcmyd[0].FinalRP !== undefined ? dcmyd[0].FinalRP : '0' }} |
|
|
|
{{ |
|
|
|
|
|
|
|
dcmyd.length > 0 && dcmyd[0] && dcmyd[0].FinalRP !== undefined ? dcmyd[0].FinalRP : '0' |
|
|
|
|
|
|
|
}} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="descriptions_label "> |
|
|
|
<div class="descriptions_label "> |
|
|
|
当前调查满意度 |
|
|
|
当前调查满意度 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
</el-row> |
|
|
|
</el-aside> |
|
|
|
</el-header> |
|
|
|
<el-main> |
|
|
|
<el-main style="height: 165px"> |
|
|
|
<v-charts |
|
|
|
<v-charts :option="option1" autoresize/> |
|
|
|
:option="option1" |
|
|
|
|
|
|
|
autoresize |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</el-main> |
|
|
|
</el-main> |
|
|
|
</el-container> |
|
|
|
</el-container> |
|
|
|
</div> |
|
|
|
|
|
|
|
</datav-card> |
|
|
|
</datav-card> |
|
|
|
<div style="background-color:#04144E; "> |
|
|
|
<div style="background-color:#04144E; "> |
|
|
|
<h3 style="color: white">业务满意率</h3> |
|
|
|
<h3 style="color: white">业务满意率</h3> |
|
|
|
@ -386,7 +389,7 @@ const handleOrgChange = async (checkedOrg) => { |
|
|
|
const chart = echarts.getInstanceByDom(document.querySelector('.map-option')); |
|
|
|
const chart = echarts.getInstanceByDom(document.querySelector('.map-option')); |
|
|
|
if (chart) { |
|
|
|
if (chart) { |
|
|
|
chart.dispatchAction({type: 'highlight', name: targetName,}); |
|
|
|
chart.dispatchAction({type: 'highlight', name: targetName,}); |
|
|
|
}else { |
|
|
|
} else { |
|
|
|
alert("没有找到") |
|
|
|
alert("没有找到") |
|
|
|
} |
|
|
|
} |
|
|
|
console.log("年份" + selectYear.value + " 月份" + selectMonth.value + " 单位" + selectOrg.value + " task" + task.value) |
|
|
|
console.log("年份" + selectYear.value + " 月份" + selectMonth.value + " 单位" + selectOrg.value + " task" + task.value) |
|
|
|
@ -474,9 +477,9 @@ const option1 = ref({ |
|
|
|
xAxis: { |
|
|
|
xAxis: { |
|
|
|
type: "category", |
|
|
|
type: "category", |
|
|
|
boundaryGap: true, |
|
|
|
boundaryGap: true, |
|
|
|
data: [], |
|
|
|
data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月',], |
|
|
|
axisLabel: { |
|
|
|
axisLabel: { |
|
|
|
interval: 0, // 隔一个显示一个标签 |
|
|
|
interval: 0, |
|
|
|
}, |
|
|
|
}, |
|
|
|
axisTick: { |
|
|
|
axisTick: { |
|
|
|
show: false // 隐藏x轴的刻度 |
|
|
|
show: false // 隐藏x轴的刻度 |
|
|
|
@ -493,7 +496,6 @@ const option1 = ref({ |
|
|
|
axisLabel: { |
|
|
|
axisLabel: { |
|
|
|
margin: 20, |
|
|
|
margin: 20, |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
tooltip: { |
|
|
|
tooltip: { |
|
|
|
trigger: 'axis', |
|
|
|
trigger: 'axis', |
|
|
|
@ -527,19 +529,22 @@ const option1 = ref({ |
|
|
|
}, |
|
|
|
}, |
|
|
|
]), |
|
|
|
]), |
|
|
|
}, |
|
|
|
}, |
|
|
|
data: [], |
|
|
|
data: [1,1,1,1,1,1,1,1,1,1,1,1], // 直接添加数据 |
|
|
|
}, |
|
|
|
}, |
|
|
|
], |
|
|
|
], |
|
|
|
grid: {left: '5%', right: '5%', top: '10%', bottom: '20%', containLabel: true}, |
|
|
|
grid: {left: '0%', right: '0%', top: '5%', bottom: '0%', containLabel: true}, |
|
|
|
}) |
|
|
|
}) |
|
|
|
const option2 = ref({ |
|
|
|
const option2 = ref({ |
|
|
|
xAxis: { |
|
|
|
xAxis: { |
|
|
|
type: "category", |
|
|
|
type: "category", |
|
|
|
boundaryGap: true, |
|
|
|
boundaryGap: true, |
|
|
|
data: [], |
|
|
|
data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月',], |
|
|
|
axisTick: { |
|
|
|
axisTick: { |
|
|
|
show: false // 隐藏x轴的刻度 |
|
|
|
show: false // 隐藏x轴的刻度 |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
axisLabel: { |
|
|
|
|
|
|
|
interval: 0, |
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
}, |
|
|
|
yAxis: { |
|
|
|
yAxis: { |
|
|
|
type: "value", |
|
|
|
type: "value", |
|
|
|
@ -580,8 +585,7 @@ const option2 = ref({ |
|
|
|
color: 'rgba(109, 221, 159, 0.47)' |
|
|
|
color: 'rgba(109, 221, 159, 0.47)' |
|
|
|
}, {offset: 1, color: 'rgba(109, 221, 159, 0)'}]) |
|
|
|
}, {offset: 1, color: 'rgba(109, 221, 159, 0)'}]) |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
data: [1,1,1,1,1,1,1,1,1,1,1,1], // 直接添加数据 |
|
|
|
data: [], |
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
], |
|
|
|
], |
|
|
|
grid: {left: '5%', right: '5%', top: '10%', bottom: '20%', containLabel: true}, |
|
|
|
grid: {left: '5%', right: '5%', top: '10%', bottom: '20%', containLabel: true}, |
|
|
|
|
