Teams/shgx_tz_vue-sync
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

新增andon模块

Browse Source
This commit is contained in:
17630416519
2025-12-11 17:21:38 +08:00
parent e2375282de
commit b69fa5822e
4 changed files with 294 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

135
src/views/andonManagement/humanComputerInteraction/index.vue Normal file
View File

@@ -0,0 +1,135 @@
<template>
<div style="padding: 5px;">
<el-row :gutter="10">
<el-col :span="6">
<el-table stripe="true" @row-click="handleRowClick" :data="leftList" v-loading="loading" ref="table"
border highlight-current-row>
<el-table-column prop="lineName" label="产线名称" align="center" :show-overflow-tooltip="true" />
<el-table-column prop="alarmCode" label="报警记录编码" align="center" :show-overflow-tooltip="true" />
<el-table-column prop="alarmInfo" label="报警信息" align="center" :show-overflow-tooltip="true" />
</el-table>
<pagination class="mt10" background :total="total" :page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize" @pagination="getLeftList" />
</el-col>
<el-col :span="18">
<div style="width: 100%; height: 50px;">
<el-button type="primary" @click="handleAdd">新增</el-button>
</div>
<div style="width: 100%; height: 80vh; ">
<el-row :gutter="10">
<el-col :span="15">
<el-form ref="form" :model="form" label-width="100" label-position="left">
<el-row>
<el-col :lg="12">
<el-form-item label="报警记录编码">
<el-input disabled v-model="form.alarmCode" placeholder="请输入报警记录编码" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="产线">
<el-input disabled v-model="form.lineCode" placeholder="请输入产线" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="产线名称">
<el-input disabled v-model="form.lineName" placeholder="请输入产线名称" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="报警类型">
<el-input disabled v-model="form.alarmType" placeholder="请输入报警类型" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="报警级别">
<el-input disabled v-model="form.alarmLevel" placeholder="请输入报警级别" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="报警信息">
<el-input disabled v-model="form.alarmInfo" placeholder="请输入报警信息" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="接收方">
<el-input disabled v-model="form.receiver" placeholder="请输入接收方" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="接收方名称">
<el-input disabled v-model="form.receiverName" placeholder="请输入接收方名称" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="处理结果">
<el-input v-model="form.handleResult" placeholder="请输入处理结果" />
</el-form-item>
</el-col>
<el-col :lg="12">
<el-form-item label="备注">
<el-input v-model="form.remark" placeholder="请输入备注" />
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-button type="primary" @click="handleUpdate">响应</el-button>
<el-button type="success" @click="handleDelete">处理完毕</el-button>
<el-button type="warning" @click="handleCancel">报告上级</el-button>
</el-col>
<el-col :span="8">4</el-col>
</el-row>
</div>
</el-col>
</el-row>
</div>
</template>
<script>
import { listAndonAlarmRecord, listAndonAlarmRecordTime } from "@/api/andonManagement/humanComputerInteraction/index.js"
export default {
data() {
return {
queryParams: {
pageNum: 1,
pageSize: 15,
},
leftList: [],
total: 0,
loading: false,
form: {},
}
},
created() {
this.getLeftList()
},
mounted() {
},
methods: {
getLeftList() {
this.loading = true;
listAndonAlarmRecord(this.queryParams).then(res => {
if (res.code == 200) {
this.loading = false;
this.leftList = res.data.result;
this.total = res.data.totalNum;
}
})
},
handleRowClick(row, column, event) {
this.form = {
...row
}
}
}
}
</script>
<style scoped>
::v-deep .el-input.is-disabled .el-input__inner {
background-color: #F5F7FA;
border-color: #dfe4ed;
color: #606266;
cursor: not-allowed;
}
</style>