<template>
  <div style="margin: 10px;">
    <splitpanes class="default-theme" :style="{ height: paneHeight }">
      <pane size="15">
        <splitpanes class="default-theme" horizontal>
          <pane size="75">
            <div class="layout-left">
              <div class="add-collection">
                <el-icon>
                  <Tools />
                </el-icon>
                参数管理
                <el-button type="text" icon="el-icon-circle-plus-outline" @click="queryAllDataSet()" />
              </div>
              <div>
                <el-collapse v-for="(item, indexs) in dataSet" :key="indexs" v-model="activeNames" @change="handleChange">
                  <el-collapse-item :title="item.setName" :name="item.id">
                    <el-popconfirm :title="'确定删除(' + item.setName + ')吗？'" @onConfirm="del(item)">
                      <template #reference>
                        <el-button type="text" icon="Close" class="delect-all"></el-button>
                      </template>
                    </el-popconfirm>
                    <VueDraggable v-model="item.setParamList" :sort="false" group="param" style="margin-left: 10px"
                      @start="onStart(item.setName, $event)">
                      <div v-for="(item, index) in item.setParamList" :key="index" :code="item.code" :type="item.type"
                        class="field-container">
                        <div class="aRow">
                          <span>{{ item.name }}</span>
                        </div>
                      </div>
                    </VueDraggable>
                  </el-collapse-item>
                </el-collapse>
              </div>
            </div>
          </pane>
          <pane size="25">
            <div class="layout-left">
              <div class="add-collection">
                <el-icon>
                  <HomeFilled />
                </el-icon>
                资产管理
                <el-button type="text" icon="el-icon-circle-plus-outline" />
              </div>
              <div>
                <el-collapse v-for="(item, indexs) in dataAsste" :key="indexs">
                  <el-collapse-item :title="item.setName" :name="item.id">
                    <VueDraggable v-model="item.setAssetList" :sort="false" group="param" style="margin-left: 10px"
                      @start="onAssetStart(item.setName, $event)">
                      <div v-for="(item, index) in item.setAssetList" :key="index" :code="item.code"
                        class="field-container">
                        <div class="aRow">
                          <span>{{ item.name }}</span>
                        </div>
                      </div>
                    </VueDraggable>
                  </el-collapse-item>
                </el-collapse>
              </div>
            </div>
          </pane>
        </splitpanes>
      </pane>
      <pane size="85" ref="mainplane">
        <luckysheet :config="luckysheetConfig" :width="sheetwidth" :height="paneHeight" :dragTargetValue="dragTargetValue"
          @getSheetData="getSheetData">
        </luckysheet>
      </pane>
    </splitpanes>
  </div>
</template>

<script setup name = "Desgin">
import { ref } from 'vue';
import luckysheet from '../../../components/luckysheet/index.vue';
import { useResizeObserver } from "@vueuse/core";
import { Splitpanes, Pane } from 'splitpanes'
import 'splitpanes/dist/splitpanes.css'
import { VueDraggable } from 'vue-draggable-plus'

const { proxy } = getCurrentInstance();
const mainplane = ref();
const sheetwidth = ref();
const paneHeight = ref('');
const dragTargetValue = ref()

const dataSet = ref([
  {
    "setCode": 'C0001',
    "setName": '大唐管井',
    "setParamList":
      [
        {
          name: '一次网供温',
          id: '1',
          code: 'P0001',
          type: 0
        },
        {
          name: '一次网供压',
          id: '2',
          code: 'P0002',
          type: 0
        },
        {
          name: '一次网回温',
          id: '3',
          code: 'P0003',
          type: 0
        },
        {
          name: '一次网回压',
          id: '4',
          code: 'P0004',
          type: 0
        },
        {
          name: '阀门开度设定值',
          id: '5',
          code: 'P0005',
          type: 1
        }
      ]
  },
  {
    "setCode": 'C0002',
    "setName": '圣丰2#',
    "setParamList":
      [
        {
          name: '一次网供温',
          id: '1',
          code: 'P0005',
          type: 0
        },
        {
          name: '一次网供压',
          id: '2',
          code: 'P0006',
          type: 0
        },
        {
          name: '一次网回温',
          id: '3',
          code: 'P0007',
          type: 0
        },
        {
          name: '一次网回压',
          id: '4',
          code: 'P0008',
          type: 0
        }
      ]
  }
])

