|
|
|
|
@ -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}; |
|
|
|
|
}) |
|
|
|
|
|