lianmei
/
dc-ui
mirror of https://gitee.com/lmlz_0/dc-ui.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity
IOT平台的后端管理前端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
105 Commits
3 Branches
0 Tags
115 MiB
Tree: 9810287701
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '9810287701'
${ noResults }
dc-ui/src/views/model/viewdesgin/desgin.vue

3009 lines
54 KiB
Raw Normal View History

luckySheet测试
1 year ago
<template>
<div style="margin: 10px;">
ok
1 year ago
<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>
luckySheet测试
1 year ago
</div>
</template>
ok
1 year ago
<script setup name = "Desgin">
import { ref } from 'vue';
luckySheet测试
1 year ago
import luckysheet from '../../../components/luckysheet/index.vue';
ok
1 year ago
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
})
luckySheet测试
1 year ago
const luckysheetConfig = ref({
title: 'LuckySheet', // 表头名
allowCopy: true, // 是否允许拷贝
showtoolbar: true, // 是否显示工具栏
showinfobar: false, // 是否显示顶部信息栏
showsheetbar: true, // 是否显示底部sheet页按钮
showstatisticBar: false, // 是否显示底部计数栏
sheetBottomConfig: false, // sheet页下方的添加行按钮和回到顶部按钮配置
allowEdit: true, // 是否允许前台编辑
ok
1 year ago
enableAddRow: true, // 允许增加行
enableAddCol: true, // 允许增加列
luckySheet测试
1 year ago
userInfo: true, // 右上角的用户信息展示样式
showRowBar: false, // 是否显示行号区域
showColumnBar: false, // 是否显示列号区域
sheetFormulaBar: true, // 是否显示公式栏
enableAddBackTop: false, //返回头部按钮
rowHeaderWidth: 46, //行标题区域的宽度，如果设置为0，则表示隐藏行标题
columnHeaderHeight: 20, //列标题区域的高度，如果设置为0，则表示隐藏列标题
ok
1 year ago
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
}
luckySheet测试
1 year ago
},
ok
1 year ago
"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);
luckySheet测试
1 year ago
});
ok
1 year ago
const calculatePaneHeight = () => {
nextTick(() => {
const heightForm = proxy.$refs.queryRef?.$el.clientHeight || 0;
const windowHeight = window.innerHeight;
const remainingHeight = windowHeight - heightForm - 105;
paneHeight.value = remainingHeight + 'px';
});
};
luckySheet测试
1 year ago
</script>
<style lang='scss' scoped>
ok
1 year ago
.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;
}
luckySheet测试
1 year ago
ok
1 year ago
.title_icon {
margin-top: 0.1rem;
}
luckySheet测试
1 year ago
</style>