Browse Source

fit:1、大屏(民意感知优化)

master
pengwei 3 months ago
parent
commit
de7a3ddc2e
  1. 27
      src/views/datav/Jwpy.vue

27
src/views/datav/Jwpy.vue

@ -59,28 +59,10 @@
<el-table-column prop="TBRp" label="上期满意度" width="80px"/>
<el-table-column prop="TBRpts" label="同比上期" width="80px">
<template v-slot="scope">
<span :style="getCellStyle(scope.row.TBRpts)">{{ scope.row.TBRpts }}</span>
<span :style="getCellStyle(scope.row.TBRpts)" style="font-size: 15px">{{ scope.row.TBRpts }}</span>
</template>
</el-table-column>
</el-table>
<!-- -->
<!-- <el-table-->
<!-- :data="tableData3"-->
<!-- height="360"-->
<!-- :style="{ width: '100%', marginTop: '10px', fontSize: fontSize + 'px' }"-->
<!-- :header-cell-style="headerCellStyle"-->
<!-- :row-style="tableRowStyle"-->
<!-- :show-summary='false'-->
<!-- >-->
<!-- <el-table-column prop="OrganizeName" label="区"/>-->
<!-- <el-table-column prop="FinalRP" label="滿意度" width="66px"/>-->
<!-- <el-table-column prop="TBRp" label="上期满意度" width="66px"/>-->
<!-- <el-table-column prop="TBRpts" label="同比上期" width="66px">-->
<!-- <template v-slot="scope">-->
<!-- <span :style="getCellStyle(scope.row.TBRpts)">{{ scope.row.TBRpts }}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- </el-table>-->
</div>
</el-main>
</el-container>
@ -217,7 +199,7 @@
<el-table-column prop="smyl" label="满意率" width="77px"/>
<el-table-column prop="smyltb" label="同比" width="77px">
<template v-slot="scope">
<span :style="getCellStyle(scope.row.smyltb)">{{ scope.row.smyltb }}</span>
<span :style="getCellStyle(scope.row.smyltb)" style="font-size: 15px">{{ scope.row.smyltb }}</span>
</template>
</el-table-column>
</el-table>
@ -480,7 +462,7 @@ const option1 = ref({
xAxis: {
type: "category",
boundaryGap: true,
data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月',],
data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
axisLabel: {
interval: 0,
},
@ -886,13 +868,14 @@ async function getData() {
GetDITU(selectYear.value).then((res) => {
tempMap.value = res
let valData = mapOrgNameMapping(tableData2.value,"FinalRP")
console.log('valData',valData)
let listData = valData.sort((a, b) => b["value"] - a["value"]);
option.value.visualMap.pieces=[
{min: listData[2].value, max: listData[0].value, label: "满意度前三", color: "#4987F6"},
{gte: listData[6].value, lte: listData[3].value, label: "满意度中等", color: "#F6A149"},
{gte: listData[listData.length - 1], label: "满意度较差", color: "#D34343"},
]
mapDataList.value = tempMap.value.map(org => {
return {name: org.OrganizeName, value: org.OrganizeID};
})

Loading…
Cancel
Save