消息列表优化

pages/device/APF/comp/xieBo.vue

@@ -18,6 +18,7 @@
             ></uni-data-select>
         </div>
         <view class="charts-box">
+            <view class="data-time">{{ time }}</view>
             <qiun-data-charts type="bar" :ontouch="true" :opts="opts" :chartData="chartData" />
         </view>
     </view>
@@ -30,6 +31,10 @@ export default {
             type: Array,
             default: () => [],
         },
+        dataTime: {
+            type: String,
+            default: '',
+        },
     },
     data() {
         return {
@@ -44,6 +49,7 @@ export default {
                 },
             ],
             parity: 2,
+            time: '',
             dataOptions: [],
             dataRadio: 0,
             renderData: {
@@ -72,9 +78,10 @@ export default {
                     '#9A60B4',
                     '#ea7ccc',
                 ],
-                padding: [20, 10, 0, 0],
+                padding: [0, 10, 0, 0],
                 legend: {
                     position: 'top',
+                    float: 'left',
                 },
                 xAxis: {
                     disableGrid: true,
@@ -105,10 +112,10 @@ export default {
     },
     watch: {
         basicData: {
-            handler: function (newVal, oldVal) {
+            handler(newVal, oldVal) {
                 console.log(this.basicData)
                 let basicData = JSON.parse(JSON.stringify(this.basicData))
-                this.dataRadio = 0
+                // this.dataRadio = 0
                 this.renderData = {
                     电网侧: {
                         Apf_HarmI: {},
@@ -176,6 +183,8 @@ export default {
                 this.dataOptions = dataOptions
                 console.log(dataOptions)
                 this.initEcharts()
+                console.log(this.dataTime)
+                this.time = this.$util.parseTime(this.dataTime - 8 * 60 * 60)
             },
             deep: true,
             immediate: true,
@@ -227,6 +236,12 @@ export default {
 .charts-box {
     margin-top: 20rpx;
     height: 100vh;
+    .data-time {
+        position: absolute;
+        right: 20rpx;
+        margin-top: 18rpx;
+        font-size: 24rpx;
+    }
 }
 .header-form {
     display: flex;