const dataAsste = ref([
  {
    "setTypeCode": '101',
    "setName": '资产-换热站',
    "setAssetList":
      [
        {
          name: '圣丰2#',
          id: '1',
          code: 'C0001'
        },
        {
          name: '万盈大厦',
          id: '2',
          code: 'C0002'
        },
        {
          name: '民丰大厦',
          id: '3',
          code: 'C0003'
        },
        {
          name: '汪家政府楼',
          id: '4',
          code: 'C0004'
        }
      ]
  },
  {
    "setTypeCode": '102',
    "setName": '资产-热源',
    "setAssetList":
      [
        {
          name: '大唐管井',
          id: '1',
          code: 'C0005'
        },
        {
          name: '合力热源',
          id: '2',
          code: 'C0006'
        }
      ]
  }
])

function onStart(setCode, evt) {
  console.log(evt)
  dragTargetValue.value = "#{" + setCode + "." + evt.item.innerText + "_" + evt.item.getAttribute('code') + "-" + evt.item.getAttribute('type') + "}"
}

function onAssetStart(setCode, evt) {
  console.log(evt)
  dragTargetValue.value = "${" + setCode + "." + evt.item.innerText + "_" + evt.item.getAttribute('code') + "}"
}

useResizeObserver(mainplane, (entries) => {
  const entry = entries[0]
  sheetwidth.value = entry.contentRect.width
})

const luckysheetConfig = ref({
  title: 'LuckySheet', // 表头名
  allowCopy: true, // 是否允许拷贝
  showtoolbar: true, // 是否显示工具栏
  showinfobar: false, // 是否显示顶部信息栏
  showsheetbar: true, // 是否显示底部sheet页按钮
  showstatisticBar: false, // 是否显示底部计数栏
  sheetBottomConfig: false, // sheet页下方的添加行按钮和回到顶部按钮配置
  allowEdit: true, // 是否允许前台编辑
  enableAddRow: true, // 允许增加行
  enableAddCol: true, // 允许增加列
  userInfo: true, // 右上角的用户信息展示样式
  showRowBar: false, // 是否显示行号区域
  showColumnBar: false, // 是否显示列号区域
  sheetFormulaBar: true, // 是否显示公式栏
  enableAddBackTop: false, //返回头部按钮
  rowHeaderWidth: 46, //行标题区域的宽度，如果设置为0，则表示隐藏行标题
  columnHeaderHeight: 20, //列标题区域的高度，如果设置为0，则表示隐藏列标题
  data: [{
    "name": "report",
    "color": "",
    "index": 0,
    "status": 1,
    "order": 0,
    "hide": 0,
    "row": 30,
    "column": 30,
    "defaultRowHeight": 19,
    "defaultColWidth": 73,
    "celldata": [
      {
        "r": 0,
        "c": 0,
        "v": {
          "v": "换热站",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "换热站",
          "bg": "#b45f06",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 1,
          "vt": 0,
          "mc": {
            "r": 0,
            "c": 0,
            "rs": 2,
            "cs": 1
          }
        }
      },
      {
        "r": 0,
        "c": 1,
        "v": {
          "v": "分区",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "分区",
          "bg": "#b45f06",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 1,
          "vt": 0,
          "mc": {
            "r": 0,
            "c": 1,
            "rs": 2,
            "cs": 1
          }
        }
      },
      {
        "r": 0,
        "c": 2,
        "v": {
          "v": "一次网",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "一次网",
          "bg": "#b45f06",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 0,
          "vt": 0,
          "mc": {
            "r": 0,
            "c": 2,
            "rs": 1,
            "cs": 3
          }
        }
      },
      {
        "r": 0,
        "c": 3,
        "v": {
          "mc": {
            "r": 0,
            "c": 2
          },
          "bg": "#b45f06"
        }
      },
      {
        "r": 0,
        "c": 4,
        "v": {
          "mc": {
            "r": 0,
            "c": 2
          },
          "bg": "#b45f06"
        }
      },
      {
        "r": 0,
        "c": 5,
        "v": {
          "bg": "#b45f06"
        }
      },
      {
        "r": 0,
        "c": 6,
        "v": {
          "bg": "#b45f06"
        }
      },
      {
        "r": 0,
        "c": 7,
        "v": {
          "bg": "#b45f06"
        }
      },
      {
        "r": 1,
        "c": 0,
        "v": {
          "mc": {
            "r": 0,
            "c": 0
          },
          "bg": "#b45f06"
        }
      },
      {
        "r": 1,
        "c": 1,
        "v": {
          "mc": {
            "r": 0,
            "c": 1
          },
          "bg": "#b45f06"
        }
      },
      {
        "r": 1,
        "c": 2,
        "v": {
          "v": "供压",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "供压",
          "bg": "#b45f06",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 0,
          "vt": 0
        }
      },
      {
        "r": 1,
        "c": 3,
        "v": {
          "v": "热量",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "热量",
          "bg": "#b45f06",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 0,
          "vt": 0
        }
      },
      {
        "r": 1,
        "c": 4,
        "v": {
          "v": "流量",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "流量",
          "bg": "#b45f06",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 0,
          "vt": 0
        }
      },
      {
        "r": 1,
        "c": 5,
        "v": {
          "bg": "#b45f06",
          "m": "阀门开度设定",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "v": "阀门开度设定",
          "fc": "#ffffff"
        }
      },
      {
        "r": 1,
        "c": 6,
        "v": {
          "bg": "#b45f06"
        }
      },
      {
        "r": 1,
        "c": 7,
        "v": {
          "bg": "#b45f06"
        }
      },
      {
        "r": 2,
        "c": 0,
        "v": {
          "v": "${资产-热源.大唐管井_C0005}",
          "ct": {
            "fa": "@",
            "t": "s"
          },
          "m": "${资产-热源.大唐管井_C0005}",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "#ff0000",
          "ht": 1,
          "vt": 0
        }
      },
      {
        "r": 2,
        "c": 1,
        "v": {
          "v": "低区",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "低区",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(0, 0, 0)",
          "ht": 1,
          "vt": 0
        }
      },
      {
        "r": 2,
        "c": 2,
        "v": {
          "v": "#{大唐管井.一次网供压_P0002-0}",
          "ct": {
            "fa": "@",
            "t": "s"
          },
          "m": "#{大唐管井.一次网供压_P0002-0}",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 8,
          "fs": 11,
          "fc": "rgb(0, 0, 255)",
          "ht": 1,
          "vt": 0
        }
      },
      {
        "r": 2,
        "c": 3,
        "v": {
          "v": "#{大唐管井.一次网供温_P0001-0}",
          "ct": {
            "fa": "@",
            "t": "s"
          },
          "m": "#{大唐管井.一次网供温_P0001-0}",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(0, 0, 0)",
          "ht": 1,
          "vt": 0
        }
      },
      {
        "r": 2,
        "c": 4,
        "v": {
          "v": "#{大唐管井.一次网回温_P0003-0}",
          "ct": {
            "fa": "@",
            "t": "s"
          },
          "m": "#{大唐管井.一次网回温_P0003-0}",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(0, 0, 0)",
          "ht": 1,
          "vt": 0
        }
      },
      {
        "r": 2,
        "c": 5,
        "v": {
          "m": "#{大唐管井.阀门开度设定值_P0005-1}",
          "ct": {
            "fa": "@",
            "t": "s"
          },
          "v": "#{大唐管井.阀门开度设定值_P0005-1}"
        }
      },
      {
        "r": 3,
        "c": 0,
        "v": {
          "v": "换热站",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "换热站",
          "bg": "rgb(61, 133, 198)",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 1,
          "vt": 0,
          "mc": {
            "r": 3,
            "c": 0,
            "rs": 2,
            "cs": 1
          }
        }
      },
      {
        "r": 3,
        "c": 1,
        "v": {
          "v": "分区",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "分区",
          "bg": "rgb(61, 133, 198)",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 1,
          "vt": 0,
          "mc": {
            "r": 3,
            "c": 1,
            "rs": 2,
            "cs": 1
          }
        }
      },
      {
        "r": 3,
        "c": 2,
        "v": {
          "v": "一次网",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "一次网",
          "bg": "rgb(61, 133, 198)",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 0,
          "vt": 0,
          "mc": {
            "r": 3,
            "c": 2,
            "rs": 1,
            "cs": 3
          }
        }
      },
      {
        "r": 3,
        "c": 3,
        "v": {
          "mc": {
            "r": 3,
            "c": 2
          }
        }
      },
      {
        "r": 3,
        "c": 4,
        "v": {
          "mc": {
            "r": 3,
            "c": 2
          }
        }
      },
      {
        "r": 3,
        "c": 5,
        "v": {
          "v": "二次网",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "二次网",
          "bg": "rgb(61, 133, 198)",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 0,
          "vt": 0,
          "mc": {
            "r": 3,
            "c": 5,
            "rs": 1,
            "cs": 3
          }
        }
      },
      {
        "r": 3,
        "c": 6,
        "v": {
          "mc": {
            "r": 3,
            "c": 5
          }
        }
      },
      {
        "r": 3,
        "c": 7,
        "v": {
          "mc": {
            "r": 3,
            "c": 5
          }
        }
      },
      {
        "r": 4,
        "c": 0,
        "v": {
          "mc": {
            "r": 3,
            "c": 0
          }
        }
      },
      {
        "r": 4,
        "c": 1,
        "v": {
          "mc": {
            "r": 3,
            "c": 1
          }
        }
      },
      {
        "r": 4,
        "c": 2,
        "v": {
          "v": "供压",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "供压",
          "bg": "rgb(61, 133, 198)",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 0,
          "vt": 0
        }
      },
      {
        "r": 4,
        "c": 3,
        "v": {
          "v": "供温",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "供温",
          "bg": "rgb(61, 133, 198)",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 0,
          "vt": 0
        }
      },
      {
        "r": 4,
        "c": 4,
        "v": {
          "v": "回温",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "回温",
          "bg": "rgb(61, 133, 198)",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 0,
          "vt": 0
        }
      },
      {
        "r": 4,
        "c": 5,
        "v": {
          "v": "供压",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "供压",
          "bg": "rgb(61, 133, 198)",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 0,
          "vt": 0
        }
      },
      {
        "r": 4,
        "c": 6,
        "v": {
          "v": "供温",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "供温",
          "bg": "rgb(61, 133, 198)",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 0,
          "vt": 0
        }
      },
      {
        "r": 4,
        "c": 7,
        "v": {
          "v": "回温",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "回温",
          "bg": "rgb(61, 133, 198)",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 0,
          "vt": 0
        }
      },
      {
        "r": 5,
        "c": 0,
        "v": {
          "v": "${资产-换热站.圣丰2#_C0001}",
          "ct": {
            "fa": "@",
            "t": "s"
          },
          "m": "${资产-换热站.圣丰2#_C0001}",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(0, 0, 0)",
          "ht": 1,
          "vt": 0,
          "mc": {
            "r": 5,
            "c": 0,
            "rs": 2,
            "cs": 1
          }
        }
      },
      {
        "r": 5,
        "c": 1,
        "v": {
          "v": "低区",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "低区",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(0, 0, 0)",
          "ht": 1,
          "vt": 0
        }
      },
      {
        "r": 5,
        "c": 2,
        "v": {
          "v": "#{圣丰2#.一次网供压_P0006-0}",
          "ct": {
            "fa": "@",
            "t": "s"
          },
          "m": "#{圣丰2#.一次网供压_P0006-0}",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(0, 0, 0)",
          "ht": 1,
          "vt": 0
        }
      },
      {
        "r": 5,
        "c": 3,
        "v": {
          "v": "#{圣丰2#.一次网供温_P0005-0}",
          "ct": {
            "fa": "@",
            "t": "s"
          },
          "m": "#{圣丰2#.一次网供温_P0005-0}",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(0, 0, 0)",
          "ht": 1,
          "vt": 0
        }
      },
      {
        "r": 5,
        "c": 4,
        "v": {
          "v": "#{圣丰2#.一次网回温_P0007-0}",
          "ct": {
            "fa": "@",
            "t": "s"
          },
          "m": "#{圣丰2#.一次网回温_P0007-0}",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(0, 0, 0)",
          "ht": 1,
          "vt": 0
        }
      },
      {
        "r": 6,
        "c": 0,
        "v": {
          "mc": {
            "r": 5,
            "c": 0
          }
        }
      },
      {
        "r": 6,
        "c": 1,
        "v": {
          "m": "高区",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "v": "高区"
        }
      },
      {
        "r": 6,
        "c": 2,
        "v": {
          "v": "#{圣丰2#.一次网供压_P0006-0}",
          "ct": {
            "fa": "@",
            "t": "s"
          },
          "m": "#{圣丰2#.一次网供压_P0006-0}",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(0, 0, 0)",
          "ht": 1,
          "vt": 0
        }
      },
      {
        "r": 6,
        "c": 3,
        "v": {
          "v": "#{圣丰2#.一次网供温_P0005-0}",
          "ct": {
            "fa": "@",
            "t": "s"
          },
          "m": "#{圣丰2#.一次网供温_P0005-0}",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(0, 0, 0)",
          "ht": 1,
          "vt": 0
        }
      },
      {
        "r": 6,
        "c": 4,
        "v": {
          "v": "#{圣丰2#.一次网回温_P0007-0}",
          "ct": {
            "fa": "@",
            "t": "s"
          },
          "m": "#{圣丰2#.一次网回温_P0007-0}",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(0, 0, 0)",
          "ht": 1,
          "vt": 0
        }
      }
    ],
    "config": {
      "merge": {
        "0_0": {
          "r": 0,
          "c": 0,
          "rs": 2,
          "cs": 1
        },
        "0_1": {
          "r": 0,
          "c": 1,
          "rs": 2,
          "cs": 1
        },
        "0_2": {
          "r": 0,
          "c": 2,
          "rs": 1,
          "cs": 3
        },
        "3_2": {
          "rs": 1,
          "cs": 3,
          "r": 3,
          "c": 2
        },
        "3_0": {
          "r": 3,
          "c": 0,
          "rs": 2,
          "cs": 1
        },
        "3_1": {
          "r": 3,
          "c": 1,
          "rs": 2,
          "cs": 1
        },
        "3_5": {
          "rs": 1,
          "cs": 3,
          "r": 3,
          "c": 5
        },
        "5_0": {
          "r": 5,
          "c": 0,
          "rs": 2,
          "cs": 1
        }
      },
      "rowlen": {
        "0": 30,
        "1": 27,
        "2": 35,
        "3": 29,
        "4": 29,
        "5": 32,
        "6": 20.5,
        "7": 30,
        "8": 30,
        "9": 30,
        "10": 30,
        "11": 30,
        "12": 30,
        "13": 30,
        "14": 30,
        "15": 30,
        "16": 30,
        "17": 30,
        "18": 30,
        "19": 30,
        "20": 30,
        "21": 30,
        "22": 30,
        "23": 30,
        "24": 30,
        "25": 30,
        "26": 30,
        "27": 30
      },
      "columnlen": {
        "0": 96,
        "1": 96,
        "2": 189,
        "3": 189,
        "4": 189,
        "5": 109,
        "6": 109,
        "7": 109,
        "8": 96,
        "9": 96,
        "10": 96,
        "11": 96,
        "12": 96,
        "13": 96,
        "14": 96
      },
      "rowhidden": {},
      "colhidden": {},
      "borderInfo": {},
      "authority": {},
      "customHeight": {
        "0": 1,
        "1": 1,
        "2": 1,
        "3": 1,
        "4": 1,
        "5": 1
      },
      "customWidth": {
        "0": 1,
        "2": 1,
        "3": 1,
        "4": 1,
        "5": 1,
        "6": 1
      }
    },
    "scrollLeft": 0,
    "scrollTop": 0,
    "luckysheet_select_save": [
      {
        "left": 194,
        "width": 189,
        "top": 303,
        "height": 30,
        "left_move": 194,
        "width_move": 189,
        "top_move": 303,
        "height_move": 30,
        "row": [
          10,
          10
        ],
        "column": [
          2,
          2
        ],
        "row_focus": 10,
        "column_focus": 2
      }
    ],
    "calcChain": [],
    "isPivotTable": false,
    "pivotTable": {},
    "filter_select": null,
    "filter": null,
    "luckysheet_alternateformat_save": [],
    "luckysheet_alternateformat_save_modelCustom": [],
    "luckysheet_conditionformat_save": [],
    "frozen": {},
    "chart": [],
    "zoomRatio": 1,
    "image": [],
    "showGridLines": 1,
    "dataVerification": {},
    "jfgird_select_save": [],
    "data": [
      [
        {
          "v": "换热站",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "换热站",
          "bg": "#b45f06",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 1,
          "vt": 0,
          "mc": {
            "r": 0,
            "c": 0,
            "rs": 2,
            "cs": 1
          }
        },
        {
          "v": "分区",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "分区",
          "bg": "#b45f06",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 1,
          "vt": 0,
          "mc": {
            "r": 0,
            "c": 1,
            "rs": 2,
            "cs": 1
          }
        },
        {
          "v": "一次网",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "一次网",
          "bg": "#b45f06",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 0,
          "vt": 0,
          "mc": {
            "r": 0,
            "c": 2,
            "rs": 1,
            "cs": 3
          }
        },
        {
          "mc": {
            "r": 0,
            "c": 2
          },
          "bg": "#b45f06"
        },
        {
          "mc": {
            "r": 0,
            "c": 2
          },
          "bg": "#b45f06"
        },
        {
          "bg": "#b45f06"
        },
        {
          "bg": "#b45f06"
        },
        {
          "bg": "#b45f06"
        },
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        {
          "mc": {
            "r": 0,
            "c": 0
          },
          "bg": "#b45f06"
        },
        {
          "mc": {
            "r": 0,
            "c": 1
          },
          "bg": "#b45f06"
        },
        {
          "v": "供压",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "供压",
          "bg": "#b45f06",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 0,
          "vt": 0
        },
        {
          "v": "热量",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "热量",
          "bg": "#b45f06",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 0,
          "vt": 0
        },
        {
          "v": "流量",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "流量",
          "bg": "#b45f06",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 0,
          "vt": 0
        },
        {
          "bg": "#b45f06",
          "m": "阀门开度设定",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "v": "阀门开度设定",
          "fc": "#ffffff"
        },
        {
          "bg": "#b45f06"
        },
        {
          "bg": "#b45f06"
        },
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        {
          "v": "${资产-热源.大唐管井_C0005}",
          "ct": {
            "fa": "@",
            "t": "s"
          },
          "m": "${资产-热源.大唐管井_C0005}",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "#ff0000",
          "ht": 1,
          "vt": 0
        },
        {
          "v": "低区",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "低区",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(0, 0, 0)",
          "ht": 1,
          "vt": 0
        },
        {
          "v": "#{大唐管井.一次网供压_P0002-0}",
          "ct": {
            "fa": "@",
            "t": "s"
          },
          "m": "#{大唐管井.一次网供压_P0002-0}",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 8,
          "fs": 11,
          "fc": "rgb(0, 0, 255)",
          "ht": 1,
          "vt": 0
        },
        {
          "v": "#{大唐管井.一次网供温_P0001-0}",
          "ct": {
            "fa": "@",
            "t": "s"
          },
          "m": "#{大唐管井.一次网供温_P0001-0}",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(0, 0, 0)",
          "ht": 1,
          "vt": 0
        },
        {
          "v": "#{大唐管井.一次网回温_P0003-0}",
          "ct": {
            "fa": "@",
            "t": "s"
          },
          "m": "#{大唐管井.一次网回温_P0003-0}",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(0, 0, 0)",
          "ht": 1,
          "vt": 0
        },
        {
          "m": "#{大唐管井.阀门开度设定值_P0005-1}",
          "ct": {
            "fa": "@",
            "t": "s"
          },
          "v": "#{大唐管井.阀门开度设定值_P0005-1}"
        },
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        {
          "v": "换热站",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "换热站",
          "bg": "rgb(61, 133, 198)",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 1,
          "vt": 0,
          "mc": {
            "r": 3,
            "c": 0,
            "rs": 2,
            "cs": 1
          }
        },
        {
          "v": "分区",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "分区",
          "bg": "rgb(61, 133, 198)",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 1,
          "vt": 0,
          "mc": {
            "r": 3,
            "c": 1,
            "rs": 2,
            "cs": 1
          }
        },
        {
          "v": "一次网",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "一次网",
          "bg": "rgb(61, 133, 198)",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 0,
          "vt": 0,
          "mc": {
            "r": 3,
            "c": 2,
            "rs": 1,
            "cs": 3
          }
        },
        {
          "mc": {
            "r": 3,
            "c": 2
          }
        },
        {
          "mc": {
            "r": 3,
            "c": 2
          }
        },
        {
          "v": "二次网",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "二次网",
          "bg": "rgb(61, 133, 198)",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 0,
          "vt": 0,
          "mc": {
            "r": 3,
            "c": 5,
            "rs": 1,
            "cs": 3
          }
        },
        {
          "mc": {
            "r": 3,
            "c": 5
          }
        },
        {
          "mc": {
            "r": 3,
            "c": 5
          }
        },
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        {
          "mc": {
            "r": 3,
            "c": 0
          }
        },
        {
          "mc": {
            "r": 3,
            "c": 1
          }
        },
        {
          "v": "供压",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "供压",
          "bg": "rgb(61, 133, 198)",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 0,
          "vt": 0
        },
        {
          "v": "供温",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "供温",
          "bg": "rgb(61, 133, 198)",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 0,
          "vt": 0
        },
        {
          "v": "回温",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "回温",
          "bg": "rgb(61, 133, 198)",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 0,
          "vt": 0
        },
        {
          "v": "供压",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "供压",
          "bg": "rgb(61, 133, 198)",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 0,
          "vt": 0
        },
        {
          "v": "供温",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "供温",
          "bg": "rgb(61, 133, 198)",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 0,
          "vt": 0
        },
        {
          "v": "回温",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "回温",
          "bg": "rgb(61, 133, 198)",
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(255, 255, 255)",
          "ht": 0,
          "vt": 0
        },
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        {
          "v": "${资产-换热站.圣丰2#_C0001}",
          "ct": {
            "fa": "@",
            "t": "s"
          },
          "m": "${资产-换热站.圣丰2#_C0001}",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(0, 0, 0)",
          "ht": 1,
          "vt": 0,
          "mc": {
            "r": 5,
            "c": 0,
            "rs": 2,
            "cs": 1
          }
        },
        {
          "v": "低区",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "m": "低区",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(0, 0, 0)",
          "ht": 1,
          "vt": 0
        },
        {
          "v": "#{圣丰2#.一次网供压_P0006-0}",
          "ct": {
            "fa": "@",
            "t": "s"
          },
          "m": "#{圣丰2#.一次网供压_P0006-0}",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(0, 0, 0)",
          "ht": 1,
          "vt": 0
        },
        {
          "v": "#{圣丰2#.一次网供温_P0005-0}",
          "ct": {
            "fa": "@",
            "t": "s"
          },
          "m": "#{圣丰2#.一次网供温_P0005-0}",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(0, 0, 0)",
          "ht": 1,
          "vt": 0
        },
        {
          "v": "#{圣丰2#.一次网回温_P0007-0}",
          "ct": {
            "fa": "@",
            "t": "s"
          },
          "m": "#{圣丰2#.一次网回温_P0007-0}",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(0, 0, 0)",
          "ht": 1,
          "vt": 0
        },
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        {
          "mc": {
            "r": 5,
            "c": 0
          }
        },
        {
          "m": "高区",
          "ct": {
            "fa": "General",
            "t": "g"
          },
          "v": "高区"
        },
        {
          "v": "#{圣丰2#.一次网供压_P0006-0}",
          "ct": {
            "fa": "@",
            "t": "s"
          },
          "m": "#{圣丰2#.一次网供压_P0006-0}",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(0, 0, 0)",
          "ht": 1,
          "vt": 0
        },
        {
          "v": "#{圣丰2#.一次网供温_P0005-0}",
          "ct": {
            "fa": "@",
            "t": "s"
          },
          "m": "#{圣丰2#.一次网供温_P0005-0}",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(0, 0, 0)",
          "ht": 1,
          "vt": 0
        },
        {
          "v": "#{圣丰2#.一次网回温_P0007-0}",
          "ct": {
            "fa": "@",
            "t": "s"
          },
          "m": "#{圣丰2#.一次网回温_P0007-0}",
          "bg": null,
          "bl": 0,
          "it": 0,
          "ff": 5,
          "fs": 11,
          "fc": "rgb(0, 0, 0)",
          "ht": 1,
          "vt": 0
        },
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ],
      [
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
      ]
    ],
    "visibledatarow": [
      31,
      59,
      95,
      125,
      155,
      188,
      210,
      241,
      272,
      303,
      334,
      365,
      396,
      427,
      458,
      489,
      520,
      551,
      582,
      613,
      644,
      675,
      706,
      737,
      768,
      799,
      830,
      861,
      881,
      901
    ],
    "visibledatacolumn": [
      97,
      194,
      384,
      574,
      764,
      874,
      984,
      1094,
      1191,
      1288,
      1385,
      1482,
      1579,
      1676,
      1773,
      1847,
      1921,
      1995,
      2069,
      2143,
      2217,
      2291,
      2365,
      2439,
      2513,
      2587,
      2661,
      2735,
      2809,
      2883
    ],
    "ch_width": 3003,
    "rh_height": 981,
    "luckysheet_selection_range": [],
    "images": {},
    "hyperlink": {},
    "dynamicArray": []
  }]

});

