Skip to content

Y
yindong-tongbai-automation
Commit 8cd4d727 authored by sxl's avatar sxl 💬
Browse files
Options

add:空风机接口对接

parent f3e7f6c7
Show whitespace changes
Inline Side-by-side
Showing with 239 additions and 820 deletions
src/api/tyler/common.js
View file @ 8cd4d727
...@@ -106,3 +106,11 @@ export function fanDeviceName(query) { ...@@ -106,3 +106,11 @@ export function fanDeviceName(query) {
params: query params: query
}) })
} }
//空压机名称下拉
export function kongDeviceName(query) {
return request({
url: '/business/fan/device/kongya/query',
method: 'get',
params: query
})
}
src/api/tyler/kong.js 0 → 100644
View file @ 8cd4d727
import request from '@/utils/request'
// 查询空风机历史基本信息列表
export function listKongHis(query) {
return request({
url: '/business/fan/kongya/history/query',
method: 'get',
params: query
})
}
src/api/tyler/kongDev.js
View file @ 8cd4d727
import request from '@/utils/request' import request from '@/utils/request'
// 查询风机设备基本信息列表 // 查询空压机设备基本信息列表
export function listFanInfo(query) { export function listKongInfo(query) {
return request({ return request({
url: '/business/fan/real/kongya/query', url: '/business/fan/device/kongya/query',
method: 'get', method: 'get',
params: query params: query
}) })
} }
// 查询风机设备基本信息详细
export function getFanInfo(id) {
return request({
url: '/business/fan/info/getInfo/' + id,
method: 'get'
})
}
// 新增风机设备基本信息
export function addFanInfo(data) {
return request({
url: '/business/fan/info/add',
method: 'post',
data: data
})
}
// 修改风机设备基本信息
export function updateFanInfo(data) {
return request({
url: '/business/fan/info/edit',
method: 'post',
data: data
})
}
// 删除风机设备基本信息
export function delFanInfo(id) {
return request({
url: '/business/fan/info/remove/' + id,
method: 'get'
})
}
src/api/tyler/kongReal.js
View file @ 8cd4d727
import request from '@/utils/request' import request from '@/utils/request'
// 查询风机设备基本信息列表 // 查询空风机设备基本信息列表
export function listFanHis(query) { export function listrealKong(query) {
return request({ return request({
url: '/business/fan/history/list', url: '/business/fan/real/kongya/query',
method: 'get',
params: query
})
}
// 查询风机运行报警列表
export function listalarmFan(query) {
return request({
url: '/business/fan/alarm/list',
method: 'get',
params: query
})
}
// 修改风机运行报警列表
export function alarmFanEdit(query) {
return request({
url: '/business/fan/alarm/edit',
method: 'post',
data: query
})
}
//风机运行实时数据
export function listrealFan(query) {
return request({
url: '/business/fan/real/list',
method: 'get',
params: query
})
}
// 查询风机设备基本信息列表
export function listFanSwitchHis(query) {
return request({
url: '/business/log/list',
method: 'get', method: 'get',
params: query params: query
}) })
......
src/views/inspection/patrol/patrolLocation/index.vue
View file @ 8cd4d727
...@@ -59,8 +59,8 @@ ...@@ -59,8 +59,8 @@
</template> </template>
<script> <script>
import { listLog, getLog, delLog, addLog, updateLog } from '@/api/patrol/patrolLocation' import { listLog, getLog, delLog, addLog, updateLog } from '@/api/patrol/patrolLocation';
import request from '@/utils/request' import request from '@/utils/request';
export default { export default {
name: 'Device', name: 'Device',
...@@ -114,55 +114,55 @@ export default { ...@@ -114,55 +114,55 @@ export default {
{ required: true, message: '信息不能为空', trigger: 'blur' }, { required: true, message: '信息不能为空', trigger: 'blur' },
], ],
}, },
} };
}, },
created() { created() {
this.getPlaceList() this.getList();
this.getList()
}, },
methods: { methods: {
// 下载在线图片的函数 // 下载在线图片的函数
downloadOnlineImage(imageUrl, fileName) { downloadOnlineImage(imageUrl, fileName) {
fetch(imageUrl) fetch(imageUrl)
.then((response) => response.blob()) .then(response => response.blob())
.then((blob) => { .then(blob => {
const tempUrl = URL.createObjectURL(blob) const tempUrl = URL.createObjectURL(blob);
const link = document.createElement('a') const link = document.createElement('a');
link.href = tempUrl link.href = tempUrl;
link.download = fileName || 'downloaded_image.png' link.download = fileName || 'downloaded_image.png';
document.body.appendChild(link) document.body.appendChild(link);
link.click() link.click();
// 清理资源 // 清理资源
setTimeout(() => { setTimeout(() => {
URL.revokeObjectURL(tempUrl) URL.revokeObjectURL(tempUrl);
document.body.removeChild(link) document.body.removeChild(link);
}, 100) }, 100);
}) })
.catch((error) => console.error('下载失败:', error)) .catch(error => console.error('下载失败:', error));
}, },
// 新增下载二维码方法 // 新增下载二维码方法
async handleDownloadQrCode(row) { async handleDownloadQrCode(row) {
// 使用示例 // 使用示例
const fileurl = this.baseUrl + row.qrCode const fileurl = this.baseUrl + row.qrCode;
this.downloadOnlineImage(fileurl, 'qr_code.png') this.downloadOnlineImage(fileurl, 'qr_code.png');
},
getPlaceList() {
listLog(this.queryParams).then((response) => {
this.placeList = response.rows
this.total = response.total
this.loading = false
})
}, },
/** 查询巡检点列表 */
/** 查询设备类型列表 */
getList() { getList() {
this.loading = true this.loading = true;
listLog(this.queryParams)
.then(response => {
this.placeList = response.rows;
this.total = response.total;
this.loading = false;
})
.catch(() => {
this.loading = false;
});
}, },
// 取消按钮 // 取消按钮
cancel() { cancel() {
this.open = false this.open = false;
this.reset() this.reset();
}, },
// 表单重置 // 表单重置
reset() { reset() {
...@@ -170,71 +170,71 @@ export default { ...@@ -170,71 +170,71 @@ export default {
placeName: null, placeName: null,
location: null, location: null,
information: null, information: null,
} };
this.resetForm('form') this.resetForm('form');
}, },
/** 搜索按钮操作 */ /** 搜索按钮操作 */
handleQuery() { handleQuery() {
this.queryParams.pageNum = 1 this.queryParams.pageNum = 1;
this.getPlaceList() this.getList();
}, },
/** 重置按钮操作 */ /** 重置按钮操作 */
resetQuery() { resetQuery() {
this.resetForm('queryForm') this.resetForm('queryForm');
this.handleQuery() this.handleQuery();
}, },
// 多选框选中数据 // 多选框选中数据
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map((item) => item.id) this.ids = selection.map(item => item.id);
this.single = selection.length !== 1 this.single = selection.length !== 1;
this.multiple = !selection.length this.multiple = !selection.length;
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
handleAdd() { handleAdd() {
this.reset() this.reset();
this.open = true this.open = true;
this.title = '添加巡检点' this.title = '添加巡检点';
}, },
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.reset() this.reset();
this.open = true this.open = true;
this.title = '修改巡检点' this.title = '修改巡检点';
this.form = JSON.parse(JSON.stringify(row)) this.form = JSON.parse(JSON.stringify(row));
}, },
/** 提交按钮 */ /** 提交按钮 */
submitForm() { submitForm() {
this.$refs['form'].validate((valid) => { this.$refs['form'].validate(valid => {
if (valid) { if (valid) {
if (this.form.id != null) { if (this.form.id != null) {
updateLog(this.form).then((response) => { updateLog(this.form).then(response => {
this.$modal.msgSuccess('修改成功') this.$modal.msgSuccess('修改成功');
this.open = false this.open = false;
this.getPlaceList() this.getList();
}) });
} else { } else {
addLog(this.form).then((response) => { addLog(this.form).then(response => {
this.$modal.msgSuccess('新增成功') this.$modal.msgSuccess('新增成功');
this.open = false this.open = false;
this.getPlaceList() this.getList();
}) });
} }
} }
}) });
}, },
/** 删除按钮操作 */ /** 删除按钮操作 */
handleDelete(row) { handleDelete(row) {
const ids = row.id || this.ids const ids = row.id || this.ids;
this.$modal this.$modal
.confirm('是否确认删除？') .confirm('是否确认删除？')
.then(function () { .then(function () {
return delLog(ids) return delLog(ids);
}) })
.then(() => { .then(() => {
this.getPlaceList() this.getList();
this.$modal.msgSuccess('删除成功') this.$modal.msgSuccess('删除成功');
}) })
.catch(() => {}) .catch(() => {});
}, },
handleExport() { handleExport() {
request({ request({
...@@ -242,25 +242,24 @@ export default { ...@@ -242,25 +242,24 @@ export default {
params: this.queryParams, params: this.queryParams,
method: 'get', method: 'get',
responseType: 'blob', // 关键：指定接收二进制流 responseType: 'blob', // 关键：指定接收二进制流
}).then((response) => { }).then(response => {
// 创建Blob对象并生成临时URL // 创建Blob对象并生成临时URL
const blob = new Blob([response], { type: 'application/zip' }) // 根据实际图片类型调整 const blob = new Blob([response], { type: 'application/zip' }); // 根据实际图片类型调整
const url = window.URL.createObjectURL(blob) const url = window.URL.createObjectURL(blob);
// 创建并触发下载链接 // 创建并触发下载链接
const a = document.createElement('a') const a = document.createElement('a');
a.href = url a.href = url;
a.download = `二维码.zip` // 文件名使用设备编号+二维码 a.download = `二维码.zip`; // 文件名使用设备编号+二维码
document.body.appendChild(a) document.body.appendChild(a);
a.click() a.click();
// 清理资源 // 清理资源
document.body.removeChild(a) document.body.removeChild(a);
window.URL.revokeObjectURL(url) window.URL.revokeObjectURL(url);
this.$message.success('二维码下载成功') this.$message.success('二维码下载成功');
}) });
}, },
}, },
} };
</script> </script>
\ No newline at end of file
src/views/kongSys/kongHis/index.vue
View file @ 8cd4d727
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<el-form-item label="" prop="deviceName"> <el-form-item label="" prop="deviceName">
<el-select <el-select v-model="queryParams.deviceName" placeholder="空压机名称" clearable>
v-model="queryParams.deviceName" <el-option v-for="dict in deviceName" :key="dict.id" :label="dict.deviceName" :value="dict.id" />
placeholder="风机名称"
clearable
>
<el-option
v-for="dict in deviceName"
:key="dict.value"
:label="dict.name"
:value="dict.name"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label=""> <el-form-item label="">
...@@ -34,163 +18,53 @@ ...@@ -34,163 +18,53 @@
></el-date-picker> ></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
type="primary" <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
icon="el-icon-search" <!-- <el-button icon="el-icon-download" size="mini" type="primary" plain @click="exportData">导出</el-button> -->
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
<el-button
icon="el-icon-download"
size="mini"
type="primary"
plain
@click="exportData"
>导出</el-button
>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-table <el-table v-loading="loading" :data="infoList">
v-loading="loading" <el-table-column label="空压机名称" align="center" prop="deviceName" width="120" />
:data="infoList" <el-table-column label="空压机编号" align="center" prop="deviceId" width="120" />
@selection-change="handleSelectionChange" <el-table-column label="监测时间" align="center" prop="time" width="160" />
> <el-table-column label="管道压力(Kpa)" align="center" prop="pipelinePressure" width="140" />
<el-table-column type="selection" width="55" align="center" /> <el-table-column label="瞬时流量(m³)" align="center" prop="flowRate" width="140" />
<el-table-column <el-table-column label="瞬时流速(m³/s)" align="center" prop="velocity" width="140" />
label="风机名称" <el-table-column label="气体温度(℃)" align="center" prop="gasTemperature" width="120" />
align="center" <el-table-column label="管道压力(假)(Kpa)" align="center" prop="pipelinePressureFalse" />
prop="deviceName" <el-table-column label="瞬时流量(假)(m³)" align="center" prop="flowRateFalse" />
width="120" <el-table-column label="瞬时流速(假)(m³/s)" align="center" prop="velocityFalse" />
/> <el-table-column label="气体温度(假)(℃)" align="center" prop="gasTemperatureFalse" />
<el-table-column <el-table-column label="状态" align="center" prop="fanRunStatus" width="140">
label="风机编号" <template slot-scope="{ row }">
align="center" <el-tag v-if="row.fanRunStatus == 1" type="success" size="mini">启动</el-tag>
prop="deviceId" <el-tag v-else-if="row.fanRunStatus == 2" type="danger" size="mini">停止</el-tag>
width="120" <el-tag v-else-if="fanRunStatus == 3" size="mini">复位</el-tag>
/> </template>
<el-table-column </el-table-column>
label="监测时间"
align="center"
prop="time"
width="160"
/>
<el-table-column
label="电压(V)"
align="center"
prop="powerSupplyVoltage"
width="140"
/>
<el-table-column
label="电机电流(A)"
align="center"
prop="motorCurrent"
width="140"
/>
<el-table-column
label="运行频率(HZ)"
align="center"
prop="operatingFrequency"
width="140"
/>
<el-table-column
label="设定频率(HZ)"
align="center"
prop="setFrequency"
width="140"
/>
<el-table-column
label="风压(Kpa)"
align="center"
prop="windPressure"
width="120"
/>
<el-table-column
label="风速(m/s)"
align="center"
prop="windSpeed"
width="120"
/>
<el-table-column
label="风量(m³/s)"
align="center"
prop="airVolume"
width="140"
/>
<el-table-column
label="前轴温(℃)"
align="center"
prop="frontAxisTemperature"
width="120"
/>
<el-table-column
label="后轴温(℃)"
align="center"
prop="rearAxisTemperature"
width="120"
/>
<el-table-column
label="电机温度(℃)"
align="center"
prop="motorTemperature"
width="140"
/>
<el-table-column
label="前振动(mm/s)"
align="center"
prop="frontVibration"
width="150"
/>
<el-table-column
label="后振动(mm/s)"
align="center"
prop="rearVibration"
width="150"
/>
</el-table> </el-table>
<pagination <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</div> </div>
</template> </template>
<script> <script>
import { listFanHis } from "@/api/tyler/fan"; import { listKongHis } from '@/api/tyler/kong';
import { fanDeviceName } from "@/api/tyler/common"; import { kongDeviceName } from '@/api/tyler/common';
export default { export default {
name: "Info", name: 'Info',
data() { data() {
return { return {
// 根路径 // 根路径
baseURL: process.env.VUE_APP_BASE_API, baseURL: process.env.VUE_APP_BASE_API,
// 遮罩层 // 遮罩层
loading: true, loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数 // 总条数
total: 0, total: 0,
// 风机基本信息表格数据 // 空压机基本信息表格数据
infoList: [], infoList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
...@@ -198,74 +72,29 @@ export default { ...@@ -198,74 +72,29 @@ export default {
deviceName: null, deviceName: null,
deviceId: null, deviceId: null,
}, },
// 表单参数
form: {},
// 表单校验
rules: {
id: [{ required: true, message: "id不能为空", trigger: "blur" }],
deviceName: [
{ required: true, message: "风机名称不能为空", trigger: "blur" },
],
deviceId: [
{ required: true, message: "风机编号不能为空", trigger: "blur" },
],
},
deviceName: [], deviceName: [],
dateRange: [], dateRange: [],
}; };
}, },
created() { created() {
fanDeviceName().then((res) => { kongDeviceName().then(res => {
this.deviceName = res.data; this.deviceName = res.rows;
}); });
this.getList(); this.getList();
}, },
methods: { methods: {
/** 导出按钮操作 */ /** 导出按钮操作 */
exportData() { exportData() {
this.download( this.download('/business/pump/history/export ', {}, `空压机运行历史数据_${new Date().getTime()}.xlsx`);
"/business/pump/history/export ",
{},
`风机运行历史数据_${new Date().getTime()}.xlsx`
);
}, },
/** 查询风机基本信息列表 */ /** 查询空压机基本信息列表 */
getList() { getList() {
this.loading = true; this.loading = true;
listFanHis(this.addDateRange(this.queryParams, this.dateRange)).then( listKongHis(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
(response) => {
this.infoList = response.rows; this.infoList = response.rows;
this.total = response.total; this.total = response.total;
this.loading = false; this.loading = false;
} });
);
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: null,
deviceName: null,
deviceId: null,
installationLocation: null,
powerSupplyVoltage: null,
motorCurrent: null,
operatingFrequency: null,
setFrequency: null,
windPressure: null,
windSpeed: null,
airVolume: null,
frontAxisTemperature: null,
rearAxisTemperature: null,
motorTemperature: null,
frontVibration: null,
rearVibration: null,
};
this.resetForm("form");
}, },
/** 搜索按钮操作 */ /** 搜索按钮操作 */
handleQuery() { handleQuery() {
...@@ -275,7 +104,7 @@ export default { ...@@ -275,7 +104,7 @@ export default {
/** 重置按钮操作 */ /** 重置按钮操作 */
resetQuery() { resetQuery() {
this.dateRange = []; this.dateRange = [];
this.resetForm("queryForm"); this.resetForm('queryForm');
this.handleQuery(); this.handleQuery();
}, },
}, },
......
src/views/kongSys/kongReal/index.vue
View file @ 8cd4d727
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
:model="queryParams" <el-form-item label="" prop="deviceId">
ref="queryForm" <el-select v-model="queryParams.deviceId" placeholder="空压机名称" clearable>
size="small" <el-option v-for="dict in deviceName" :key="dict.id" :label="dict.deviceName" :value="dict.id" />
:inline="true"
v-show="showSearch"
label-width="68px"
>
<el-form-item label="" prop="deviceName">
<el-select
v-model="queryParams.deviceName"
placeholder="空压机名称"
clearable
>
<el-option
v-for="dict in deviceName"
:key="dict.value"
:label="dict.name"
:value="dict.name"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label=""> <el-form-item label="">
...@@ -34,180 +18,75 @@ ...@@ -34,180 +18,75 @@
></el-date-picker> ></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
type="primary" <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-table <el-table v-loading="loading" :data="infoList">
v-loading="loading" <el-table-column label="空压机名称" align="center" prop="deviceName" width="120" />
:data="infoList" <el-table-column label="空压机编号" align="center" prop="deviceId" width="120" />
@selection-change="handleSelectionChange" <el-table-column label="监测时间" align="center" prop="time" width="160" />
> <el-table-column label="管道压力(Kpa)" align="center" prop="pipelinePressure" width="140" />
<el-table-column <el-table-column label="瞬时流量(m³)" align="center" prop="flowRate" width="140" />
label="空压机名称" <el-table-column label="瞬时流速(m³/s)" align="center" prop="velocity" width="140" />
align="center" <el-table-column label="气体温度(℃)" align="center" prop="gasTemperature" width="120" />
prop="deviceName" <el-table-column label="管道压力(假)(Kpa)" align="center" prop="pipelinePressureFalse" />
width="120" <el-table-column label="瞬时流量(假)(m³)" align="center" prop="flowRateFalse" width="140" />
/> <el-table-column label="瞬时流速(假)(m³/s)" align="center" prop="velocityFalse" />
<el-table-column <el-table-column label="气体温度(假)(℃)" align="center" prop="gasTemperatureFalse" />
label="空压机编号" <el-table-column label="状态" align="center" prop="fanRunStatus" width="140">
align="center" <template slot-scope="{ row }">
prop="deviceId" <el-tag v-if="row.fanRunStatus == 1" type="success" size="mini">启动</el-tag>
width="120" <el-tag v-else-if="row.fanRunStatus == 2" type="danger" size="mini">停止</el-tag>
/> <el-tag v-else-if="fanRunStatus == 3" size="mini">复位</el-tag>
<el-table-column </template>
label="监测时间" </el-table-column>
align="center"
prop="time"
width="160"
/>
<el-table-column
label="电压(V)"
align="center"
prop="powerSupplyVoltage"
width="140"
/>
<el-table-column
label="电机电流(A)"
align="center"
prop="motorCurrent"
width="140"
/>
<el-table-column
label="运行频率(HZ)"
align="center"
prop="operatingFrequency"
width="140"
/>
<el-table-column
label="设定频率(HZ)"
align="center"
prop="setFrequency"
width="140"
/>
<el-table-column
label="风压(Kpa)"
align="center"
prop="windPressure"
width="120"
/>
<el-table-column
label="风速(m/s)"
align="center"
prop="windSpeed"
width="120"
/>
<el-table-column
label="风量(m³/s)"
align="center"
prop="airVolume"
width="140"
/>
<el-table-column
label="前轴温(℃)"
align="center"
prop="frontAxisTemperature"
width="120"
/>
<el-table-column
label="后轴温(℃)"
align="center"
prop="rearAxisTemperature"
width="120"
/>
<el-table-column
label="电机温度(℃)"
align="center"
prop="motorTemperature"
width="140"
/>
<el-table-column
label="前振动(mm/s)"
align="center"
prop="frontVibration"
width="150"
/>
<el-table-column
label="后振动(mm/s)"
align="center"
prop="rearVibration"
width="150"
/>
</el-table> </el-table>
<pagination <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</div> </div>
</template> </template>
<script> <script>
import { listrealFan } from "@/api/tyler/kongReal"; import { listrealKong } from '@/api/tyler/kongReal';
import { fanDeviceName } from "@/api/tyler/common"; import { kongDeviceName } from '@/api/tyler/common';
export default { export default {
name: "Info", name: 'Info',
data() { data() {
return { return {
// 根路径 // 根路径
baseURL: process.env.VUE_APP_BASE_API, baseURL: process.env.VUE_APP_BASE_API,
// 遮罩层 // 遮罩层
loading: true, loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件 // 显示搜索条件
showSearch: true, showSearch: true,
// 总条数 // 总条数
total: 0, total: 0,
// 空压机基本信息表格数据 // 空压机基本信息表格数据
infoList: [], infoList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
deviceName: null,
deviceId: null, deviceId: null,
}, },
// 表单参数 // 表单参数
form: {}, form: {},
// 表单校验 // 表单校验
rules: { rules: {
id: [{ required: true, message: "id不能为空", trigger: "blur" }], id: [{ required: true, message: 'id不能为空', trigger: 'blur' }],
deviceName: [ deviceName: [{ required: true, message: '空压机名称不能为空', trigger: 'blur' }],
{ required: true, message: "空压机名称不能为空", trigger: "blur" }, deviceId: [{ required: true, message: '空压机编号不能为空', trigger: 'blur' }],
],
deviceId: [
{ required: true, message: "空压机编号不能为空", trigger: "blur" },
],
}, },
deviceName: [], deviceName: [],
dateRange: [], dateRange: [],
}; };
}, },
created() { created() {
fanDeviceName().then((res) => { kongDeviceName().then(res => {
this.deviceName = res.data; this.deviceName = res.rows;
}); });
this.getList(); this.getList();
}, },
...@@ -215,40 +94,11 @@ export default { ...@@ -215,40 +94,11 @@ export default {
/** 查询空压机基本信息列表 */ /** 查询空压机基本信息列表 */
getList() { getList() {
this.loading = true; this.loading = true;
listrealFan(this.addDateRange(this.queryParams, this.dateRange)).then( listrealKong(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
(response) => {
this.infoList = response.rows; this.infoList = response.rows;
this.total = response.total; this.total = response.total;
this.loading = false; this.loading = false;
} });
);
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: null,
deviceName: null,
deviceId: null,
installationLocation: null,
powerSupplyVoltage: null,
motorCurrent: null,
operatingFrequency: null,
setFrequency: null,
windPressure: null,
windSpeed: null,
airVolume: null,
frontAxisTemperature: null,
rearAxisTemperature: null,
motorTemperature: null,
frontVibration: null,
rearVibration: null,
};
this.resetForm("form");
}, },
/** 搜索按钮操作 */ /** 搜索按钮操作 */
handleQuery() { handleQuery() {
...@@ -258,7 +108,7 @@ export default { ...@@ -258,7 +108,7 @@ export default {
/** 重置按钮操作 */ /** 重置按钮操作 */
resetQuery() { resetQuery() {
this.dateRange = []; this.dateRange = [];
this.resetForm("queryForm"); this.resetForm('queryForm');
this.handleQuery(); this.handleQuery();
}, },
}, },
......
src/views/kongSys/kongdev/index.vue
View file @ 8cd4d727
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="90px">
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="90px"
>
<el-form-item label="空压机名称" prop="deviceName"> <el-form-item label="空压机名称" prop="deviceName">
<el-input <el-input v-model="queryParams.deviceName" placeholder="请输入空压机名称" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.deviceName"
placeholder="请输入空压机名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
type="primary" <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-row :gutter="10" class="mb8"> <!-- <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button>
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增</el-button
>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate">修改</el-button>
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
>修改</el-button
>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete">删除</el-button>
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
>删除</el-button
>
</el-col> </el-col>
<right-toolbar <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
:showSearch.sync="showSearch" </el-row> -->
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table <el-table v-loading="loading" :data="infoList" @selection-change="handleSelectionChange">
v-loading="loading"
:data="infoList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column <el-table-column label="空压机名称" align="center" prop="deviceName" width="140" />
label="空压机名称" <el-table-column label="空压机编号" align="center" prop="deviceId" width="120" />
align="center" <el-table-column label="空压机安装描述" align="center" prop="installationLocation" width="120" />
prop="deviceName" <el-table-column label="管道压力预警值(Kpa)" align="center" prop="pipelinePressure" />
width="120" <el-table-column label="瞬时流量预警值(m³)" align="center" prop="flowRate" />
/> <el-table-column label="瞬时流速预警值(m³/s)" align="center" prop="velocity" />
<el-table-column <el-table-column label="气体温度预警值(℃)" align="center" prop="gasTemperature" />
label="空压机编号" <!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="130">
align="center"
prop="deviceId"
width="120"
/>
<el-table-column
label="空压机安装描述"
align="center"
prop="installationLocation"
width="120"
/>
<el-table-column
label="电源电压预警值(V)"
align="center"
prop="powerSupplyVoltage"
width="140"
/>
<el-table-column
label="电机电流预警值(A)"
align="center"
prop="motorCurrent"
width="140"
/>
<el-table-column
label="运行频率预警值(HZ)"
align="center"
prop="operatingFrequency"
width="140"
/>
<el-table-column
label="设定频率预警值(HZ)"
align="center"
prop="setFrequency"
width="140"
/>
<el-table-column
label="风压预警值(Kpa)"
align="center"
prop="windPressure"
width="120"
/>
<el-table-column
label="风速预警值(m/s)"
align="center"
prop="windSpeed"
width="120"
/>
<el-table-column
label="风量预警值(m³/s)"
align="center"
prop="airVolume"
width="140"
/>
<el-table-column
label="前轴温预警值(℃)"
align="center"
prop="frontAxisTemperature"
width="120"
/>
<el-table-column
label="后轴温预警值(℃)"
align="center"
prop="rearAxisTemperature"
width="120"
/>
<el-table-column
label="电机温度预警值(℃)"
align="center"
prop="motorTemperature"
width="140"
/>
<el-table-column
label="前振动预警值(mm/s)"
align="center"
prop="frontVibration"
width="150"
/>
<el-table-column
label="后振动预警值(mm/s)"
align="center"
prop="rearVibration"
width="150"
/>
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
fixed="right"
width="130"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">修改</el-button>
size="mini" <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
>删除</el-button
>
</template> </template>
</el-table-column> </el-table-column> -->
</el-table> </el-table>
<pagination <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改空压机基本信息对话框 --> <!-- 添加或修改空压机基本信息对话框 -->
<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
...@@ -211,117 +54,78 @@ ...@@ -211,117 +54,78 @@
<el-input v-model="form.deviceId" placeholder="请输入空压机编号" /> <el-input v-model="form.deviceId" placeholder="请输入空压机编号" />
</el-form-item> </el-form-item>
<el-form-item label="空压机安装描述" prop="installationLocation"> <el-form-item label="空压机安装描述" prop="installationLocation">
<el-input <el-input v-model="form.installationLocation" placeholder="请输入空压机安装描述" />
v-model="form.installationLocation"
placeholder="请输入空压机安装描述"
/>
</el-form-item> </el-form-item>
<el-divider content-position="left">设置设备参数预警值</el-divider> <el-divider content-position="left">设置设备参数预警值</el-divider>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="电源电压预警值(V)" prop="powerSupplyVoltage"> <el-form-item label="电源电压预警值(V)" prop="powerSupplyVoltage">
<el-input <el-input v-model="form.powerSupplyVoltage" placeholder="请输入电源电压预警值" />
v-model="form.powerSupplyVoltage"
placeholder="请输入电源电压预警值"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="电机电流预警值(A)" prop="motorCurrent"> <el-form-item label="电机电流预警值(A)" prop="motorCurrent">
<el-input <el-input v-model="form.motorCurrent" placeholder="请输入电机电流预警值" />
v-model="form.motorCurrent"
placeholder="请输入电机电流预警值"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="运行频率预警值(HZ)" prop="operatingFrequency"> <el-form-item label="运行频率预警值(HZ)" prop="operatingFrequency">
<el-input <el-input v-model="form.operatingFrequency" placeholder="请输入运行频率预警值" />
v-model="form.operatingFrequency"
placeholder="请输入运行频率预警值"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="设定频率预警值(HZ)" prop="setFrequency"> <el-form-item label="设定频率预警值(HZ)" prop="setFrequency">
<el-input <el-input v-model="form.setFrequency" placeholder="请输入设定频率预警值" />
v-model="form.setFrequency"
placeholder="请输入设定频率预警值"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="风压预警值(Kpa)" prop="windPressure"> <el-form-item label="风压预警值(Kpa)" prop="windPressure">
<el-input <el-input v-model="form.windPressure" placeholder="请输入风压预警值" />
v-model="form.windPressure"
placeholder="请输入风压预警值"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="风速预警值(m/s)" prop="windSpeed"> <el-form-item label="风速预警值(m/s)" prop="windSpeed">
<el-input <el-input v-model="form.windSpeed" placeholder="请输入风速预警值" />
v-model="form.windSpeed"
placeholder="请输入风速预警值"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="风量预警值(m³/s)" prop="airVolume"> <el-form-item label="风量预警值(m³/s)" prop="airVolume">
<el-input <el-input v-model="form.airVolume" placeholder="请输入风量预警值" />
v-model="form.airVolume"
placeholder="请输入风量预警值"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="前轴温预警值(℃)" prop="frontAxisTemperature"> <el-form-item label="前轴温预警值(℃)" prop="frontAxisTemperature">
<el-input <el-input v-model="form.frontAxisTemperature" placeholder="请输入前轴温预警值" />
v-model="form.frontAxisTemperature"
placeholder="请输入前轴温预警值"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="后轴温预警值(℃)" prop="rearAxisTemperature"> <el-form-item label="后轴温预警值(℃)" prop="rearAxisTemperature">
<el-input <el-input v-model="form.rearAxisTemperature" placeholder="请输入后轴温预警值" />
v-model="form.rearAxisTemperature"
placeholder="请输入后轴温预警值"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="电机温度预警值(℃)" prop="motorTemperature"> <el-form-item label="电机温度预警值(℃)" prop="motorTemperature">
<el-input <el-input v-model="form.motorTemperature" placeholder="请输入电机温度预警值" />
v-model="form.motorTemperature"
placeholder="请输入电机温度预警值"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="前振动预警值(mm/s)" prop="frontVibration"> <el-form-item label="前振动预警值(mm/s)" prop="frontVibration">
<el-input <el-input v-model="form.frontVibration" placeholder="请输入前振动预警值" />
v-model="form.frontVibration"
placeholder="请输入前振动预警值"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="后振动预警值(mm/s)" prop="rearVibration"> <el-form-item label="后振动预警值(mm/s)" prop="rearVibration">
<el-input <el-input v-model="form.rearVibration" placeholder="请输入后振动预警值" />
v-model="form.rearVibration"
placeholder="请输入后振动预警值"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
...@@ -335,16 +139,10 @@ ...@@ -335,16 +139,10 @@
</template> </template>
<script> <script>
import { import { listKongInfo } from '@/api/tyler/kongDev';
getFanInfo,
listFanInfo,
addFanInfo,
updateFanInfo,
delFanInfo,
} from "@/api/tyler/fanDev";
export default { export default {
name: "Info", name: 'Info',
data() { data() {
return { return {
// 根路径 // 根路径
...@@ -364,7 +162,7 @@ export default { ...@@ -364,7 +162,7 @@ export default {
// 空压机基本信息表格数据 // 空压机基本信息表格数据
infoList: [], infoList: [],
// 弹出层标题 // 弹出层标题
title: "", title: '',
// 是否显示弹出层 // 是否显示弹出层
open: false, open: false,
// 查询参数 // 查询参数
...@@ -391,13 +189,9 @@ export default { ...@@ -391,13 +189,9 @@ export default {
form: {}, form: {},
// 表单校验 // 表单校验
rules: { rules: {
id: [{ required: true, message: "id不能为空", trigger: "blur" }], id: [{ required: true, message: 'id不能为空', trigger: 'blur' }],
deviceName: [ deviceName: [{ required: true, message: '空压机名称不能为空', trigger: 'blur' }],
{ required: true, message: "空压机名称不能为空", trigger: "blur" }, deviceId: [{ required: true, message: '空压机编号不能为空', trigger: 'blur' }],
],
deviceId: [
{ required: true, message: "空压机编号不能为空", trigger: "blur" },
],
}, },
}; };
}, },
...@@ -408,7 +202,7 @@ export default { ...@@ -408,7 +202,7 @@ export default {
/** 查询空压机基本信息列表 */ /** 查询空压机基本信息列表 */
getList() { getList() {
this.loading = true; this.loading = true;
listFanInfo(this.queryParams).then((response) => { listKongInfo(this.queryParams).then(response => {
this.infoList = response.rows; this.infoList = response.rows;
this.total = response.total; this.total = response.total;
this.loading = false; this.loading = false;
...@@ -439,7 +233,7 @@ export default { ...@@ -439,7 +233,7 @@ export default {
frontVibration: null, frontVibration: null,
rearVibration: null, rearVibration: null,
}; };
this.resetForm("form"); this.resetForm('form');
}, },
/** 搜索按钮操作 */ /** 搜索按钮操作 */
handleQuery() { handleQuery() {
...@@ -448,12 +242,12 @@ export default { ...@@ -448,12 +242,12 @@ export default {
}, },
/** 重置按钮操作 */ /** 重置按钮操作 */
resetQuery() { resetQuery() {
this.resetForm("queryForm"); this.resetForm('queryForm');
this.handleQuery(); this.handleQuery();
}, },
// 多选框选中数据 // 多选框选中数据
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map((item) => item.id); this.ids = selection.map(item => item.id);
this.single = selection.length !== 1; this.single = selection.length !== 1;
this.multiple = !selection.length; this.multiple = !selection.length;
}, },
...@@ -461,31 +255,31 @@ export default { ...@@ -461,31 +255,31 @@ export default {
handleAdd() { handleAdd() {
this.reset(); this.reset();
this.open = true; this.open = true;
this.title = "添加空压机基本信息"; this.title = '添加空压机基本信息';
}, },
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.reset(); this.reset();
const id = row.id || this.ids; const id = row.id || this.ids;
getFanInfo(id).then((response) => { getFanInfo(id).then(response => {
this.form = response.data; this.form = response.data;
this.open = true; this.open = true;
this.title = "修改空压机基本信息"; this.title = '修改空压机基本信息';
}); });
}, },
/** 提交按钮 */ /** 提交按钮 */
submitForm() { submitForm() {
this.$refs["form"].validate((valid) => { this.$refs['form'].validate(valid => {
if (valid) { if (valid) {
if (this.form.id != null) { if (this.form.id != null) {
updateFanInfo(this.form).then((response) => { updateFanInfo(this.form).then(response => {
this.$modal.msgSuccess("修改成功"); this.$modal.msgSuccess('修改成功');
this.open = false; this.open = false;
this.getList(); this.getList();
}); });
} else { } else {
addFanInfo(this.form).then((response) => { addFanInfo(this.form).then(response => {
this.$modal.msgSuccess("新增成功"); this.$modal.msgSuccess('新增成功');
this.open = false; this.open = false;
this.getList(); this.getList();
}); });
...@@ -503,7 +297,7 @@ export default { ...@@ -503,7 +297,7 @@ export default {
}) })
.then(() => { .then(() => {
this.getList(); this.getList();
this.$modal.msgSuccess("删除成功"); this.$modal.msgSuccess('删除成功');
}) })
.catch(() => {}); .catch(() => {});
}, },
......
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