添加表格

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

@@ -27,10 +27,19 @@
 
             <el-table :data="tableData" style="width: 90%" height="500">
 
+                <el-table-column fixed prop="date" label="日期" width="150">
+                </el-table-column>
                 <el-table-column prop="name" label="姓名" width="120">
                 </el-table-column>
                 <el-table-column prop="province" label="省份" width="120">
                 </el-table-column>
+                <el-table-column prop="city" label="市区" width="120">
+                </el-table-column>
+                <el-table-column prop="address" label="地址" width="300">
+                </el-table-column>
+                <el-table-column prop="zip" label="邮编" width="120">
+                </el-table-column>
+
                 <el-table-column fixed="right" label="操作" width="100">
                     <template slot-scope="scope">
                         <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>

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

@@ -0,0 +1,31 @@
+<template>
+    
+</template>
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
+
+export default {
+    components: {},
+    data() {
+        return {};
+    },
+    //监听属性 类似于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/views/viewer.vue

@@ -33,6 +33,8 @@
         </div>
 
         <Boxcommon v-show="!store.state.viewer_flag"></Boxcommon>
+        <InfoVector v-show="!store.state.viewer_flag"></InfoVector>
+
     </div>
 </template>
 
@@ -48,6 +50,7 @@ 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 InfoVector from '@/views/cockpit/common/VectorSpace/InfoVector.vue';
 
 import datePicker from './cockpit/datePicker.vue';
 import xzqh from "../../static/data/460200_full.json";
@@ -59,7 +62,7 @@ import * as cockpit from "@/common/js/cockpit.js";
 
 export default {
     name: 'viewer',
-    components: { KJZB, BJXM, TDSC, HYSY, TDSY, GDBH, STXF, WPJG, datePicker, JCBD, Boxcommon },
+    components: { KJZB, BJXM, TDSC, HYSY, TDSY, GDBH, STXF, WPJG, datePicker, JCBD, Boxcommon,InfoVector },
     data() {
         return {
             params: {