切换
This commit is contained in:
@@ -179,6 +179,17 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="tooltip_wrap left_tooltip_wrap" :style="expand ? 'opacity: 1' : 'opacity: 0.1'">
|
||||||
|
<div class="tooltip_arrow pointer" @click.stop="expandTooltip" v-text="expand ? '>>' : '<<'"></div>
|
||||||
|
<div class="tooltip_pages" :style="expand ? 'width: 240px' : 'width: 0'">
|
||||||
|
<div class="tooltip_page pointer" @click.stop="toJumpPage(1)">1</div>
|
||||||
|
<div class="tooltip_page pointer" @click.stop="toJumpPage(2)">2</div>
|
||||||
|
<div class="tooltip_page pointer" @click.stop="toJumpPage(3)">3</div>
|
||||||
|
<div class="tooltip_page current_page pointer" @click.stop="toJumpPage(4)">4</div>
|
||||||
|
<div class="tooltip_page pointer" @click.stop="toJumpPage(5)">5</div>
|
||||||
|
<div class="tooltip_page pointer" @click.stop="toJumpPage(6)">6</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -188,6 +199,7 @@ export default {
|
|||||||
name: 'one',
|
name: 'one',
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
|
expand: false,
|
||||||
hightlight: '',
|
hightlight: '',
|
||||||
top: '',
|
top: '',
|
||||||
left: '',
|
left: '',
|
||||||
@@ -205,6 +217,30 @@ export default {
|
|||||||
this.initData()
|
this.initData()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
expandTooltip () {
|
||||||
|
this.expand = !this.expand
|
||||||
|
},
|
||||||
|
toJumpPage (type) {
|
||||||
|
switch (type) {
|
||||||
|
case 1:
|
||||||
|
this.$router.push('/homepageone')
|
||||||
|
break
|
||||||
|
case 2:
|
||||||
|
this.$router.push('/hnlkone')
|
||||||
|
break
|
||||||
|
case 3:
|
||||||
|
this.$router.push('/takeshapeone')
|
||||||
|
break
|
||||||
|
case 4:
|
||||||
|
break
|
||||||
|
case 5:
|
||||||
|
this.$router.push('/sortpackone')
|
||||||
|
break
|
||||||
|
case 6:
|
||||||
|
this.$router.push('/pdone')
|
||||||
|
break
|
||||||
|
}
|
||||||
|
},
|
||||||
getInfo1 (e, i) {
|
getInfo1 (e, i) {
|
||||||
this.pkId = e.point_code
|
this.pkId = e.point_code
|
||||||
this.pkObj = e
|
this.pkObj = e
|
||||||
|
|||||||
@@ -93,6 +93,17 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="tooltip_wrap right_tooltip_wrap" :style="expand ? 'opacity: 1' : 'opacity: 0.1'">
|
||||||
|
<div class="tooltip_pages" :style="expand ? 'width: 240px' : 'width: 0'">
|
||||||
|
<div class="tooltip_page pointer" @click="toJumpPage(1)">1</div>
|
||||||
|
<div class="tooltip_page pointer" @click="toJumpPage(2)">2</div>
|
||||||
|
<div class="tooltip_page pointer" @click="toJumpPage(3)">3</div>
|
||||||
|
<div class="tooltip_page current_page pointer" @click="toJumpPage(4)">4</div>
|
||||||
|
<div class="tooltip_page pointer" @click="toJumpPage(5)">5</div>
|
||||||
|
<div class="tooltip_page pointer" @click="toJumpPage(6)">6</div>
|
||||||
|
</div>
|
||||||
|
<div class="tooltip_arrow pointer" @click="expandTooltip" v-text="expand ? '<<' : '>>'"></div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -102,6 +113,7 @@ export default {
|
|||||||
name: 'one',
|
name: 'one',
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
|
expand: false,
|
||||||
resData: {},
|
resData: {},
|
||||||
myCharts1: '',
|
myCharts1: '',
|
||||||
myCharts2: '',
|
myCharts2: '',
|
||||||
@@ -139,6 +151,30 @@ export default {
|
|||||||
this.initData()
|
this.initData()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
expandTooltip () {
|
||||||
|
this.expand = !this.expand
|
||||||
|
},
|
||||||
|
toJumpPage (type) {
|
||||||
|
switch (type) {
|
||||||
|
case 1:
|
||||||
|
this.$router.push('/homepagetwo')
|
||||||
|
break
|
||||||
|
case 2:
|
||||||
|
this.$router.push('/hnlktwo')
|
||||||
|
break
|
||||||
|
case 3:
|
||||||
|
this.$router.push('/takeshapetwo')
|
||||||
|
break
|
||||||
|
case 4:
|
||||||
|
break
|
||||||
|
case 5:
|
||||||
|
this.$router.push('/sortpacktwo')
|
||||||
|
break
|
||||||
|
case 6:
|
||||||
|
this.$router.push('/pdtwo')
|
||||||
|
break
|
||||||
|
}
|
||||||
|
},
|
||||||
async initData () {
|
async initData () {
|
||||||
let res = await firingAndDrying()
|
let res = await firingAndDrying()
|
||||||
this.resData = res.result
|
this.resData = res.result
|
||||||
|
|||||||
@@ -202,6 +202,17 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="tooltip_wrap left_tooltip_wrap" :style="expand ? 'opacity: 1' : 'opacity: 0.1'">
|
||||||
|
<div class="tooltip_arrow pointer" @click.stop="expandTooltip" v-text="expand ? '>>' : '<<'"></div>
|
||||||
|
<div class="tooltip_pages" :style="expand ? 'width: 240px' : 'width: 0'">
|
||||||
|
<div class="tooltip_page pointer" @click.stop="toJumpPage(1)">1</div>
|
||||||
|
<div class="tooltip_page current_page pointer" @click.stop="toJumpPage(2)">2</div>
|
||||||
|
<div class="tooltip_page pointer" @click.stop="toJumpPage(3)">3</div>
|
||||||
|
<div class="tooltip_page pointer" @click.stop="toJumpPage(4)">4</div>
|
||||||
|
<div class="tooltip_page pointer" @click.stop="toJumpPage(5)">5</div>
|
||||||
|
<div class="tooltip_page pointer" @click.stop="toJumpPage(6)">6</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -211,6 +222,7 @@ export default {
|
|||||||
name: 'one',
|
name: 'one',
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
|
expand: false,
|
||||||
top: '',
|
top: '',
|
||||||
left: '',
|
left: '',
|
||||||
youModel: '',
|
youModel: '',
|
||||||
@@ -245,6 +257,30 @@ export default {
|
|||||||
this.initData()
|
this.initData()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
expandTooltip () {
|
||||||
|
this.expand = !this.expand
|
||||||
|
},
|
||||||
|
toJumpPage (type) {
|
||||||
|
switch (type) {
|
||||||
|
case 1:
|
||||||
|
this.$router.push('/homepageone')
|
||||||
|
break
|
||||||
|
case 2:
|
||||||
|
break
|
||||||
|
case 3:
|
||||||
|
this.$router.push('/takeshapeone')
|
||||||
|
break
|
||||||
|
case 4:
|
||||||
|
this.$router.push('/firedryone')
|
||||||
|
break
|
||||||
|
case 5:
|
||||||
|
this.$router.push('/sortpackone')
|
||||||
|
break
|
||||||
|
case 6:
|
||||||
|
this.$router.push('/pdone')
|
||||||
|
break
|
||||||
|
}
|
||||||
|
},
|
||||||
getInfo1 (e, i) {
|
getInfo1 (e, i) {
|
||||||
this.pkId = e.device_code
|
this.pkId = e.device_code
|
||||||
this.pkObj = e
|
this.pkObj = e
|
||||||
|
|||||||
@@ -322,6 +322,17 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="tooltip_wrap right_tooltip_wrap" :style="expand ? 'opacity: 1' : 'opacity: 0.1'">
|
||||||
|
<div class="tooltip_pages" :style="expand ? 'width: 240px' : 'width: 0'">
|
||||||
|
<div class="tooltip_page pointer" @click="toJumpPage(1)">1</div>
|
||||||
|
<div class="tooltip_page current_page pointer" @click="toJumpPage(2)">2</div>
|
||||||
|
<div class="tooltip_page pointer" @click="toJumpPage(3)">3</div>
|
||||||
|
<div class="tooltip_page pointer" @click="toJumpPage(4)">4</div>
|
||||||
|
<div class="tooltip_page pointer" @click="toJumpPage(5)">5</div>
|
||||||
|
<div class="tooltip_page pointer" @click="toJumpPage(6)">6</div>
|
||||||
|
</div>
|
||||||
|
<div class="tooltip_arrow pointer" @click="expandTooltip" v-text="expand ? '<<' : '>>'"></div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -331,6 +342,7 @@ export default {
|
|||||||
name: 'one',
|
name: 'one',
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
|
expand: false,
|
||||||
top: '',
|
top: '',
|
||||||
left: '',
|
left: '',
|
||||||
youModel: '',
|
youModel: '',
|
||||||
@@ -379,6 +391,30 @@ export default {
|
|||||||
this.initData()
|
this.initData()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
expandTooltip () {
|
||||||
|
this.expand = !this.expand
|
||||||
|
},
|
||||||
|
toJumpPage (type) {
|
||||||
|
switch (type) {
|
||||||
|
case 1:
|
||||||
|
this.$router.push('/homepagetwo')
|
||||||
|
break
|
||||||
|
case 2:
|
||||||
|
break
|
||||||
|
case 3:
|
||||||
|
this.$router.push('/takeshapetwo')
|
||||||
|
break
|
||||||
|
case 4:
|
||||||
|
this.$router.push('/firedrytwo')
|
||||||
|
break
|
||||||
|
case 5:
|
||||||
|
this.$router.push('/sortpacktwo')
|
||||||
|
break
|
||||||
|
case 6:
|
||||||
|
this.$router.push('/pdtwo')
|
||||||
|
break
|
||||||
|
}
|
||||||
|
},
|
||||||
getInfo1 (e, i) {
|
getInfo1 (e, i) {
|
||||||
this.pkId = e.point_code
|
this.pkId = e.point_code
|
||||||
this.pkObj = e
|
this.pkObj = e
|
||||||
|
|||||||
@@ -95,6 +95,17 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="tooltip_wrap left_tooltip_wrap" :style="expand ? 'opacity: 1' : 'opacity: 0.1'">
|
||||||
|
<div class="tooltip_arrow pointer" @click.stop="expandTooltip" v-text="expand ? '>>' : '<<'"></div>
|
||||||
|
<div class="tooltip_pages" :style="expand ? 'width: 240px' : 'width: 0'">
|
||||||
|
<div class="tooltip_page pointer" @click.stop="toJumpPage(1)">1</div>
|
||||||
|
<div class="tooltip_page pointer" @click.stop="toJumpPage(2)">2</div>
|
||||||
|
<div class="tooltip_page pointer" @click.stop="toJumpPage(3)">3</div>
|
||||||
|
<div class="tooltip_page pointer" @click.stop="toJumpPage(4)">4</div>
|
||||||
|
<div class="tooltip_page pointer" @click.stop="toJumpPage(5)">5</div>
|
||||||
|
<div class="tooltip_page current_page pointer" @click.stop="toJumpPage(6)">6</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -104,6 +115,7 @@ export default {
|
|||||||
name: 'one',
|
name: 'one',
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
|
expand: false,
|
||||||
num1: 0,
|
num1: 0,
|
||||||
num2: 0,
|
num2: 0,
|
||||||
num3: 0,
|
num3: 0,
|
||||||
@@ -132,6 +144,30 @@ export default {
|
|||||||
// this.setEchart06()
|
// this.setEchart06()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
expandTooltip () {
|
||||||
|
this.expand = !this.expand
|
||||||
|
},
|
||||||
|
toJumpPage (type) {
|
||||||
|
switch (type) {
|
||||||
|
case 1:
|
||||||
|
this.$router.push('/homepageone')
|
||||||
|
break
|
||||||
|
case 2:
|
||||||
|
this.$router.push('/hnlkone')
|
||||||
|
break
|
||||||
|
case 3:
|
||||||
|
this.$router.push('/takeshapeone')
|
||||||
|
break
|
||||||
|
case 4:
|
||||||
|
this.$router.push('/firedryone')
|
||||||
|
break
|
||||||
|
case 5:
|
||||||
|
this.$router.push('/sortpackone')
|
||||||
|
break
|
||||||
|
case 6:
|
||||||
|
break
|
||||||
|
}
|
||||||
|
},
|
||||||
async initData () {
|
async initData () {
|
||||||
let res = await processProduction()
|
let res = await processProduction()
|
||||||
this.resData = res.result
|
this.resData = res.result
|
||||||
|
|||||||
@@ -1,31 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="n_container">
|
|
||||||
<div class="n_header">
|
|
||||||
<h1>屏监控</h1>
|
|
||||||
</div>
|
|
||||||
<div class="n_body_container">
|
|
||||||
<div class="n_body_container_wraper">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style lang="stylus" scoped>
|
|
||||||
@import '~@css/mixin'
|
|
||||||
.n_container
|
|
||||||
_wh(100%, 100%)
|
|
||||||
.n_header
|
|
||||||
_wh(100%, 84px)
|
|
||||||
_bis('../../../images/top_right.png', auto,,left,,)
|
|
||||||
line-height 84px
|
|
||||||
h1
|
|
||||||
_font(36px, 56px, #fff,,left)
|
|
||||||
letter-spacing 6px
|
|
||||||
font-family "阿里妈妈数黑体" !important
|
|
||||||
padding-left 3px
|
|
||||||
.n_body_container
|
|
||||||
_wh(100%, calc(100% - 84px))
|
|
||||||
padding 40px 0 20px 54px
|
|
||||||
.n_body_container_wraper
|
|
||||||
_wh(100%, 100%)
|
|
||||||
</style>
|
|
||||||
@@ -99,6 +99,17 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="tooltip_wrap right_tooltip_wrap" :style="expand ? 'opacity: 1' : 'opacity: 0.1'">
|
||||||
|
<div class="tooltip_pages" :style="expand ? 'width: 240px' : 'width: 0'">
|
||||||
|
<div class="tooltip_page pointer" @click="toJumpPage(1)">1</div>
|
||||||
|
<div class="tooltip_page pointer" @click="toJumpPage(2)">2</div>
|
||||||
|
<div class="tooltip_page pointer" @click="toJumpPage(3)">3</div>
|
||||||
|
<div class="tooltip_page pointer" @click="toJumpPage(4)">4</div>
|
||||||
|
<div class="tooltip_page pointer" @click="toJumpPage(5)">5</div>
|
||||||
|
<div class="tooltip_page current_page pointer" @click="toJumpPage(6)">6</div>
|
||||||
|
</div>
|
||||||
|
<div class="tooltip_arrow pointer" @click="expandTooltip" v-text="expand ? '<<' : '>>'"></div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -108,6 +119,7 @@ export default {
|
|||||||
name: 'two',
|
name: 'two',
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
|
expand: false,
|
||||||
num1: 0,
|
num1: 0,
|
||||||
num2: 0,
|
num2: 0,
|
||||||
num3: 0,
|
num3: 0,
|
||||||
@@ -139,6 +151,30 @@ export default {
|
|||||||
// this.setEchart06()
|
// this.setEchart06()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
expandTooltip () {
|
||||||
|
this.expand = !this.expand
|
||||||
|
},
|
||||||
|
toJumpPage (type) {
|
||||||
|
switch (type) {
|
||||||
|
case 1:
|
||||||
|
this.$router.push('/homepagetwo')
|
||||||
|
break
|
||||||
|
case 2:
|
||||||
|
this.$router.push('/hnlktwo')
|
||||||
|
break
|
||||||
|
case 3:
|
||||||
|
this.$router.push('/takeshapetwo')
|
||||||
|
break
|
||||||
|
case 4:
|
||||||
|
this.$router.push('/firedrytwo')
|
||||||
|
break
|
||||||
|
case 5:
|
||||||
|
this.$router.push('/sortpacktwo')
|
||||||
|
break
|
||||||
|
case 6:
|
||||||
|
break
|
||||||
|
}
|
||||||
|
},
|
||||||
async initData () {
|
async initData () {
|
||||||
let res = await processProduction()
|
let res = await processProduction()
|
||||||
this.resData = res.result
|
this.resData = res.result
|
||||||
|
|||||||
Reference in New Issue
Block a user