设备监控-治理设备添加值类型选择

This commit is contained in:
zhujiyan
2024-08-14 14:39:27 +08:00
parent 390252bf16
commit e9e8d61a67
4 changed files with 41 additions and 19 deletions

View File

@@ -1,7 +1,7 @@
import createAxios from '@/utils/request' import createAxios from '@/utils/request'
// 装置基础数据和模板数据 // 装置基础数据和模板数据
export function getDeviceData(deviceId: string, type: string, lineId = '') { export function getDeviceData(deviceId: string, type: string, lineId:string) {
let form = new FormData() let form = new FormData()
form.append('deviceId', deviceId) form.append('deviceId', deviceId)
form.append('lineId', lineId) form.append('lineId', lineId)
@@ -49,7 +49,7 @@ export function uploadOffLineDataFile(data: any) {
export function getDeviceTrendDataGroup() { export function getDeviceTrendDataGroup() {
return createAxios({ return createAxios({
url: '/cs-device-boot/csGroup/getDeviceTrendDataGroup', url: '/cs-device-boot/csGroup/getDeviceTrendDataGroup',
method: 'GET', method: 'GET'
}) })
} }
@@ -66,7 +66,7 @@ export function getDeviceTrendData(query: any) {
export function getGroupPortableStatistical() { export function getGroupPortableStatistical() {
return createAxios({ return createAxios({
url: '/cs-device-boot/csGroup/getGroupPortableStatistical', url: '/cs-device-boot/csGroup/getGroupPortableStatistical',
method: 'GET', method: 'GET'
}) })
} }
@@ -75,6 +75,6 @@ export function getDeviceHarmonicSpectrumData(data: any) {
return createAxios({ return createAxios({
url: '/cs-device-boot/csGroup/getDeviceHarmonicSpectrumData', url: '/cs-device-boot/csGroup/getDeviceHarmonicSpectrumData',
method: 'POST', method: 'POST',
data:data data: data
}) })
} }

View File

@@ -41,6 +41,7 @@ export function deviceRtData(data: any) {
form.append('pageNum', data.pageNum) form.append('pageNum', data.pageNum)
form.append('pageSize', data.pageSize) form.append('pageSize', data.pageSize)
form.append('searchValue', data.searchValue) form.append('searchValue', data.searchValue)
form.append('dataLevel',data.dataLevel)
return createAxios({ return createAxios({
url: '/cs-device-boot/csGroup/deviceRtData', url: '/cs-device-boot/csGroup/deviceRtData',
method: 'POST', method: 'POST',

View File

@@ -12,6 +12,12 @@
<el-form-item label="日期"> <el-form-item label="日期">
<DatePicker ref="datePickerRef"></DatePicker> <DatePicker ref="datePickerRef"></DatePicker>
</el-form-item> </el-form-item>
<el-form-item label="值类型">
<el-select v-model="form.dataLevel">
<el-option value="Primary" label="一次值"></el-option>
<el-option value="Secondary" label="二次值"></el-option>
</el-select>
</el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-Search" @click="init">查询</el-button> <el-button type="primary" icon="el-icon-Search" @click="init">查询</el-button>
</el-form-item> </el-form-item>
@@ -48,7 +54,8 @@ const form: any = reactive({
remark: '', remark: '',
routeName: '', routeName: '',
sort: 100, sort: 100,
type: 0 type: 0,
dataLevel: ''
}) })
const echartsData = ref<any>(null) const echartsData = ref<any>(null)
const dialogVisible = ref(false) const dialogVisible = ref(false)
@@ -59,12 +66,14 @@ onMounted(() => {
const init = () => { const init = () => {
echartsData.value = null echartsData.value = null
loading.value = true loading.value = true
form.dataLevel = props.detail.dataLevel
getDeviceDataTrend({ getDeviceDataTrend({
devId:props.detail.devId, devId: props.detail.devId,
endTime: datePickerRef.value.timeValue[1], endTime: datePickerRef.value.timeValue[1],
lineId: props.detail.lineId, lineId: props.detail.lineId,
startTime: datePickerRef.value.timeValue[0], startTime: datePickerRef.value.timeValue[0],
statisticalParams: props.detail.children statisticalParams: props.detail.children,
dataLevel: form.dataLevel
}).then(res => { }).then(res => {
if (res.data.length && res.data[0].length) { if (res.data.length && res.data[0].length) {
let arr: any[] = [] let arr: any[] = []
@@ -147,7 +156,7 @@ const init = () => {
defineExpose({ open }) defineExpose({ open })
</script> </script>
<style lang="scss"> <style lang="scss">
.device-control-detail{ .device-control-detail {
padding-bottom: 10px; padding-bottom: 10px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

View File

@@ -90,14 +90,20 @@
<el-form-item label="日期" v-show="dataSet.indexOf('_history') != -1"> <el-form-item label="日期" v-show="dataSet.indexOf('_history') != -1">
<DatePicker ref="datePickerRef"></DatePicker> <DatePicker ref="datePickerRef"></DatePicker>
</el-form-item> </el-form-item>
<el-form-item label="值类型">
<el-select v-model="formInline.dataLevel">
<el-option value="Primary" label="一次值"></el-option>
<el-option value="Secondary" label="二次值"></el-option>
</el-select>
</el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-Search" @click="handleClick">查询</el-button> <el-button type="primary" icon="el-icon-Search" @click="handleClick">查询</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div style="height: calc(100vh - 300px)" v-if="tableData.length == 0" v-loading="tableLoading"></div>
<div <div
style="overflow: auto" style="overflow: auto"
:style="{ height: tableHeight }" :style="{ height: tableHeight }"
v-loading="tableLoading"
v-if=" v-if="
dataSet.indexOf('_trenddata') == -1 && dataSet.indexOf('_trenddata') == -1 &&
dataSet.indexOf('_realtimedata') == -1 && dataSet.indexOf('_realtimedata') == -1 &&
@@ -140,7 +146,8 @@
MAX MAX
</el-tag> </el-tag>
{{ {{
item.children[0].maxValue === 3.1415956 || !item.children[0].maxValue item.children[0].maxValue === 3.1415956 ||
typeof item.children[0].maxValue != 'number'
? '暂无数据' ? '暂无数据'
: item.children[0].maxValue : item.children[0].maxValue
}} }}
@@ -155,7 +162,8 @@
AVG AVG
</el-tag> </el-tag>
{{ {{
item.children[0].avgValue === 3.1415956 || !item.children[0].avgValue item.children[0].avgValue === 3.1415956 ||
typeof item.children[0].avgValue != 'number'
? '暂无数据' ? '暂无数据'
: item.children[0].avgValue : item.children[0].avgValue
}} }}
@@ -169,9 +177,9 @@
> >
MIN MIN
</el-tag> </el-tag>
<!-- || !item.children[0].minValue -->
{{ {{
item.children[0].minValue === 3.1415956 item.children[0].minValue === 3.1415956 ||
typeof item.children[0].minValue != 'number'
? '暂无数据' ? '暂无数据'
: item.children[0].minValue : item.children[0].minValue
}} }}
@@ -287,12 +295,13 @@ const datePickerRef = ref()
const formInline = reactive({ const formInline = reactive({
searchValue: '', searchValue: '',
pageNum: 1, pageNum: 1,
pageSize: 30, pageSize: 20,
total: 0, total: 0,
startTime: '', startTime: '',
endTime: '', endTime: '',
id: '', id: '',
lineId: '' lineId: '',
dataLevel: ''
}) })
const detail = ref<any>(null) const detail = ref<any>(null)
//是否显示实时数据默认内容 //是否显示实时数据默认内容
@@ -332,6 +341,7 @@ const getDeviceDataTrend = (e: any) => {
detail.value = { detail.value = {
devId: deviceId.value, devId: deviceId.value,
lineId: lineId.value, lineId: lineId.value,
dataLevel: dataLevel.value,
...e ...e
} }
} }
@@ -357,6 +367,7 @@ const handleaddDevice = () => {
//树节点点击事件 //树节点点击事件
const deviceId: any = ref('') const deviceId: any = ref('')
const lineId: any = ref('') const lineId: any = ref('')
const dataLevel: any = ref('')
const nodeClick = async (e: anyObj) => { const nodeClick = async (e: anyObj) => {
deviceId.value = e?.pid deviceId.value = e?.pid
lineId.value = e?.id lineId.value = e?.id
@@ -369,6 +380,8 @@ const nodeClick = async (e: anyObj) => {
formInline.lineId = e.id formInline.lineId = e.id
await getDeviceData(e.pid, 'history', e.id).then((res: any) => { await getDeviceData(e.pid, 'history', e.id).then((res: any) => {
deviceData.value = res.data deviceData.value = res.data
formInline.dataLevel = res.data.dataLevel
dataLevel.value = res.data.dataLevel
if (!res.data.dataSetList) { if (!res.data.dataSetList) {
dataSet.value = '' dataSet.value = ''
tableData.value = [] tableData.value = []
@@ -585,8 +598,7 @@ watch(
) )
watch( watch(
() => tableData.value, () => tableData.value,
(val: any, oldVal: any) => { (val: any, oldVal: any) => {}
}
) )
onMounted(() => {}) onMounted(() => {})
</script> </script>