sx/map
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of https://git.jsspisoft.com/ry-das

Browse Source
This commit is contained in:
高云鹏 2024-11-21 15:11:42 +08:00
commit 39eacb4076
1 changed files with 68 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

168
ui/dasadmin/src/views/backend/temperature/index.vue
View File

@ -8,43 +8,10 @@
<el-checkbox-group v-model="checkList"> <el-checkbox-group v-model="checkList">
<el-checkbox v-model:value=item.measPointCode v-model:label=item.measPointName /> <el-checkbox v-model:value=item.measPointCode v-model:label=item.measPointName />
</el-checkbox-group> </el-checkbox-group>
</div> </div>
</el-row> </el-row>
</div> </div>
</div> </div>
<!-- <el-row :gutter="20">
<el-col :span="12">
<div class="transferLeft">
<el-main class="mainPart">
<el-table class="tablePart"
ref="RealtableRef"
:data="modalTbleData"
@selectionChange="selectTable"
:row-key="getRowKey">
&lt;!&ndash; <el-table-column type="selection" width="55" :reserve-selection="true"/>&ndash;&gt;
<el-table-column type="selection" width="55"/>
<el-table-column prop="porder" label="序号" width="60" />
<el-table-column prop="attributeCode" sortable label="名称" />
<el-table-column prop="attributeName" sortable label="描述" />
</el-table>
<div class="mainFooter" style="display: flex; justify-content: left">
<el-pagination
v-model:current-page="currentPage"
v-model:page-size="currentPageSize"
:total="pageTotal"
:page-sizes="pagePagination"
background
:pager-count="7"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="prev, pager, next, jumper,sizes,total"
></el-pagination>
</div>
</el-main>
</div>
</el-col>
</el-row>-->
<template #footer> <template #footer>
<div class="dialog-footer"> <div class="dialog-footer">
<el-button type="primary" @click="sureBtn">保存</el-button> <el-button type="primary" @click="sureBtn">保存</el-button>
@ -96,6 +63,24 @@ const deviceData = ref(
children: [] children: []
}] }]
) )
const attributesDefault:any = [
'iTemp1GearOil_1sec',
'iTempGearBearDE_1sec',
'iTempGearBearNDE_1sec',
'iTempGenStatorU_1sec',
'iTempGenStatorV_1sec',
'iTempGenStatorW_1sec',
'iBlade1TempMotor_1sec',
'iBlade2TempMotor_1sec',
'iBlade3TempMotor_1sec',
'iTempOutdoor_1sec',
'iTempNacelle_1sec',
'iTempCabinetNacelle_1sec',
'iTempHub_1sec',
'iTempTowerBase_1sec',
'iTempCabinetTowerBase_1sec'
]
const defaultExpandedKeys = ref([0]); const defaultExpandedKeys = ref([0]);
const SelectdeviceId=ref() const SelectdeviceId=ref()
const equipTreeRef = ref() const equipTreeRef = ref()
@ -105,15 +90,15 @@ const deviceQuery = (data: any) => {
nextTick(() => { nextTick(() => {
SelectdeviceId.value=res.data[0]?.id SelectdeviceId.value=res.data[0]?.id
equipTreeRef.value?.setCurrentKey(deviceData.value[0].children[0].id!, true) equipTreeRef.value?.setCurrentKey(deviceData.value[0].children[0].id!, true)
getChartData({deviceId:SelectdeviceId.value,attributes:[]}) getChartData({deviceId:res.data[0]?.id,attributes:attributesDefault})
}) })
}) })
} }
const handleNodeClick = (data: any) => { const handleNodeClick = (data: any) => {
debugger
SelectdeviceId.value=data.id SelectdeviceId.value=data.id
state.charts.temperatureChart.clear() state.charts.temperatureChart.clear()
getChartData({id:SelectdeviceId.value,attributes:[]}) console.log(JSON.stringify({deviceId:SelectdeviceId.value,attributes:attributesDefault}))
getChartData({deviceId:SelectdeviceId.value,attributes:attributesDefault})
} }
const state: { const state: {
@ -135,7 +120,9 @@ const temperatureData:any ={
limit1High: [], limit1High: [],
limit1Low: [], limit1Low: [],
limit2High: [], limit2High: [],
limit2Low: [] limit2Low: [],
limit1Enable:[],
limit2Enable:[]
} }
const inittemperatureChar = () => { const inittemperatureChar = () => {
const temperatureChart = state.charts.temperatureChart ?? echarts.init(temperatureChartRef.value as unknown as HTMLElement) const temperatureChart = state.charts.temperatureChart ?? echarts.init(temperatureChartRef.value as unknown as HTMLElement)
@ -147,7 +134,8 @@ const inittemperatureChar = () => {
bottom: 10, bottom: 10,
left: 25, left: 25,
containLabel: true, containLabel: true,
borderColor:'transparent', borderColor:'#ffffff',
borderWidth: 1,
backgroundColor:'rgba(254,55,49,0.20)' backgroundColor:'rgba(254,55,49,0.20)'
}, },
xAxis: { xAxis: {
@ -182,6 +170,7 @@ const inittemperatureChar = () => {
yAxis: [ yAxis: [
{ {
type: 'category', type: 'category',
inverse: true,
z: 10, z: 10,
axisLine: { axisLine: {
show: true, show: true,
@ -281,11 +270,6 @@ const inittemperatureChar = () => {
state.charts.temperatureChart = temperatureChart state.charts.temperatureChart = temperatureChart
} }
const currentPage = ref(1)
const currentPageSize = ref(20)
const pageTotal = ref(0)
const pagePagination = ref([20, 50, 100])
const modalTbleData=ref<any[]>([])
const visible = ref(false) const visible = ref(false)
@ -309,44 +293,15 @@ const variableList = () =>{
measPointCode: item.measPointCode measPointCode: item.measPointCode
} }
}) })
// selectcheck.value=res.data.map((item) => { checkList.value=attributesDefault
// return item.measPointCode /* checkList.value=res.data.map((item) => {
// }) return item.measPointCode
})*/
} }
}) })
} }
const queryListData = reactive({
pageSize: 20,
pageNum: 1,
iotModelId: '',
attributeType: '138'
})
const modelAttributeList=(data: any) =>{
getModelAttributeList(data).then((res) => {
if (res.code == 200) {
modalTbleData.value = res.rows
pageTotal.value = res.total;
} else {
ElMessage.error({
message: res.msg,
type: 'error',
})
}
})
}
const handleSizeChange = (val: number) => {
queryListData.pageSize = val
modelAttributeList(queryListData)
}
const handleCurrentChange = (val: number) => {
queryListData.pageNum = val
modelAttributeList(queryListData)
}
const handleClose = (done: () => void) => { const handleClose = (done: () => void) => {
visible.value = false visible.value = false
} }
@ -359,7 +314,7 @@ const sureBtn = () => {
let attributesCode:any[]=[] let attributesCode:any[]=[]
const getChartData = (data: any) => { const getChartData = (data: any) => {
//console.log(JSON.stringify(data)) console.log(JSON.stringify(data))
getTemperatureLimitByDeviceId(data).then((res) => { getTemperatureLimitByDeviceId(data).then((res) => {
if (res.code=='200') { if (res.code=='200') {
temperatureData.name=[] temperatureData.name=[]
@ -368,18 +323,24 @@ const getChartData = (data: any) => {
temperatureData.limit1Low=[] temperatureData.limit1Low=[]
temperatureData.limit2High=[] temperatureData.limit2High=[]
temperatureData.limit2Low=[] temperatureData.limit2Low=[]
temperatureData.limit1Enable=[]
temperatureData.limit2Enable=[]
attributesCode=[] attributesCode=[]
res.data.forEach((item,index) => { res.data.forEach((item,index) => {
temperatureData.name.push(item.measPointName) temperatureData.name.push(item.measPointName)
attributesCode.push(item.measPointCode) attributesCode.push(item.measPointCode)
if(item.limit1Enable){ temperatureData.limit1High.push(item.limit1High)
temperatureData.limit1High.push(item.limit1High) temperatureData.limit1Low.push(item.limit1Low)
temperatureData.limit1Low.push(item.limit1Low) temperatureData.limit2High.push(item.limit2High)
} temperatureData.limit2Low.push(item.limit2Low)
if(item.limit2Enable){ temperatureData.limit1Enable.push(item.limit1Enable)
temperatureData.limit2High.push(item.limit2High) temperatureData.limit2Enable.push(item.limit2Enable)
temperatureData.limit2Low.push(item.limit2Low) //if(item.limit1Enable){
}
//}
//if(item.limit2Enable){
//}
}) })
console.log(JSON.stringify([{deviceId:SelectdeviceId.value,attributes:attributesCode}])) console.log(JSON.stringify([{deviceId:SelectdeviceId.value,attributes:attributesCode}]))
if(!data.attributes.length){ if(!data.attributes.length){
@ -413,27 +374,34 @@ const getTemperaData = (data:any) => {
const limit1Low = temperatureData.limit1Low const limit1Low = temperatureData.limit1Low
const limit2High = temperatureData.limit2High const limit2High = temperatureData.limit2High
const limit2Low = temperatureData.limit2Low const limit2Low = temperatureData.limit2Low
const limit1Enable=temperatureData.limit1Enable
const limit2Enable=temperatureData.limit2Enable
inittemperatureChar() inittemperatureChar()
seriesStyle(values, limit1High, limit1Low, limit2High, limit2Low) seriesStyle(values, limit1High, limit1Low, limit2High, limit2Low,limit1Enable,limit2Enable)
} }
}) })
} }
const seriesStyle= (values, limit1High, limit1Low, limit2High, limit2Low) =>{ const seriesStyle= (values, limit1High, limit1Low, limit2High, limit2Low,limit1Enable,limit2Enable) =>{
const option = state.charts.temperatureChart.getOption(); const option = state.charts.temperatureChart.getOption();
const series = option?.series?.[0]; const series = option?.series?.[0];
values.forEach((item,index) => { values.forEach((item,index) => {
if (Number(item.value) > Number(limit1High[index]) || Number(item.value) < Number(limit1Low[index])) { //if(limit1Enable[index]==true||limit2Enable[index]==true){
//debugger if (Number(item.value) > Number(limit1High[index]) || Number(item.value) < Number(limit1Low[index])) {
item.itemStyle.color= 'red' //debugger
series.data[index].itemStyle = { color: 'red' }; item.itemStyle.color= 'red'
} else if (Number(item.value) > Number(limit2High[index]) || Number(item.value) < Number(limit2Low[index])) { series.data[index].itemStyle = { color: 'red' };
item.itemStyle.color= 'red' }
series.data[index].itemStyle = { color: 'red' }; /* else if (Number(item.value) > Number(limit2High[index]) || Number(item.value) < Number(limit2Low[index])) {
} else { item.itemStyle.color= 'red'
item.itemStyle.color= '#0064AA' series.data[index].itemStyle = { color: 'red' };
series.data[index].itemStyle = { color: '#0064AA' }; } */
} else {
item.itemStyle.color= '#0064AA'
series.data[index].itemStyle = { color: '#0064AA' };
}
//}
}) })
state.charts.temperatureChart.setOption(option); state.charts.temperatureChart.setOption(option);
@ -443,7 +411,7 @@ const autoUpdate = () => {
if (!autoUpdateTimer) { if (!autoUpdateTimer) {
autoUpdateTimer = setInterval(() => { autoUpdateTimer = setInterval(() => {
if(!selectcheck.value.length){ if(!selectcheck.value.length){
getChartData({deviceId:SelectdeviceId.value,attributes:[]}) getChartData({deviceId:SelectdeviceId.value,attributes:attributesDefault})
}else{ }else{
getChartData({deviceId:SelectdeviceId.value,attributes:selectcheck.value}) getChartData({deviceId:SelectdeviceId.value,attributes:selectcheck.value})
} }
@ -493,7 +461,7 @@ $paginationHeight: 32px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-left: 15px; margin-left: 15px;
width: 320px; width: 210px;
} }
} }
} }