预警管控修改-提交

src/views/vent/gas/gasReportInspect/index.vue

@@ -5,8 +5,8 @@
             <div class="left-box">
                 <!-- 左侧树菜单 -->
                 <div class="card-toggle">
-                    <div class="card-item" @click="handlerToggle('gasDay1')">一次巡检</div>
-                    <div class="card-item" @click="handlerToggle('gasDay2')">二次巡检</div>
+                    <div :class="gasType=='gasDay1' ? 'card-item1' : 'card-item'" @click="handlerToggle('gasDay1')">一次巡检</div>
+                    <div :class="gasType=='gasDay2' ? 'card-item1' : 'card-item' " @click="handlerToggle('gasDay2')">二次巡检</div>
                 </div>
                 <fileSystem :selected="selected" :list="listArr" :draggable="true" @on-click="onClick">
                     <template #icon="{ item }">
@@ -137,6 +137,16 @@ onMounted(() => {
                     border-radius: 5px;
                     cursor: pointer;
                 }
+                .card-item1 {
+                    width: calc(50% - 5px);
+                    height: 100%;
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                    background: #5dd8f7 ;
+                    border-radius: 5px;
+                    cursor: pointer;
+                }
             }
 
             // lxh

src/views/vent/monitorManager/alarmMonitor/common/warnGradeEchart.vue

@@ -7,6 +7,7 @@
 <script lang="ts" setup>
   import { defineProps, ref, nextTick, reactive, watch } from 'vue';
   import * as echarts from 'echarts';
+import { position } from 'html2canvas/dist/types/css/property-descriptors/position';
 
   let props = defineProps({
     echartData: {
@@ -46,8 +47,8 @@
       let option = {
         title: {
           text: '风险比例分析',
-          left: '20%',
-          top: 0,
+          left: '22%',
+          top: 5,
           textStyle: {
             color: '#fff',
             fontSize: 14,
@@ -67,14 +68,12 @@
             name: '',
             type: 'pie',
             radius: '50%',
-            center: ['30%', '54%'],
+            center: ['32%', '50%'],
             color: ['rgb(131,249,103)', '#FBFE27', '#FE5050', '#1DB7E5'], //'#FBFE27','rgb(11,228,96)','#FE5050'
-            data: echartDatas.value.sort(function (a, b) {
-              return a.value - b.value;
-            }),
-            roseType: 'radius',
+            data: echartDatas.value,
 
             label: {
+              
               normal: {
                 formatter: ['{c|{c}}', '{b|{b}}'].join('\n'),
                 rich: {
@@ -98,8 +97,8 @@
                   color: 'rgb(98,137,169)',
                 },
                 smooth: 0.2,
-                length: 2,
-                length2: 2,
+                length: 20,
+                length2: 10,
               },
             },
             itemStyle: {

src/views/vent/monitorManager/alarmMonitor/index.vue

@@ -99,7 +99,7 @@
         <warnGradeEchart :echartData="Levels" />
       </div>
       <div class="btn-warn-grade">
-        <a-button type="primary" size="small" @click="warnGradeClick">风险等级划分标准</a-button>
+        <!-- <a-button type="primary" size="small" @click="warnGradeClick">风险等级划分标准</a-button> -->
       </div>
       <div class="animation-box">
         <canvas class="rain"></canvas>
@@ -163,7 +163,7 @@
             <div class="text2">{{ centerData.riskLevel }}</div>
             <div class="text3">风险得分</div>
           </div>
-          <div class="icon-animation"></div>
+          <div class="icon-animation"  @click="warnGradeClick"></div>
         </div>
 
         <div class="total-item-monitor-box">