7.8页面添加指定时间

src/view/InfoDialoges.vue

@@ -829,6 +829,7 @@ const rewu=()=>{
                 if(res.hasOwnProperty("cocodes")){
                     arrvalue.value=res.cocodes.split(',');
                 }
+                sessionStorage.setItem("acctime",res.acctime);
                 }
             
            

src/view/index/first-left.vue

@@ -147,6 +147,38 @@
     </div>
 
   </div>
+  <div  v-show="firstshow">
+    <div class="timedlg" v-show="timeshow">
+      <div class="closeimg" @click="timeshow = false"><el-image :src="closeimg" fit="contain"
+         style="margin-top: -10px;"></el-image></div>
+    <h4 class="teletdq">指定时间：</h4>
+    <div class="resultime">
+        <div class="time">{{ timeline }}</div>
+      </div>
+    </div>
+    <!-- <el-dialog
+      width="200px"
+      v-model="timeshow"
+      :modal="false"
+      ref="dialogRef"
+      :close-on-click-modal="false"
+      :append-to-body="true"
+      draggable
+      modal-class="summary-dlg time-dlg"
+    
+      class=" shubiao log_cla22 tianjia asideg asidegbg leftbgimg1"
+    >
+      <template #header="{ titleId, titleClass }">
+        <div class="my-header">
+          <h4 class="teletdq" :id="titleId" :class="titleClass">当前步数的时间：</h4>
+        </div>
+      </template>
+      <div class="resultime">
+        <div class="time">{{ timeline }}</div>
+      </div>
+     
+    </el-dialog> -->
+  </div>
   <htmldialog ref="htmldialogref" :classradio="props.classradio" :isshow='isshow' @funidshow="funidshow"/>
 </template>
 <script setup>
@@ -156,18 +188,22 @@ import { request, uploadFile } from "@/utils/request";
 import { ElMessage, ElButton, ElDialog, ElSelect } from 'element-plus'
 import * as echarts from 'echarts'
 import { createFireControl } from "@/control/fireControl.js";
+import { timestampToTime, timescount } from "@/js/lindex.js";
 import { vtkmodel } from "@/control/vtkModel.js";
 import vtkDataArray from "@kitware/vtk.js/Common/Core/DataArray.js";
 import bt4 from "@/assets/img/Group1376.png"
 import bt1 from "@/assets/img/Group1377.png"
 import bt3 from "@/assets/img/Group1395.png"
 import bt2 from "@/assets/img/Group1396.png"
+import closeimg from "@/assets/img/colse.png";
 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";
 import htmldialog from "./htmldialog.vue"
 let firstshow = ref(false);
+let timeshow=ref(true);
+let timeline = ref("2024-03-2");
 let activeNames = ref(["1"]);
 let activeNames1=ref(["2"])
 let tableHeight = ref(130);
@@ -184,6 +220,8 @@ let count=ref(1);
 let starttime = ref(1);
 let endtime = ref(60);
 let timenum = ref(2);
+let oldtime = ref('2024-04-25 18:07:08');
+let time = ref();
 let aid = ref();
 let newcount = ref(0);
 let timing = ref(null);
@@ -336,6 +374,9 @@ await request(params)
       jgSelect1();
       firstshow.value=true;
       endtime.value= Number(res.totaltime)/Number(res.reportstep);
+      oldtime.value=acctime;
+      console.log(3333333);
+      console.log( oldtime.value)
     }else if(res.state=='-1'){
       firstshow.value=false;
       ElMessage({
@@ -378,6 +419,7 @@ async  function getMonitor() {
   let cocode;
   let name;
   let v=1;
+  newtime();
   const params = {
     transCode: "D10018",
     aid: aid.value,
@@ -488,8 +530,27 @@ function Prev() {
   count.value--;
   fcon.step = count.value;
   newcount.value = count.value;
-
+  newtime();
 }
+// 时间计算
+const newtime = () => {
+  timeshow.value=true;
+  time.value = null;
+  oldtime.value= sessionStorage.getItem('acctime');
+console.log(222222444444)
+  console.log(oldtime.value);
+  time.value = (new Date(oldtime.value).getTime()) / 1000;
+  console.log( time.value);
+  if ( count.value == 2) {
+    let time2 = (count.value - 1) * 60 + time.value;
+    timeline.value = timescount(time2);
+  } else {
+    let time2 = (count.value) * 60 + time.value;
+    timeline.value = timescount(time2);
+  }
+
+
+};
 //  下一页
 function increment() {
   currentrow1.value=false;
@@ -501,7 +562,7 @@ function increment() {
   newcount.value = count.value;
   fcon.step = count.value;
   console.log( newcount.value );
-
+  newtime();
 }
 // 播放暂停
 const play =(time)=>{
@@ -522,7 +583,7 @@ const play =(time)=>{
         count.value++;
         fcon.step = count.value;
         newcount.value = count.value;
-  
+        newtime();
       }
     }
   };
@@ -807,6 +868,7 @@ watch(
     fcon.step = newVal;
     getMonitor();
     vtkScalarRead();
+ 
  //   vtkScalarRead();
 if( newVal>=endtime.value){
   playshow.value=true;
@@ -819,6 +881,31 @@ if( newVal>=endtime.value){
 defineExpose({firstshow,isshow,indexinit});
 </script>
 <style lang="scss" scoped>
+.text{
+  color: #fff;
+}
+.timedlg{
+  .time{
+    font-family: Microsoft YaHei UI, Microsoft YaHei UI;
+    font-weight: bold;
+    font-size:13px;
+    color: #ff0f0f;
+    line-height:35px;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+}
+.teletdq{
+  color: #fff;
+    font-size: 13px;
+    text-align: left;
+}
+.closeimg{
+  position: absolute;
+    right: 12px;
+    top: 21px;
+}
+}
 
 .el-slider {
     width: 100%;
@@ -840,4 +927,23 @@ align-items: center;
   text-align: center ;
 
 }
+.time-dlg .log_cla22{
+  position: absolute;
+    right: 1.8229rem;
+    top: -65px;
+
+}
+.time-dlg  .tianjia .el-dialog__body{
+  padding: 10px 20px !important;
+}
+.timedlg{
+  width: 200px;
+  position: absolute;
+  right: 1.8229rem;
+  top: 77px;
+  z-index: 1111;
+  background-color: rgba(0, 102, 201, 0.5);
+    border-radius: 10px;
+    padding: 15px;
+}
 </style>