Merge branch 'dev' of https://gitea.wangzhiwen.top/0214/ALOps_sys1 into dev
xiaohuo
8 months ago
commit
59946ef73f
@ -0,0 +1,15 @@ |
|||||||
|
import request from '@/utils/request' |
||||||
|
import { parseStrEmpty } from "@/utils/ruoyi"; |
||||||
|
|
||||||
|
// 查询预警消息列表
|
||||||
|
export function messageList(query) { |
||||||
|
return request({ |
||||||
|
url: '/message/list', |
||||||
|
method: 'get', |
||||||
|
params: query |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,93 @@ |
|||||||
|
<template> |
||||||
|
<div class=""> |
||||||
|
<el-row :gutter="20"> |
||||||
|
<el-col> |
||||||
|
<el-table v-loading="loading" :data="userList"> |
||||||
|
<el-table-column |
||||||
|
label="序号" |
||||||
|
width="60" |
||||||
|
type="index" |
||||||
|
></el-table-column> |
||||||
|
<el-table-column label="ID" align="center" key="id" prop="id" :show-overflow-tooltip="true"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span>{{ scope.row.id !== undefined && scope.row.id !== null ? scope.row.id : '--' }}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="单板ID" align="center" key="veneerId" prop="veneerId" :show-overflow-tooltip="true"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span>{{ scope.row.veneerId !== undefined && scope.row.veneerId !== null ? scope.row.veneerId : '--' }}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="设备ID" align="center" key="equId" prop="equId" :show-overflow-tooltip="true"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span>{{ scope.row.equId !== undefined && scope.row.equId !== null ? scope.row.equId : '--' }}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="单板状态" align="center" key="veneerStatus" prop="veneerStatus" :show-overflow-tooltip="true"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span>{{ scope.row.veneerStatus !== undefined && scope.row.veneerStatus !== null ? scope.row.veneerStatus : '--' }}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="采集ID" align="center" key="equGatherId" prop="equGatherId" :show-overflow-tooltip="true"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span>{{ scope.row.equGatherId !== undefined && scope.row.equGatherId !== null ? scope.row.equGatherId : '--' }}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { systemVeneer } from "@/api/inMonitoring/devicesState" |
||||||
|
import "@riophae/vue-treeselect/dist/vue-treeselect.css" |
||||||
|
import "splitpanes/dist/splitpanes.css" |
||||||
|
|
||||||
|
export default { |
||||||
|
props: { |
||||||
|
dsId: { |
||||||
|
type: String, |
||||||
|
default: 'chart' |
||||||
|
} |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
// 遮罩层 |
||||||
|
loading: true, |
||||||
|
// 总条数 |
||||||
|
total: 0, |
||||||
|
// 类型表格数据 |
||||||
|
userList: null, |
||||||
|
// 查询参数 |
||||||
|
queryParams: { |
||||||
|
pageNum: 1, |
||||||
|
pageSize: 10, |
||||||
|
name: undefined |
||||||
|
}, |
||||||
|
} |
||||||
|
}, |
||||||
|
created() { |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
dsId: { |
||||||
|
handler(val) { |
||||||
|
this.getList(val) |
||||||
|
}, |
||||||
|
deep: true, |
||||||
|
immediate: true |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
/** 查询类型列表 */ |
||||||
|
getList(id) { |
||||||
|
this.loading = true |
||||||
|
systemVeneer(id).then(response => { |
||||||
|
this.userList = response.rows |
||||||
|
this.loading = false |
||||||
|
} |
||||||
|
) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
@ -0,0 +1,95 @@ |
|||||||
|
<template> |
||||||
|
<div class="app-container"> |
||||||
|
<el-row :gutter="20"> |
||||||
|
<splitpanes :horizontal="this.$store.getters.device === 'mobile'" class="default-theme"> |
||||||
|
<!--设备档案--> |
||||||
|
<pane size="84"> |
||||||
|
<el-col> |
||||||
|
<el-table v-loading="loading" :data="dataList"> |
||||||
|
<el-table-column type="selection" width="50" align="center" /> |
||||||
|
<el-table-column |
||||||
|
label="序号" |
||||||
|
width="60" |
||||||
|
type="index" |
||||||
|
></el-table-column> |
||||||
|
<el-table-column label="消息ID" align="center" key="id" prop="id" width="80" /> |
||||||
|
<el-table-column label="用户ID" align="center" key="userId" prop="userId" width="80" /> |
||||||
|
<el-table-column label="消息内容" align="center" key="content" prop="content" :show-overflow-tooltip="true"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span>{{ scope.row.content || '--' }}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="消息状态" align="center" key="status" prop="status" width="100"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-tag :type="scope.row.status === 'unread' ? 'primary' : 'success'"> |
||||||
|
{{ scope.row.status === 'unread' ? '未读' : '已读' }} |
||||||
|
</el-tag> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="标题" align="center" key="title" prop="title" :show-overflow-tooltip="true"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span>{{ scope.row.title || '--' }}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="创建时间" align="center" prop="createTime" width="180"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span>{{ parseTime(scope.row.createTime) }}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
|
||||||
|
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" /> |
||||||
|
</el-col> |
||||||
|
</pane> |
||||||
|
</splitpanes> |
||||||
|
</el-row> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { messageList } from "@/api/message/index" |
||||||
|
import { Splitpanes, Pane } from "splitpanes" |
||||||
|
import "splitpanes/dist/splitpanes.css" |
||||||
|
|
||||||
|
export default { |
||||||
|
name: "Message", |
||||||
|
components: { Splitpanes, Pane }, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
// 遮罩层 |
||||||
|
loading: true, |
||||||
|
|
||||||
|
|
||||||
|
// 总条数 |
||||||
|
total: 0, |
||||||
|
// 消息数据列表 |
||||||
|
dataList: [], |
||||||
|
// 查询参数 |
||||||
|
queryParams: { |
||||||
|
pageNum: 1, |
||||||
|
pageSize: 10, |
||||||
|
status: undefined |
||||||
|
}, |
||||||
|
|
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
created() { |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
/** 查询设备列表 */ |
||||||
|
getList() { |
||||||
|
this.loading = true |
||||||
|
messageList(this.queryParams).then(response => { |
||||||
|
this.dataList = response.data || [] |
||||||
|
this.total = response.data?.length || 0 |
||||||
|
this.loading = false |
||||||
|
} |
||||||
|
) |
||||||
|
}, |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
Loading…
Reference in new issue