Merge branch 'v2' of https://e.coding.net/ctcdevteam/ehs/ehs_web into v2
This commit is contained in:
commit
2597e63aeb
|
@ -2,100 +2,50 @@
|
||||||
<el-container>
|
<el-container>
|
||||||
<el-header>
|
<el-header>
|
||||||
<div class="left-panel">
|
<div class="left-panel">
|
||||||
<el-select
|
<el-select v-model="query.cates" placeholder="事件种类" @change="handleQuery" clearable>
|
||||||
v-model="query.cates"
|
<el-option v-for="item in cateOptions" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
||||||
placeholder="事件种类"
|
|
||||||
@change="handleQuery"
|
|
||||||
clearable
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item in cateOptions"
|
|
||||||
:key="item.id"
|
|
||||||
:label="item.name"
|
|
||||||
:value="item.id"
|
|
||||||
></el-option>
|
|
||||||
</el-select>
|
</el-select>
|
||||||
<el-select
|
<el-select v-model="query.area" placeholder="发生区域" @change="handleQuery" style="margin-left:2px" clearable
|
||||||
v-model="query.area"
|
filterable>
|
||||||
placeholder="发生区域"
|
<el-option v-for="item in areaOptions" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
||||||
@change="handleQuery"
|
|
||||||
style="margin-left:2px"
|
|
||||||
clearable
|
|
||||||
filterable
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item in areaOptions"
|
|
||||||
:key="item.id"
|
|
||||||
:label="item.name"
|
|
||||||
:value="item.id"
|
|
||||||
></el-option>
|
|
||||||
</el-select>
|
</el-select>
|
||||||
<el-date-picker
|
<el-date-picker v-model="timeRange" type="datetimerange" range-separator="至" start-placeholder="发生时间始"
|
||||||
v-model="timeRange"
|
end-placeholder="发生时间止" style="margin-left:2px" value-format="YYYY-MM-DD HH:mm:ss" @change="handleQuery"
|
||||||
type="datetimerange"
|
clearable />
|
||||||
range-separator="至"
|
<el-button type="danger" @click="handleDelete">批量删除</el-button>
|
||||||
start-placeholder="发生时间始"
|
|
||||||
end-placeholder="发生时间止"
|
|
||||||
style="margin-left:2px"
|
|
||||||
value-format="YYYY-MM-DD HH:mm:ss"
|
|
||||||
@change="handleQuery"
|
|
||||||
clearable
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="right-panel">
|
<div class="right-panel">
|
||||||
<el-button
|
<el-button type="primary" :loading='dLoading' icon="el-icon-download" @click="exportList">下载</el-button>
|
||||||
type="primary"
|
|
||||||
:loading = 'dLoading'
|
|
||||||
icon="el-icon-download"
|
|
||||||
@click="exportList"
|
|
||||||
>下载</el-button>
|
|
||||||
</div>
|
</div>
|
||||||
</el-header>
|
</el-header>
|
||||||
<el-main class="nopadding">
|
<el-main class="nopadding">
|
||||||
<scTable
|
<scTable ref="table" :apiObj="apiObj" row-key="id" fit stripe @selection-change="handleSelectionChange"
|
||||||
ref="table"
|
@resetQuery="resetQuery">
|
||||||
:apiObj="apiObj"
|
<el-table-column type="selection" width="55" />
|
||||||
row-key="id"
|
|
||||||
fit
|
|
||||||
stripe
|
|
||||||
@resetQuery="resetQuery"
|
|
||||||
>
|
|
||||||
<el-table-column label="#" type="index" width="50"></el-table-column>
|
<el-table-column label="#" type="index" width="50"></el-table-column>
|
||||||
<el-table-column label="事件种类" width="240" :show-overflow-tooltip="true">
|
<el-table-column label="事件种类" width="240" :show-overflow-tooltip="true">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-tag
|
<el-tag v-for="item in scope.row.cates_" :key="item.id" type="warning" effect="plain">{{ item.name }}</el-tag>
|
||||||
v-for="item in scope.row.cates_"
|
|
||||||
:key="item.id"
|
|
||||||
type="warning"
|
|
||||||
effect="plain"
|
|
||||||
>{{ item.name }}</el-tag
|
|
||||||
>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="发生区域" prop="area_.name"></el-table-column>
|
<el-table-column label="发生区域" prop="area_.name"></el-table-column>
|
||||||
<el-table-column label="事件类型" prop="obj_cate" width="100">
|
<el-table-column label="事件类型" prop="obj_cate" width="100">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
{{objCateOptions[scope.row.obj_cate]}}
|
{{ objCateOptions[scope.row.obj_cate] }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="事件对象" :show-overflow-tooltip="true">
|
<el-table-column label="事件对象" :show-overflow-tooltip="true">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span v-if="scope.row.opl">{{scope.row.operation_name}}</span>
|
<span v-if="scope.row.opl">{{ scope.row.operation_name }}</span>
|
||||||
<span v-else-if="scope.row.employee">
|
<span v-else-if="scope.row.employee">
|
||||||
{{eTypeOptions[scope.row.employee_.type]}}-{{scope.row.employee_.name}}-{{ scope.row.employee_.belong_dept_name }}
|
{{ eTypeOptions[scope.row.employee_.type] }}-{{ scope.row.employee_.name }}-{{
|
||||||
|
scope.row.employee_.belong_dept_name }}
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column label="发生时间" prop="create_time" width="150"></el-table-column>
|
||||||
label="发生时间"
|
|
||||||
prop="create_time"
|
|
||||||
width="150"
|
|
||||||
></el-table-column>
|
|
||||||
|
|
||||||
<el-table-column
|
<el-table-column label="处理人" prop="handle_user_name"></el-table-column>
|
||||||
label="处理人"
|
|
||||||
prop="handle_user_name"
|
|
||||||
></el-table-column>
|
|
||||||
<el-table-column label="事件标记" prop="mark">
|
<el-table-column label="事件标记" prop="mark">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-tag v-if="scope.row.mark == 20" type="warning" effect="plain">误报</el-tag>
|
<el-tag v-if="scope.row.mark == 20" type="warning" effect="plain">误报</el-tag>
|
||||||
|
@ -111,45 +61,27 @@
|
||||||
|
|
||||||
<el-table-column label="操作" fixed="right" align="center">
|
<el-table-column label="操作" fixed="right" align="center">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-button
|
<el-button link type="info" size="small" @click="table_show(scope.row, scope.$index)">查看</el-button>
|
||||||
link
|
<el-button link type="primary" size="small" v-if="scope.row.handle_user == null"
|
||||||
type="info"
|
@click="table_handle(scope.row, scope.$index)">处理</el-button>
|
||||||
size="small"
|
|
||||||
@click="table_show(scope.row, scope.$index)"
|
|
||||||
>查看</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
link
|
|
||||||
type="primary"
|
|
||||||
size="small"
|
|
||||||
v-if="scope.row.handle_user == null"
|
|
||||||
@click="table_handle(scope.row, scope.$index)"
|
|
||||||
>处理</el-button
|
|
||||||
>
|
|
||||||
<el-popconfirm title="确定删除吗?" @confirm="table_del(scope.row)">
|
<el-popconfirm title="确定删除吗?" @confirm="table_del(scope.row)">
|
||||||
<template #reference>
|
<template #reference>
|
||||||
<el-button link type="danger" size="small">删除</el-button>
|
<el-button link type="danger" size="small">删除</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-popconfirm>
|
</el-popconfirm>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</scTable>
|
</scTable>
|
||||||
</el-main>
|
</el-main>
|
||||||
<detail-dialog
|
<detail-dialog v-if="dialog.handle" ref="handleDialog" :eventID="eventID" @oplDetail="oplDetail"
|
||||||
v-if="dialog.handle"
|
@success="handleSuccess" @closed="dialog.handle = false"></detail-dialog>
|
||||||
ref="handleDialog"
|
|
||||||
:eventID="eventID"
|
|
||||||
@oplDetail="oplDetail"
|
|
||||||
@success="handleSuccess"
|
|
||||||
@closed="dialog.handle = false"
|
|
||||||
></detail-dialog>
|
|
||||||
<el-drawer :size="'50%'" v-model="showLimited" title="作业许可证详情" :close-on-click-modal="false">
|
<el-drawer :size="'50%'" v-model="showLimited" title="作业许可证详情" :close-on-click-modal="false">
|
||||||
<sc-fire :id="oplId"></sc-fire>
|
<sc-fire :id="oplId"></sc-fire>
|
||||||
</el-drawer>
|
</el-drawer>
|
||||||
</el-container>
|
</el-container>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import detailDialog from "./event_handlefrom.vue";
|
import detailDialog from "./event_handlefrom.vue";
|
||||||
import { CircleCheckFilled, CircleCloseFilled } from "@element-plus/icons-vue";
|
import { CircleCheckFilled, CircleCloseFilled } from "@element-plus/icons-vue";
|
||||||
export default {
|
export default {
|
||||||
name: "event",
|
name: "event",
|
||||||
|
@ -161,15 +93,16 @@ export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
dLoading: false,
|
dLoading: false,
|
||||||
showLimited:false,
|
showLimited: false,
|
||||||
defaultTime: ['00:00:00', '23:59:59'],
|
defaultTime: ['00:00:00', '23:59:59'],
|
||||||
timeRange: [],
|
timeRange: [],
|
||||||
|
selectionList: [],
|
||||||
objCateOptions: {
|
objCateOptions: {
|
||||||
'people':'人员',
|
'people': '人员',
|
||||||
'opl': '作业',
|
'opl': '作业',
|
||||||
'other': '其他'
|
'other': '其他'
|
||||||
},
|
},
|
||||||
eTypeOptions:{
|
eTypeOptions: {
|
||||||
'employee': '正式员工',
|
'employee': '正式员工',
|
||||||
'remployee': '相关方',
|
'remployee': '相关方',
|
||||||
'visitor': '访客',
|
'visitor': '访客',
|
||||||
|
@ -188,8 +121,8 @@ export default {
|
||||||
search: {
|
search: {
|
||||||
keyword: null,
|
keyword: null,
|
||||||
},
|
},
|
||||||
eventID:'',
|
eventID: '',
|
||||||
oplId:null,
|
oplId: null,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
|
@ -205,11 +138,32 @@ export default {
|
||||||
this.$refs.handleDialog.open("edit").setData(row);
|
this.$refs.handleDialog.open("edit").setData(row);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
table_del(row){
|
handleSelectionChange(val) {
|
||||||
this.$API.ecm.event.delete.req(row.id).then(res=>{
|
this.selectionList = val;
|
||||||
|
},
|
||||||
|
table_del(row) {
|
||||||
|
this.$API.ecm.event.delete.req(row.id).then(res => {
|
||||||
this.$refs.table.refresh();
|
this.$refs.table.refresh();
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
handleDelete() {
|
||||||
|
let that = this;
|
||||||
|
if (that.selectionList.length > 0) {
|
||||||
|
that.$confirm(`确定删除选中的${that.selectionList.length}条数据吗?`, "提示", { type: "warning" }).then(() => {
|
||||||
|
let ids = [];
|
||||||
|
that.selectionList.forEach(function (item) {
|
||||||
|
ids.push(item.id);
|
||||||
|
});
|
||||||
|
that.$API.ecm.event.delete.req('bulk', { ids: ids }).then((res) => {
|
||||||
|
that.$message.success("批量删除成功");
|
||||||
|
that.$refs.table.refresh();
|
||||||
|
return res;
|
||||||
|
}).catch((err) => {
|
||||||
|
that.$message.warning(err);
|
||||||
|
});
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
//查看
|
//查看
|
||||||
table_show(row) {
|
table_show(row) {
|
||||||
this.eventID = row.id;
|
this.eventID = row.id;
|
||||||
|
@ -224,14 +178,14 @@ export default {
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
getAreaOptions() {
|
getAreaOptions() {
|
||||||
this.$API.am.area.list.req({page: 0}).then(res=>{
|
this.$API.am.area.list.req({ page: 0 }).then(res => {
|
||||||
this.areaOptions = res;
|
this.areaOptions = res;
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
handleSuccess(){
|
handleSuccess() {
|
||||||
this.$refs.table.refresh();
|
this.$refs.table.refresh();
|
||||||
},
|
},
|
||||||
oplDetail(data){
|
oplDetail(data) {
|
||||||
debugger;
|
debugger;
|
||||||
console.log(data)
|
console.log(data)
|
||||||
this.oplId = data;
|
this.oplId = data;
|
||||||
|
@ -239,16 +193,16 @@ export default {
|
||||||
},
|
},
|
||||||
//搜索
|
//搜索
|
||||||
handleQuery() {
|
handleQuery() {
|
||||||
if(this.timeRange){
|
if (this.timeRange) {
|
||||||
this.query.start_create = this.timeRange[0]
|
this.query.start_create = this.timeRange[0]
|
||||||
this.query.end_create = this.timeRange[1]
|
this.query.end_create = this.timeRange[1]
|
||||||
}else{
|
} else {
|
||||||
this.query.end_create = null
|
this.query.end_create = null
|
||||||
this.query.start_create = null
|
this.query.start_create = null
|
||||||
}
|
}
|
||||||
if(this.query.cates){
|
if (this.query.cates) {
|
||||||
|
|
||||||
}else{
|
} else {
|
||||||
this.query.cates = null
|
this.query.cates = null
|
||||||
}
|
}
|
||||||
this.$refs.table.queryData(this.query);
|
this.$refs.table.queryData(this.query);
|
||||||
|
@ -261,12 +215,12 @@ export default {
|
||||||
|
|
||||||
exportList() {
|
exportList() {
|
||||||
this.dLoading = true;
|
this.dLoading = true;
|
||||||
this.$API.ecm.event.export_excel
|
this.$API.ecm.event.export_excel
|
||||||
.req(this.query)
|
.req(this.query)
|
||||||
.then(res=>{
|
.then(res => {
|
||||||
window.open(res.path, "_blank");
|
window.open(res.path, "_blank");
|
||||||
this.dLoading = false;
|
this.dLoading = false;
|
||||||
}).catch(e=>{this.dLoading = false;})
|
}).catch(e => { this.dLoading = false; })
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
|
@ -2,41 +2,21 @@
|
||||||
<el-container>
|
<el-container>
|
||||||
<el-header>
|
<el-header>
|
||||||
<div class="left-panel">
|
<div class="left-panel">
|
||||||
<el-date-picker
|
<el-date-picker v-model="timeRange" type="datetimerange" range-separator="至" start-placeholder="发生时间始"
|
||||||
v-model="timeRange"
|
end-placeholder="发生时间止" style="margin-right:10px" value-format="YYYY-MM-DD HH:mm:ss" @change="handleQuery"
|
||||||
type="datetimerange"
|
clearable />
|
||||||
range-separator="至"
|
<el-button type="primary" icon="el-icon-search" @click="handleQuery"></el-button>
|
||||||
start-placeholder="发生时间始"
|
<el-button type="danger" @click="handleDelete">批量删除</el-button>
|
||||||
end-placeholder="发生时间止"
|
|
||||||
style="margin-right:10px"
|
|
||||||
value-format="YYYY-MM-DD HH:mm:ss"
|
|
||||||
@change="handleQuery"
|
|
||||||
clearable
|
|
||||||
/>
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
icon="el-icon-search"
|
|
||||||
@click="handleQuery"
|
|
||||||
></el-button>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="right-panel">
|
<div class="right-panel">
|
||||||
<el-button
|
<el-button type="primary" @click="eventSetting">提醒配置
|
||||||
type="primary"
|
|
||||||
@click="eventSetting"
|
|
||||||
>提醒配置
|
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-header>
|
</el-header>
|
||||||
<el-main class="nopadding">
|
<el-main class="nopadding">
|
||||||
<scTable
|
<scTable ref="table" :apiObj="apiObj" row-key="id" :params="query" fit stripe
|
||||||
ref="table"
|
@selection-change="handleSelectionChange" @resetQuery="resetQuery">
|
||||||
:apiObj="apiObj"
|
<el-table-column type="selection" width="55" />
|
||||||
row-key="id"
|
|
||||||
:params="query"
|
|
||||||
fit
|
|
||||||
stripe
|
|
||||||
@resetQuery="resetQuery"
|
|
||||||
>
|
|
||||||
<el-table-column label="发生类型" prop="buy_date">
|
<el-table-column label="发生类型" prop="buy_date">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="事件信息" prop="voice_msg" show-overflow-tooltip>
|
<el-table-column label="事件信息" prop="voice_msg" show-overflow-tooltip>
|
||||||
|
@ -68,18 +48,10 @@
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="操作" fixed="right" align="center" width="120px">
|
<el-table-column label="操作" fixed="right" align="center" width="120px">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-link
|
<el-link type="primary" @click="table_handle(scope.row)" v-auth="'equipment.update'">处理
|
||||||
type="primary"
|
|
||||||
@click="table_handle(scope.row)"
|
|
||||||
v-auth="'equipment.update'"
|
|
||||||
>处理
|
|
||||||
</el-link>
|
</el-link>
|
||||||
<el-divider direction="vertical"></el-divider>
|
<el-divider direction="vertical"></el-divider>
|
||||||
<el-link
|
<el-link type="danger" @click="table_del(scope.row)" v-auth="'equipment.delete'">删除
|
||||||
type="danger"
|
|
||||||
@click="table_del(scope.row)"
|
|
||||||
v-auth="'equipment.delete'"
|
|
||||||
>删除
|
|
||||||
</el-link>
|
</el-link>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
@ -89,40 +61,39 @@
|
||||||
<el-card header="事件信息">
|
<el-card header="事件信息">
|
||||||
<el-form :model="eventItem" label-width="100px">
|
<el-form :model="eventItem" label-width="100px">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span='12'>
|
<el-col :span='12'>
|
||||||
<el-form-item label="所属部门:">{{ eventItem.deptName }}</el-form-item>
|
<el-form-item label="所属部门:">{{ eventItem.deptName }}</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span='12'>
|
<el-col :span='12'>
|
||||||
<el-form-item label="所属工段:">{{ eventItem.mgroupName }}</el-form-item>
|
<el-form-item label="所属工段:">{{ eventItem.mgroupName }}</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span='12'>
|
<el-col :span='12'>
|
||||||
<el-form-item label="所在班组:">{{ eventItem.teamName }}</el-form-item>
|
<el-form-item label="所在班组:">{{ eventItem.teamName }}</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span='12'>
|
<el-col :span='12'>
|
||||||
<el-form-item label="所在班次:">{{ eventItem.shiftName }}</el-form-item>
|
<el-form-item label="所在班次:">{{ eventItem.shiftName }}</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span='12'>
|
<el-col :span='12'>
|
||||||
<el-form-item label="发生时间:">{{ eventItem.production_date }}</el-form-item>
|
<el-form-item label="发生时间:">{{ eventItem.production_date }}</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span='12'>
|
<el-col :span='12'>
|
||||||
<el-form-item label="发生类型:">{{ eventItem.buy_date }}</el-form-item>
|
<el-form-item label="发生类型:">{{ eventItem.buy_date }}</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span='12'>
|
<el-col :span='12'>
|
||||||
<el-form-item label="状态:">{{ eventItem.buy_date }}</el-form-item>
|
<el-form-item label="状态:">{{ eventItem.buy_date }}</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span='12'>
|
<el-col :span='12'>
|
||||||
<el-form-item label="处理人:">{{ eventItem.buy_date }}</el-form-item>
|
<el-form-item label="处理人:">{{ eventItem.buy_date }}</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span='12'>
|
<el-col :span='12'>
|
||||||
<el-form-item label="备注:">{{ eventItem.buy_date }}</el-form-item>
|
<el-form-item label="备注:">{{ eventItem.buy_date }}</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
</el-card>
|
</el-card>
|
||||||
<el-card v-if="eventItem.handle_user" style="margin-top: 8px">
|
<el-card v-if="eventItem.handle_user" style="margin-top: 8px">
|
||||||
<el-descriptions title="事件处理" :border="true">
|
<el-descriptions title="事件处理" :border="true">
|
||||||
<el-descriptions-item label="事件标记"
|
<el-descriptions-item label="事件标记">{{ mark_options2[eventItem.mark] }}
|
||||||
>{{ mark_options2[eventItem.mark] }}
|
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="处理人">
|
<el-descriptions-item label="处理人">
|
||||||
<span v-if="eventItem.handle_user"></span>{{ eventItem.handle_user_name }}
|
<span v-if="eventItem.handle_user"></span>{{ eventItem.handle_user_name }}
|
||||||
|
@ -141,27 +112,18 @@
|
||||||
<el-col :span='12'>
|
<el-col :span='12'>
|
||||||
<el-form-item label="事件标记">
|
<el-form-item label="事件标记">
|
||||||
<el-select v-model="form.mark" style="width: 100%">
|
<el-select v-model="form.mark" style="width: 100%">
|
||||||
<el-option
|
<el-option v-for="item in mark_options" :key="item.id" :label="item.name" :value="item.id"
|
||||||
v-for="item in mark_options"
|
:disabled="mode === 'show'" />
|
||||||
:key="item.id"
|
|
||||||
:label="item.name"
|
|
||||||
:value="item.id"
|
|
||||||
:disabled="mode==='show'"
|
|
||||||
/>
|
|
||||||
</el-select>
|
</el-select>
|
||||||
</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="处理描述">
|
<el-form-item label="处理描述">
|
||||||
<el-input
|
<el-input v-model="form.handle_desc" clearable type="textarea"></el-input>
|
||||||
v-model="form.handle_desc"
|
</el-form-item>
|
||||||
clearable
|
</el-col>
|
||||||
type="textarea"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
<div style="width: 50%;text-align: center;">
|
<div style="width: 50%;text-align: center;">
|
||||||
|
@ -169,25 +131,11 @@
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
<el-card header="事件推送情况" style="margin-top: 8px">
|
<el-card header="事件推送情况" style="margin-top: 8px">
|
||||||
<scTable
|
<scTable ref="table" :data="remindData" row-key="id" fit stripe hidePagination hideRefresh hideDo>
|
||||||
ref="table"
|
|
||||||
:data="remindData"
|
|
||||||
row-key="id"
|
|
||||||
fit
|
|
||||||
stripe
|
|
||||||
hidePagination
|
|
||||||
hideRefresh
|
|
||||||
hideDo
|
|
||||||
>
|
|
||||||
<el-table-column label="#" type="index" width="50"></el-table-column>
|
<el-table-column label="#" type="index" width="50"></el-table-column>
|
||||||
<el-table-column label="事件种类" width="200">
|
<el-table-column label="事件种类" width="200">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-tag
|
<el-tag v-for="item in scope.row.event_.cates_" :key="item.id" type="warning">{{ item.name }}</el-tag>
|
||||||
v-for="item in scope.row.event_.cates_"
|
|
||||||
:key="item.id"
|
|
||||||
type="warning"
|
|
||||||
>{{ item.name }}</el-tag
|
|
||||||
>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="事件处理状态" prop="can_handle">
|
<el-table-column label="事件处理状态" prop="can_handle">
|
||||||
|
@ -197,16 +145,9 @@
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
<el-table-column
|
<el-table-column label="警报信息" prop="event_.voice_msg" width="200"></el-table-column>
|
||||||
label="警报信息"
|
|
||||||
prop="event_.voice_msg"
|
|
||||||
width="200"
|
|
||||||
></el-table-column>
|
|
||||||
|
|
||||||
<el-table-column
|
<el-table-column label="接收人" prop="recipient_.name"></el-table-column>
|
||||||
label="接收人"
|
|
||||||
prop="recipient_.name"
|
|
||||||
></el-table-column>
|
|
||||||
|
|
||||||
<el-table-column label="是否可处理" prop="can_handle">
|
<el-table-column label="是否可处理" prop="can_handle">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
|
@ -221,37 +162,21 @@
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
<el-table-column
|
<el-table-column label="发送时间" prop="create_time"></el-table-column>
|
||||||
label="发送时间"
|
|
||||||
prop="create_time"
|
|
||||||
></el-table-column>
|
|
||||||
</scTable>
|
</scTable>
|
||||||
</el-card>
|
</el-card>
|
||||||
</el-drawer>
|
</el-drawer>
|
||||||
<el-dialog
|
<el-dialog title="提醒配置" width="50%" v-model="visible" :append-to-body="true">
|
||||||
title="提醒配置"
|
<el-form :model="cateItem" label-width="100px">
|
||||||
width="50%"
|
|
||||||
v-model="visible"
|
|
||||||
:append-to-body="true"
|
|
||||||
>
|
|
||||||
<el-form
|
|
||||||
:model="cateItem"
|
|
||||||
label-width="100px"
|
|
||||||
>
|
|
||||||
<el-form-item label="告警间隔">
|
<el-form-item label="告警间隔">
|
||||||
<el-input-number
|
<el-input-number v-model="cateItem.unhandled_push_interval" :min="0" style="width: 90%;"
|
||||||
v-model="cateItem.unhandled_push_interval"
|
controls-position="right"></el-input-number>
|
||||||
:min="0"
|
|
||||||
style="width: 90%;"
|
|
||||||
controls-position="right"
|
|
||||||
></el-input-number>
|
|
||||||
<span>(毫秒)</span>
|
<span>(毫秒)</span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<el-button @click="visible = false">取 消</el-button>
|
<el-button @click="visible = false">取 消</el-button>
|
||||||
<el-button type="primary" :loading="isSaveing" @click="submitSetting"
|
<el-button type="primary" :loading="isSaveing" @click="submitSetting">保 存</el-button>
|
||||||
>保 存</el-button>
|
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</el-container>
|
</el-container>
|
||||||
|
@ -266,43 +191,43 @@ export default {
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
visible:false,
|
visible: false,
|
||||||
dLoading: false,
|
dLoading: false,
|
||||||
showLimited:false,
|
showLimited: false,
|
||||||
defaultTime: ['00:00:00', '23:59:59'],
|
defaultTime: ['00:00:00', '23:59:59'],
|
||||||
timeRange: [],
|
timeRange: [],
|
||||||
apiObj: this.$API.ecm.event.list,
|
apiObj: this.$API.ecm.event.list,
|
||||||
query: {
|
query: {
|
||||||
cates__code__in:'consume_exceed'
|
cates__code__in: 'consume_exceed'
|
||||||
},
|
},
|
||||||
cateItem:{},
|
cateItem: {},
|
||||||
eventItem:{},
|
eventItem: {},
|
||||||
eventID:'',
|
eventID: '',
|
||||||
mark_options2: {
|
mark_options2: {
|
||||||
10: "正常",
|
10: "正常",
|
||||||
20: "误报",
|
20: "误报",
|
||||||
},
|
},
|
||||||
form:{
|
form: {
|
||||||
mark:10,
|
mark: 10,
|
||||||
handle_desc:''
|
handle_desc: ''
|
||||||
},
|
},
|
||||||
mark_options: [
|
mark_options: [
|
||||||
{ id: 10, name: "正常" },
|
{ id: 10, name: "正常" },
|
||||||
{ id: 20, name: "误报" },
|
{ id: 20, name: "误报" },
|
||||||
],
|
],
|
||||||
remindData:[],
|
remindData: [],
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.getSetting();
|
this.getSetting();
|
||||||
},
|
},
|
||||||
mounted(){},
|
mounted() { },
|
||||||
methods: {
|
methods: {
|
||||||
getSetting(){
|
getSetting() {
|
||||||
this.$API.ecm.event_cate.list.req({ page: 0 }).then((res) => {
|
this.$API.ecm.event_cate.list.req({ page: 0 }).then((res) => {
|
||||||
let that = this;
|
let that = this;
|
||||||
res.filter((item) => {
|
res.filter((item) => {
|
||||||
if(item.code=='consume_exceed'){
|
if (item.code == 'consume_exceed') {
|
||||||
that.cateItem = item;
|
that.cateItem = item;
|
||||||
// that.query.cates = item.id;
|
// that.query.cates = item.id;
|
||||||
}
|
}
|
||||||
|
@ -312,15 +237,15 @@ export default {
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
//提醒配置
|
//提醒配置
|
||||||
eventSetting(){
|
eventSetting() {
|
||||||
this.visible = true;
|
this.visible = true;
|
||||||
},
|
},
|
||||||
//过呢更改配置
|
//过呢更改配置
|
||||||
submitSetting(){
|
submitSetting() {
|
||||||
let that = this;
|
let that = this;
|
||||||
if(that.cateItem.unhandled_push_interval!==null&&that.cateItem.unhandled_push_interval!==undefined){
|
if (that.cateItem.unhandled_push_interval !== null && that.cateItem.unhandled_push_interval !== undefined) {
|
||||||
that.visible = true;
|
that.visible = true;
|
||||||
this.$API.ecm.event_cate.update.req(that.cateItem.id,that.cateItem).then(res=>{
|
this.$API.ecm.event_cate.update.req(that.cateItem.id, that.cateItem).then(res => {
|
||||||
debugger;
|
debugger;
|
||||||
that.visible = false;
|
that.visible = false;
|
||||||
that.isSaveing = false;
|
that.isSaveing = false;
|
||||||
|
@ -328,7 +253,7 @@ export default {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
//处理
|
//处理
|
||||||
table_handle(row) {
|
table_handle(row) {
|
||||||
this.eventID = row.id;
|
this.eventID = row.id;
|
||||||
|
@ -337,17 +262,38 @@ export default {
|
||||||
this.$refs.handleDialog.open("edit").setData(row);
|
this.$refs.handleDialog.open("edit").setData(row);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
handleSelectionChange(val) {
|
||||||
|
this.selectionList = val;
|
||||||
|
},
|
||||||
//删除事件
|
//删除事件
|
||||||
table_del(row) {
|
table_del(row) {
|
||||||
this.$confirm( `确定删除该事件吗?`,"提示",{type: "warning"}).then(() => {
|
this.$confirm(`确定删除该事件吗?`, "提示", { type: "warning" }).then(() => {
|
||||||
this.$API.vm.visit.delete.req(row.id).then((res) => {
|
this.$API.ecm.event.delete.req(row.id).then((res) => {
|
||||||
this.$message.success("删除成功");
|
this.$message.success("删除成功");
|
||||||
this.$refs.table.refresh();
|
this.$refs.table.refresh();
|
||||||
return res;
|
return res;
|
||||||
}).catch((err) => {
|
}).catch((err) => {
|
||||||
this.$message.warning(err);
|
this.$message.warning(err);
|
||||||
});
|
});
|
||||||
})
|
})
|
||||||
|
},
|
||||||
|
handleDelete() {
|
||||||
|
let that = this;
|
||||||
|
if (that.selectionList.length > 0) {
|
||||||
|
that.$confirm(`确定删除选中的${that.selectionList.length}条数据吗?`, "提示", { type: "warning" }).then(() => {
|
||||||
|
let ids = [];
|
||||||
|
that.selectionList.forEach(function (item) {
|
||||||
|
ids.push(item.id);
|
||||||
|
});
|
||||||
|
that.$API.ecm.event.delete.req('bulk', { ids: ids }).then((res) => {
|
||||||
|
that.$message.success("批量删除成功");
|
||||||
|
that.$refs.table.refresh();
|
||||||
|
return res;
|
||||||
|
}).catch((err) => {
|
||||||
|
that.$message.warning(err);
|
||||||
|
});
|
||||||
|
})
|
||||||
|
}
|
||||||
},
|
},
|
||||||
//查看
|
//查看
|
||||||
table_show(row) {
|
table_show(row) {
|
||||||
|
@ -359,16 +305,16 @@ export default {
|
||||||
},
|
},
|
||||||
//搜索
|
//搜索
|
||||||
handleQuery() {
|
handleQuery() {
|
||||||
if(this.timeRange){
|
if (this.timeRange) {
|
||||||
this.query.start_create = this.timeRange[0]
|
this.query.start_create = this.timeRange[0]
|
||||||
this.query.end_create = this.timeRange[1]
|
this.query.end_create = this.timeRange[1]
|
||||||
}else{
|
} else {
|
||||||
this.query.end_create = null
|
this.query.end_create = null
|
||||||
this.query.start_create = null
|
this.query.start_create = null
|
||||||
}
|
}
|
||||||
if(this.query.cates){
|
if (this.query.cates) {
|
||||||
|
|
||||||
}else{
|
} else {
|
||||||
this.query.cates = null
|
this.query.cates = null
|
||||||
}
|
}
|
||||||
this.$refs.table.queryData(this.query);
|
this.$refs.table.queryData(this.query);
|
||||||
|
@ -386,12 +332,12 @@ export default {
|
||||||
},
|
},
|
||||||
exportList() {
|
exportList() {
|
||||||
this.dLoading = true;
|
this.dLoading = true;
|
||||||
this.$API.ecm.event.export_excel
|
this.$API.ecm.event.export_excel
|
||||||
.req(this.query)
|
.req(this.query)
|
||||||
.then(res=>{
|
.then(res => {
|
||||||
window.open(res.path, "_blank");
|
window.open(res.path, "_blank");
|
||||||
this.dLoading = false;
|
this.dLoading = false;
|
||||||
}).catch(e=>{this.dLoading = false;})
|
}).catch(e => { this.dLoading = false; })
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in New Issue