Skip to content

W
web-project
Commit 90a3aa84 authored by liwei's avatar liwei
Browse files
Options

修改了AI无人站表计监视字段

parent e44ec2a3
Hide whitespace changes
Inline Side-by-side
Showing with 109 additions and 39 deletions
src/views/AIStation/MoveMonitorPage/MoveMonitorHistoryPage.vue
View file @ 90a3aa84
...@@ -178,15 +178,15 @@ function Nindex(index) { ...@@ -178,15 +178,15 @@ function Nindex(index) {
@sort-change="handleSortChange" @sort-change="handleSortChange"
v-loading="loading" v-loading="loading"
> >
<el-table-column type="index" label="序号" align="center" width="100" :index="Nindex"/> <el-table-column type="index" label="序号" align="center" width="60" :index="Nindex"/>
<el-table-column prop="stationName" align="center" label="所属换热站" width="200" sortable :sort-map="sortMapData"> <el-table-column prop="stationName" align="center" label="所属换热站" sortable :sort-map="sortMapData">
<template #default="scope"> <template #default="scope">
<span>{{ scope.row.stationName || '-' }}</span> <span>{{ scope.row.stationName || '-' }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="meterName" align="center" label="设备" width="220" sortable :sort-map="sortMapData"/> <el-table-column prop="meterName" align="center" label="设备" sortable :sort-map="sortMapData"/>
<el-table-column prop="acquisitionTime" align="center" label="采集时间" width="200" sortable :sort-map="sortMapData"/> <el-table-column prop="acquisitionTime" align="center" label="采集时间" sortable :sort-map="sortMapData"/>
<el-table-column prop="meterType" align="center" label="设备类型" width="150"> <el-table-column prop="meterType" align="center" label="设备类型" width="130">
<template #default="scope"> <template #default="scope">
<!-- <span v-if="scope.row.meterType=== '0'">电表</span>--> <!-- <span v-if="scope.row.meterType=== '0'">电表</span>-->
<!-- <span v-else-if="scope.row.meterType=== '1'">水表</span>--> <!-- <span v-else-if="scope.row.meterType=== '1'">水表</span>-->
...@@ -195,8 +195,15 @@ function Nindex(index) { ...@@ -195,8 +195,15 @@ function Nindex(index) {
<span>{{scope.row.meterType !== '' ? scope.row.meterType : '-'}}</span> <span>{{scope.row.meterType !== '' ? scope.row.meterType : '-'}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="result" align="center" label="采集数据" width="150"/> <el-table-column prop="result" align="center" label="采集数据" width="130"/>
<el-table-column prop="taskState" align="center" label="状态"> <el-table-column prop="realData" align="center" label="实时数据" width="100"></el-table-column>
<el-table-column prop="difference" align="center" label="数据差" width="100">
<template #default="scope">
<span v-if="scope.row.differenceStatus === '1'" style="color: red">{{ scope.row.difference }}</span>
<span v-else>{{ scope.row.difference }}</span>
</template>
</el-table-column>
<el-table-column prop="taskState" align="center" label="状态" width="100">
<template #default="scope"> <template #default="scope">
<span v-if="scope.row.taskState=== 1">执行中</span> <span v-if="scope.row.taskState=== 1">执行中</span>
<span v-else-if="scope.row.taskState=== 2">成功</span> <span v-else-if="scope.row.taskState=== 2">成功</span>
...@@ -204,7 +211,7 @@ function Nindex(index) { ...@@ -204,7 +211,7 @@ function Nindex(index) {
<span v-else>-</span> <span v-else>-</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="picUrl" align="center" label="图片" width="200"> <el-table-column prop="picUrl" align="center" label="图片" width="150">
<template #default="scope"> <template #default="scope">
<el-image <el-image
style="width:100%;height:100%;" style="width:100%;height:100%;"
...@@ -216,7 +223,7 @@ function Nindex(index) { ...@@ -216,7 +223,7 @@ function Nindex(index) {
</el-image> </el-image>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="alarmStatus" align="center" label="告警状态" sortable :sort-map="sortMapData"> <el-table-column prop="alarmStatus" align="center" width="110" label="告警状态" sortable :sort-map="sortMapData">
<template #default="scope"> <template #default="scope">
<span v-if="scope.row.alarmStatus=== '0'">正常</span> <span v-if="scope.row.alarmStatus=== '0'">正常</span>
<span v-else-if="scope.row.alarmStatus=== '1'" style="color: red">异常</span> <span v-else-if="scope.row.alarmStatus=== '1'" style="color: red">异常</span>
...@@ -301,8 +308,22 @@ function Nindex(index) { ...@@ -301,8 +308,22 @@ function Nindex(index) {
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="告警原因：" prop="remarks" v-if="singleDetails.alarmStatus === '1'"> <el-form-item label="告警原因：" prop="remarks">
<span>{{ singleDetails.remarks || '-' }}</span> <span v-if="singleDetails.alarmStatus === '1'">{{ singleDetails.remarks || '-' }}</span>
<span v-else>{{ '-' }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="实时数据：" prop="realData">
<span>{{ singleDetails.realData }}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="数据差：" prop="difference">
<span v-if="singleDetails.differenceStatus === '1'" style="color: red">{{ singleDetails.difference }}</span>
<span v-else>{{ singleDetails.difference }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
......
src/views/AIStation/MoveMonitorPage/MoveMonitorNewDataPage.vue
View file @ 90a3aa84
...@@ -193,7 +193,7 @@ function handleCamera(row) { ...@@ -193,7 +193,7 @@ function handleCamera(row) {
@sort-change="handleSortChange" @sort-change="handleSortChange"
v-loading="loading" v-loading="loading"
> >
<el-table-column type="index" label="序号" align="center" width="80" :index="Nindex"/> <el-table-column type="index" label="序号" align="center" width="60" :index="Nindex"/>
<el-table-column prop="stationName" align="center" label="所属换热站" sortable :sort-map="sortMapData"> <el-table-column prop="stationName" align="center" label="所属换热站" sortable :sort-map="sortMapData">
<template #default="scope"> <template #default="scope">
<span>{{ scope.row.stationName || '-' }}</span> <span>{{ scope.row.stationName || '-' }}</span>
...@@ -210,7 +210,14 @@ function handleCamera(row) { ...@@ -210,7 +210,14 @@ function handleCamera(row) {
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="result" align="center" label="采集数据" width="130"/> <el-table-column prop="result" align="center" label="采集数据" width="130"/>
<el-table-column prop="taskState" align="center" label="状态" width="130"> <el-table-column prop="realData" align="center" label="实时数据" width="100"></el-table-column>
<el-table-column prop="difference" align="center" label="数据差" width="100">
<template #default="scope">
<span v-if="scope.row.differenceStatus === '1'" style="color: red">{{ scope.row.difference }}</span>
<span v-else>{{ scope.row.difference }}</span>
</template>
</el-table-column>
<el-table-column prop="taskState" align="center" label="状态" width="100">
<template #default="scope"> <template #default="scope">
<span v-if="scope.row.taskState=== 1">执行中</span> <span v-if="scope.row.taskState=== 1">执行中</span>
<span v-else-if="scope.row.taskState=== 2">成功</span> <span v-else-if="scope.row.taskState=== 2">成功</span>
...@@ -218,7 +225,7 @@ function handleCamera(row) { ...@@ -218,7 +225,7 @@ function handleCamera(row) {
<span v-else>-</span> <span v-else>-</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="picUrl" align="center" label="图片" width="180"> <el-table-column prop="picUrl" align="center" label="图片" width="150">
<template #default="scope"> <template #default="scope">
<el-image <el-image
style="width:100%;height:100%;" style="width:100%;height:100%;"
...@@ -230,7 +237,7 @@ function handleCamera(row) { ...@@ -230,7 +237,7 @@ function handleCamera(row) {
</el-image> </el-image>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="alarmStatus" align="center" label="告警状态" width="180"> <el-table-column prop="alarmStatus" align="center" label="告警状态" width="100">
<template #default="scope"> <template #default="scope">
<span v-if="scope.row.alarmStatus=== '0'">正常</span> <span v-if="scope.row.alarmStatus=== '0'">正常</span>
<span v-else-if="scope.row.alarmStatus=== '1'" style="color: red">异常</span> <span v-else-if="scope.row.alarmStatus=== '1'" style="color: red">异常</span>
...@@ -238,7 +245,7 @@ function handleCamera(row) { ...@@ -238,7 +245,7 @@ function handleCamera(row) {
<span v-else>-</span> <span v-else>-</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" width="200" fixed="right"> <el-table-column label="操作" align="center" width="180" fixed="right">
<template #default="scope"> <template #default="scope">
<div class="table-operate-column"> <div class="table-operate-column">
<el-button link @click="detail(scope.row)" type="primary">详情</el-button> <el-button link @click="detail(scope.row)" type="primary">详情</el-button>
...@@ -316,8 +323,22 @@ function handleCamera(row) { ...@@ -316,8 +323,22 @@ function handleCamera(row) {
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="告警原因：" prop="remarks" v-if="singleDetails.alarmStatus === '1'"> <el-form-item label="告警原因：" prop="remarks">
<span>{{ singleDetails.remarks || '-' }}</span> <span v-if="singleDetails.alarmStatus === '1'">{{ singleDetails.remarks || '-' }}</span>
<span v-else>{{ '-' }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="实时数据：" prop="realData">
<span>{{ singleDetails.realData }}</span>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="数据差：" prop="difference">
<span v-if="singleDetails.differenceStatus === '1'" style="color: red">{{ singleDetails.difference }}</span>
<span v-else>{{ singleDetails.difference }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
......
src/views/AIStation/MoveMonitorPage/index.vue
View file @ 90a3aa84
...@@ -18,7 +18,6 @@ import {handleGetAIToken} from "../AItoken.js"; ...@@ -18,7 +18,6 @@ import {handleGetAIToken} from "../AItoken.js";
import {ElMessage} from "element-plus"; import {ElMessage} from "element-plus";
const dialogVisible = ref(false)
const route = useRoute() const route = useRoute()
const options = ref([]); const options = ref([]);
const enterpriseId = ref(); const enterpriseId = ref();
...@@ -73,8 +72,13 @@ const queryParams = reactive({ ...@@ -73,8 +72,13 @@ const queryParams = reactive({
const refresh = ref(false) const refresh = ref(false)
const timerID = ref(null) const timerID = ref(null)
//设置误差参数 //设置误差参数
const dialogVisible = ref(false)
const batchSetDialogVisible = ref(false)
const editData = ref([])//编辑的当前行数据 const editData = ref([])//编辑的当前行数据
const editId = ref('')//编辑的当前行id const editId = ref('')//编辑的当前行id
const batchSetErrorQueryParams = ref({
differenza: 0
})
const setErrorQueryParams = ref({ const setErrorQueryParams = ref({
stationList:[], stationList:[],
meterName:'', meterName:'',
...@@ -441,31 +445,41 @@ function saveClick(row){ ...@@ -441,31 +445,41 @@ function saveClick(row){
}) })
} }
//设置误差 保存所勾选的 //批量设置按钮
function batchSetError(){
batchSetDialogVisible.value = true
}
//批量设置弹窗 确认按钮
function saveAllSetError(){ function saveAllSetError(){
console.log('selectionList.value:',selectionList.value) const differenza = batchSetErrorQueryParams.value.differenza;
if (selectionList.value.length === 0){ const data = JSON.parse(JSON.stringify(setErrorTableData.value));
ElMessage.error({
message: '请勾选要保存的数据!'
});
return;
}
const params = { const params = {
list:[] list:[]
} }
params.list = selectionList.value data.forEach(item => {
// 修改里面的每一个differenza的值
item.differenza = differenza;
params.list.push(item);
});
updateBusMeterEquipmentList(params).then(res=>{ updateBusMeterEquipmentList(params).then(res=>{
if (res.code === 200){ if (res.code === 200){
ElMessage.success({ ElMessage.success({
message: '修改成功!' message: '修改成功!'
}); })
} else { } else {
ElMessage.error({ ElMessage.success({
message: res.message message: res.message
}); })
} }
setErrorSearch() setErrorSearch()
}) })
batchSetErrorQueryParams.value.differenza = 0
batchSetDialogVisible.value = false
}
//批量设置弹窗 取消按钮
function cancelSet(){
batchSetDialogVisible.value = false
batchSetErrorQueryParams.value.differenza = 0
} }
function changeClick(row){ function changeClick(row){
...@@ -498,6 +512,10 @@ function setErrorResetSearch(){ ...@@ -498,6 +512,10 @@ function setErrorResetSearch(){
setErrorSearch() setErrorSearch()
} }
//批量设置误差值改变事件
function batchSetHandleChange(e){
batchSetErrorQueryParams.differenza = e
}
</script> </script>
<template> <template>
...@@ -589,12 +607,7 @@ function setErrorResetSearch(){ ...@@ -589,12 +607,7 @@ function setErrorResetSearch(){
<el-table <el-table
:data="setErrorTableData" :data="setErrorTableData"
border border
style="width: 100%" style="width: 100%">
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
width="55">
</el-table-column>
<el-table-column <el-table-column
label="所属换热站"> label="所属换热站">
<template #default="scope"> <template #default="scope">
...@@ -611,7 +624,7 @@ function setErrorResetSearch(){ ...@@ -611,7 +624,7 @@ function setErrorResetSearch(){
label="误差值"> label="误差值">
<template #default="scope"> <template #default="scope">
<el-input-number v-if="scope.row.businessId == editId" v-model="scope.row.differenza" controls-position="right" @change="handleChange" :min="0" :max="9999" :precision="2"></el-input-number> <el-input-number v-if="scope.row.businessId == editId" v-model="scope.row.differenza" controls-position="right" @change="handleChange" :min="0" :max="9999" :precision="2"></el-input-number>
<span v-else>{{scope.row.differenza}}</span> <span v-else>{{scope.row.differenza.toFixed(2)}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
...@@ -625,7 +638,22 @@ function setErrorResetSearch(){ ...@@ -625,7 +638,22 @@ function setErrorResetSearch(){
</el-table> </el-table>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button> <el-button @click="dialogVisible = false">取 消</el-button>
<!-- <el-button type="primary" @click="saveAllSetError">全部保存</el-button>--> <el-button type="primary" @click="batchSetError">批量设置</el-button>
</div>
</el-dialog>
<el-dialog title="批量设置误差"
v-model="batchSetDialogVisible"
width="300px"
:close-on-click-modal="false"
append-to-body>
<el-form :model="batchSetErrorQueryParams" :inline="true" style="padding: 10px 0 0 10px;">
<el-form-item label="误差值:" prop="differenza">
<el-input-number v-model="batchSetErrorQueryParams.differenza" controls-position="right" @change="batchSetHandleChange" :min="0" :max="9999" :precision="2"></el-input-number>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancelSet">取 消</el-button>
<el-button type="primary" @click="saveAllSetError">确定</el-button>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment