|
|
|
|
@ -43,29 +43,6 @@
|
|
|
|
|
|
|
|
|
|
<datav-card title="单位满意率"> |
|
|
|
|
<el-container> |
|
|
|
|
<!-- <el-header>--> |
|
|
|
|
<!-- <div style="background-color:#04144E; ">--> |
|
|
|
|
<!-- <!– 市州考评–>--> |
|
|
|
|
<!-- <el-table--> |
|
|
|
|
<!-- :data="tableData1"--> |
|
|
|
|
<!-- height="70"--> |
|
|
|
|
<!-- :style="{ width: '100%', marginTop: '10px', fontSize: fontSize + 'px' }"--> |
|
|
|
|
<!-- :header-cell-style="headerCellStyle"--> |
|
|
|
|
<!-- :row-style="tableRowStyleTableData1"--> |
|
|
|
|
<!-- :show-summary='false'--> |
|
|
|
|
<!-- :highlight-current-row='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-header>--> |
|
|
|
|
<el-main> |
|
|
|
|
<div style="background-color:#04144E; "> |
|
|
|
|
<!-- 县市考评--> |
|
|
|
|
@ -271,6 +248,8 @@
|
|
|
|
|
<script setup> |
|
|
|
|
import changshaMap from "@/assets/data/changsha.json"; |
|
|
|
|
import * as echarts from "echarts/core"; |
|
|
|
|
import { mapOrgNameMapping } from "@/enums/JwpyorgMapping.js"; |
|
|
|
|
|
|
|
|
|
import vCharts from "vue-echarts"; |
|
|
|
|
import { |
|
|
|
|
GetBMYYBQS, |
|
|
|
|
@ -460,9 +439,9 @@ const option = ref({
|
|
|
|
|
type: "piecewise", |
|
|
|
|
bottom: 10, |
|
|
|
|
pieces: [ |
|
|
|
|
{min: 0, max: 500, label: "问题数低于500", color: "#F6A149"}, |
|
|
|
|
{min: 501, max: 1000, label: "问题数介于500-1000", color: "#F6A149"}, |
|
|
|
|
{min: 1001, label: "问题数高于1000", color: "#D34343"}, |
|
|
|
|
{gte: 0, lte: 200, label: "满意度前三", color: "#4987F6"}, |
|
|
|
|
{gte: 200, lte: 400, label: "满意度一般", color: "#F6A149"}, |
|
|
|
|
{gte: 400, label: "满意度较差", color: "#D34343"}, |
|
|
|
|
], |
|
|
|
|
right: 10, |
|
|
|
|
realtime: false, |
|
|
|
|
@ -906,10 +885,20 @@ async function getData() {
|
|
|
|
|
// 地图数据 |
|
|
|
|
GetDITU(selectYear.value).then((res) => { |
|
|
|
|
tempMap.value = res |
|
|
|
|
let valData = mapOrgNameMapping(tableData2.value,"FinalRP") |
|
|
|
|
|
|
|
|
|
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}; |
|
|
|
|
}) |
|
|
|
|
option.value.series.data = mapDataList.value |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
option.value.series.data =listData |
|
|
|
|
console.log('tempMap.value',tempMap.value) |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|