查询框

src/views/cockpit/common/VectorSpace/BoxCommonVector.vue

@@ -0,0 +1,64 @@
+<template>
+    <div class="BoxCommonVector">
+        <div class="innerContainerVector leftPaneVector">
+            <h2 class="PangetitleVector">
+                <span class="pange_textVector">智选址111</span>
+            </h2>
+        </div>
+    </div>
+</template>
+  
+<script>
+
+export default {
+
+};
+</script>
+  
+<style lang="scss" scoped>
+.BoxCommonVector {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    left: -1rem;
+    top: 0rem;
+}
+
+.innerContainerVector {
+    width: 430px;
+    height: 800px; //calc(100% - 20px);
+    position: absolute;
+    top: 28px;
+    z-index: 99;
+    background-image: url("/static/images/ghzc/内容框.png");
+    background-size: 100% 100%;
+}
+
+.leftPaneVector {
+    left: 20px;
+
+    .PangetitleVector {
+        box-sizing: border-box;
+        width: 100%;
+        height: 42px;
+        background: url("/static/images/overview/titlebox.gif") no-repeat !important;
+        background-size: 100% 100% !important;
+        line-height: 43px;
+        font-size: 14px;
+        padding-left: 15px;
+        display: flex;
+        position: relative;
+        overflow: hidden;
+        cursor: move;
+    }
+
+    .pange_textVector {
+        font-family: 'HarmonyOS Sans, HarmonyOS Sans';
+        font-weight: bold;
+        font-size: 18px;
+        color: #FFFFFF;
+        margin-left: 30px;
+    }
+}
+</style>
+  

src/views/cockpit/tdsy.vue

@@ -120,7 +120,6 @@
       </div>
     </div>
 
-    <Boxcommon></Boxcommon>
 
 
   </div>
@@ -133,12 +132,11 @@ import { QueryOne, QueryList } from "../../api/cockpitNew";
 import pie3d from "../../components/echartsTemplate/3dPie.vue";
 import DialWatch from './common/DialWatch.vue';
 import Graph3D from './common/Graph3D.vue';
-import Boxcommon from './common/VectorSpace/Boxcommon.vue';
 
 import parse from "wellknown";
 import * as tdsy from "./js/tdsy";
 export default {
-  components: { pie3d, DialWatch, Graph3D, Boxcommon },
+  components: { pie3d, DialWatch, Graph3D },
   data() {
     return {
       vector_data: null,
@@ -881,6 +879,8 @@ export default {
     },
     switch_vector_tdgy_gy_jd(flag) {
       store.state.query_vector_input = !store.state.query_vector_input
+      console.log('store.state.query_vector_input: ', store.state.query_vector_input);
+      
       // tdsy.hidden(flag);
 
 

src/views/viewer.vue

@@ -31,6 +31,8 @@
             </div>
 
         </div>
+
+        <Boxcommon v-show="store.state.query_vector_input"></Boxcommon>
     </div>
 </template>
 
@@ -45,6 +47,7 @@ import GDBH from './cockpit/gdbh';
 import STXF from './cockpit/stxf';
 import WPJG from './cockpit/wpjg';
 import JCBD from './cockpit/jcbd';
+import Boxcommon from '@/views/cockpit/common/VectorSpace/BoxCommonVector.vue';
 
 import datePicker from './cockpit/datePicker.vue';
 import xzqh from "../../static/data/460200_full.json";
@@ -56,7 +59,7 @@ import * as cockpit from "@/common/js/cockpit.js";
 
 export default {
     name: 'viewer',
-    components: { KJZB, BJXM, TDSC, HYSY, TDSY, GDBH, STXF, WPJG, datePicker, JCBD },
+    components: { KJZB, BJXM, TDSC, HYSY, TDSY, GDBH, STXF, WPJG, datePicker, JCBD, Boxcommon },
     data() {
         return {
             params: {