1.web端增加统计页面显示直观图和看板页面

master
董哲奇 8 months ago
parent ab4b8f7c90
commit 3fded48ebb

@ -3025,7 +3025,7 @@ export default {
getCzxx({}).then(res => {
this.dictData = res.data
})
this.queryParam.beginTime = XEUtils.toDateString(XEUtils.getWhatMonth(new Date(), 1, 'first'),'yyyy/MM/dd')
this.queryParam.beginTime = XEUtils.toDateString(XEUtils.getWhatMonth(new Date(), 0, 'first'),'yyyy/MM/dd')
},
//1
initList() {

@ -31,12 +31,13 @@ export default {
data(){
return {
show:false,
cards:[]
cards:[],
delay:null,
}
},
mounted () {
this.getData()
setInterval(this.getData, 30000)
this.delay=setInterval(this.getData, 30000)
},
methods: {
async getData() {
@ -46,6 +47,10 @@ export default {
this.cards = [上料, 抛丸, 理料, 划线, 切割]
this.show = true
},
clear(){
console.log("本月计划完成情况停止加载数据")
clearInterval(this.delay)
},
createData (list) {
const data={
"上料": {

@ -21,7 +21,8 @@ export default {
},
],
rowNum: 9
}
},
delay:null
}
},
mounted() {
@ -30,6 +31,7 @@ export default {
},
created(){
this.getData();
this.delay=setInterval(this.getData,30000)
},
sockets:{},
methods:{
@ -46,11 +48,10 @@ export default {
this.config.data=data
this.config.rowNum=total
this.show=true
this.execute()
})
},
execute(){
setTimeout(this.getData,30000)
clear(){
clearInterval(this.delay)
}
}
}

@ -26,7 +26,8 @@ export default {
digitalFlopStyle: {
fontSize: 20
}
}
},
delay:null,
}
},
mounted() {
@ -35,6 +36,7 @@ export default {
},
created(){
this.getData();
this.delay=setInterval(this.getData,30000)
},
sockets:{},
methods:{
@ -50,11 +52,10 @@ export default {
})
this.config.data=data
this.show=true
this.execute()
})
},
execute(){
setTimeout(this.getData,30000)
clear(){
clearInterval(this.delay)
}
}
}

@ -21,7 +21,8 @@ export default {
value: 71
},
],
}
},
delay:null,
}
},
mounted() {
@ -30,6 +31,7 @@ export default {
},
created(){
this.getData();
this.delay=setInterval(this.getData,30000)
},
sockets:{},
methods:{
@ -42,11 +44,10 @@ export default {
}
this.config.data=data
this.show=true
this.execute()
})
},
execute(){
setTimeout(this.getData,30000)
clear(){
clearInterval(this.delay)
}
}
}

@ -24,7 +24,8 @@ export default {
shape: 'round',
waveHeight: 25,
waveNum: 2
}
},
delay:null,
}
},
mounted() {
@ -33,6 +34,7 @@ export default {
},
created(){
this.getData();
this.delay=setInterval(this.getData,30000)
},
sockets:{},
methods:{
@ -49,11 +51,11 @@ export default {
const point=(this.dun/total*100).toFixed(2)
this.config.data=[point]
this.show=true
this.execute()
})
},
execute(){
setTimeout(this.getData,30000)
clear(){
console.log("本月计划完成情况停止加载数据")
clearInterval(this.delay)
}
}
}

@ -5,17 +5,17 @@
<Menu />
<div class="main-content">
<div class="block-top-bottom-content">
<Cq />
<MainVideo />
<Cq ref="cq" />
<MainVideo ref="manVideo" />
</div>
<div class="block-left-right-content">
<MainChanLian />
<MainChanLian ref="mainChanLian" />
<div class="block-top-bottom-content1">
<div class="block-top-content">
<MainYueChanLiang />
<MainGeYueChanLiang />
<MainYueChanLiang ref="mainYueChanLiang"/>
<MainGeYueChanLiang ref="mainGeYueChanLiang"/>
</div>
<MainGxChanLiang />
<MainGxChanLiang ref="mainGxChanLiang"/>
</div>
</div>
</div>
@ -55,7 +55,24 @@ export default {
init(){
this.$store.dispatch('page/handler', true)
}
},
beforeDestroy() {
console.log('beforeDestroy: 组件实例销毁之前');
this.$refs.cq.clear()
this.$refs.mainChanLian.clear()
this.$refs.mainYueChanLiang.clear()
this.$refs.mainGeYueChanLiang.clear()
this.$refs.mainGxChanLiang.clear()
},
destroyed() {
console.log('destroyed: 组件实例销毁之后');
}
/*beforeDestroy(){
console.log(this.components)
for (const item in this.components) {
console.log(item)
}
}*/
}
</script>

@ -1,12 +1,13 @@
<template>
<el-container>
<span style="margin-top: 20px;margin-left: 20px">待开发...</span>
</el-container>
<Czfdzgtcx />
</template>
<script>
import Czfdzgtcx from "@/views/tp/czfdzgtcx.vue";
export default {
name: "PssjFX",
components: {Czfdzgtcx},
data() {
},
created() {

@ -1,16 +1,19 @@
<template>
<el-container>
<span style="margin-top: 20px;margin-left: 20px">待开发...</span>
</el-container>
<div id="kb-container" class="dashboard-editor-container" style="background-color: #f6fbff;">
<iframe src="http://127.0.0.1:9527/#/kban" style="width: 100%;height:100vh"></iframe>
</div>
</template>
<script>
import DataView from "@/views/kban/index.vue";
export default {
name: "SygdFX",
components: {DataView},
data() {
return {}
},
created() {
},
methods: {
@ -18,5 +21,9 @@ export default {
};
</script>
<style lang="scss" scoped >
.dashboard-editor-container {
background-color: #e3e3e3;
min-height: 81vh;
padding: 0 0;
}
</style>

@ -611,7 +611,7 @@ export default {
uploadAction: process.env.VUE_APP_BASE_API + '/api/dmCzfddyb/upload',
uploadData: {},
queryParam: {
czbh: '',
czbh: 'G175K-4',
ph: '',
kh: '',
dwgNo: '',

Loading…
Cancel
Save