1

src/views/vent/home/colliery/components/main-monitor.vue

@@ -19,6 +19,11 @@
       </div>
     </div>
     <div class="main-contents">
+      <div class="point-des-box">
+        <div>工况点</div>
+        <div>负压: {{ selectDataObj.dataH }}</div>
+        <div>风量: {{ selectDataObj.dataQ }}</div>
+      </div>
       <div class="main" ref="main"></div>
     </div>
   </div>
@@ -36,7 +41,10 @@ const emit = defineEmits(['goDetail']);
 let searchValue = ref('');
 let mainTypeList = reactive<any>([]); //下拉框
 let mainList = reactive<any[]>([]); //主风机列表
-
+let selectDataObj = ref({
+  dataQ: 0,
+  dataH: 0
+})
 //获取dom节点
 let main = ref<any>();
 //echart图表数据
@@ -61,6 +69,7 @@ function changeSelect(val) {
       dataQ: selectData.readData.Fan1m3 || selectData.readData.Fan2m3 || selectData.readData.m3,
       dataH: Math.abs(Number(selectData.readData.Fan1FanPre || selectData.readData.Fan2FanPre || selectData.readData.DataPa || 0)),
     }
+   
     objParam1 = {
       dataha0: -0.056,
       dataha1: 3.6491,
@@ -109,7 +118,7 @@ function getOption() {
         formatter: function (params, ticket, callback) {
           // var res = '风量' + ' : ' + Math.round(params.data[0] * 60 * 10) / 10 + '(m³/min)<br/>'
           // res = res + '&emsp;&emsp;&emsp;' + params.data[0] + '(m³/s)<br/>'
-          var res = '风量' + ' : ' + params.data[0] * 60 + '(m³/min)<br/>';
+          var res = '风量' + ' : ' + params.data[0] * 60 + '(m³/s)<br/>';
           res = res + '&emsp;&emsp;&emsp;' + params.data[0].toFixed(2) + '(m³/s)<br/>';
           res = res + '负压' + ' : ' + params.data[1] + '(Pa)<br/>';
           return res;
@@ -119,7 +128,7 @@ function getOption() {
       color: ['#00bb00', '#ffbb00', '#ff0000', '#0000ff'],
       xAxis: [
         {
-          name: '风量\r\n(m³/min)\r\n',
+          name: '风量\r\n(m³/s)\r\n',
           nameTextStyle: {
             color: '#3df6ff',
             fontSize: 12,
@@ -273,6 +282,9 @@ function setChart(param, character) {
   let Q1 = Math.round((parseFloat(param.dataQ) / 60) * 100) / 100;
   let H1 = parseFloat(param.dataH);
 
+  selectDataObj.value.dataH = H1
+  selectDataObj.value.dataQ = Q1
+
   let q = Q1 - dataQ;
   let h = H1 - dataH;
   // 风压特性曲线1
@@ -378,12 +390,23 @@ onMounted(() => { });
   }
 
   .main-contents {
-    position: absolute;
+    position: relative;
     top: 66px;
     left: 0;
     height: calc(100% - 66px);
     width: 100%;
-
+    .point-des-box{
+      position: absolute;
+      background: #0d0d0dbd;
+      padding: 5px 8px;
+      border-radius: 10px;
+      border: 1px solid #ffffff;
+      z-index: 999;
+      color: #fff;
+      right: 20px;
+      top: 10px;
+      
+    }
     .main {
       width: 100%;
       height: 100%;