From 4abfb649efa71ac1912125bcdbf316cbfe0f646a Mon Sep 17 00:00:00 2001
From: zhousq <zhoushaoqiang@sina.com>
Date: Fri, 4 Aug 2023 08:38:32 +0800
Subject: [PATCH] =?UTF-8?q?2023-0804=20bi=E5=A4=A7=E5=B1=8F=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: lxg <zxc1945@qq.com>
---
 src/views/bi/index.vue | 1517 ++++++++++++++++++++++++++++++++++++++++
 src/views/index1.vue   |    2 +-
 2 files changed, 1518 insertions(+), 1 deletion(-)
 create mode 100644 src/views/bi/index.vue

diff --git a/src/views/bi/index.vue b/src/views/bi/index.vue
new file mode 100644
index 0000000..83929aa
--- /dev/null
+++ b/src/views/bi/index.vue
@@ -0,0 +1,1517 @@
+<template>
+    <div class="table-datav">
+      <div class="logo">
+        <div class="title">国惠环保新能源有限公司</div>
+        <div class="setting">
+          <el-row>
+            <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏' : '显示'" placement="top">
+              <el-button circle text icon="Filter" @click="toggleSearch()" />
+            </el-tooltip>
+            <el-tooltip class="item" effect="dark" content="显示项" placement="top">
+              <el-button circle text icon="Menu" @click="show = true" />
+            </el-tooltip>
+          </el-row>
+        </div>
+      </div>
+      <div class="main">
+        <div class="sidebar">
+          <el-menu active-text-color="#ffd04b" background-color="rgba(0,0,0,0)" class="el-menu-vertical-demo"
+            :default-active="sidebarList[0] && sidebarList[0].child && sidebarList[0].child.length > 0 ? sidebarList[0].child[0].id : sidebarList[0].id"
+            text-color="#fff" @open="handleOpen" @close="handleClose">
+            <template v-for="(item, index) in sidebarList" :key="index">
+              <el-sub-menu :index="item.id" v-if="item.child && item.child.length > 0">
+                <template #title>
+                  <span class="one-title">{{ item.name }}</span>
+                </template>
+                <el-menu-item :index="cur.id" v-for="(cur, key) in item.child" :key="key" class="two-title">{{ cur.name
+                }}</el-menu-item>
+              </el-sub-menu>
+              <el-menu-item :index="item.id" v-else class="one-title">{{ item.name }}</el-menu-item>
+            </template>
+          </el-menu>
+        </div>
+        <div class="right">
+          <div class="table1" v-if="showSearch">
+            <table border cellspacing="0">
+              <thead>
+                <tr>
+                  <th>供水压力</th>
+                  <th>供水流量</th>
+                  <th>供水流量信号</th>
+                  <th>供水流量累计</th>
+                  <th>供水温度供水热量</th>
+                  <th>供水焓值</th>
+                  <th>回水压力</th>
+                  <th>回水流量</th>
+                  <th>回水流量信号</th>
+                </tr>
+              </thead>
+              <tBody>
+                <tr>
+                  <td>0</td>
+                  <td>0</td>
+                  <td>0</td>
+                  <td>0</td>
+                  <td>0</td>
+                  <td>0</td>
+                  <td>0</td>
+                  <td>0</td>
+                  <td>0</td>
+                </tr>
+              </tBody>
+              <thead>
+                <tr>
+                  <th>回水流量累计</th>
+                  <th>回水温度</th>
+                  <th>回水热量</th>
+                  <th>回水焓值</th>
+                  <th>地面积水耗流瞬时</th>
+                  <th>耗流累计</th>
+                  <th>耗热瞬时耗热累计</th>
+                  <th>能耗焓值阀门反馈</th>
+                  <th>阀门给定</th>
+                </tr>
+              </thead>
+              <tBody>
+                <tr>
+                  <td>0</td>
+                  <td>0</td>
+                  <td>0</td>
+                  <td>0</td>
+                  <td>0</td>
+                  <td>0</td>
+                  <td>0</td>
+                  <td>0</td>
+                  <td>0</td>
+                </tr>
+              </tBody>
+            </table>
+          </div>
+          <div class="table scroll" :style="{ height: showSearch ? 'calc(100vh - 344px)' : 'calc(100vh - 184px)' }">
+            <el-table :data="tableData" row-key="id" border default-expand-all :row-class-name="tableRowClassName"
+              @header-dragend="headerDragend" :key="isUpdate">
+              <el-table-column type="index" align="center">
+                <template #default="scope">
+                  <span class="index">{{ scope.row.index }}</span>
+                </template>
+              </el-table-column>
+              <template v-for="(item) in headerList" :key="item.id">
+                <el-table-column prop="name" :label="item.name" align="center" :width="item.width" v-if="item.show">
+                  <template v-for="(cur) in item.children" :key="cur.id" v-if="item.children && item.children.length > 0">
+                    <el-table-column prop="oneSupplyPressure" :label="cur.name" align="center" :width="cur.width"
+                      v-if="cur.show">
+                      <template #default="scope">
+                        <span class="index">{{ scope.row[cur.field] }}</span>
+                      </template>
+                    </el-table-column>
+                  </template>
+  
+                  <template #default="scope" v-if="!item.children">
+                    <!-- 积水报警 -->
+                    <div class="flex" v-if="item.field == 'waterPolice'">
+                      <span class="cicle-green" v-if="scope.row.name"></span>
+                    </div>
+                    <!-- 一补二 -->
+                    <div class="flex" v-else-if="item.field == 'oneSupplementTwo'">
+                      <div class="oneSupplementTwo">
+                        <span class="cicle-green" v-if="scope.row.name"></span>
+                        <span class="cicle-number" v-if="scope.row.name">0</span>
+                      </div>
+                    </div>
+                    <div :class="item.field == 'name' ? 'name-box' : ''" v-else>
+                      <span v-if="item.field == 'name' && scope.row.type" class="cicle-red"></span>
+                      <span :class="item.field == 'name' || item.field == 'totalFlow' ? 'name' : 'index'">{{
+                        scope.row[item.field] }}</span>
+                    </div>
+                  </template>
+                </el-table-column>
+              </template>
+            </el-table>
+          </div>
+        </div>
+      </div>
+      <el-dialog v-model="show" title="显示项" draggable width="600">
+        <div class="dialog-box">
+          <el-tree :data="headerListDialog" ref="tree" show-checkbox node-key="id" draggable :props="defaultProps"
+            @node-drop="nodeDrop"  :allow-drag="allowDrag" :allow-drop="allowDrop" @check="check" :default-checked-keys="defaultCheckedKeys">
+            <template #default="{ node, data }">
+              <span class="custom-tree-node">
+                <span style="width: 240px;">{{ data.name }}</span>
+              </span>
+              <div class="weight" v-if="!data.children">
+                <span>宽度(px):</span>
+                <el-input v-model="data.width" placeholder="请输入宽度" style="flex: 1;" />
+              </div>
+            </template>
+          </el-tree>
+        </div>
+        <template #footer>
+          <span class="dialog-footer">
+            <el-button @click="show = false">取消</el-button>
+            <el-button type="primary" @click="sureHidden">
+              确定显示
+            </el-button>
+          </span>
+        </template>
+      </el-dialog>
+    </div>
+  </template>
+  
+  <script setup name="Index1" lang="ts">
+  import { onMounted } from 'vue';
+  const { proxy } = getCurrentInstance();
+  import Cookies from 'js-cookie'
+  
+  const show = ref(false)//显示设置弹窗
+  const checkList = ref([])//选中的隐藏项
+  const defaultCheckedKeys = ref([])//进入页面默认选中的隐藏项
+  const isUpdate = ref(false)
+  const sidebarList = ref([{
+    name: '国惠站点',
+    id: '1',
+    child: [{
+      name: '西线',
+      id: '1-1',
+    }, {
+      name: '南一线',
+      id: '1-2',
+    }, {
+      name: '南一线',
+      id: '1-3',
+    }, {
+      name: '南二线',
+      id: '1-4',
+    }, {
+      name: '南二线',
+      id: '1-5',
+    }, {
+      name: '东线',
+      id: '1-6',
+    }, {
+      name: '西线',
+      id: '1-7',
+    }, {
+      name: '热风机组',
+      id: '1-8',
+    }]
+  }, {
+    name: '沈水湾站点',
+    id: '2',
+    child: [{
+      name: '新世界一班',
+      id: '2-1',
+    }, {
+      name: '新世界二班',
+      id: '2-2',
+    }]
+  }, {
+    name: '东北大学',
+    id: '3',
+    child: [{
+      name: '东北大学班组',
+      id: '3-1',
+    }, {
+      name: '东区管道泵',
+      id: '3-2',
+    }]
+  }])
+  const headerList = ref([{
+    name: '站点名称',
+    id: '1',
+    field: 'name',
+    width: 150,
+    show: true,
+    disabled: true,
+  }, {
+    name: '区域',
+    id: '2',
+    field: 'area',
+    width: 150,
+    show: true
+  }, {
+    name: '一次网参数',
+    id: '3',
+    show: true,
+    children: [{
+      name: '一次供压',
+      id: '4',
+      field: 'oneSupplyPressure',
+      width: 150,
+      show: true,
+    }, {
+      name: '一次回压',
+      id: '5',
+      field: 'oneBackPressure',
+      width: 150,
+      show: true,
+    }, {
+      name: '一次供温',
+      id: '6',
+      field: 'oneSupplyTemperature',
+      width: 150,
+      show: true,
+    }, {
+      name: '一次回温',
+      id: '7',
+      field: 'oneBackTemperature',
+      width: 150,
+      show: true,
+    }]
+  }, {
+    name: '二次网参数',
+    id: '8',
+    show: true,
+    children: [{
+      name: '二次供压',
+      id: '9',
+      field: 'twoSupplyPressure',
+      width: 150,
+      show: true,
+    }, {
+      name: '二次回压',
+      id: '10',
+      field: 'twoBackPressure',
+      width: 150,
+      show: true,
+    }, {
+      name: '二次供温',
+      id: '11',
+      field: 'twoSupplyTemperature',
+      width: 150,
+      show: true,
+    }, {
+      name: '二次回温',
+      id: '12',
+      field: 'twoBackTemperature',
+      width: 150,
+      show: true,
+    }, {
+      name: '平均温度',
+      id: '13',
+      field: 'averageTemperature',
+      width: 150,
+      show: true,
+    }]
+  }, {
+    name: '总流量',
+    id: '14',
+    field: 'totalFlow',
+    width: 150,
+    show: true,
+  }, {
+    name: '分区流量',
+    id: '15',
+    field: 'trafficFlow',
+    width: 150,
+    show: true,
+  }, {
+    name: '瞬时热量',
+    id: '16',
+    field: 'instantHeat',
+    width: 150,
+    show: true,
+  }, {
+    name: '累计热量',
+    id: '17',
+    field: 'AaccumulatHeat',
+    width: 150,
+    show: true,
+  }, {
+    name: '阀门开度',
+    id: '18',
+    field: 'valve',
+    width: 150,
+    show: true,
+  }, {
+    name: '水箱水位',
+    id: '19',
+    field: 'waterLevel',
+    width: 150,
+    show: true,
+  }, {
+    name: '循环频率',
+    id: '20',
+    field: 'cycleFrequency',
+    width: 150,
+    show: true,
+  }, {
+    name: '补水频率',
+    id: '21',
+    field: 'waterFrequency',
+    width: 150,
+    show: true,
+  }, {
+    name: '积水报警',
+    id: '22',
+    field: 'waterPolice',
+    width: 150,
+    show: true,
+  }, {
+    name: '一补二',
+    id: '23',
+    field: 'oneSupplementTwo',
+    width: 150,
+    show: true,
+  }, {
+    name: '声音已开',
+    id: '24',
+    field: 'soundTurnedOn',
+    width: 150,
+    show: true,
+  }])
+  const tableData = ref([
+    {
+      id: '1',
+      index: '1',
+      name: '长岛三期',
+      area: '低区',
+      oneSupplyPressure: '0.02',
+      oneBackPressure: '0.05',
+      oneSupplyTemperature: '18.4',
+      oneBackTemperature: '18.4',
+      twoSupplyPressure: '0.03',
+      twoBackPressure: '0.04',
+      twoSupplyTemperature: '18.2',
+      twoBackTemperature: '17.8',
+      averageTemperature: '18.0',
+      totalFlow: '0.2',
+      trafficFlow: '0.0',
+      instantHeat: '0.0',
+      AaccumulatHeat: '14991.9',
+      valve: '100.0',
+      waterLevel: '15',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '2',
+      name: '',
+      area: '中区',
+      oneSupplyPressure: '',
+      oneBackPressure: '',
+      oneSupplyTemperature: '',
+      oneBackTemperature: '',
+      twoSupplyPressure: '0.02',
+      twoBackPressure: '0.03',
+      twoSupplyTemperature: '18.4',
+      twoBackTemperature: '17.9',
+      averageTemperature: '18.2',
+      totalFlow: '',
+      trafficFlow: '0.2',
+      instantHeat: '0.0',
+      AaccumulatHeat: '9993.0',
+      valve: '27.9',
+      waterLevel: '',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '3',
+      name: '',
+      area: '高区',
+      oneSupplyPressure: '',
+      oneBackPressure: '',
+      oneSupplyTemperature: '',
+      oneBackTemperature: '',
+      twoSupplyPressure: '0.00',
+      twoBackPressure: '0.02',
+      twoSupplyTemperature: '17.9',
+      twoBackTemperature: '17.6',
+      averageTemperature: '17.8',
+      totalFlow: '',
+      trafficFlow: '0.0',
+      instantHeat: '0.0',
+      AaccumulatHeat: '6310.6',
+      valve: '66.2',
+      waterLevel: '',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '4',
+      index: '2',
+      name: '星座1号',
+      area: '低区',
+      oneSupplyPressure: '0.02',
+      oneBackPressure: '0.00',
+      oneSupplyTemperature: '21.9',
+      oneBackTemperature: '22.9',
+      twoSupplyPressure: '0.16',
+      twoBackPressure: '0.17',
+      twoSupplyTemperature: '21.3',
+      twoBackTemperature: '21.2',
+      averageTemperature: '21.2',
+      totalFlow: '0.2',
+      trafficFlow: '0.2',
+      instantHeat: '0.0',
+      AaccumulatHeat: '38204.6',
+      valve: '78.8',
+      waterLevel: '92',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '5',
+      index: '',
+      name: '',
+      area: '高区',
+      oneSupplyPressure: '',
+      oneBackPressure: '',
+      oneSupplyTemperature: '',
+      oneBackTemperature: '',
+      twoSupplyPressure: '0.00',
+      twoBackPressure: '0.01',
+      twoSupplyTemperature: '22.73',
+      twoBackTemperature: '21.2',
+      averageTemperature: '21.9',
+      totalFlow: '',
+      trafficFlow: '0.0',
+      instantHeat: '0.0',
+      AaccumulatHeat: '20682.2',
+      valve: '37.3',
+      waterLevel: '',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '6',
+      index: '3',
+      name: '星座2号',
+      area: '低区',
+      oneSupplyPressure: '0.00',
+      oneBackPressure: '0.00',
+      oneSupplyTemperature: '19.4',
+      oneBackTemperature: '19.7',
+      twoSupplyPressure: '0.00',
+      twoBackPressure: '0.01',
+      twoSupplyTemperature: '23.1',
+      twoBackTemperature: '22.2',
+      averageTemperature: '22.6',
+      totalFlow: '0.0',
+      trafficFlow: '0.0',
+      instantHeat: '0.0',
+      AaccumulatHeat: '7541.1',
+      valve: '0.0',
+      waterLevel: '93',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '7',
+      index: '',
+      name: '',
+      area: '高区',
+      oneSupplyPressure: '',
+      oneBackPressure: '',
+      oneSupplyTemperature: '',
+      oneBackTemperature: '',
+      twoSupplyPressure: '0.41',
+      twoBackPressure: '0.43',
+      twoSupplyTemperature: '23.0',
+      twoBackTemperature: '22.0',
+      averageTemperature: '22.5',
+      totalFlow: '',
+      trafficFlow: '0.0',
+      instantHeat: '0.0',
+      AaccumulatHeat: '9903.0',
+      valve: '0.0',
+      waterLevel: '',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '8',
+      index: '4',
+      name: '锦园',
+      type: 1,
+      area: '低区',
+      oneSupplyPressure: '0.01',
+      oneBackPressure: '0.02',
+      oneSupplyTemperature: '16.9',
+      oneBackTemperature: '16.6',
+      twoSupplyPressure: '0.00',
+      twoBackPressure: '0.01',
+      twoSupplyTemperature: '16.4',
+      twoBackTemperature: '19.6',
+      averageTemperature: '18.0',
+      totalFlow: '6.5',
+      trafficFlow: '6.4',
+      instantHeat: '0.0',
+      AaccumulatHeat: '44240.9',
+      valve: '47.8',
+      waterLevel: '78',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '9',
+      index: '',
+      name: '',
+      area: '中区',
+      oneSupplyPressure: '',
+      oneBackPressure: '',
+      oneSupplyTemperature: '',
+      oneBackTemperature: '',
+      twoSupplyPressure: '0.02',
+      twoBackPressure: '0.02',
+      twoSupplyTemperature: '17.3',
+      twoBackTemperature: '16.2',
+      averageTemperature: '16.7',
+      totalFlow: '',
+      trafficFlow: '0.0',
+      instantHeat: '0.0',
+      AaccumulatHeat: '14475.2',
+      valve: '100.0',
+      waterLevel: '',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '10',
+      index: '',
+      name: '',
+      area: '高区',
+      oneSupplyPressure: '',
+      oneBackPressure: '',
+      oneSupplyTemperature: '',
+      oneBackTemperature: '',
+      twoSupplyPressure: '0.73',
+      twoBackPressure: '0.74',
+      twoSupplyTemperature: '16.6',
+      twoBackTemperature: '20.2',
+      averageTemperature: '18.4',
+      totalFlow: '',
+      trafficFlow: '0.0',
+      instantHeat: '0.0',
+      AaccumulatHeat: '0.0',
+      valve: '41.3',
+      waterLevel: '',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '11',
+      index: '',
+      name: '',
+      area: '网点',
+      oneSupplyPressure: '',
+      oneBackPressure: '',
+      oneSupplyTemperature: '',
+      oneBackTemperature: '',
+      twoSupplyPressure: '0.00',
+      twoBackPressure: '0.02',
+      twoSupplyTemperature: '17.3',
+      twoBackTemperature: '16.7',
+      averageTemperature: '17.0',
+      totalFlow: '',
+      trafficFlow: '0.1',
+      instantHeat: '0.0',
+      AaccumulatHeat: '1621.7',
+      valve: '100.0',
+      waterLevel: '',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '12',
+      index: '5',
+      name: '惠泽园',
+      area: '低区',
+      oneSupplyPressure: '0.00',
+      oneBackPressure: '0.00',
+      oneSupplyTemperature: '24.3',
+      oneBackTemperature: '23.6',
+      twoSupplyPressure: '0.00',
+      twoBackPressure: '0.01',
+      twoSupplyTemperature: '23.8',
+      twoBackTemperature: '23.3',
+      averageTemperature: '23.6',
+      totalFlow: '0.0',
+      trafficFlow: '',
+      instantHeat: '0.0',
+      AaccumulatHeat: '44140.4',
+      valve: '100.0',
+      waterLevel: '64',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '13',
+      index: '6',
+      name: '管委会',
+      area: '低区',
+      oneSupplyPressure: '0.01',
+      oneBackPressure: '0.00',
+      oneSupplyTemperature: '27.8',
+      oneBackTemperature: '29.1',
+      twoSupplyPressure: '0.00',
+      twoBackPressure: '0.01',
+      twoSupplyTemperature: '26.9',
+      twoBackTemperature: '26.3',
+      averageTemperature: '26.4',
+      totalFlow: '0.0',
+      trafficFlow: '',
+      instantHeat: '0.0',
+      AaccumulatHeat: '3436.2',
+      valve: '100.0',
+      waterLevel: '0',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '14',
+      index: '7',
+      name: '天墅',
+      type: 1,
+      area: '低区',
+      oneSupplyPressure: '0.00',
+      oneBackPressure: '0.00',
+      oneSupplyTemperature: '19.1',
+      oneBackTemperature: '19.2',
+      twoSupplyPressure: '0.02',
+      twoBackPressure: '0.03',
+      twoSupplyTemperature: '19.9',
+      twoBackTemperature: '19.4',
+      averageTemperature: '19.6',
+      totalFlow: '0.2',
+      trafficFlow: '0.2',
+      instantHeat: '0.0',
+      AaccumulatHeat: '16816.3',
+      valve: '36.3',
+      waterLevel: '90',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '15',
+      index: '',
+      name: '',
+      area: '高区',
+      oneSupplyPressure: '',
+      oneBackPressure: '',
+      oneSupplyTemperature: '',
+      oneBackTemperature: '',
+      twoSupplyPressure: '0.00',
+      twoBackPressure: '0.00',
+      twoSupplyTemperature: '20.7',
+      twoBackTemperature: '20.1',
+      averageTemperature: '20.4',
+      totalFlow: '',
+      trafficFlow: '0.0',
+      instantHeat: '0.0',
+      AaccumulatHeat: '8054.8',
+      valve: '33.2',
+      waterLevel: '',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '16',
+      index: '8',
+      name: '钻石墅一期',
+      area: '低区',
+      oneSupplyPressure: '0.02',
+      oneBackPressure: '0.02',
+      oneSupplyTemperature: '18.9',
+      oneBackTemperature: '19.1',
+      twoSupplyPressure: '0.01',
+      twoBackPressure: '0.00',
+      twoSupplyTemperature: '17.3',
+      twoBackTemperature: '18.0',
+      averageTemperature: '17.7',
+      totalFlow: '0.6',
+      trafficFlow: '',
+      instantHeat: '0.0',
+      AaccumulatHeat: '6509.2',
+      valve: '58.1',
+      waterLevel: '94',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '17',
+      index: '9',
+      name: '钻石墅二期',
+      area: '低区',
+      oneSupplyPressure: '0.02',
+      oneBackPressure: '0.01',
+      oneSupplyTemperature: '18.8',
+      oneBackTemperature: '19.1',
+      twoSupplyPressure: '0.04',
+      twoBackPressure: '0.05',
+      twoSupplyTemperature: '22.2',
+      twoBackTemperature: '21.8',
+      averageTemperature: '22.0',
+      totalFlow: '2.6',
+      trafficFlow: '2.9',
+      instantHeat: '0.0',
+      AaccumulatHeat: '13892.3',
+      valve: '97.9',
+      waterLevel: '85',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '18',
+      index: '',
+      name: '',
+      area: '高区',
+      oneSupplyPressure: '',
+      oneBackPressure: '',
+      oneSupplyTemperature: '',
+      oneBackTemperature: '',
+      twoSupplyPressure: '0.01',
+      twoBackPressure: '0.02',
+      twoSupplyTemperature: '23.0',
+      twoBackTemperature: '22.2',
+      averageTemperature: '22.6',
+      totalFlow: '',
+      trafficFlow: '0.0',
+      instantHeat: '0.0',
+      AaccumulatHeat: '7016.8',
+      valve: '49.1',
+      waterLevel: '',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '19',
+      index: '10',
+      name: '依云二期',
+      area: '低区',
+      oneSupplyPressure: '0.03',
+      oneBackPressure: '0.04',
+      oneSupplyTemperature: '18.9',
+      oneBackTemperature: '19.7',
+      twoSupplyPressure: '0.03',
+      twoBackPressure: '0.03',
+      twoSupplyTemperature: '19.6',
+      twoBackTemperature: '18.6',
+      averageTemperature: '19.1',
+      totalFlow: '0.0',
+      trafficFlow: '4.2',
+      instantHeat: '0.0',
+      AaccumulatHeat: '4773.3',
+      valve: '89.3',
+      waterLevel: '43',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '20',
+      index: '',
+      name: '',
+      area: '高区',
+      oneSupplyPressure: '',
+      oneBackPressure: '',
+      oneSupplyTemperature: '',
+      oneBackTemperature: '',
+      twoSupplyPressure: '0.24',
+      twoBackPressure: '0.24',
+      twoSupplyTemperature: '18.8',
+      twoBackTemperature: '18.1',
+      averageTemperature: '18.4',
+      totalFlow: '',
+      trafficFlow: '0.0',
+      instantHeat: '0.0',
+      AaccumulatHeat: '7883.5',
+      valve: '99.6',
+      waterLevel: '',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '21',
+      index: '11',
+      name: '星语二期',
+      type: 1,
+      area: '低区',
+      oneSupplyPressure: '0.04',
+      oneBackPressure: '0.06',
+      oneSupplyTemperature: '15.3',
+      oneBackTemperature: '15.7',
+      twoSupplyPressure: '0.00',
+      twoBackPressure: '0.02',
+      twoSupplyTemperature: '14.4',
+      twoBackTemperature: '14.5',
+      averageTemperature: '14.5',
+      totalFlow: '0.0',
+      trafficFlow: '0.0',
+      instantHeat: '0.0',
+      AaccumulatHeat: '5650.0',
+      valve: '12.9',
+      waterLevel: '93',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '22',
+      index: '',
+      name: '',
+      area: '高区',
+      oneSupplyPressure: '',
+      oneBackPressure: '',
+      oneSupplyTemperature: '',
+      oneBackTemperature: '',
+      twoSupplyPressure: '0.14',
+      twoBackPressure: '0.16',
+      twoSupplyTemperature: '15.5',
+      twoBackTemperature: '13.2',
+      averageTemperature: '14.3',
+      totalFlow: '',
+      trafficFlow: '0.4',
+      instantHeat: '0.0',
+      AaccumulatHeat: '17679.8',
+      valve: '85.3',
+      waterLevel: '',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '23',
+      index: '12',
+      name: '宏发英里',
+      area: '低区',
+      oneSupplyPressure: '0.01',
+      oneBackPressure: '0.01',
+      oneSupplyTemperature: '23.0',
+      oneBackTemperature: '23.8',
+      twoSupplyPressure: '0.00',
+      twoBackPressure: '0.03',
+      twoSupplyTemperature: '24.6',
+      twoBackTemperature: '23.6',
+      averageTemperature: '24.1',
+      totalFlow: '1.3',
+      trafficFlow: '1.7',
+      instantHeat: '0.0',
+      AaccumulatHeat: '42715.5',
+      valve: '0.0',
+      waterLevel: '32',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '24',
+      index: '',
+      name: '',
+      area: '中区',
+      oneSupplyPressure: '',
+      oneBackPressure: '',
+      oneSupplyTemperature: '',
+      oneBackTemperature: '',
+      twoSupplyPressure: '0.02',
+      twoBackPressure: '0.03',
+      twoSupplyTemperature: '24.3',
+      twoBackTemperature: '23.6',
+      averageTemperature: '24.0',
+      totalFlow: '',
+      trafficFlow: '0.0',
+      instantHeat: '0.0',
+      AaccumulatHeat: '395.8',
+      valve: '89.7',
+      waterLevel: '',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '25',
+      index: '',
+      name: '',
+      area: '高区',
+      oneSupplyPressure: '',
+      oneBackPressure: '',
+      oneSupplyTemperature: '',
+      oneBackTemperature: '',
+      twoSupplyPressure: '0.02',
+      twoBackPressure: '0.04',
+      twoSupplyTemperature: '22.0',
+      twoBackTemperature: '22.0',
+      averageTemperature: '22.0',
+      totalFlow: '',
+      trafficFlow: '0.0',
+      instantHeat: '0.0',
+      AaccumulatHeat: '12619.5',
+      valve: '100.0',
+      waterLevel: '',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '26',
+      index: '12',
+      name: '英里蓝湾',
+      area: '低区',
+      oneSupplyPressure: '0.02',
+      oneBackPressure: '0.03',
+      oneSupplyTemperature: '20.3',
+      oneBackTemperature: '18.2',
+      twoSupplyPressure: '0.03',
+      twoBackPressure: '0.00',
+      twoSupplyTemperature: '19.6',
+      twoBackTemperature: '18.8',
+      averageTemperature: '19.2',
+      totalFlow: '0.3',
+      trafficFlow: '0.2',
+      instantHeat: '0.0',
+      AaccumulatHeat: '33109.6',
+      valve: '100.0',
+      waterLevel: '75',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '27',
+      index: '',
+      name: '',
+      area: '中区',
+      oneSupplyPressure: '',
+      oneBackPressure: '',
+      oneSupplyTemperature: '',
+      oneBackTemperature: '',
+      twoSupplyPressure: '0.01',
+      twoBackPressure: '0.00',
+      twoSupplyTemperature: '20.0',
+      twoBackTemperature: '19.8',
+      averageTemperature: '19.9',
+      totalFlow: '',
+      trafficFlow: '0.0',
+      instantHeat: '0.0',
+      AaccumulatHeat: '10381.6',
+      valve: '67.3',
+      waterLevel: '',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }, {
+      id: '28',
+      index: '',
+      name: '',
+      area: '高区',
+      oneSupplyPressure: '',
+      oneBackPressure: '',
+      oneSupplyTemperature: '',
+      oneBackTemperature: '',
+      twoSupplyPressure: '0.01',
+      twoBackPressure: '0.01',
+      twoSupplyTemperature: '19.8',
+      twoBackTemperature: '19.3',
+      averageTemperature: '19.5',
+      totalFlow: '',
+      trafficFlow: '0.1',
+      instantHeat: '0.0',
+      AaccumulatHeat: '9839.0',
+      valve: '55.1',
+      waterLevel: '',
+      cycleFrequency: '0.0',
+      waterFrequency: '0.0',
+      waterPolice: '',
+      oneSupplementTwo: '',
+      soundTurnedOn: '声音已开',
+    }
+  ])
+  const headerListDialog = ref([])
+  const showSearch = ref(true)
+  // 给表格每行设置class类名
+  const tableRowClassName = ({
+    row,
+    rowIndex,
+  }) => {
+    if (row.name) {
+      return 'success-row'
+    }
+    return 'all-row'
+  }
+  // 拖拽表格宽度的时候
+  function headerDragend(newWidth, oldWidth, column, event) {
+    headerList.value.forEach(item => {
+      if (item.name == column.label) {
+        item.width = newWidth
+      }
+      if (item.children && item.children.length > 0) {
+        item.children.forEach(cur => {
+          if (cur.name == column.label) {
+            cur.width = newWidth
+          }
+        })
+      }
+    })
+  
+    headerListDialog.value = JSON.parse(JSON.stringify(headerList.value))
+    show.value = false
+    Cookies.set('headerList', JSON.stringify(headerList.value))
+    isUpdate.value = !isUpdate.value
+  
+  }
+  // 设置树形结构
+  const defaultProps = {
+    children: 'children',
+    label: 'name',
+    class: 'tree-m',
+    disabled: 'disabled',
+  }
+  // 节点拖拽成功之后
+  function nodeDrop(draggingNode, dropNode, dropType, ev) {
+  
+    headerList.value =  JSON.parse(JSON.stringify(headerListDialog.value))
+    console.log(headerList.value)
+    Cookies.set('headerList', JSON.stringify(headerList.value))
+    setCheckedKeys();
+    isUpdate.value=!isUpdate.value
+  }
+  function  setCheckedKeys() {
+    // 确保数据渲染到tree之后再做checked
+    setTimeout(() => {
+      proxy.$refs.tree.setCheckedKeys(defaultCheckedKeys.value);
+    });
+  }
+  // 二级不让拖拽
+  const allowDrag = (draggingNode) => {
+    if (draggingNode.data.id == '4' || draggingNode.data.id == '5' || draggingNode.data.id == '6' || draggingNode.data.id == '7' || draggingNode.data.id == '9' || draggingNode.data.id == '10' || draggingNode.data.id == '11' || draggingNode.data.id == '12' || draggingNode.data.id == '13') {
+      return false
+    } else {
+      return true
+    }
+  }
+  
+  function allowDrop(draggingNode, dropNode, type) {
+    // 只允许同级拖拽，不允许改变原来的目录结构
+    if (type !== "inner") {
+      let control = draggingNode.level === dropNode.level ? true : false;
+      return control;
+    }
+  }
+  
+  // 选中节点
+  function check(data, checkNodes) {
+    checkList.value = JSON.parse(JSON.stringify(checkNodes.checkedNodes))
+    checkList.value.forEach((item, index) => {
+      item.show = true
+    })
+    defaultCheckedKeys.value = checkNodes.checkedKeys
+  }
+  
+  // 确定隐藏
+  function sureHidden() {
+    headerListDialog.value.forEach(element => {
+      element.show = false
+      if (element.children && element.children.length) {
+        element.children.forEach(cur => {
+          cur.show = false
+          checkList.value.forEach(item => {
+            if (cur.id == item.id) {
+              cur.show = item.show
+            }
+          })
+        })
+      }
+      checkList.value.forEach(item => {
+        if (element.id == item.id) {
+          element.show = item.show
+        }
+      })
+    });
+    headerList.value = JSON.parse(JSON.stringify(headerListDialog.value))
+    show.value = false
+    Cookies.set('headerList', JSON.stringify(headerList.value))
+    isUpdate.value = !isUpdate.value
+  }
+  
+  function toggleSearch() {
+    showSearch.value = !showSearch.value
+  }
+  onMounted(() => {
+    if (Cookies.get('headerList')) {
+      headerList.value = JSON.parse(Cookies.get('headerList'))
+      console.log(headerList.value)
+    }
+  
+  
+    headerListDialog.value = JSON.parse(JSON.stringify(headerList.value))//弹窗的表头列表
+    // 设置进入页面显示的哪项
+    headerList.value.forEach((item, index) => {
+      if (item.show) {
+        defaultCheckedKeys.value.push(item.id)
+        checkList.value.push(item)
+      }
+      if (item.children && item.children.length) {
+        item.children.forEach(cur => {
+          if (cur.show) {
+            defaultCheckedKeys.value.push(cur.id)
+            checkList.value.push(cur)
+          }
+        })
+      }
+    })
+  })
+  </script>
+  
+  <style scoped lang="scss">
+  .table-datav {
+    width: 100%;
+    height: calc(100vh - 84px);
+    background: url(@/assets/images/bg.jpg);
+    background-size: 100% 100%;
+    padding: 20px;
+  }
+  
+  .logo {
+    display: flex;
+    align-items: center;
+  
+    .title {
+      font-weight: bold;
+      font-size: 40px;
+      color: #84e0f7;
+      flex: 1;
+    }
+  
+    .setting {
+      cursor: pointer;
+    }
+  }
+  
+  .main {
+    display: flex;
+    align-items: flex-start;
+    margin-top: 20px;
+  }
+  
+  .sidebar {
+    width: 12%;
+    height: calc(100vh - 184px);
+    overflow-y: scroll;
+    border: 2px solid #1e60a6;
+    padding: 10px;
+    box-shadow: inset 0px 0px 10px 0px rgba(36, 90, 124, 1);
+  }
+  
+  ::v-deep(.el-menu) {
+    border-right: none;
+  }
+  
+  .one-title {
+    text-align: center;
+    flex: 1;
+    font-size: 26px;
+    color: #84e0f7;
+    justify-content: center;
+  }
+  
+  .two-title {
+    justify-content: center;
+  }
+  
+  ::v-deep(.el-sub-menu__title) {
+    padding: 0 var(--el-menu-base-level-padding);
+  }
+  
+  .sidebar::-webkit-scrollbar {
+    width: 0px;
+    height: 0px;
+  }
+  
+  .sidebar::-webkit-scrollbar-track {
+    background-color: transparent;
+    -webkit-border-radius: 1px;
+    -moz-border-radius: 1px;
+    border-radius: 1px;
+  }
+  
+  .sidebar::-webkit-scrollbar-thumb {
+    background-color: rgb(147, 147, 153, 0.5);
+    -webkit-border-radius: 1px;
+    -moz-border-radius: 1px;
+    border-radius: 1px;
+  }
+  
+  .right {
+  
+    width: 87%;
+    margin-left: 1%;
+  }
+  
+  .table {
+    height: calc(100vh - 344px);
+    border: 2px solid #1e60a6;
+    // padding: 10px;
+    box-shadow: inset 0px 0px 10px 0px rgba(36, 90, 124, 1);
+    overflow-y: scroll;
+  }
+  
+  ::v-deep .el-table {
+    background-color: rgba(0, 0, 0, 0) !important
+  }
+  
+  ::v-deep .el-table th {
+    background-color: transparent !important;
+    border-bottom: 1px solid #5078fc !important;
+    border-left: none !important;
+    color: #fefefe !important;
+  }
+  
+  ::v-deep .el-table tr {
+    background-color: transparent !important;
+  }
+  
+  ::v-deep .el-table--enable-row-transition .el-table__body td,
+  ::v-deep .el-table .cell {
+    background-color: transparent !important;
+    color: rgba(255, 255, 255, 0.7) !important;
+    border: none !important;
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
+  
+  ::v-deep.el-table th {
+    border: 1px solid rgba($color: #fff, $alpha: 0.1) !important;
+    border-right: none !important;
+  }
+  
+  ::v-deep.el-table td {
+    border-right: none !important;
+  }
+  
+  ::v-deep .el-table--border .el-table__inner-wrapper::after,
+  ::v-deep .el-table--border::after,
+  ::v-deep .el-table--border::before,
+  ::v-deep .el-table__inner-wrapper::before {
+    background-color: rgb(0, 0, 0, 0) !important;
+  }
+  
+  ::v-deep .el-table--border .el-table__inner-wrapper::after,
+  ::v-deep .el-table--border::after,
+  ::v-deep .el-table--border::before,
+  ::v-deep .el-table__inner-wrapper::before {
+    background-color: rgb(0, 0, 0, 0) !important;
+  }
+  
+  ::v-deep .el-table__border-left-patch {
+    display: none !important;
+  }
+  
+  
+  .scroll::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+  
+  .scroll::-webkit-scrollbar-track {
+    background-color: transparent;
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    border-radius: 8px;
+  }
+  
+  .scroll::-webkit-scrollbar-thumb {
+    background-color: rgb(147, 147, 153, 0.5);
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    border-radius: 8px;
+  }
+  
+  .index {
+    color: #5beff9;
+  }
+  
+  ::v-deep .el-table .warning-row {
+    --el-table-tr-bg-color: var(--el-color-warning-light-9);
+  }
+  
+  ::v-deep .el-table .success-row {
+    // background: linear-gradient(to left,rgba(6,31,74,0),rgba(6,31,74,1),#052d5d,rgba(6,31,74,1),rgba(6,31,74,0));
+    background-color: rgba($color: #123f75, $alpha: 0.5) !important;
+  }
+  
+  ::v-deep .el-table .success-row td {
+    border-bottom: 1px solid #265a89 !important;
+    border-top: 1px solid #265a89 !important;
+  }
+  
+  ::v-deep .el-table .all-row td {
+    // border-bottom:1px dashed #1b6e98 !important;
+  }
+  
+  .name-box {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  
+  .cicle-red {
+    width: 12px;
+    height: 12px;
+    border-radius: 50%;
+    background: red;
+    display: block;
+    margin-right: 6px;
+  }
+  
+  .name {
+    color: #fef961;
+    flex: 1;
+    text-align: left;
+  }
+  
+  .flex {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  
+  .oneSupplementTwo {
+  
+    width: 12px;
+    height: 12px;
+    position: relative;
+  }
+  
+  .cicle-green {
+    width: 12px;
+    height: 12px;
+    border-radius: 50%;
+    background: #abd373;
+    display: block;
+    text-align: center;
+  }
+  
+  .cicle-number {
+    position: absolute;
+    right: -10px;
+    top: -6px;
+  }
+  
+  // 弹出层
+  .dialog-box {
+    height: 600px;
+    overflow-y: auto;
+  }
+  
+  .dialog-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 10px;
+  }
+  
+  .custom-tree-node {
+    display: flex;
+    align-items: center;
+  }
+  
+  .weight {
+    flex: 1;
+    display: flex;
+    align-items: center;
+  }
+  
+  ::v-deep .tree-m {
+    padding: 5px 0px !important
+  }
+  
+  
+  .table1 {
+    border: 2px solid #1e60a6;
+    // padding: 10px 0px;
+    box-shadow: inset 0px 0px 10px 0px rgba(36, 90, 124, 1);
+    margin-bottom: 10px;
+  
+    table {
+      width: 100%;
+      border: 1px solid rgba(255, 255, 255, 0) !important;
+  
+      th {
+        color: rgba(255, 255, 255, 0.7) !important;
+        height: 36px;
+        font-size: 12px;
+        background-color: rgba(18, 63, 117, 0.5) !important;
+        border-bottom: 1px solid #265a89 !important;
+        border-top: 1px solid #265a89 !important;
+      }
+  
+      td {
+        color: #5beff9;
+        height: 36px;
+        font-size: 18px;
+        text-align: center;
+      }
+    }
+  }
+  
+  ::v-deep .el-button.is-text {
+  
+    border: 2px solid #1e60a6;
+    box-shadow: inset 0px 0px 10px 0px rgba(36, 90, 124, 1);
+  }
+  
+  ::v-deep .el-button.is-text:hover,
+  ::v-deep .el-button.is-text:active,
+  ::v-deep .el-button.is-text:visited {
+  
+    background: #1e60a6;
+    box-shadow: inset 0px 0px 10px 0px rgba(36, 90, 124, 1);
+  }
+  
+  .el-button.is-text:not(.is-disabled):focus,
+  .el-button.is-text:not(.is-disabled):hover {
+    background: #1e60a6 !important;
+  }
+  
+  ::v-deep .el-button .el-icon {
+    color: #5beff9;
+  }</style>
+  
+  
\ No newline at end of file
diff --git a/src/views/index1.vue b/src/views/index1.vue
index 8c41c9b..52bbe83 100644
--- a/src/views/index1.vue
+++ b/src/views/index1.vue
@@ -317,7 +317,7 @@ const headerList = ref([{
   width: 150,
   show: true,
 }, {
-  name: '阀门开度',
+  name: '阀门',
   id: '18',
   field: 'valve',
   width: 150,