Browse Source

清单bug

feature
tianqian 2 years ago
parent
commit
c380aa4fff
  1. 11
      src/views/dataBoard/sida/cpts/fw03zr.vue
  2. 5
      src/views/dataBoard/sida/cpts/fw04gx.vue
  3. 310
      src/views/dataBoard/sida/cpts/fwqd.vue
  4. 12
      src/views/dataBoard/sida/cpts/zyqd.vue
  5. 3
      src/views/dataBoard/sida/index.vue
  6. 2
      src/views/dataBoard/sida/xq/list.vue

11
src/views/dataBoard/sida/cpts/fw03zr.vue

@ -127,7 +127,8 @@
// mockId: 60031937, // mockId: 60031937,
}); });
if (code === 0) { if (code === 0) {
this.info = data[0].slice(0, 10); console.log("data[0]",data[0])
this.info = data[0];
this.lineData1 = this.info.child_service_num.map(item => { this.lineData1 = this.info.child_service_num.map(item => {
return { return {
name: item.common_service_type_name, name: item.common_service_type_name,
@ -142,6 +143,8 @@
per: (item.service_person_num / this.info.service_person_total * 100).toFixed(2) + '%' per: (item.service_person_num / this.info.service_person_total * 100).toFixed(2) + '%'
}; };
}); });
this.lineData1=this.lineData1.slice(0, 10)
this.lineData2=this.lineData2.slice(0, 10)
this.resiCategoryData = [...this.lineData1]; this.resiCategoryData = [...this.lineData1];
console.log(this.resiCategoryData) console.log(this.resiCategoryData)
} else { } else {
@ -151,4 +154,8 @@
} }
}; };
</script> </script>
<style lang="scss" src="@/assets/scss/dataBoard/renfang/index.scss" scoped></style> <style lang="scss" src="@/assets/scss/dataBoard/renfang/index.scss" scoped>
/deep/.linecharts .item .item-name{
width: 100px;
}
</style>

5
src/views/dataBoard/sida/cpts/fw04gx.vue

