4.10

src/style/style.css

@@ -1367,7 +1367,7 @@ font-size: .0833rem;
  
 }
 .zongji{
-  padding: 30px;
+  padding:0 .0781rem .0781rem .0781rem ;
   display: flex;
   justify-content: space-between;
 }
@@ -1420,4 +1420,13 @@ font-size: .0833rem;
 }
 .iconimg1{
   padding: 0 12px;
+}
+.echart{
+  padding: .0521rem;
+}
+.bganimation .el-collapse-item__content {
+  background: rgba(13, 53, 133, 0.5);
+}
+.bganimation  .el-slider__bar{
+  background-image: linear-gradient(to right, #ACD6FF , #105CF0 );
 }

src/view/InfoDialoges.vue

@@ -588,7 +588,8 @@ const accident = () => {
     if (idobj.value.name == '') {
         ElMessage.error('请选择项目')
     } else {
-    //    router.push({ path: "/appmian" });
+    //   router.push({ path: "/appmian" });
+      console.log(router.push);
         if(props.valzaiqing=='模拟数据'){
         const params = {
             transCode: 'D10017',
@@ -630,7 +631,7 @@ const accident = () => {
         emit('childfun');
         emit('moxingclick', true);
         pollute();
-        // emit('handleSelect', '1');
+         emit('handleSelect', '1');
         fetchFileContent();
         accident2(props.activeIndex)
 

src/view/appmian.vue

@@ -32,30 +32,6 @@
       </el-header>
     
       <el-main>
-        <div class="bgk2" v-show="bgk2false">
-          <div>
-            <ul>
-              <li class="s1" @click="handleSelect('2')" >
-                <el-image :src="s1" fit="contain"></el-image>
-                <span class="stext">火灾推演</span>
-              </li>
-              <li class="s2" @click="handleSelect('1')">
-                <el-image :src="s2" fit="contain"></el-image>
-                <span class="stext">突水推演</span>
-              </li>
-              <li class="s3" @click="handleSelect('3')">
-                <el-image :src="s3" fit="contain"></el-image>
-                <span class="stext">瓦斯爆炸推演</span>
-              </li>
-              <li  class="s4" @click="handleSelect('4')">   <el-image :src="s4" fit="contain"></el-image>
-                <span class="stext">模型库</span>
-
-              </li>
-            </ul>
-          </div>
-        </div>
-        <!-- <RouterView name="myhome"></RouterView> -->
-        <!-- <div class="main-conyeny"> -->
    <div  class="maincontent">
       <div class="mainpdding">
         <source-disaster ref="sourcedis" :classradio="classradio"  />
@@ -75,18 +51,22 @@
           @moxingclick="moxingclick"
           :classradio="classradio" 
         ></Dialoges>
-        <result ref="resultbidui" @titleclick="titleclick"  :classradio="classradio"></result>
+ 
         <MenuMine ref="menumine"/>
         <MenuSensor ref="menusen"/>
         <!-- right -->
         <!-- <firstLeft/> -->
       <!-- </div> -->
-      <firstLeft ref="tanimation" :classradio="classradio" :aid="aid" />
+      <!-- 底部按钮三个页面 -->
+      <firstLeft ref="firstleftref" :classradio="classradio" :aid="aid" />
+      <towright ref="towrightref" :classradio="classradio" :aid="aid" />
+      <result ref="resultbidui" @titleclick="titleclick"  :classradio="classradio"></result>
+      <!-- <threeright ref="threerightref" :classradio="classradio" :aid="aid" /> -->
     </div>
     </div>
       </el-main>
   <div class="footer">
-    <Index ref="indexref"/>
+    <Index ref="indexref" @indexchange="indexchange" @hiadden="hiadden"/>
   </div>
     </el-container>
   <!-- </v-scale-screen> -->
@@ -112,6 +92,8 @@ import MenuMine  from "./components/MenuMine.vue"
 import MenuSensor  from "./components/MenuSensor.vue"
 import result from "./result.vue";
 import firstLeft  from "./index/first-left.vue"
+import towright  from "./index/tow-right.vue"
+import threeright  from "./index/three-right.vue"
 import Vector from "@/assets/img/Vector.png";
 import s1 from "@/assets/img/s1.png";
 import s2 from "@/assets/img/s2.png";
@@ -140,6 +122,9 @@ let resultbidui = ref();
 let mnindex = ref("");
 let resultleft = ref({});
 let datares=ref({});
+let firstleftref=ref();
+let towrightref=ref();
+let threerightref=ref();
 let resultright = ref({});
 let headertime=ref({
        timing: null,
@@ -159,7 +144,9 @@ let router = useRouter();
 let sgdata = ref({});
 let aid = ref();
 onMounted(() => {
-  timeFn()
+  timeFn();
+  // childfun();
+
 });
 // 跳转页面,{ aid:aid.value}
 const  handleSelectzt=(val)=>{
@@ -272,13 +259,36 @@ const aidlist = () => {
   sgdata.value = lliudialog.value.sgdata;
   aid.value = sgdata.value.aid;
 };
+// index组件的方法
+const indexchange=(key)=>{
+  if(key==0){
+    firstleftref.value.firstshow=true;
+    towrightref.value.towshow=false;
+    // threerightref.value.threeshow=false;
+    resultbidui.value.accident6(key, aid.value);
+  }else if(key==1){
+    firstleftref.value.firstshow=false;
+    towrightref.value.towshow=true;
+    resultbidui.value.accident6(key, aid.value);
+    // threerightref.value.threeshow=false;
+  }else if(key==2){
+    firstleftref.value.firstshow=false;
+    towrightref.value.towshow=false;
+    resultbidui.value.accident6(key, aid.value);
+  }
+  else{
+    firstleftref.value.firstshow=false;
+    towrightref.value.towshow=false;
+    resultbidui.value.accident6(key, aid.value);
+    // threerightref.value.threeshow=false;
+  }
+}
+
 // 获取子组件的方法
 const childfun = () => {
-  console.log(1112222)
   bgk2false.value=false;
-  console.log(bgk2false.value);
-
-  indexref.value.btnlistshow=true;
+  indexref.value.showhadend()
+  indexchange(indexref.value.btnindex);
   if(classradio.value=='Gass'){
     sourcedis.value.Gassgetdata(aid.value);
   }else{
@@ -298,6 +308,12 @@ const headerclick = (data) => {
 const handindodialoges=()=>{
 
 }
+//清空灾情推演隐藏
+ const hiadden= (key)=>{
+    boundary.value.accident4(key);
+      sourcedis.value.accident3(key);
+      lliudialog.value.accident2(key);
+ }
 
 const handleSelect = (key) => {
   router.push({ path: "/" ,query:{classradio:key}});

src/view/home.vue

@@ -52,25 +52,17 @@
           </div>
         </div>
 
-   
-        <source-disaster ref="sourcedis" :classradio="classradio"  />
-        <info-boundary ref="boundary" :classradio="classradio" />
-        <info-animation ref="tanimation" :classradio="classradio" :aid="aid" />
-        <!-- <InfoVtkmodel ref="vtkmodel" /> -->
+
         <Dialoges
           ref="lliudialog"
           :addselect="addselect"
           :valzaiqing="valzaiqing"
           :headerobj="headerobj"
           :activeIndex="activeIndex"
-          @leftsimulation="leftsimulation"
           @handleSelect="handleSelect"
           :classradio="classradio" 
         ></Dialoges>
-        <result ref="resultbidui" @titleclick="titleclick"  :classradio="classradio"></result>
-        <MenuMine ref="menumine"/>
-        <MenuSensor ref="menusen"/>
-        <firstLeft ref="tanimation" :classradio="classradio" :aid="aid" />
+   
       </el-main>
 
     </el-container>
@@ -177,62 +169,7 @@ const timeFn=()=> {
 const addselect = () => {
   classradio.value = lliudialog.value.classradio;
 };
-// 获取模拟数据对比
-const leftsimulation = (res,data) => {
-  if (mnindex.value == "1") {
-    resultleft.value.coids = res.coids;
-    resultleft.value.totaltime = res.totaltime;
-    resultleft.value.reportstep = res.reportstep;
-    resultleft.value.pickertime = res.acctime;
-    resultleft.value.aid = res.aid;
-    resultbidui.value.mntext1=data.name;
-    
-   
-  } else {
-    resultright.value.coids = res.coids;
-    resultright.value.totaltime = res.totaltime;
-    resultright.value.reportstep = res.reportstep;
-    resultright.value.pickertime = res.acctime;
-    resultright.value.aid = res.aid;
-    resultbidui.value.mntext2=data.name;
-  }
-
-    //TODO 
-    if(resultleft.value.aid==''||resultright.value.aid==''||resultleft.value.aid==undefined||resultright.value.aid==undefined){
- 
 
-    }else{
-      if (resultleft.value.coids != resultright.value.coids) {
-    ElMessage.error('污染物不一样，无法进行比较')
-    return;
-  }
-
-  if (resultleft.value.totaltime != resultright.value.totaltime) {
-    ElMessage.error('模拟时长不一样，无法进行比较')
-    return;
-  }
-
-  if (resultleft.value.reportstep != resultright.value.reportstep) {
-    ElMessage.error('输出步长不一样，无法进行比较')
-    return;
-  }
-
-  if (resultleft.value.pickertime != resultright.value.pickertime ) {
-    ElMessage.error('事故时间不一样，无法进行比较')
-    return;
-  }
-    
-//TODO 获取物理量
-resultbidui.value.timeline=res.acctime;
-resultbidui.value.oldtime=res.acctime;
-// resultbidui.value.zdtime=res.acctime;
-resultbidui.value.endtime= Number(res.totaltime)/Number(res.reportstep);
-resultbidui.value.initAid(resultleft.value.aid,resultright.value.aid);
-resultbidui.value.clickflat=true;
-    }
-
-
-};
 //判断两个对象是否相等
 const objequality = () => {};
 const moxingclick = (val) => {
@@ -281,31 +218,30 @@ const handleSelect = (key) => {
   switch (key) {
     case "1":
     classradio.value="Water";
-    lliudialog.value.classclick( classradio.value);
-    menumine.value.dialogVisible=false;
-    menusen.value.sendialogVisible=false;
+     lliudialog.value.classclick( classradio.value);
+    // menumine.value.dialogVisible=false;
+    // menusen.value.sendialogVisible=false;
     
       break;
     case "2":
     classradio.value="Fire";
-    lliudialog.value.classclick( classradio.value);
-    menumine.value.dialogVisible=false;
-    menusen.value.sendialogVisible=false;
+   lliudialog.value.classclick( classradio.value);
+    // menumine.value.dialogVisible=false;
+    // menusen.value.sendialogVisible=false;
       break;
     case "3":
     classradio.value="Gass";
-    console.log( classradio.value);
-    lliudialog.value.classclick( classradio.value);
-    menumine.value.dialogVisible=false;
-    menusen.value.sendialogVisible=false;
-      break;
+     lliudialog.value.classclick( classradio.value);
+    // menumine.value.dialogVisible=false;
+    // menusen.value.sendialogVisible=false;
+    //   break;
     case "4":
     classradio.value="Model";
-    menumine.value.dialogVisible=true;
-    menusen.value.sendialogVisible=true;
-      boundary.value.accident4(key);
-      sourcedis.value.accident3(key);
-      lliudialog.value.accident2(key);
+    // menumine.value.dialogVisible=true;
+    // menusen.value.sendialogVisible=true;
+    //   boundary.value.accident4(key);
+    //   sourcedis.value.accident3(key);
+    //   lliudialog.value.accident2(key);
       break;
     case "5":
 

src/view/index/first-left.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- 底部导航栏 -->
-  <div class="first-right l_Dialog tablebk">
+  <div class="first-right l_Dialog tablebk"  v-show="firstshow">
     <el-aside width="340px" class="L_aside L_aside1 asideg asidegbg leftbgimg1" v-show="firstshow">
       <div class="demo-collapse jiancedian1 asideg1 jc_header collapseeion jianstyle">
         <el-collapse accordion v-model="activeNames">
@@ -19,6 +19,7 @@
                 <div class="jc_content tablecolor">
                   <div class="jc_padding">
                     <div class="xian2 btncolor tablefocus ">
+                      <!--  -->
                       <el-table
                         :data="tableData"
                         style="width: 100%"
@@ -48,11 +49,45 @@
                 <div class="hedse">
               <el-icon class="iconimg1 Frame3" fit="contain"></el-icon>监测点
             </div>
+            <div class="echart">
+            <div id="line" style="width: 1.526rem;height:1.03rem;"></div></div>
             <div class="zongji">
                 <div class="zongjili img3">50<span>m</span></div>
                 <div class="zongjili img4">2024-03-20<span>14:23:00</span></div>
               </div>
             </div>
+            </div>
+          </div>
+            <!-- <div class="mgsnoe" style="height: 200px"></div> -->
+          </el-collapse-item>
+        </el-collapse>
+        <el-collapse accordion v-model="activeNames" class="bganimation">
+          <el-collapse-item name="1" class="imgneon">
+            <template #title>
+              <el-icon class="iconimg Frame3" fit="contain"></el-icon>
+              动画展示
+            </template>
+            <div class="rg_content">
+              <div class="rg-padding">
+            
+              <div class="animation_s">
+              <el-slider
+                :max="100"
+                :min="0"
+                v-model="count"
+                @change="sliderchange"
+              >
+              </el-slider>
+              <!-- <el-progress type="line" :percentage="percentage" :color="customColor" :stroke-width="4"/> -->
+              <div class="tanniu">
+                <div><el-image :src="t1" fit="contain" ></el-image></div>
+                <div><el-image :src="t2" fit="contain" ></el-image></div>
+                <div><el-image :src="t3" fit="contain" ></el-image></div>
+                
+              </div>
+            </div>
+          
+            
             </div>
           </div>
             <!-- <div class="mgsnoe" style="height: 200px"></div> -->
@@ -60,6 +95,12 @@
         </el-collapse>
       </div>
     </el-aside>
+    <!-- 动画 -->
+    <!-- <el-aside width="340px" class="L_aside L_aside1 asideg asidegbg leftbgimg1" v-show="firstshow">
+      <div class="demo-collapse jiancedian1 asideg1 jc_header collapseeion jianstyle">
+      
+      </div>
+    </el-aside> -->
   </div>
 </template>
 <script setup>
@@ -67,13 +108,20 @@ import { ref, onMounted, reactive, } from "vue";
 import { RouterView, RouterLink } from "vue-router"
 import { request, uploadFile } from "@/utils/request";
 import { ElMessage, ElButton, ElDialog, ElSelect } from 'element-plus'
+import * as echarts from 'echarts'
 import bt1 from "@/assets/img/Group1376.png"
 import bt2 from "@/assets/img/Group1377.png"
 import bt3 from "@/assets/img/Group1395.png"
 import bt4 from "@/assets/img/Group1396.png"
-let firstshow = ref(true);
-let activeNamesf = ref(["1"]);
+import t1 from "@/assets/img/t1.png";
+import t2 from "@/assets/img/t2.png";
+import t3 from "@/assets/img/t3.png";
+import t4 from "@/assets/img/t4.png";
+let firstshow = ref(false);
+let activeNames = ref(["1"]);
 let tableHeight = ref(150);
+;
+let count=ref(60)
 const tableData = [
   {
     date: '检测点',
@@ -96,6 +144,165 @@ const tableData = [
 
 
 ]
-defineExpose({});
+let myChart;
+onMounted(() => {
+  window.onresize = function() {
+    // 让图表自适应大小
+    myChart.resize();
+};
+  lineChart();
+});
+const tableRowClassName=()=>{
+
+}
+const handleDelete=()=>{
+
+}
+const lineChart=()=>{
+ myChart = echarts.init(document.getElementById('line'));
+  let option = {
+     tooltip: {
+       trigger: 'axis',
+     },
+     grid: {
+       left: '0',
+       right: '0',
+       bottom: '10',
+       top:'20',
+       containLabel: true
+     },
+     xAxis: [
+       {
+         type: 'category',
+         // boundaryGap: false,
+         data: [0,10,20,30,40],
+         splitLine: {
+           show: false,
+         },
+         axisLine: {
+           lineStyle: {
+             type: 'solid',
+             color: '#E6E7EC',//左边线的颜色
+             width:'1'//坐标线的宽度
+           }
+         },
+         axisLabel: {
+           textStyle: {
+             color: '#B8CED6',//坐标值得具体的颜色
+           }
+         }
+       }
+     ],
+     yAxis: [
+       {
+         type: 'value',
+         minInterval:1,
+         max: 700,
+         splitLine: {
+           show: true,
+           lineStyle:{
+             type:'dashed'
+           }
+         },
+         axisLine: {
+           lineStyle: {
+             type: 'solid',
+              color: '#E6E7EC',//左边线的颜色
+             width:1 //坐标线的宽度
+           }
+         },
+         axisLabel: {
+          type: 'value',
+          // color: '#ACD6FF',
+           textStyle: {
+          //  color: 'red',//坐标值得具体的颜色
+          color: function (value, index) {
+            if(value >=300){
+              return '#CE0000 '
+            } else{
+              return  '#ACD6FF'
+            }
+              // return value >= 120 ? '#CE0000  ': '#ACD6FF';
+          }
+           
+           }
+         }
+       }
+     ],
+     color: 'rgba(37, 190, 171, 1)',
+     series: [
+       {
+         name: '',
+         type: 'line',
+      showSymbol: false,
+      smooth: true,
+      data: [0,60,120,240,360],
+         itemStyle:{
+           normal:{
+             color: {
+               type: 'linear',
+               x: 0,
+               y: 0,
+               x2: 0,
+               y2: 1,
+               colorStops: [
+               {
+                 offset:1, color: '#ACD6FF ' // 0% 处的颜色
+               },
+               {
+                 offset:0.7, color: '#105CF0 '// 100% 处的颜色
+               },
+               {
+                 offset:0.66, color: '#FF7A00 '// 100% 处的颜色
+               },
+               {
+                 offset:0.2, color: '#FF0000 '// 100% 处的颜色
+               },
+               {
+                 offset:0, color: '#CE0000' // 0% 处的颜色FF7A00
+               }, 
+              
+              ],
+            
+               global: false // 缺省为 false
+             }
+           }
+         },
+         lineStyle: {
+                    width: 3, // 设置线条宽度
+                },
+
+       }
+     ]
+   }
+   myChart.setOption(option);
+   window.onresize = function() {
+    // 让图表自适应大小
+    myChart.resize();
+};
+ 
+ 
+// // 监听窗口大小变化
+myChart.dispatchAction({ //设置激活第一个选项
+     type: 'showTip',
+     seriesIndex: 0,
+     dataIndex: 0
+   });
+}
+defineExpose({firstshow});
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.el-slider {
+    width: 100%;
+    height: 32px;
+    display: flex;
+    align-items: center;
+}
+
+.tanniu{
+display: flex;
+justify-content:space-between;
+align-items: center;
+
+}
+</style>

src/view/index/index.vue

@@ -20,6 +20,8 @@ import { ElMessage, ElButton, ElDialog, ElSelect } from 'element-plus'
 import bt1 from "@/assets/img/bt1.png"
 import bt2 from "@/assets/img/bt2.png"
 import bt3 from "@/assets/img/bt2.png"
+let btnindex=ref(0);
+let emit = defineEmits(['indexchange','hiadden' ])
 let listArray = ref([
      { id: 0, name: "灾情推演",img:bt1 },
      { id: 1, name: "路径判断" ,img:bt2},
@@ -28,10 +30,19 @@ let listArray = ref([
 let currentIndex=ref(0);
 let btnlistshow=ref(false);
 const changeColor=(index)=>{
-    
-    currentIndex.value = index
+    btnindex.value=index;
+    currentIndex.value = btnindex.value;
+    emit("indexchange", btnindex.value);
+    if(btnindex.value==0){
+        emit("hiadden", 1);
+    }else{
+        emit("hiadden", 5);
+    }
 }
-     defineExpose({btnlistshow});
+const showhadend=()=>{
+    btnlistshow.value=true;
+}
+     defineExpose({showhadend,changeColor,btnindex});
    </script>
    <style  lang="scss" scoped>
 

src/view/index/three-right.vue

@@ -0,0 +1,56 @@
+<template>
+    <!-- 底部导航栏 -->
+    <div class="first-right l_Dialog tablebk"  v-show="threeshow">
+      <el-aside width="340px" class="L_aside L_aside1 asideg asidegbg leftbgimg1" >
+        <div class="demo-collapse jiancedian1 asideg1 jc_header collapseeion jianstyle">
+          <el-collapse accordion v-model="towactiveNames">
+            <el-collapse-item name="1" class="imgneon">
+              <template #title>
+                <el-icon class="iconimg Frame3" fit="contain"></el-icon>
+                灾害信息展示
+              </template>
+              <div class="rg_content">
+                <div class="rg-padding">
+                <div class="zongji">
+                  <div class="zongjili img1">1<span>个</span></div>
+                  <div class="zongjili img2">12<span>个</span></div>
+                </div>
+                <div  v-for="(item, index) in listArray" :key="index" >
+                    <el-image style="height: 100%" :src="item.img" fit="contain"></el-image>
+                    <!-- <span  :class="'span'+item.id">{{ item.name }}</span> -->
+                </div>
+              
+              
+              </div>
+            </div>
+              <!-- <div class="mgsnoe" style="height: 200px"></div> -->
+            </el-collapse-item>
+          </el-collapse>
+     
+        </div>
+      </el-aside>
+  
+    </div>
+  </template>
+  <script setup>
+  import { ref, onMounted, reactive, } from "vue";
+  import { RouterView, RouterLink } from "vue-router"
+  import { request, uploadFile } from "@/utils/request";
+  import { ElMessage, ElButton, ElDialog, ElSelect } from 'element-plus'
+  import * as echarts from 'echarts'
+  import bt1 from "@/assets/img/Group1365.png"
+  import bt2 from "@/assets/img/Group1366.png"
+let threeshow=ref(false);
+let towactiveNames = ref('1');
+let listArray = ref([
+     { id: 0,name:'危险路径',img:bt1 },
+     { id: 1,name:'安全路径',img:bt2},
+   ]);
+  defineExpose({});
+  </script>
+  <style scoped>
+ 
+  
+  </style>
+
+  

src/view/index/tow-right.vue

@@ -0,0 +1,56 @@
+<template>
+    <!-- 底部导航栏 -->
+    <div class="first-right l_Dialog tablebk"  v-show="towshow">
+      <el-aside width="340px" class="L_aside L_aside1 asideg asidegbg leftbgimg1" >
+        <div class="demo-collapse jiancedian1 asideg1 jc_header collapseeion jianstyle">
+          <el-collapse accordion v-model="towactiveNames">
+            <el-collapse-item name="1" class="imgneon">
+              <template #title>
+                <el-icon class="iconimg Frame3" fit="contain"></el-icon>
+                灾害信息展示
+              </template>
+              <div class="rg_content">
+                <div class="rg-padding">
+                <div class="zongji">
+                  <div class="zongjili img1">1<span>个</span></div>
+                  <div class="zongjili img2">12<span>个</span></div>
+                </div>
+                <div  v-for="(item, index) in listArray" :key="index" >
+                    <el-image style="height: 100%" :src="item.img" fit="contain"></el-image>
+                    <!-- <span  :class="'span'+item.id">{{ item.name }}</span> -->
+                </div>
+              
+              
+              </div>
+            </div>
+              <!-- <div class="mgsnoe" style="height: 200px"></div> -->
+            </el-collapse-item>
+          </el-collapse>
+     
+        </div>
+      </el-aside>
+  
+    </div>
+  </template>
+  <script setup>
+  import { ref, onMounted, reactive, } from "vue";
+  import { RouterView, RouterLink } from "vue-router"
+  import { request, uploadFile } from "@/utils/request";
+  import { ElMessage, ElButton, ElDialog, ElSelect } from 'element-plus'
+  import * as echarts from 'echarts'
+  import bt1 from "@/assets/img/Group1365.png"
+  import bt2 from "@/assets/img/Group1366.png"
+let towshow=ref(false);
+let towactiveNames = ref('1');
+let listArray = ref([
+     { id: 0,name:'危险路径',img:bt1 },
+     { id: 1,name:'安全路径',img:bt2},
+   ]);
+  defineExpose({towshow});
+  </script>
+  <style scoped>
+ 
+  
+  </style>
+
+  

src/view/result.vue

@@ -112,7 +112,7 @@ let oldtime=ref();
 let timeline = ref("2024-03-22 09:42:06");
 let setleftAid = ref();
 let setrightAid = ref();
-let clickflat = ref(false);
+let clickflat = ref(true);
 let mntext1 = ref('灾情模拟1');
 let mntext2 = ref('灾情模拟2');
 const formInline = ref({
@@ -124,7 +124,7 @@ const strResultFormatlist = ref([]);
 const accident6 = (key, id) => {
   aid.value = id;
 
-  if (key == "5") {
+  if (key == 2) {
     vtkmodel.clearAll();
     resultyem.value = true;
   } else {