冀北项目添加表格导出功能 技术监督添加下载模版上传功能

src/views/pqs/supervise_hn/terminal/components/substationLedger.vue

@@ -0,0 +1,73 @@
+<template>
+    <div>
+        <TableHeader datePicker area nextFlag theCurrentTime ref="TableHeaderRef">
+            <template #select>
+                <el-form-item label="信息查询">
+                    <el-input
+                        style="width: 200px"
+                        placeholder="请输入变电站/监测点名称"
+                        v-model="tableStore.table.params.searchValue"
+                        clearable
+                        maxlength="32"  show-word-limit
+                    ></el-input>
+                </el-form-item>
+            </template>
+            <template #operation></template>
+        </TableHeader>
+        <Table ref="tableRef" :showOverflow="false" />
+    </div>
+</template>
+<script setup lang="ts">
+import { ref, onMounted, provide, nextTick } from 'vue'
+import TableStore from '@/utils/tableStore'
+import Table from '@/components/table/index.vue'
+import TableHeader from '@/components/table/header/index.vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { mainHeight } from '@/utils/layout'
+import { useDictData } from '@/stores/dictData'
+
+const TableHeaderRef = ref()
+const tableStore = new TableStore({
+    url: '/harmonic-boot/PollutionSubstation/substationInfo',
+    publicHeight: 65,
+    method: 'POST',
+    isWebPaging: true,
+    paramsPOST: true,
+    column: [
+    {
+            title: '序号', width: 80, formatter: (row: any) => {
+                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+            }
+        },
+        { field: 'deptName', title: '所在地市', minWidth: 100 },
+        { field: 'substationName', title: '变电站名称', minWidth: 100 },
+
+        {
+            field: 'dwLineList',
+            title: '电网侧监测点名称',
+            minWidth: 150,
+            formatter: (obj: any) => {
+                return obj.cellValue.length == 0 ? '/' : obj.cellValue.join('\n')
+            }
+        },
+        {
+            field: 'yhLineList',
+            title: '非电网侧监测点名称',
+            minWidth: 150,
+            formatter: (obj: any) => {
+                return obj.cellValue.length == 0 ? '/' : obj.cellValue.join('\n')
+            }
+        },
+        { field: 'alarmFreq', title: '告警频次', minWidth: 80 },
+        { field: 'vpollutionData', title: '谐波电压污染值', minWidth: 80 },
+        { field: 'ipollutionData', title: '谐波电流污染值', minWidth: 80 }
+    ]
+})
+
+tableStore.table.params.searchValue = ''
+
+provide('tableStore', tableStore)
+onMounted(() => {
+    tableStore.index()
+})
+</script>