Przeglądaj źródła

Merge branch 'master' of http://182.92.126.35:3000/hrx/mky-vent-base

hongrunxia 1 rok temu
rodzic
commit
6f8a032691

+ 6 - 2
src/views/vent/home/colliery/index.vue

@@ -78,7 +78,7 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { reactive, onMounted, ref, nextTick, computed } from 'vue';
+import { reactive, onMounted, ref, nextTick, computed, onUnmounted,onBeforeUnmount } from 'vue';
 import fanMonitor from './components/fan-monitor.vue';
 import mainMonitor from './components/main-monitor.vue';
 import windDevice from './components/wind-device.vue';
@@ -265,6 +265,9 @@ onMounted(() => {
     }, 10000)
   );
 });
+onBeforeUnmount(() => {
+  clearInterval(timer);
+});
 </script>
 
 <style lang="less" scoped>
@@ -492,4 +495,5 @@ onMounted(() => {
 // #__qiankun_microapp_wrapper_for_micro_vent_3_d_modal__{
 //   width: 100% !important;
 //   height: 100% !important;
-// }</style>
+// }
+</style>

+ 38 - 5
src/views/vent/monitorManager/compressor/nitrogen.data.ts

@@ -67,12 +67,46 @@ export const zhudanOption = reactive({
     right: '10px',
     textStyle: { fontSize: 12, color: '#fff' },
   },
-  grid: { x: 50, y: 60, x2: 12, y2: 60 },
+  grid: { x: 45, y: 60, x2: 45, y2: 60 },
   xAxis: {
     type: 'category',
     boundaryGap: false,
     axisLine: { lineStyle: { color: '#57617B' } },
-    axisLabel: { color: '#ffffffcc' },
+    axisLabel: { color: '#ffffffcc',
+    formatter: function (params) {
+      let newParamsName = ref('')  // 最终拼接成的字符串
+      let paramsNameNumber = ref(params.length) // 实际标签的个数
+      let provideNumber = ref(10)  // 每行能显示的字的个数
+      let rowNumber = Math.ceil(paramsNameNumber.value / provideNumber.value) // 换行的话,需要显示几行,向上取整
+      /**
+       * 判断标签的个数是否大于规定的个数, 如果大于,则进行换行处理 如果不大于,即等于或小于,就返回原标签
+       */
+      // 条件等同于rowNumber>1
+      if (paramsNameNumber.value > provideNumber.value) {
+          /** 循环每一行,p表示行 */
+          for (var p = 0; p < rowNumber; p++) {
+              var tempStr = '' // 表示每一次截取的字符串
+              var start = p * provideNumber.value // 开始截取的位置
+              var end = start + provideNumber.value // 结束截取的位置
+              // 此处特殊处理最后一行的索引值
+              if (p == rowNumber - 1) {
+                  // 最后一次不换行
+                  tempStr = params.substring(start, paramsNameNumber.value)
+              } else {
+                  // 每一次拼接字符串并换行
+                  tempStr = params.substring(start, end) + '\n'
+              }
+              newParamsName.value += tempStr // 最终拼成的字符串
+          }
+      } else {
+          // 将旧标签的值赋给新标签
+          newParamsName.value = params
+      }
+      //将最终的字符串返回
+      return newParamsName.value
+  },
+  },
+  
     splitLine: { show: true, lineStyle: { color: '#57617B22', type: 'dashed' } },
     data: [],
   },
@@ -80,7 +114,7 @@ export const zhudanOption = reactive({
     {
       type: 'value',
       name: 'm³/h',
-      max: 10,
+      max: 6000,
       axisTick: {
         show: false,
       },
@@ -92,7 +126,7 @@ export const zhudanOption = reactive({
     {
       type: 'value',
       name: 'm³/h',
-      max: 10,
+      max: 2000,
       axisTick: {
         show: false,
       },
@@ -106,7 +140,6 @@ export const zhudanOption = reactive({
     {
       name: '累计流量',
       type: 'line',
-
       smooth: true,
       lineStyle: { width: 2 },
       yAxisIndex: 0,