全局添加列配置功能

src/views/pqs/cockpit/realTimeData/index.vue

@@ -4,23 +4,40 @@
         <!-- 实时数据 走驾驶舱-->
         <!-- 添加加载事件监听 -->
         <div class="dataBox" :style="{ height: prop.height ? prop.height : pageHeight.height }">
-            <div class="iframe-container" :style="{
-                boxShadow: `var(--el-box-shadow-light)`
-            }" style="position: relative">
-                <iframe v-if="bindId" :key="bindId" :src="iframeSrc" width="100%" height="100%" frameborder="0"
-                    scrolling="no" id="iframeLeft" @load="onIframeLoad"></iframe>
+            <div
+                class="iframe-container"
+                :style="{
+                    boxShadow: `var(--el-box-shadow-light)`
+                }"
+                style="position: relative"
+            >
+                <iframe
+                    v-if="bindId"
+                    :key="bindId"
+                    :src="iframeSrc"
+                    width="100%"
+                    height="100%"
+                    frameborder="0"
+                    scrolling="no"
+                    id="iframeLeft"
+                    @load="onIframeLoad"
+                ></iframe>
                 <el-empty v-else description="暂无绑定页面" style="height: 100%" />
             </div>
         </div>
         <div class="bottom-container">
-            <el-button type="primary" :icon="show ? 'el-icon-ArrowDownBold' : 'el-icon-ArrowUpBold'"
-                @click="show = !show" style="width: 100%" >
+            <el-button
+                type="primary"
+                :icon="show ? 'el-icon-ArrowDownBold' : 'el-icon-ArrowUpBold'"
+                @click="show = !show"
+                style="width: 100%"
+            >
                 事件列表
             </el-button>
             <!-- <el-button class="bindBut" type="primary" icon="el-icon-Sort"  @click="bindClick">绑定</el-button> -->
 
             <el-icon class="bindBut">
-                <Sort style="width: 30px;height: 30px;" color="#fff" @click="bindClick" />
+                <Sort style="width: 30px; height: 30px" color="#fff" @click="bindClick" />
             </el-icon>
             <!-- <div class="buttonBox">
                     <el-button type="primary" icon="el-icon-Aim" @click="reset">复位</el-button>
@@ -28,7 +45,14 @@
 
             <transition name="table-fade">
                 <div class="tableBox" v-if="show">
-                    <vxe-table border auto-resize height="230px" :data="tableData" ref="tableRef">
+                    <vxe-table
+                        border
+                        auto-resize
+                        height="230px"
+                        :data="tableData"
+                        ref="tableRef"
+                        v-bind="defaultAttribute"
+                    >
                         <vxe-column type="seq" title="序号" align="center" width="80px"></vxe-column>
                         <vxe-column field="date" align="center" sortable title="发生时间" width="200px"></vxe-column>
                         <vxe-column field="name" align="center" title="监测点名称" width="200px"></vxe-column>
@@ -46,6 +70,7 @@ import { ref, watch, onMounted, onUnmounted, provide } from 'vue'
 import Table from '@/components/table/index.vue'
 import TableStore from '@/utils/tableStore'
 import { mainHeight } from '@/utils/layout'
+import { defaultAttribute } from '@/components/table/defaultAttribute'
 import { Sort } from '@element-plus/icons-vue'
 import { useAdminInfo } from '@/stores/adminInfo'
 import { audit, add, coFqueryPage, getByUserId } from '@/api/cs-harmonic-boot/mxgraph'
@@ -159,7 +184,6 @@ const info = async () => {
                 pageSize: 1000
             }).then(res => {
                 bindId.value = res.data.records.filter(item => item.scope == 1)[0]?.id || null
-
             })
         })
     await setTimeout(() => {

src/views/pqs/cockpit/setUp/index.vue

@@ -15,7 +15,7 @@
                 <el-button type="primary" @click="onSubmitadd" icon="el-icon-Plus">新增</el-button>
             </template>
         </TableHeader>
-        <!-- <Table ref="tableRef" /> -->
+
         <div
             style="overflow-x: hidden; overflow-y: scroll; padding: 0 10px"
             v-loading="tableStore.table.loading"