可视化优化

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() {
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
if (notification) {
this.logVisible = true // true

@ -96,7 +96,7 @@
</li>
</ul>
</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">
<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) {
.wrap .login {
padding: 40px 0;

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

Loading…
Cancel
Save