可视化优化

dev_2022-04-07
yujialong 3 years ago
parent 49f72f6cdd
commit a749baf513
  1. 4
      src/layouts/header/index.vue
  2. 46
      src/pages/account/login/index.vue
  3. 29
      src/pages/screen/list/index.vue

@ -167,7 +167,9 @@ export default {
}, },
// //
getLogStatus() { getLogStatus() {
this.token && this.$get(this.api.logNotification).then(({ notification }) => { this.token && this.$get(this.api.logNotification, {
platformId: Setting.platformId
}).then(({ notification }) => {
this.SET_LOG() // true this.SET_LOG() // true
if (notification) { if (notification) {
this.logVisible = true // true this.logVisible = true // true

@ -96,7 +96,7 @@
</li> </li>
</ul> </ul>
</el-dialog> </el-dialog>
<el-dialog :visible.sync="infoVisible" :close-on-click-modal="false" custom-class="info-dia" width="400px"> <el-dialog :visible.sync="infoVisible" :close-on-click-modal="false" :show-close="false" custom-class="info-dia" width="400px">
<div class="info-header"> <div class="info-header">
<i class="el-icon-warning"></i> <i class="el-icon-warning"></i>
提示 提示
@ -648,6 +648,50 @@ export default {
} }
} }
} }
/deep/.info-dia {
.el-dialog__header {
border-bottom: 0;
}
.info-header {
position: absolute;
top: 20px;
display: flex;
align-items: center;
font-size: 16px;
color: #333;
}
.el-icon-warning {
margin-right: 10px;
color: #e6a23c;
font-size: 24px;
}
.info-wrap {
padding: 10px 33px;
}
.users {
max-height: 125px;
margin-top: 20px;
overflow: auto;
li {
margin: 5px;
font-size: 14px;
color: #333;
}
}
.info-footer {
display: flex;
justify-content: space-between;
// align-items: center;
margin-top: 20px;
}
.el-button {
width: 142px;
}
.unbind {
white-space: normal;
line-height: 1.6;
}
}
@media (max-height: 680px) { @media (max-height: 680px) {
.wrap .login { .wrap .login {
padding: 40px 0; padding: 40px 0;

@ -1075,13 +1075,9 @@ export default {
value: res.ll_yh_china[1].tvalue value: res.ll_yh_china[1].tvalue
}, },
{ {
name: '国', name: '大不列颠联合王国',
value: res.ll_yh_english[0].tvalue value: res.ll_yh_english[0].tvalue
}, },
{
name: '欧洲',
value: res.ll_yh_euro[0].tvalue
},
{ {
name: '印度', name: '印度',
value: res.ll_yh_india[0].tvalue value: res.ll_yh_india[0].tvalue
@ -1115,7 +1111,8 @@ export default {
// //
// 使 -> value: number | Array // 使 -> value: number | Array
formatter: function (val) { formatter: function (val) {
return val.data.name + '利率: ' + val.data.value + '%' const { data } = val
return data ? (data.name + '利率: ' + data.value + '%') : val.name
} }
}, },
// //
@ -1134,7 +1131,7 @@ export default {
realtime: false, // realtime: false, //
// //
inRange: { inRange: {
color: ['rgba(219, 207, 149, .9)', '#e6ac53', '#74e2ca', '#85daef', '#9feaa5', '#5475f5'] // color: ['rgba(96, 82, 255, 1)', '#e6ac53', '#74e2ca', '#85daef', '#9feaa5', '#5475f5'] //
} }
}, },
series: [ series: [
@ -1151,7 +1148,7 @@ export default {
}, },
// //
itemStyle: { itemStyle: {
areaColor: '#4c60ff', // visualMapareaColor areaColor: 'rgba(78, 130, 255, 1)', // visualMapareaColor
borderWidth: 0.5, // 线 0 borderWidth: 0.5, // 线 0
borderColor: '#000', // color borderColor: '#000', // color
borderType: 'solid' // 线 'solid', 'dashed', 'dotted' borderType: 'solid' // 线 'solid', 'dashed', 'dotted'
@ -1163,7 +1160,7 @@ export default {
color: '#fff' // 'auto' color: '#fff' // 'auto'
}, },
itemStyle: { itemStyle: {
areaColor: 'rgba(41, 63, 255, .9)' // areaColor: 'rgba(190, 77, 255, 1)' //
} }
}, },
// //
@ -1183,7 +1180,7 @@ export default {
dataIndex: index dataIndex: index
}) })
// //
chart.dispatchAction({ index < 9 && chart.dispatchAction({
type: 'showTip', type: 'showTip',
seriesIndex: 0, seriesIndex: 0,
dataIndex: index + 1 dataIndex: index + 1
@ -1195,13 +1192,23 @@ export default {
dataIndex: index dataIndex: index
}) })
// //
chart.dispatchAction({ index < 9 && chart.dispatchAction({
type: 'highlight', type: 'highlight',
seriesIndex: 0, seriesIndex: 0,
dataIndex: index + 1 dataIndex: index + 1
}) })
index++ index++
if (index > data.length - 1) { if (index > data.length - 1) {
chart.dispatchAction({
type: 'hideTip',
seriesIndex: 0,
dataIndex: 9
})
chart.dispatchAction({
type: 'downplay',
seriesIndex: 0,
dataIndex: 9
})
index = -1 index = -1
} }
}, 2000) }, 2000)

Loading…
Cancel
Save