修改监控

src/views/main/meteorological/components/AirHumidity.vue

@@ -98,13 +98,6 @@
               },
             },
           ],
-          dataZoom: [
-            {
-              type: 'inside', //slider表示有滑动块的，inside表示内置的
-              show: false,
-              xAxisIndex: 0,
-            },
-          ],
         })
       }
     },

src/views/main/meteorological/components/AirTemperature.vue

@@ -111,13 +111,6 @@
               },
             },
           ],
-          dataZoom: [
-            {
-              type: 'inside', //slider表示有滑动块的，inside表示内置的
-              show: false,
-              xAxisIndex: 0,
-            },
-          ],
         })
       }
     },

src/views/main/meteorological/components/CO2.vue

@@ -97,13 +97,6 @@
               },
             },
           ],
-          dataZoom: [
-            {
-              type: 'inside', //slider表示有滑动块的，inside表示内置的
-              show: false,
-              xAxisIndex: 0,
-            },
-          ],
         })
       }
     },

src/views/main/meteorological/components/LightIntensity.vue

@@ -95,13 +95,6 @@
               data: Object.values(e),
             },
           ],
-          dataZoom: [
-            {
-              type: 'inside', //slider表示有滑动块的，inside表示内置的
-              show: false,
-              xAxisIndex: 0,
-            },
-          ],
         })
       }
     },

src/views/main/meteorological/components/Noise.vue

@@ -97,13 +97,6 @@
               },
             },
           ],
-          dataZoom: [
-            {
-              type: 'inside', //slider表示有滑动块的，inside表示内置的
-              show: false,
-              xAxisIndex: 0,
-            },
-          ],
         })
       }
     },

src/views/main/meteorological/components/PM10.vue

@@ -97,13 +97,6 @@
               },
             },
           ],
-          dataZoom: [
-            {
-              type: 'inside', //slider表示有滑动块的，inside表示内置的
-              show: false,
-              xAxisIndex: 0,
-            },
-          ],
         })
       }
     },

src/views/main/meteorological/components/PM25.vue

@@ -97,13 +97,6 @@
               },
             },
           ],
-          dataZoom: [
-            {
-              type: 'inside', //slider表示有滑动块的，inside表示内置的
-              show: false,
-              xAxisIndex: 0,
-            },
-          ],
         })
       }
     },

src/views/main/meteorological/components/Pressure.vue

@@ -97,13 +97,6 @@
               },
             },
           ],
-          dataZoom: [
-            {
-              type: 'inside', //slider表示有滑动块的，inside表示内置的
-              show: false,
-              xAxisIndex: 0,
-            },
-          ],
         })
       }
     },

src/views/main/meteorological/components/Rainfall.vue

@@ -95,13 +95,6 @@
               data: Object.values(e),
             },
           ],
-          dataZoom: [
-            {
-              type: 'inside', //slider表示有滑动块的，inside表示内置的
-              show: false,
-              xAxisIndex: 0,
-            },
-          ],
         })
       }
     },

src/views/main/meteorological/components/WindDirection.vue

@@ -118,13 +118,6 @@
               data: Object.values(e),
             },
           ],
-          dataZoom: [
-            {
-              type: 'inside', //slider表示有滑动块的，inside表示内置的
-              show: false,
-              xAxisIndex: 0,
-            },
-          ],
         })
       }
     },

src/views/main/meteorological/components/WindSpeed.vue

@@ -111,13 +111,6 @@
               },
             },
           ],
-          dataZoom: [
-            {
-              type: 'inside', //slider表示有滑动块的，inside表示内置的
-              show: false,
-              xAxisIndex: 0,
-            },
-          ],
         })
       }
     },

src/views/main/monitor/components/LiveBroadcast.vue

@@ -19,6 +19,7 @@
         :total="pageTotal"
         show-less-items
         showSizeChanger
+        :pageSizeOptions="['8']"
         :show-total="(total) => `共 ${total} 条数据`"
         @change="getData"
       />
@@ -129,8 +130,8 @@
     setup() {
       const paginationParams = reactive({
         pageCurrent: 1,
-        pageTotal: 5000,
+        pageTotal: 0,
-        pageSize: 10,
+        pageSize: 8,
       })
 
       const list = ref([])

src/views/visualization/components/JK.vue

@@ -33,15 +33,21 @@
       </div>
       <div class="flex-1 px-11px flex flex-col">
         <div class="flex-1">
-          <VideoFlv v-if="currentVido" :url="currentVido.url" :name="currentVido.base_name" />
+          <VideoFlv
+            class="cursor-pointer"
+            v-if="currentVido"
+            :url="currentVido.url"
+            :name="currentVido.base_name"
+          />
         </div>
         <div class="grid grid-cols-3 gap-x-6px my-10px">
           <div class="h-66px" v-for="item in list" :key="item.id">
             <VideoFlv
+              class="cursor-pointer"
               :url="item.url"
               :name="item.base_name"
               :screen="false"
-              @click.prevent.stop="onChangeVideo(item)"
+              @onClick="onChangeVideo(item)"
             />
             <!-- <img
               :src="item.img"
@@ -131,6 +137,7 @@
       }
 
       function onChangeVideo(e) {
+        if (currentVido.value.url == e.url) return
         currentVido.value = e
       }
 

src/views/visualization/components/VideoFlv.vue

@@ -1,12 +1,12 @@
 <template>
   <div class="w-full h-full relative">
-    <SvgIcon
+    <!-- <SvgIcon
       v-if="isScreen && false"
       name="full-screen"
       class="text-white absolute left-15px top-15px z-20 cursor-pointer"
       size="20"
       @click="visibleModal = true"
-    />
+    /> -->
 
     <video class="w-full h-full" autoplay controls ref="videoRef" muted></video>
     <div class="absolute left-0 w-full top-0 h-full" @click.prevent.stop="onScreen"></div>
@@ -24,12 +24,12 @@
 <script lang="ts">
   import flvjs from 'flv.js'
   import { defineComponent, ref, unref, onMounted, watch, onBeforeUnmount, computed } from 'vue'
-  import { SvgIcon } from '/@/components/Icon'
+  // import { SvgIcon } from '/@/components/Icon'
   import LinkModal from '../LinkModal.vue'
   export default defineComponent({
     name: 'VideoFlv',
     components: {
-      SvgIcon,
+      // SvgIcon,
       LinkModal,
     },
     props: {
@@ -46,7 +46,7 @@
         default: '',
       },
     },
-    setup(props) {
+    setup(props, { emit }) {
       const videoRef = ref<HTMLDivElement | null>(null)
       let player: any | null = null
       const pUrl = ref(props.url)
@@ -80,6 +80,8 @@
       function onScreen() {
         if (isScreen.value) {
           visibleModal.value = true
+        } else {
+          emit('onClick')
         }
       }