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

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

@ -3025,7 +3025,7 @@ export default {
getCzxx({}).then(res => { getCzxx({}).then(res => {
this.dictData = res.data 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 //1
initList() { initList() {

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

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

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

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

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

@ -5,17 +5,17 @@
<Menu /> <Menu />
<div class="main-content"> <div class="main-content">
<div class="block-top-bottom-content"> <div class="block-top-bottom-content">
<Cq /> <Cq ref="cq" />
<MainVideo /> <MainVideo ref="manVideo" />
</div> </div>
<div class="block-left-right-content"> <div class="block-left-right-content">
<MainChanLian /> <MainChanLian ref="mainChanLian" />
<div class="block-top-bottom-content1"> <div class="block-top-bottom-content1">
<div class="block-top-content"> <div class="block-top-content">
<MainYueChanLiang /> <MainYueChanLiang ref="mainYueChanLiang"/>
<MainGeYueChanLiang /> <MainGeYueChanLiang ref="mainGeYueChanLiang"/>
</div> </div>
<MainGxChanLiang /> <MainGxChanLiang ref="mainGxChanLiang"/>
</div> </div>
</div> </div>
</div> </div>
@ -55,7 +55,24 @@ export default {
init(){ init(){
this.$store.dispatch('page/handler', true) 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> </script>

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

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

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

Loading…
Cancel
Save