属性列表

src/components/Query/clickQuery/CockpitVector.vue

@@ -0,0 +1,50 @@
+<template>
+  <el-table :data="tableData" :show-header="false" border  style="width: 100%">
+    <el-table-column prop="name" label="" width="100">
+    </el-table-column>
+    <el-table-column prop="value" label="" width="230">
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
+
+export default {
+  components: {},
+  data() {
+    return {
+      tableData: [{
+        "name": "BSM",
+        "value": "460203251000000700"
+      }, {
+        "name": "BSM",
+        "value": "460203251000000700"
+      }, {
+        "name": "BSM",
+        "value": "460203251000000700"
+      }, {
+        "name": "BSM",
+        "value": "460203251000000700"
+      }]
+    };
+  },
+  //监听属性 类似于data概念
+  computed: {},
+  //监控data中的数据变化
+  watch: {},
+  //方法集合
+  methods: {},
+  beforeCreate() { }, //生命周期 - 创建之前
+  created() { }, //生命周期 - 创建完成（可以访问当前this实例）
+  beforeMount() { }, //生命周期 - 挂载之前
+  mounted() { }, //生命周期 - 挂在完成
+  beforeUpdate() { }, //生命周期 - 更新之前
+  updated() { }, //生命周期 - 更新之后
+  beforeDestroy() { }, //生命周期 - 销毁之前
+  destroy() { },//生命周期 - 销毁完成
+  activated() { }, //若组件实例是 <KeepAlive> 缓存树的一部分，当组件被插入到 DOM 中时调用。
+  deactivated() { } //若组件实例是 <KeepAlive> 缓存树的一部分，当组件从 DOM 中被移除时调用。
+};
+</script>
+<style  scoped></style>

src/components/Query/clickQuery/clickQuery.vue

@@ -43,7 +43,7 @@
       </el-collapse>
     </div>
 
-
+    <!-- <CockpitVector class="cockpit_vector"></CockpitVector> -->
   </div>
 </template>
 
@@ -52,9 +52,13 @@ import axios from "axios";
 import { GetGDlnfo, GetXzqhTree, GetHouseInfo } from "../../../api/map";
 import { keys } from "lodash";
 import { handModel, handnew, clearTranslate, keyName } from "./modelLayering";
+import CockpitVector from "./CockpitVector.vue";
+
 let gwtype;
 export default {
   name: "clickQuery",
+  components: { CockpitVector },
+
   data() {
     return {
       inited: false,
@@ -710,6 +714,11 @@ export default {
 };
 </script>
 <style>
+.cockpit_vector {
+  position: absolute;
+  top: 6rem;
+}
+
 .sm-function-module-content-btn {
   text-align: center;
   padding-top: 5px;