修改测试问题

pages/device/APF/comp/xieBo.vue

@@ -1,24 +1,14 @@
 <template>
-    <view>
-        <uni-load-more status="loading" v-if="basicData.length == 0"></uni-load-more>
+    <view class="xieBo">
+        <uni-load-more status="loading" v-if="loading"></uni-load-more>
 
         <view v-else>
             <div class="header-form">
-                <uni-data-select
-                    v-model="parity"
-                    :localdata="parityOption"
-                    @change="initEcharts"
-                    style="flex: 1"
-                    :clear="false"
-                ></uni-data-select>
+                <uni-data-select v-model="parity" :localdata="parityOption" @change="initEcharts" style="flex: 1"
+                    :clear="false"></uni-data-select>
                 <!-- <uni-data-checkbox v-model="dataRadio" :localdata="dataOptions" @change="initEcharts"></uni-data-checkbox> -->
-                <uni-data-select
-                    v-model="dataRadio"
-                    :localdata="dataOptions"
-                    @change="initEcharts"
-                    style="flex: 2; margin-left: 20rpx"
-                    :clear="false"
-                ></uni-data-select>
+                <uni-data-select v-model="dataRadio" :localdata="dataOptions" @change="initEcharts"
+                    style="flex: 2; margin-left: 20rpx" :clear="false"></uni-data-select>
             </div>
             <view class="charts-box">
                 <!-- <view class="data-time">{{ time }}</view> -->
@@ -54,6 +44,7 @@ export default {
                     value: 1,
                 },
             ],
+            loading: true,
             parity: 2,
             time: '',
             dataOptions: [],
@@ -216,7 +207,6 @@ export default {
     watch: {
         basicData: {
             handler(newVal, oldVal) {
-                console.log(this.basicData)
                 let basicData = JSON.parse(JSON.stringify(this.basicData))
                 // this.dataRadio = 0
                 this.renderData = {
@@ -284,9 +274,9 @@ export default {
                     })
                 })
                 this.dataOptions = dataOptions
-                console.log(dataOptions)
+              
                 this.initEcharts()
-
+                this.loading = false
                 this.time = this.$util.parseTime(this.dataTime - 8 * 60 * 60)
             },
             deep: true,
@@ -365,13 +355,29 @@ export default {
             }, 100)
         },
     },
+    mounted() {
+        this.loading = true
+        setTimeout(() => {
+            this.loading = false
+        }, 5000)
+        
+    },
 }
+
 </script>
 
 <style lang="scss">
+.xieBo {
+    margin-top: 10rpx;
+    background-color: #fff;
+    padding: 20rpx;
+    border-radius: 10rpx;
+}
+
 .charts-box {
     margin-top: 20rpx;
     height: 100vh;
+
     .data-time {
         position: absolute;
         right: 20rpx;
@@ -379,6 +385,7 @@ export default {
         font-size: 24rpx;
     }
 }
+
 .header-form {
     display: flex;
 }