湖里大屏(质量管理):组件添加监听 频繁问题及占比数据渲染

This commit is contained in:
骆乐 2022-08-10 12:05:01 +08:00
parent b28345439f
commit e04d72d58d
9 changed files with 96 additions and 26 deletions

View File

@ -57,7 +57,7 @@ export default {
'VR安全教育',
'班前教育',
'日常教育(日常违规教育)',
'每日交底(方案交底)',
'每日交底(专项方案交底)',
'每日交底(安全技术交底)',
'每日交底(大工程交底)',
],

View File

@ -44,6 +44,7 @@ if (process.env.NODE_ENV == 'development') {
// tag: 本地
// axios.defaults.baseURL = 'http://192.168.34.174:6023/' // 老大本地
axios.defaults.baseURL = 'http://192.168.34.125:6023/'; //杨意本地 http/1.1
// axios.defaults.baseURL = 'http://sp36hf.natappfree.cc/'; //杨
// axios.defaults.baseURL = 'http://192.168.34.231:6023/'; //杨思瑞本地
// axios.defaults.baseURL = 'http://47.97.202.104:6023/';
// axios.defaults.baseURL = 'http://124.71.178.44:9500/'; // 星璇

View File

@ -45,6 +45,7 @@ export default {
data() {
return { jBarChart: null }
},
methods: {
createChart() {
const { title, tooltip, grid, color, xData, yData, series } = this

View File

@ -45,6 +45,26 @@ export default {
data() {
return { jBarChart: null }
},
watch:{
xData:{
handler(newVal,oldVal){
if(newVal != oldVal){
this.createChart();
}
},
deep:true,
immediate:true,
},
yData:{
handler(newVal,oldVal){
if(newVal != oldVal){
this.createChart();
}
},
deep:true,
immediate:true,
}
},
methods: {
createChart() {
const { title, tooltip, grid, color, xData, yData, series } = this

View File

@ -28,6 +28,17 @@ export default {
data() {
return { JProgressChart: null }
},
watch:{
seriesData:{
handler(newVal,oldVal){
if(newVal != oldVal){
this.createChart();
}
},
deep:true,
immediate:true,
}
},
methods: {
createChart() {
const { grid, seriesData, yData } = this

View File

@ -9,49 +9,58 @@
</template>
<script>
import JBarChart from '../jChart/bar/JBarChart.vue'
import { selectDangerTypeQualityCountApi } from '@/assets/js/api/dataBoard'
import JBarChart from "../jChart/bar/JBarChart.vue";
import { selectDangerTypeQualityCountApi } from "@/assets/js/api/dataBoard";
export default {
components: { JBarChart },
props: {
title: {
type: String,
default: 'default title'
default: "default title"
}
},
data() {
return {
xData: ['地理老师', '地理老师', '地理老师', '地理老师', '地理老师', '地理老师', '地理老师', '地理老师', '地理老师', '地理老师'],
xData: [
"地理老师",
"地理老师",
"地理老师",
"地理老师",
"地理老师",
"地理老师",
"地理老师",
"地理老师",
"地理老师",
"地理老师"
],
yData: [100, 235, 232, 532, 112, 532, 449, 269, 998, 33]
}
};
},
mounted(){
mounted() {
this.getData(2);
},
methods:{
getData(opType){
methods: {
getData(opType) {
let data = {
projectSn: this.$store.state.projectSn,
opType: opType
}
};
selectDangerTypeQualityCountApi(data).then(res => {
console.log('-----------',res)
var arr = res.result.list
var xdata = []
var ydata=[]
arr.forEach(item => {
xdata.push(item.dangerName)
ydata.push(item.num)
})
this.xData = xdata
this.yData = ydata
console.log('xdata',this.xData)
console.log('ydata',this.yData)
})
var arr = res.result.list;
if (arr != null) {
var xdata = [];
var ydata = [];
arr.forEach(item => {
xdata.push(item.dangerName);
ydata.push(item.num);
});
this.xData = xdata;
this.yData = ydata;
}
});
}
}
}
};
</script>
<style lang="less" scoped>

View File

@ -55,7 +55,7 @@ export default {
projectSn: this.projectSn
}
selectQualityStatisticsApi(data).then(res => {
console.log('-------',res)
console.log('问题占比',res)
this.total = res.result.total
})
}

View File

@ -9,6 +9,7 @@
<script>
import JProgressChart from '../jChart/bar/JProgressChart.vue'
import { selectDangerTypeQualityCountApi } from '@/assets/js/api/dataBoard'
export default {
components: { JProgressChart },
props: {
@ -22,6 +23,32 @@ export default {
yData: ['地理老师', '地理老师', '地理老师', '地理老师', '地理老师', '地理老师', '地理老师', '地理老师', '地理老师', '地理老师'],
seriesData: [100, 235, 232, 532, 112, 532, 449, 269, 998, 33]
}
},
mounted(){
this.getData(2);
},
methods:{
getData(opType){
let data = {
projectSn: this.$store.state.projectSn,
opType: opType
}
selectDangerTypeQualityCountApi(data).then(res => {
console.log('-----------',res)
var arr = res.result.list
var xdata = []
var ydata=[]
arr.forEach(item => {
xdata.push(item.dangerName)
ydata.push(item.num)
})
this.yData = xdata
this.seriesData = ydata
console.log('xdata',this.yData)
console.log('ydata',this.seriesData)
})
}
}
}
</script>

View File

@ -358,6 +358,7 @@ export default {
getInspectTypeListApi({
sn: this.$store.state.userInfo.headquartersSn,
}).then((result) => {
console.log('检查类型',result)
this.checkType = result.result;
});
},