onMounted(() => {
  calculatePaneHeight();
  window.addEventListener('resize', calculatePaneHeight);
  window.onresize = () => {
    return (() => {
      calculatePaneHeight();
    })()
  }
})

const getSheetData = (data) => {
  console.log(data)
}

onUnmounted(() => {
  window.removeEventListener('resize', calculatePaneHeight);
});

const calculatePaneHeight = () => {
  nextTick(() => {
    const heightForm = proxy.$refs.queryRef?.$el.clientHeight || 0;
    const windowHeight = window.innerHeight;
    const remainingHeight = windowHeight - heightForm - 105;
    paneHeight.value = remainingHeight + 'px';
  });
};

</script>

<style lang='scss' scoped>
.splitpanes.default-theme .splitpanes__pane {
  background-color: #fff
}

.position {
  position: absolute;
  z-index: 100;
}

#qrCode,
#barCode {
  display: none;
}

.yulancopy {
  font-size: 16px;
}

.baocun {
  font-size: 17px;
}

.el-collapse {
  position: relative;
  border-top: 0 solid #e6ebf5;
  border-bottom: 0 solid #e6ebf5;
}

.el-collapse-item__header {
  border-bottom: 0 solid #e6ebf5 !important;
}

.delect-all {
  position: absolute;
  top: .5rem;
  right: 2rem;
  color: #333;
}