@ -88,8 +88,9 @@ export default {
); );
this.$refs.pieChart.hideLoading(); this.$refs.pieChart.hideLoading();
if (code === 0) { if (code === 0) {
if (data && Array.isArray(data) && data.length > 0) { let data1 = data.slice(0, 10)
let info = data[0].slice(0, 10); if (data1 && Array.isArray(data1) && data1.length > 0) {
let info = data1[0];
this.info = { this.info = {
...this.info, ...this.info,
...info ...info

310
src/views/dataBoard/sida/cpts/fwqd.vue

@ -1,11 +1,13 @@
<template> <template>
<div class="m-fwqd"> <div class="m-fwqd">
<div class="tablist"> <div class="tablist">
<div v-for="item in tabList" :key="item" :class="['item', { 'item-sel': currentTab == item }]" @click="handleClick(item)">{{ item }}</div> <div v-for="item in tabList" :key="item" :class="['item', { 'item-sel': currentTab == item }]"
@click="handleClick(item)">{{ item }}</div>
</div> </div>
<div class="pieMain"> <div class="pieMain">
<div class="legend"> <div class="legend">
<div class="legend-row " :key="'pie' + item.name" v-for="item in pieData" @click="handleClickItem(item)"> <div class="legend-row " :key="'pie' + item.name" v-for="item in pieData"
@click="handleClickItem(item)">
<div class="name">{{ item.name }}</div> <div class="name">{{ item.name }}</div>
<div class="content"> <div class="content">
<div class="num">{{ item.value }}</div> <div class="num">{{ item.value }}</div>
@ -13,177 +15,181 @@
</div> </div>
</div> </div>
</div> </div>
<div class="pie"><screen-echarts-frame @myChartMethod="pieInitOk" aria-controls="" ref="pieChart"></screen-echarts-frame></div> <div class="pie"><screen-echarts-frame @myChartMethod="pieInitOk" aria-controls=""
ref="pieChart"></screen-echarts-frame></div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import screenEchartsFrame from '@/views/dataBoard/cpts/screen-echarts-frame/index'; import screenEchartsFrame from '@/views/dataBoard/cpts/screen-echarts-frame/index';
import { pieOption } from './fwqdPieOption.js'; import {
import { requestPostBi } from '@/js/dai/request-bipass'; pieOption
export default { } from './fwqdPieOption.js';
props: { import {
orgId: { requestPostBi
type: String, } from '@/js/dai/request-bipass';
default: '' export default {
props: {
orgId: {
type: String,
default: ''
},
searchDate: Array
}, },
searchDate: Array data() {
}, return {
data() { data: {},
return { showNoData: false,
data: {}, timer: null,
showNoData: false, pieChart: '',
timer: null, pieOption: {},
pieChart: '', pieInitState: false,
pieOption: {}, pieData: [],
pieInitState: false, tabList: ['公共服务', '个性服务'
pieData: [], // "",
tabList: [ ],
'公共服务', currentTab: '公共服务'
'个性服务' };
// "",
],
currentTab: '公共服务'
};
},
components: {
screenEchartsFrame
},
mounted() {
// this.init();
},
watch: {
orgId() {
this.init();
}, },
searchDate() { components: {
this.init(); screenEchartsFrame
}
},
methods: {
handleClick(item) {
this.currentTab = item;
this.getInfo();
}, },
async init() { mounted() {
if (this.orgId) { // this.init();
await this.getInfo();
this.getPie();
}
}, },
watch: {
handleClickItem(item) { orgId() {
let typeArr = { "全部": "all", this.init();
"志愿者": "volunteer", },
"社区自组织": "community_org", searchDate() {
"联建单位": "party_unit", this.init();
"安全应急设备":"safety_emergency_equipment",
"公共服务设备":"common_service_equipment",
"安全生产场所":"enterprise",
"应急场所":"emergency_sites",
"城市管理":"city_management" };
//
let path = '';
if (this.currentTab == '个性服务列表') {
path = 'gexingList';
} else if (this.currentTab == '公共服务列表') {
path = 'gonggongList';
} }
this.getInfo();
console.log("item.name",item.name)
this.$router.push({
path: `/dataBoard/sida/fw/${path}`,
query: {
org_id: this.orgId,
type: this.currentTab,
type2: typeArr[item.name],
start_date: this.searchDate[0],
end_date: this.searchDate[1]
}
});
}, },
// methods: {
async getInfo() { handleClick(item) {
let url = ''; this.currentTab = item;
let mockId = 0; this.getInfo();
if (this.currentTab == '公共服务') { },
url = 'common_service_view'; async init() {
mockId = 66900331; if (this.orgId) {
} else { await this.getInfo();
url = 'self_service_view'; this.getPie();
mockId = 66902813; }
} },
handleClickItem(item) {
this.$refs.pieChart.showLoading(); let typeArr = {
const { data, code, msg } = await requestPostBi( "全部": "all",
url, "志愿者": "volunteer",
{ "社区自组织": "community_org",
"联建单位": "party_unit",
"安全应急设备": "safety_emergency_equipment",
"公共服务设备": "common_service_equipment",
"安全生产场所": "enterprise",
"应急场所": "emergency_sites",
"城市管理": "city_management"
};
//
let path = '';
if (this.currentTab == '个性服务列表') {
path = 'gexingList';
} else if (this.currentTab == '公共服务列表') {
path = 'gonggongList';
}
this.getInfo();
console.log("item.name", item.name)
this.$router.push({
path: `/dataBoard/sida/fw/${path}`,
query: {
org_id: this.orgId,
type: this.currentTab,
type2: typeArr[item.name],
start_date: this.searchDate[0],
end_date: this.searchDate[1]
}
});
},
//
async getInfo() {
let url = '';
let mockId = 0;
if (this.currentTab == '公共服务') {
url = 'common_service_view';
mockId = 66900331;
} else {
url = 'self_service_view';
mockId = 66902813;
}
this.$refs.pieChart.showLoading();
const {
data,
code,
msg
} = await requestPostBi(url, {
queryParam: { queryParam: {
org_id: this.orgId, org_id: this.orgId,
start_date: this.searchDate[0], start_date: this.searchDate[0],
end_date: this.searchDate[1] end_date: this.searchDate[1]
} }
}, }, {
{
// mockId: mockId, // mockId: mockId,
}
);
this.$refs.pieChart.hideLoading();
if (code === 0) {
if (data && Array.isArray(data) && data.length > 0) {
let info = data[0].slice(0, 10);
this.info = {
...this.info,
...info
};
}
this.data = data.sort((a, b) => {
return b.count - a.count;
}); });
this.setPieData(); this.$refs.pieChart.hideLoading();
} else {
this.$message.error(msg);
}
},
pieInitOk() { if (code === 0) {
this.pieInitState = true; let data1 = data.slice(0, 10)
}, // if (data1 && Array.isArray(data1) && data1.length > 0) {
getPie() { // // let info = data1[0];
if (this.pieInitState) { // // this.info = {
this.setPieData(); // // ...this.info,
} else { // // ...info
setTimeout(() => { // // };
this.getPie(); // }
}, 500); this.data = data1.sort((a, b) => {
return b.count - a.count;
});
this.setPieData();
} else {
this.$message.error(msg);
}
},
pieInitOk() {
this.pieInitState = true;
},
getPie() {
if (this.pieInitState) {
this.setPieData();
} else {
setTimeout(() => {
this.getPie();
}, 500);
}
},
setPieData() {
let {
data
} = this;
data = JSON.parse(JSON.stringify(data).replace(/count/g, 'value'));
this.pieData = data;
this.iniPieChart();
},
//
async iniPieChart() {
this.$refs.pieChart.clear();
// pieChart
this.pieOption = pieOption();
this.pieOption.series[0].name = this.currentTab;
this.pieOption.series[0].data = this.pieData;
this.$refs.pieChart.setOption(this.pieOption);
},
handelClickMyPei(item) {
this.handleClickItem(item);
} }
},
setPieData() {
let { data } = this;
data = JSON.parse(JSON.stringify(data).replace(/count/g, 'value'));
this.pieData = data;
this.iniPieChart();
},
//
async iniPieChart() {
this.$refs.pieChart.clear();
// pieChart
this.pieOption = pieOption();
this.pieOption.series[0].name = this.currentTab;
this.pieOption.series[0].data = this.pieData;
this.$refs.pieChart.setOption(this.pieOption);
},
handelClickMyPei(item) {
this.handleClickItem(item);
} }
} };
};
</script> </script>
<style lang="scss" src="@/assets/scss/dataBoard/renfang/index.scss" scoped></style> <style lang="scss" src="@/assets/scss/dataBoard/renfang/index.scss" scoped></style>
<style lang="scss" scoped> <style lang="scss" scoped>
.pieMain .legend{margin-top:0px;} .pieMain .legend {
margin-top: 0px;
}
</style> </style>

12
src/views/dataBoard/sida/cpts/zyqd.vue

@ -184,7 +184,7 @@ export default {
this.$refs.pieChart.clear(); this.$refs.pieChart.clear();
// pieChart // pieChart
this.pieOption = { this.pieOption = {
color: ['#1A95FF', '#FF6138', '#2adcea', '#2cc4ad', '#7377f5', '#32de66', '#8155d4', '#c7ea48', '#ef47c2', 'd43349'], color: ['#d43349','#1A95FF', '#FF6138', '#2adcea', '#2cc4ad', '#7377f5', '#32de66', '#8155d4', '#c7ea48', '#ef47c2', ],
tooltip: { tooltip: {
trigger: 'item' trigger: 'item'
}, },
@ -199,24 +199,25 @@ export default {
}, },
avoidLabelOverlap: false, avoidLabelOverlap: false,
labelLine: { labelLine: {
show: false show: true
}, },
label: { label: {
normal: { normal: {
position: 'inner', position: 'top',
show: true, show: true,
formatter: function(e) { formatter: function(e) {
let data = e.data; let data = e.data;
return `${data.radio}`; return `${data.radio}`;
}, },
fontSize:24, fontSize:20,
color: '#FFFFFF' color: '#FFFFFF'
} }
}, },
emphasis: { emphasis: {
label: { label: {
show: true, show: true,
fontWeight: 'bold' fontWeight: 'bold',
position: 'outer',
} }
}, },
data: [] data: []
@ -244,7 +245,6 @@ export default {
let data2 = [...data]; let data2 = [...data];
console.log('data2', data2); console.log('data2', data2);
this.pieOption.series[0].data = data2; this.pieOption.series[0].data = data2;
this.$refs.pieChart.setOption(this.pieOption); this.$refs.pieChart.setOption(this.pieOption);
}, },
handelClickMyPei(item) { handelClickMyPei(item) {

3
src/views/dataBoard/sida/index.vue

@ -145,7 +145,8 @@ export default {
path: '/dataBoard/sida/fw', path: '/dataBoard/sida/fw',
query: { query: {
org_id: this.orgId, org_id: this.orgId,
searchDate:this.searchDate start_date:this.searchDate[0],
end_date:this.searchDate[1],
} }
}); });
}, },

2
src/views/dataBoard/sida/xq/list.vue

@ -220,7 +220,7 @@ export default {
page_num, page_num,
page_size, page_size,
start_date, start_date,
end_datem end_date
} }
}, },
{ {

Loading…
Cancel
Save