420

src/view/index/htmldialog.vue

@@ -1,6 +1,6 @@
 <template>
-    <!-- 加载html界面 -->
-<div v-show="htmldialogshow" class="htmlclass">
+  <!-- 加载html界面 -->
+  <div v-show="htmldialogshow" class="htmlclass">
     <el-dialog
       width="300px"
       v-model="htmldialogshow"
@@ -11,28 +11,46 @@
       :fullscreen="false"
       :modal-append-to-body="false"
       modal-class="summary-dlg"
-      @close='closeDialog'
+      @close="closeDialog"
       class="right log_class bgcolor tianjia asideg asidegbg leftbgimg"
     >
       <template #header="{ titleId, titleClass }">
         <div class="my-header">
-          <h4  class="telet" :id="titleId" :class="titleClass">3D选点</h4>
+          <h4 class="telet" :id="titleId" :class="titleClass">3D选点</h4>
         </div>
       </template>
       <div class="htmlclass_content" v-for="(item, i) in msgval" :key="i">
-        <span class="htmlclass_txte" style="width: 150px; display: inline-block;">{{ item.name }}</span>
-         <span class="htmlclass_txte">{{ item.value }}</span>
-            <!-- <p class="htmlclass_txte">水位：{{ item.value }}</p> -->
-        </div>
+        <span class="htmlclass_txte" style="width: 150px; display: inline-block">{{
+          item.name
+        }}</span>
+        <span class="htmlclass_txte">{{ item.value }}</span>
+        <!-- <p class="htmlclass_txte">水位：{{ item.value }}</p> -->
+      </div>
       <div class="dialog-footer footer_div l_btn">
         <div class="footerbtn flex1">
           <div class="borderimg">
-            <el-button ><a class="tiaozhaun"   href="../../../../static/index.html?camera=0&water='+water'" rel="external nofollow"  target="_blank">内部查看</a></el-button>
+            <el-button
+              ><a
+                class="tiaozhaun"
+                :href="jghrfe"
+                rel="external nofollow"
+                target="_blank"
+                >内部查看</a
+              ></el-button
+            >
           </div>
         </div>
         <div class="footerbtn flex1">
           <div class="borderimg">
-            <el-button> <a class="tiaozhaun" href="../../../../static/index.html?camera=1&water=0.9" rel="external nofollow"  target="_blank">外部查看</a> </el-button>
+            <el-button>
+              <a
+                class="tiaozhaun"
+                :href="jghrfe2"
+                rel="external nofollow"
+                target="_blank"
+                >外部查看</a
+              >
+            </el-button>
           </div>
         </div>
       </div>
@@ -55,56 +73,53 @@
           </div>
         </div>
     </div> -->
-</div>
-    
-     </template>
-   <script setup>
-import { ref, onMounted, reactive, } from "vue";
-import {RouterView,RouterLink } from "vue-router"
+  </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 { ElMessage, ElButton, ElDialog, ElSelect } from "element-plus";
 import { vtkmodel } from "@/control/vtkModel.js";
 import { createFireControl } from "@/control/fireControl.js";
-let emit = defineEmits(['funidshow'])
-let buntext=ref("3D选点")
-let htmldialogshow=ref(false);
-let msgval=ref([]);
-let water=ref();
+let emit = defineEmits(["funidshow"]);
+let buntext = ref("3D选点");
+let htmldialogshow = ref(false);
+let msgval = ref([]);
+let water = ref();
 const props = defineProps({
   isshow: {
-        type: Boolean,
-        // required: true,
-
-    },
+    type: Boolean,
+    // required: true,
+  },
 });
-const getdatahtml=(val)=>{
-  water.value=Number(val[0].value)/4;
-  msgval.value=val;
-}
-const closeDialog=()=>{
-  htmldialogshow.value=false;
-  emit('funidshow',false);
-}
+let jghrfe=ref();
+let jghrfe2=ref();
+const getdatahtml = (val) => {
+  water.value = Number(val[0].value) / 4;
+  console.log(water.value);
+  jghrfe="../../../../static/index.html?camera=1&water="+ water.value;
+  jghrfe2="../../../../static/index.html?camera=0&water="+ water.value;
+  msgval.value = val;
+};
+const closeDialog = () => {
+  htmldialogshow.value = false;
+  emit("funidshow", false);
+};
 onMounted(() => {
-
   // arrowtimeStart();
 });
 watch(
   () => [props.isshow],
   (newVal, oldVal) => {
-    if(newVal[0]==true){
-      htmldialogshow.value=true;
-    }else{
-      htmldialogshow.value=false;
+    if (newVal[0] == true) {
+      htmldialogshow.value = true;
+    } else {
+      htmldialogshow.value = false;
     }
-
-
   },
   { deep: true }
 ); //深度监视
-     defineExpose({getdatahtml});
-   </script>
-   <style  lang="scss" scoped>
-
-
-   </style>
+defineExpose({ getdatahtml });
+</script>
+<style lang="scss" scoped></style>