|
|
@@ -1,11 +1,9 @@
|
|
|
<script setup name="prepare">
|
|
|
-import searchCop from './components/search.vue'
|
|
|
import excelCop from '@/components/excel.vue'
|
|
|
import treeCop from '@/components/tree.vue'
|
|
|
-import tableCop from './components/table.vue'
|
|
|
-import submitBtn from '@/components/submitBtn'
|
|
|
+import SubmitBtn from '@/components/submitBtn.vue'
|
|
|
import { ref, nextTick, onActivated, onMounted, reactive } from 'vue'
|
|
|
-import request from '@/utils/request'
|
|
|
+import request from '@/utils/request.js'
|
|
|
import { ElMessage } from 'element-plus'
|
|
|
import util from "@tools/util";
|
|
|
import CurrentScatterChart from './components/current-scatter-chart.vue'
|
|
|
@@ -13,167 +11,43 @@ import CurrentScatterChart from './components/current-scatter-chart.vue'
|
|
|
// import tableRes from '@/data/table.json'
|
|
|
// import areaDataRes from '@/data/areaData.json'
|
|
|
/**配置参数 */
|
|
|
-const treeHeight = ref((window.innerHeight - 210) / 2 + 'px') //tree高度
|
|
|
-const excelHeight = ref((window.innerHeight - 210) / 2 + 'px') //excel高度
|
|
|
-const tableHeight = ref(window.innerHeight - 254 + 'px')
|
|
|
+const treeHeight = ref(window.innerHeight - 120 + 'px') //tree高度
|
|
|
+const excelHeight = ref(window.innerHeight - 120 + 'px') //excel高度
|
|
|
+const tableHeight = ref(window.innerHeight - 120 + 'px')
|
|
|
/**excel 开始 */
|
|
|
const excelCheckboxShow = ref(false)
|
|
|
-const excelType = ref('')
|
|
|
const excelCheckIds = ref([])
|
|
|
const excelList = ref([])
|
|
|
const funExcelChange = async (obj) => { //点击excel项时
|
|
|
- activeTab.value = '1'
|
|
|
- isChartArea.value = false
|
|
|
- tableShowId.value = obj.id
|
|
|
- tableName.value = obj.name
|
|
|
- excelType.value = obj.type // 接收excel的type 用于控制右侧tab展示
|
|
|
-
|
|
|
- let res = null
|
|
|
- let chartRes = {
|
|
|
- scatterhs: [[]],
|
|
|
- scatterls: [[]],
|
|
|
- sjgl: [[]],
|
|
|
- llgl: [[]],
|
|
|
- cpz: [[]]
|
|
|
- }
|
|
|
- let poiRes = null
|
|
|
- let chartResponse = null
|
|
|
- tableLoading.value = true
|
|
|
- if (obj.type === 'process') {
|
|
|
- res = await request.get('/power/process/show', { params: { id: obj.id } })
|
|
|
- } else if (obj.type === 'fitting') {
|
|
|
- activeTab.value = '2'
|
|
|
- res = await request.get('/power/fitting/show', { params: { id: obj.id } })
|
|
|
- // res = tableRes
|
|
|
- // chartResponse = dotRes
|
|
|
- chartResponse = await request.get('/power/fitting/curve', { params: { id: obj.id, p: 1 } })
|
|
|
- poiRes = await request.get('/power/fitting/curve/ratio', {params: {id: obj.id}})
|
|
|
- // poiRes = areaDataRes
|
|
|
- }
|
|
|
- tableColumn.value = res.data.title.map(o => {
|
|
|
- return {
|
|
|
- prop: o.key,
|
|
|
- width: o.des==='时间'? 100: 80,
|
|
|
- label: o.des,
|
|
|
- }
|
|
|
- })
|
|
|
- tableData.value = res.data.data
|
|
|
- tableLoading.value = false
|
|
|
-
|
|
|
- // markDot
|
|
|
- if(poiRes && poiRes.code=== 200){
|
|
|
- markDot.pcl5 = poiRes.data.pcl5
|
|
|
- markDot.pcl10 = poiRes.data.pcl10
|
|
|
- markDot.pcl12 = poiRes.data.pcl12
|
|
|
- markDot.pcl25 = poiRes.data.pcl25
|
|
|
- }
|
|
|
-
|
|
|
- if (chartResponse && chartResponse.code === 200) {
|
|
|
- chartRes = chartResponse.data
|
|
|
- avgObj.cpavg = chartRes.obj.cpavg?.toFixed(2)
|
|
|
- avgObj.frequency = chartRes.obj.frequency?.toFixed(2)
|
|
|
- avgObj.pcratio = chartRes.obj.pcratio?.toFixed(2)
|
|
|
- dataSet.value = JSON.stringify([
|
|
|
- {
|
|
|
- source: chartRes.wyd
|
|
|
- },
|
|
|
- {
|
|
|
- source: chartRes.yyd
|
|
|
- }
|
|
|
- ])
|
|
|
- const color = ["#1C99FF", "#FF8700", "#3D54BE", "#fa8c16", "#1DA0D7", "#DD5044"]
|
|
|
- seriesData.value = [
|
|
|
- {
|
|
|
- name: "拟合功率",
|
|
|
- type: "line",
|
|
|
- symbol: "line", //设定为实心点
|
|
|
- symbolSize: 0, //设定实心点的大小
|
|
|
- smooth: true, //这个是把线变成曲线
|
|
|
- data: chartRes.sjgl,
|
|
|
- xAxisIndex: 0,
|
|
|
- },
|
|
|
- {
|
|
|
- name: "保证功率",
|
|
|
- type: "line",
|
|
|
- symbol: "line", //设定为实心点
|
|
|
- symbolSize: 0, //设定实心点的大小
|
|
|
- smooth: true, //这个是把线变成曲线
|
|
|
- data: chartRes.llgl,
|
|
|
- xAxisIndex: 0,
|
|
|
- },
|
|
|
- {
|
|
|
- type: 'effectScatter',
|
|
|
- showEffectOn: "emphasis",
|
|
|
- rippleEffect: {
|
|
|
- scale: 1
|
|
|
- },
|
|
|
- name: '无用点',
|
|
|
- symbolSize: (data) => {
|
|
|
- return data.s ? data.s > 10 ? 10 : data.s : 4
|
|
|
- },
|
|
|
- datasetIndex: 0,
|
|
|
- encode: {
|
|
|
- x: 'x',
|
|
|
- y: 'y'
|
|
|
- },
|
|
|
- xAxisIndex: 0,
|
|
|
- yAxisIndex: 0,
|
|
|
- },
|
|
|
- {
|
|
|
- type: 'effectScatter',
|
|
|
- showEffectOn: "emphasis",
|
|
|
- rippleEffect: {
|
|
|
- scale: 1
|
|
|
- },
|
|
|
- name: '有用点',
|
|
|
- symbolSize: (data) => {
|
|
|
- return data.s ? data.s > 10 ? 10 : data.s : 4
|
|
|
- },
|
|
|
- datasetIndex: 1,
|
|
|
- encode: {
|
|
|
- x: 'x',
|
|
|
- y: 'y'
|
|
|
- },
|
|
|
- xAxisIndex: 0,
|
|
|
- yAxisIndex: 0,
|
|
|
- },
|
|
|
- {
|
|
|
- name: "Cp值",
|
|
|
- type: "line",
|
|
|
- symbol: "line", //设定为实心点
|
|
|
- symbolSize: 0, //设定实心点的大小
|
|
|
- smooth: true, //这个是把线变成曲线
|
|
|
- data: chartRes.cpz,
|
|
|
- xAxisIndex: 0,
|
|
|
- yAxisIndex: 1,
|
|
|
- },
|
|
|
- ]
|
|
|
- }
|
|
|
+ return false
|
|
|
}
|
|
|
const funExcelCheckChange = ({ checkArr, data }) => { //bug
|
|
|
excelCheckIds.value = checkArr
|
|
|
+ funSubmit()
|
|
|
}
|
|
|
-/**excel fitData */
|
|
|
-const excelFitList = ref([])
|
|
|
/**prepare tree 开始 */
|
|
|
const treeData = ref([])
|
|
|
-const funRepeatMap = (arr) => {
|
|
|
+const actTreeNode = ref(null) //当前激活的treeNode
|
|
|
+const funRepeatMap = (arr, type='fitting') => {
|
|
|
return arr.map(o => {
|
|
|
if (o.children) {
|
|
|
const findIndex = o.children.findIndex(p => !!p.type)
|
|
|
if (findIndex !== -1) {
|
|
|
o.childs = o.children
|
|
|
o.children = []
|
|
|
+ if(!actTreeNode.value && type === 'fitting'){ //判断当且仅有process获取tree时 赋值
|
|
|
+ actTreeNode.value = o
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
return {
|
|
|
...o,
|
|
|
- children: o.children ? funRepeatMap(o.children) : []
|
|
|
+ children: o.children ? funRepeatMap(o.children, type) : []
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
const funGetTree = async () => {
|
|
|
- const res = await request.get("/power/process/tree")
|
|
|
+ const res = await request.get("/power/fitting/tree")
|
|
|
treeData.value = funRepeatMap(res.data)
|
|
|
excelList.value = []
|
|
|
}
|
|
|
@@ -210,63 +84,49 @@ const funTreeCheckChange = ({ current, checkedNodes, checkedKeys, halfCheckedNod
|
|
|
}
|
|
|
}
|
|
|
excelCheckIds.value = checkIds
|
|
|
+ funSubmit()
|
|
|
}
|
|
|
|
|
|
-/**process tree 开始 */
|
|
|
-const processTreeData = ref([])
|
|
|
-const funGetProcessTree = async () => {
|
|
|
- const res = await request.get("/power/fitting/tree")
|
|
|
- processTreeData.value = funRepeatMap(res.data)
|
|
|
-}
|
|
|
-const funProcessCurrentChange = ({ current, currentNode }) => {
|
|
|
- if (current.childs) {
|
|
|
- excelFitList.value = current.childs.map(o => {
|
|
|
- return {
|
|
|
- id: o.id,
|
|
|
- interval: o.interval,
|
|
|
- path: o.path,
|
|
|
- prepareid: o.prepareid,
|
|
|
- station: o.station,
|
|
|
- time: o.time,
|
|
|
- type: o.type,
|
|
|
- windturbine: o.windturbine,
|
|
|
- name: o.path.substring(o.path.indexOf(o.station + '_') + (o.station + '_').length)
|
|
|
- }
|
|
|
- })
|
|
|
- } else {
|
|
|
- excelFitList.value = []
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-/**table 开始 */
|
|
|
-const tableShowId = ref('')
|
|
|
-const tableColumn = ref([])
|
|
|
-const tableLoading = ref(false)
|
|
|
-const tableName = ref('')
|
|
|
-const tableData = ref([])
|
|
|
-/**table 结束 */
|
|
|
/**search 开始 */
|
|
|
-const funSubmit = async (query) => {
|
|
|
+const funSubmit = async () => {
|
|
|
if (!excelCheckIds.value.length) {
|
|
|
ElMessage.error('请勾选要预处理的项')
|
|
|
return false
|
|
|
}
|
|
|
const params = {
|
|
|
- ...query,
|
|
|
ids: excelCheckIds.value.join(',')
|
|
|
}
|
|
|
- const res = await request.get('/power/fitting/data', { params: params })
|
|
|
+ const res = await request.get('/power/fitting/line', { params: params })
|
|
|
if (res.code === 200) {
|
|
|
- ElMessage.success(res.msg)
|
|
|
- funGetProcessTree()
|
|
|
- const excelInfo = res.data
|
|
|
-
|
|
|
- /**拟合完成后 显示右侧图表及数据 */
|
|
|
- funExcelChange({
|
|
|
- id: excelInfo.id,
|
|
|
- name: excelInfo.path.substring(excelInfo.path.indexOf(excelInfo.station + '_') + (excelInfo.station + '_').length),
|
|
|
- type: 'fitting'
|
|
|
- })
|
|
|
+ seriesData.value = []
|
|
|
+ if(res.data.bzgl){
|
|
|
+ seriesData.value.push(
|
|
|
+ {
|
|
|
+ name: "保证功率",
|
|
|
+ type: "line",
|
|
|
+ symbol: "line", //设定为实心点
|
|
|
+ symbolSize: 0, //设定实心点的大小
|
|
|
+ smooth: true, //这个是把线变成曲线
|
|
|
+ data: res.data.bzgl || [],
|
|
|
+ xAxisIndex: 0,
|
|
|
+ },
|
|
|
+ )
|
|
|
+ }
|
|
|
+ if(res.data.sjgl?.length){
|
|
|
+ for(const wtObj of res.data.sjgl){
|
|
|
+ seriesData.value.push(
|
|
|
+ {
|
|
|
+ name: wtObj.wtId + "\n实际功率",
|
|
|
+ type: "line",
|
|
|
+ symbol: "line", //设定为实心点
|
|
|
+ symbolSize: 0, //设定实心点的大小
|
|
|
+ smooth: true, //这个是把线变成曲线
|
|
|
+ data: wtObj.sjgl || [],
|
|
|
+ xAxisIndex: 0,
|
|
|
+ },
|
|
|
+ )
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
/**chart Data */
|
|
|
@@ -276,10 +136,10 @@ const avgObj = reactive({ //平均cpz等
|
|
|
pcratio: ''
|
|
|
})
|
|
|
const markDot = reactive({ //3-5 point点等
|
|
|
- pcl5: null,
|
|
|
- pcl10: null,
|
|
|
- pcl12: null,
|
|
|
- pcl25: null
|
|
|
+ pcl5: 0,
|
|
|
+ pcl10: 0,
|
|
|
+ pcl12: 0,
|
|
|
+ pcl25: 0
|
|
|
})
|
|
|
const xAxisData = ref([])
|
|
|
const chartRef = ref() //chart 的ref
|
|
|
@@ -343,6 +203,9 @@ const funChartSelect = async (batch) => {
|
|
|
}
|
|
|
const funChartArea = () => {
|
|
|
if (seriesData.value?.length) {
|
|
|
+ // 获取数据后 展示dialog table 数据
|
|
|
+ wtDialog.value = true
|
|
|
+ wtData.value = []
|
|
|
if (!isChartArea.value) {
|
|
|
// 请求一下
|
|
|
seriesData.value[0] = {
|
|
|
@@ -393,7 +256,7 @@ const funChartArea = () => {
|
|
|
data: [
|
|
|
[
|
|
|
{
|
|
|
- name: `3~5m 偏差率: ${markDot.pcl5}`,
|
|
|
+ name: `3~5m 偏差率: ${markDot.pcl5}%`,
|
|
|
xAxis: 3,
|
|
|
},
|
|
|
{
|
|
|
@@ -402,7 +265,7 @@ const funChartArea = () => {
|
|
|
],
|
|
|
[
|
|
|
{
|
|
|
- name: `5~10m 偏差率: ${markDot.pcl10}`,
|
|
|
+ name: `5~10m 偏差率: ${markDot.pcl10}%`,
|
|
|
xAxis: 5,
|
|
|
},
|
|
|
{
|
|
|
@@ -411,7 +274,7 @@ const funChartArea = () => {
|
|
|
],
|
|
|
[
|
|
|
{
|
|
|
- name: `10~12m 偏差率: ${markDot.pcl12}`,
|
|
|
+ name: `10~12m 偏差率: ${markDot.pcl12}%`,
|
|
|
xAxis: 10,
|
|
|
},
|
|
|
{
|
|
|
@@ -420,7 +283,7 @@ const funChartArea = () => {
|
|
|
],
|
|
|
[
|
|
|
{
|
|
|
- name: `12~25m 偏差率: ${markDot.pcl25}`,
|
|
|
+ name: `12~25m 偏差率: ${markDot.pcl25}%`,
|
|
|
xAxis: 12,
|
|
|
},
|
|
|
{
|
|
|
@@ -445,22 +308,19 @@ const funChartArea = () => {
|
|
|
const wtDialog = ref(false)
|
|
|
const wtData = ref([])
|
|
|
const wtTab = ref('table')
|
|
|
-/**tab */
|
|
|
-const activeTab = ref('1')
|
|
|
/**created */
|
|
|
funGetTree()
|
|
|
-funGetProcessTree()
|
|
|
/**mounted */
|
|
|
onMounted(() => {
|
|
|
- tableHeight.value = window.innerHeight - 254 + 'px'
|
|
|
- excelHeight.value =(window.innerHeight - 210) / 2 + 'px'
|
|
|
- treeHeight.value = (window.innerHeight - 210) / 2 + 'px'
|
|
|
+ tableHeight.value = window.innerHeight - 120 + 'px'
|
|
|
+ excelHeight.value = window.innerHeight - 120 + 'px'
|
|
|
+ treeHeight.value = window.innerHeight - 120 + 'px'
|
|
|
window.addEventListener('resize', () => {
|
|
|
- tableHeight.value = window.innerHeight - 254 + 'px'
|
|
|
- excelHeight.value = (window.innerHeight - 210) / 2 + 'px'
|
|
|
- treeHeight.value = (window.innerHeight - 210) / 2 + 'px'
|
|
|
+ tableHeight.value = window.innerHeight - 120 + 'px'
|
|
|
+ excelHeight.value = window.innerHeight - 120 + 'px'
|
|
|
+ treeHeight.value = window.innerHeight - 120 + 'px'
|
|
|
})
|
|
|
- // /**test */
|
|
|
+ /**test */
|
|
|
// funExcelChange({
|
|
|
// id: 1,
|
|
|
// name: 'excel',
|
|
|
@@ -470,69 +330,113 @@ onMounted(() => {
|
|
|
/**activated */
|
|
|
onActivated(() => {
|
|
|
funGetTree()
|
|
|
- funGetProcessTree()
|
|
|
})
|
|
|
</script>
|
|
|
<template>
|
|
|
- <div class="py-[10px] px-[10px]">
|
|
|
- <search-cop class="mb-[20px] bg-[rgba(0,0,0,0.3)] shadow rounded-[6px] shadow-blue-500" @submit="funSubmit">
|
|
|
- </search-cop>
|
|
|
- <el-dialog v-model="wtDialog" title="风机功率点位">
|
|
|
- <el-tabs v-model="wtTab">
|
|
|
- <el-tab-pane label="数据" name="table">
|
|
|
- <el-table :data="wtData" row-key="id" :max-height="550">
|
|
|
- <el-table-column property="wtId" align="center" label="风机" />
|
|
|
- <el-table-column property="time" sortable :width="160" align="center" label="时间" />
|
|
|
- <el-table-column property="speed" sortable align="center" label="风速(m/s)" />
|
|
|
- <el-table-column property="power" sortable align="center" label="功率(kw)" />
|
|
|
- <el-table-column property="rr" sortable align="center" label="转速" />
|
|
|
- <el-table-column property="filter" sortable align="center" label="是否有用点" />
|
|
|
- </el-table>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="故障" name="problem" disabled>
|
|
|
-
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="预警" name="warning" disabled>
|
|
|
-
|
|
|
- </el-tab-pane>
|
|
|
- </el-tabs>
|
|
|
- </el-dialog>
|
|
|
- <div class="relative shadow rounded-[6px] shadow-blue-500 px-[10px] pt-[20px] pb-[10px]">
|
|
|
- <div class="text-[14px] absolute top-[-7px] text-[#B3B3B3] left-[20px]">数据展示</div>
|
|
|
- <el-row :gutter="10">
|
|
|
- <el-col :span="5">
|
|
|
- <tree-cop :data="treeData" @checkChange="funTreeCheckChange" :show-checkbox="true" :height="treeHeight"
|
|
|
- @currentChange="funCurrentChange" @refresh="funGetTree"></tree-cop>
|
|
|
- <tree-cop class="mt-[10px]" :data="processTreeData" :height="treeHeight"
|
|
|
- @currentChange="funProcessCurrentChange" @refresh="funGetProcessTree"></tree-cop>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <excel-cop :checkIds="excelCheckIds" :showCheckbox="excelCheckboxShow" :data="excelList" :height="excelHeight"
|
|
|
- @excelChange="funExcelChange" @checkChange="funExcelCheckChange"></excel-cop>
|
|
|
- <excel-cop class="mt-[10px]" :data="excelFitList" :height="excelHeight" @excelChange="funExcelChange">
|
|
|
- </excel-cop>
|
|
|
- </el-col>
|
|
|
- <el-col :span="16">
|
|
|
- <div class="px-[10px] shadow rounded-[6px] shadow-blue-500 bg-[rgba(0,0,0,0.3)]">
|
|
|
- <submitBtn class="absolute right-[16px] top-[6px] z-10" desc="区域划分" v-if="activeTab === '2' && excelType === 'fitting'" @click="funChartArea"></submitBtn>
|
|
|
- <el-tabs v-model="activeTab">
|
|
|
- <el-tab-pane label="表格数据" name="1">
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="图表展示" name="2" v-if="excelType === 'fitting'">
|
|
|
- </el-tab-pane>
|
|
|
- <table-cop v-show="activeTab === '1'" :data="tableData" :loading="tableLoading" :column="tableColumn"
|
|
|
- :height="tableHeight" :tableId="tableShowId" :tableName="tableName"></table-cop>
|
|
|
- <div v-show="activeTab === '2'"
|
|
|
- :style="{ height: typeof tableHeight === 'string' ? tableHeight : tableHeight + 'px' }"
|
|
|
- class="p-[10px]">
|
|
|
- <CurrentScatterChart ref="chartRef" width="100%" height="calc( 100% - 20px )" :chartTitle="'平均Cp：'+avgObj.cpavg+'； 静风频率：'+avgObj.frequency+'； 曲线偏差率：'+avgObj.pcratio+'%'"
|
|
|
- :xAxisData="xAxisData" :yAxisData="{ splitLine: { show: false } }" :seriesData="seriesData"
|
|
|
- :showLegend="true" :brushSelected="!isChartArea" :dataSet="dataSet" @getSelected="funChartSelect" />
|
|
|
- </div>
|
|
|
- </el-tabs>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="py-[10px] px-[10px]">
|
|
|
+ <el-dialog draggable v-model="wtDialog" title="曲线偏差率">
|
|
|
+ <el-table :data="wtData" row-key="id" :max-height="550">
|
|
|
+ <el-table-column property="wtId" align="center" label="风机" />
|
|
|
+ <el-table-column
|
|
|
+ property="speed"
|
|
|
+ sortable
|
|
|
+ align="center"
|
|
|
+ label="3~5m"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ property="power"
|
|
|
+ sortable
|
|
|
+ align="center"
|
|
|
+ label="5~10m"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ property="rr"
|
|
|
+ sortable
|
|
|
+ align="center"
|
|
|
+ label="10~12m"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ property="filter"
|
|
|
+ sortable
|
|
|
+ align="center"
|
|
|
+ label="12~25m"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ property="filter"
|
|
|
+ sortable
|
|
|
+ align="center"
|
|
|
+ label="3~25m"
|
|
|
+ />
|
|
|
+ </el-table>
|
|
|
+ </el-dialog>
|
|
|
+ <div
|
|
|
+ class="
|
|
|
+ relative
|
|
|
+ shadow
|
|
|
+ rounded-[6px]
|
|
|
+ shadow-blue-500
|
|
|
+ px-[10px]
|
|
|
+ pt-[20px]
|
|
|
+ pb-[10px]
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <div class="text-[14px] absolute top-[-7px] text-[#B3B3B3] left-[20px]">
|
|
|
+ 数据展示
|
|
|
+ </div>
|
|
|
+ <el-row :gutter="10">
|
|
|
+ <el-col :span="5">
|
|
|
+ <tree-cop
|
|
|
+ :data="treeData"
|
|
|
+ @checkChange="funTreeCheckChange"
|
|
|
+ :show-checkbox="true"
|
|
|
+ :height="treeHeight"
|
|
|
+ @currentChange="funCurrentChange"
|
|
|
+ @refresh="funGetTree"
|
|
|
+ ></tree-cop>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <excel-cop
|
|
|
+ :checkIds="excelCheckIds"
|
|
|
+ :showCheckbox="excelCheckboxShow"
|
|
|
+ :data="excelList"
|
|
|
+ :height="excelHeight"
|
|
|
+ @excelChange="funExcelChange"
|
|
|
+ @checkChange="funExcelCheckChange"
|
|
|
+ ></excel-cop>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="16">
|
|
|
+ <div class="px-[10px] shadow rounded-[6px] shadow-blue-500">
|
|
|
+ <SubmitBtn
|
|
|
+ class="absolute right-[16px] top-[6px] z-10"
|
|
|
+ desc="区域划分"
|
|
|
+ @click="funChartArea"
|
|
|
+ ></SubmitBtn>
|
|
|
+ <div
|
|
|
+ :style="{
|
|
|
+ height:
|
|
|
+ typeof tableHeight === 'string'
|
|
|
+ ? tableHeight
|
|
|
+ : tableHeight + 'px',
|
|
|
+ }"
|
|
|
+ class="p-[10px]"
|
|
|
+ >
|
|
|
+ <CurrentScatterChart
|
|
|
+ ref="chartRef"
|
|
|
+ width="100%"
|
|
|
+ height="calc( 100% - 20px )"
|
|
|
+ chartTitle=""
|
|
|
+ :xAxisData="xAxisData"
|
|
|
+ :yAxisData="{ splitLine: { show: false } }"
|
|
|
+ :seriesData="seriesData"
|
|
|
+ :showLegend="true"
|
|
|
+ :brushSelected="!isChartArea"
|
|
|
+ :dataSet="dataSet"
|
|
|
+ @getSelected="funChartSelect"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</template>
|
moccus