1.3

package-lock.json

@@ -1520,6 +1520,11 @@
       "integrity": "sha512-2LuNTFBIO0m7kKIQvvPHN6UE63VjpmL9rnEEaOOaiSPbZK+zUOYIzBAWcED+3XYzhYsd/0mD57VdxAEqqV52CQ==",
       "dev": true
     },
+    "@popperjs/core": {
+      "version": "npm:@sxzz/popperjs-es@2.11.7",
+      "resolved": "https://registry.npmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
+      "integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
+    },
     "@sideway/address": {
       "version": "4.1.4",
       "resolved": "https://registry.npmmirror.com/@sideway/address/-/address-4.1.4.tgz",
@@ -2169,6 +2174,49 @@
         "webpack-merge": "^5.7.3",
         "webpack-virtual-modules": "^0.4.2",
         "whatwg-fetch": "^3.6.2"
+      },
+      "dependencies": {
+        "@vue/vue-loader-v15": {
+          "version": "npm:vue-loader@15.11.1",
+          "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.11.1.tgz",
+          "integrity": "sha512-0iw4VchYLePqJfJu9s62ACWUXeSqM30SQqlIftbYWM3C+jpPcEHKSPUZBLjSF9au4HTHQ/naF6OGnO3Q/qGR3Q==",
+          "dev": true,
+          "requires": {
+            "@vue/component-compiler-utils": "^3.1.0",
+            "hash-sum": "^1.0.2",
+            "loader-utils": "^1.1.0",
+            "vue-hot-reload-api": "^2.3.0",
+            "vue-style-loader": "^4.1.0"
+          },
+          "dependencies": {
+            "hash-sum": {
+              "version": "1.0.2",
+              "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
+              "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
+              "dev": true
+            }
+          }
+        },
+        "json5": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+          "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+          "dev": true,
+          "requires": {
+            "minimist": "^1.2.0"
+          }
+        },
+        "loader-utils": {
+          "version": "1.4.2",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz",
+          "integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
+          "dev": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^1.0.1"
+          }
+        }
       }
     },
     "@vue/cli-shared-utils": {
@@ -2422,47 +2470,6 @@
       "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.13.tgz",
       "integrity": "sha512-F/gs3kHQ8Xeo24F6EImOvBiIoYQsBjF9qoLzvk+LHxYN6ZhIDEL1NWrBFYzdFQ7NphjEYd4EvPZ+Qee+WX8P6w=="
     },
-    "@vue/vue-loader-v15": {
-      "version": "npm:vue-loader@15.11.1",
-      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.11.1.tgz",
-      "integrity": "sha512-0iw4VchYLePqJfJu9s62ACWUXeSqM30SQqlIftbYWM3C+jpPcEHKSPUZBLjSF9au4HTHQ/naF6OGnO3Q/qGR3Q==",
-      "dev": true,
-      "requires": {
-        "@vue/component-compiler-utils": "^3.1.0",
-        "hash-sum": "^1.0.2",
-        "loader-utils": "^1.1.0",
-        "vue-hot-reload-api": "^2.3.0",
-        "vue-style-loader": "^4.1.0"
-      },
-      "dependencies": {
-        "hash-sum": {
-          "version": "1.0.2",
-          "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
-          "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
-          "dev": true
-        },
-        "json5": {
-          "version": "1.0.2",
-          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
-          "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
-          "dev": true,
-          "requires": {
-            "minimist": "^1.2.0"
-          }
-        },
-        "loader-utils": {
-          "version": "1.4.2",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz",
-          "integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
-          "dev": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^1.0.1"
-          }
-        }
-      }
-    },
     "@vue/web-component-wrapper": {
       "version": "1.3.0",
       "resolved": "https://registry.npmmirror.com/@vue/web-component-wrapper/-/web-component-wrapper-1.3.0.tgz",
@@ -4103,13 +4110,6 @@
         "lodash-unified": "^1.0.2",
         "memoize-one": "^6.0.0",
         "normalize-wheel-es": "^1.2.0"
-      },
-      "dependencies": {
-        "@popperjs/core": {
-          "version": "npm:@sxzz/popperjs-es@2.11.7",
-          "resolved": "https://registry.npmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
-          "integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
-        }
       }
     },
     "emoji-regex": {
@@ -4639,7 +4639,7 @@
     },
     "estree-walker": {
       "version": "2.0.2",
-      "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
       "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
     },
     "esutils": {

src/view/myIndex.vue

@@ -14,16 +14,16 @@
      <div class="leftdialong"  v-show="dialogVisible">
            <div class="time" > 当前时间：{{count}}</div>
              <div class="block">
-        <el-form-item label="标量" >
+        <el-form-item label="标   量" >
         <el-cascader
         transfer="true"
         :popper-append-to-body="false"
-          v-model="value"
+          v-model="arrvalue"
           :options="options"
-          @change="handleChange"></el-cascader>
+          @change="handleChange($event)"></el-cascader>
             </el-form-item>
       </div>
-           <el-form-item
+           <!-- <el-form-item
           label="动画开始"
       
         >
@@ -40,7 +40,16 @@
                  v-model="endtime"
             autocomplete="off"
           ></el-input>
-        </el-form-item>
+        </el-form-item> -->
+        <div class="block">
+      <span class="demonstration">动画开始</span>
+      <el-slider
+       :max='endtime'
+       :min="starttime"
+       v-model="count"
+        @change="sliderchange"
+       ></el-slider>
+    </div>
         
        <div class="itemlist">
            <div class="item" @click="play(3000)">播&nbsp;&nbsp;放</div>
@@ -93,11 +102,10 @@ import { I } from '@kitware/vtk.js/macros2.js'
       let endtime=ref(60);
       let timenum=ref(2)
       let isstop=ref(false)
-      let value=ref('')
-      let options=(
-         [
+      let arrvalue=reactive(['fire', 'Temperature'])
+      let options=reactive( [
          {
-          value: 'ziyuan',
+          value: 'fire',
           label: '火灾',
           children: [{
             value: 'Temperature',
@@ -117,14 +125,11 @@ import { I } from '@kitware/vtk.js/macros2.js'
           value: 'Water',
           label: '水灾',
           children: [{
-            value: 'axure',
+            value: 'Height',
             label: '水位高度源'
           }]
         },
-        ]
-     
-      )
-
+        ])
     function  add(id){
       if(id==2){
        dialogVisible.value=true
@@ -148,7 +153,7 @@ Height：水位高度
 const scalarName = ref("CO2");
  const filedir =ref("data/Fire/");
 //const scalarName = ref("Height");
-//const filedir =ref("data/Water/");
+// filedir =ref("data/Water/");
 const renderWindowWith = vtkRenderWindowWithControlBar.newInstance({
     controlSize: 11,
   });
@@ -193,8 +198,17 @@ function getMinMax(scalars){
             console.log(exitTime)
            
         }
-//
-function handleChange(){
+//联级选择
+function handleChange(val){
+  console.log(val[0])
+  if(val[0]=='fire'){
+    let fireval=val[1];
+    let scalarName = ref(fireval);
+   let filedir =ref("data/Fire/");
+  }else{
+let scalarName = ref("Height");
+let filedir =ref("data/Water/");
+  }
 
 }
 //暂停
@@ -202,6 +216,12 @@ function suspend(){
   isstop.value=false;
   console.log(isstop.value);
 }
+//滑块
+function sliderchange(val){
+  console.log(val);
+
+}
+
 //播放
 function play(time){
       isstop.value=true;