.push_btn {
  position: absolute;
  z-index: 100;
  top: 5px;
  left: 3px;

  .iconfont {
    color: black;
  }
}

.add-collection {
  line-height: 30px;

  .el-button {
    font-size: 16px !important;
    vertical-align: middle;
    margin-left: 0.1rem;
    margin-bottom: 0.2rem;
  }
}

.layout {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  border: 1px solid #d7dde4;
}

.layout-left {

  // display: block;
  // position: absolute;
  // padding: 1rem;
  .field-container {
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
    cursor: pointer;
    line-height: 30px;

    .aRow {
      padding: 0 10px;

      .operation {
        float: right;
        display: none;

        .el-button--text {
          color: #333 !important;
        }
      }

      &:hover {
        .operation {
          display: block;
        }

        background: #f7fafd;
      }
    }
  }
}

.layout-middle {
  display: block;
  position: absolute;
  left: 230px;
  right: 230px;
  width: calc(100% - 460px);
  margin: 0;
  padding: 0;

  .excel-designer {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
  }
}

.layout-right {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 20px;
  width: 230px;
  min-height: 99.98vh;
  border-left: 1px solid #dcdee2;
  border-color: #e8eaec;
  background: #fff;
  border-radius: 4px;
  font-size: 14px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.title_icon {
  margin-top: 0.1rem;
}
</style>
