湖里大屏(质量管理):组件添加监听 频繁问题及占比数据渲染
This commit is contained in:
parent
b28345439f
commit
e04d72d58d
@ -57,7 +57,7 @@ export default {
|
||||
'VR安全教育',
|
||||
'班前教育',
|
||||
'日常教育(日常违规教育)',
|
||||
'每日交底(方案交底)',
|
||||
'每日交底(专项方案交底)',
|
||||
'每日交底(安全技术交底)',
|
||||
'每日交底(大工程交底)',
|
||||
],
|
||||
|
||||
@ -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/'; // 星璇
|
||||
|
||||
@ -45,6 +45,7 @@ export default {
|
||||
data() {
|
||||
return { jBarChart: null }
|
||||
},
|
||||
|
||||
methods: {
|
||||
createChart() {
|
||||
const { title, tooltip, grid, color, xData, yData, series } = this
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -55,7 +55,7 @@ export default {
|
||||
projectSn: this.projectSn
|
||||
}
|
||||
selectQualityStatisticsApi(data).then(res => {
|
||||
console.log('-------',res)
|
||||
console.log('问题占比',res)
|
||||
this.total = res.result.total
|
||||
})
|
||||
}
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -358,6 +358,7 @@ export default {
|
||||
getInspectTypeListApi({
|
||||
sn: this.$store.state.userInfo.headquartersSn,
|
||||
}).then((result) => {
|
||||
console.log('检查类型',result)
|
||||
this.checkType = result.result;
|
||||
});
|
||||
},
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user