大屏代码更新

temp
LI-CCONG\李聪聪 9 months ago
parent a202edcb97
commit c32ad4171f

@ -1,12 +1,7 @@
<template>
<div>
<!-- 合格率-->
<Echart
:id="id"
:options="options"
height="150px"
width="120px"
/>
<Echart :id="id" :options="options" height="150px" width="120px" />
</div>
</template>
@ -29,7 +24,7 @@ export default {
},
colorObj: {
type: Object,
default: function() {
default: function () {
return {
textStyle: '#3fc0fb',
series: {
@ -52,7 +47,7 @@ export default {
// tips
tips: {
handler(newData) {
debugger
// debugger
this.options = {
series: [
{
@ -136,5 +131,4 @@ export default {
}
</script>
<style lang="scss" scoped>
</style>
<style lang="scss" scoped></style>

@ -7,10 +7,7 @@
</div> -->
<div class="text2">
<p style="width:100px;height:37px;">{{ item.eqmt_name }}</p>
<dv-water-level-pond
:config="item.config"
style="width: 100px; height: 100px"
/>
<dv-water-level-pond :config="item.config" style="width: 100px; height: 100px" />
<span>产线合格率</span>
</div>
<div class="text3">
@ -130,7 +127,7 @@ export default {
url: '/api/BigScreen/getEqmtDetailList',
method: 'get'
}).then((r) => {
debugger
// debugger
if (r) {
const rData = r.data
@ -322,13 +319,16 @@ $box-height: 210px;
height: $box-height;
width: $box-width;
border-radius: 10px;
.bg-color-black {
height: $box-height - 0px;
border-radius: 10px;
}
.text {
color: #c3cbde;
}
.dv-dec-3 {
position: relative;
width: 100px;
@ -338,18 +338,21 @@ $box-height: 210px;
.bottom-data {
.item-box {
& > div {
&>div {
padding-right: 5px;
}
font-size: 14px;
float: right;
position: relative;
width: 50%;
color: #d3d6dd;
.dv-digital-flop {
width: 120px;
height: 30px;
}
//
.coin {
position: relative;
@ -357,30 +360,35 @@ $box-height: 210px;
font-size: 20px;
color: #ffc107;
}
.colorYellow {
color: yellowgreen;
}
p {
text-align: center;
}
}
}
}
.text2 {
margin-top: 10px;
margin-bottom: 20px;
line-height: 25px;
}
.text2 span {
margin: 10px;
}
.text1 p {
font-size: 18px;
}
.text3 {
margin-top: 37px;
margin-left: 20px;
height: 35px;
line-height: 35px;
}
</style>
}</style>

@ -15,7 +15,8 @@
<dv-scroll-board class="dv-scr-board" :config="config" @click="skipto" />
</div>
</div>
<el-dialog title="工单详细信息" style="font-color:#fff" :visible.sync="moDetailShow" width="50%" :append-to-body="true" @open="getmoDetailInfo">
<el-dialog title="工单详细信息" style="font-color:#fff" :visible.sync="moDetailShow" width="50%" :append-to-body="true"
@open="getmoDetailInfo">
<el-descriptions class="margin-top" :column="1" :size="size" border>
<el-descriptions-item>
<template slot="label">工单号</template>{{ moInfo.FBILL_NO }}
@ -200,7 +201,7 @@ export default {
methods: {
//
skipto(config) {
debugger
// debugger
// window.alert(config.row[6])
this.moKey = config.row[6]
this.moDetailShow = true
@ -224,7 +225,7 @@ export default {
method: 'get'
}).then((r) => {
if (r) {
const newArr = r.data.map(function(item) {
const newArr = r.data.map(function (item) {
var ret = []
ret.push(
item.FBILL_NO,
@ -267,7 +268,7 @@ export default {
url: '/api/BigScreen/getPlanOrderDetail?fentryId=' + this.moKey,
method: 'get'
}).then((r) => {
debugger
// debugger
_this.moInfo = r.data
})
}
@ -279,6 +280,7 @@ export default {
$box-height: 350px;
$box-height: 350px;
$box-width: 900px;
#centerRight1 {
padding: 16px;
padding-top: 20px;
@ -290,13 +292,16 @@ $box-width: 900px;
height: $box-height - 30px;
border-radius: 10px;
}
.text {
color: #c3cbde;
}
/*内容的宽度和高度*/
.body-box {
border-radius: 10px;
overflow: hidden;
.dv-scr-board {
width: 900px;
height: 300px;
@ -306,21 +311,22 @@ $box-width: 900px;
}
</style>
<style lang="scss">
.dv-scroll-board .header .header-item{
.dv-scroll-board .header .header-item {
color: #00B2EE;
}
.el-dialog__header {
background-color:#f5f5f5 !important;
background-color: #f5f5f5 !important;
}
.el-dialog__body {
background-color:#f5f5f5 !important;
background-color: #f5f5f5 !important;
}
// .el-descriptions :not(.is-bordered) .el-descriptions-item__cell {
// background-color:#f5f5f5 !important;
// }
.el-dialog__footer {
background-color: #f5f5f5!important;
}
</style>
background-color: #f5f5f5 !important;
}</style>

Loading…
Cancel
Save